/*
Theme Name: St Georges
Theme URI: https://stgeorges.co.zw
Author: St Georges
Author URI: https://wordpress.org/
Description: School Website
*/

body{ background-color: #fff; line-height: 24px; font-family: 'Merriweather', serif;}
.container{}
.container.pr{ position: relative; z-index: 10;}

a{ color: #ce0000;}
.text-white{ color: #fff;}


.clear{ clear: both;}
img{ max-width: 100%; max-height: 100%;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}
a:active{ text-decoration: none;}
a[href$=".pdf"]:before 
{
  content:url(assets/images/pdf-icon.png);
  padding-left:2px;
}

.form-control{ border-radius: 0px; margin-bottom: 10px;}
.page_title{ font-weight: 300; margin-top: 0px; margin-bottom: 30px;}
.entry-title{ margin-top: 0px;}
.page_text{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; color: #444; line-height: 24px;}
.page_text p{ line-height: 24px; margin-bottom: 20px;}
.page_text h3{ margin-bottom: 20px; line-height: 34px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
img{ max-width: 100%;}
.pi{ position: initial; }
.padding{ padding:10px}

#map-canvas_top img,#map-canvas-box img,#job-map-canvas img,#map-canvas img { max-width: none; max-height: none;  }
#map-canvas{ height: 100%;}

h1,h2,h3,h4{font-family: 'Merriweather', serif; font-weight: 600;}


/* =Top Bar
----------------------------------------------- */
#top_bar{ background-color: #c40016; padding: 5px 0px; text-align: right;}
#top_bar .container{ }
#top_bar .container a{ color: #fff; font-size: 12px; margin-left: 15px;}

#header{ padding: 15px 0px; position: relative;}
#header .search_wrap{ display: none; z-index: 9; background-color: #000; background-color: rgba(0,0,0,0.6); position: absolute; left: 0px; right: 0px; height: 50px; bottom: -50px;  -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;}
#header .search_wrap .container{ position: relative; }
#header .search_wrap .form-control{ color: #fff; font-size: 19px; text-align: left; outline: none; height: 50px; border: none; background-color: transparent;}
#header .search_wrap .btn{ z-index: 10; color: #fff; font-size: 19px; text-align: left; outline: none; height: 50px; border: none; background-color: #c40016; float: right; position: absolute;top: 0px; right: 0px; border-radius: 0px;}
#header .search_wrap .form-control:focus{ outline: none;}
#header .search_btn{ display: none; cursor: pointer; float: right; width: 40px; height: 40px; background-color: #cfcfcf;  background-repeat: no-repeat; background-position: center center; margin-top: 15px;}
.search_btn.big{ display: block!important; }
#header .search_btn:hover{ background-color: #c40016;}
#header .search_btn img{ margin: 10px; float: left; width: 20px;}

#header .mobi_menu{ display: none; padding: 8px; cursor: pointer; float: right; width: 40px; height: 40px; background-color: #c40016; margin-top: 15px; margin-right: 10px; }
#header .mobi_menu:hover{ background-color: #c40016;}
#header .mobi_menu span{ height: 3px; margin-bottom: 6px; background-color: #fff; width: 100%; display: block; }

#header ul{ list-style-type: none; margin: 0px; padding: 0px;}
#header ul li{ float: left; text-transform: uppercase;}
#header ul li a{ color: #000; float: left; width: 100%; padding: 29px 14px;}
#header ul li a:hover{ color: #c40016;}
#header ul li:hover .drop_down{  display: block;}


#header .drop_down{ display: none; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4); box-shadow: 0 2px 4px rgba(0,0,0,0.4); padding: 0px; position: absolute; left: 0px; right: 0px; top: 96px; background-color: #fff; background-color: rgba(255,255,255,1); width: 100%; border-top: solid 1px #fff; z-index: 11; }
#header .drop_down p{ font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; color: #999; text-transform: none;}
#header .drop_down h3{ margin: 0px; padding: 0px; margin-bottom: 20px; margin-top: 30px; }
#header .drop_down h4{ font-weight: 300; margin-top: 35px; color: #999; }
#header .drop_down ul{ margin: 0px; padding: 0px; }
#header .drop_down ul li{ float: left; width: 50%; margin: 0px; padding: 0px; }
#header .drop_down ul li a{ display: block; padding: 6px; border-bottom: solid 1px #e1e1e1; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-right: 15px; text-transform: capitalize; font-size: 15px; color: #555;}
#header .drop_down ul li a:hover{ background-color: #f1f1f1; color: #333; }
#header .drop_down ul.single{ width: 50%; }
#header .drop_down ul.single li{ width: 100%; }


@media (max-width: 1200px){
	#header ul li a{ font-size: 11px; padding: 29px 14px;}

}

@media (max-width: 992px){
	#header ul li a { font-size: 10px; padding: 29px 6px;}
}

@media (max-width: 768px){
	#header ul{}
	#header ul li a{ font-size: 11px; padding: 20px 7px; }
}

@media (max-width: 425px){
	#header .search_btn{ display: block;}
	#header .search_btn.big{ display: none!important; }
	.main_logo{ width: 220px; margin-bottom: 20px;}
	#top_bar{ display: none; }
	#header ul{ display: none; }
	#header ul li{ float: none; }
	#header ul li a{ float: none; display: block; background-color: #c40016; color: #fff; padding: 5px 10px; border-bottom: solid 1px #ab0114;}

	#header .mobi_menu{ display: block; }

	#header .drop_down{ padding: 0px; display: block; position: relative; top: 0px; left: 0px; left: 0px; right: 0px;}
	#header .drop_down .container{ padding: 0px; }
	#header .drop_down img{ display: none; }
	#header .drop_down p{ display: none; }
	#header .drop_down h3{ display: none; }
	#header .drop_down h4{ display: none; }
	#header .drop_down ul li{ float: none; width: 100%;}
	#header .drop_down ul li a{  padding-left: 30px; color: #fff; }
}





/* =Contact Map
----------------------------------------------- */
#contact_map{ position: relative; height: 433px; background-color: #dde7d2;}
#contact_map .over{ position: absolute; top: 0px; left: 0px; z-index: 3; bottom:0px; right: 0px;}
#contact_map #map-canvas{ height: 100%;}
#contact_map .top_overlay{ display: none; padding: 40px 0px; text-align: center; color: #fff; font-size: 54px; font-weight: 300; background-color: #000; background-color: rgba(0,0,0,.8);position: absolute; left: 0px; top: 0px; width: 100%; z-index: 4;}
#contact_map .bottom_overlay{ padding-top: 30px; text-align: left; color: #fff; background-color: #000; background-color: rgba(0,0,0,.8); padding-bottom:130px; position: absolute; left: 0px; bottom: 0px; width: 100%;}
#contact_map .bottom_overlay h3{font-size: 44px; font-weight: bold; float: left; margin: 0px;}
#contact_map .bottom_overlay h3 span{ font-weight: 300; }
#contact_map .bottom_overlay p{ margin: 0px; float: right; font-size: 15px; font-weight: 300; width: 25%; margin-right: 30px; }
#contact_box{ background-color: #fff; padding: 30px; margin-top: -60px; z-index: 10;}
@media (max-width: 1200px){
	#contact_map .bottom_overlay h3{ font-size: 33px!important;}
	#contact_map .bottom_overlay p{ width: 37%;}
}

@media (max-width: 992px) {
	#contact_map .bottom_overlay h3{ font-size: 25px!important;}
	#contact_map .bottom_overlay p{ width: 37%;}
}
@media (max-width:768px) {
	#contact_map{ display: none;}
	.bottom_overlay.franchise_menu{ height: 296px!important;}
	.bottom_overlay.franchise_menu .col-xs-4{ min-height: 120px;}
	.bottom_overlay.franchise_menu .col-xs-4 img{ height: 30px;}
}

/* =Contact Page
----------------------------------------------- */
.contact_page{ background-repeat: no-repeat; background-position: bottom center; padding-bottom: 135px;}
.contact_page .contact_text{ border-right: solid 1px #e1e1e1;  border-left: solid 1px #e1e1e1;  min-height: 430px; padding-right: 40px; margin-right: 10px;  padding-left: 40px; margin-left: 10px; font-size: 16px;}
.contact_page .contact_text h1{ margin-top: 0px;}
.contact_page .contact_text .tels{ line-height: 34px;}
#contact_soc{}
#contact_soc img{ margin-bottom: 20px;}


/* =Page Box
----------------------------------------------- */
#page_box{ clear: both; background-color: #fff; margin-top: -50px; padding: 30px; z-index: 10;}
#page_box.inner{ margin-top: -100px;}
#page_box.inner_bigger{ margin-top: -200px;}



.navigation.pagination{}
.navigation.pagination h2{ display: none; }
.navigation.pagination li { list-style-type: none;margin: 0px; padding: 0px; float: left; margin-right: 5px; }
.navigation.pagination span.page-numbers, .navigation.pagination li .current{ background-color: #ccc; padding: 0px 5px; display: inline-block; }
.navigation.pagination a.page-numbers{ background-color: #ce0000; color: #fff; padding: 0px 5px; display: inline-block; }


.archive_list{}
.archive_list .article{ border-bottom: solid 1px #ccc; padding-bottom: 50px; margin-bottom: 50px;}
.archive_list .article:last-child{ border: none;}
.archive_list .article .op h5{ color: #999; margin-bottom: 20px;}
.archive_list .article .more{ display: inline-block; color: #939393; border-bottom: 1px dotted #939393; margin-top: 20px;}
.archive_list .article .pic{ display: block; margin-bottom: 30px;}
.archive_list .article .info{}
.archive_list .article .info .date{ float: left; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-right: 20px; text-transform: uppercase; background: #eee; padding: 9px 9px 12px; display: block; min-width: 68px; max-width: 60px; text-align: center; color: #717171; margin-top: -10px;}
.archive_list .article .info .date .month{}
.archive_list .article .info .date .day{font-size: 27px;}

/* =Home Intro
----------------------------------------------- */
#home_intro{ background-color: #c40016; height: 600px; }
#home_intro .item{  display: block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#home_intro .item .shadow{ text-align: center;background-repeat: repeat-x; background-position: bottom left; background-image: url(assets/images/intro_grad.png); }
#home_intro .item .shadow .container{ height: 600px; position: relative;}
#home_intro .item .shadow .text{ position: absolute; bottom: 30px; left: 0px; right: 0px; width: 100%;}
#home_intro .item .shadow .text h3{ margin: 0px; text-align: center; color: #fff; font-size: 50px; padding-bottom: 30px;}
#home_intro .item .shadow .text h3 a{ color: #fff;}
#home_intro .item .shadow .text p{ display: inline-block; border-top: solid 1px #ccc; margin: 0px; text-align: center; color: #fff; font-size: 22px; padding-bottom: 30px; font-weight: 300; padding: 15px 30px;}


@media (max-width: 425px){
	#home_intro{ height: 300px; }
	#home_intro .item .shadow .container{ height: 300px;1 }
	#home_intro .item .shadow .text h3{ font-size: 20px; }
	#home_intro .item .shadow .text p{ font-size: 13px; }
}

.break{ height: 6px; background-color: #e7e5e5;}
.break .line{ width: 400px; height: 6px; margin: 0px auto; background-color: #c9413e;}
@media (max-width: 425px){
	 .break .line{ width: 100px;}
}

.section_title{ font-size: 28px; color: #000; text-align: center; padding: 0px; margin: 0px; padding-bottom: 10px; padding-top: 60px; text-transform: uppercase;}
.section_sub_title{ font-weight: 300; font-size: 21px; color: #888; text-align: center; margin-bottom: 30px;}

.page_content{ padding-top: 50px; padding-bottom: 60px;}


/* =Home Event
----------------------------------------------- */
.home_events{}
.events_wrap{ position: relative;}
.events_wrap .btny{ cursor: pointer; position: absolute; top: 100px;  z-index: 10;}
.events_wrap .btny img{ width: 30px;}
.events_wrap .btny.next{ right: -40px;}
.events_wrap .btny.prev{ left: -40px;}
.home_events .box{ padding: 20px; height: 200px; background-color: #efefef; margin-bottom: 80px; margin-top: 40px; margin-right: 10px; margin-left: 10px;}
.home_events .box .top{ border-bottom: solid 1px #e1e1e1;}
.home_events .box .top .date{ margin-top: -30px; background-color: #ce0000; color: #fff; float: left; text-align: center; margin-right: 20px; line-height: 12px; margin-bottom: 15px;}
.home_events .box .top .date .day{ font-weight: bold; font-size: 24px; padding: 10px;}
.home_events .box .top .date .month{ padding-bottom: 10px; }
.home_events .day_name{ color: #ce0000; font-size: 18px; margin-bottom: 20px;}
.home_events .box .bottom{}
.home_events .box .bottom .time{ background-color: #949ca1; color: #fff; float: left; text-align: center; padding: 5px 10px; width: 50px; font-size: 13px; margin-right: 20px; line-height: 16px;}
.home_events .box .bottom .info a{ font-family: arial; color: #333;}


@media (max-width: 425px){
	.events_wrap .btny.prev{ left: 0px; }
	.events_wrap .btny.next{ right: 0px; }
}



/* =Sub Menu
----------------------------------------------- */
.sub_menu{ text-align: center; position: relative; height: 40px;  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }
.sub_menu .line{ z-index: 1; position: absolute; top: 17px; left: 0px; right: 0px; width: 100%; border-top: solid 1px #ccc;}
.sub_menu .links{ z-index: 2; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; text-align: center;}
.sub_menu .links a{ margin: 0px; color: #333; padding: 5px 10px; display: inline-block; }
.sub_menu .links a:hover{ text-decoration: underline;}
.sub_menu .links .wrap{ background-color: #f1f1f1; display: inline-block; padding: 0px 20px; text-transform: uppercase;}
.sub_menu .links .wrap.white{ background-color: #fff;}


/* =Experience
----------------------------------------------- */
.experience{ padding-bottom: 50px;}
.experience .box{ background-size: cover; background-position: center center; float: left; border: solid 1px #fff; height: 400px; background-color: #e1e1e1; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;}
.experience .box:hover{ opacity: .8;}
.experience .box .title{ background-color: #d40608; color: #fff; font-size: 18px; float: left; padding: 10px; font-weight: 300;}

@media (max-width: 425px){
.experience .box{ height: 200px; }
}


/* =Home Event
----------------------------------------------- */
.side_title{ text-transform: uppercase;}


/* =News
----------------------------------------------- */
.cap-head h2{ font-size:18px}


/* =Side Menu
----------------------------------------------- */
.side_menu ul{ margin: 0px; padding: 0px; padding-left: 15px;}
.side_menu ul.u1{ padding-left:0px; }
.side_menu li{ margin: 0px; padding: 0px; list-style-type: none;}
.side_menu li a{ border-bottom: solid 1px #e1e1e1; width: 100%; display: block; padding: 10px 0px; padding-left: 15px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;}
.side_menu li a{ color: #333; font-size: 15px;}
.side_menu li a:hover{ color: #333; padding-left: 25px; background-color: #f1f1f1}
.side_menu li a.active{color: #fff; background-color:#c9413e}
.side_menu .bold{ font-weight:700}


/* =Inner Intro
----------------------------------------------- */
.inner_intro{ height: 400px; background-color: #c40016; background-size: cover; background-repeat: no-repeat; background-position: center center;}

#unique{ background-image: url(assets/images/unique.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #f1f1f1; padding: 80px 0px; padding-top: 0px;}
#unique .est{ height:60px; margin-bottom: 20px;}
#unique .page_text h3{ font-size: 18px; color: #ce0000;}
#unique p{ color: #444;}
#unique .sub_menu .links .wrap{background-color: #fcfcfc; }


/* =Register
----------------------------------------------- */
#register_box{ background-image: url(assets/images/register.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #000; padding: 80px 0px; color: #fff;}
#register_box .actions{ padding-top: 80px;}
#register_box .btn{ background-color: #d40608; color: #fff; width: 100%; display: block; padding: 15px; font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#register_box .btn:hover{ opacity: .8;}
#register_box h4{ font-size: 15px; text-transform: uppercase;}
#register_box h3{ font-size: 65px; text-transform: uppercase; font-weight: bold;}
#register_box p{ font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;; }


/* =Latest News
----------------------------------------------- */
#latest_news{ padding-top: 30px;}
#latest_news .box{position: relative; float: left; width: 20%; height: 300px; margin-bottom: 0px; overflow: hidden; }
#latest_news .box:hover{ background-color: #ce0000;}
#latest_news .box .pic{ background-color: #333; display: block; padding: 30px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2;  background-repeat: no-repeat; background-position: center center; background-size: cover;  -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;}
#latest_news .box:hover .pic{ left: -15px; right: -15px; bottom: -15px; top: -15px;}
#latest_news .box .pic.red{ background-color: #c40016;}
#latest_news .box .arrow{ position: absolute; z-index: 3; top: 90px; right: -4px;  }
#latest_news .box .info.clean{ background-repeat: no-repeat; background-image: none;}
#latest_news .box .info{ text-align: center;  position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 3;  background-image: url(assets/images/latest_news_bkg.png); background-repeat: repeat-x; background-position: bottom left;}
#latest_news .box .info h3{ font-weight: 300; line-height: 40px; font-size: 23px; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 30px;}
#latest_news .box .info h3{ color: #fff;}
#latest_news .box .info h4{ position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; color: #fff; font-weight: 300; font-size: 14px;}
#latest_news .box .info.small{ bottom: 0px; top: 0px;}
#latest_news .box .info.small h3{ font-size: 20px; line-height: 34px;}
#latest_news .box .info.small h4{ display: none;}
#latest_news .box .overlay{ display: none; text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; background-color: rgba(0,0,0,.7); z-index: 4;}
#latest_news .box .overlay h3{ color: #fff; font-weight: 300;}
#latest_news .box .overlay .keep{color: #3787b0; font-weight: bold; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px;}
#latest_news .vcenter{display: inline-block; vertical-align: middle;box-sizing: border-box; width: 99%;}
#latest_news .box .overlay .cat{ color: #fff;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }

@media (max-width: 1200px){
	#latest_news .box .info h3{ font-size: 16px; line-height: 22px; }
	#latest_news .box .info.small h3{font-size: 16px; line-height: 22px;}
}

@media (max-width: 992px){
	
}

@media (max-width: 768px){
	#latest_news .box{ width: 50%; }
}

@media (max-width: 425px){
	#latest_news .box{ width: 50%; }
	
}

/* =Footer
----------------------------------------------- */
#footer{ font-size: 13px; color: #ccc; background-color: #222222;  padding-top: 40px; padding-top: 100px; font-family: arial; padding-bottom: 100px;}
#footer .email{ background-color: #3c3c3c; display: block; width: 100%; border-radius: 0px; padding: 10px; color: #fff; font-size: 15px; font-family: 'Merriweather', serif;}
#footer .email:hover{ background-color: #444;}
#footer .social{ text-align: right; margin-bottom: 50px; padding-top: 20px;}
#footer .social a{ opacity: .6; display: inline-block; margin-left: 10px;}
#footer .social a:hover{ opacity: 1;}
#footer .social a img{ width: 50px;}
#footer h3{ border-top: solid 1px #4e4e4e; font-size: 14px; text-transform: uppercase; color: #fff; padding: 0px; margin: 0px; padding-top: 30px; font-weight: 300; margin-bottom: 20px; }
#footer p{ margin-bottom: 25px;}
#footer ul{ margin: 0px; padding: 0px; margin-bottom: 30px;}
#footer ul li{ list-style-type: none; margin-bottom: 5px;}
#footer ul li a{ color: #d4d4d4;}
#footer ul li a:hover{ color: #fff;}