/*
Theme Name:     Marquee Contracting
Description:    A custom theme for Marquee Contracting
Author:         Marquee Contracting
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

body {color: #353535;font-family: "Nunito Sans", Arial, sans-serif;font-size: 16px;font-weight: 400; line-height: 1.5em;}
#main-content {background-color: transparent;}

h1, h2, h3, h4, h5 {font-weight:800;}
h1, h2, h3 {color:#ffffff;}
.error404 h1 {padding-bottom: 0.5em;}
.single-post .entry-title, h1, h2 {font-size: 2.5em;}
h2 {padding-bottom: 25px;}
.gform_wrapper h2.gsection_title {font-weight: 800!important;color: #334beb;margin-top: 0.5em!important;}
.entry-title, h3 {font-size: 1.8em;line-height: 1.3em;}
h4, .footer-widget h4 {color: #334BEB; text-transform:uppercase;letter-spacing: 1px;font-size: 1.2em;}
.footer-widget h4 {padding-bottom: 0.8em;}
.contact-social-icons h4 {padding: 1em 0;}
h5 {font-size:1.25em;padding-bottom: 1em;}


.blue-bcg {background-color: #334BEB;}
.red-bcg {background-color: #E73636;}
.white-bcg {background-color: #ffffff;}
.grey-bcg, body {background-color: #F3F2F2;}

a, .entry-title, .blue {color: #334BEB;}
.error404 h1, .post-meta, #left-area .post-meta a, .red {color: #E73636;}
.dark-red {color: #C70000;}
a, .post-meta, .blue, .red, .large-text, .bold {font-weight:800;}

.large-text {font-size:1.25em;line-height: 1.4em;}
.center-text {text-align:center;}
.et_pb_post, .box-shadow {-webkit-box-shadow: 0px 6px 20px -8px rgba(168,168,168,1);
-moz-box-shadow: 0px 6px 20px -8px rgba(168,168,168,1);
box-shadow: 0px 6px 20px -8px rgba(168,168,168,1);}


/*ALL SECTIONS*/

/*images*/
.et_pb_main_blurb_image img, .icon-image img {max-width:8em;}
.small-icon-image {max-width: 3em;padding-top: 1em;float:left;}
.round-icon-image {max-width: 6em;max-height: 6em;background-color: #E73636;padding: 20px;border-radius: 50%;-webkit-border-radius:50%; -moz-border-radius:50%;margin-top: -50px;position: relative;}

/*arrow section*/
.red-section-row {border-top:solid 3px #E73636;padding-top: 4em!important;}
.red-section {padding:2em;margin-bottom:0!important;}
.red-section-2 {padding:2em;border-radius:10px;}
.triangle-top {position:relative;}
.triangle-top::before {content:'';position:absolute;bottom:-20px;left:50%;margin-left:-20px;
width:40px;height:40px;background-color:#E73636;z-index:1;transform:rotate(45deg);}

/*white section*/
.white-section {padding:3em 4em;}

/*plain section*/
.plain-section {padding:24px 3.5em;}

/*blue section*/
.blue-section-row, .blue-section-row.et_pb_row {padding-bottom:0;border-bottom:solid 3px #334BEB;margin-bottom: 2em;}
.blue-section-row .et_pb_column {text-align: center;}
.blue-section {padding:1.5em 2.5em 1em;display:inline-block;border-bottom:solid 3px #334BEB;}

/*tile section*/
.no-padding, .no-padding.et_pb_row, .no-padding.et_pb_section {padding:0;}
.title-section, .title-section.et_pb_section {padding:0;margin-top: -3.5em;}
.tile-row .et_pb_column {position:relative;}
.tile-row .et_pb_text {padding:6.5em 4.5em;}
.all-padding .et_pb_column {position:relative;}
.all-padding {padding:4.5em!important;}
.table-container {display: table;height: 100%;width:100%;}
.table-container .table-inner {display: table-cell;vertical-align: middle;}

/*red border sections*/
.red-borders-bottom, .red-borders-top  {border: solid 3px #E73636;}
.red-borders-bottom .et_pb_container {padding:1.5em;}
.red-borders-top .large-text:before {font-family: "ETmodules" !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;speak: none;position: relative;content: "\e090";color: #F4BA48;font-size: 2.5em;}
.red-borders-top .large-text.icon-holder {padding-top: 5px;}

.extra-vertical-padding {padding:3em 0!important;}
.extra-bottom-padding {padding-bottom:2em;}
.extra-top-padding {padding-top:1em;}

.blurb-sections {padding-bottom:2.5em;}

.round-corners-top {border-radius: 10px 10px 0 0;-webkit-border-radius:  10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;}
.round-corners-bottom {border-radius: 0 0 10px 10px;-webkit-border-radius:  0 0 10px 10px;-moz-border-radius:  0 0 10px 10px;}

/*contact blurbs*/
.et_pb_blurb_content {max-width: 100%;}
.et_pb_blurb_position_left {margin-bottom:2em!important;}
.et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon {color: #ffffff!important; font-size: 25px;}
.et_pb_blurb_container p {font-weight:800;}
.et_pb_blurb_container p a {color: #ffffff;}
.entry-content ul {padding: 0;}
.contact-social-icons {margin-top:0.5em}
.contact-social-icons li {display: inline-block;margin-right: 15px;}
.contact-social-icons a {color: #334beb;background-color: #ffffff;border-radius: 50%;padding: 10px;line-height: 0;transition: color 300ms ease 0s;}

/*TESTIMONIALS*/
/*.testimonial-text {color: #353535;}*/
.et_pb_slide {padding: 0;}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding: 1.5% 8% 4%;}
.et_pb_slide_content {color: #353535;}
.et-pb-active-slide .et_pb_slide_description {animation-name: fadeInRight;}
.et-pb-controllers .et-pb-active-control {background-color: #353535 !important;}

/*GRAVITY FORMS*/
.gform_wrapper .gsection {border-bottom: 3px solid #e73636;}
.gform_wrapper .top_label .gsection_description {margin-top: 6px;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 8px 4px 6px}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {border: 1px solid #f3f3f3;background-color: #f3f2f2;}
.pum-trigger {text-decoration:underline;font-weight:800;color: #334BEB;}
.pum-theme-851 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {font-weight: 800;}
.terms {margin:2em 0;}
.terms ol {counter-reset: item;}
.terms li {display: block;margin: 1em 0;}
.terms li:before {content: counters(item, ".") ". "; counter-increment: item;}
.terms ol li ol li > ol {margin: 1em 2.5em;}
/*.terms ol li {padding: 3px 0;}
.terms ol li ol li > ol {padding: 5px 0 5px 25px;}*/
.terms table {margin: 1.5em;}
.terms th, .terms td {border: solid 1px #F3F2F2;padding: 5px 10px;}
.gdpr-link {text-decoration:underline;}

/*MAP*/
.gm-bundled-control-on-bottom {display:none;}

/*NEWS*/
.et_pb_post {background-color: #ffffff;padding: 3em 2em;margin-bottom: 0;border-bottom: solid 1px #f3f2f2;}
.et_pb_post a img, .single .et_pb_post img {border: solid 1px #f3f2f2;}
.et_pb_posts a.more-link {margin-top: 15px;display: inline-block;}
.single .et_pb_post {margin-bottom: 4em;}


/*TRUCK ANIMATION*/
.truck-animation-section {background: url("https://www.marqueecontracting.co.uk/wp-content/uploads/2017/08/barrier-icon.svg") no-repeat right bottom;background-size: 10em;right: 40px;}
.truck-animation {width:25em;max-width: 25em;margin-left:40px; position: relative;
    -webkit-animation: truck 3s infinite alternate;
    animation: truck 3s infinite alternate; 
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

/*BUTTON*/
.et_pb_button {padding:0.8em 5.2em 0.8em 2em;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:#E73636;font-size: 0.9em;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;color: #ffffff!important;}
.marquee-button:after {top: 0;margin-left: 1.6em;opacity: 1;font-weight: 800;background-color: #C70000;padding: 0.3em 0.6em 0.16em;}
.et_pb_button:hover {padding: 0.8em 5.2em 0.8em 2em!important;border:0!important;background:#d42f2f!important;}
.et_pb_button:hover:after {margin-left: 1.6em!important;background:#a50101;}

.blue-button {display: block;background-color: #334BEB;padding:0.8em 2em;position: absolute;bottom: 0;width: 100%;}
.marquee-blue-button:after {top: 0;margin-left: 1.6em;right: 0; opacity: 1;font-weight: 800;background-color: #2538B2;padding: 0.4em 0.6em 0.26em;}
.blue-button:hover {background-color: #293ecc!important;padding:0.8em 2em!important;}
.marquee-blue-button:hover:after {margin-left: 1.6em!important;background:#23349e!important;}

.custom-blue-button .one_third, .custom-blue-button .one_half {
  background-color: #f4ba48;padding:1.5em 2.5em;display: block;
  -webkit-box-shadow: 0px 6px 10px -8px rgb(64, 62, 62);
  -moz-box-shadow: 0px 6px 10px -8px rgb(64, 62, 62);
  box-shadow: 0px 6px 10px -8px rgb(64, 62, 62);
}
.custom-blue-button a {font-size: 0.9em;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;color: #2538b2!important;}
.custom-blue-button .one_third:hover, .custom-blue-button .one_half:hover {background-color: #21329e;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.custom-blue-button a .one_third:hover, .custom-blue-button a .one_half:hover {color: #f4ba48!important;}


.et_pb_posts a.more-link, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {padding:0.8em 2em;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:#E73636;font-size: 0.9em;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;color: #ffffff;}
.et_pb_posts a.more-link:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {background-color:#d42f2f;}


/*HEADER*/
/*top header bar */
#top-header {background-color: #334BEB;font-size: 13px;}
#top-header #et-info {width: 100%;font-weight:700;}
#top-header .et-social-icons {float: right!important;}
#top-header .et-social-icon a {font-size: 16px;}

/*primary nav bar*/
#main-header {border: solid 3px #E73636;border-top: none;border-radius: 0 0 1em 1em;-webkit-border-radius:  0 0 1em 1em;-moz-border-radius:  0 0 1em 1em;}
#top-menu li {font-size: 13px;letter-spacing: 1px;text-transform:uppercase;font-weight:800;}
#top-menu a, #top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a {color: #353535;}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {top: 42px;}
.nav li ul {border-top: 3px solid #e73636;width: 233px;}
#top-menu li li {padding: 0 15px;}
.nav ul li a:hover, .et_mobile_menu li a:hover {opacity: 0.7;background-color: rgba(0, 0, 0, 0);}

/*Header Mobile Menu -----------------------*/
#main-header {padding-bottom:0 !important;}
#main-header .et_mobile_menu {background-color: #ffffff;}
#main-header .mobile_nav {border-radius:0 !important;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#main-header .mobile_menu_bar {top:12px;right:-8px;}
#main-header .mobile_nav.opened .mobile_menu_bar::before {content:'\4d';}
#main-header .mobile_nav, #main-header ul.et_mobile_menu {padding-left:12.5% !important;padding-right:12.5% !important;width:125%;margin-left:-12.5%;border-top:none;margin-top: 3px;}
#main-header ul.et_mobile_menu::before {content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(rgba(0,0,0,.1),transparent);}
#main-header ul.et_mobile_menu > li > a {padding:0;line-height:50px;}
#main-header ul.et_mobile_menu > li:last-child > a {border-bottom:none;}
#main-header ul.et_mobile_menu > li > a:hover, .et_mobile_menu .menu-item-has-children > a {background-color:transparent;}
.et_mobile_menu .menu-item-has-children > a {font-weight:800;}
.et_mobile_menu li a {text-transform:uppercase; border-bottom-width: 0;color: #353535;}


/*FOOTER*/
#main-footer .container {max-width: 100%;}
#main-footer {background-color: #ffffff;border-top: solid #334beb 3em;}
.footer-widget, #footer-widgets .footer-widget li a {color: #000000;line-height: 1.8em;font-weight:400;}
#footer-widgets .footer-widget li a:hover {color: #000000;}
#footer-widgets .footer-widget li {padding-left: 0;}
.et_pb_widget ul li {margin-bottom: 0;}
#footer-widgets .footer-widget li:before {border-width: 0;}
#footer-bottom {background-color: #E73636; color: #ffffff;}
#footer-bottom, #footer-bottom a {color: #ffffff;font-weight:700;}

.accreditations {text-align: center;border-top: solid 1px #f3f2f2;}
.accreditations img {height:100px;width:auto;margin:0 2em;}

/*mobile*/

@media (max-width: 419px) {
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_two_panels #main-header, body.et_fixed_nav.et_secondary_nav_two_panels #main-header {top: 58px;}
#top-header #et-info {line-height: 1.5em;}
#et-info-phone {margin-left: 13px;}
.video-section {margin-top: 3em;}
}

@media (min-width: 420px) and (max-width: 980px) {
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_two_panels #main-header, body.et_fixed_nav.et_secondary_nav_two_panels #main-header {top: 35px;}
.video-section {margin-top: 2em;}
}

@media (max-width: 460px) {
.form-title {font-size: 1.5em;line-height: 1.3em;}
.et_pb_row, .single-post #main-content .container {width: 95%;}
.red-borders-bottom .et_pb_container {padding-left: 0;padding-right: 0;}
.red-section, .white-section, .plain-section, .et_pb_post {padding-left: 25px;padding-right: 25px;}
.all-padding {padding-left: 35px!important;padding-right: 35px!important;}
}

@media (min-width: 480px) and (max-width: 980px) {
.footer-section .extra-footer-padding {margin-bottom:30px}
}

@media (max-width: 767px) {
.single-post .entry-title, h1, h2 {font-size: 2em;line-height: 1.2em;}
h3 {font-size: 1.3em;}
.tile-row .et_pb_text {padding: 4.5em 2.5em;}
}

@media only screen and (max-width: 980px) {
.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {width: 100% !important;}

.et_pb_blurb h4 {padding-bottom: 1.5em;}

#main-header .mobile_menu_bar {top: 0;}
.mobile_menu_bar:before {color:#334BEB;}

.no-padding .et_pb_column {margin-bottom:0;}
.red-borders-top .et_pb_column_11 {border-top: solid 3px #E73636;}
.et_pb_column {margin-bottom:0;}
.tile-4-padding {padding: 10%;}
.red-borders-top .large-text:before {font-size: 1em;margin-right: 10px;top: 2px;}
.custom-blue-button {padding: 0 2em;}
.single .post {padding-bottom: 3.5em;}

#footer-bottom {padding: 25px 0;}
#footer-bottom .container {text-align:center;}

.error404 #content-area {margin-bottom: 3.5em;}

@-webkit-keyframes truck {
    from {left: 20px;}
    to {left: 30%;}
}
@keyframes truck {
    from {left: 20px;}
    to {left: 30%;}
}
	
}

/*desktop*/
@media only screen and (min-width: 981px) {

  .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, 
  .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container, .contain-row {max-width: 860px;}
  .et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {width: 100% !important;max-width: 100% !important;}

  .et_pb_blurb h4 {padding-bottom: 0;}

  /*primary nav bar*/
  #top-header #et-info {padding:0.3em 0 0.9em;}
  body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {top: 40px;}
  .et_fullwidth_nav #main-header .container {padding-right: 0;}
  .et_pb_svg_logo #logo {height:60%;max-height: 60%;}
  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 0;}
  .et_header_style_left #et-top-navigation nav > ul > li > a {padding-top: 43px;padding-bottom: 38px;}
  .portal-login {background-color: #E73636;border-radius:0 0 1em 0;}
  .portal-login a {color:#ffffff!important;padding-right: 30px;padding-left: 30px;}

  /*sections*/
  .tile-row .et_pb_text {position: absolute;bottom: 0;}
  .tile-row .et_pb_column:first-child .et_pb_text {right:0;text-align:right;}
  .tile-4-padding {padding: 5% 10%;}

  .red-borders-top .et_pb_column_10 {border-right: solid 2px #E73636;}
  .red-borders-top .et_pb_column_11 {border-left: solid 1px #E73636;}
  .red-borders-top .et_pb_column_1_2 {width: 50%!important;}
  .red-borders-top .et_pb_column {margin-right: 0!important;}

  .red-borders-top .large-text:before {font-size: 2.5em;top:30px;margin-right:12px;}
  .red-borders-top .large-text.icon-holder {position:relative;padding-left:30%;text-align:left;}
  .red-borders-top .large-text.icon-holder span {display: inline-block;}
  .red-borders-top .large-text.icon-holder::before {position:absolute;display:block;left:10%;top:50%;margin-top:-14px;}

  /*buttons*/
  .custom-blue-button .one_half, .custom-blue-button .one_third {margin: 1.1% 0 1.1% 3%;}
  .custom-blue-button .one_third {width: 29.33%;}
  .custom-blue-button .one_half {width: 45.5%;}

  /*news*/
  .et_pb_post a img {max-width: 50%;float: left;margin-right: 35px;}
  .et_pb_post h2 {margin-top: 0;}
  .entry-title {padding-bottom: 15px;}
  .et_pb_posts a.more-link {clear: none;}
  .single .post {padding: 4em;}

/*404 error page*/
.error404 .et_right_sidebar #main-content .container:before {right: 0;}
.error404 #content-area {margin-top:2em;margin-bottom: 5em;}
.error404 #main-content .container:before {width: 0;}
.error404 #left-area {width: 100%;text-align:center;padding: 4em;background-color:#ffffff;}


  @-webkit-keyframes truck {
    from {left: 20px;}
    to {left: 40%;}
  }
  @keyframes truck {
    from {left: 20px;}
    to {left: 40%;}
  }

}

/*@media only screen and (min-width: 1000px) {

@-webkit-keyframes truck {
    from {left: 20px;}
    to {left: 50%;}
}
@keyframes truck {
    from {left: 20px;}
    to {left: 50%;}
}

}*/

@media only screen and (max-width: 1199px) {
  .video-section {padding:15em 0;}
}

@media only screen and (min-width: 1200px) {
  .video-section, .video-section.et_pb_fullwidth_section {padding:40em 0;}
}

@media only screen and (min-width: 1400px) {
  @-webkit-keyframes truck {
    from {left: 20px;}
    to {left: 55%;}
  }
  @keyframes truck {
    from {left: 20px;}
    to {left: 55%;}
  }
}