/****************************************/

/* theme main style */

/****************************************/

/* typography */

body
{
	/*font-family: Lato, Helvetica, Arial, sans-serif;*/
	color: #3a3a3a;
	
	font-size: 16px;
	line-height: 150%;	
	word-wrap: break-word;
}

h1, h2, h3, h4
{
	/*color: #18253c;*/
}

/****************************************/

/* color palette */

/**********/

/* neutral colors */

.light-grey
{
	color: #aaa;
}

.bg-light-grey
{
	background-color: #ddd;
}

.bg-dark-grey
{
	background-color: #3b3b3b;
}

/**********/

/* accent color */ 

.darkblue
{
	color: #0f2e4d;
}

.bg-darkblue
{
	background-color: #0f2e4d;
	color: #fff;
}
.bg-darkblue a, .bg-darkblue a:visited, .bg-darkblue a:hover, .bg-darkblue a:focus, .bg-darkblue a:active 
{
	color: #fff;
}

.sow-slider-image-wrapper p
{
	background-color: rgba(15,46,77, 0.8);
	display: inline-block !important;
	padding: 15px !important;
	/*width: auto !important;
	height: auto !important;*/
}

/**********/

/* links */

a, a:visited
{
	color: #174878;
    text-decoration: none;
}

a:hover, a:focus, a:active
{
	color: #174878;
    text-decoration: underline;
}

/**********/

/* buttons */

.btn-primary
{
	background-color: #0f2e4d !important;
	border-color: #0f2e4d !important;
	color: #fff !important;
}
.btn-primary:hover
{
	background-color: #174878 !important;
	border-color: #174878 !important;
	color: #fff !important;
}

.theme-btn, .theme-btn:visited, .theme-btn:active, .theme-btn:focus, 
.elm-button, .elm-button:visited, .elm-button:active, .elm-button:focus
{
	background-color: rgba(255,10,137, 0.5) !important;
	color: #fff !important;
	box-shadow: inset 0 0 0 0 #0f2e4d !important;
	
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.theme-btn:hover, 
.elm-button:hover
{
	color: #fff !important;
	box-shadow: inset 0 100px 0 0 #0f2e4d !important;
}

/**********/

/* plugins */

/* ajax load more */
.alm-load-more-btn
{
	padding: 12px 60px !important;
}
.alm-load-more-btn.done
{
	display: none;
}

/* woocommerce load more */
a.lmp_button
{
	padding: 16px 60px !important;
	font-size: 16px !important;
}

/* easy load more & contac form submit */
.elm-button, 
.wpforms-submit
{
	border: solid 1px #ddd !important;
	border: none !important;
	border-radius: 5px !important;
	padding: 12px 60px !important;
	cursor: pointer;
}
.elm-button:focus, .elm-button:active
{
	outline: none;
}
.elm-button .elm-loading-anim
{
	display: none;
}
.elm-button:active .elm-loading-anim
{
	display: block;
	width: 50px;
}
.elm-button:active .elm-button-text
{
	display: none;
}

/**********/

/* form controls */

.form-control:focus
{
  border-color: #0f2e4d;
  box-shadow: inset 0 1px 1px rgba(255,10,137, 0.5), 0 0 8px rgba(255,10,137, 0.5);
   box-shadow: none;
}

.btn:focus   
{
  box-shadow: none;
}

.wpforms-required-label
{
	color: #ff0000;
}

/****************************************/

/* utilities: common design elements */

/**********/

hr.underline-left
{
	width: 25%;
	margin-left: 0;
}
hr.underline
{
	width: 10%;
}

hr.accent-color
{
	height: 5px;
	background-color: #ff0a89;
}

/**********/

/* wordpress images */

img.size-full
{
	max-width: 100%;
	height: auto;
}
img.aligncenter
{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
img.alignleft
{
	float:left; 
	margin:0 1em 1em 0;
}
img.alignright
{
	float:right; 
	margin:0 0 1em 1em;
}

/****************************************/

/* header & footer */

/****************************************/

/* top header */

.topheader-widget p
{
	margin-bottom: 0;
}

/****************************************/

/* header */

/*#header
{
	position: relative;
}
.navbar
{
	padding-top: 0px !important;
}
.navbar .container
(
)*/

.navbar-brand
{
	padding: 0px !important;
}
.navbar-brand img 
{	
	max-width: 100%;
	max-height: 100px;
}
.navbar-brand .brand-title
{
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	top: 5px;
}
.navbar-brand .brand-subtitle
{
}

/*.navbar .navbar-collapse
{
	position: relative;
	top: -13px;
}*/

/****************************************/

/* nav menu */

.navbar-nav > li > a
{
}
.navbar-nav a:hover
{
	color: #174878 !important;
}
.navbar-nav a.active
{
	color: #0f2e4d !important;
	font-weight: bold !important;
	border-radius: 5px;
}

.dropdown-menu li
{
}
.dropdown-item.active, .dropdown-item:active
{
	background: none;
}

/****************************************/

/* footer */

.footer
{
}

.socialmedia-channels
{
}
.socialmedia-channels a
{
	margin-right: 10px;
	
	color: #fff;
}
.socialmedia-channels a#facebook:hover
{
	color: #3b5998;
}
.socialmedia-channels a#instagram:hover
{
	color: #C32AA3;
}
.socialmedia-channels a#whatsapp:hover
{
	color: #25D366;
}
.socialmedia-channels a#snapchat:hover
{
	color: #FFFC00;
}
.socialmedia-channels a#twitter:hover
{
	color: #00aced;
}
.socialmedia-channels a#youtube:hover
{
	color: #FF0000;
}
.socialmedia-channels a#googleplus:hover
{
	color: #DB4437;
}
.socialmedia-channels a#linkedin:hover
{
	color: #007bb6;
}

.footer-widget .menu
{
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.footer-widget .menu li
{
	display: inline-block;
}
.footer-widget .menu li a:hover
{
	text-decoration: underline;
}

/****************************************/

/* social media */

img.socialmedia-icon
{
	width: 2.5em;
	height: 2.5em;
}

/****************************************/

.lcp_catlist {
    display: flex;
    flex-flow: column-reverse;
}

input[value="View Schedule"]{
	padding: 9px 14px; font-family: Arial, sans-serif; font-size: 21px; font-weight: bold; text-decoration: none; text-align: center; display: table-cell; vertical-align: middle; border-radius: 25px; color: rgb(255, 255, 255); background-color: rgb(0, 120, 204);
}

input[value="Heliopolis"], input[value="Online"],input[value="Arabic Schedule"],input[value="Group Classes"]{
	background: #0f2e4d;
	color: white;
	padding: 10px;
	border-radius: 15px;
}

input[value="Group Classes"]{
width: 140px;    
}

#menu-item-3304{
	
	background: #0f2e4d;
	border-radius: 25px;
}

.um input[type=submit].um-button, .so-widget-sow-button-atom-4a75a8acc3b6 .ow-button-base a{
	background: #0f2e4d !important;
}

#menu-item-3304 a{
	
	color: white !important;
}

.zoom {cursor: zoom-in;}

.flogo{
	max-width: 70%;
    max-height: 60px;
}

.fitems{
	display: flex;
	justify-content: center;
}

.fitems p{
	padding-top: 10px;
}

.menu-footer-menu-container{
	
	display: flow-root;
	
}


#menu-footer-menu li a, .fitems p small a{
	color: black;
}

#menu-footer-menu {
  position: relative;
  display: inline-block;
	
	list-style-type: none;
    text-decoration: underline;
    float: right;
	line-height:40%;
	font-size: small;
}

#menu-footer-menu li ul.dropdown-menu {
  display: none;
  position: absolute;
	top:0;
	left:-200px !important;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#menu-footer-menu > ul{
	height: 23px;
}
#menu-footer-menu li:hover, #menu-footer-menu > ul:hover{
	background-color: #f1f1f1; 
}

#menu-footer-menu li ul li:hover{
	background-color: white;
}

#menu-footer-menu li:hover ul {display: block;}

#menu-item-3304{
	text-align: center;
}

.navbar-brand .brand-title.darkblue{
	display: none;	
}

#header{
	position: absolute !important;
}

ul.wrap_login_logout{
	padding-left: 17px;
    padding-top: 9px;
}

.footer-widget.mb-4{
	display:none;
}

.so-widget-sow-button.so-widget-sow-button-atom-1c412770a192 {
  position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
	
	float: none !important;
	margin-left: 0px !important;
}

.sow-testimonial-user{
	padding: 0px !important;
}

.ml-auto{
	display: flex;
}

.ml-auto span:first-of-type{
	padding-right: 10px;
}

.toclass{
	padding: 40px;
}

.ml-auto span div span, .ml-auto span div a{
	color: #B2A075 !important;
}


@media only screen and (max-width: 500px) {
  #menu-footer-menu li ul.dropdown-menu {
	left:-190px !important;
	}
	
	.fitems p{
	padding-top: 0px;
}
}
