/*
Theme Name: Device Readiness Tool
Theme URI: https://devicereadinesstool.com
Author: Graham Bowman
Description: Child Theme of Betheme
Template: betheme
Version: 2.0.2.2
*/

/* Variables */
:root {
    --w11r-main-color: #0a4b8c;
    --w11r-main-color-dark: #04315f;
    --w11r-main-color-light: #2269b1;
    --w11r-secondary-color: #9bbed4;
    --w11r-secondary-color-dark: #7a9db6;
    --w11r-secondary-color-light: #c4d9e8;
    --w11r-font-family: 'Poppins', sans-serif;
}

/*body {*/
/*    background: linear-gradient(164deg, rgb(0 0 0) 0%, rgb(0 80 142) 100%);*/
/*    min-height: 100%;*/
/*}*/


/* Header */
.top_bar_left.clearfix:after, .top_bar_left.clearfix:before {
    content: none;
}
.top_bar_left {
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#Top_bar .logo #logo {
    min-height: 45px;
    height: auto!important;
}
#Top_bar .logo #logo img {
    height: 45px;
    vertical-align: inherit;
}
.is-sticky h1.logo-text {
    display: none;
}
#Top_bar #logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* Override @media only screen and (max-width: 767px) {
    #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
        padding: 0 !important;
        margin: 10px 50px;
    }
}*/

#Top_bar #logo .logo-text {
    vertical-align: middle;
}
h1.logo-text {
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    padding-left: 30px;
}

body {
    font-size: 18px;
    --mfn-button-font-size: 20px;
}

#Content {
    padding-top: 0!important;
    /*padding-bottom:200px;*/
}

#Top_bar {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.32) !important;
}

div#Wrapper:has(#Footer.is-sticky) #Content {
    padding-bottom: 300px;
}

#Footer .widgets_wrapper {
    padding: 0;
}

.footer-links a {
    line-height: 40px;
}

.margin-0 {
    margin: 0!important;
}
.text-center {
    text-align: center;
}

.um_request_name {
    display: none!important;
}

/* Gravity Forms */
span.gfield_required {
    display: none !important;
}
.gf_progressbar_wrapper {
    display: none !important;
}

/* Range Slider */
body .gform_wrapper .noUi-connect {
  background: #10a800 !important;
}

/* Image Choice */
.ginput_container_image_choice .gfield_radio {
    /*flex-direction: column !important;*/
}
.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper {
    aspect-ratio: auto!important;
}
.ginput_container_image_choice .gchoice {
    margin-bottom: 20px;
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 7px;
}
.ginput_container_image_choice .gfield-choice-image-wrapper::before {
    border: none!important;
}
.grecaptcha-badge {
    display: none!important;
}
body .gform_confirmation_wrapper .gform_confirmation_message {
    color: #222222;
    background: #ffffff;
}

.gform_previous_button.button {
 border-color: #6b7280;
}


/* Button */
.dark .button {
    color: #ffffff;
}

/* Results */
.dark .esu-table, .dark .esu-table th, .dark .esu-table td {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.dark a:not(.button) {
    color: #ffffff!important;
    text-decoration: underline;
}

.esu-table th {
    background: var(--w11r-main-color-dark)!important;
    color: #fff!important;
}

/* Close button */
a.exit-mfn-popup.exit-mfn-popup-abs {
    top: 0px !important;
}

.ms-logo {
    padding-right: 60px;
}

/*.has_content .the_content_wrapper {
    overflow: scroll;
}*/

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


#progress-nav {
    background-color: var(--w11r-main-color);
}