/**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-color:#FFF;margin:0px; font-family: 'Raleway', sans-serif;font-size:18px;background:url(icon-bg.png?t=1) repeat center top;}
.title-font{font-family: 'Staatliches', cursive;}
.title{font-size:20px;font-weight:bold;display:inline;font-family: 'Staatliches', cursive;}
.bg-gold{background:#FFF0F0;}
.gold-white{color:#fff;text-shadow:#000 1px 1px 1px;}
.gold-dark{color:#000;text-shadow:pink 1px 1px 1px;font-weight:bolder;}

/**Header of site**/
.header-font{font-family: 'Staatliches', cursive;}
.header-box{width:100%;min-height:70px;background-color:#fff;border-bottom:1px solid #CCC;box-shadow: 0px 2px 5px #999;font-family: 'Staatliches', cursive;}

.header-toppest{min-height:70px;text-align:right;padding-right:50px;}

.logo-box{text-align:left;position:absolute;padding-left:50px;top:10px;}
.logo-box a img{width:100%;max-width:100px;}

.header-top-links{display:block;middle;text-align:center;background:linear-gradient(to top, #fff, #FFF0F0);padding:10px 5px 15px 5px;min-height:25px;
		border-bottom:3px solid #fff;border-top:3px solid #fff;}
.header-link{display:inline-block;vertical-align:middle;margin-left:10px;font-size:1.2em;}
.header-link a{color:#000;text-decoration:none;font-weight:bold;text-shadow:#fff 1px 1px 1px;}

.header-search{display:inline-block;vertical-align:middle;font-size:18px;color:#000;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:#000;color:#FFF;text-align:center;}
.admin-box{display:block;margin:3px 0px 3px 0px;padding:10px;background:#000;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;}

.home-top-left{display:inline-block;vertical-align:top;width:30%;text-align:left;}
.home-top-right{display:inline-block;vertical-align:top;width:65%;text-align:justify;}


@media (max-width: 859px) {
.header-top-links{border-top:0px solid #fff;}
.header-close-menu-btn{display:block;}
.header-menu-btn{display:block;position:absolute;top:3px;left:3px;color:#000;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:#000;text-decoration:none;}
.header-toppest .header-link{display:inline-block;}
.logo-box{padding-left:100px;top:10px;}
.home-top-left{display:block;width:100%;text-align:center;}
.home-top-right{display:block;width:100%;text-align:center;}
.logo-box{top:25px;}
}


.home-main{max-width:80%;width:700px;margin:10px auto 10px auto;padding:10px;position:relative;top:-50px;z-index:1000;}
.intro-title{text-align:center;font-size:1.3em;text-shadow:#C60 1px 1px 1px;}
.intro-text{text-align:justify;}
.home-middle{padding:10px;text-align:center;margin-bottom:20px;}


/**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;margin-top:30px;background:#FFF0F0;}
.footer-holder{max-width:1000px;padding:10px;margin:0px auto 0px auto;}
.footer-box{width:45%;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;margin-top:30px;background:#FFF0F0;}
.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, #FFF0F0, #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{color:red;font-size:1.1em;font-weight:bold;}
.flat-post .meta{color:#999;}

.grid-post{max-width:300px;display:inline-block;margin:0px;height:280px;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:#933;font-size:1.1em;font-weight:bold;}