@import url('./partials/menu.css');
@import url('./partials/footer.css');

/* FONTS */
@font-face {
    font-family: 'source_bold';
    src: url('../fonts/sourcesanspro/sourcesanspro-bold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_regular';
    src: url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_light';
    src: url('../fonts/sourcesanspro/sourcesanspro-light-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'source_semibold';
    src: url('../fonts/sourcesanspro/sourcesanspro-semibold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GLOBALS */
body {
    font-family: 'source_regular';
}

img {
    max-width: 100%;
}

h3 {
    color: var(--primary);
    font-family: 'source_regular';
}

.vh-100 {
    height: 100vh;
}

.w-90 {
    width: 90%;
}

.modal-xl {
    width: 1140px !important;
}

.text-black {
    color: var;
}

::-webkit-scrollbar-track {
    background-color: #000;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin: 1px;
    background: #F4F4F4;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

a,
a:focus,
a:hover {
    text-decoration: none !important;
}

a:focus, a:hover {
    color: var(--dark-blue);
}

.uppercase {
    text-transform: uppercase;
}

.font-weight-light {
    font-family: 'source_light' !important;
}

.font-weight-bold {
    font-family: 'source_bold' !important;
}

.alt-title {
    font-size: 27px;
    line-height: 33px;
}

.alt-title-plus {
    font-size: 30px;
    line-height: 33px;
}

.alt-text {
    font-size: 15px;
    line-height: 25px;
}

.alt-down {
    font-size: 19px;
    line-height: 23px;
}

.alt-title-down {
    font-size: 24px;
    line-height: 26px;
}

.alt-icons {
    font-size: 16px;
    line-height: 19px;
}

.fa-3x {
    font-size: 3em;
}

/* --- cores base --- */
.text-primary   { color: var(--primary)  !important; }
.text-secondary { color: var(--secondary)!important; }
.text-white     { color: var(--white)    !important; }
.text-gray      { color: var(--main-gray)     !important; }
.text-light-gray { color: var(--light-gray) !important; }
.text-dark-blue { color: var(--dark-blue) !important; }
.text-light-blue { color: var(--light-blue) !important; }
.text-green     { color: var(--green)    !important; }

.btn-auto {
    background-color: var(--primary);
    border-radius: 8px;
    margin: 0px 0px;
    opacity: 1;
    font-weight: normal;
    font-family: sans-serif;
    text-shadow: none;
    color: var(--white);
}

.btn-auto:hover {
    background-color: var(--secondary);
    color: var(--white);
}

.form-control, .form-select {
    background-color: var(--white);
    font-size: 1rem;
    box-shadow: none;
    box-sizing: content-box;
    text-indent: 15px;
    height: 1.8rem !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--light-gray);
    border-image: initial;
    border-radius: 8px;
    outline: 0px;
    transition: 0.3s;
    padding: 5px 0px;
}



input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search-md],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea.md-textarea,
.inputSec {
	background-color: white;
	border: none;
	border: 1px solid #ccc;
	border-radius: 8px;
	outline: 0;
	height: 1.8rem !important;
	font-size: 1rem;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	transition: all .3s;
	padding: 5px 0;
	text-indent: 15px;
}

.select2-container .select2-selection--single {
	height: 2.5rem !important;
	border-radius: 8px;
	outline: 0;
	border: 1px solid #ccc;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-selection__arrow {
	height: 2.5rem !important;
	border-radius: 8px;
	outline: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	margin: 5px 0;
    padding-left: 15px;
    color: var(--main-gray)
}

span.select2-selection__rendered {
	display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    text-indent: 5px;
}

.form-control:focus, .form-select:focus {
    border-color: var(--primary);
    background-color: var(--main-transparent-gray);
    box-shadow: none;
}

.form-select {
    text-indent: 5px;
    color: var(--primary);
}

textarea.form-control{
    height: auto !important;
}

.aon-politica-box, .aon-politica-box p, .aon-politica-box label {
    line-height: 15px;
    font-size: 1em;
    color: var(--dark-gray);
}

.gdpr {
    margin-bottom: 0.5rem;
}

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-valid, .was-validated .form-control:valid,
.form-select.is-invalid, .was-validated .form-select:invalid,
.form-select.is-valid, .was-validated .form-select:valid {
    padding-right: 0px !important;
}

#lgpd.is-valid + p {
    background-color: var(--success-bg);
}

#lgpd.is-invalid + p {
    background-color: var(--error-bg);
}

#lgpd-error {
    padding: 0 0 0 15px !important;
}

.is-invalid + .select2 .selection .select2-selection  {
    border: 1px solid var(--error);
}

.is-valid + .select2 .selection .select2-selection  {
    border: 1px solid var(--success);
}

.banner-iframe {
    background-image: url(../../img/banners/banners-dinamicos/banner-acidentes-pessoais.jpg);
    background-position: top center;
    background-size: cover;
    height: 311px;
    position: relative;
}

.banner-dinamico {
    background-image: var(--img-banner-dinamico-desktop) !important;
}

.text-desktop {
    display: block !important;
}

.text-mobile {
    display: none !important;
}

/* --- Responsividade --- */
/* sm (<= 576px) */

@media (max-width: 576px) {
    .banner-dinamico {
        background-image: var(--img-banner-dinamico-mobile) !important;
    }
    .text-desktop {
        display: none !important;
    }
    .text-mobile {
        display: block !important;
    }
    .modal-mobile {
        max-width: 80vw !important;
        margin: 40px auto;
    }
}

/* sm (>=576px) */
@media (min-width: 576px) {
  .text-sm-primary   { color: var(--primary)  !important; }
  .text-sm-secondary { color: var(--secondary)!important; }
  .text-sm-white     { color: var(--white)    !important; }
  .text-sm-dark-blue { color: var(--dark-blue) !important; }
  .text-sm-light-blue { color: var(--light-blue) !important; }
  .text-sm-light-gray { color: var(--light-gray) !important; }
  .text-sm-gray { color: var(--main-gray) !important; }
  .text-sm-green { color: var(--green) !important; }
}

/* md (>=768px) */
@media (min-width: 768px){
  .text-md-primary   { color: var(--primary)  !important; }
  .text-md-secondary { color: var(--secondary)!important; }
  .text-md-white     { color: var(--white)    !important; }
  .text-md-dark-blue { color: var(--dark-blue) !important; }
  .text-md-light-blue { color: var(--light-blue) !important; }
  .text-md-light-gray { color: var(--light-gray) !important; }
  .text-md-gray { color: var(--main-gray) !important; }
  .text-md-green { color: var(--green) !important; }
}

/* lg (>=992px) */
@media (min-width: 992px){
  .text-lg-primary   { color: var(--primary)  !important; }
  .text-lg-secondary { color: var(--secondary)!important; }
  .text-lg-white     { color: var(--white)    !important; }
  .text-lg-dark-blue { color: var(--dark-blue) !important; }
  .text-lg-light-blue { color: var(--light-blue) !important; }
  .text-lg-light-gray { color: var(--light-gray) !important; }
  .text-lg-gray { color: var(--main-gray) !important; }
  .text-lg-green { color: var(--green) !important; }
}

/* xl (>=1200px) */
@media (min-width: 1200px){
  .text-xl-primary   { color: var(--primary)  !important; }
  .text-xl-secondary { color: var(--secondary)!important; }
  .text-xl-white     { color: var(--white)    !important; }
  .text-xl-dark-blue { color: var(--dark-blue) !important; }
  .text-xl-light-blue { color: var(--light-blue) !important; }
  .text-xl-light-gray { color: var(--light-gray) !important; }
  .text-xl-gray { color: var(--main-gray) !important; }
  .text-xl-green { color: var(--green) !important; }
}

/* xxl (>=1400px) */
@media (min-width: 1400px){
  .text-xxl-primary   { color: var(--primary)  !important; }
  .text-xxl-secondary { color: var(--secondary)!important; }
  .text-xxl-white     { color: var(--white)    !important; }
  .text-xxl-dark-blue { color: var(--dark-blue) !important; }
  .text-xxl-light-blue { color: var(--light-blue) !important; }
  .text-xxl-light-gray { color: var(--light-gray) !important; }
  .text-xxl-gray { color: var(--main-gray) !important; }
  .text-xxl-green { color: var(--green) !important; }
}