@import url(colors.css);
@import url(buttons.css);
@import url(fonts.css);

/* General styles */
    .container-form { background-color: var(--blue); border-radius: 1rem; }
    .hr-3x { height: 3px !important; }
    .form-select { font-family:  Arial, Helvetica, sans-serif !important; }
    .form-check-input:checked { background-color: var(--green); border-color: var(--green); outline: none; box-shadow: none; }
    .bg-default { background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
/* END General styles */

@media screen and (max-width: 350px) {
    .flags-forms { width: 1.5rem; transition: all .4s ease; }
    .flags-forms:hover { transform: scale(1.1); }
    .form-icons { margin-top: 5rem; }
    .bg-live { background-image: url(../imgs/bg2-mobile.jpg); background-size: cover; background-repeat: no-repeat;  background-attachment: fixed; }
    .bg-default { background-image: url('../imgs/bg1-mobile.jpg'); background-attachment: fixed; }
    .rounded-top-start { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-start { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .rounded-top-end { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-end { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .time-agenda-size { width: 100%; }
}

@media screen and (min-width: 351px) and (max-width: 767px) {
    .flags-forms { width: 1.5rem; transition: all .4s ease; }
    .flags-forms:hover { transform: scale(1.1); }
    .form-icons { margin-top: 5rem; }
    .bg-live { background-image: url(../imgs/bg2-mobile.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
    .bg-default { background-image: url('../imgs/bg1-mobile.jpg'); background-attachment: fixed; }
    .fixed-mobile-bottom { position: fixed; bottom: 2rem; }
    .rounded-top-start { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-start { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .rounded-top-end { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-end { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .time-agenda-size { width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .flags-forms { width: 1.5rem; transition: all .4s ease; }
    .flags-forms:hover { transform: scale(1.1); }
    .form-icons { margin-top: 5rem; }
    .bg-live { background-image: url(../imgs/bg2-mobile.jpg); background-size: cover; background-repeat: no-repeat;  background-attachment: fixed; }
    .bg-default { background-image: url('../imgs/bg1-mobile.jpg'); background-attachment: fixed; }
    .rounded-top-start { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-start { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .rounded-top-end { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .rounded-bottom-end { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
    .time-agenda-size { width: 100%; }
}

@media screen and (min-width: 992px) {
    .full-center { display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; }
    .flags-forms { width: 1.5rem; transition: all .4s ease; }
    .flags-forms:hover { transform: scale(1.1); }
    .form-icons { margin-top: 2rem; }
    .bg-live { background-image: url(../imgs/bg2-desktop.png); background-size: cover; background-repeat: no-repeat; }
    .bg-default { background-image: url('../imgs/bg1-desktop.png'); }
    .mt-label-date { margin-top: .009rem; }
    .rounded-top-start { border-top-left-radius: 1rem; }
    .rounded-bottom-start { border-bottom-left-radius: 1rem; }
    .rounded-top-end { border-top-right-radius: 1rem; }
    .rounded-bottom-end { border-bottom-right-radius: 1rem; }
    .bg-green-desktop { background-color: var(--green); }
    .time-size { width: 7.5rem; }
    .time-agenda-size { width: 7.4rem; }
}

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

@media screen and (min-width: 1360px) {
    
}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1600px) {
    
}

@media screen and (min-width: 1920px) {
    
}