/*
Theme Name: Ace Painting Custom Theme
Theme URI: 
Author: PMCJAX
Author URI: http://www.pmcjax.com/
Description: 
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags:
Text Domain: acepaintcustom
*/

body{font-family: 'Lato', sans-serif;font-size:16px;line-height:30px;color:#222;}
.container.full-width{width:100%;}
h1, h2, h3, h4, h5, h6, .title{font-family: 'Roboto Slab', serif;letter-spacing: .5px;}
h1{font-size:28px;font-weight:300;}
h2{font-size:21px;font-weight:300;text-transform:uppercase;}
h3{font-size:18px;font-weight:700;}
h4{font-size:18px;font-weight:300;}
h5{font-size:16px;font-weight:700;text-transform:uppercase;}
h6{font-size:16px;font-weight:700;}
.title{font-size:21px;font-weight:700;text-transform:uppercase;}
a, a.bttn{color:#720000;}
a:focus, a:hover, a.bttn:hover{color:#f00;text-decoration:none;}
p:empty{margin:0;display:none;}
.content ul{list-style:disc;padding-left:15px;margin-bottom:20px;}
.content ol{list-style:decimal;padding-left:15px;margin-bottom:20px;}
footer#footer ul, footer#footer ol, #sidebar ul, #sidebar ol{padding:0;margin:0;list-style:none;}
img{max-width:100%;height:auto;}
input, textarea{padding:8px 15px;border:1px solid #888888;}
select{padding:12px 15px;border:1px solid #888888;}
input[type="button"]{background-color:#720000;color:#FFF;font-size:16px;text-transform:uppercase;font-weight:700;border-radius: 0;padding: 15px 25px;border:none;}
input[type="button"]:hover{background-color:#a50000;color:#FFF;}
.owl-controls {position: absolute;top: 45%;width: 100%;height: 0;}
.owl-prev, .owl-next{font-size: 32px;padding: 20px 10px;background-color: rgba(17,17,17,0.5);color: #FFF;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.owl-next:hover, .owl-prev:hover {background-color: rgba(17,17,17,0.9);}
.owl-prev {margin-left: 2%;float: left;}
.owl-next {margin-right: 2%;float: right;}
.btn{background-color:#720000;color:#FFF;font-size:16px;text-transform:uppercase;font-weight:700;border-radius: 0;padding: 15px 25px;}
.btn:hover, .btn:focus{background-color:#a50000;color:#FFF;}
.light .btn{background-color:#FFF;color:#222;}
.light .btn:hover{background-color:#a50000;color:#FFF;}

header#header{background-color:#720000;position: fixed;width: 100%;top: 0;z-index:999;}
.admin-bar header#header{top:32px;}
header#header + section{margin-top:123px;}
#utility{background-color:#FFF;font-family: 'Roboto Slab', serif;padding:10px 0;}
#utility a{display:inline-block;color:#222;text-transform:uppercase;font-weight:700;}
#utility a:hover{color:#f00;}
#utility a.bttn{color:#720000;padding: 0 15px;}
#utility a.bttn:hover{color:#f00;}
#logo{position: absolute;top: -40px;}
#main-menu ul {display: flex;justify-content: space-between;margin-bottom: 0;margin: 0 auto;}
#main-menu ul li {display: inline-block;}
#main-menu ul li a {color:#FFF;display: block;font-size: 16px;padding: 15px 10px;line-height: 40px;font-family: 'Roboto Slab', serif;font-weight: 700;letter-spacing: .5px;border-bottom:3px solid #720000;}
#main-menu ul li a:hover{border-bottom:3px solid #FFF;}
#main-menu ul li.current-menu-item > a{border-bottom:3px solid #FFF;}
#main-menu .sub-menu{display:none;position: absolute;background-color: #FFF;max-width: 300px;text-align: left;border-left:1px solid #CCC;border-bottom:1px solid #CCC;border-radius:0 0 0 3px;}
#main-menu .sub-menu li {display: block;}
#main-menu .sub-menu li a{display: block;padding: 10px 20px;font-size:14px;}
#main-menu li.menu-item-has-children:hover .sub-menu{display:block;}
#mobilebtn{display:none;float: right;width: 50px;margin: 40px 0 0;}
#mobilebtn span{display: block;background-color: #FFF;height: 3px;margin: 5px;border-radius: 5px;}

#mainslider{position: relative;padding:0;}
.slide{height: 100vh;background-size: cover;background-position: center center;min-height:370px;max-height:600px;}
.slidetext{position: absolute;top: 40%;left: 20%;max-width: 1170px;background-color: rgba(255,255,255,0.8);padding: 30px;}
.slidetext .title{font-size: 40px;font-weight: 700;margin-bottom:15px;text-transform: inherit;}
.slidetext p{font-size:18px;margin-bottom:0;}
.slidetext .btn{margin: 10px 0 10px 40px;}

#ctas{padding: 0;border-bottom:1px solid #d3d3d3;}
#ctas .cta{text-align: center;margin: 0px 10%;padding: 30px 20px 50px;}
#ctas .cta:hover{background-color: #720000;}
#ctas .cta i{font-size: 57px;padding: 20px;color: #222;}
#ctas .cta:hover i{color:#FFF;}
#ctas .cta .title{font-size: 24px;font-weight: 700;text-transform: uppercase;}
#ctas .cta:hover .title{color:#FFF;}
#ctas .cta a{display:block;}
#ctas .cta:hover a{color:#FFF;}

section.light{color:#FFF;}
section.imgleft{background-repeat: no-repeat;background-position: center left;background-size: auto 100%;}
section.imgright{background-repeat: no-repeat;background-position: center right;background-size: auto 100%;}
#innerheader{padding: 20px 0 30px;background-color: #aaaaaa;color: #FFF;}
#innerheader .title{margin: 0 0px 0 120px;}

#gallery{padding: 15px 0 30px;}
.galleryitem{}
.galleryitemwrap{background-position:center;background-size:cover;padding: 20px;margin: 15px 0;min-height: 250px;position: relative;}
.galleryitemwrap .title{position: absolute;top: 10%;left: 0;background-color: #720000;color: #FFF;text-transform: initial;padding: 10px 30px;}

#projectgallery{padding:30px 0;}
#projectgallery .galleryslide{text-align:center;}

#featured-gallery{margin-bottom: 5px;}
.footerfeatured{background-position: center;background-size: cover;width: 31%;height: 80px;float: left;margin: 1%;position:relative;}
.footerfeatured::before{content: '\f08e';width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;font-family: 'Font Awesome 5 Pro';font-weight:900;color: #FFF;font-size: 24px;text-align: center;padding-top: 30%;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;}
.footerfeatured:hover::before{opacity:1;}

footer#footer{background-color:#f1f1f1;padding: 40px 0;font-size: 14px;}
footer#footer .widget-title{color: #720000;font-size: 18px;font-weight: 700;margin: 10px 0 30px;}
footer#footer #footermenu{columns:2;-webkit-columns:2;-moz-columns:2;}
footer#footer a{color:#222;}
footer#footer a:hover{color:#720000;}
#copyright{background-color: #111111;color: #FFF;padding: 15px 0;font-size: 14px;}
#copyright p{margin: 0;}
#copyright a{color: #FFF}
#copyright a:hover{color:#f00;}


@media screen and (min-width: 991px) and (max-width: 1200px){
	.slidetext{left:10%;}
	#main-menu ul li a{font-size:14px;}
}

@media screen and (min-width: 769px) and (max-width: 990px){	
	#mobilebtn{display:block;margin:20px 0 24px;}
	#main-menu ul{display:none;margin-top: 110px;}
	#main-menu.active ul{display:block;}
	#main-menu ul li{display:block;text-align: left;}
	#main-menu ul li a{line-height: 20px;padding: 10px;}
	#main-menu.active ul{display:block;}
	.slidetext{left:10%;}
	.imgright, .imgleft{background-image:none !important;}
}

@media screen and (min-width: 1px) and (max-width: 768px){
	header#header + section {margin-top: 161px;}
	#logo{position: relative;top:0;height: 100px;margin:5px 0;}
	#mobilebtn{display:block;}
	#main-menu ul{display:none;}
	#main-menu.active ul{display:block;}
	#main-menu ul li{display:block;text-align: left;}
	#main-menu ul li a{line-height: 20px;padding: 10px;}
	#main-menu.active ul{display:block;}
	.slidetext{top:20%;left:0;}
	.slidetext .title {font-size: 28px;}
	.slidetext .btn{float:none;display:block;margin-left:0;}
	#ctas .cta{padding:10px 20px 30px;}
	.imgright, .imgleft{background-image:none !important;}
	footer#footer .widget-title{margin:30px 0 10px;}
	#innerheader .title{margin:0;text-align:center;}
	.content{padding:30px 0 30px !important;}
}