#hoferBody{
    font-family:Open Sans Pro, arial, sans-serif;
    font-size:18px;
    max-width:100vw;
}

#hoferBody h1,#hoferBody h2,#hoferBody h3,#hoferBody h4{
    font-weight:500;
    color:#3257aa;
}
#hoferBody h2{
    font-size:150%;
}
#hoferBody h3{
    font-size:135%;
}
#hoferBody h4{
    font-size:125%;
}
#hoferBody .hUnderline{
    background-image:url('../images/hUnderline.png');
    background-position:bottom center;
    background-repeat:no-repeat;
    padding-bottom:1rem;
}
/* BLUE NAV STYLES */

#hoferBody nav .menu{
    background-color:#3274c8;
}
#hoferBody .menu .navbar-menu{
    margin-top:auto;
    margin-bottom:auto;
    display:flex;
    flex-direction:row;
}
#hoferBody .menu .navbar-menu .navbar-start{
    display:none;
    visibility:hidden;
}
#hoferBody .menu .navbar-menu .navbar-end{
    display:flex;
    flex-direction:row;
    width:100%;
    justify-content: space-between;
}
#hoferBody nav .menu .navbar-item, #hoferBody nav .menu  .navbar-item.has-dropdown a.navbar-link{
    color:#ffffff;
    font-size: 1.1rem;
    text-transform:uppercase;
}
#hoferBody nav .menu .navbar-item:hover{
    background-color:#3dcfe4;
}
#hoferBody nav .menu a.navbar-item{
	text-decoration:none!important;
}
#hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown a.navbar-link{
    color:#fff!important;
}
#hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown a.navbar-link:not(.is-arrowless)::after{
    border-color:#fff!important;
}
#hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown a.navbar-link:hover, #hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown:hover a.navbar-link{
    color:#ffffff!important;
    background-color:#3dcfe4!important;
}

#hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown a.navbar-link:hover:not(.is-arrowless)::after, #hoferBody .menu .navbar-menu .navbar-end .navbar-item.has-dropdown:hover a.navbar-link:not(.is-arrowless)::after{
    border-color:#ffffff!important;
}
#hoferBody nav .menu .has-dropdown .navbar-dropdown .navbar-item{
    color: #3274c8;
    font-size:1rem;
}

.iconInfo{
  font-size: 2.2rem;
  width:1.6rem;
  height:2.3rem;
  line-height:2.3rem;
  text-align:center;
  display:inline-block;
}
.fa-location-dot {
  color: #ffffff;     /* icon color */
  text-shadow: 
    2px 0 0 #3dcfe4,   /* right */
   -2px 0 0 #3dcfe4,   /* left */
    0 2px 0 #3dcfe4,   /* bottom */
    0 -2px 0 #3dcfe4,  /* top */
    2px 2px 0 #3dcfe4, /* bottom-right */
   -2px -2px 0 #3dcfe4,/* top-left */
   -2px 2px 0 #3dcfe4, /* bottom-left */
    2px -2px 0 #3dcfe4;/* top-right */
}
.fa-mobile-screen{
    color:#3dcfe4;
}

/* END BLUE NAV */
#hoferBody .navbar-item img{
    max-height:60px;
}
#hoferBody .subItem{
    background-color:#333!important;
}
#hoferBody .navbar-item, #hoferBody .navbar-item.has-dropdown a.navbar-link{
    color:#3257aa;
    font-size: .9rem;
    text-transform:uppercase;
}
#hoferBody .navbar-item:hover{
    color:#3dcfe4;
}
#hoferBody a.navbar-item{
	text-decoration:none!important;
}

#hoferBody .hero{
    margin-top:132px;
}

#hoferBody .heroTitle{
    font-size: 4rem;
    font-weight:600;
    line-height:5.2rem;
    color:#fff;
    text-shadow:8px 8px 16px #000;
    word-wrap:normal;
}
#hoferBody ul{
    list-style-type:disc;
    list-style-position: inside;
    padding-left:1.2rem;
    margin-bottom:1.5rem;
}
#hoferBody ul li{
    padding:0 0 .4rem 0;
}
h1.homepage{
    width:50%;
}

#hoferBody .homeServicesImg{
    border-radius:12px;
    max-width:100%;
}

#hoferBody > main > section.section.services.pt-6.pb-6 > div > div > div > a:hover, a.box-link:hover{
    box-shadow:0 0 5px #3dcfe4;
}

/*.serviceBox:hover{
    box-shadow:0 0 5px #3dcfe4;
}*/
.serviceBox:active{
    background-color:#aef5ff;
}
.homeIntroSection{
    background-color:#0b0959;
    background-blend-mode:soft-light;
}
#hoferBody .homeIntroSection h2, #hoferBody .homeIntroSection p{
    color:#fff;
}
#hoferBody .homeIntroSection h2{
    text-transform:uppercase;
}

#hoferBody .homeIntroSection p{
    text-align:justify;
    font-size:1.1rem;
    line-height:1.9rem;
}

.introHighlights{
    background-color:#3dcfe4;
    opacity:85%;
    /*max-height:18vh;*/
}
#hoferBody .introHighlights h4{
    color:#fff;
    font-size:.9rem;
    font-weight:700;

}
.openHours, .openHours h3{
    background-color:#ebebeb;
    color:#333333!important;
}
.openHours p{
    color:#333333!important;
    font-size:.8rem!important;
}

a.clickCall{
    border-radius:24px;
    background-color:#0b0959;
    color:#fff!important;
    font-size:1.8rem;
    width:100%;
    text-align:center;
    padding-bottom:.1rem!important;
    padding-top:.1rem!important;
}
a.clickCall:hover{
    background-color:#3dcfe4;
}


#hoferBody .teamGroup .card{
    max-width:25%;
    min-width:20%;
    flex-basis:23%;
    margin:2rem 1rem;
    height:50vh;
    
}
.teamGroup .card-content{
    background-color:#22aecd;
    text-align:center;
    opacity:85%;
}

#hoferBody p{
    margin-bottom:1.5rem;
    line-height: 24px;
    font-size:18px;
}


#hoferBody .footer{
    background-color:#63d7e7;
    color:#ffffff!important;
}
#hoferBody .footer h3{
    color: ##3257aa;
}
#hoferBody .footer p{
    color:#fff;
}
#hoferBody .card-footer .button{
	background-color:#252369;
	color: #fff;
}
#hoferBody .card-footer .button:hover, #hoferBody .card-footer .button.is-hovered{
	background-color:#63d7e7;
}
#hoferBody .float-right{
    float:right;
    margin:.5rem 0 1.5rem 1.5rem;
    display:inline-block;
}

@media (max-width: 600px){
    .noMobile{
        display:none;
    }
    #hoferBody .heroTitle{
        font-size: 3rem;
        word-wrap:normal;
        color:#fff;
        width:70%;
        text-shadow:2px 2px 4px #000;
        padding-left:.5rem;
    }
    h1.homepage{
        width:100%;
        font-size: 3rem;
    }
}
@media screen and (min-width: 1024px){
    #hoferBody .navbar-item{
        padding:.5rem;
    }
    #hoferBody .navbar-dropdown{
        left:-6rem;
    }
    #hoferBody .navbar-item img{
        max-height:120px;
    }
}