@charset "utf-8";

/* CSS Document */
@media screen {
.entry {
    line-height: 1.75rem;
}
a {
    color: #001347;
}


.parallax-window {
    min-height: 400px;
    background: transparent;
}
.fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
}
   .galleria-info-title{text-align:center !important; font-size:3rem !important;}
 .galleria-container{background:rgba(0,0,0,0.81) !important;}

.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}

    
    .my-services > div{background-color:#212121; position:relative; background-image: url(../images/tile-bg.jpg);background-size:cover;   padding-top: 100%;
    overflow: hidden;

    display: block;}
    .my-services > div > div {position:absolute;width:100%;height:100%;top:0px;display:grid;grid-template-areas: "servicepic" "servicetitle";grid-template-rows: 75% 25%; box-sizing: border-box;}
    .my-services > div > div >div:first-child{ grid-area:servicepic; overflow: hidden;
 padding:5%;padding-left:15%;padding-right:15%;}
    .my-services img{width:100%;height:100%;object-fit:cover; border-radius: 50%; border:solid;border-color:#fef022;border-width:2px;}
      .my-services > div > div > div:nth-child(2){ grid-area:servicetitle; overflow: hidden;
 text-align: center;color:#fef022;display:flex;justify-content: center;align-content: center;}
    .my-services > div > div >div:nth-child(2) > div{align-self:center;font-size:1rem;padding-left:3%;padding-right:3%;line-height:1.2;}
    img.alignleft, img.alignright, img.aligncenter {height:auto !important;}
    #my-contact-form{text-align: center;}
    input,textarea{max-width:100%;}
    
    .sbsbox h2 {
    color: #002c56;
    font-size: 2.2em;
    line-height: 1.2;
  }
  
  .sbsbox > div {
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .sbsbox > div > * {
    align-self: center;
    overflow-x: hidden;
    width: 100%;
  }
 .entry .sbsbox:nth-child(odd) .sbshighlightleft {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#939393+0,5b5b5b+100,b18433+100 */
background: radial-gradient(ellipse at center,  rgba(147,147,147,1) 0%,rgba(91,91,91,1) 100%,rgba(177,132,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


  }
  .entry .sbsbox:nth-child(odd) .sbshighlightright {
   
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025134+0,012a1b+100 */
background: radial-gradient(ellipse at center,  rgba(2,81,52,1) 0%,rgba(1,42,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .entry .sbsbox:nth-child(even) .sbshighlightleft {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025134+0,012a1b+100 */
background: radial-gradient(ellipse at center,  rgba(2,81,52,1) 0%,rgba(1,42,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .entry .sbsbox:nth-child(even) .sbshighlightright {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#939393+0,5b5b5b+100,b18433+100 */
background: radial-gradient(ellipse at center,  rgba(147,147,147,1) 0%,rgba(91,91,91,1) 100%,rgba(177,132,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


  }  
    
    #service-locations{display:flex;justify-content: center;grid-row-gap: 2em;column-gap: 2em;flex-wrap:wrap;margin-bottom:2em;}
    #service-locations a{display:block;background-color:#000;color:#fef022;font-weight: bold;padding:1em;border-radius:.5em;transition: all .2s;}
#service-locations a:hover{transform: scale(1.2);}
}