/*
Theme Name: Ourofino Saúde Animal
Theme URI: https://ourofino.com
Author: Ourofino
Author URI: https://ourofino.com
Description: Tema institucional Ourofino Saúde Animal — compatível com Elementor.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ourofino
*/


/*Titulos e cores do rodapé */
.ourofino-footer-heading, .ourofino-footer-subtitle {
	color: #10ac31 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

.ourofino-footer-address svg, .ourofino-footer-links svg {
    stroke: #10ac31 !important;
}


/* sessão reconhecimentos com 6 colunas */

#reconhecimentos .oao-recognition-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

#reconhecimentos .oao-recognition-card {
    width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 1024px) {
    #reconhecimentos .oao-recognition-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    #reconhecimentos .oao-recognition-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}


#reconhecimentos .oao-recognition-card__body h3,
#reconhecimentos .oao-recognition-card__body h4 {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

#reconhecimentos .oao-recognition-card__body p {
    font-size: 12px !important;
    line-height: 1.4 !important;
}


/*Conteúdo em destaque da área do veterinário deveria ocupar 100%w do banner, mas está ocupando só 40%, forcei para 100%. */



    body.page-id-72 section.py-12 .mb-12 > a {
        flex-direction: column !important;
    }

    body.page-id-72 section.py-12 .mb-12 > a > .md\:w-2\/5 {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }
    body.page-id-72 section.py-12 .mb-12 > a > .md\:w-2\/5 img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

}

/*padronizar a borda de todos os botões para ficar redondinho */
button, input[type="button"], input[type="submit"], input[type="reset"], .elementor-button, a .ohcg-item__btn, .offd-precadastro__btn {
    border-radius: 50px !important;
}

body a.ohcg-item__btn, body .elementor a.ohcg-item__btn,  body a.ofb-hero__btn {
    border-radius: 50px !important;
	padding: 12px 30px !important;
}

@media (min-width: 1024px) {
	
/*borda do menu de abas era pra ser arredondadinha */
.rounded-t-\[24px\] .bg-\[\#072047\] {
    border-radius: 17px 17px 0 0 !important;
}

/* retira o espaço padding que tinha entre o corpo do site e o rodapé */
body > .min-h-screen.bg-\[\#EFEFEF\].pb-4 {
    padding-bottom: 0 !important;
}

/*retira a cor de fundo do corpo principal do site para que as bordas da ultima sessão possam aparece certinho */
.home .relative.z-10:has(> #main) {
    background-color: transparent !important;
}
body.page-id-59 .max-w-\[1440px\].mx-auto.bg-white.rounded-\[24px\] {
	    background-color: transparent !important;
}

/*deixa a borda de baixo da ultima sessao redondinha */

body #main section:last-of-type {
    border-radius: 0 0 17px 17px !important;
    margin-bottom: 30px !important;
    overflow: hidden !important;
}
body {
	background-color: #fafaf9 !important;
}

.relative.z-10 > section:last-of-type {
    border-radius: 0 0 17px 17px !important;
    margin-bottom: 30px !important;
    overflow: hidden !important;
}
}
/*padroniza as tags amarelas */
.of-ms-tag {
	border-radius: 40px !important;
	text-transform: uppercase;
	padding: 5px 20px !important;
	font-size: 12px !important;
	font-weight: 500;

}

/*padroniza o restante das tags */
.ohcg-item__tag span, .oao-badge span, .offd-badge span, .offd-badge  {
	border-radius: 40px !important;
	text-transform: uppercase;
	font-size: 12px !important;
	font-weight: 500 !important;

}


/*remove o degrade do topo da área do veterinário e substitui para o azul padrão */
body section.bg-gradient-to-r {
    background: #072047 !important;
    background-image: none !important;
}

/*padroniza as fontes de titulos */
.elementor-widget-ourofino_hero_banner h1.ofb-hero__title {
		/*Hero*/
    /*color: #0000ff !important;*/
	font-weight: 600! important;
	font-size: 40px !important;

}

h3.ohcg-item__title, h2.obu-title {
   	/*titulos*/
	/*color: #ff0000 !important; */
	font-weight: 600! important;

}

h2.oao-hero-title, h3.oao-section-title, h2.oao-section-title, h2.oao-campus-title, .of-iv-manuais__title, .of-iv-logos__title, [data-id="widget_trends"] h2, #main h2, .ofcd-title, .bg-\[\#E0E1E2\] h2.text-\[\#072047\], body.page-id-72 .relative.z-10 h2, .page-id-75 h2 {

	/*subtítulos*/ 
	/*color: #00ff00 !important; */
	font-weight: 600! important;
	font-family: 'roca', sans-serif !important;
	font-size: 26px !important;
}