/*
Theme Name: AlMejarra_Theme
Theme URI: https://almejarra.com
Author: Ahmed Faris
Author URI: https://ahmedfaris.com
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
* 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 * 18.0 - SpinKit
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
/*!
* ALMEJARRA ARABIC WEBSITE by AHMED FARIS - http://almejarra.com
*
*/
@charset "UTF-8";

/* ------------------------------------------
  RESET
--------------------------------------------- */
html{
    margin-top: 0 !important;
}

html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
    vertical-align: baseline;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  BASE DEMO STYLES
--------------------------------------------- */
/*General Syling*/
.clear {
    clear: both;
}
.centerz{
    text-align: center;
}
hr{
    display: block;
    border: none;
    outline: none;
    height: 1px;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hancen';
  src: url(fonts/Hacen_Maghreb.ttf);
  font-weight: normal;
  font-style: normal;
}

/*Main Structure*/
*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /*sticky*/
    box-sizing: border-box;
	transition: all .1s ease-in-out;
}
body{
    direction: rtl;
    padding: 0;
    margin: 0;
    font-family: 'Hancen', Tahoma;
    /*background: #350033;*/
}
#warpper{
    width: 100%;
    margin: 0;
}
a:link, a:visited{
    text-decoration: none;
}
nav a:link, a:visited{
    text-decoration: none;
    color:#FFFFFF;
}
nav a:hover{
    color: #be07b5;
}

header{
    width: 100%;
    max-height: 643px;
    min-height: 90px;
    background: #350033;
}
.header-img{
    width: 100%;
    height: 100%;
    background: url(images/space_featured.jpg);
    background-color: rgba(0, 0, 0, 0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    /* Slider Start */

#top-bar{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 30;
    font-size: 1.2em;
}
.inhance{
    background: rgba(0,0,0,0.3);
}
/*Search Bar*/
#search_bar{
    float: left;
    margin: 30px 30px 0;
}
.search-box {
  -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
          transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: #ebebeb;
}
.search-box + label .search-icon {
  color: black;
}
.search-box:hover {
  color: white;
  background: #c8c8c8;
  box-shadow: 0 0 0 5px #3d4752;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
          transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 200px;
  border-radius: auto;
  background: #ebebeb;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  position: relative;
  left: -30px;
  color: white;
  cursor: pointer;
}
..glyphicon-search{
    font-family: 'FontAwesome';
    content: "&#xf002";
}
/*
.glyphicon-search:before {
  content: "\e003";
}
*/

/*Sticky*/
.sticky {
    background: #350033 !important;
    opacity: 0.90;
    filter: alpha(opacity = 90);
}
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.bgwhite{
    background: #ffffff;
}
.btb{
    border-top:1px solid #ff0000;
    border-bottom:1px solid #ff0000;
}
#logo{
    display: inline-block;
    float: right;
}
.main-logo{
    width:140px;
}
.sticky img{
    width: 110px !important;
}
#menu_warpper{
    display: inline-block;
    margin:  30px 30px 0;
}
.current-menu-item>a{
    color:#92278d !important;
}
nav{
    
}


            /* ------------------------------------------
              NAVIGATION STYLES
              (+ responsive-nav.css file is loaded in the <head>)
            --------------------------------------------- */
            .fixed {
              position: fixed;
              width: 100%;
              top: 0;
              left: 0;
            }

            .nav-collapse,
            .nav-collapse * {
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
            }

            .nav-collapse,
        .nav-collapse ul {
              list-style: none;
              width: 100%;
              float: right;
            }

            .nav-collapse li {
                    display: inline;
            }

            @media screen and (min-width: 40em) {
              .nav-collapse li {
                
              }
            }

            @media screen and (min-width: 40em) {
              .nav-collapse a {

              }
            }

            .nav-collapse ul ul a {

            }
            #menu-item-39{
                position: relative;
            }
            .menu-item-has-children{
                position: relative;
            }
            .js .nav-collapse{
                overflow: visible !important;
            }

            @media screen and (min-width: 40em) {
              .nav-collapse ul ul a {
/*                  display: none;*/
              }
                .nav-collapse ul ul{
                    display:none;
                    position:absolute;
                    width: 200px;
                    top:100%;
                    right:0;
                    background:#350033;
                    padding:10px;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                }
                .nav-collapse ul li:hover ul{
                    display: block;
                }
                .sub-menu li{
                    display: block;
                    clear:both;
                    border-style:none;
                    line-height: 2em;
                }
            }
            /* ------------------------------------------
              NAV TOGGLE STYLES
            --------------------------------------------- */

            @font-face {
              font-family: "responsivenav";
              src:url("../icons/responsivenav.eot");
              src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
                url("../icons/responsivenav.ttf") format("truetype"),
                url("../icons/responsivenav.woff") format("woff"),
                url("../icons/responsivenav.svg#responsivenav") format("svg");
              font-weight: normal;
              font-style: normal;
            }

            .nav-toggle {
              position: fixed;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              text-decoration: none;
              text-indent: -999px;
              position: relative;
              overflow: hidden;
              width: 100%;
              height: 55px;
              float: right;
            }

            .nav-toggle:before {
              color: #ffffff; /* Edit this to change the icon color */
              font-family: "responsivenav", sans-serif;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              font-size: 28px;
              text-transform: none;
              position: absolute;
              content: "≡";
              text-indent: 0;
              text-align: center;
              line-height: 55px;
              speak: none;
              width: 100%;
              top: 0;
              left: 0;
            }

            .nav-toggle.active::before {
              font-size: 24px;
              content:"x";
            }




nav ul {
	float: right;
	margin: 22px 0;
}
nav ul li {
	font-weight: 100;
	display: table-cell;
}
nav ul li a
{
	text-decoration: none;
	color: #fff;
}
nav ul li{
    display: inline;
    padding-left: 1em;
}
#ddmenu div.menu-icon {
    display:none; /*hide menu icon initially*/
}

/*styles for mobile*/
@media only screen and (max-width: 480px) {
    (....omitted for brevity)
}
li a.active{
    color:#92278d;
    font-size: 100%;
}



#content{
}
section{
    position: relative;
}
footer{
    padding: 20px 0;
    background-color: #350033;
    color: floralwhite;
}
.footer_copy{
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 20;
}
.one3{
    width: 31.333%;
    margin:5px 1%;
    padding: 2px;
    float:right;
}
.one6{
    width: 14.33%;
    margin: 5px 1%;
    float: right;
    color: #000000;
}
.one6 img{
    height: 80px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    opacity: 0.3;
}
img:hover{
    opacity: 1;
}
.one6 a{
    color: #000;
    }
.txt p{
    margin-bottom: 20px;
}
.sideimg{
    margin:30px 20px;
    display: inline-block;
    float: right;
}
.img-mr{
    margin-top: 25px;
}
footer h3{
    font-size: 26px;
    line-height: 35px;
    font-weight: normal;
}
a#back_to_top {
  margin: -55px 0 0 0 !important;
  float: left;
  width: 50px;
  height: 50px;
  background: white;
  text-align: center;
  border-radius: 50px;
}

/*Social*/
.unlog{
    background: url(images/logo-almejarra-full.png);
    height: 120px;
    background-repeat: no-repeat;
    background-position: Center Center;
    background-size: contain;
    margin: 10px auto;
}
.botlog{
      margin-bottom: -15px;
}
.social{
    width: 287px;
}
.socialimg{
    background-image: url(images/social_media.png);
    background-repeat: no-repeat;
    height: 32px;
    width:32px;
    float: left;
    margin: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
.facebook{
    background-position: -10px;
}
.google{
    background-position: -152px;
}
.twitter{
    background-position: -105px;
}
.instagram{
    background-position: -247px;
}
.linkedin{
    background-position: -58px;
}

/*Custom header*/
.homfetr{
    height:  643px;
}

.hdrt{
    background: url(images/bg61.jpg);
    background-position: center center;
    background-size: cover;
}
#hdrtitle{
    padding: 30px;
}
h2{
    font-size: 30px;
    padding: 30px 0;
}

/*HOME*/
#header-img p{
    font-size: 30px;
    color: #ffffff;
    text-shadow: #7D0416 3px 3px;
}
#header-img h2{
    font-size: 60px;
     color: #ffffff;
    text-shadow: #7D0416 3px 3px;
}

.hdrtxt{
    position: absolute;
    top: 250px;
    right: 80px;
}
#showd img{
    opacity: 0.7;
}
#showd img:hover{
    opacity: 1.0;
    cursor: pointer;
}
#showf h2{
    margin: 0;
    padding: 0;
    color: #6E0069;
}
#showf img{
    height: 150px;
}
#showf p{
    color: #9D5599;
}
#spaceup{
    height:600px;
}
#space{
    width: 100%;
    height: 100%;
    background: url(images/space_featured02.jpg);
    background-color: rgba(0, 0, 0, 0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
   
}
.overlay {
  background: url(images/pattern.png);
  width: 100%;
  overflow: hidden;
  height: 100%;
  top: 0;
  left: 0;
}
.dtxt{
    color: #fff;
    margin-top: 350px;
}
.dtxt h2{
    font-size: 36px;
    text-shadow: 2px 2px black;
    margin: 0;
    padding: 0;
    line-height: 60px;
}
.dtxt h3{
    font-size: 24px;
    text-shadow: 2px 2px black;
    line-height: 60px;
}
.dtxt p{
    font-size: 20px;
    text-shadow: 2px 2px black;
    line-height: 60px;
}
.ospaces .title{
    border-bottom: 1px dashed #EDCEEC;
    width: 70%;
    margin: 20px auto 0;
    padding: 5px;
}
.ospaces h2{
    padding: 0;
    }
.ospaces h3{
    padding: 5px;
    font-size: 22px;
}

#interest{
    background: #eeeeee;
    padding: 100px 0 50px;
    color:#795B78;
}
#interest h2{
    font-size: 3em;
}
#interest p{
    font-size:1.5em;
}
/*about*/
.padtop{
    padding-top: 25px;
}
.padbot{
    padding-bottom: 25px;
}
.ptxt{
    width: 65%;
    display: inline-block;
    text-align: justify;
}
.ppic{
    display: inline-block;
    float: left;
    border-radius: 5%;
    -webkit-border-radius: 5%;
}
.fade2{
    transition: 2s;
    -webkit-transition: 2s;
}
.ppic:hover{
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
.infopic{
    background: url(images/profile.jpg);
    width:350px;
    height: 275px;
}
.cspic{
    background: url(images/almejarra_featured_space.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width:350px;
    height: 197px;
}
.fmedia img{
    margin-right: 80px;
    margin-top: 30px;
    margin-bottom: 10px;
    height: 80px;
}
.fmedia img:hover{
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
.fmedia h2{
    padding: 0;
}
#astro {
}
.team{
    padding-top: 10px;
    border-top: 5px solid #ffffff;
}
.team:hover{
    background: #FFF2FE;
    border-top: 5px solid #92278D;
}
.imgframe{
    margin: 0 auto 15px;
    width: 200px;
    height:200px;
    border-radius: 100%;
    -webkit-border-radius:100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-width: 8px;
    border-style: solid;
    display: block;
    box-sizing: border-box;
    border-color: #FFE5FD;
}
.img_container{
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_container .profile{
    max-width: 100%;
    height: auto;
}
#faris{
    background: url(images/astro/faris.png);
    width: 200px;
    height: 200px;
    background-size: cover;
}
/*
#faris:hover{
    background: url(images/astro/faris02.jpg);
    width: 200px;
    height: 200px;
    background-size: cover;
}
*/
.txt_warper{
    
}
.txt_warper h4{
    font-size: 2em;
    margin-bottom: 3px;
}
.position{
    font-size: 16px;
    margin-bottom: 15px;
    color:#555555;
}
.hr_half_break{
    margin-left: auto;
    width: 40%;
    color: #92278D;
    background: #92278D;
    margin: 0 auto 15px;
    clear: both;
}
.brief {
    font-size: 14px;
    color: #777777;
    text-align: justify;
    margin: 0 30px 15px;
}
.astrosocial img{
    height: 36px;
    margin:0 5px;
}
.astrosocial img:hover{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}
#footer_btn{
    padding: 20px;
    width: 250px;
    margin: 0 auto;
    color: #92278D;
    font-size:22px;
}
#bbtn{
    padding: 20px;
    width: 250px;
    color: #92278D;
    height: 100%;
    width: 100%;
    border: 1px solid #92278D;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor:pointer;
    background: rgb(255, 255, 255) transparent;
    
}
#bbtn:hover{
    color: #ffffff;
    background: #92278D;
}
/*Connect Page*/
#map-canvas{
    width: 100%;
    height: 400px;
}
section iframe{
    width: 100% !important;
}
/*
.wpcf7-form{
    color: grey;
}
*/
input, textarea{
    text-align: right;
    display: block;
    margin: 0 0 30px 0;
    padding: 20px;
    border: 1px solid #e9e9e9;
    min-width: 300px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.ss-secondary-text{
    font-size: 14px;
}
.ss-item{
    margin-top: 20px;
}
input[type="submit"]{
    text-align: center;
    background: #fff;
}
input[type="radio"]{
    display: inline;
    padding: 0;
    margin: 0;
    min-width: 1px;
}
.ss-q-other{
    margin: 0 !important;
}
.jfk-button{
    min-width: 100px !important;
}
.ss-choices li{
    list-style: none;
}
.socialst li{
    font-family: 'FontAwesome';
    font-size: 4em;
    display: inline;
    margin: 10px;
}
.socialst li:hover{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

/*Coworking Spaces*/
#space_small img{
    height: 96px;
    margin: 10px 0;
}
#space_small P{
    padding: 0 25px;
}#space_small Div{
    margin-bottom: 35px;
}

/*Shuttle*/
.knw{
    min-height: 300px;
}
.knw img{
    height: 65px;
    display: inline;
}
.knw p{
    
}
.eventsbox{
}

/*SpinKit*/
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* Customized Social Media Menu Items */
#menu-item-163, #menu-item-162, #menu-item-164, #menu-item-165{
    font-family: 'FontAwesome';
    color: aqua;
}