/*
Theme Name: Gate23
Theme URI: 
Author: Rui Mariano
Author URI: 
Description: Gate23 Theme
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: gate23
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready, 
*/

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Stycky Header erro com o gutenberg */
#sticky-header{
    top: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 10;
}

/* FIM */

/* breakpoint wordpress https://wpdocs.io/code-snippets/how-to-change-the-breakpoint-on-a-gutenberg-navigation-block/ */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 758px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}
/* FIM */

/* Button Style Amarelo */
.wp-block-button.is-style-amarelo > .wp-block-button__link {
    background-color: var(--wp--preset--color--contrast-3);
    /* border-color: var(--wp--preset--color--contrast-3); */
    border: 1px solid var(--wp--preset--color--contrast-3);
    color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-amarelo
	> .wp-block-button__link:not(.has-text-color, .has-background):hover {
	background-color: var(--wp--preset--color--contrast);
    /* border-color: var(--wp--preset--color--contrast-3); */
    border: 1px solid var(--wp--preset--color--contrast-3);
	color: var(--wp--preset--color--contrast-3);
}
/* FIM */

/* Button Style Preto */
.wp-block-button.is-style-preto {
    color: var(--wp--preset--color--contrast-3);
    background-color: var(--wp--preset--color--contrast);
    border-radius: 48px;
}
/* FIM */

/* css para as setas do wp-swiper */
.swiper-button-next, .swiper-button-prev{
    color: var(--wp--preset--color--contrast-3);
}

.swiper-pagination-bullet-active {
    background: var(--wp--preset--color--contrast-3);
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:auto;
}


/* css para as setas do Carousel Slider Block for Gutenberg - slick */
/* FIM */


/* alterar cor links no menu */

.wp-block-navigation a:where(:not(.wp-element-button)):hover {
    text-decoration: underline #FCE3A3 2px;
    background-color: #FCE3A3;
    /* box-shadow: 0 4px #FCE3A3;
    text-decoration: none; */
}

.wp-block-navigation a:where(:not(.wp-element-button)):focus{
    box-shadow: 0 -2px #FCE3A3, 0 4px #F9CA33;
}

/* .cor-link a {
    color: #195A5D;
    text-decoration: underline #195A5D 2px !important;
 }
 
 .cor-link a:focus {
     outline: 2px solid #195A5D;
     color: #FFFFFF;
     background-color: #195A5D;
     box-shadow: 0 -2px #fd0, 0 4px #FF0753;
     text-decoration: none;
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
 } */

ul {list-style-type:none;}
/* FIM */

/* fix footer template parts margin (https://github.com/WordPress/gutenberg/issues/47637) */
footer.wp-block-template-part {margin-block-start:0 !important;}

/* -- Formulário contact form 7 -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 12px;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* botão enviar */
.botao-enviar {
    border-radius:48px;
    width: calc(100% / 5);
}
    

/* Fim Formulario contact Form 7 */

/* glass effect */
/* From https://css.glass */
.glass{
background: rgba(255, 255, 255, 0);
border-radius: 24px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

/* icons com bordos redondos na página sobre nós */
.redondo{border-radius: 24px;}

/* homepage seçcão sobre-nós */
.no-break {
    overflow-wrap: normal;
    word-break: normal;
}

/* Clientes slides padding fix */

.wp-block-cb-carousel .slick-slide {
    padding-left:0;
    padding-right:0;
}

/* tamanhos setas do slide */
.slick-arrow {
	z-index: 1;
	width: 40px;
	height: 40px;
}

.slick-arrow:before {
	font-size: 30px;
}