/*
Theme Name: FitOps Theme
Theme URI: http://www.fitops.org
Version: 1.0
Description: FitOps Theme
Author: 5by5 Agency
Author URI: http://5by5agency.com
template: bb-theme
*/

/*  Colors Being Used:
        #000000
        #ffffff
        #090909
        #333333
        #009CC4
    Fonts Being Used:
        industry
        industry-inc-base
        din-condensed
*/

/* =================================
    Global Modules / Page Components
   ================================= */
body {font-family: "din-2014", san-serif !important;}
h1,
h2,
h3 {font-family: 'Industry-Book', san-serif !important;}

body.page-id-11 {
    padding-top: 0 !important;
}

header {}
    /* Override Theme responsive header and keep positioned over content */
    @media screen and (max-width: 991px) {
        .page-id-11 header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
        }
    }
    body:not(.page-id-11) .global-header {
        background-color: rgba(0,0,0,0.97);
    }
    /* js BG Fade for homepage header */
    body.page-id-11 .global-header {
        background-color: transparent;
        transition: background-color 0.3s ease-in-out;
    }
    .fade-header-bg {
        background-color: rgba(0,0,0,0.97) !important;
    }

.menu {}
    .menu .menu-item a {
        font-family: din-condensed;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-size: 16px;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        text-decoration: none;
    }
    .menu > .icon-menu-item {
        margin: 0 3px;
        padding: 0 12px;
    }
    .menu > .icon-menu-item > a,
    .menu > .icon-menu-item > .fl-has-submenu-container > a {
        padding: 2px 4px;
        padding-right: 0;
        margin-right: 8px;
        color: #ffffff;
    }
    .menu > .icon-menu-item > a:hover,
    .menu > .icon-menu-item > .fl-has-submenu-container > a:hover {
        color: #009CC4;
    }
    @media screen and (min-width: 993px) {
        .menu > .icon-menu-item:before {
            content: '';
            position: absolute;
            top: 50%;
            background-color: rgba(255,255,255,0.3);
            width: 5px;
            height: 5px;
            transform: rotate(45deg) translate(-100%);
        }
    }
    .menu > .icon-menu-item:before {
        left: 0;
    }
    .menu > .icon-menu-item:after {
        right: 0;
    }
    .menu > .icon-menu-item.current-menu-item > a,
    .menu > .icon-menu-item.current-menu-item > .fl-has-submenu-container > a,
    .menu > .icon-menu-item.current-page-parent > .fl-has-submenu-container > a {
        color: #ffffff;
        background-color: #009CC4;
    }
    .menu > .first-icon-menu-item:before {
        display: none;
    }
    .menu > .last-icon-menu-item:after {
        display: none;
    }
    @media screen and (max-width: 992px) {
        .menu {
            position: relative;
            max-width: 400px;
            padding: 40px 10px !important;
            background-color: #000;
        }
        .menu > .icon-menu-item {
            padding: 10px 0;
        }
        .fl-menu-toggle {
            margin-right: 6px !important;
            color: #ffffff;
        }
    }
    @media screen and (max-width: 768px) {
        .fl-menu .fl-menu-mobile-toggle {
            position: absolute !important;
            top: 45% !important;
            left: 0;
        }
    }
    @media screen and (min-width: 993px) and (max-width: 1191px) {
        .menu > .icon-menu-item > a,
        .menu > .icon-menu-item > .fl-has-submenu-container > a {
            letter-spacing: 1px;
        }
    }

.fl-page-content {
    background-color: #090909;
    overflow: hidden;
}

.verticle-divider {}
    .verticle-divider_diamond,
    .verticle-divider_line {
        background-color: #ffffff;
        margin: 0 auto;
    }
    .verticle-divider_diamond {
        margin-bottom: 10px;
        width: 6px;
        height: 6px;
        transform: rotate(45deg);
    }
    .verticle-divider_line {
        width: 1px;
        height: 100px;
    }

.main-header-logo {}
    @media screen and (max-width: 768px) {
        .main-header-logo .fl-photo-align-left {
            text-align: center;
            margin-bottom: 4px;
        }
    }

.button-module {}
    .button-module .fl-button-wrap .fl-button {
        border-radius: 0 !important;
        font-family: 'Industry-Book', san-serif;
        -webkit-font-smoothing: antialiased;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center;
    }
    .button-module_blue {}
        .button-module_blue .fl-button-wrap .fl-button {
            background-color: #009CC4 !important;
            border-color: #009CC4;
        }
    .button-module_skeleton {}
        .button-module_skeleton .fl-button-wrap .fl-button {
            background-color: transparent !important;
            border-color: #ffffff !important;
        }
    .button-module.button-module_header .fl-button-wrap .fl-button {
        min-width: 118px;
        font-size: 14px !important;
        padding: 8px 10px !important;
        font-weight: 600;
    }
    .button-module .fl-button-wrap .fl-button:hover,
    .button-module.button-module_blue .fl-button:hover,
    .button-module.button-module_skeleton .fl-button:hover {
        background-color: rgba(0, 156, 196, 0.6) !important;
        border-color: rgba(0, 156, 196, 0.6) !important;
    }

.blue-label {}
    .blue-label.center .fl-rich-text {
        text-align: center;
    }
    .blue-label .fl-rich-text p {
        display: inline-block;
        padding: 3px 4px;
        background-color: #009CC4;
        color: #ffffff;
        font-family: 'Industry-Book', san-serif;
        font-weight: 200;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1;
    }
    .blue-label.blue-label_large .fl-rich-text p {
        padding: 10px;
        font-family: 'din-condensed', san-serif;
        font-size: 18px;
        letter-spacing: 5px;
    }

.section-header {}
    .section-header .fl-rich-text h2 {
        font-family: 'Industry-Book', san-serif;
        font-size: 39px;
        text-transform: uppercase;
        font-weight: 100;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .section-header.large .fl-rich-text h2 {
        font-size: 56px;
        letter-spacing: 4px;
    }
    .section-header.small .fl-rich-text h2 {
        font-size: 34px;
        letter-spacing: 4px;
    }

    @media screen and (max-width: 768px) {
        .section-header.large .fl-rich-text h2,
        .section-header .fl-rich-text h2 {
            font-size: 34px;
        }
    }

.section-copy {
    font-family: 'din-2014', san-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7;
    letter-spacing: 1px;
    color: #ffffff;
    }
    .section-copy.small .fl-rich-text p {
        max-width: 400px;
        font-size: 16px;
    }
    .section-copy.large .fl-rich-text p {
        font-size: 24px;
    }
    .section-copy.extra-large-bold .fl-rich-text p {
        font-size: 34px;
        font-family: 'Industry-Book', san-serif;
        line-height: 1.2;
    }
    @media screen and (max-width: 768px) {
        .section-copy.large .fl-rich-text p {
            font-size: 18px;
        }
    }

.content-width-col {}
    .content-width-col {
        float: none;
        margin: 0 auto;
        max-width: 1108px;
    }

/* =================================
    Global Rows
   ================================= */

/* Hero Homepage */
.hero-homepage {}
    .hero-homepage .fl-row-content-wrap {
        padding-top: 300px;
        min-height: 100vh;
    }
    .hero-title .fl-rich-text h2 {
        margin: 0;
        font-family: 'Industry-Book', san-serif;
        font-size: 72px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 1.3;
    }
    .hero-copy .fl-rich-text p {
        font-family: 'Industry-Book', san-serif;
        font-size: 23px;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .scroll-arrow .fl-photo-content {
        width: 38px;
    }
    @media screen and (max-width: 768px) {
        .hero-title .fl-rich-text h2 {
            font-size: 38px;
        }
    }

/* Reusable Rows, Image left & Image right */
.section_image-left,
.section_image-right {}
    .section_image-left .fl-row-content-wrap,
    .section_image-right .fl-row-content-wrap {
        padding: 0;
    }
    .section_image-col {}
        .section_image { position: relative; }
    .section_text-col {
        position: relative;
        border-left: 2px solid #009CC4;
        padding: 60px;
        background-color: #090909;
        z-index: 1;
    }
    .section_image-left {}
        .section_image-left .section_image .fl-module-content .fl-photo-content {
            position: relative;
            top: -50px;
            right: -50%;
            transform: translate(calc(-50% + 25%));
        }
    .section_image-right {}
        .section_image-right .section_image .fl-module-content .fl-photo-content {
            position: relative;
            top: -50px;
            left: -50%;
            transform: translate(calc(50% - 25%));
        }
    .section_image-left.wide-image .section_image .fl-module-content .fl-photo-content,
    .section_image-right.wide-image .section_image .fl-module-content .fl-photo-content {
        width: 130%;
        max-width: 130%;
    }
    .section_image-left.extra-wide-image .section_image .fl-module-content .fl-photo-content,
    .section_image-right.extra-wide-image .section_image .fl-module-content .fl-photo-content {
        width: 160%;
        max-width: 160%;
    }
    .section_image-right.scoot-max .section_image .fl-module-content .fl-photo-content {
        left: -100%;
    }
    .section_image-left.scoot-max .section_image .fl-module-content .fl-photo-content {
        right: -100%;
    }
    .section_image-right.scoot-in .section_image .fl-module-content .fl-photo-content {
        left: -63%;
    }
    .section_image-left.scoot-in .section_image .fl-module-content .fl-photo-content {
        right: -63%;
    }
    .section_image-right.scoot-less .section_image .fl-module-content .fl-photo-content {
        left: -25%;
    }
    .section_image-left.scoot-less .section_image .fl-module-content .fl-photo-content {
        right: -25%;
    }
    @media screen and (max-width: 768px) {
        .section_image-left .section_image .fl-module-content .fl-photo-content,
        .section_image-right .section_image .fl-module-content .fl-photo-content,
        .section_image-left.wide-image .section_image .fl-module-content .fl-photo-content,
        .section_image-right.wide-image .section_image .fl-module-content .fl-photo-content,
        .section_image-left.extra-wide-image .section_image .fl-module-content .fl-photo-content,
        .section_image-right.extra-wide-image .section_image .fl-module-content .fl-photo-content,
        .section_image-left.scoot-max .section_image .fl-module-content .fl-photo-content,
        .section_image-right.scoot-max .section_image .fl-module-content .fl-photo-content,
        .section_image-left.scoot-in .section_image .fl-module-content .fl-photo-content,
        .section_image-right.scoot-in .section_image .fl-module-content .fl-photo-content,
        .section_image-left.scoot-less .section_image .fl-module-content .fl-photo-content,
        .section_image-right.scoot-less .section_image .fl-module-content .fl-photo-content {
            transform: translate(0, 0);
            top: 0;
            left: 0;
            right: 0;
            width: auto;
            max-width: 100%;
        }
        .section_image-right .fl-row-content > .fl-col-group {
            display: flex;
            flex-direction: column-reverse;
        }
    }

/* Page Bottom CTA */
.cta {}
    .cta_col .fl-col-content {
        padding: 200px 0;
    }
    .cta-header .fl-rich-text h2 {
        font-family: 'Industry-Book', san-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: 48px;
        font-weight: 100;
    }
    .cta-header .fl-rich-text p {
        font-family: din-2014;
        font-size: 24px;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        line-height: 1.7;
        letter-spacing: 1px;
        color: #ffffff;
    }

.donation-buttons .gfield_radio {}

    .gform_wrapper .donation-buttons .gfield_radio li {
        display: inline-block;
        border: 2px solid #333;
        background-color: #111;
        color: #ddd;
        padding: 10px 0 !important;
        border-radius: 5px;
        margin-right: 10px;
        width: calc(33.333% - 10px);
        text-align: center;
    }

    /* @media only screen and (min-width: 482px) {
        .gform_wrapper .donation-buttons .gfield_radio li {
             width: calc(16.666% - 10px);
        }
    }
*/
    .donation-buttons .gfield_radio li label {
        margin: 0 !important;
        font-size: 0.8em !important;
        z-index: 3;
        position: relative;
    }

    .gform_wrapper .donation-buttons .gfield_radio li input[type=radio] {
        appearance: none;
        -webkit-appearance: none;
        position: absolute;
        width: 100% !important;
        height: 100% !important;
        top: 0;
        left: 0;
        margin-left: 0 !important;
        z-index: 2;
    }

        .gform_wrapper .gfield.donation-buttons .gfield_radio li input[type=radio]:focus,
        .gform_wrapper .gfield.donation-buttons .gfield_radio li input[type=radio]:active {
            background: inherit !important;
            width: 100% !important;
            background-color: #444 !important;
            border-color: #666 !important;
        }

        .gform_wrapper .gfield.donation-buttons .gfield_radio li input[type=radio]:checked {
            border: 2px solid #666;
            background-color: #444;
            color: #fff;
        }
header .menu > .icon-menu-item {
    padding: 0 7px !important;
}
header .icon-menu-item ul.sub-menu .menu-item a {
    padding: 14px 0;
}
@font-face {
    font-family: 'Industry-Light';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-Light.eot');
    src: local('Industry Light'), local('Industry-Light'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Light.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Light.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Industry-Bold';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-Bold.eot');
    src: local('Industry Bold'), local('Industry-Bold'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Bold.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Bold.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Industry-BoldItalic';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-BoldItalic.eot');
    src: local('Industry Bold Italic'), local('Industry-BoldItalic'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BoldItalic.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BoldItalic.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-LightItalic';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-LightItalic.eot');
    src: local('Industry Light Italic'), local('Industry-LightItalic'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-LightItalic.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-LightItalic.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-Book';
    src: url('fonts/Industry-Book.eot');
    src: local('/wp-content/themes/fitops/fonts/Industry Book'), local('Industry-Book'),
        url('fonts/Industry-Book.eot#iefix') format('embedded-opentype'),
        url('fonts/Industry-Book.woff') format('woff'),
        url('fonts/Industry-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Industry-BlackItalic';
    src: url('fonts/Industry-BlackItalic.eot');
    src: local('/wp-content/themes/fitops/fonts/Industry Black Italic'), local('Industry-BlackItalic'),
        url('fonts/Industry-BlackItalic.eot#iefix') format('embedded-opentype'),
        url('fonts/Industry-BlackItalic.woff') format('woff'),
        url('fonts/Industry-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-BookItalic';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-BookItalic.eot');
    src: local('Industry Book Italic'), local('Industry-BookItalic'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BookItalic.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BookItalic.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-DemiItalic';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-DemiItalic.eot');
    src: local('Industry Demi Italic'), local('Industry-DemiItalic'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-DemiItalic.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-DemiItalic.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-DemiItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-Black';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-Black.eot');
    src: local('Industry Black'), local('Industry-Black'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Black.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Black.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Industry-Medium';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-Medium.eot');
    src: local('Industry Medium'), local('Industry-Medium'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Medium.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Medium.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Industry-MediumItalic';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-MediumItalic.eot');
    src: local('Industry Medium Italic'), local('Industry-MediumItalic'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-MediumItalic.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-MediumItalic.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Industry-Demi';
    src: url('https://fitops.org/wp-content/themes/fitops/Industry-Demi.eot');
    src: local('Industry Demi'), local('Industry-Demi'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Demi.eot#iefix') format('embedded-opentype'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Demi.woff') format('woff'),
        url('https://fitops.org/wp-content/themes/fitops/Industry-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}