/*
Theme Name: Associated Van Lines
*/

@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

body { font-size: 16px; line-height: 21px; font-family: 'Lato', Arial, sans-serif; color: #444; }

.container { width: 1200px; margin: 0 auto; }
a img { border: none; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

/*
.half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths { margin: 0 4% 20px 0; box-sizing:border-box; float: left; }

.last, .right { margin: 0 0 20px 0; }
.right { float: right!important; }
	
.full { width: 100%; }
.half { width: 48%; }
.quarter { width: 22%; }
.threequarters { width: 74%; }
.third { width: 30.66%; }
.twothirds { width: 65.32%; }
.fifth { width: 16.8%; }
.twofifths { width: 37.6%; }
.threefifths { width: 58.4%; }
.fourfifths { width: 79.2%; }
*/

.half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths { margin: 0 3% 20px 0; box-sizing:border-box; float: left; }

.last, .right { margin: 0 0 20px 0; }
.right { float: right!important; }
	
.full { width: 100%; }
.half { width: 48.5%; }
.quarter { width: 22.75%; }
.threequarters { width: 74.25%; }
.third { width: 31.33%; }
.twothirds { width: 65.66%; }
.fifth { width: 17.6%; }
.twofifths { width: 38.2%; }
.threefifths { width: 58.8%; }
.fourfifths { width: 79.4%; }

.alignleft { float: left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.aligncenter { display: block; margin: 0 auto 10px auto; }

.padbot-1x { padding-bottom: 20px; }
.padbot-2x { padding-bottom: 40px; }
.padbot-3x { padding-bottom: 60px; }
.padbot-4x { padding-bottom: 80px; }
.padbot-5x { padding-bottom: 100px; }
.padbot-6x { padding-bottom: 140px; }
.padbot-7x { padding-bottom: 180px; }
.padbot-8x { padding-bottom: 220px; }
.padbot-9x { padding-bottom: 260px; }
.padbot-10x { padding-bottom: 300px; }
.padtop-1x { padding-top: 20px; }
.padtop-2x { padding-top: 40px; }
.padtop-3x { padding-top: 60px; }
.padtop-4x { padding-top: 80px; }
.padtop-5x { padding-top: 100px; }
.padtop-6x { padding-top: 140px; }
.padtop-7x { padding-top: 180px; }
.padtop-8x { padding-top: 220px; }
.padtop-9x { padding-top: 260px; }
.padtop-10x { padding-top: 300px; }
.padleft-1x { padding-left: 20px; }
.padleft-2x { padding-left: 40px; }
.padleft-3x { padding-left: 60px; }
.padleft-4x { padding-left: 80px; }
.padleft-5x { padding-left: 100px; }
.padright-1x { padding-right: 20px; }
.padright-2x { padding-right: 40px; }
.padright-3x { padding-right: 60px; }
.padright-4x { padding-right: 80px; }
.padright-5x { padding-right: 100px; }

/* --------------------- HEADER ---------------- */

#header { padding: 10px 0; }
#branding { float: left; }
#header-info { float: right; margin-top: 6px; }
#header-info div { float: left; padding-left: 50px; background-repeat: no-repeat; line-height: 19px; }
#header-info #header-hours { background-image: url(images/time-icon-red.png); }
#header-info #header-phone { background-image: url(images/contact-icon-red.png); margin-left: 30px; }

/* -------------------- NAV ------------------- */

#nav { position: relative; background: #26354a; z-index: 9999; }
#menu-icon { display: none; width: 32px; height: 32px; background: url(images/menu-small-white.png) no-repeat; background-size: 32px 32px; margin: 5px 0; }

#nav ul { list-style-type: none; }
#nav ul li { float: left; position: relative; }
#nav ul li a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 20px 50px; font-size: 18px; border-left: 1px solid #404e60; }
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current-page-parent a, #nav ul li:last-child { background: #152130; }
#nav ul li:last-child { text-transform: uppercase; }
#nav ul li:last-child a { border-right: 1px solid #404e60; }
#nav ul li ul { position: absolute; left: -9999px; }
#nav ul li:hover ul { left: 0px; }
#nav ul li ul li, #nav ul li ul li:last-child { float: none; background: #26354a; text-transform: none; }
#nav ul li ul li a { white-space: nowrap; }
#nav ul li:hover a {  } /* to make the top link stay hovered when you move down the list */
#nav ul li:hover ul a {  }/* so only the top link stays hovered */
#nav ul li ul li a:hover {  } /* most specific hover */

/* ------------- CONTENT ------------ */

.custom-row { position: relative; }
.custom-row .container { position: relative; z-index: 10; }
.overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.light { color: white; }
#content {  } /* full width content area between header and footer */
#content .container {  } /* inner area between header and footer */
#content ul, #content ol { margin-left: 20px; margin-bottom: 10px; }
#content ul li, #content ol li { margin-bottom: 5px; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content ol li ol { list-style-type: lower-alpha; }
#content p { margin-bottom: 20px; }
a { color: #db0f31; }

img { max-width: 100%!important; height: auto!important; }
iframe { max-width: 100%; }
.center { text-align: center; }
.nomargin { margin: 0!important; }
strong { font-weight: bold; }
em { font-style: italic; }
p:empty, .hidden { display:none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.1em; }
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { color: white; }
h1 { font-size: 60px; font-weight: 900; margin-bottom: 30px; color: #000; }
h2 { font-size: 36px; font-weight: 700; margin-bottom: 25px; color: #000; position: relative; padding-bottom: 20px; }
h2:after { content: ""; position: absolute; left: 0; bottom: 0; height: 10px; width: 150px; background: #db0f31; }
h3 { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #000; }
h4 { font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #000; }
h5 { font-size: 24px; font-style: italic; font-family: 'Vollkorn', serif; color: #888; }

.button a { background: #db0f31; color: white; text-decoration: none; font-weight: bold; display: inline-block; padding: 10px 25px; position: relative; }
.button.big a { font-size: 24px; font-weight: 900; padding: 20px 140px 20px 80px; }
.button.big a:after { content: ""; background-image: url(images/arrow-right-white.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid white; width: 60px; }

.box { background: #fff; padding: 15px; }
.offset { position: relative; margin-top: -80px; z-index: 100; }

input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select { width: 100%; padding: 10px; background: #fff; border: 1px solid #ddd; }
textarea { height: 150px; }
input[type=submit] { background: #db0f31; color: white; text-decoration: none; font-weight: bold; display: inline-block; padding: 10px 25px; position: relative; cursor: pointer; }

.accordion { cursor: pointer; }
.accordion-content { padding: 10px; margin-bottom: 20px; }
.accordion h4 { padding: 10px 30px 10px 10px; background: #f2f2f2; position: relative; }
.accordion h4:after { content: "+"; position: absolute; right: 10px; top: 10px; color: #db0f31; }
.accordion h4.open:after { content: "-"; }

/* ---------------- FOOTER ------------ */

#footer p { margin-bottom: 20px; }
#logos { background: #f4f4f2; }
#logos img { display: inline-block; margin: 0 10px; vertical-align: middle; max-width: 230px!important; }
#footer-widgets { background: #272727; }
#footer-widgets div.third:nth-of-type(3n) { margin-right: 0; }
#footer-widgets div.third:nth-of-type(3n+1) { clear: both; }
#footer-widgets a { color: #fff; text-decoration: none; }
.contact-info li { margin-bottom: 10px; padding-left: 30px; background-repeat: no-repeat; background-position: left center; }
.contact-info .phone { background-image: url(images/phone.png); }
.contact-info .mail { background-image: url(images/mail.png); }
.contact-info .address { background-image: url(images/marker.png); }
#footer-widgets a:hover { text-decoration: underline; }
#footer-bottom { background: #171717; color: #a5a5a5; font-size: 14px; }


/* ------------------- MEDIA QUERIES -------------------- */

@media only screen and (max-width: 1279px) { 

.container { width: 1000px; }

#nav ul li a { padding: 15px 35px; font-size: 16px; }

.button.big a { font-size: 20px; padding: 20px 110px 20px 50px; }

}


@media only screen and (max-width: 1024px) {
	
.container { width: 728px; }


.padbot-6x { padding-bottom: 120px; }
.padbot-7x { padding-bottom: 140px; }
.padbot-8x { padding-bottom: 160px; }
.padbot-9x { padding-bottom: 180px; }
.padbot-10x { padding-bottom: 200px; }
.padtop-6x { padding-top: 120px; }
.padtop-7x { padding-top: 140px; }
.padtop-8x { padding-top: 160px; }
.padtop-9x { padding-top: 180px; }
.padtop-10x { padding-top: 200px; }

#logo { width: 280px; }

#menu-icon { display:inline-block; }
#menu-main { display: none; }
#nav ul li { float: none; position: relative; }
#nav ul li a { padding: 20px; border-top: 1px solid #404e60; border-left: none; }
#nav ul li:last-child a { border-right: none; }
#nav ul li ul { position: relative; left: auto; }
#nav ul li:hover ul { left: auto; }

h1 { font-size: 48px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }

#footer-widgets .third { float: none; width: 100%; margin-right: 0; }
	
}

@media only screen and (max-width: 767px) {
	
.container { width: 620px; }
.full, .half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths, .threeeighths, .fiveeighths, .seveneighths { width: 100%; margin: 0 0 20px 0; float: none; }

img.size-thumbnail, img.attachment-full, img.size-full, img.attachment-medium, img.size-medium  { width: auto!important; height: auto!important; }
img.size-large, img.attachment-large { width: 100%!important; height: auto!important; }

#header { padding: 5px 0; }
#logo { width: 240px; }
#header-info { margin-top: 6px; }
#header-info div { padding-left: 40px; background-repeat: no-repeat; line-height: 14px; font-size: 14px; background-size: 28px 28px; }
#header-info #header-phone { margin-left: 15px; }

.box img { width: 100%; }

}

@media only screen and (max-width: 639px) {
	
.container { width: 460px; }

#branding, #header-info { float: none; text-align: center; }
#header-info div { display: inline-block; float: none; }
	
}

@media only screen and (max-width: 479px) {
	
.container { width: 320px; }
	
}

@media only screen and (max-width: 767px) and (orientation:landscape) {


}