/**
 * Custom Child Theme Styling for Battleboards 
 * @authose Multid
 *
 */

/** Header Menu **/
#user-management-menu-wrapper {
    background-color: #032C3A;
    display: inline-block; 
    padding: 5px 0;
    width: 100%;
}

ul.user-management-menu {
    display: inline-block;
    float: right;
    margin: 0; 
    padding: 0; 
}

ul.user-management-menu li { 
    float: left;
    list-style-type: none;
    margin-left: 15px;;
}


/** Block Content adjustments **/
.page-id-726 .block-content {
    padding: 0 0 100px !important;
}


/** Gravity Forms **/
.gform-theme--foundation legend, 
.gform-body label.gform-field-label {
    color: #fff !important;
}


/** Registration Form **/
#user-registration {
    background-color: #032C3A;
}

#user-registration p {
    color: #fff; 
}

#user-registration-form {
    margin: 0 auto 280px; 
    width: 100%;
}

#user-registration-form input[type=color], 
#user-registration-form input[type=date], 
#user-registration-form input[type=datetime-local], 
#user-registration-form input[type=datetime], 
#user-registration-form input[type=email], 
#user-registration-form input[type=month], 
#user-registration-form input[type=number], 
#user-registration-form input[type=password], 
#user-registration-form input[type=search], 
#user-registration-form input[type=tel], 
#user-registration-form input[type=text], 
#user-registration-form input[type=time], 
#user-registration-form input[type=url], 
#user-registration-form input[type=week], 
#user-registration-form select, 
#user-registration-form textarea {
    background-color: #125764 !important;
    color: #fff;
    width: 100%;
}

#user-registration-form .gem-button, 
#user-registration-form input[type='submit'] {
    background-color: #F3702A;
    color: #fff;
    margin: 0;
}

#user-registration-form .gem-button:hover, 
#user-registration-form .gem-button:focus, 
#user-registration-form input[type='submit']:hover,
#user-registration-form input[type='submit']:focus {

}
 
 
/** Login Forms **/
#user-login-form { 
    max-width: 300px;
    margin: 0 auto 40px; 
    width: 100%;
}

#user-login-form input[type=color], 
#user-login-form input[type=date], 
#user-login-form input[type=datetime-local], 
#user-login-form input[type=datetime], 
#user-login-form input[type=email], 
#user-login-form input[type=month], 
#user-login-form input[type=number], 
#user-login-form input[type=password], 
#user-login-form input[type=search], 
#user-login-form input[type=tel], 
#user-login-form input[type=text], 
#user-login-form input[type=time], 
#user-login-form input[type=url], 
#user-login-form input[type=week], 
#user-login-form select, 
#user-login-form textarea {
    background-color: #125764 !important;
    color: #fff;
    width: 100%;
}

#user-login-form .gem-button, 
#user-login-form input[type='submit'] {
    background-color: #F3702A;
    border: 0 !important;
    color: #fff;
    margin: 0;
}

#user-login-form input[type=color],
#user-login-form input[type=date], 
#user-login-form input[type=datetime-local], 
#user-login-form input[type=datetime], 
#user-login-form input[type=email], 
#user-login-form input[type=month], 
#user-login-form input[type=number], 
#user-login-form input[type=password], 
#user-login-form input[type=search], 
#user-login-form input[type=tel], 
#user-login-form input[type=text], 
#user-login-form input[type=time], 
#user-login-form input[type=url], 
#user-login-form input[type=week], 
#user-login-form select, 
#user-login-form textarea {
    border: 0;
}

#user-login-form .gem-button, 
#user-login-form input[type='submit'] {
    clear: both;
    float: left;
}


/** Login / Registration Form CSS **/
#user-registration *, 
#user-registration.user-registration {

}

.ur-frontend-form {
    border: 0 !important;
    padding: 0;
}

#ur-frontend-form,
.user-registration ur-frontend-form {
    background: #032C3A !important;
    border: 0;
    box-shadow: none;
}

.ur-frontend-form .ur-form-row {
    /*
    display: block !important;
    width: 100% !important;
    */
}

.ur-frontend-form .ur-form-row .ur-form-grid {
    padding: 0 !important;
}

.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url], 
.ur-frontend-form .ur-form-row .ur-form-grid select, 
.ur-frontend-form .ur-form-row .ur-form-grid textarea {
    background-color: #125764 !important;
    border: 0 !important;
    color: #fff;
    height: 35px;
    padding: 5px 10px;
    width: 100%; 
}

.ur-frontend-form .ur-form-row .ur-form-grid label, 
.ur-frontend-form .ur-form-row .ur-form-grid legend {
    color: #fff;
    text-transform: uppercase;
}

.ur-frontend-form .ur-form-row .ur-form-grid label a, 
.ur-frontend-form .ur-form-row .ur-form-grid legend a {
    color: #fff; 
}

@media (min-width:768px) {

    .ur-frontend-form .ur-form-row .ur-form-grid:first-of-type {
        padding-right: 20px !important;
    }

}

.ur-frontend-form #ur-recaptcha-node {
    margin: 20px 0 !important;
}



label.user-registration-form__label-for-checkbox {
    display: inline-block !important;
    width: 100%;
}

.ur-frontend-form .ur-button-container {
    padding: 0;
}

.ur-frontend-form .ur-button-container .ur-submit-button {
    background-color: #F3702A;
    border: 0 !important;
    color: #fff;
    margin: 0;
    padding: 5px 20px;
    text-transform: uppercase;
}





/** **/
/*
a.teams-thumb {
    display: block;
    float: left;
    min-height: 200px;
    height: 200px;
    overflow: hidden;
    width: 100%;
}

a.teams-thumb img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
*/


.tabs {
    width: 100%;
}

ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
}

ul#tabs-nav li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 8px 10px;
    cursor: pointer;
}

ul#tabs-nav li:hover > a,
ul#tabs-nav li.active > a {
    color: #F3702AFF;
}

ul#tabs-nav ul {
    margin: 0; 
    padding: 0;
}

#tabs-nav li a {
    text-decoration: none;
    color: #FFF;
}


#tabs-content {
    display: block;
    width: 100%;
}

.tab-content {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.tab-content-item {
    padding: 10px;
    margin: 4px;
    flex: 0 1 calc(20% - 8px); /* <-- adjusting for margin */
    text-align: center;
}

@media screen and (max-width:580px) {

    .tab-content-item {
        flex: 0 1 calc(100%);
    }

}

@media (min-width:581px) and (max-width:767px) {

    .tab-content-item {
        flex: 0 1 calc(50% - 8px);
    }
    
}

@media (min-width:768px) and (max-width:991px) {

    .tab-content-item {
        flex: 0 1 calc(33.333% - 8px);
    }
    
}
  
.tab-content h4, 
.tab-content h4.title-h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

.tab-content .ranking p {
    color: #fff; 
    text-transform: uppercase;
}


/** Font Form **/
.acf-repeater > table {
    background-color: #032C3A !important; 
    color: #fff !important;
}

.acf-fields.-left > .acf-field,
.acf-repeater .acf-row-handle.order,
.acf-repeater .acf-row-handle.remove {
    background-color: #032C3A !important;
}

/*
.acf-field .acf-label label {
    color: #fff !important; 
    font-size: 12px;
}
*/

.acf-fields.-left > .acf-field > .acf-label {
    /* display: none !important; */
}


.acf-fields.-border {
    border: 0 !important;
}

.acf-fields.-left > .acf-field:before {
    background: #032C3A !important; 
}

.acf-field-group {
    background-color: #032C3A;
}

.acf-field-group .acf-fields.-left > .acf-field:before {
    display: none !important;
}

.acf-field-group .acf-fields.-left > .acf-field > .acf-label {
    width: 100%;
}

.acf-field-group .acf-fields.-border {
    background: #032C3A !important; 
}

.acf-field-group .acf-fields.-border .acf-field .acf-label label {
    font-size: 12px;
}

ul.acf-radio-list li label, 
ul.acf-checkbox-list li label {
    color: #fff !important;
}

.acf-field .acf-label label, 
.acf-field-group .acf-label label {
    color: #fff !important;
}

.acf-fields > .acf-field {
    border: 0 !important;
    padding: 16px 0 !important;
}

.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,
#page .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #125764 !important;
    border: 0 !important;
    color: #fff;
    height: 35px;
    padding: 5px 10px;
    width: 100%;   
}

#page .select2-container .select2-selection--single {
    background-color: #125764 !important;
    border-color: #032C3A;
    border-radius: 0;
}

#page .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px;
}

.acf-field .acf-table .acf-label label {
    color: #fff !important;
    font-size: 14px;
}

/*.page-template-page-submit-school .acf-form*/
#submit-school-fe {
    background-color: #032C3A;
    display: block;
    margin: -120px auto 0;
    padding: 40px 40px 300px 40px;
    max-width: 1140px;
    width: 100%;
}

#submit-school-fe p {
    color: #fff;
}

#submit-school-fe .gem-button, 
#submit-school-fe input[type='submit'] {
    background-color: #F3702A;
    color: #fff;
    margin: 0 !important;
}

@media (max-width:1281px) {

    /*.page-template-page-submit-school .acf-form*/
    #submit-school-fe {
        max-width: 1024px;
        padding: 40px 20px 400px 20px;
    }

}

@media (max-width:1044px) {

    /*.page-template-page-submit-school .acf-form*/
    #submit-school-fe {
        margin-right: 10px; 
        margin-left: 10px;
        padding: 20px 20px 360px 20px;
    }

}

@media (max-width:767px) {

    #submit-school-fe {
        margin-right: 0; 
        margin-left: 0;
        padding: 40px 20px 280px 20px;
    }

}


/** Login Page – Logged in **/
.logged-in #user-login-form {
    max-width: 100% !important;
}

.logged-in #user-login-form .user-registration-profile-header h3, 
.logged-in #user-login-form .user-registration-profile-header span.user-registration-nick-name {
    display: none !important;
}


/** Hide registration **/
.user-registration-error {
    /* display: none !important; */
}

.user-registration-error {
    border-top-color: #ff0f0f;
    background: #ff0f0f;
    /*
    border-top-color: #F3702A;
    background: #F3702A;
    */
    color: #ffffff;
}

.user-registration-message {
    border-top-color: #F3702A;
    background: #F3702A;
    color: #FFF;
}

.user-registration-error, 
.user-registration-info, 
.user-registration-message {
    padding: 2px 15px 5px !important;
}

#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid>div:not(#ur-recaptcha-node) {
    float: left !important;
}

p.lost_password,
p.user-registration-register {
    clear: both;
    width: 100%;
    margin: 15px 0 0 0;
    display: inline-block;
}


/** Hide the team members repeater section **/
.acf-field-repeater {
    display: none !important;
}

a.acf-button {
    background-color: #F3702A;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
    text-transform: uppercase;
}

a.acf-button:hover, 
a.acf-button:focus { }



/** Schools/Team Pages **/
.schools-template .block-content {
    padding: 0 0 100px !important;
}

.schools-template  { 
    /* 
    display: block;
    */
}

#school-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;  
    justify-content: space-between;
	flex-wrap: wrap;
}

#school-detail .col { 
    display: flex;
    margin: 0 0 1px 0;
    /*width: calc(50vw - 0px);*/
    width: 50%;
}

@media (max-width:767px) {

    #school-detail .col { 
        /*width: calc(100vw - 0px);*/
        width: 100%;
    }

}

#school-detail .school-logo {
    background: #fff;
    justify-content: center;
}

@media screen and (max-width:767) {

    .school-logo img {
        max-width: 300px;
        width: 100%;
    }
}

#school-detail .school-logo img {
    /* width: 60%; */
    max-width: 320px;
    height: auto; 
    padding: 20px;
    width: 100%;
}


.school-inner-content {
    display: inline-block;
    padding-left: 10%;
    width: 100%;
}

.school-inner-content h2 {
    color: #F3702A;
    margin: 1.0em 0 0.6em;
    font-size: 28px;
    line-height: 32px;
}

.school-inner-content p {
    color: #fff;
    font-family: 'Poppins';
    text-transform: uppercase;
}

.school-inner-content p span {
    font-weight: 600;
}


.team-members-list {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    margin-top: 40px;
}

.team-member-item {
    padding: 10px;
    margin: 4px;
    flex: 0 1 calc(20% - 8px);
    text-align: center;
}

.school-ranking-content {

}

.school-ranking-content p {
    color: #F3702A; 
    margin: 0;
}


.team-member-item p {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 18px;
}

.team-member-item p b {
    color: #F3702A;
}

.team-member-number {
    background-color: #125764;
    color: #F3702A;
    height: 140px;
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 10px;
    text-align: center;
    padding: 40px; 
    width: 100%;
}


/** Form error sand validation **/
.acf-notice.-error {
    background: #ff0f0f !important;
    border-color: #ff0f0f !important;
    /*
    background: #F3702A !important;
    border-color: #F3702A !important;
    */
}

.acf-field .acf-notice.-error { 
    background: #F3702A !important;
    color: #fff !important;
    border-color: #F3702A !important;
}

.page-id-1923 form.elementor-form {
    margin-bottom: 140px !important;
}