/*
Theme Name: Senati Admision
Author: Joseph
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    background: black;
    /*background-image: url(/wp-content/themes/senatiAdmision/assets/slide-1.jpg);*/
    background-size: cover;
    background-position: center;
    font-family: 'BigNoodleTitling';
    font-weight: normal;
    font-style: normal;
}
hr {
    display: none;
}
#myVideo {
  position: fixed;
    /* right: 0; */
    /* bottom: 0; */
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.voer_la{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.content hr {
    display: block;
}
.container-fluid {
    padding: 1rem;
    height: 100vh;
}
.custom-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.custom-container .cont-all {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h-100vh {
    height: 100vh;
}
.zandgar__wizard .zandgar__step {
    display: none;
}
.zandgar__wizard .zandgar__step.zandgar__step__active {
    display: block;
}
.step {
    border: 1px solid #ffff;
    padding: 0 0.5rem;
}
.step .step-item {
    min-height: .7rem!important;
}
.form-completed {
    display: none;
}
.zandgar__prev {
    display: none!important;
}
.step .step-item::before, .step .step-item:not(:first-child)::before {
    background: #fff;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    transition: width .5s
}
.step .step-item.active~.step-item::before {
    background: transparent;
    transition: width .5s;
    width: 0%;
}
.logo-senati {
    max-width: 185px;
}
.text-white {
    color: #fff;
}
.tec-bac {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}
.tec h4, .tec h6, .tec h5, .tec h2, .tec h3, .tec-bac h4, .tec-bac h3, .tec-bac h1 {
    margin: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.tec-bac .content {
    background-image: url(/wp-content/themes/senatiAdmision/assets/base-title.png);
    background-size: contain;
    padding: 1.9rem 2rem;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
}
.colum-form-step {
    width: 31rem!important;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    margin: 2rem auto 0;
    position: relative;
    display: block;
    min-height: 228px;
}
.text--conten {
    min-height: 140px;
}
.colum-form-step::before, .colum-form-step::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    border-bottom: 15px solid rgba(0, 0, 0, 0.5);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.colum-form-step:before {
    border-left: 15px solid rgba(0, 0, 0, 0.5);
}
.colum-form-step:after {
    border-right: 15px solid rgba(0, 0, 0, 0.5);
}
.colum-form-step:after {
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 15px solid rgba(0, 0, 0, 0.5);
}
.colum-form-step select, .colum-form-step input {
    color: #fff;
    background: transparent;
    position: relative;
    background-image: url(/wp-content/themes/senatiAdmision/assets/input-back.png)!important;
    background-color: transparent!important;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 1rem;
    text-transform: uppercase;
}
.colum-form-step select {
    z-index: 2;
    background: url(/wp-content/themes/senatiAdmision/assets/input-back.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
.colum-form-step input::-webkit-input-placeholder, .colum-form-step input:-ms-input-placeholder, .colum-form-step input::placeholder {
    text-transform: uppercase;
}
.colum-form-step select:focus, .colum-form-step input:focus {
    /* background: url(/wp-content/themes/senatiAdmision/assets/input-back.png)!important;*/
    border-color: transparent!important;
    box-shadow: none!important;
}
.colum-form-step select {
    color: #fff!important;
    padding: 0 1rem!important;
    height: 40px;
}
.form-input:not(:placeholder-shown):invalid:focus {
    background: url(/wp-content/themes/senatiAdmision/assets/input-back.png);
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
}
.colum-form-step .box_cut {
    position: relative;
}
.colum-form-step .heigh-invisible {
    height: 40px;
}
.btn-senati {
    position: relative;
    background: #0A39E2!important;
    border: none;
    padding: .7rem 1rem;
    height: auto;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: initial;
}
.daltanext_to_dni {
    pointer-events: all;
    opacity: 1;
}
.daltanext_to_dni.no-show {
    pointer-events: none;
    opacity: .4;
}
.btn-senati p {
    margin: 0;
}
.top-left {
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0E62BC;
    left: 0px;
    top: 0px
}
.top-right {
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0E62BC;
    right: 0px;
    top: 0px
}
.bottom-left {
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0E62BC;
    left: 0px;
    bottom: 0px
}
#footer[role="contentinfo"] {
    display: none;
}
.bottom-right {
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0E62BC;
    right: 0px;
    bottom: 0px
}
.button_play {
    position: fixed;
    bottom: 1rem;
}
.button_play a {
    margin-bottom: 1rem;
    display: flex;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}
.modal.modal-lg .modal-overlay {
    background: rgba(0, 0, 0, 0.53)!important;
    margin: 0!important;
}
.modal-container {
    background: rgba(0, 0, 0, 0.34)!important;
    color: #fff!important;
}
.modal-container .modal-header, .modal-container .modal-body {
    color: #fff!important;
}
.field__genre {
    position: relative;
}
.term--ocu a {
    color: #fff;
    margin-top: .4rem;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    text-decoration: underline;
}
.arrow_sele {
    z-index: 1;
    position: absolute;
    width: 15px;
    height: 15px;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
}
.arrow_sele svg {
    width: 15px;
    height: 15px;
    fill: #fff;
}
@media (max-width: 960px) {
    .colum-form-step {
        width: 100%!important;
    }
    .h-100vh {
        height: 100%;
    }
    .container-fluid {
        margin-bottom: 1rem;
        padding: 1rem;
        height: auto;
    }
}
@media (max-width: 768px) {
    .arrow_sele {
        position: absolute;
        width: 15px;
        height: 15px;
        right: 2.3rem;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .colum-form-step {
        width: 100%;
    }
    .h-100vh {
        height: 100%;
    }
    .container-fluid {
        margin-bottom: 1rem;
        padding: 1rem;
        height: auto;
    }
}
@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .colum-form-step {
        width: 100%!important;
    }
    .h-100vh {
        height: 100%;
    }
    .container-fluid {
        margin-bottom: 1rem;
        padding: 1rem;
        height: auto;
    }
}
select option {
    color: #000!important;
}
@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */
    /*.colum-form-step {
        width: 100%;
    }
    .h-100vh {
        height: 100%;
    }
    .container-fluid {
        margin-bottom: 1rem;
        padding: 1rem;
        height: auto;
    }*/
}
/*
.colum-form-step .box_cut::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    border-bottom: 15px solid rgba(0, 0, 0, 0.5);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.colum-form-step .box_cut:before {
    border-left: 15px solid rgba(0, 0, 0, 0.5);
}*/