/* custom banner style start */
.banner.html-bnr .grid-wpr>[class*=grid-].banner-img {
  max-height: 100%;
}

/* nav forward / back */
.my-nav-forward,
.my-nav-back {
    display: inline-block;
    padding: 0;
    background: none;
    border: none;
}
.my-nav-forward {
    width: 50px;
    margin: 7px 0;
}
.my-nav-back {
    float: left;
    width: 50px;
    margin: 15px 0 40px 0;
}

.my-btn-contact-me {
    float: right;
    margin: 15px 0 40px 0;
}

/* icon list */
ul.numbered-icon-list > li {
    background: url(../images/bullet-1.png) no-repeat 0 0;
    /*background-size: 6px 10px;*/
    padding: 8px 0 10px 52px;
}
ul.numbered-icon-list > li + li {
    background-image: url(../images/bullet-2.png);
}

/****************************** DVL overrides and fixes ******************************/

/* hide mobile language toggle */
.mobile-nav {
    display: none;
}

/* override #skip-nav */
#skip-nav {
    display: none;
}

/* override select line-heights to ensure selected value doesn't get truncated vertically */
select {
    line-height: 18px;
}

/* override footer-right, removing social-icons */
footer .main-footer .main-footer-inner .footer-left {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
footer .main-footer .main-footer-inner .footer-right {
    -webkit-flex: 1 0 20px;
    -ms-flex: 1 0 20px;
    flex: 1 0 20px;
    
}
footer .main-footer .main-footer-inner .footer-right .social-links {
    display: none;
}
footer .main-footer .main-footer-inner .footer-right .to-top {
    margin-left: 15px;
}

/* fix negative top and bottom margins (dvl.min.css is mistakenly positive, based on dvl.min.css as of 2017-08-22) */
.mar-t-neg,
.mar-tb-neg {
    margin-top: -15px !important;
}
.mar-b-neg,
.mar-tb-neg {
    margin-bottom: -15px !important;
}
@media (min-width:639px) and (max-width:1200px) { /* min-width should probably be 640px, but this mimics what's in dvl.min.css so it can be overridden */
    .mar-t-neg,
    .mar-tb-neg {
        margin-top: calc(-15px + (-30 - -15) * ((100vw - 639px)/ (1200 - 639))) !important;
    }
}
@media (min-width:1200px) {
    .mar-t-neg,
    .mar-tb-neg {
        margin-top: -30px! important;
    }
}

/* fix tooltip-trigger icons to prevent wrapping at the icon, and tweak icon's margins */
.tooltip-trigger {
    display: inline-block;
    padding-right: 26px;
}
.tooltip-trigger:after {
    display: inline-block;
    margin: -3px -26px 0 6px; /* margin-right = sum of width and margin-left */
}

/* fix links with newwindow icons to prevent wrapping at the icon */
.newwindow-link {
    display: inline-block;
    padding-right: 25px;
}
.newwindow-link:after {
    display: inline-block;
    margin-right: -25px; /* sum of width and margin-left */
}

/* fix placement of asterisk for required fields in Edge (based on dvl.min.css as of 2017-08-22) */
@supports (-ms-ime-align: auto) { /* Edge only */
    .checkbox-wpr.required > label:first-child:before,
    .input-wpr.required > label:first-child:before,
    .radio-wpr.required > label:first-child:before,
    .slider-wpr.required > label:first-child:before {
        vertical-align: middle;
        top: -4px;
    }
}

/* fix input-symbol in Edge for tablet layout (based on dvl.min.css as of 2017-08-22) */
@supports (-ms-ime-align: auto) { /* Edge only */
    @media (min-width:640px) and (max-width:1199px) { /* tablet */
        .input-wpr .input-symbol:before,
        .input-wpr .input-symbol:after {
            padding-top: 24px;
        }
    }
}

/* fix error styling for radio buttons; selector in dvl.min.css is probably wrong with its
   ".radio-wpr .field-error input..." where it (wrongly?) expects .field-error to be a descendent of .radio-wpr
   (based on dvl.min.css as of 2017-08-22) */
.radio-wpr.field-error input[type=radio]+label:before {
    box-shadow: inset 0 0 0 1px #bd0000;
    border: 1px solid #bd0000;
}

/* hide */
.my-hide { display: none; } /* use this (without !important) instead of DVL's .hide or .hidden (with !important) to allow jQuery's .show() to work */