/*
Main look & feel
*/

body {
    padding: 0px;
    margin: 0px;
    background-image: url('<?php echo get_template_directory_uri(); ?>/img/mobile_header_bg.svg');
    background-color: #3C7470;
    background-color: linear-gradient(149deg, #2D2D2D 0%, #3C7470 100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}

@media (min-width: 576px) {}


@media (min-width: 768px) {}


@media (min-width: 992px) {}


@media (min-width: 1200px) {}


@media (min-width: 1400px) {}

/* WP 2FA */

.wp-2fa-configuration-form h2,
.wp-2fa-configuration-form .description,
.wp-2fa-configuration-form table {
    display: none;
}

.wp-2fa-configuration-form .modal__overlay {
    background-color: transparent;
    align-items: start;
    margin-top: 10vw;
}

.wp-2fa-configuration-form .wp2fa-setup-actions button {
    display: block !important;
    width: 100% !important;
    background-color: #00ccc0;
    color: #fff;
    border-radius: 10px;
    border: 0px;
    text-transform: none;
    font-family: "quicksand", sans-serif;
    font-weight: 600;
}

.wp-2fa-configuration-form .modal__overlay .wizard-step a.button:link,
.wp-2fa-configuration-form .modal__overlay .wizard-step a.button:visited {
    display: block !important;
    width: 100% !important;
    background-color: #00ccc0;
    color: #fff;
    border-radius: 10px;
    border: 0px;
    text-transform: none;
    font-family: "quicksand", sans-serif;
    font-weight: 600;
    text-decoration: none;
    padding: 0.6em 1em 0.4em;
}

.wp-2fa-configuration-form .wp2fa-setup-actions button:hover,
.wp-2fa-configuration-form .modal__overlay .wizard-step a.button:hover {
    animation: none;
    transition: none;
    background-color: #333;
    border: 0px;
}

.wp-2fa-configuration-form .modal__overlay .wizard-step button.wp-2fa-button-secondary {
    background-color: #e3e3e3;
    color: #333;
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 0px;
    text-transform: none;
    font-family: "quicksand", sans-serif;
    font-weight: 600;
    margin: 10px 0px;
}

.wp-2fa-configuration-form .modal__overlay .wizard-step button.wp-2fa-button-secondary:hover {
    background-color: #333333;
    color: #fff;
}

/* ITM login: itm-login page */

.site aside.widget-area {
    width: 50vw;
    margin-left: 25vw;
    margin-top: 10%;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.site aside.widget-area section.widget.widget_mo_oauth_widget {
    margin: 0px;
}

.site aside.widget-area section.widget.widget_mo_oauth_widget a .mo_oauth_login_button_widget {
    display: grid;
    grid-template-columns: 100%;
    background-color: #333333;
    border: 0px;
    align-items: center;
    padding: 10px;
}

.site aside.widget-area section.widget.widget_mo_oauth_widget a .mo_oauth_login_button_widget h3 {
    width: 100%;
    text-align: center;
}

.site aside.widget-area section.widget.widget_mo_oauth_widget a .mo_oauth_login_button_widget .mo_oauth_login_button_icon_widget {
    display: none;
    border-right: 0px;
}