@charset "utf-8";

/* CSS Document */
@media screen {
body {
    grid-template-columns: 2fr 96fr 2fr;
    grid-template-rows: auto auto auto minmax(auto, 99fr) minmax(250px, min-content);
    grid-template-areas: "abovethefold abovethefold abovethefold" "pagetitleholder pagetitleholder pagetitleholder" "............   main     ............" "my-buttons my-buttons my-buttons" "footer         footer         footer";
}
.phone-digits, .phone-pretext {
    display: none;
}

header {
    grid-template-columns: minmax(30%,230px) auto  min-content min-content;
    grid-template-rows: auto;
    grid-template-areas: "header-logo header-social-icons header-phone-number header-nav";
}
#header-phone-number {
    font-size: 2rem;
    color: #000;
    justify-content: flex-end;
    margin-left: .3em;
}
    #header-social-icons{justify-content: flex-end;font-size:1.8em;padding-right:0px; }
    #header-social-icons a{color: #084701;}
    #header-social-icons span:last-child{margin-right:0px;}
#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu:after {
  font-size:50px;
    color:#FFF;}
#header-phone-number, #header-phone-number a {
    color: #084701;
}
#my-header {
    padding-top: 1em;
    padding-bottom: 1em;
}
    #header-logo{margin-right:1em;}
#my-slideshow {
    padding-top: 65%;
    overflow: hidden;
    width: 100%;
    display: block;
}
#my-slideshow > div {
    position: absolute !important;
    top: 0px;
    width: 100%;
}
    #main-h1{font-size:1.8em;}
#overlay-headline-1, #overlay-headline-1a, #overlay-headline-2, #overlay-headline-3, #overlay-headline-3a {
    font-size: 1rem;
}
#slider-text-overlay-1 > div, #slider-text-overlay-2 > div, #slider-text-overlay-3 > div {
    width: 60%;
    align-self: center;
    background-color: rgba(255,255,255,.83);
}
#slider-text-overlay-1, #slider-text-overlay-2, #slider-text-overlay-3 {
    justify-content: center;
}
#overlay-maintext-1, #overlay-maintext-2, #overlay-maintext-3 {
    color: #181818;
    font-size: 1.9rem;
    line-height: 1.5;
}
#my-slideshow .sa_owl_theme .owl-dots {
    bottom: 10px !important;
    display: none !important;
}
.quick-quote-form {
    text-align: center;
}
footer {
    width: 100%;
    box-sizing: border-box;
    height:300px;
}
    #footer-content{height:100%;padding:0px;}
#footer-content > div {
    position: absolute;

    display: inline-block;
text-align: center;
    margin-bottom: 1em;
   width:100%;
    bottom:3em;
    box-sizing: border-box;
  
}
#footer-logo img {
 display:none;
} 
     #footer-content{background-image: url(../images/mobile-footer-bg.jpg);background-size:cover;background-position:center;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    padding-bottom: .4em !important;
    padding-top: .4em !important;
}
    .flex-outer{display:flex;justify-content: space-between;flex-direction: column;box-sizing: border-box;width:100%;}
    .flex-outer > *{margin-bottom:1em;}
    .aligncenter, .alignleft, .alignright, .entry img{display:block; position: relative; max-width:100% !important; height:auto !important;margin-left:auto;margin-right:auto;margin-bottom:1em;}
    .main{max-width:100%;}
    .sbsbox > * {padding:1em;}
    .myinfoboxes{min-height:25vh;}
     .myinfoboxes {border-top:solid;border-top-width:2px;border-top-color:#FFF;}
.myinfoboxes {grid-area: infoboxes;}
.myinfoboxes > a > div,.myinfoboxes > a {height:100%;}
.myinfoboxes {
    display: grid;
    grid-gap: .4em;
    padding: .2em;
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    min-height: 25vh;
    border-color: #FFF;
    border-width: 1px;
    box-sizing: border-box;
    margin-bottom:.4em;
}
     .myinfoboxes a > div:after{display:block;content:'';padding-top:35%;}
     #slidertextoverlay {position:absolute;width:100%;height:100%;color:#FFF;top:0px;display:flex;justify-content: center;align-content: center; font-size:1rem;z-index: 99;pointer-events: none;}   
    #slidertextoverlay > div{}
    #my-slideshow >  #slidertextoverlay > div {align-self: center;width:88%;padding:.5em;height:auto !important;color:#FFF;text-shadow: 2px 2px 2px rgba(0,0,0,0.51);font-weight:bold;text-align: center;font-family:'Marcellus';border-radius:20px;font-size:.8em;}
      .welcometocutworks{color:#FFF;font-size:1.5rem;}

    .h1holder{position:relative;}
    .flex65 iframe{width:100%;height:200px;}
    #mysplitpage .myphotos {display:flex; flex-wrap: wrap;justify-content: space-between;}
#mysplitpage .myphotos img{width:49.5% !important; height:25vw !important; object-fit: cover; object-position: center; margin:0px;margin-bottom:1%;}
    .coollink {font-size:1em;}
 #mysplitpage .commercialpics  img:nth-child(3){width:100% !important;}
}