﻿/*========================================
    General
========================================*/
img{
    display:block;
    max-width:100%;
    height:auto;
    position: relative;
}

/*Overlay for all Images*/
.imageOverlay {
    position: relative;
}

.imageOverlay::after {
    background-color: rgba(245,245,245,0.62);
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.wrapper {
    background-color:#ffffff;
}

    .wrapper:before{
        pointer-events:none;
        display:block;
        content:'';
        width:3.5%;
        height:100%;
        background-image: url('../images/dans-background-img@300x.png');
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        z-index:1;
    }

    .wrapper > *{
        position:relative;
        z-index:2;
    }

/*========================================
    Hero Home Page
========================================*/
.logo {
    height: auto;
    width: 100%;
    max-width:22em;
}

.heroBg,
.section2Bg,
.aboutUsBg {
    display: flex;
    height: 70em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 0;
}

/*========================================
    Section 2 Home Page
========================================*/
.section2Bg {
     background-position: left;
}
/*========================================
    Section 3 Home Page
========================================*/
.certificationImage {
    height: auto;
    width: 9em;
    margin: 0 auto;
    padding-top: 1em;
    transition: all .5s ease;
    -webkit-transition:  all .5s ease;
       -moz-transition:  all .5s ease;
         -o-transition:  all .5s ease;
            transition:  all .5s ease;
}
    .certificationImage:hover {
      outline: 0;
      transform: scale(1.1);
    }

/*========================================
    About Us Page
========================================*/
.staffImg {
    width:100%;
    height: auto;
}
/*Lightbox Img*/
.lbStaffImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.lbStaffImg img {
    margin: 0 auto;
}

/*========================================
    Reviews Page
========================================*/
.socialReviews a.MAimg {
    vertical-align:middle;
    display: inline-block !important;
    
    background: transparent url('/images/MAicon.png') no-repeat center center / auto 50% !important;

    height:41px;
}
.socialReviews a.MAimg:hover {
    background-image: url('/images/MAicon-white.png') !important;
}
/*========================================
/*========================================
    404/500 Page
========================================*/
.errorImg {
    padding-right: 7em !important;
}