﻿/*** Branding header */
.branding-header { width: 100%; height: 41px; background: #000; font-size: 12px; color: #fff; position: relative; overflow: hidden; }
    .branding-header .branding-header-inner { margin: 0 auto; padding: 3px 10px 3px; }
        .branding-header .branding-header-inner > div.left { display: none; }
        .branding-header .branding-header-inner > div.right { display: block; text-align: center; padding: 3px 0 2px; }
            .branding-header .branding-header-inner > div.right > div.header-right-extra { display: none; }
            .branding-header .branding-header-inner > div.right > div { display: inline-block; }
                .branding-header .branding-header-inner > div.right > div.social-icons ul { display: inline-block; list-style-type: none; border: none; padding: 0; margin: 0; line-height: 38px; }
                .branding-header .branding-header-inner > div.right > div.social-icons ul li { display: inline-block; min-width: 38px; height: 38px; }
                .branding-header .branding-header-inner > div.right > div.social-icons ul li a { display: inline-block; font-size: 0 !important; }
                .branding-header .branding-header-inner > div.right > div.social-icons > a { position: relative; top: 6px; margin: 0 1px; }

    .branding-header a { color: #fff; display: inline-block; }
    
/*** Magnific Popup */
    .magnific-inline-popup.magnific-newsletter { max-width: 500px; text-align: center; padding: 15px; position: relative; }
        .newsletter > .body { display: none; }
        .magnific-inline-popup.magnific-newsletter .title { display: none; } 
        .magnific-inline-popup.magnific-newsletter .body { display: block; font-weight: 400; margin: 10px 0 30px; }
            .magnific-inline-popup.magnific-newsletter .body img { max-width: 80%; }
            .magnific-inline-popup.magnific-newsletter .body > p { display: inline-block; max-width: 90%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
            .magnific-inline-popup.magnific-newsletter .newsletter-email input[type="text"] { width: 300px; width: calc(100% - 115px); }
        .magnific-inline-popup.magnific-newsletter .popup-modal-dismiss { display: inline-block; margin: 0 0 20px; }
    .magnific-inline-popup span[onclick] { cursor: pointer; }

    span.mfp-click-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; 
                           box-shadow: none; }
    .mfp-click-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px;
                            color: #000; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

    .mfp-fade .mfp-content { opacity: 0; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
    .mfp-fade.mfp-ready .mfp-content { opacity: 1; }

/*** Responsive adjustments */
@media all and (min-width: 419px) {
    .magnific-inline-popup.magnific-newsletter .newsletter-email { width: 80%; margin: auto; }
}
    
@media all and (min-width: 769px) {
    .branding-header .branding-header-inner > div.left { position: relative; float: left; display: block; padding: 8px 0; }
    .branding-header .branding-header-inner > div.right { display: block; float: right; text-align: right; padding: 3px 20px 2px 0; }
}

@media all and (min-width: 1001px) {
    .branding-header .branding-header-inner { width: 100%; }
}