/*
Theme Name: Mind's I
Author: Gary Kelly
*/

/*GENERAL*/
html, body{margin:0; padding:0;}
body{position:relative;}
*{padding:0; margin:0; border:none; outline:none;}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6, p, li, label, a, div, label, input, textarea{color:#231F20; font-weight:normal; font-family: 'Montserrat', sans-serif;}
h1, h2{font-size:18px; border-bottom:1px dashed #939597; padding-bottom:5px; margin:0 auto 5px; font-weight:bold; text-align:center;}
h3{font-size:18px; font-weight:bold; margin:5px;}
p, li, label, a, div, label, input, textarea{font-size:14px;}
a{color:#000000; text-decoration:none;}
input, textarea{background:#f2f2f2; width:100%; padding:5px;}
textarea{height:100px !important;}
.display{display:none;}
.center{text-align:center;}
.yellow{background:#FEDD03;}
.yellow section{padding:20px 0; margin:20px auto 0;}

/*HEADER*/
.contact-details{width:100%; padding:0px; background:#000000; height:30px;}
.contact-details p{padding-top:9px; text-align:left; color:#fff; font-family: 'Montserrat', sans-serif; font-size:12px;}
.contact-details p a{color:#fff; font-family: 'Montserrat', sans-serif; font-size:12px;}
.fb-like{float:right; padding-top:5px;}
.number{float:left;}
.contact-details img{width:20px; margin:1px 0px 0px 2px;}

header{width:100%; height:60px; background-color:#FEDD03;}
.container{width:1140px; margin:0 auto; position:relative;}
.logo{height:40px; margin:10px 0;}
.sticky{position:fixed; top:0px; left:0; z-index:10;}

/*TOP NAV*/
nav.main{position:absolute; right:0; bottom:4px;}
nav.main li{list-style-image:none; list-style-type:none; display:inline-block;}
nav.main a{color:#000000; display:block; text-decoration:none; text-align:right; font-size:14px; padding:10px 2px 17px; margin-left:20px; text-transform:uppercase; font-weight:bold; border-bottom:4px solid #FEDD03;}
nav.main li a:hover, nav.main .current-menu-item a{transition: all 0.3s; border-bottom:4px solid #000000;}
nav.category{padding:20px 0 0; width:1140px; text-align:center; display:block; margin:0 auto;}
nav.category li{list-style-image:none; list-style-type:none; display:inline-block; text-align:right;}
nav.category a{color:#000000; display:block; text-decoration:none; text-align:right; font-size:14px; padding:0px 2px; text-transform:uppercase; margin-left:10px; opacity:0.3;}
nav.category li a:hover, nav.category li.current-menu-item a{opacity:0.9;}
.RMImage{margin-right:0px !important; margin:10px auto 0px; width:80% !important;}
nav.category img{height:25px; float:left;}
nav.category span{padding:4px; float:right;}

/*MAIN CONTENT*/
main{width:100%;}
section{width:1140px; margin:20px auto 60px; text-align:center;}
article{width:64%; float:left;}
aside{width:34%; float:right;}
.metaslider{margin:0 0 10px;}

.thumbnail{width:220px; height:220px; margin:2px; overflow:hidden; display:inline-block;}
.thumbnail img{height:100%; width:auto; transition:all 0.5s;}
.thumbnail:hover{opacity:0.8;}

.testimonial{width:279px; float:left; text-align:center;}
.testimonial+.testimonial{margin-left:8px;}
.testimonial img{width:100%;}

.service{width:212px; float:left;}
.service+.service{margin-left:20px;}
.service img{width:60%; margin:5px 20%;}

/*FOOTER*/
footer{width:100%; margin:0; padding:20px 0; background:#000000;}
footer p{width:80%; margin:0 auto; font-size:12px; color:#fff; text-align:center;}
footer h2{color:#fff; max-width:90%;}
.ideas{width:250px; margin:10px auto 20px; display:block;}

/*RESPONSIVE*/
@media (max-width:1200px){
.container{width:912px;}
nav.category{width:912px;}
section{width:912px;}
.sticky{display:none;}
.service{width:155px;}
}

@media (max-width:960px){
.container{width:90%;}
nav.category{width:90%;}
section{width:90%;}
.sticky{display:none;}

main{width:100%;}
aside{width:100%;}

.services{width:80%; text-align:center;}
.service{width:100%;}
.service+.service{margin-left:0; margin-top:20px;}
.service img{width:20%; margin:5px 40%;}
}

@media (max-width:600px){
.number{font-size:10px;}
.contact-details p a{font-size:10px;}
.contact-details p{padding:8px 0 0;}
nav.category img{height:40px;}
nav.category span{display:none;}
}