/** Fonts **/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

/** Tags **/
html, body { width: 100%; height: 100%; box-sizing: border-box; border-collapse: collapse; font-family: 'Montserrat', sans-serif; font-size: 12pt; }
label { font-weight: 600; }

/** Custom **/
.form-control, .input-group-text { border-radius: 0px; }
.form-control:focus { border-color: #7A1704; box-shadow: 0 0 0 0.2rem rgba(122, 23, 6, .25); }
.input-group-text { background-color: #7A1704; border-color: #7A1704; color: #FFFFFF; }
.media + .media { margin-top: 1.2rem; }

/** Classes **/
.gw_header { background-color: #FFFFFF; }
.gw_header .nav-link { color: #58595B; font-weight: 700; }
.gw_header .nav-link:hover { color: #7A1704; }

.gw_navlink { background-color: #7A1704; color: #FFFFFF!important; }
.gw_navlink:hover { background-color: #58595B; box-shadow: 0 0 0 0.2rem rgba(157, 159, 162, .45); }

.gw_animate_grayscale { animation: color_to_grayscale 1s infinite; }

.gw_section { padding-top: 40px; padding-bottom: 60px; }
.gw_section:nth-of-type(3) { background-color: #F5F6FA; }
.gw_section:nth-of-type(5) { background-color: #7A1704; padding-bottom: 0px; color: #FFFFFF; }
.gw_section:nth-of-type(5) .gw_title { color: #FFFFFF; }
.gw_section:nth-of-type(5) .gw_title + hr { background-color: #FFFFFF; }

.gw_title { font-family: 'Alata', sans-serif; font-size: 28pt; text-align: center; color: #58595B; }
.gw_title.gw_jumbo { font-size: 72pt!important; }
.gw_title span { color: #7A1704; }
.gw_title + hr { max-width: 25%; min-height: 12px; background-color: #7A1704; }
.gw_subtitle { text-align: center; font-size: 18pt; margin-bottom: 4rem; }

.gw_bloquote_header { font-family: 'Alata', sans-serif; color: #7A1704; font-size: 22pt; }
.gw_bloquote_header strong { color: #58595B; }

.gw_media_title { margin-top: 0px; margin-bottom: .75rem; font-weight: 700; text-transform: uppercase; }

.gw_btn { border-radius: 0px; padding-top: .8rem; padding-bottom: .8rem; background-color: #7A1704; text-transform: uppercase; font-weight: 700; color: #FFFFFF; }
.gw_btn:hover { background-color: #58595B; color: #FFFFFF; }
.gw_btn:focus, .gw_btn:active { border-color: #58595B; box-shadow: 0 0 0 0.2rem rgba(157, 159, 162, .45); }

.gw_footer { padding-top: 40px; padding-bottom: 40px; background-color: #58595B; color: #FFFFFF; }
.gw_footer p { text-transform: uppercase; margin: 0px; }

.gw_back_to_top { width: 50px; height: 50px; background-color: #FF9800; border: none; border-radius: 50%; outline: none; display: inline-block; position: fixed; bottom: 30px; right: 30px; text-align: center; font-size: 22pt; color: #FFFFFF; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
.gw_back_to_top span { vertical-align: middle; }
.gw_back_to_top:active { cursor: pointer; background-color: #F5F6FA; color: #414243; }
.gw_back_to_top.show { opacity: 1; visibility: visible; }

/** Animation **/
@keyframes color_to_grayscale {
    to {
       filter: grayscale(0%); 
    }
    from {
        filter: grayscale(100%);
    }
}