/**Any script needed needed specifically per site should be here **/
/* 
(c) 2018 Masterweb Solutions 
Written by Ekene Onuorah
masterweb.com.ng
For CMS
*/

/**Body and title**/
body{background:#FFF;margin:0px; font-family: 'Alata', sans-serif;font-size:18px;}
.title-font{font-family: 'Tomorrow', serif;}
.title{font-size:20px;font-weight:bold;display:inline;font-family: 'Tomorrow', serif;}


/**Header of site**/
.header-font{font-family: 'Fira Sans', sans-serif;}
.header-box{width:100%;min-height:70px;background-color:#EEF2FD;background:linear-gradient(to left, #EEF2FD, #fff, #EEF2FD);border-bottom:1px solid #CCC;box-shadow: 0px 2px 5px #999;font-family: 'Fira Sans', sans-serif;}

.logo-box{width:100%;text-align:center;}
.logo-box a img{width:100%;max-width:900px;}


.header-toppest{padding:5px 20px 5px 40px;text-align:left;font-family:tahoma;border-bottom:1px solid #006;}
.header-toppest .spot{color:#F00;font-size:0.7em;display:inline-block;vertical-align:top;padding-right:10px;}
.header-toppest .spot i{vertical-align:middle;}

.header-top-links{display:block;middle;text-align:center;padding:5px 5px 10px 5px;min-height:25px;}
.header-link{display:inline-block;vertical-align:middle;margin-left:10px;font-size:16px;}
.header-link a{color:#006;text-decoration:none;font-weight:bold;text-transform:capitalize;}

.header-search{display:inline-block;vertical-align:middle;font-size:18px;color:#006;text-decoration:none;cursor:pointer;position:absolute;top:3px;right:3px;}
.header-fly-right{position:absolute;top:40px;right:0px;width:350px;background:#fff;min-height:100px;
border:1px solid #999;box-shadow: 0px 2px 5px #999;padding:10px;z-index:910;display:none;}
.flash-box{display:block;margin:3px 0px 3px 0px;padding:10px;background:#003;color:#FFF;text-align:center;}
.admin-box{display:block;margin:3px 0px 3px 0px;padding:10px;background:#003;color:#FFF;text-align:center;}

.close-btn{color:#F00;font-size:14px;font-weight:bold;cursor:pointer;padding-top:10px;text-align:right;padding-right:5px;}
.header-close-menu-btn{display:none;}
.header-menu-btn{display:none;}
@media (max-width: 699px) {
.header-close-menu-btn{display:block;}
.header-menu-btn{display:block;position:absolute;top:3px;left:3px;color:#006;cursor:pointer;font-size:1.5em;}
.header-menu-area{padding-top:10px;display:none;}
.header-search{font-size:1.4em;}
.header-link{display:block;margin-top:10px;font-size:16px;text-align:left;}
.header-link a{color:#006;text-decoration:none;}
}








.top-home{background:#000;}
.top-left{width:60%;height:400px;display:inline-block;vertical-align:top;overflow:hidden;}
.top-right{width:35%;height:400px;display:inline-block;vertical-align:top;float:right;text-align:right;overflow:hidden;}

@media (max-width: 910px) {
.top-left{display:block;width:100%;height:auto;}
.top-right{display:block;width:100%;text-align:center;height:auto;}
}


.home-main{max-width:50%;width:700px;margin:10px 5px 10px 5px;background:#fff;display:inline-block;vertical-align:top;}
.intro-title{text-align:center;font-size:1.3em;color:red;}
.intro-text{text-align:justify;padding:10px;}
.home-middle{background:linear-gradient(to bottom, #900, #000);padding:10px;text-align:center;color:#FFF;margin-bottom:20px;}
.home-main-right{max-width:40%;width:700px;margin:10px 5px 10px auto;display:inline-block;vertical-align:top;float:right;}

@media (max-width: 550px) {
.home-main{display:block;width:100%;height:auto;max-width:90%;}
.home-main-right{display:block;width:100%;text-align:center;height:auto;max-width:90%;}
}









/**Layout of site**/
/*All layouts could be given a white background if the body background has photos that may interfere with visibility*/

@media (min-width: 1100px){
.layout-holder{text-align:center;width:100%;max-width:1400px;margin:0px auto 0px auto;display:block;min-height:500px;}
.layout-main{width:70%;max-width:800px;min-height:500px;display:inline-block;vertical-align:top;text-align:left;background:#fff;}
.layout-sub{width:30%;max-width:300px;min-height:500px;display:inline-block;vertical-align:top;text-align:left;background:#fff;}


} @media (min-width: 600px) and (max-width: 1099px) {
.layout-holder{text-align:center;width:100%;display:block;min-height:500px;}
.layout-main{width:60%;max-width:580px;min-height:500px;display:inline-block;vertical-align:top;text-align:left;float:left;background:#fff;}
.layout-sub{width:40%;max-width:350px;min-height:500px;display:inline-block;vertical-align:top;text-align:left;float:right;background:#fff;}


} @media (max-width: 599px) {
.layout-holder{text-align:center;width:100%;display:block;min-height:500px;}
.layout-main{width:100%;min-height:500px;display:block;vertical-align:top;text-align:left;background:#fff;margin-top:25px;position:relative;}
.layout-sub{display:block;vertical-align:top;text-align:left;background:#fff;}
}



/*Quick Layouts that we can use anywhere inside... comes with natural padding*/
.layout-full{padding:10px;text-align:left;}
.layout-800{max-width:800px;padding:10px;text-align:left;margin:0px auto 0px auto;}
.layout-600{max-width:600px;padding:10px;text-align:left;margin:0px auto 0px auto;}
.layout-400{max-width:400px;padding:10px;text-align:left;margin:0px auto 0px auto;}
.layout-admin-dash{display:block;margin-bottom:5px;padding:5px;vertical-align:top;}



/**footer **/
@media (min-width: 500px){
.footer{width:100%;border-top:1px solid #999;padding-top:20px;background-color:#EEF2FD;background:linear-gradient(to left, #EEF2FD, #fff, #EEF2FD);margin-top:30px;}
.footer-holder{max-width:1000px;padding:10px;margin:0px auto 0px auto;}
.footer-box{width:30%;display:inline-block;margin-bottom:20px;padding:0px 10px 0px 0px;vertical-align:top;}
.footer-box .title{display:block;padding-bottom:7px;color:#333;width:100%;font-weight:bold;}
.footer-box .link{display:inline-block;margin-right:8px;color:#555;font-size:0.85em;}
} @media (max-width: 499px) {
.footer{width:100%;border-top:1px solid #999;padding-top:20px;background-color:#EEF2FD;background:linear-gradient(to left, #EEF2FD, #fff, #EEF2FD);margin-top:30px;}
.footer-holder{max-width:1000px;padding:10px;margin:0px auto 0px auto;}
.footer-box{display:block;margin-bottom:20px;vertical-align:top;}
.footer-box .title{display:block;padding-bottom:7px;color:#333;width:100%;font-weight:bold;}
.footer-box .link{display:inline-block;margin-right:8px;color:#555;font-size:0.85em;}
}

.footest{width:100%;padding:5px 0px 5px 0px;background:linear-gradient(to bottom, #006, #000);}
.footest-holder{max-width:1000px;padding:0px 10px 0px 10px;margin:0px auto 0px auto;}
.footest-holder .link{display:inline-block;margin-right:8px;color:#FFF;font-size:0.85em;}

















/**boxes and tabs... white-box used in review**/
.white-box{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:20px;padding:10px;}
.tab{padding:5px;border:1px solid #ddd;color:#777;background:#eee;cursor:pointer;display:block;}
.tab:hover{border:1px solid #006;}
.tab-active{color:#000;border:1px solid #006;background:#fff;}

.browse-tabs{padding:10px;border:1px solid #ddd;color:#fff;background:#900;cursor:pointer;display:inline-block;
		text-align:left;margin:0px auto 0px auto;max-width:300px;min-width:200px;}




/*Gallery display*/
.gallery-type-icon{color:#999;font-size:0.8em;}
.gallery-type-title{color:#333;font-weight:bold;font-size:1.1em;padding:5px 0px 1px 0px;text-align:left;}
.gallery-type-doc{max-width:98%;min-height:300px;}
.gallery-holder-cont{height:200px;width:200px;margin:2px;overflow:hidden;display:inline-block;border-radius:5px;}
.gallery-type-img{height:200px;max-width:1000px;}
.gallery-type-vid{max-width:98%;}
.gallery-type-aud{max-width:90%;}





/*Posts*/
.flat-post{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:20px;padding:10px;margin:3px 0px 3px 0px;text-align:left;}
.flat-post .post-title{font-weight:bold;color:#006;font-size:1.2em;}
.flat-post .meta{color:#999;}

.grid-post{max-width:300px;display:inline-block;margin:0px;height:250px;overflow:hidden;width:95%;text-align:center;background:#F7F7F7;}
.grid-post .photo{width:95%;margin:0px auto 0px auto;height:190px;overflow:hidden;border-radius:10px;}
.grid-post .photo img{height:100%;max-width:1000px;border-radius:10px;}
.grid-post .post-title{padding-top:5px;color:#03F;font-size:1.2em;font-weight:bold;color:#006}