/*
Theme Name: O'Mara's Trailers 2019
Theme URL: https://www.omarastrailers.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au
 
/*****  Wordpress Generic  *****/

ol, ul{list-style:none;}

.clear{clear: both;}

*{margin:0;padding:0;}img{border:none;padding:0;}

img a{border:none;}

img.left{float:left;border:none;padding:6px 0 0 0;}

img.right{float:right;border:none;padding:0 0 0 6px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}

img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

main img{max-width:100%;height:auto;}

.alignright{float:right;}

.alignleft{float:left}

.aligncenter{display:block;margin-left:auto;margin-right:auto;}

a{text-decoration:none;}

.wp-youtube-live{position:relative;padding-bottom:53.9%;padding-top:25px;height:0;margin:15px 0;}

.wp-youtube-live iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

@media all and (max-width: 700px){.entry p, ul.nav li {-webkit-text-size-adjust: 100%;}}

/*****  General  *****/	

body, html{font-family:'Montserrat', sans-serif;background:#252525;}

main h1{color:#f3ec17;font-size:42px;font-weight:600;padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.5);overflow-wrap:normal;}

main h2{color:#f3ec17;font-size:26px;font-weight:600;padding-bottom:20px;line-height:150%;}

main h3{color:white;font-size:24px;font-weight:600;padding-bottom:20px;line-height:150%;}

@media all and (max-width: 650px){

main h1 {font-size:34px;padding-bottom:20px;margin-bottom:25px;}
	
main h2{font-size:22px;}
	
main h3{font-size:20px;}
	
}

/*****  Header  *****/

.header-details{width:100%;padding:15px;box-sizing:border-box;background:#363636;}

.header-details-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align0items:center;}

.header-details-inner ul{display:flex;align-items:center;}

.header-details-inner ul li{padding:0 15px;display:flex;align-items:center;color:rgba(255,255,255,0.75);font-size:12px;font-weight:400;}

.header-details-inner ul li:first-child{padding-left:0;}

.header-details-inner ul li:last-child{padding-right:0;}

.header-details-inner ul li a{color:rgba(255,255,255,0.75);transition:.2s;}

.header-details-inner ul li a:hover{color:#f3ec17;}

.header-details-inner ul li img{padding-right:10px;height:17px;width:auto;}

@media all and (max-width:800px){

.header-details-inner ul li:nth-child(2){display:none;}	
	
}

@media all and (max-width:800px){
	
.header-details-inner ul li{padding:0;}
	
.header-details-inner ul li:nth-child(3){display:none;}	
	
}

/*****  Navigation  *****/

header{width:100%;padding:20px 15px;box-sizing:border-box;background:#252525;}

.header-inner{width:100%;max-width:1400px;margin: 0 auto;display:flex;justify-content:space-between;align-items:center;}

.header-logo{width:255px;}

.header-logo img{width:100%;height:auto;}

@media all and (min-width: 800px){	

header ul{display:flex;}

header ul li{font-size:16px;font-weight:500;padding:0 20px;list-style:none;text-transform:uppercase;position:relative;}

header ul li:first-child{padding-left:0;}
	
header ul li:last-child{padding-right:0;}

header ul li a{position:relative;text-decoration:none;transition:.2s;color:white;}

header ul li a:hover{color:#f3ec17;}
	
nav ul li:hover > ul{max-height:300px;}
	
header ul li ul{flex-direction:column;position:absolute;top:100%;left:0;z-index:500;padding:0;width:200px;background:#252525;transition:.3s;max-height:0;overflow:hidden;}
	
header ul li ul li{font-size:14px;padding:10px 20px;}
	
header ul li ul li:first-child{padding:20px 20px 10px 20px;}
	
header ul li ul li:last-child{padding:10px 20px 20px 20px;}
	
.menu-burger, .nav-overlay, .close-btn{display:none;}
	
}

@media all and (max-width: 800px){	

.header-logo{width:150px;}
		
.menu-burger{width:30px;height:21px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative;z-index:100;}
	
.menu-burger:hover{cursor:pointer;}

.menu-burger span{width:100%;height:2px;background:#f3ec17;transition:.3s;}
	
.menu-burger:hover span.first{width:66%;}
	
header nav{display:flex;flex-direction:column;position:fixed;background:white;width:250px;height:100%;left:-300px;top:0;z-index:0;transition:.5s;overflow-y:scroll;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;}
	
header nav::-webkit-scrollbar{width:0;height:0;}

header nav.opened{left:0;z-index:999;}	
	
.nav-overlay{position:fixed;left:0;right:0;top:0;height:100%;background:rgba(0,0,0,0.5);opacity:0;display:none;transition:.5s;z-index:-100;}
	
header nav.opened .nav-overlay{opacity:1;display:inline;}
	
.close-btn{position:absolute;top:15px;left:15px;height:23px;width:23px;line-height:100%;border-radius:50%;background:#f3ec17;color:#252525;font-weight:700;font-size:12px;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:.3s;}

.close-btn:hover{background:white;}
	
header ul{display:flex;flex-direction:column;flex:1;background:#252525;padding-top:55px;}

header ul li{font-size:14px;font-weight:500;list-style:none;position:relative;text-transform:uppercase;}
	
header ul li:first-child{border-top:1px solid rgba(255,255,255,0.05);}
	
header ul li a{text-decoration:none;transition:.4s;color:white;padding:20px 15px;box-sizing:border-box;width:100%;border-bottom:1px solid rgba(255,255,255,0.05);display:block;}
	
header ul li a:hover{color:#f3ec17;background:rgba(255,255,255,0.05);}
	
header ul li ul{padding-top:0;}
	
header ul li ul li{max-height:0;transition:.3s;overflow:hidden;font-size:13px;font-weight:400;}
	
header ul li ul li:first-child{border-top:none;}
	
header ul li.opened ul li{max-height:75px;}

header ul li ul li a{color:rgba(255,255,255,0.7);padding-left:30px;}
	
.expand{width:59px;height:58;text-align:center;position:absolute;z-index:500;top:0;right:0;border-left:1px solid rgba(255,255,255,0.05);}
	
.expand:hover{cursor:pointer;}
	
.expand:before, .opened li .expand:before{content:"+";font-size:20px;font-weight:500;color:white;line-height:59px;}
	
.expand:hover:before, .opened li .expand:hover:before{color:#f3ec17;}
	
.opened .expand:before, .opened li.opened .expand:before{content:"-";display:block;margin-top:-2px;}
	
}

/*****  Slideshow *****/

.rslides-cont{position:relative;}

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}

.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}

.rslides li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:400px;background:url("images/slideshow-accent.png")repeat-x;background-size:auto 100%;}

.rslides li:first-child{position:relative;display:block;}

.rslides img{display:block;height:auto;width:100%;object-fit:cover;min-height:250px;border:0;}

.rslides_tabs{position:absolute;bottom:0;width:100%;left:0;display:flex;justify-content:center;padding-bottom:35px;z-index:100;}

.rslides_tabs li{font-size:0;color:rgba(0,0,0,0);height:5px;width:45px;background:rgba(255,255,255,0.6);margin:0 7px;position:relative;transition:.2s;}

.rslides_tabs li.rslides_here{background:white;}

.rslides_tabs li:after{content:"";position:absolute;height:100%;width:0;background:#252525;top:0;left:0;}

.rslides_tabs li.rslides_here:after{width:100%;animation-timing-function:linear;animation-name:example;animation-duration:10s;}

.rslides_tabs:hover li.rslides_here:after{animation-play-state:paused;}

.slideshow-text{width:100%;position:absolute;bottom:50px;z-index:300;left:0;text-align:center;padding:0 20px;box-sizing:border-box;}

.slideshow-text h2{font-size:52px;color:white;font-weight:700;padding-bottom:10px;}

.slideshow-text h3{font-size:36px;color:#f3ec17;font-weight:500;padding-bottom:15px;text-transform:none;}

.page-header{position:relative;}

.page-header img{display:block;height:auto;max-height:450px;width:100%;border:0;object-fit:cover;}

@keyframes example {from {width:0;}  to {width:100%;}}

.rslides_tabs li a{display:block;width:100%;height:100%;}

@media all and (max-width:1000px){
	
.rslides li:after, .page-header:after{height:200px;}

.rslides_tabs{padding-bottom:20px;}

.rslides_tabs li{height:4px;width:40px;}

.slideshow-text{bottom:35px;}

.slideshow-text h2{font-size:44px;padding-bottom:0;}

.slideshow-text h3{font-size:26px;padding-bottom:0;}	
	
}

@media all and (max-width:700px){

.rslides_tabs{display:none;}

.slideshow-text{bottom:15px;padding:0 15px;}

.slideshow-text h2{font-size:28px;padding-bottom:5px;}

.slideshow-text h3{font-size:18px;}	
	
}

/*****  Boxes  *****/

.boxes-cont{width:100%;background:#363636;display:flex;justify-content:center;}

.boxes{width:calc(100% + 40px);max-width:1480px;display:flex;flex-wrap:wrap;padding:20px;box-sizing:border-box;}

.box-single{height:120px;flex:0 0 calc(33.33% - 40px);margin:20px;background:#252525;position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 20px;box-sizing:border-box;overflow:hidden;}

.box-image{position:absolute;height:100%;top:0;left:0;right:185px;}

.box-image:after{content:"";position:absolute;right:-1px;top:0;height:100%;width:100px;background:url("images/box-accent.png") repeat-y;background-size:100% auto;z-index:100%;transition:.5s;}

.box-image img{width:100%;height:100%;object-fit:cover;}

.box-single h3{color:white;font-size:20px;font-weight:500;padding-bottom:12px;position:relative;z-index:500;text-align:right;}

.box-single p{color:#fdde00;font-size:16px;font-weight:400;position:relative;z-index:500;transition:.2s;}

.box-single:hover p{color:white;}

.box-single:hover .box-image:after{width:200px;}

@media all and (max-width:1460px){

.boxes{width:calc(100% + 30px);padding:15px;}

.box-single{height:120px;flex:0 0 calc(33.33% - 30px);margin:15px;}
	
}

@media all and (max-width:1100px){
	
.box-single{height:100px;flex:0 0 calc(50% - 30px);}
	
}

@media all and (max-width:700px){
	
.boxes{width:calc(100% + 16px);padding:13px 8px;}
	
.box-single{height:auto;align-items:center;padding:0 0 12px 0;flex:0 0 calc(50% - 16px);margin:8px;justify-content:flex-start;}	
	
.box-image{position:static;height:auto;width:100%;padding-bottom:3px;}
	
.box-image:after{content:none;}
	
.box-image img{width:100%;height:auto;}

.box-single h3{font-size:14px;text-align:center;padding:0 5px 5px 5px;line-height:150%;}

.box-single p{font-size:12px;text-align:center;}	
	
}

/*****  Content  *****/

main{width:100%;max-width:1430px;margin:0 auto;padding:50px 15px;box-sizing:border-box;}

main strong{font-weight:600;}

main ul{list-style-type:disc;padding-left:30px;padding-bottom:17px;}

main p, main li{color:rgba(255,255,255,0.90);padding-bottom:20px;font-size:15px;line-height:175%;font-weight:400;}

main p a{color:rgba(255,255,255,0.90);transition:.2s;}

main p a:hover{color:#f3ec17;}

main li{padding:3px 0 3px 3px;}

main li:first-child{padding-top:0;}

main iframe{height:175px;width:100%;}

.sale-single{width:100%;background:#363636;padding:30px;display:flex;margin-bottom:30px;box-sizing:border-box;}

.sale-left{flex:0 0 275px;}

.sale-right{padding-left:30px;}

main .sale-right p:last-child{padding-bottom:5px;}

main .sale-right h3{color:#f3ec17;}

@media all and (max-width: 750px){
	
.sale-single{flex-wrap:wrap;padding:15px;}

.sale-left{flex:0 0 100%;}

.sale-right{padding:15px 0 0 0;}

}

@media all and (max-width: 650px){
	
main{padding:30px 15px;}
	
}

/*****  Gallery  *****/

.gallery{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 30px);
	margin-left:-15px;
	padding-bottom:20px;
}

.gallery-item{
	padding:15px;
	position:relative;
	text-align:center;
	width:20%; /* Width will define items per row */
	box-sizing:border-box;
}

.gallery-item img{
	transition:.5s;
	width:100%;
	height:auto;
	max-width:100%;
}

.gallery-item:hover img{
	opacity:0.7;
}

.gallery br{
	display:none;
}

.sale-left .gallery{width:calc(100% + 10px);margin-left:-5px;padding-bottom:0;}

.sale-left .gallery-item{padding:5px;flex: 0 0 33.33%;}

.sale-left .gallery-item:first-of-type{flex:0 0 100%;padding-top:0;padding-bottom:3px;}

@media all and (max-width: 850px){.gallery-item{width:33.33%;}}

@media all and (max-width: 750px){
	
.gallery, .sale-left .gallery{width:calc(100% + 16px);margin-left:-8px;}
	
.gallery-item, .sale-left .gallery-item, .sale-left .gallery-item:first-of-type{flex:50%;padding:8px;}

}

/* * * 7.0 Footer * * */

footer{background:#252525;width:100%;padding:30px 15px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #f3ec17;}

.home footer{background:#363636;}

footer ul{display:flex;align-items:center;}

footer ul li{font-size:13px;color:rgba(255,255,255,0.75);border-right:1px solid rgba(255,255,255,0.75);line-height:100%;padding:0 10px;}

footer ul li:first-child{padding-left:0;}

footer ul li:last-child{padding-right:0;border-right:none;}

footer ul li a{color:rgba(255,255,255,0.75);transition:.2s;}

footer ul li a:hover{color:#f3ec17;}

@media all and (max-width: 650px){
	
footer{padding:20px 15px;flex-direction:column;justify-content:flex-start;}

footer ul{flex-direction:column;padding:10px 0;}

footer ul li{border-right:none;line-height:150%;padding:5px 0;text-align:center;}

}