/*
Updated: 2023-11-14 13:34:12
Theme Name: EMS G-Force
Template: twentytwentyone
Version: 1.0.0
*/

/* Variables */
:root {
    --global--font-primary: 'Open Sans', sans-serif;

    --global--font-size-base: 1rem;
    --global--font-size-xs: .75rem;
    --global--font-size-sm: 1rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 1.75rem;
    --global--font-size-xxl: 2.25rem;
    --global--font-size-xxxl: 3rem;

    --global--color-blue: #007DBD;
/*    --global--color-primary: var(--global--color-blue);*/

    --heading--font-family: 'Poppins', sans-serif;
    
    --heading--font-size-h3: var(--global--font-size-lg);
    --heading--font-size-h2: var(--global--font-size-xl);

    --heading--font-weight: bold;
    --heading--font-weight-page-title: var(--heading--font-weight);


    --button--border-radius: 10px;
    --button--border-width: 2px;
    --button--font-size: 20px;
    --button--font-weight: bold;
    --button--padding-vertical: 10px;
    --button--padding-horizontal: 50px;

    --theme-color-body-background: #ECECEC;
}
body {
    background-color: var(--theme-color-body-background);
}

.w2ui-reset *,
.w2ui-overlay * {
    border: none;
}
button.w2ui-btn:not(:hover):not(:active):not(.has-text-color) {
    color: #666;
}
.w2ui-grid .w2ui-grid-body table td.cell-dangerous {
    background-color: #f66;
}
.w2ui-grid .w2ui-grid-body table td.cell-disabled {
    background-color: #bbb;
}
.w2ui-grid .w2ui-grid-body table td.cell-warning {
    background-color: #ee0;
}
.w2ui-popup .w2ui-popup-body {
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
    font-size: inherit;
}
.w2ui-popup .w2ui-popup-body p,
.w2ui-popup .w2ui-popup-body ul {
    margin-bottom: 1em;
}
.w2ui-popup .w2ui-prompt>label {
    margin-bottom: 0;
}
.w2ui-grid .w2ui-grid-body input[type="checkbox"] {
    width: 20px; height: 20px;
    border-width: 1px;
}

#page {
    position: relative;
    overflow: hidden;
    padding-left: 350px;
/*    transition: padding-left .3s;*/
}
#site_side_wrapper {
    background: #2A3662 url('assets/img/plane.png') no-repeat left center;
    background-size: auto 90%;
    color: #fff;
    width: 350px;
    flex-shrink: 0;
    padding-bottom: 70px;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9;
    height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    transition: transform .3s;
}
#site_side_wrapper .site-header {
    padding-top: 20px;
    display: block;
    margin: 0;
}
#site_side_wrapper .site-branding {
    margin-top: 0;
    margin-left: 40px;
    margin-right: 40px;
}
.site-logo {
    margin-top: 0;
}
#site_side_wrapper .site-footer {
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    background-color: var(--global--color-blue);
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --footer--color-text: #fff;
    --footer--color-link: var(--footer-color-text);
    --footer--color-link-hover: var(--footer-color-link);
}
#site_side_wrapper .site-footer:before,
#site_side_wrapper .site-footer:after {
    display: none;
}
#site_side_wrapper .site-footer > * {
    margin: 0;
}
#site_side_wrapper .site-footer .footer-right {
    margin-left: 20px;
}
#site_side_wrapper .site-footer .site-info {
    border: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
}
#site_side_wrapper .site-footer a:not(:hover) {
    text-decoration: none;
}
#site_side_wrapper .primary-menu-container {
    margin-left: 0;
    margin-right: 0;
}
#site_side_wrapper .primary-menu-container .menu-wrapper {
    display: block;
    --primary-nav--color-link: #fff;
    --primary-nav--color-link-hover: var(--primary-nav--color-link);
}
.front-page #page {
    padding-left: 50%;
}
.front-page #site_side_wrapper {
    width: 50%;
}
.front-page #content.site-content {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#site_side_wrapper .front-page-content {
    padding: 0 10%;
}
#site_side_wrapper .primary-navigation {
    margin-left: 0;
    margin-top: calc(1.5 * var(--global--spacing-vertical));
}
#site_side_wrapper .primary-navigation li {
    padding-left: var(--global--spacing-horizontal);
}
#site_side_wrapper .primary-navigation .current-menu-item {
    background-color: var(--global--color-blue);    
}
#site_side_wrapper .primary-navigation .current-menu-item > a {
    text-decoration: none;
}
#site_side_wrapper .primary-navigation a:focus {
    background: transparent;
}

.singular .entry-header {
    border: none;
    padding-bottom: 0;
    margin-bottom: calc(1.5 * var(--global--spacing-vertical));
}

#content.site-content {
    padding-left: var(--global--spacing-horizontal);
    padding-right: var(--global--spacing-horizontal);
    position: relative;
    z-index: 0;
}
#content.site-content #primary {
    width: 100%;
}

.media-modal button {
    border-radius: 0;
    color: #1d2327 !important;
    background: transparent !important;
}

.button, button, input[type="submit"], input[type="reset"] {
    display: inline-block;
}
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: var(--global--color-blue);
    color: var(--global--color-white);
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    font-size: var(--global--font-size-base);
}
.select2-container.-acf .select2-selection {
    border: var(--form--border-width) solid var(--form--border-color);
    border-radius: 0;
    background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
    background-position: right var(--form--spacing-unit) top 60%;
    height: auto;
}
.select2-container.-acf .select2-selection .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
    padding-bottom: 4px;
}
.acf-form-submit {
/*    text-align: right;*/
    margin-top: var(--global--spacing-vertical);
}
.acf-fields {
    margin-left: calc(-0.5 * var(--global--spacing-horizontal));
    margin-right: calc(-0.5 * var(--global--spacing-horizontal));
}
.acf-fields > .acf-field:not(.acf-field-file) {
    border: none !important;
    padding: 0 calc(0.5 * var(--global--spacing-horizontal)) calc(1 * var(--global--spacing-vertical));
}
.acf-table > tbody > tr > td.acf-fields {
    padding-top: calc(1 * var(--global--spacing-vertical));
}
.acf-field .acf-label label {
/*    font-size: 1rem;*/
    margin-bottom: 0;
    line-height: 1;
}
.acf-field .acf-file-uploader .file-icon {
    padding: 0;
}
.acf-field .acf-file-uploader .file-icon img {
    width: 30px;
}
.acf-field .acf-file-uploader .file-icon .file-info--link {
    display: block;
    padding: 10px;
}
.acf-field .acf-file-uploader .file-wrap {
    min-height: 62px;
}
.acf-field .acf-file-uploader .file-info {
    margin-left: 55px;
}
.acf-field .acf-file-uploader .file-info .file-info--link {
    font-size: 130%;
    text-decoration: underline;
}
.acf-field .acf-file-uploader .file-info .file-info--size {
    opacity: .3;
    margin-bottom: 0;
}
.acf-field .acf-file-uploader .acf-button {
    padding: 5px 10px;
}
.acf-field .acf-file-uploader .hide-if-value {
    padding: 10px;
}
.ui-datepicker {
    width: 250px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    padding-top: 0;
    padding-bottom: 0;
    border-width: 1px;
}


.front-page .front-page-content {
    margin-top: calc(3 * var(--global--spacing-vertical));
}
.site-main > * {
    margin-top: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}
.mb-1\.5 {
    margin-bottom: calc(1.5 * var(--global--spacing-vertical));    
}

.front-page .entry-header .entry-title {
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
}

.tml-links {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.entry-header.action-buttons {
    display: flex;
    align-items: center;
}
.entry-header.action-buttons .entry-title {
    margin-right: auto;
    margin-bottom: 0;
}
.entry-header.action-buttons .action-button {
    margin-top: 0;
    margin-left: var(--global--spacing-horizontal);
}

.table-small {
    height: 250px;
}
.table-medium {
    height: 400px;
}
.table-large {
    height: 600px;
}

header.entry-header.page-sticky-header {
    position: sticky;
    margin: calc(-1 * var(--global--spacing-vertical)) calc(-1 * var(--global--spacing-horizontal));
    margin-bottom: var(--global--spacing-vertical);
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
    background-color: var(--global--color-white);
}
header.entry-header.page-sticky-header .page-title {
    font-size: var(--global--font-size-xl);
}
.panel-wrapper {
    border-radius: 12px;
    background-color: var(--global--color-white);
    margin-bottom: calc(1 * var(--global--spacing-vertical));
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
.panel-title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 2px solid #F5F5F5;
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}
.columns-wrapper {
    display: flex;
}
.columns-wrapper .column:not(:first-child) {
    margin-left: var(--global--spacing-horizontal);
}
.column.col-30 {
    width: 30%;
}
.column.col-35 {
    width: 35%;
}
.column.col-65 {
    width: 65%;
}
.column.col-70 {
    width: 70%;
}


.post-date {
    color: var(--global--color-blue);
    font-size: 11px;
    font-weight: bold;
    font-family: var(--heading--font-family);
}
.post-date .sep {
    color: var(--global--color-light-gray);
    margin-left: calc(var(--global--spacing-horizontal) / 3);
    margin-right: calc(var(--global--spacing-horizontal) / 3);
}
.banded-records-wrapper .banded-record {
    padding-top: calc(0.5 * var(--global--spacing-horizontal));
    padding-bottom: calc(0.5 * var(--global--spacing-horizontal));
}
.banded-records-wrapper .banded-record:nth-child(2n) {
    background-color: #F7F8FC;
}
.panel-content .banded-records-wrapper {
    margin-top: calc(-0.5 * var(--global--spacing-vertical));
}
.panel-content .banded-records-wrapper .banded-record:nth-child(2n) {
    margin-left: calc(-1 * var(--global--spacing-horizontal));
    margin-right: calc(-1 * var(--global--spacing-horizontal));
    padding-left: calc(1 * var(--global--spacing-horizontal));
    padding-right: calc(1 * var(--global--spacing-horizontal));
}
.panel-content #message {
    margin-bottom: var(--global--spacing-horizontal);
}
.panel-content .panel-actions {
    text-align: center;
    margin-top: calc(1 * var(--global--spacing-vertical));
}

.wp-editor-wrap button {
    border-radius: 0;
}
.wp-editor-wrap button:not(:hover):not(:active):not(.has-text-color),
.wp-editor-wrap .button:not(:hover):not(:active):not(.has-text-color) {
    background-color: transparent;
    color: #595959;
}

.side-slide-popup {
    position: fixed;
    left: 0; top: 0; bottom: 0; right: 0;
    margin: 0;
    background: transparent;
    z-index: 9999;
    overflow: hidden;
    visibility: hidden;
}
.side-slide-popup.active {
    visibility: visible;
    background-color: rgba(0,0,0,.2);
}
.side-slide-popup-inner {
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
    position: absolute;
    margin: 0;
    top: 0; bottom: 0; right: 0;
    background: #ececec;
    overflow: auto;
    width: 550px;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    transform: translateX(550px);
    transition: transform .3s;
    transition-delay: 100ms;
    visibility: hidden;
}
.side-slide-popup.active .side-slide-popup-inner {
    visibility: visible;
    transform: translateX(0);
}
.popup-header {
    position: relative;
    padding-right: 50px;
}
.popup-header .popup-close {
    padding: 0;
    background: transparent;
    color: inherit;
    border-radius: 0;
    border: none;
    position: absolute;
    right: 0; top: 0;
    font-size: 30px;
    line-height: 30px;
}

.site-copyright {
    text-align: center;
    font-size: .8rem;
    color: gray;
    text-shadow: 1px 1px white
}
.icon-button, .button-seamless {
    border: none;
    padding: 0;
}
.icon-button {
    font-size: 26px;
    display: flex;
    align-items: center;
    position: relative;
}
.icon-button .btn-caption {
    font-size: 60%;
    margin-left: .5em;
}
.icon-button .icon-count {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(30%, -30%);
    font-size: 50%;
    background: red;
    padding: .1em;
    border-radius: 50%;
    min-width: 1.2em;
    text-align: center;
    line-height: 1.1;
}

.acf-fields > .acf-field.ems-document-field {
    padding: 0;
}
.ems-document-field .acf-label {
    display: none;
}
.ems-document-field .acf-file-uploader .file-wrap {
    border: none;
}
.ems-document-field .acf-file-uploader .acf-basic-uploader {
    display: inline-block;
    padding: 10px;
    margin-bottom: 0;
}


.media-modal .delete-attachment, .media-modal .trash-attachment, .media-modal .untrash-attachment {
    font: inherit;
    color: #d63638 !important;
}
.wp-core-ui .attachment.details .check, .wp-core-ui .attachment.selected .check:focus, .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
    background-color: var(--global--color-blue) !important;
}


@media screen and (max-width: 1199px) {
    .columns-wrapper {
        flex-direction: column;
    }
    .columns-wrapper .column:not(:first-child) {
        margin-left: 0;
    }
    .columns-wrapper .column {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .primary-navigation > .primary-menu-container {
        visibility: visible;
    }
}

@media screen and (max-width: 767px) {
    #page {
        padding-left: 0;
        padding-top: 70px;
    }
    #site_side_wrapper {
        background-image: none;
        width: 100%;
        bottom: auto;
        right: 0;
        height: 70px;
        overflow: visible;
        flex-direction: row;
        padding: 10px var(--global--spacing-horizontal);
    }
    #site_side_wrapper .site-header {
        padding: 0;
    }
    .site-logo .custom-logo {
        max-height: 50px;
    }
    #site_side_wrapper .site-branding {
        margin: 0;
    }
    .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        display: block;
    }
    #site_side_wrapper .site-footer {
        padding: 0;
        position: relative;
        background-color: transparent;
        margin-left: auto;
        margin-right: 45px;
    }
    #site_side_wrapper .site-footer button {
        background-color: transparent;        
    }
    .menu-button-container {
        display: block;
        right: 10px; 
        top: 10px;
        padding: 0;
    }
    .primary-navigation-open .menu-button-container {
        width: auto;
        background-color: transparent;
    }
    .menu-button-container #primary-mobile-menu {
        padding: 10px;
        color: #fff;
        font-size: 26px;
    }
    #site_side_wrapper .primary-navigation {
        margin-top: 0;
    }
    .primary-navigation > .primary-menu-container {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        height: 100vh;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;        
        padding-top: calc(var(--button--line-height)* var(--primary-nav--font-size-button) + 42px + 5px);
        padding-left: var(--global--spacing-unit);
        padding-right: var(--global--spacing-unit);
        padding-bottom: var(--global--spacing-horizontal);
        background-color: #2A3662;
        transform: translateY(var(--global--spacing-vertical));
    }
    .primary-navigation-open .primary-navigation {
        width: 100%;
        position: fixed;
        z-index: 2;
    }
    .acf-fields > .acf-field {
        width: 100% !important;
    }

    .front-page #page {
        padding-left: 0;
        padding-top: 0;
    }
    .front-page #content.site-content {
        min-height: 0;
    }
    .front-page #site_side_wrapper {
        width: auto; height: auto;
        position: relative;
        background-image: url('assets/img/plane.png');
    }
    .front-page #site_side_wrapper .site-footer {
        display: none;
    }
    .front-page .front-page-content {
        margin-bottom: calc(3* var(--global--spacing-vertical));
    }
}