/*
Theme Name: TMR Roof & Wall Coatings
Theme URI: https://www.tmroofing.co.uk/
Description: Bespoke Theme built using Bootstrap 3 for TMR Roof & Wall Coatings
Author: Elms Creative
Author URI: http://www.elmscreative.com/
Version: 1.0
*/

/* ==========================================================================
   Elements
   ========================================================================== */

    html, body { height:100%; }
    html { overflow:auto; background:#fff; }
    body { padding:0; font-size:16px; font-family:'Roboto Slab', Arial, Helvetica, sans-serif; color:#5A5A5A; -webkit-font-smoothing:antialiased; background:none; }

    h1, h2, h3, h4, h5 { margin:0 0 10px; padding:0; color:#5A5A5A; text-transform:none; font-family:'Roboto Slab', Arial, Helvetica, sans-serif !important; font-weight:800; }

    hr { width:100%; height:1px; padding:0; margin:0 auto; border-top:#CECECE 1px solid; border-bottom:none; border-left:none; border-right:none; }

    p { margin:0 0 1.6em; line-height:1.5; }
    span { color:#BCD500; }
    span.required { color:#E5090D; }
    small { font-size:0.9em; }
    blockquote { padding:10px 0; border-left:none; text-align:justify; }
    blockquote > svg { float:left; margin:0 22px 3px 0; font-size:42px; }
    blockquote > p { font-size:15px; }
    i { color:inherit; }
    address { margin-bottom:10px; }
    strong { font-weight:700; }

    form { width:100%; height:auto; position:relative; margin:0; padding:0; display:block; overflow:hidden; }
    label { margin:1rem auto; padding:0; font-size:1em; display:block; text-align:left; clear:both; }
    input[type=text], input[type=url], input[type=email], input[type=tel], textarea { width:100%; padding:10px; margin:0 auto 12px; color:#202020; font-size:1em; background:#EFF2F7; border:#CECECE 1px solid; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-family:'Roboto Slab', Arial, Helvetica, sans-serif !important; }
    input[type=checkbox] { margin:0; }
    input[type=file] { margin: 0; width: 100%; padding:10px; font-size:1em; color: #2a2a2a; }
    select { width:100%; padding:10px; color:#202020; font-size:1em; font-family:'Roboto Slab', Arial, Helvetica, sans-serif !important; height:auto; -webkit-appearance:none; box-shadow: none !important; background:#EFF2F7; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:#CECECE 1px solid; }
    textarea { width:100%; min-height:120px; max-height:120px; padding:10px; margin:0 auto 10px; font-size:1em; background:#EFF2F7; border:#CECECE 1px solid; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-family:'Roboto Slab', Arial, Helvetica, sans-serif !important; }

    .form-control { padding:6px; }

    input[type=submit], button { width:auto; font-size:1.6rem; padding:14px 30px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#1a8b36; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:#1a8b36 0px solid; -moz-transition:color 0s linear 0s; -webkit-transition:color 0s linear 0s; -o-transition:color 0s linear 0s; transition:color 0s linear 0s; }
    input[type=submit]:hover, button:hover { color:#fff !important; text-decoration:none; background:#BCD500; text-decoration:none; }
    .btn { width:auto; font-size:1.6rem; padding:14px 30px; text-decoration:none; display:inline-block; font-weight:700; color:#fff !important; text-align:center; background:#1a8b36; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:#1a8b36 0px solid; -moz-transition:color 0s linear 0s; -webkit-transition:color 0s linear 0s; -o-transition:color 0s linear 0s; transition:color 0s linear 0s; }
    .btn:hover { color:#fff !important; text-decoration:none; background:#BCD500; text-decoration:none; }

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

    .padded { padding:6px 12px; }
    .no-padding { padding:0 !important; }
    .no-margin { margin:0; }
    .no-bullets { list-style:none; }

    .gap-ext2 { display:block; position:relative; margin:60px 0; clear:both; overflow:hidden; }
    .gap-ext { display:block; position:relative; margin:30px 0; clear:both; overflow:hidden; }
    .gap { display:block; position:relative; margin:15px 0; clear:both; overflow:hidden; }
    .gap-mini { display:block; position:relative; margin:8px 0; clear:both; overflow:hidden; }
    .gap-very-mini { display:block; position:relative; margin:4px 0; clear:both; overflow:hidden; }

/* ==========================================================================
   Structure
   ========================================================================== */

    #wrap { min-height:100%; height:auto; margin:0 auto -203px; padding:0 0 203px; overflow:hidden; }

    header { width:100%; height:auto; padding:5px 0; position:relative; z-index:35; }
    header .logo { max-width:400px; margin:5px 0; }
    header a[href^=tel] { color:#1a8b36; text-decoration:none; }
    header a[href^=tel]:hover { color:#BCD500; text-decoration:none; }
    nav#pri { padding:8px 0; position:relative; z-index:35; background:#1a8b36; border-bottom:#BCD500 2px solid; -webkit-box-shadow:0 2px 5px 0 rgba(50, 50, 50, 0.25); -moz-box-shadow:0 2px 5px 0 rgba(50, 50, 50, 0.25); box-shadow:0 2px 5px 0 rgba(50, 50, 50, 0.25); }

    main#content { position:relative; z-index:30; }
    section#hero { margin:0 auto; position:relative; z-index:25; background:#f9f9f9 url('img/hero-bg.jpg') center no-repeat; background-size:cover; }
    section#hero .container { position:relative; z-index:10; }
    section#hero.homepage .inner { padding:160px 0 260px; }
    section#hero .inner { padding:120px 0; }
    section#hero .inner h1 { margin:0; color:#fff; font-size:40px; text-align:left; text-transform:capitalize; }
    section#hero .inner p { margin:0; color:#fff; font-size:22px; text-align:left; }
    section#hero .overlay { width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:rgba(0, 0, 0, 0.15); }

    body.single section#hero { margin:0 auto; position:relative; z-index:25; background:#f9f9f9 url('img/hero-single-bg.jpg') center no-repeat; background-size:cover; }
    body.single section#hero .inner h1 { margin:0; color:#fff; font-size:40px; text-align:center; text-transform:capitalize; }


    footer { width:100%; height:auto; margin:0 auto; padding:0; position:relative; background:#1a8b36; } 
    footer p { margin:0 auto; color:#fff; }
    footer .logo-alt { max-width:330px; padding:0 16px 0 0; background:#1a8b36; }
    footer address { margin:0; color:#fff; font-size:14px; }
    footer hr { border-top:#808DA2 1px solid; }
    footer a:active, footer a:visited, footer a:link { color:#fff; }
    footer a:hover { color:#ccc; }
    footer a[href^=tel] { text-decoration:underline; }
    footer a[href^=tel]:hover { color:#ccc; }

    footer #sitemap { padding:45px 0 25px; }
    footer #sitemap p { font-size:14px; }
    footer #powered { padding:10px 0; background:url('img/footer-bg.jpg') top center repeat-y; }
    footer #powered p { font-size:1.25rem; }
    footer #powered a:active, footer #powered a:visited, footer #powered a:link { text-decoration:none; }
    footer #powered a:hover { color:#151515; text-decoration:underline; }
    footer #powered a[href^=tel] { text-decoration:none; }
    footer #powered a[href^=tel]:hover { color:#151515; text-decoration:underline; }

    .footer-corner-bg { width:62px; height:39px; position:absolute; top:-10px; right:0; }
    .footer-sitemap-bg { background:url('img/footer-sitemap-bg.jpg') top center no-repeat; }
    .office-details { margin:15px auto 0; text-align:center; font-size:1.5rem !important; }

/* ==========================================================================
   Links and Navigation
   ========================================================================== */

    nav#pri.affix + .empty { padding-top:38px; }
    nav#pri.affix { width:100%; position:fixed; top:0; left:0; z-index:999; background:#1a8b36; -webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); }
    nav#pri.affix .logo { float:none; max-width:180px; margin:0; display:block; transition:all .6s ease; }
    nav#pri.affix #primary { float:none; margin:0; transition: all .6s ease; }
    nav#pri.affix #primary > li > a { font-size:1.35rem; transition: all .6s ease; }

    a { font-weight:600; text-decoration:underline; -moz-transition:color 0.1s linear 0.1s; -webkit-transition:color 0.1s linear 0.1s; -o-transition:color 0.1s linear 0.1s; transition:color 0.1s linear 0.1s; }
    a:hover { text-decoration:none; }
    a:active, a:visited, a:link { color:#5A5A5A; }
    a:hover { color:#BCD500; }
    a[href^=tel] { color:#5A5A5A; text-decoration:none; }
    a[href^=tel]:hover { color:#BCD500; text-decoration:none; }
    a.nostyle { text-decoration:none; color:inherit; }

    .navbar-collapse { padding:0 !important; }
    .navbar-toggle { float:right; width:42px !important; position:relative; padding:5px 10px 10px; margin:12px auto !important; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); text-shadow:none; border:0px solid #9c9c9c; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:none; }
    .navbar-toggle:hover { border:0px solid #1a8b36 !important; background:none; }
    .navbar-toggle span { color:#BCD500 !important; }
    .navbar-toggle span.icon-bar { width:100%; background:#BCD500 !important; }
    .navbar-toggle:hover span { color:#1a8b36 !important; }
    .navbar-toggle:hover span.icon-bar { background:#1a8b36 !important; }
    .navbar-toggle .icon-bar { height:1px; margin-top:4px; }

    #primary { float:none; width:auto; height:auto; margin:2px auto; padding:0; position:relative; list-style:none; text-align:center; }
    #primary > li { float:none; width:auto; height:auto; margin:0; padding:0 14px; display:inline-block; border-right:#fff 1px solid; }
    #primary > li:last-child { border:none; }
    #primary > li > a { margin:0 10px; padding:0; color:#fff; font-size:1.65rem; font-family:'Roboto Slab', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:700; line-height:1.2; text-align:left; text-decoration:none; }
    #primary > li > a > svg { font-size:2rem; color:#ccc; position:relative; top:2px; }
    #primary > li > a:hover { color:#ccc; }

    #secondary { float:none; width:auto; height:auto; margin:0 auto; padding:0; position:relative; list-style:none; text-align:right; }
    #secondary > li { float:none; width:100%; height:auto; margin:0; padding:2px 0; display:block; }
    #secondary > li > a { margin:0; padding:0; color:#fff; font-size:14px; font-family:'Roboto Slab', Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:normal; line-height:1.2; text-align:left; text-decoration:none; }
    #secondary > li > a > svg { font-size:2rem; color:#ccc; position:relative; top:2px; }
    #secondary > li > a:hover { color:#ccc; }

    #footer { float:right; width:auto; height:auto; margin:12px 0 0; padding:0 0 0 12px; list-style:none; text-align:right; background:#1a8b36; }
    #footer li { float:none; width:auto; height:auto; margin:0; padding:0; display:inline-block; position:relative; }
    #footer li a { margin:0px; padding:0 14px; display:block; color:#fff; font-weight:bold; font-size:1em; text-align:center; text-transform:capitalize; text-decoration:none; }
    #footer li a:hover { color:#ccc; background:none; }
    #footer li ul li a { font-size:inherit !important; }

    .dropdown-menu { margin:10px auto 0 !important; padding:10px 20px !important; left:60px !important; background:#1a8b36; }
    .dropdown-menu > li { width:100% !important; padding:0 !important; margin:0 auto !important; font-size:0.9em !important; background:#1a8b36 !important; border:none !important; }
    .dropdown-menu > li:hover { background:#1a8b36 !important; }
    .dropdown-menu > li > a { padding:6px !important; margin:0; line-height:2 !important; text-align:left !important; color:#fff !important; font-size:1.5rem !important; font-weight:700; border:none !important; text-decoration:none !important; }
    .dropdown-menu > i.active > a { color:#ccc !important; background:#1a8b36 !important; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:#ccc !important; background:#1a8b36 !important; }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background:none !important; }

    .nav > li > a:focus, .nav > li > a:hover { background-color:transparent; }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover  { background-color:transparent; }

/* ==========================================================================
   Misc
   ========================================================================== */

    ul.no-style { margin:0 0 20px; list-style:none; }
    ul.no-style > li > ol > li { margin-bottom:5px; }
    ul, ol { padding:0 0 0 20px; }
    .wp-block-image img { height:100%; }

    .section { padding:100px 0; position:relative; z-index:5; }
    .section-mini { padding:50px 0; position:relative; z-index:5; }
    .section-very-mini { padding:25px 0; position:relative; z-index:5; }
    .higher-up { position:relative; z-index:15; }

    .lime-bg { background:#BCD500; }
    .lime-bg h1, .lime-bg h2, .lime-bg h3, .lime-bg h4, .lime-bg h5, .lime-bg h6, .lime-bg p, .lime-bg ul > li, .lime-bg ol > li { color:#fff; }
    .lime-bg a:active, .lime-bg a:visited, .lime-bg a:link { color:#fff; }
    .lime-bg a:hover { color:#BCD500; }
    .lime-bg a[href^=tel] { color:#fff; text-decoration:none; }
    .lime-bg a[href^=tel]:hover { color:#BCD500; text-decoration:none; }
    .green-bg { background:#1a8b36; }
    .green-bg h1, .green-bg h2, .green-bg h3, .green-bg h4, .green-bg h5, .green-bg h6, .green-bg p, .green-bg ul > li, .green-bg ol > li { color:#fff; }
    .green-bg a:active, .green-bg a:visited, .green-bg a:link { color:#fff; }
    .green-bg a:hover { color:#BCD500; }
    .green-bg a[href^=tel] { color:#fff; text-decoration:none; }
    .green-bg a[href^=tel]:hover { color:#BCD500; text-decoration:none; }
    .grey-bg { background:#EFF2F7; }

    ul.c-phone { margin:25px 0; text-align:right; }
    ul.c-phone > li > svg { font-size:3.8rem; position:relative; top:1px; color:#BCD500; }
    ul.c-phone > li > a { font-size:4rem; font-weight:600; }

    ul.cta > li { margin:0 10px 0 0; }
    ul.cta > li:first-child { background:#1a8b36; }
    ul.cta > li:last-child { background:#BCD500; }
    ul.cta > li:first-child:hover { background:#2e8832; }
    ul.cta > li:last-child:hover { background:#96aa00; }
    ul.cta > li > a { width:160px; padding:10px 0; color:#fff; font-size:1.65rem; font-weight:600; display:block; text-align:center; text-decoration:none; }
    ul.cta > li:hover > a, ul.cta > li > a:hover { color:#ccc; }

    ul.social { margin:0 0 20px; text-align:right; }
    ul.social > li { padding:0 0 0 5px; }
    ul.social > li > a > svg { font-size:2rem; position:relative; top:1px; color:#fff; }

    h1.larger { font-size:78px; font-style:italic; }
    .cta-bg { background:#1a8b36 url('img/cta-bg.jpg') center no-repeat; background-size:cover; }
    .cta-bg p:last-child { margin:0; }
    .cta-bg * { color:#fff; }
    .cta-bg a:active, .cta-bg a:visited, .cta-bg a:link { color:#fff; }
    .cta-bg a:hover { color:#ccc; }
    .cta-bg a[href^=tel] { color:#fff; text-decoration:none; }
    .cta-bg a[href^=tel]:hover { color:#ccc; text-decoration:none; }

    #mapCanvas { min-height:340px; }
    .approved-properla { max-width:420px; }
    .bottom-shadow { position:relative; z-index:10; -webkit-box-shadow:0 1px 5px 0 rgba(50, 50, 50, 0.25); -moz-box-shadow:0 1px 5px 0 rgba(50, 50, 50, 0.25); box-shadow:0 1px 5px 0 rgba(50, 50, 50, 0.25); }

    .box { border:#BCD500 1px solid; }
    .box .inner-box { padding:30px; }
    .inner-box p { font-size:1.45rem; }
    .inner-box p:last-child { margin:0; }
    .box:hover { border:#1a8b36 1px solid; }

    .snip1571 { background-color:#fff; display:inline-block; font-size:16px; margin:0; width:100%; max-width:100%; overflow: hidden; position:relative; text-align:center; border:#BCD500 1px solid; }
    .snip1571 *, .snip1571 *:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
    .snip1571 img { backface-visibility: hidden; max-width: 100%; vertical-align: top; }
    .snip1571 figcaption { bottom: 30px; left: 0; position: absolute; z-index: 0; }
    .snip1571 figcaption:before { background-color: #BCD500; bottom:-5px; content:''; left:0; position:absolute; right:100%; top:-5px; z-index:-1; }
    .snip1571 h3 { background-color:#1a8b36; color: #fff; font-size:1.25em; margin:0; padding:5px 10px; z-index:1; }
    .snip1571 p { background-color:#1a8b36; color: #fff; font-size:1em; font-style:italic; text-align:left; margin:0; padding:0 10px 5px; z-index:1; }
    .snip1571 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
    .snip1571:hover > img, .snip1571.hover > img { opacity:0.65; }
    .snip1571:hover figcaption:before, .snip1571.hover figcaption:before { right: -5px; }

    #services { position:relative; z-index:20; background:#fff; }
    #servicesrow { margin:-100px 0 -30px; }

    .highlight { padding:30px; text-align:center; background:#fff; }
    .highlight svg { font-size:3rem; color:#BCD500; }
    .highlight p { font-size:1.45rem; }
    .highlight *:last-child { margin:0; }

    .twenty-year-gaurantee { max-width:220px; }
    .middle { margin:50px auto; }

/* ==========================================================================
   Cookie Consent
   ========================================================================== */

   .cc-window {opacity: 1; transition: opacity 1s ease }
   .cc-window.cc-invisible {opacity: 0 }
   .cc-animate.cc-revoke {transition: transform 1s ease }
   .cc-animate.cc-revoke.cc-top {transform: translateY(-2em) }
   .cc-animate.cc-revoke.cc-bottom {transform: translateY(2em) }
   .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {transform: translateY(0) }
   .cc-grower {max-height: 0; overflow: hidden; transition: max-height 1s }
   .cc-link, .cc-revoke:hover {text-decoration: underline }
   .cc-revoke, .cc-window {position: fixed; overflow: hidden; box-sizing: border-box; font-family: Helvetica, Calibri,'Roboto Slab', Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999 }
   .cc-window.cc-static {position: static }
   .cc-window.cc-floating {padding: 2em; max-width: 24em; -ms-flex-direction: column; flex-direction: column }
   .cc-window.cc-banner {padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; flex-direction: row }
   .cc-revoke {padding: .5em }
   .cc-header {font-size: 18px; font-weight: 700 }
   .cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer }
   .cc-link {opacity: .8; display: inline-block; padding: .2em }
   .cc-link:hover {opacity: 1 }
   .cc-link:active, .cc-link:visited {color: initial }
   .cc-btn {display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; text-decoration:none; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; }
   .cc-banner .cc-btn:last-child {min-width: 140px }
   .cc-highlight .cc-btn:first-child {background-color: transparent; border-color: transparent }
   .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {background-color: transparent; text-decoration: underline }
   .cc-close {display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75 }
   .cc-close:focus, .cc-close:hover {opacity: 1 }
   .cc-revoke.cc-top {top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em }
   .cc-revoke.cc-bottom {bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em }
   .cc-revoke.cc-left {left: 3em; right: unset }
   .cc-revoke.cc-right {right: 3em; left: unset }
   .cc-top {top: 1em }
   .cc-left {left: 1em }
   .cc-right {right: 1em }
   .cc-bottom {bottom: 0 }
   .cc-floating>.cc-link {margin-bottom: 1em }
   .cc-floating .cc-message {display: block; margin-bottom: 1em }
   .cc-window.cc-floating .cc-compliance {-ms-flex: 1; flex: 1 }
   .cc-window.cc-banner {-ms-flex-align: center; align-items: center }
   .cc-banner.cc-top {left: 0; right: 0; top: 0 }
   .cc-banner.cc-bottom {left: 0; right: 0; bottom: 0 }
   .cc-banner .cc-message {-ms-flex: 1; flex: 1; font-size:0.9em; }
   .cc-compliance {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between }
   .cc-compliance>.cc-btn {-ms-flex: 1; flex: 1 }
   .cc-btn+.cc-btn {margin-left: .5em }
   .cc-message { color:#fff; }

   .cc-floating.cc-theme-classic {padding: 1.2em; border-radius: 5px }
   .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {text-align: center; display: inline; -ms-flex: none; flex: none }
   .cc-theme-classic .cc-btn {border-radius: 5px }
   .cc-theme-classic .cc-btn:last-child {min-width: 140px }
   .cc-floating.cc-type-info.cc-theme-classic .cc-btn {display: inline-block }
   .cc-theme-edgeless.cc-window {padding: 0 }
   .cc-floating.cc-theme-edgeless .cc-message {margin: 2em 2em 1.5em }
   .cc-banner.cc-theme-edgeless .cc-btn {margin: 0; padding: .8em 1.8em; height: 100% }
   .cc-banner.cc-theme-edgeless .cc-message {margin-left: 1em }
   .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {margin-left: 0 }

   .cc-banner .cc-btn:last-child { color:#151515 !important; }

/* ==========================================================================
   Contact Form 7
   ========================================================================== */

   div.wpcf7 { margin: 0; padding: 0; }
   div.wpcf7-response-output { margin:1em 1em 1em; padding: 0.1em 1em; font-size:1em; color:#202020; background:#fff; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; font-family:'Lato','Roboto Slab', Arial, Helvetica, sans-serif !important; }
   div.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
   div.wpcf7-mail-sent-ok {border: 1px solid #398f14; }
   div.wpcf7-mail-sent-ng {border: 1px solid #ff0000; }
   div.wpcf7-spam-blocked {border: 1px solid #ffa500; }
   div.wpcf7-validation-errors {border: 1px solid #f7e700; }
   div.wpcf7 img.ajax-loader {border: none; vertical-align: middle; margin-left: 4px; }
   div.wpcf7 div.ajax-error {display: none; }
   div.wpcf7 .placeheld {color: #888; }

   span.wpcf7-form-control-wrap {position: relative; }
   span.wpcf7-not-valid-tip { margin:0 0 8px; color: #f00; font-size:0.9em; font-style:italic; display: block; }
   span.wpcf7-list-item { margin-left:0; font-size:inherit; margin-right:0; }
   span.wpcf7-list-item input { margin-right:1em; }
   span.wpcf7-list-item label span { color:#202020; }

   .use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background:#fff; padding: .1em .8em; }
   .wpcf7-display-none {display: none; }
   #wpcf7-f131-p2-o1 div.wpcf7-response-output { color:#202020; }

/* ==========================================================================
   Google Recapatcha V3
   ========================================================================== */

   .grecaptcha-badge { display:none !important; }

/* ==========================================================================
   WP Page Navi
   ========================================================================== */

   .wp-pagenavi { width:100%; height:auto; margin:20px auto; text-align:center; clear:both; }
   .wp-pagenavi a, .wp-pagenavi span { font-size:1em; text-decoration: none; border:1px solid #fff; padding: 3px 5px; margin: 2px; }
   .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color:#1a8b36; }
   .wp-pagenavi span.current { color:#202020; font-weight:500; }

/* ==========================================================================
   Media Queries: iPad
   ========================================================================== */

   /* iPad [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
       
   }

   /* iPad [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
       
   }

   /* iPad 3/4 [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
       
   }

   /* iPad 3/4 [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
       
   }

/* ==========================================================================
   Bootstrap Queries
   ========================================================================== */

    @media (min-width: 320px) and (max-width: 767px) {
        .logo { max-width:190px; margin:5px 0; position:absolute; z-index:10; }
        nav#pri, nav#pri.affix { background:#fff; }
        nav#pri.affix .navbar-toggle { margin:5px auto !important; }
        nav#pri.affix .logo { max-width: 150px; margin: 5px 0; }
        #primary, #primary > li, #secondary, #secondary > li { width:100%; display:block; }
        #primary, #secondary { margin:10px auto 0; }
        #primary > li, #secondary > li { padding:5px 0; border:none; }
        #primary > li > a, #secondary > li > a { margin:10px 0; font-size:1.5rem; }
        #primary > li > a, #secondary > li > a { color:#151515; }
        #primary > li > a > svg, #primary > li > a:hover, #secondary > li > a > svg, #secondary > li > a:hover { color:#1a8b36; }
        section#hero.homepage .inner { padding:40px 0 160px; }
        section#hero .inner h1 { font-size:36px; }
        section#hero .inner p { font-size:18px; }
        section#hero .inner { padding:60px 0; }
        ul.cta > li { margin:0 0 10px 0; }
        p.copy, p.credit { text-align:center; }
        .snip1571 { margin:0 0 20px 0; }
        .approved-properla { max-width:100%; }
        footer #sitemap { padding:30px 0 20px; }
        footer #powered { background:#1a8b36; }
        footer #powered p { font-size:1.15rem; }
        #wrap { margin:0 auto -167px; padding:0 0 167px; }
        #footer { float: none; margin: 14px auto; padding: 0; text-align: center; display: block; }
        ul.social { margin:10px auto 0; text-align:center; }
        .footer-corner-bg { display:none; }
        h1.larger { font-size:48px; }
        .cta-bg { padding:60px 0; }
        .cta-bg h2 { font-size:26px; }
        .section { padding:60px 0; }
        .wp-image-* { height:100%; }
        a { word-break:break-all; }
    }

   @media (min-width: 768px) and (max-width: 992px) {
        #wrap { margin:0 auto -167px; padding:0 0 167px; }
        ul.c-phone > li > a { font-size:3rem; }
        section#hero.homepage .inner { padding:100px 0 220px; }
        footer .logo-alt { max-width:280px; }
        p.copy { text-align:left; }
        p.credit { text-align:right; }
        .footer-corner-bg { right:2px; }
        .snip1571 h3 { font-size:1.2rem; text-align:left; }
        .snip1571 p { font-size:1.1rem; }
        .twenty-year-gaurantee { max-width:100%; }
        .middle { margin:0; }
    }

   @media (min-width: 993px) and (max-width: 1200px) {
       section#hero.homepage .inner { padding:100px 0 220px; }
       p.copy { text-align:left; }
       p.credit { text-align:right; }
   }

   @media (min-width: 1201px) {
       p.copy { text-align:left; }
       p.credit { text-align:right; }
   }

/* ==========================================================================
   Print
   ========================================================================== */

   @media print {
   	* { background:transparent !important; color:#202020 !important; box-shadow:none !important; text-shadow:none !important; }
   	a, a:visited { text-decoration: underline; }
   	a[href]:after { content: " (" attr(href) ")"; }
   	abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
     pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
     thead { display:table-header-group; }
     tr, img { page-break-inside: avoid; }
     img { max-width:100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans:3; widows:3; }
     h2, h3 { page-break-after:avoid; }
     .cc-revoke, .cc-window {display: none }
 }