/*!
Theme Name: bni
Theme URI: https://bni.com/
Author: Loki
Author URI: https://bni.com/
Description: BNI - Leadership Page Design updated
Version: 4.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bni
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url(fonts/hinted-HelveticaNeue-Bold.eot);
    src: local('Helvetica Neue Bold'), local('HelveticaNeue-Bold'), url(fonts/hinted-HelveticaNeue-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-HelveticaNeue-Bold.woff2) format('woff2'), url(fonts/hinted-HelveticaNeue-Bold.woff) format('woff'), url(fonts/hinted-HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(fonts/hinted-HelveticaNeue.eot);
    src: local('Helvetica Neue'), local('HelveticaNeue'), url(fonts/hinted-HelveticaNeue.eot?#iefix) format('embedded-opentype'), url(fonts/hinted-HelveticaNeue.woff2) format('woff2'), url(fonts/hinted-HelveticaNeue.woff) format('woff'), url(fonts/hinted-HelveticaNeue.svg#HelveticaNeue) format('svg');
    font-weight: 400;
    font-style: normal
}

.preloader-plus {
    z-index: 99999 !important;
}

.youtubevideo .playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
    z-index: 10;
    font-family: "Font Awesome 5 Pro";
    font-size: 45px;
    cursor:pointer;
    background: #ffffff;
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-out;
}

.youtubevideo span.playbutton i {
    color: #cf2030;
    z-index: 99;
    margin-top: 11px;
    margin-left: 6px;
    transition: all 0.5s ease-in;
}

.youtubevideo .playbutton:hover {
    background: #cf2030;
}

.youtubevideo .playbutton:hover i {
    color: #ffffff;
}

.youtubevideo iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    display: flex !important;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #cf2030 !important;
    border: 2px solid transparent !important;
    padding:5px 5px !important;
    font-weight: bold;
    border-radius: 30px !important;
    font-size: 12px !important;
    word-break: break-word;
    width:160px !important;
    transition:all 0.5s ease-out;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover,
a#CybotCookiebotDialogBodyLevelButtonAccept:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
    color:#cf2030 !important;
    background-color: #ffffff !important;
    border: 2px solid #cf2030 !important;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    order:0;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    order:1;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    order:2;
}

#CybotCookiebotDialog {
    z-index: 999 !important;
}

.singlePostContent ul, .singlePostContent ol, .singlePostContent li {
    list-style: inherit;
}

/* Preloader Styles */
#pre-loader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}


#pre-loader.hide {
  opacity: 0;
  visibility: hidden;
}


@media only screen and (max-width:600px){
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        float: none !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll, a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {

        width: auto !important;
        transition: all 0.5s ease-out;
    }
}

@media only screen and (max-width: 440px) {
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        flex-direction: column;
        width: 80%;
        float: right !important;
        margin-right: 5% !important;
    }
}