/*
@font-face {
    font-family: 'good_timesregular';
    src: url('../fonts/good_times_rg-webfont.eot');
    src: url('../fonts/good_times_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/good_times_rg-webfont.woff2') format('woff2'),
         url('../fonts/good_times_rg-webfont.woff') format('woff'),
         url('../fonts/good_times_rg-webfont.ttf') format('truetype'),
         url('../fonts/good_times_rg-webfont.svg#good_timesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/* WORDPRESS CORE */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

body, html{font-family: 'Roboto', sans-serif; font-size: 1em; background-color:#fff; background-image: url(../images/site-bg.png); color: #5f5f5f;}
h1{font-family: 'Ruda', sans-serif; color: #224150;; font-size: 2.25em; margin: 0; padding: 0; margin-bottom: 20px;}
h2{font-family: 'Ruda', sans-serif; color: #258ebd; margin: 0; padding: 0; text-transform: uppercase; 
   font-size: .85em; margin-bottom: 10px; letter-spacing: 1px;}
h3{font-family: 'Ruda', sans-serif; color: #224150;; font-size: 2.25em; margin: 0; padding: 0; margin-bottom: 20px;}
h4{font-family: 'Ruda', sans-serif; color: #224150;; font-size: 1.5em; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 20px;}

@media only screen and (max-width : 768px) {
    h1{font-size: 1.6em;}
}
    
.bor{border: 1px solid blue;}
.container-border{-webkit-box-shadow: 0px 0px 15px 0px rgba(188,188,188,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(188,188,188,1);
box-shadow: 0px 0px 15px 0px rgba(188,188,188,1);}

#header{background-color: #FFF; padding: 25px 0px 20px 0px; font-family: Ruda; position: relative;}

.single .header-shadow, .blog .header-shadow, .search-results .header-shadow{
-webkit-box-shadow: 0px 7px 7px 0px rgba(233,237,238,1);
-moz-box-shadow: 0px 7px 7px 0px rgba(233,237,238,1);
box-shadow: 0px 7px 7px 0px rgba(233,237,238,1);
margin-top: 10px; position: absolute; width: 100%;
    height: 7px; margin-bottom: 7px; z-index: 999;
}

#header .logo{padding-left: 10px;}


    #header .navbar{margin-bottom: 0px;}
    #header .navbar-default{border: none; background-color: #fff; font-size: .9em;}
    #header .navbar-collapse{background-color: #fff; border: none;}

@media only screen and (max-width : 768px) {
    #header {padding-top: 5px;}
    #header .navbar .navbar-nav{padding: 15px;}
    #header .logo img{max-width: 95%;}
    #header .navbar-brand{height: 62px; display: inline-block; padding: 6px 0px 0px 15px; max-width: 77%;}
    #header .navbar-brand img{max-width: 100%;}
}


@media only screen and (min-width : 768px) {
    #header .navbar .navbar-nav{padding: 34px 0px 0px 60px;}

    #header .navbar ul li {color: #1071a2; text-transform: uppercase;}
    #header .navbar ul li a{color: #1071a2;}
    #header .navbar ul li ul li {text-transform: none;}

    #header .navbar ul li a{padding: 5px 0px 0px 0px;}
    #header .navbar ul li {margin-right: 30px; border-top: 2px solid #FFF; transition: 0.5s; }
    /*
    #header .navbar ul li.current-menu-ancestor{border-top:2px solid #1071a2;}
    .single #header .navbar ul #menu-item-41{border-top:2px solid #1071a2;}
    #header .navbar ul li.current-menu-item{border-top:2px solid #1071a2;}
    #header .navbar ul li:hover{border-top:2px solid #1071a2;}
    */
    #header .navbar ul li.current-menu-item a{background-color: #fff;}
    #header .navbar ul li.open > a{background-color: #fff;}
    #header .navbar ul li ul {background-color: transparent; margin: 0; padding: 0; padding-top: 32px; 
                     border: none; box-shadow: none;}
    #header .navbar ul li ul li {padding: 0px; margin: 0; border: none;}
    #header .navbar ul li ul li:hover{border: none;}
    #header .navbar ul li ul li a{padding: 10px 30px 10px 10px; color: #fff; width: 100%;
        background: rgb(16,113,162); background: rgba(16,113,162, 0.7); }
    #header .navbar ul li.current-menu-item ul li a{ background: rgb(16,113,162); background: rgba(16,113,162, 0.7); }
    #header .navbar ul li.current-menu-ancestor ul li a{ background: rgb(16,113,162); background: rgba(16,113,162, 0.7); }
    #header .navbar ul li ul li.current-menu-item{border: none;}
    #header .navbar ul li ul li a:hover{ background-color: #1071A2; 
           background-image: url('../images/nav-angle-right.png'); background-repeat: no-repeat; 
           background-position: 15px 14px; padding-left: 30px; padding-right: 10px; }

    .dropdown:hover .dropdown-menu {display: block;}
    
    /* top line animation */
    #header .navbar ul li:hover .nav-top-line{width: 100%;}
    #header .nav-top-line{position: absolute; z-index: 999; height: 1px; border-top: 2px solid #1071a2; display: inline-block; width: 0%; transition: 0.5s;}
    #header .navbar ul li.current-menu-ancestor .nav-top-line{width: 100%;}
    .single #header .navbar ul #menu-item-41 .nav-top-line{width: 100%;}
    #header .navbar ul li.current-menu-item .nav-top-line{width: 100%;}
    #header .navbar ul li:hover .nav-top-line{width: 100%;}
    

}

@media only screen and (max-width : 992px) {
    #header .navbar .navbar-nav{padding-left: 15px;}
}


#header .navbar-right {margin-top: 40px;}
#header .navbar-right .input-search{border-radius: 10px; height: 25px; padding: 5px 10px 3px 25px; background-color: #C8C8C8; color: #fff;}
#header .navbar-right .input-search::-webkit-input-placeholder {color: #ECECEC;}
#header .navbar-right .input-search:-moz-placeholder {color: #ECECEC;}
#header .navbar-right .input-search::-moz-placeholder {color: #ECECEC;}
#header .navbar-right .input-search:-ms-input-placeholder {color: #ECECEC;}
#header .navbar-right .icon-search{position: absolute; margin-top: 4px; margin-left: 6px; color: #ECECEC;}

@media only screen and (max-width : 768px) {
    #header .navbar-right {margin-top: 0px; padding-top: 15px;}
}

.header-images{}
.header-images .carousel-indicators {bottom: 0px}
.header-images .carousel-indicators li{background-color: #CEC7BD; margin-right: 10px; margin-left: 10px; height: 17px; width: 17px; border: 2px solid #fff;}
.header-images .carousel-indicators li.active{background-color: #218EB9;}


/* HOME PAGE */
.page.home .home-block{font-family: 'Ruda'; background-color: #fff; height: 320px; color: #fff; 
text-align: center; padding: 9.2% 170px 0px 170px; font-size: 1.7em; background-size: cover;}
.page.home .home-block-outer{padding-bottom: 0px;}
@media only screen and (max-width : 992px) {
    .page.home .home-block{padding: 20px 20px 10px 20px; min-height: 50px; height: auto;}
}
@media only screen and (max-width : 768px) {
    .page.home .home-block{font-size: 1.4em; padding: 20px 20px 10px 20px; min-height: 50px; height: auto;}
}

/* PAGES */
.page h1{}
.page h2{}
.page .content-outer{background-color: #fff; border: 1px solid #fff; padding: 50px 170px 50px 170px;}
.page .content-outer a{color: #258ebd;}

.page .content-text{line-height: 1.7em;}
@media only screen and (max-width : 992px) {
    .page .content-outer{padding-left: 50px; padding-right: 50px;}
}
@media only screen and (max-width : 768px) {
    .page .content-outer{padding-left: 20px; padding-right: 20px;}
    .page .content-outer p{font-size: .9em; line-height: 1.5em;}
    .page .content-outer ul li{font-size: .9em; line-height: 1.5em;}
}

/* DIRECTORS */
.directors-head{background-color: #1071A2; text-align: center; padding: 13px;}
.directors-head .profile{display: inline-block; margin-left: 5px; margin-right: 5px; border: 2px solid #1071A2;}
.directors-head .profile img{ padding: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 85px; }
.directors-head .profile.active {border: 2px solid #1071A2; }
.directors-head .profile.active img{ padding: 2px; border: 2px solid #88b8d1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.directors-head .director-info{display: none;}
.directors-content{background-image: url('../images/director-bg.png'); background-size: cover; text-align: center;
                  padding: 30px 100px 30px 100px;
}
.directors-content .director-image img{border: 2px solid #71A8C1; padding: 2px; height: auto; min-width: 200px; max-width: 275px;}
.directors-content .director-name {color: #224150; font-family: Ruda; font-size: 2em; margin-top: 20px; }
.directors-content .director-position { color: #258ebd; font-family: Ruda; text-transform: uppercase; margin-bottom: 20px;}
.directors-content .director-text {color: #5f5f5f; max-width: 722px; margin: 0 auto; line-height: 1.7em; text-align: left;}
.directors-content .profile{display: none;}
.directors-content .profile-0{display: block;}

@media only screen and (max-width : 768px) {
    .directors-content{padding: 30px;}
}


/* CONTACT */
.page-template-page-contact .map_canvas{height: 380px;}
.page-template-page-contact .content-outer{background-color: #fff; border: 1px solid #fff; padding: 50px 70px 50px 70px;}
.page-template-page-contact .content-left{}
.page-template-page-contact .content-left .content-text {margin-bottom: 20px;}
.page-template-page-contact .content-left .content-text p{margin-bottom: 0px; margin-top: 0px;}
.page-template-page-contact .content-left .item{margin-bottom: 20px;}
.page-template-page-contact .content-left .item a{text-decoration: none;}
.page-template-page-contact .content-left .item .lbl{display: inline-block; margin-right: 10px; }
.page-template-page-contact .content-left .item .dta{display: inline-block; margin-right: 10px; color: #258ebd; }
.page-template-page-contact .content-left .item .dta a{color: #258ebd; text-decoration: underline; }
.page-template-page-contact .content-left .item .dta .underline{text-decoration: underline;}

.page-template-page-contact .content-right{padding-top: 30px;}

@media only screen and (max-width : 992px) {
    .page-template-page-contact .content-outer{padding-left: 50px; padding-right: 50px;}
}
@media only screen and (max-width : 768px) {
    .page-template-page-contact .content-outer{padding: 15px;}
    .page-template-page-contact .content-left .item .lbl{width: 30px;}
    .page-template-page-contact .content-left .item .lbl img{width: 100%;}
    .page-template-page-contact .content-left .item{font-size: .9em;}
}


/* PROGRAMMES */
.page-template-page-our-programmes{}
.page-template-page-our-programmes .programmes{background-color: #fff; margin-top: 20px;}
.page-template-page-our-programmes .programmes .programme{width: 20%; text-align: center; padding: 0px 20px 0px 20px;}
.page-template-page-our-programmes .programmes .programme .image{margin-bottom: 10px;}
.page-template-page-our-programmes .programmes .programme .image img{width: 100%;}
.page-template-page-our-programmes .programmes .programme .name{color: #224150; font-family: Ruda; font-weight: bold; font-size: 1.1em;}

@media only screen and (max-width : 768px) {
    .page-template-page-our-programmes .programmes{}
    .page-template-page-our-programmes .programmes .programme{width: 100%; margin-bottom: 25px; text-align: left; padding: 0px; font-size: .9em;}
    .page-template-page-our-programmes .programmes .programme .image{width: 20%; display: inline-block; vertical-align: middle;}
    .page-template-page-our-programmes .programmes .programme .image img{width: 100%;}
    .page-template-page-our-programmes .programmes .programme .name{width: 78%; display: inline-block; padding-left: 20px; vertical-align: middle;}
}

/* OPERATING MODEL */
.page-template-page-operating-model{}
.page-template-page-operating-model .operating-model{
background-color: #D2E0E1 ; background-size: cover; background-position: top center; text-align: center;
                  padding: 0px 100px 0px 100px;
}
.page-template-page-operating-model .operating-model img{width: 100%;}
.page-template-page-operating-model .our-history{}

@media only screen and (max-width : 768px) {
    .page-template-page-operating-model .operating-model{padding: 15px;}
}

/* NEWS  */
.news-outer{background-color: #fff; margin-top: 0px;}
.news-outer .news-left{padding: 30px 10px 30px 70px;}
.news-outer .news-right{background-color: #D2E0E1; padding: 30px; background-image: url('../images/director-bg.png'); background-size: cover; }
.news-notice{background-color: #258EBD; padding: 20px; color: #fff; margin-bottom: 30px; font-size: .9em; margin-top: 50px;}
.news-logo{margin-bottom: 20px;}

.loops-wrapper .date{color: #838383; font-family: Ruda; margin-bottom: 10px; text-transform: uppercase;}
.loops-wrapper .title{color: #224150; font-family: Ruda; font-weight: bold; margin-bottom: 10px; font-size: 1em;}
.loops-wrapper .title a{color: #224150; }
.loops-wrapper .title h1{margin-bottom: 0px;}
.loops-wrapper .subtitle{color: #224150; font-family: Ruda; margin-bottom: 10px; font-size: 1.1em;
margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #C2D1D2;
}
.loops-wrapper .content{color: #5f5f5f; margin-bottom: 10px; line-height: 1.7em;}

/* NEWS BLOG */
.blog .loops-wrapper {padding-top: 30px;}
.blog .loops-wrapper .title h1{font-size: 1em; font-weight: bold;}
.blog .loops-wrapper .subtitle {font-size: .9em; border-bottom: 0px; margin-bottom: 0px;}
.blog .loops-wrapper .content {border-bottom: 1px solid #C2D1D2; padding-bottom: 20px; margin-bottom: 20px;}
.blog .loops-wrapper .readmore {text-transform: uppercase; font-size: .9em;}

/* SEARCH RESULTS */
.search .loops-wrapper {padding-top: 30px;}
.search .loops-wrapper .title h1{font-size: 1em; font-weight: bold;}
.search .loops-wrapper .subtitle {font-size: .9em; border-bottom: 0px; margin-bottom: 0px;}
.search .loops-wrapper .content {border-bottom: 1px solid #C2D1D2; padding-bottom: 20px; margin-bottom: 20px;}
.search .loops-wrapper .readmore {text-transform: uppercase; font-size: .9em;}


@media only screen and (max-width : 992px) {
    .news-outer .news-left{padding: 50px;}
    .news-outer .news-right{padding: 30px;}
}

@media only screen and (max-width : 768px) {
    .news-outer .news-left{padding: 15px;}
    .news-outer .news-right{padding: 15px;}
    .loops-wrapper .content{font-size: .9em; line-height: 1.5em;}
}

/* SIDEBAR - NEWS */
.widget-news{padding: 30px 0px 0px 0px;}
.widget-news ul{margin: 0; padding: 0; list-style: none;}
.widget-news ul li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #C2D1D2;}
.widget-news ul li .date{color: #838383; font-family: Ruda; margin-bottom: 0px; text-transform: uppercase; font-size: .9em;}
.widget-news ul li .title{color: #224150; font-family: Ruda; margin-bottom: 10px; font-size: 1.1em;}
.widget-news ul li .title a{color: #224150;}
.widget-news ul li .subtitle{color: #224150; font-family: Ruda; font-weight: 900; margin-bottom: 10px; font-size: .9em;}
.widget-news ul li .content{color: #5f5f5f; margin-bottom: 5px; font-size: .9em;}
.widget-news ul li .readmore{color: #258ebd; font-size: .9em;}
.widget-news ul li .readmore a{color: #258ebd;}

/* SIDEBAR - ARCHIVES */
.widget-archives{font-size: .9em; font-family: Ruda;}
.widget-archives a{color: #5f5f5f;}
.widget-archives h4{font-family: Ruda; text-transform: uppercase;}
.widget-archives .icon{display: inline-block; width: 10px;}
.widget-archives ul.years{list-style: none; padding: 0px; margin: 0px;}
.widget-archives ul.parent > li{margin-bottom: 3px;}
.widget-archives ul.parent ul.child{display: none; padding: 0px; margin: 0px; margin-left: 20px; list-style: none;}
.widget-archives ul.years{list-style: none; padding: 0px; margin: 0px;}
.widget-archives ul.months{list-style: none; padding: 0px; margin: 0px; margin-left: 20px;}
.widget-archives ul.items{list-style: none; padding: 0px; margin: 0px; margin-left: 20px; display: none;}
.widget-archives ul.items li{margin-bottom: 5px;}
.widget-archives ul.items a{color: #224150;}
.widget-archives ul.months > li{border-bottom: 1px solid #C2D1D2; padding-bottom: 5px; margin-bottom: 5px;}
.widget-archives ul.items{font-family: Roboto;}



/* FOOTER */
#footer {background-image: url('../images/footer-bg.png'); padding: 20px 70px 20px 70px;
         background-size: cover; font-family: Ruda; }
#footer .footer-left{width: 70%; font-size: .8em;}
#footer .title{color: #fff; margin-bottom: 10px; text-transform: uppercase;}
#footer .title a{color: #fff;}
#footer .title.first{margin-bottom: 40px;}
#footer .menu ul{padding: 0; margin: 0; list-style: none;}
#footer .menu ul li{color: #258ebd; margin-bottom: 10px;}
#footer .menu ul li a{color: #258ebd;}

#footer .col-a{width: 18%;}
#footer .col-b{width: 18%;}
#footer .col-c{width: 28%;}
#footer .col-d{width: 35%; color: #b0b0b0; line-height: 1.8em;}

#footer .footer-right {width: 30%; color: #fff; font-size: .75em; text-align: right; }
#footer .footer-right a{color: #fff;}
#footer .footer-right .logo{margin-top: 50px; margin-bottom: 50px;}
#footer .footer-right .logo img{max-width: 100%; width: 300px;}
#footer .footer-right .links{text-align:left;}
#footer .footer-right .links a{}
#footer .footer-right .first{display: inline-block; margin-right: 15px;}
#footer .footer-right .second{display: inline-block; margin-right: 15px;}
#footer .footer-right .owa{display: inline-block; }
#footer .footer-right .copyright{display: inline-block; margin-top:10px;}

.videoModal .modal-dialog {width: 800px; max-width: 80%; margin: 0 auto;}
.videoModal .modal-dialog .modal-content {background-color: transparent; box-shadow: none; border: none;}
.videoModal .modal-dialog .modal-content .modal-header{display: none;}
.videoModal .modal-dialog .modal-content .modal-body{padding: 0px;}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 992px) {
    #footer {padding-left: 50px; padding-right: 50px;}
    #footer .footer-left{width: 100%;}
    #footer .footer-right {width: 100%; text-align: left;}
    #footer .col-a{width: 100%;}
    #footer .col-b{width: 100%;}
    #footer .col-c{width: 100%;}
    #footer .col-d{width: 100%;}
}

@media only screen and (max-width : 768px) {
    #footer {padding: 15px;}
    #footer .footer-left{width: 100%;}
    #footer .title.first{margin-bottom: 20px;}
    #footer .col-a{width: 100%;}
    #footer .col-b{width: 100%;}
    #footer .col-c{width: 100%;}
    #footer .col-d{width: 100%;}
    #footer .col{margin-bottom: 20px;}
    
    #footer .footer-right {width: 100%; text-align: left;}
    #footer .footer-right .logo{margin-top: 20px; margin-bottom: 20px;}
    #footer .footer-right .first{width: 100%;}
    #footer .footer-right .second{width: 100%;}
    #footer .footer-right .copyright{width: 100%;}

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}