/**
Theme Name: Alemão SP
Author: Infinito AG
Author URI: https://www.infinitoag.com
Description: Tema desenvolvido sob medida para o projeto Alemão SP.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alemao-sp
Template: astra
*/


div#page {
    max-width: 100vw;
    overflow: hidden;
}

/* rodape  */
footer.ast-custom-footer .uagb-infobox-cta-link.wp-block-button__link span {
	color: #FFF !important;
}

/* slick slider */

ul.slick-dots {
    margin: 0 !important;
}

/* home */

.btn-intro {
    transition: .4s ease;
}

.btn-intro:hover {
    margin-left: -80px;
    width: calc(100% + 80px) !important;
    max-width: calc(100% + 80px) !important;
}

@media(max-width: 768px) {
    .btn-intro:hover {
        margin-left: -15px;
        width: calc(100% + 15px) !important;
        max-width: calc(100% + 15px) !important;
    }
}

.btn-intro img {
    border: 2px solid #f16521;
    margin: 10px;
    width: 80px !important;
    padding: 0 !important;
}

/* slider unidades */

div#slider-classicos {
    margin: 0;
    padding: 40px 0;
}

#slider-classicos .owl-stage {
    display: flex;
}

#slider-classicos .wp-block-image {
    text-align: center;
    width: 100% !important;
    height: 220px;
}

#slider-classicos .owl-item:not(.center) .wp-block-image img {
    filter: brightness(0.7);
}

#slider-classicos .owl-item.center {
    transform: scale(1.3) translateX(-20px);
    margin: 0 0 0 50px;
}

#slider-classicos .owl-item.center .wp-element-caption { display: flex; }
#slider-classicos .wp-element-caption {
    display: none;
    background: #F16521;
    font-size: 15px;
    text-align: center;
    justify-content: center;
    margin: 0;
    padding: 10px;
    color: #FFF;
}

#slider-classicos .owl-item.center:hover .wp-element-caption {    
    background: #000;
}

#slider-classicos .owl-nav.disabled {
    display: none;
}

#slider-classicos .owl-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
    bottom: -40px !important;
    position: relative;
}

#slider-classicos .owl-dots .owl-dot {
    width: 10px !important;
    height: 10px !important;
    overflow: hidden;
    padding: 0 !important;
    background: #ccc;
    border-radius: 100%;
    border: 0;
}

#slider-classicos .owl-dots .owl-dot.active {
    background: #F16521;
}

@media( max-width: 768px ) {

    div#slider-classicos {  padding: 0 0 40px; }
    #slider-classicos .owl-item.center {
        transform: none;
        margin: 0;
    }

    #slider-classicos .wp-block-image {
        height: 280px !important;
    }
}


/* breadcrumbs */
.rank-math-breadcrumb a:not(:hover), 
.rank-math-breadcrumb span {
    color: #555 !important;
    font-size: 13px;
}

.breadcrumbs-alt .rank-math-breadcrumb a:not(:hover), 
.breadcrumbs-alt .rank-math-breadcrumb span {
    color: #fff !important;
}

/* bloco unidades */

#bloco-unidades .spectra-container-link-overlay { z-index: 4; }

#bloco-unidades .unidade { cursor: pointer; }
#bloco-unidades .unidade::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #0005;
	top: 0;
	left: 0;
	z-index: 2;
	transition: .4s ease;
}

#bloco-unidades .unidade:hover::after { opacity: 0; }
#bloco-unidades .unidade .uagb-buttons__wrap {
	position: relative;
	z-index: 3;
}

#bloco-unidades .unidade .uagb-button__wrapper a { transition: .4s ease; }
#bloco-unidades .uagb-button__wrapper a { 	z-index: 3; }

#bloco-unidades .unidade:hover .uagb-button__wrapper a {
	background: #000 !important;
	color: #FFF !important;
}

/* formularios */

.srfm-form-container {
    max-width: 100%;
    overflow: hidden;
}

.srfm-input-common,
.srfm-form-container .srfm-form .srfm-block .srfm-dropdown-common-wrap .srfm-dropdown-common .ts-control {
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    height: 30px !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: .4s ease !important;
}

.srfm-input-common:active,
.srfm-input-common:focus {
    border-bottom: 1px solid #f16521 !important;
}

.editor-styles-wrapper .srfm-button, 
.srfm-form-container .srfm-button {
    background: #f16521;
    border: 0;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 0;
    transition: .4s ease;
}

.srfm-form-container .srfm-button:hover { background-color: #000; }