/*

Theme Name: Omni Demolition
Theme URI: http://omnidemolition.com/
Author: Omni Demolition
Author URI: http://omnidemolition.com/
Description: Omni Demolition - Your professional demolition company with demolition contractors you can count on.
Version: 1.0.0
Template: pro

*/


/*litespeed cache lazy load fade in*/
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{opacity: 0.1;}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	opacity: 1;}

/*BLOG INDEX*/

/*BLOG POST*/
.entry-title:before{content:none!important}
@media(min-width:1200px){
    .single-post .x-sidebar{z-index:0; margin-top:0px!important;}
}

/*CHILD LINKS*/
.od-child-links a, .od-related-services a{transition:all 0.2s;}
.od-child-links a:hover, .od-related-services a:hover{background:rgb(153,0,0); color:#fff; border-color:rgb(153,0,0)}
.od-child-links{text-align:center;}
.od-child-links a{width:180px; display:inline-block;border:1px solid; border-radius:4px; margin:3px; text-align:center;}
/*state link sizes on home page*/
@media(max-width:1200px){.od-state-page .od-child-links a{width:170px;}}
@media(max-width:979px){.od-state-page .od-child-links a{width:155px;}}
@media(max-width:768px){.od-state-page .od-child-links a{width:145px;}}
@media(max-width:480px){.od-state-page .od-child-links a{width:135px;}}
/*city link sizes on state pages*/
@media(max-width:1200px){.home .od-child-links a{width:135px;}}
@media(max-width:979px){.home .od-child-links a{width:125px;}}
@media(max-width:768px){.home .od-child-links a{width:120px;}}
@media(max-width:480px){.home .od-child-links a{width:110px;}}
.od-state-page{text-align:center; padding:2% 6% 5%;}


/*Wordpress Toolbar*/
html{margin-top:0!important}
#wpadminbar{opacity:0; transition:opacity 0.2s;}
#wpadminbar:hover {opacity:1}
.x-navbar, .x-sidebar{top:0!important}

/*PUBLISHED HTML PAGES FIXED*/
/*hide breadcrumbs for now?  try removing them properly after reactivating cloudflare*/
.x-breadcrumb-wrap{display:none}
.site{background-color:transparent!important;}
.x-section{margin:0; padding:0}


/*BODY CONTENT AREA*/
.page .entry-wrap > .x-container{max-width:none; width:100%;}
.page .entry-content {padding:0}

/*custom content container classes*/
.od-head-section{padding:10% 0 8%!important;}
@media(max-width:979px){.od-head-section{padding:7% 0 8%!important;}}
@media(max-width:768px){.od-head-section{padding:7% 0 15%!important;}}
.od-content-section{}
.od-content-section {background:#ddd;}
    /*future row of images below content cta?*/
    /*.od-images img{width:25%; margin:0!important; padding:0;}
    @media(max-width:979px){.od-images img{width:50%;}}*/
.od-related-services {background:#eee; text-align:center; padding-bottom:0!important;}
.od-related-services a {padding:13px 22px; background:transparent; margin:8px; display:inline-block; border:1px solid; font-size:110%; border-radius:4px;}
.od-zips {background:#eee; text-align:center; font-size:80%; padding-top:0!important; color:rgba(0,0,0,0.5)}
.od-zips h3 {margin-top:0; padding-top:30px;}
.od-google-map {}

.od-container {padding:6%;}
.od-container > div {max-width:1200px; margin:0 auto;}

/*CONTENT IMAGE*/
@media(min-width:661px){
.od-main-content img{float:right; margin:0 0 20px 20px; width:50%;}
}
.od-main-content img:last-child{vertical-align:top; float:left; margin-top:-500px;line-height:50; clear:both;}
@media(max-width:660px){
.od-main-content img{float:none; width:100%; display:block;}
}

/*TOP CTA*/
.od-topcta{font-size:150%; font-weight:700; color:rgba(0,0,0,1); text-align:center; background:rgba(255,255,255,0); border-radius:10px; padding:2% 5%; display:inline-block; margin:0 auto!important; float:none!important; text-shadow:-0.5px 1px 1px rgba(255,255,255,0.7)}
.od-topcta h2{margin-top:0; font-weight:700; color:#000;}
.od-topcta a{display:inline-block; margin:38px 8px; box-shadow: 0 2px 3px #000; transition:0s!important}
@media(max-width:797px){
.od-topcta a{display:block; margin:10px auto; max-width:300px;}
.od-topcta a:nth-child(3){margin:30px auto 10px!important;}
}
.x-bg-layer-upper-color{background:rgba(255,255,255,0.5)!important;}

/*CONTENT CTA*/
.od-cta{
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 );
background-color:#16a!important;
padding:120px 6%;

text-align:center; color:#fff; font-size:180%; font-weight:700; color:rgba(255,255,255,1); text-shadow:0 1px 2px #000;
}
.od-cta a{display:inline-block; margin:38px 8px; box-shadow: 0 2px 3px #000;}
@media(max-width:797px){
.od-cta a{display:block; margin:10px auto; max-width:300px;}
.od-cta a:nth-child(2){margin:30px auto 10px!important;}
}





/*DESKTOP MENU BAR*/
@media(min-width:980px){
.x-navbar{background:rgba(255,255,255,0.9); opacity:1; transition:opacity 0.3s, background 0.3s; box-shadow:0 0 8px #000;}
.x-navbar:hover{background:rgba(255,255,255,1); opacity:1;}
}
.x-navbar-inner{min-height:0!important;}
.x-navbar-inner > div {max-width:none!important; width:100%!important;}
.x-navbar .desktop .x-nav > li > a {height:auto!important}
.x-navbar-wrap{height:57px!important; margin-bottom:0!important;}
.x-brand.img{margin-top:0!important; padding:16px 0; line-height:25px; display:inline-block!important; max-width:300px; width:72%!important;margin-left:6%;max-height:57px!important;}
.x-brand img{max-width:300px; width:100%!important; vertical-align:middle; margin-top:-5px!important; }
.x-btn-navbar{padding:16px 6% 16px 16px; margin:0!important;}
.x-navbar, .x-sidebar, footer{border:0!important;}
/*DESKTOP MENU BUTTONS*/
.x-navbar .desktop li{box-shadow:0 0px #222 inset; transition:box-shadow 0.2s}
.x-navbar .desktop li:hover{box-shadow:0 5px #222 inset;}
.x-navbar .desktop li a {padding:20px 20px 21px!important; font-size:16px!important; opacity:0.7; font-weight:700!important; color:#222!important; transition:opacity 0.2s;}
.x-navbar .desktop li a:hover{opacity:1;}
.x-navbar .desktop li a span {padding:0!important; border:none!important;}
.x-navbar .desktop li.menu-quote a{color:#c00!important; box-shadow:0 0px #c00 inset;}
.x-navbar .desktop li.menu-quote:hover{box-shadow:0 5px #c00 inset;}

/*MOBILE MENU*/
.x-nav-wrap.mobile{background:#16a; box-shadow: 0 2px 5px rgba(0,0,0,0.8);}
.x-nav-wrap.mobile .x-nav{margin:0;}
.x-nav-wrap.mobile .x-nav a{margin:0!important; font-weight:700!important; color:#fff!important; font-size:16px!important; border:0!important; border-top:2px solid rgba(0,0,0,0.5)!important; padding-left:9%!important}
.x-nav-wrap.mobile .x-nav li:last-child a {border-bottom:2px solid rgba(0,0,0,0.5)!important;}
.x-nav-wrap.mobile .menu-quote{background:#c00;}



/*QUOTE FORM SIDEBAR*/
/*general quote sidebar stuff*/
HTML BODY .gform_wrapper{max-width:100%!important;}
HTML BODY .gform_wrapper .top_label .gfield, BODY .gform_wrapper .top_label LI.gsection.gf_scroll_text {
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    line-height:0 !important;
}
.quote {max-width:600px; margin: 0 auto!important;}
.quote h4, .quote h3{color:#fff; font-weight:700; text-shadow: 0 2px 8px #000,  0 2px 8px #000,  0 2px 8px #000; font-size:30px; margin: 10px 0;}
.quote .no-label LABEL, .gfield_required {
    display:none !important;
}
.quote LABEL {
    font-size:14px;
    color:#FFF;
}

.quote INPUT:not([type="submit"]), HTML BODY .quote SELECT, .quote TEXTAREA {
    border-radius:4px!important;
    width:100% !important;
    background:rgba(255,255,255, 0.95) !important;
    line-height:140% !important;
    border:1px solid rgba(0,0,0,0.9)!important;
    color:#000;
    box-shadow:0 1px 7px rgba(0,0,0,0.8) inset, 0 1px 0px rgba(0,0,0,0);
    margin:1px 0!important;
    font-size:17.5px!important;
    font-weight:bold;
    padding:3px!important;
    transition:all 0.3s;
}
.quote TEXTAREA {min-height:200px; padding:8px!important;}
.quote INPUT:not([type="submit"]):focus, .quote SELECT:focus, .quote TEXTAREA:focus {
    border-color:#c00!important;
    background:rgba(255,255,255, 1)!important;
    box-shadow:0 1px 0px rgba(0,0,0,0) inset, 0 1px 7px rgba(0,0,0,0.8);
}

BODY .gform_wrapper .gform_footer {
    margin-top:8px !important;
}


/*FORM DATE PICKER*/
.ui-datepicker{box-shadow: 0 2px 15px #000, 0 2px 15px #000}
.ui-datepicker-header{background:#555}
.ui-datepicker select {width:78px!important}
.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker-month option, .ui-datepicker-year option{font-weight:bold; font-size:14px; text-transform:uppercase;}
.ui-datepicker-calendar th{font-size:14px; padding:2px;}
.ui-datepicker-calendar td{font-size:16px!important;}
.ui-datepicker-calendar td .ui-state-active{width:105%!important; background:#fcc; border: 1px solid #c00; box-shadow: inset 0 0 10px rgba(200,0,0,0.4);}
.ui-datepicker{margin:0 auto!important} /*prevents weird 5px space at bottom of page*/

/*FORM FILE UPLOADER*/
.ginput_container_fileupload{
background:rgba(255,255,255,0.95);
    box-shadow: 0 1px 7px rgba(0,0,0,.8) inset,0 1px 0px rgba(0,0,0,0);
    border:1px solid rgba(0,0,0,.9) !important;
    border-radius:4px;
}
.gform_drop_area{
    margin:0!important;
    border:10px solid transparent!important;
    padding:50px 0 20px!important;
}
.gform_drop_area:after{
width:100%; height:100%;
    border:1px dashed rgba(0,0,0,0.5);
    border-radius:4px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    content:"";
}
.gform_drop_instructions{display:none;}
.gform_fileupload_multifile:before{
    display:block;
    content:"File Attachments";
    font-size:16px!important;
    font-family:fontawesome, saira, sans-serif;
    font-weight:bold;
	top:40px;
    position:absolute;
    width:100%;
    text-align:center;
    pointer-events:none!important;
}
.gform_drop_area:before{
    display:block;
    content:"DRAG & DROP FILES HERE";
    font-family:fontawesome, saira, sans-serif;
    color:#333;
    font-size:12px;
    margin:0px auto 20px;
    width:100%;
    text-align:center;
    pointer-events:none!important;
}
html .gform_body .gform_button_select_files{
    box-shadow:none!important;
    max-width:150px;
    text-shadow:none;
    font-weight:normal!important;
    font-size:12px!important;
    text-transform:uppercase;
    letter-spacing:-0.5px!important;
    background:rgba(255,255,255,0)!important;
    margin-bottom:0px!important;
}
html .gform_body .gform_button_select_files:hover,html .gform_body .gform_button_select_files:focus{
    background:rgba(17,102,170,0.3)!important;
    border-color:#000!important;
}

.quote-file-attach .ginput_preview{
    margin:5px 5px 0;
    padding:5px 5px 6px;
    border-radius:15px;
    background:rgba(255,255,255,0.7);
    font-size:12px!important;
    line-height:11px!important;
    vertical-align:bottom;
    text-indent:-18px;
    padding-left:25px;
}


/*QUOTE FORM ERRORS*/
.ginput_container, .gfield_error {margin:0!important;}
.gform_wrapper .top_label .gfield_error .ginput_container, .gform_wrapper .top_label .gfield_error{max-width:100%!important; width:100%!important;}
.gform_wrapper .validation_error{font-size:14px!important; color:#fff!important; background:rgba(255,0,0,0.6); font-weight:300!important;width:100%!important; padding:7px!important; margin-bottom:0px!important; display:none;}
html body .gform_wrapper li .gfield_description.validation_message{font-size:14px!important; color:#fff!important; background:rgba(255,0,0,0.6); font-weight:300!important;width:100%!important; padding-left:3px!important; margin:0px!important; margin-top:-1px!important; text-indent:5px!important; border-radius:4px; max-width:100%!important;}


/*QUOTE FORM AJAX SPINNER*/
.gform_ajax_spinner{margin:0 auto; display:block; margin-top:-44px; position: absolute!important; left:0; right:130px;}
.gform_ajax_spinner{
	border: 4px solid rgba(255, 255, 255, 0.5);	/* match with border-left */
	border-left: 4px solid rgba(255, 255, 255, 1);
	animation: 
        OpenSpinner 300ms ease-out,
        Spinner 1.1s linear 300ms infinite;
	border-radius: 50%;	width: 30px; height: 30px;
}
@keyframes 	OpenSpinner {
    from {transform: scale(0);} 
    to {transform: scale(1);}
}
@keyframes 	Spinner {
    from {transform: rotate(0deg);} 
    to {transform: rotate(-360deg);}
}

/*FORM PLACEHOLDER TEXT COLOR*/
::-webkit-input-placeholder {color:#048 !important;opacity:1 !important;}
::-moz-placeholder {color:#048 !important;opacity:1 !important;}
:-ms-input-placeholder {color:#048 !important;opacity:1 !important;}
:-moz-placeholder {color:#048 !important;opacity:1 !important;}


/*SIDEBAR*/
.x-sidebar{background:url(/img/demolition-cost-estimate-bg.jpg); background-position:-6px; opacity:1; text-align:center; background-attachment:local;}
@media(min-width:1200px){.x-sidebar{box-shadow:inset 0 -2px 5px #aaf;}}
.x-sidebar > div {padding:5% 5% 80px!important;}

/*SIDEBAR RAIL*/
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking{
    background:transparent!important;}
.ps__thumb-x, .ps__thumb-y{background-color:rgba(255,255,255,0.6)!important;}
.ps__rail-y{padding:0!important;}

/*FIXED PHONE*/
/*desktop fixed phone*/
.fixed-phone a{z-index:1033!important; border-radius:0!important;}
i.x-icon-phone:before{content:"\f095"}
@media(min-width:1200px){
    .x-sidebar{z-index:0; margin-top:57px;}
    .fixed-phone a{background:#c00; width:300px; height:57px; position:fixed!important; top:0; right:0; box-shadow:0 0px 8px rgba(0,0,0,1); transition:all 0s; font-size:28px; font-weight:700; padding:9px 5px; transition:background 0.2s;}
    .fixed-phone i:before{}
}
/*mobile fixed phone*/
@media(max-width:1199px){
.fixed-phone a{transition:none; position:fixed!important; bottom:0; left:0; background-color:transparent!important; border-right-color:transparent!important; border-top-color:transparent!important; border-radius:0; border-width:40px!important; padding:0; opacity:0.9; text-shadow:1px 1px 4px #000,1px 0px 2px #000,-1px 0px 1px #000!important}
.fixed-phone div {position:absolute; bottom:-9px!important; left:-9px!important;}
.fixed-phone i {color:#fff; position:absolute; left:-25px; bottom:-29px; font-size:28px; transform:rotate(90deg)}
.fixed-phone .desktop-fixed-phone{display:none;}
.fixed-phone .mobile-fixed-phone{position: absolute; font-size:12px; transform:rotate(45deg); width:80px; left:-38px; bottom:-6px; color:rgba(0,0,0,0.8)}
.fixed-phone span:after{content:"TAP TO CALL"; color:#fff; font-weight:300;}
}

/*BUTTONS*/
.x-btn, .quote input[type="submit"]{font-weight:700; border-radius:4px;}
/*submit button*/
.quote input[type="submit"]{text-transform:uppercase; width:100%!important; font-size:20px!important; box-shadow:0 2px 5px rgba(0,0,0,1); margin:0 auto!important; display:block!important; outline:none!important;}
.quote input[type="submit"]:focus{background:rgb(153,0,0); border-color: rgb(153,0,0)}
.gform_wrapper.gf_browser_ie .gform_footer input.button{padding:12px 22px 17px!important;} /*for submit button on IE*/












/*FOOTER*/
.x-colophon.top {background:#222;}
.x-colophon.top a {font-size:95%; color:rgba(255,255,255,0.5); display:inline-block; transition: color 0.2s;}
.x-colophon.top a:hover{color:rgba(255,255,255,1);}
.x-colophon.top .x-column {margin-right:20px;}
.x-colophon.top .x-column:last-child {margin-right:0}
.x-colophon.top .x-column:nth-child(1){width:250px; float:left; text-align:left;}
.x-colophon.top .x-column:nth-child(1) img{max-width:250px; width:100%;}
.x-colophon.top .x-column:nth-child(2){width:calc(100% - 400px); text-align:center;}
.x-colophon.top .x-column:nth-child(2) a{margin-right:6px;}
.x-colophon.top .x-column:nth-child(2) a:before{content:"|"; color:rgba(255,255,255,0.2); margin-right:6px;}
.x-colophon.top .x-column:nth-child(2) a:first-child:before{content:"";}
.x-colophon.top .x-column:nth-child(2) a:last-child{margin-right:0px}
.x-colophon.top .x-column:nth-child(3){width:110px; float:right;}
.x-colophon.top .x-column:nth-child(3) a{padding:0 12px; vertical-align:top; margin-top:-5px;}



@media(max-width:979px){
    .x-colophon.top .x-column{width:100%!important; float:none!important; text-align:center!important;}
    .x-colophon.top .widget{margin:30px 0!important}
    .x-colophon.top .x-column:nth-child(3) a{padding:0 15px; font-size:16px;}
}

/*DEFAULTS*/
/*Site Transparetn BG*/
.site{background:transparent!important;}
/*Page is never shorter than screen so you don't see space below footer*/
@media(min-width:769px) and (max-width:){}
.x-main.full{min-height:calc(100vh - 11.2vw);}

/*Responsive Headings*/
H1, .h1 {font-size:280%;}
H2, .h2 {font-size:231%;}
H3, .h3 {font-size:181%;}
H4, .h4, .h-widget {font-size:145%;}
H5, .h5, BLOCKQUOTE {font-size:118%;}
H6, .h6 {font-size:100%;}
@media(max-width:767px) {
    H1, .h1 {font-size:240%;}
    H2, .h2, .h-landmark, .entry-title.h-landmark {font-size:202%;}
    H3, .h3 {font-size:163%;}
    H4, .h4, .h-widget {font-size:135%;}
    H5, .h5, BLOCKQUOTE {font-size:114%;}
    H6, .h6 {font-size:100%;}
}
@media(max-width:480px) {
    H1, .h1 {font-size:200%;}
    H2, .h2, .h-landmark, .entry-title.h-landmark {font-size:173%;}
    H3, .h3 {font-size:145%;}
    H4, .h4, .h-widget {font-size:125%;}
    H5, .h5, BLOCKQUOTE {font-size:110%;}
    H6, .h6 {font-size:100%;}
}