/*
Theme Name: Koentact
Theme URI: 
Author: Expat Audience
Author URI: http://expataudience.com/
Description: Built on Bootstrap v.3 basic theme.
Version: 10.0.3.3
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Layout styles */
body{ color: #222; background: #eff2e8;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, .course-mainpage h2{ font-weight: 700; font-family: 'Signika', sans-serif;}
h1{ font-weight: 300;}
.home #content h1, #content #header-course h1{ font-weight: 700; font-size: 2em;}
h2, h3{ margin: 10px 0 20px 0;}
hr{border-top: 2px dotted #ddd;}
a, a:active, a:visited, a:focus { color: #94c83d; !important}
a:hover { color: #7ab21b;}
a[href^="tel"]{color:inherit;text-decoration:none;}
a.text-body{ color: #222;}
a.text-body:hover { text-decoration: none;}
.custom-font{ font-weight: 700; font-family: 'Roboto', sans-serif;}
.big-font{font-size: 1.3em;}
.margin-top{margin-top: 20px;}
.margin-bottom{margin-bottom: 20px;}
.margin-right{margin-right: 20px;}
.no-margin{margin: 0;}
#content{ margin-top: 40px; margin-bottom: 40px;}
#content{font-size: 1.1em; line-height: 1.5em;}
p{ margin-bottom: 20px;}
#content h1{
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 2.5em;
}
a.btn, input.submit, button.submit, #video-home a{
	display: inline-block;
	background: #94c83d;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 5px 15px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	border-radius: 6px;
}
a.btn:hover, input.submit:hover, button.submit:hover,
a.btn:focus, input.submit:focus, button.submit:focus,
a.btn:active, input.submit:active, button.submit:active{
	color: #fff;
	background: #5b5a5a;
	text-decoration: none;
}
input.btn-custom, a.btn-custom, button.btn-custom, #video-home a{
	color: #94c83d;
	background: #fff;
}
.btn-custom:hover, #video-home a:hover,
.btn-custom:focus, #video-home a:focus,
.btn-custom:active, #video-home a:active{
	background: #5b5a5a;
	text-decoration: none;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{
	left: 0;
	margin-left: 0;
	width: 15px;
}
.formmsg{
	padding: 10px;
	margin-bottom: 20px;
  border-radius: 6px;
  background-color: #fff;
  color: #94c83d;
}
.formmsg p{
	margin: 0;
}
.bubble-button,.courses-home a{
	display: inline-block;
	width: 70px;
	height: 50px;
	background: url(img/bubble.svg) no-repeat top left;
  background-size: contain;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.bubble-button:hover,.courses-home a:hover,
.bubble-button:focus,.courses-home a:focus,
.bubble-button:active,.courses-home a:active{
	text-decoration: none;
	color: #5b5a5a;
}
.gfield_required{
	color: #ff0000;
}

#content .btn{
	margin-bottom: 20px;
}
.entry-content ol{
	margin: 0;
    padding: 0;
    list-style-type: none;
}
.entry-content ol li{
	counter-increment: step-counter;
	padding: 0 0 15px 30px;
	position: relative;
	line-height: 1.5em;
}
.entry-content ol li:before{
	content: counter(step-counter);
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    line-height: 1.8em;
    font-size: 80%;
    background-color: #484e5b;
    color: white;
    font-weight: bold;
    border-radius: 50%;
}
.sprite{
	background: url(img/sprite.png);
	background-repeat: no-repeat;
}
.box{
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

/* HEADER */

a.site-title-heading{
	display: inline-block;
	width: 270px;
	height: 80px;
	background-position: 0 -200px;
}
.tagline{
	font-size: 4em;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	font-weight: 700;
	font-family: 'Signika', sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}
.home a.site-title-heading{
	width: 700px;
	height: 200px;
	background-position: 0 0;
}
.blog-banner a.site-title-heading{
	background-position: 0 -275px;
}
.main-navigation{
	background: #94c83d;
	text-transform: uppercase;
	font-weight:bold;
	color: #fff;
	padding: 20px;
}
.main-navigation > .container {
	width: 100%;
	max-width: 100%;
	padding: 0 20px;
}
.main-navigation .navbar{
	min-height: 30px !important;
}
.main-navigation .navbar-nav>li>a{
	color: #fff;
	padding: 5px 10px;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus{
	background: #eff2e8;
	color: #666;
	border-radius: 10px;
}
#menu-header-main-nav .dropdown-menu{
	background: #fff;
}
#menu-header-main-nav .current-page-ancestor > a{
	color: #222;
}
.dropdown-menu>li>a{
	color: #eb5463;
	padding: 7px 15px 7px 25px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background: #ccc;
	color: #222;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	color: #cb0619;
	background: #f5f5f5;
}

/* BANNERS */

.banner{
	padding: 30px 0;
	background-color: #444;
	position: relative;
	height: 180px;
	overflow: hidden;
}
.home .banner{
	background-image: url(img/home-banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.banner img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.banner .container{
	position: relative;
	z-index: 2;
}

/* RESPONSIVE VIDEO EMBEDS */
.video-frame{
	border: 5px solid #fff;
}
.video-container, .wp-block-embed-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe, .wp-block-embed-youtube iframe,
.video-container object, .wp-block-embed-youtube object,
.video-container embed, .wp-block-embed-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* GALLERY */

#content dl.gallery-item{
	margin: 0;
}
#content dl.gallery-item dt{
	padding: 5px;
}
#content dl.gallery-item img{
	border: none;
	width: 100%;
	height: auto;
}

/* BLOCKQUOTES */

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  font-family: Georgia, serif;
	font-style: italic;
	font-size: 1em;
  line-height: 1.5;
  color: #999;
	border-left-color: #e0e1de;
}

blockquote::before{
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #94c83d;
  position: absolute;
  left: 5px;
  top: 0;
}

blockquote::after{
  content: "";
}

blockquote small{
	margin-top: 10px;
}

/* BREADCRUMBS */

.breadcrumbs{ margin-bottom: 20px;color: #999;}
.breadcrumbs a,.breadcrumbs span{
	color: #999;
}

/* SIDE NAV */

/* override styles */
#sidebar-left .widget{
	border: none;
	padding: none;
}
#sidebar-left .widget ul{
	padding-left: 0;
}
#sidebar-left ul{
	list-style: none;
}
#sidebar-left ul li{
	border-bottom: 1px solid #ddd;
}
#sidebar-left ul li:last-child{
	border-bottom: none;
}
#sidebar-left ul li.active a{
	background: rgba(255,255,255,0.7);
	padding-left: 20px;
}
#sidebar-left ul li.active a:before{
	font-family: FontAwesome;
	content: "\f105";
	margin-left: -10px;
	margin-right: 10px;
	color: #ccc;
}
#sidebar-left ul li a{
	display: block;
	padding: 10px 5px;
}
#sidebar-left ul li a:hover, #sidebar-left ul li a:focus, #sidebar-left ul li a:active{
	text-decoration: none;
}

/* OPEN DAY */

.open-day{
	background: #fff;
	padding: 20px 0;
	text-align: center;
}
.open-day .container{
	text-align: center;
}
.open-day div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.open-day h3{
	text-transform: uppercase;
	line-height: 1;
}
.open-day .border-right{
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #666;
}
.open-day .dates{
	margin-bottom: 10px;
	display: block;
}
.open-day .hours{
	display: inline-block;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #666;
}
.open-day em{
	font-size: 1.5em;
	font-style: normal;
	text-transform: uppercase;
}
.open-day .btn{
	font-size: 2em;
	color: #222;
}
.banner .open-day{
	display: inline-block;
	background: #222;
	color: #fff;
	padding: 20px;
	border-radius: 6px;
}

/* CONTACT */

#site-contact{
	background: #e0e1de;
	padding: 30px 0;
}
#site-contact .map{
	height: 180px;
}
input, textarea{
	display: block;
	width: 100%;
	color: #878787;
	padding: 3px 5px;
}
#site-contact input, #site-contact textarea{	
	border: none;	
}
#site-contact textarea{
	height: 6em;
}
#site-contact .field-wrapper{
	position: relative;
	padding-left: 30px;
}
#site-contact .field-wrapper .fa-fw{
	position: absolute;
	top: 6px;
	left: 0;
	color: #8d9097;
}
input.submit{
	border: none;
}
#site-contact .submit{
	font-size: 1.5em;
}
#site-contact .submit-block img{
	top: 15px;
  position: absolute;
  left: 30px;
}
#content form p{
	margin-bottom: 10px;
}
span.wpcf7-not-valid-tip{
	font-size: 0.75em;
	color: #eb5463;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{
	border: none;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 0;
	background: rgba(235, 84, 99, 0.1);
	color: #eb5463;
}
div.wpcf7-mail-sent-ok{
	border: none;
	background: #eee;
	color: #222;
}
#site-contact .wpcf7-validation-errors, #site-contact div.wpcf7-mail-sent-ok{
	background: none;
	margin: 0;
}
#site-contact div.wpcf7-mail-sent-ok{
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	margin: 20px 0 20px 30px;
}
#site-contact .telephone a:hover{
	text-decoration: none;
}
#site-contact button {
	width: 100%;
}
#site-contact .newsletter p{
	margin-bottom: 10px;
}
#site-contact .mc4wp-form input[type="email"], #site-contact .mc4wp-form input[type="text"]{
	border: 1px solid #fff;
	background: rgba(255,255,255,0.2);
	border-radius: 6px;
	padding: 5px 5px 5px 30px;
}
#site-contact .mc4wp-form .name-wrapper, #site-contact .mc4wp-form .email-wrapper{
	position: relative;
}
#site-contact .mc4wp-form .name-wrapper:before, #site-contact .mc4wp-form .email-wrapper:before{
	font-family: FontAwesome;
	content:"t";
	color: #999;
	position: absolute;
	top: 5px;
	left: 10px;
	content: "\f007";
}
#site-contact .mc4wp-form .email-wrapper:before{
	content: "@";
}
#site-contact .mc4wp-form .btn-custom{
	width: auto;
}
.mc4wp-success{
	color: rgb(148,200,61);
}
.mc4wp-error{
	color: #ff0000;
}

/* FOOTER */

#site-footer{
	background: #222;
	padding: 20px 0;
	color: #d0d1cf;
}
#site-footer a{
	color: #d0d1cf;
}
#site-footer a:hover{
	color: #fff;
}
#site-footer ul{
	margin: 0;
	padding: 0;
}
#site-footer .social-links a{
	margin: 0 5px;
	font-size: 1.5em;
}
.footer-left{
	margin-top: 5px;
}
.footer-left div{
	display: inline-block;
}
#site-footer .footer-left ul{
	margin-left: 20px;
}
#menu-footer-menu li{
	display: inline;
	list-style: none;
	border-left: 1px solid #8e9199;
}
#menu-footer-menu li:first-child{
	border-left: none;
}
#menu-footer-menu li a{
	padding: 5px 10px;
}
.locationmap img{
	margin: 0 auto;
}

/* HOMEPAGE */

.home .lead, .home #content h1{
	margin-bottom: 30px;
}

.courses-home .course-wrapper{
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	height: 260px;
}
.courses-home .course-wrapper:hover{
  	transform: scale(1.1);
}

.course-list .course:hover{
	transform: scale(1.1);
}
.courses-home h2{
	font-size: 1.5em;
}
#video-home{
	background: #94c83d;
	padding: 30px 0;
	color: #fff;
}
#video-home p{
	font-size: 1.2em;
}

/*#testimonials{
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px solid #ccc;
}
#testimonials blockquote{
	border-left: none;
	font-size: 1em;	
	color: #999;
}
#testimonials blockquote:before {
  color: #999;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
	position: absolute;
  margin-left: -0.5em;
	top: 0.5em;
}
#testimonials blockquote:last-child:before {
  margin-left: 0;
}
#testimonials blockquote p{	
	color: #222;
	display: inline-block;
}
#testimonials blockquote p, #testimonials blockquote cite{
	padding: 0 30px 0 0;
}
#testimonials blockquote:last-child p, #testimonials blockquote:last-child cite{
	padding: 0 0 0 30px;
}*/

#fb-feed .cff-post-desc, #main .cff-likebox{
		display: none;
	}
#cff .cff-album-item.cff-col-2, #cff .cff-album-item.cff-col-3{
	margin: 2px;
}




.entry-content ul{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
.entry-content ul li{
	margin-bottom: 10px;
	line-height: 1.5em;
	position: relative;
	padding-left: 30px;
}
.banner ul li:before, .entry-content ul li:before{
	position: absolute;	
	font-family: FontAwesome;
}
.entry-content ul li:before{
	content:"\f061";
	left: 5px;
	color: #999;
}

/* FAQ */
.arconix-faq-wrap{
	border: none;
	background: #fff;
	position: relative;
}
.arconix-faq-title.faq-open, .arconix-faq-title{
	background: none !important;
}
.arconix-faq-title.faq-open{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #e0e1de;
}
.arconix-faq-title:before{
	font-family: FontAwesome;
	content: "\f055";
	color: #94c83d;
	position: absolute;
	left: 3px;
}
.arconix-faq-title.faq-open:before{
	content: "\f056";
}

	
/* COURSE PAGE */

.course-list{
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.course-list .course{
	
}
/*.course-list .col-sm-6:nth-child(odd) {
	clear: left;
}*/

#content .course-mainpage h2{
	font-size: 1.3em;
	margin: 0;
}
.course-mainpage{
	position: relative;
	padding-right: 70px;
	height: 100%;
}
.course-mainpage:after{
	font: normal normal normal 14px/1 FontAwesome;
	content:"\f105";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	min-height: 100%;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	line-height: 60px;
	background: #94c83d;
}
a:hover .course-mainpage:after{
	background: #5b5a5a;
}

/*.course-mainpage .course-description, .course-mainpage .course-price{
	display: none;
}
.course-list #page-1398 .course-description, .course-list #page-1398 .course-price,
.course-list #page-1377 .course-description, .course-list  #page-1377 .course-price,
.course-list #page-619 .course-description, .course-list #page-619 .course-price,
.course-list #page-617 .course-description, .course-list #page-617 .course-price{
	display: block;
}*/

.course-mainpage .course-price{
	display: none;
}
.course-list #page-1398 .course-price,
.course-list  #page-1377 .course-price,
.course-list #page-619 .course-price,
.course-list #page-617 .course-price,
.course-list #page-6706 .course-price{
	display: block;
}

#header-course h1, #header-course p, #details-course p{
	margin: 0;
}
#short-description-course{
	margin: 15px 0 20px;
	line-height: 1.6;
}
#short-description-course p{
	margin: 0 0 10px;
}
#short-description-course p:last-child{
	margin-bottom: 0;
}
.course-price{
	font-size: 2em;
	color: #999;
}
#details-course .details-course-title{
	text-transform: uppercase;
	font-weight: bold;
}
.page-template-page-course .gallery-item{
	margin: 0 0 15px 0 !important;
}
.page-template-page-course .gallery-item img{
	border: none !important;
}
.page-template-page-course .gallery-item dt{
	margin-left: 15px;
}

	
/* BLOG */

body.archive #content h2, body.blog #content h2{
	font-size: 1.7em;
	margin-bottom: 0;
	}
body.archive #content #main article.post, body.blog #content #main article.post{
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
  padding-bottom: 10px;
	}
	body.archive #content #main article.post:last-child, body.blog #content #main article.post:last-child{
	border-bottom: none;
  padding-bottom: 0;
	}
body.archive .page-header{
	margin-top: 0;
	padding: 0
}
.blog-title{
	font-weight: bold;
}

.blog-banner{
	padding: 0 0;
  background-color: #fff;
  height: 120px;
}

.blog-banner .blog-heading{
	display: inline-block;
	color: #94c83d;
	font-size: 3em;
	line-height: 75px;
	vertical-align: bottom;
	margin-left: 20px;
}
#content article.post .entry-header{
	margin-bottom: 30px;
}
#content article.post.format-standard .entry-header,
#content article.post.format-video .entry-header{
	margin: 0;
}
#content article.post.format-standard .entry-header, #content article.post.format-standard .entry-content, #content article .entry-summary,
#content article.post.format-video .entry-header, #content article.post.format-video .entry-content{
	background: #fff;
	padding: 20px 30px;
}
#content article .entry-summary p{
	display: inline;
}
#content article .entry-summary .linkmore{
	font-weight: bold;
	font-weight: 700;
  font-family: 'Roboto', sans-serif;
	display: inline-block;
}

#content article.post .entry-header h1{
	margin-bottom: 10px;
	font-size: 2.5em;
	font-weight: 700;
}
.crp_related{
	margin-top: 40px;
}
.crp_related ul{
	border: 1px solid #eee;
	padding: 0;
	margin: 0 0 30px 0;
}
.crp_related ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.crp_related ul li:before{
	content: "";
}
.crp_related ul li a{
	display: block;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
}
.crp_related ul li:last-child a{
	border-bottom: none;
}
.crp_related ul li a:hover{
	background: #f5f5f5;
}
.entry-meta-category-tag a, .tags-links a{
	color: #999;
	padding: 3px 6px;
	background: #f5f5f5;
	border-radius: 3px;
	border: 1px solid #eee;
}
.entry-meta-category-tag a:hover, .entry-meta-category-tag a:focus, .entry-meta-category-tag a:active,
.tags-links a:hover, .tags-links a:focus, .tags-links a:active{
	color: #666;
	text-decoration: none;
}
.tags-links .tags-icon{
	color: rgb(153, 153, 153);
}
.entry-meta .posted-on{
	margin-right: 20px;
}
#content #sidebar-right .widget_archive ul, #content #sidebar-right .widget_nav_menu ul{
	margin: 0;
	padding: 0;
}
#content #sidebar-right .widget_archive ul li, #content #sidebar-right .widget_nav_menu ul li{
	list-style: none;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #eee;
}
#content #sidebar-right .widget_archive ul li:last-child, #content #sidebar-right .widget_nav_menu ul li:last-child{
	border-bottom: none;
}
#sidebar-right .widget .widget-title{
	text-transform: uppercase;
}
#sidebar-right .widget{
	background: #fff;
}
#sidebar-right input{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: rgb(85, 85, 85);
	background-color: rgb(255, 255, 255);
	background-image: none;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#sidebar-right input:focus {
    border-color: rgb(102, 175, 233);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

#sidebar-right .btn-custom {
    background: rgb(148, 200, 61);
		color: rgb(34, 34, 34);
		border: none;
		font-size: 1.2em;
		margin-bottom: 0;
}

.small-text{
		font-size: 0.9em;
}

#sidebar-right .btn-custom:hover, #sidebar-right .btn-custom:focus, #sidebar-right .btn-custom:active {
    background: rgb(91, 90, 90);
		color: #fff;
}

#sidebar-right .widget .social-links{
	padding: 0;
	margin: 0;
}
#sidebar-right .social-links li{
	padding: 0;
	width: 18%;
	text-align: center;
}
#sidebar-right .social-links a{
	font-size: 1.5em;
	color: #999;
}
#sidebar-right .social-links a:hover, #sidebar-right .social-links a:focus, #sidebar-right .social-links a:active{
	color: #222;
}

.tagcloud a {
    padding: 6px 7px;
    margin-right: 0;
    margin-bottom: 4px;
    line-height: 100%;
    display: inline-block;
    color: #666 !important;
    background-color: rgb(239, 242, 232) !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px !important;
		text-decoration: none !important;
}
.tagcloud a:hover {
    background-color: #94c83d !important;
    border-color: #94c83d !important;
		color: #fff !important;
}

@media (min-width: 768px){
	.navbar-collapse.collapse{
		text-align: center;
	}
	.navbar-nav{
		float: none;
		display: inline-block;
	}
	.navbar-nav>li{
		display: inline-block;
		float: none;
		margin-right: 10px;
		font-size: 0.9em;	
	}
	.navbar-nav>li.current-page-ancestor a, .navbar-nav>li.current-menu-item a{
		background: #eff2e8;
		color: #666;
		border-radius: 10px;
		position: relative;
	}
	/* .navbar-nav>li.current-page-ancestor a:before, .navbar-nav>li.current-menu-item a:before{
		font-family: FontAwesome;
		content: "\f0d7";
		color: #eff2e8;
		position: absolute;
		bottom: -12px;
		right: 20px;
	} */
	#fb-feed #cff{
		position: relative;
	}
	#fb-feed #cff .cff-likebox{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	}
	#fb-feed #cff .cff-item{
		margin-left: 320px;
		width: auto;
	}
	#fb-feed .cff-post-desc{
		display: none;
	}
	/* Override the facebook feed sizes > making thumbs bigger */
	#cff.cff-thumb-layout .cff-photo, #cff.cff-thumb-layout .cff-iframe-wrap, #cff.cff-thumb-layout .cff-html5-video, #cff.cff-thumb-layout .cff-vidLink{
		width: 30%;
	}
	#cff.cff-thumb-layout .cff-text-wrapper{
		width: 67%;
	}
}

@media (max-width: 1199px){
	.courses-home .course-wrapper{
		height: 280px;
	}
	/* Override the facebook feed sizes > making thumbs bigger */
	#cff.cff-thumb-layout .cff-photo, #cff.cff-thumb-layout .cff-iframe-wrap, #cff.cff-thumb-layout .cff-html5-video, #cff.cff-thumb-layout .cff-vidLink{
		width: 40%;
	}
	#cff.cff-thumb-layout .cff-text-wrapper{
		width: 57%;
	}
	#site-footer .footer-left {
		text-align: center;
	}
	#site-footer .social-links{
		float: none !important;
		margin-top: 20px;
		text-align: center;
	}
}
@media (max-width: 991px){
	.open-day .btn{
		margin-top: 20px;
	}
	.courses-home .course-wrapper{
		height: 350px;
	}
	.home a.site-title-heading{
		width: 500px;
		height: 140px;
		background-size: 500px;
	}
	.tagline{
		font-size: 3em;
	}
	/* Override the facebook feed sizes > making thumbs bigger */
	#cff.cff-thumb-layout .cff-photo, #cff.cff-thumb-layout .cff-iframe-wrap, #cff.cff-thumb-layout .cff-html5-video, #cff.cff-thumb-layout .cff-vidLink{
		width: 50%;
	}
	#cff.cff-thumb-layout .cff-text-wrapper{
		width: 47%;
	}
}
@media (max-width: 767px){
	a[href^="tel"]{
		padding: 5px 10px;
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.banner img{
		width: auto;
		height: 180px;
	}
	.site-title{
		margin: 0;
	}
	.home a.site-title-heading{
		width: 300px;
		height: 90px;
		background-size: 300px;
	}
	.tagline{
		font-size: 1.5em;
	}
	.home .banner{
		padding-top: 0;
	}
	.blog-banner{
		height: 70px;
	}
	.blog-banner a.site-title-heading{
		-ms-transform: scale(0.75, 0.75); /* IE 9 */
    -webkit-transform: scale(0.75, 0.75); /* Safari */
    transform: scale(0.75, 0.75);
		position: relative;
		top: -40px;
		margin-right: -40px;
		margin-left: -20px;
	}
	
	.blog-banner .blog-heading{
		line-height: 50px;
		font-size: 2em;
		vertical-align: middle;
		padding-top: 10px;
		margin-left: 10px;
	}
	.navbar-toggle{
		background: #222;
		margin: 10px auto 10px auto;
		float: none;
	}
	.navbar-toggle .icon-bar{
		background: #fff;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-collapse{
		padding: 0;
	}
	.navbar-collapse ul{
		border-top: 1px solid rgba(255,255,255,0.5);
		margin: 0 0 10px 0;
	}
	.navbar-collapse ul>li{
		border-bottom: 1px solid rgba(255,255,255,0.5);
		text-align: center;
	}
	.navbar-collapse ul>li:last-child{
		border-bottom: none;
	}
	#menu-header-main-nav .dropdown-menu{
		background: #eee;
		text-transform: none;
		border-top: 1px solid rgba(255,255,255,0.5);
		padding: 0;
	}
	.navbar-collapse ul ul>li{
		border-bottom-color: #ddd;
	}
	.navbar-collapse ul ul>li a:hover{
		background: #ddd;
	}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus{
		border-radius: 0;
	}
	.site-branding{
		position: relative;
	}
	.main-navigation {
		padding: 0;
	}
	.main-navigation .pull-right{
		float: none !important;
		margin: 0 -15px 0;
	}
	#site-contact h3, #site-contact p{
		text-align: center;
	}
	#site-contact form{
		margin-bottom: 30px;
	}
	#site-contact .telephone a{
		display: inline-block;
		background: #282d39;
		color: #fff;
		padding: 10px;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		border-radius: 10px;
		border: 1px solid #8e9199;
	}
	#menu-footer-menu li a{
		padding: 5px;
	}
	.open-day .title-wrapper{
		display: block;
	}
	.open-day .title-wrapper h3{
		border: none;
		padding: 0;
		margin: 0;
	}
	.open-day div{
		display: block;
		text-align: center;
	}
	.open-day .title-wrapper h3 br{
		display: none;
	}
	.open-day .title-wrapper h3 em{
		font-size: 1em;
	}
	.courses-home .course-wrapper{
		height: auto;
		margin-bottom: 10px;
	}
	.open-day em{
		font-size: 1em;
	}
	.open-day .hours{
		padding-left: 10px;
		margin-left: 10px;
	}
	.course-list{
	  grid-template-columns: repeat(1, 1fr);
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .sprite{
	background-image: url(img/sprite@2x.png);
	background-size: 700px 470px;
	}
}

/*force facebook comments to 100% width*/
.fb-comments {
    width: 100% !important;
   }
.fb-comments iframe[style] {
   width: 100% !important;
  }
.fb-like-box {
   width: 100% !important;
  }
.fb-like-box iframe[style] {
   width: 100% !important;
  }
.fb-comments span {
   width: 100% !important;
  }
.fb-comments iframe span[style] {
   width: 100% !important;
  }
.fb-like-box span {
   width: 100% !important;
  }
.fb-like-box iframe span[style] {
   width: 100% !important;
  }


/* Mobile/Desktop Menu Visibility */
/* Hide mobile menu on desktop (screen width >= 768px) */
@media (min-width: 768px) {
	.navbar-collapse.collapse.mobile-menu {
		display: none !important;
	}
}

/* Hide desktop menu on mobile (screen width < 768px) */
@media (max-width: 767px) {
	.navbar-collapse.collapse.desktop-menu {
		display: none !important;
	}
}

/* Desktop menu wrapper - centered menu with shortcode on right */
.desktop-menu-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

.desktop-menu-wrapper .nav.navbar-nav {
	float: none;
	display: flex;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 0;
}

.desktop-menu-wrapper .trustindex-widget {
	flex: 0 0 auto;
	margin-left: 15px;
}

#site-contact .trustindex-widget {
	margin-top: 10px;
	margin-bottom: 10px;
	position: static;
	transform: none;
	width: 100%;
	text-align: center;
}

@media (min-width: 768px) and (max-width: 1650px) {
	.desktop-menu-wrapper {
		flex-wrap: wrap;
	}
	.desktop-menu-wrapper .trustindex-widget {
		margin-top: 10px;
		margin-left: 0;
		flex-basis: 100%;
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.desktop-menu-wrapper .trustindex-widget {
		display: none;
	}

}