/*
Theme Name: Ennell
*/
/*Dark Blue: 044073
 * Light Blue: 60b0f4
 */

/* GENERAL */
html, body{margin:0; padding:0;}
body{position:relative; display:flex; min-height:100vh; flex-direction:column;}
*{padding:0; margin:0; border:none; outline:none;}
p, li, label, a, div, label, input, textarea, h1, h2, h3, h4, h5, h6, nav, a{font-family:'Roboto', sans-serif; color:#4c4d4f;}
h1{font-size:24px; font-weight:bold; margin-bottom:5px; color:#60b0f4;}
h2{font-size:20px; font-weight:bold; margin-bottom:5px; color:#60b0f4;}
h3{font-size:18px; font-weight:bold; margin-bottom:5px; color:#60b0f4;}
p, li, label, a, div, label, input, textarea, td{font-size:14px; line-height:22px;}
a{color:#000000; text-decoration:none;}
.clear{clear:both;}
.center{text-align:center;}
.width{width:1240px; margin:0 auto;}
b{color:#335180; font-weight:700;}
th, td, table{padding:5px;}
table{border-collapse: collapse;}
.pri-clr{color:#82bc00;}
.pri-clr-bk{background:#82bc00;}
.sec-clr{color:#41873e;}
.sec-clr-bk{background:#044073;}
.white{color:#fff;}

/* HEADER */
header{position:relative; z-index:1}
.container{width:100%;}
.logo{width:250px; margin:20px 0; float:left;}

/* MAIN NAVIGATION */
nav.main{float:right; margin-top:60px;}
nav.main li{list-style-image:none; list-style-type:none; display:inline-block; position:relative; text-align:right;}
nav.main li+li{margin-left:18px;}
nav.main a{color:#044073; display:block; text-decoration:none; font-size:16px; display:inline-block; font-weight:bold;}
nav.main a:hover{color:#60b0f4;}
nav.main li.yellow-bk a{background:#fcbf18; color:#1b2652;}

nav.main li ul{width:100%;; margin:0; position:absolute; background:#f9f9f9; top:100%; right:0; left:0; display:none; opacity:0; visibility:hidden; z-index:5; left:0;}
nav.main li:hover ul{display:block; opacity:1; visibility:visible; transition:all 0.5s;}
nav.main li ul li{display:inline-block; width:100%; margin-top:3px;}
nav.main li ul li a{color:#231f20; font-weight:normal; font-family:'Lato', sans-serif; padding:5px; display:block; font-size:14px; margin:0 !important;}
nav.main li ul li a:hover{background:#f3f1f3;}
nav.main li ul li img{display:none;}
.nav_thumb{display:none !important;}
.ms-thumb-list{margin-top:-50px !important;}
.ms-thumb-frame{opacity:1 !important;}

/* MAIN CONTENT */
main{width:100%; flex:1;}
main p{margin-bottom:10px;}
main img{margin:10px 0;}
main a{color:#82bc00;}
section{background:#fff; padding:60px 0;}
article{width:70%; float:left;}
aside{width:23%; padding:20px 2%; float:right;}
aside h2, aside p{color:#fff;}
aside img{max-width:90%; height:auto; margin:0 5%;}
.metaslider{margin:0 0 10px;}

.cat li{list-style:none; margin:10px 0 20px;}
.cat li .feat{width:200px; height:150px; position:relative; overflow:hidden; margin-right:10px; float:left; background:#f9f9f9;}
.cat li .feat img{max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.cat li .text{float:right; width:920px;}
nav.pagination{text-align:center; width:235px; margin:20px auto;}
nav.pagination .button a{color:#f1af69; border:1px solid #f1af69; padding:5px; width:105px; display:inline-block;}
nav.pagination .button a:hover{color:#fff; background:#f1af69; border:1px solid #f1af69; padding:5px; width:105px; display:inline-block;}

/* FOOTER */
footer{width:100%; padding:20px 0; position:relative; border-top:20px solid #60b0f4;}
footer p.title{font-size:24px; line-height:30px; font-weight:bold; width:24%}
footer p{width:31%; margin:0 auto; color:#fff; float:left; text-align:center;}
footer p a{color: #FFFFFF;}
footer p+p{margin-left:1%;}
footer p:nth-of-type(3),footer p:nth-of-type(2){padding-left:2%; border-left:1px solid #fff;}

/* RESPONSIVE */
@media (max-width:1200px){
.width{width:960px;}
.cat li .text{width:700px;}
}

@media (max-width:980px){
.width{width:720px;}
.logo{width:200px; margin:20px auto;}
nav.main{margin-top:30px;}
.cat li .text{width:500px;}
}

@media (max-width:760px){
.width{width:90%;}
section{background:#fff; padding:20px 0;}
article{width:100%;}
aside{width:96%;}
.cat li .feat{width:200px; height:100px; margin-right:0; margin:0 auto 10px; float:none;}
.cat li .text{float:none; width:100%;}
footer p{text-align:center; display:block; width:100%; text-align:center;}
footer p.title{width:100%;}
footer p+p{margin-left:0%;}
footer p:nth-of-type(3){padding-left:0; border-left:none;}
}