/*
 Theme Name:   Worko
 Theme URI:    https://roymo.es/
 Description:  Worko's theme
 Author:       Rommel & Montgomery
 Author URI:   https://roymo.es/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

body[data-builder-mode] .swiper-wrapper .swiper-slide[data-loop-id] ~ .swiper-slide {
	display: none;
}

h1.wp-block-heading {
	font-family: "Big Shoulders";
	font-size: 64px;
	font-style: normal;
	font-weight: 600;
	line-height: 135%; /* 86.4px */
	color: #000;
}

h2.wp-block-heading {
	font-family: "Big Shoulders";
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 135%; /* 56.7px */
	color: #000;
}

h3.wp-block-heading {
	font-family: "Big Shoulders";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px; /* 122.222% */
	color: #000;
	letter-spacing: -0.36px;
}

h4.wp-block-heading {
	font-family: "Big Shoulders";
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 105%; 
	color: #000;
}

h5.wp-block-heading {
	font-family: "Big Shoulders";
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; 
	color: #000;
}

.wp-singular {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 400;
}

/* 
 * Fix Gutenberg
 */

.wp-singular :where(p) {
    margin-block: 0 16px;
}

.wp-singular h3.wp-block-heading {
    padding-top: 24px;
    padding-bottom: 20px;
}

.wp-singular h5.wp-block-heading {
    padding-bottom: 16px;
}

.wp-singular .flex-row-cols {
    display: flex;
	align-items: flex-start;
    width: 100%;
	/*padding-bottom: 20px;*/
}

.wp-singular .flex-column-gap48 {
    column-gap: 48px;
}

.wp-singular .flex-column-gap32 {
    column-gap: 32px;
}

.wp-singular .flex-column-gap24 {
    column-gap: 24px;
}

.wp-singular .flex-column-gap16 {
    column-gap: 16px;
}

.wp-singular .wp-block-image.icon64 {
	margin: 0;
}

.wp-singular .wp-block-image.icon64 img {
    width: 64px;
    height: 64px;
}

.wp-singular ul.wp-block-list {
	padding-left: 24px;
    margin-top: 0;
}

.wp-singular ol.wp-block-list.custom-list-number {
    list-style-type: decimal-leading-zero;
}

.wp-singular ol.wp-block-list.custom-list-number li {
    padding-left: 32px;
    padding-bottom: 16px;
}

.wp-singular .custom-list-number {
	font-family: "Big Shoulders";
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
}

@media only screen and (max-width: 478px) {
	
	.flex-direction-mobile {
	    flex-direction: column;
	}
	
	.flex-mobile-row-gap {
	    row-gap: 24px;
	}
	
}


/* 
 * Fix Bricks
 */

body.bricks-is-frontend :focus-visible {
    outline: none;
}

/* 
 * Elements
 */
.icon-svg-dark {
	filter: brightness(0) saturate(100%) invert(14%) sepia(15%) saturate(14%) hue-rotate(347deg) brightness(92%) contrast(93%);
}

.icon-svg-blank {
	filter: brightness(0) invert(1);
}

.pending {
    outline: 3px solid red;
}

.title-glass {
    position: relative;
}

.title-glass div:after {
    width: calc(100% - 20px);
    height: 26px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.29);
    content: ' ';
    border-radius: 20px;
}

/* 
 * Menú 
 */

.menu-items-wrapper {
    background-color: #000;
    width: auto !important;
    border-radius: 12px;
}

.menu-items-wrapper .menu-item {
    padding: 8px 20px;
	width: 100% !important;
}

.menu-items-wrapper{
  opacity: 0;
  transform: translateY(-16px);
  transition: opacity .22s cubic-bezier(.2,.8,.2,1), transform .22s cubic-bezier(.2,.8,.2,1);
  will-change: transform, opacity;
}

.menu-item.has-children:hover > .menu-items-wrapper{
  opacity: 1;
  transform: translateY(0);
}

.main-menu-search .bricks-search-overlay .bricks-search-inner .title {
    display: none;
}

.main-menu-search .bricks-search-overlay .close {
	color: #ffffff;
}

/* 
 * Menú Móvil
 */

.custom-menu-mobile-sidenav {
	position: fixed;
	left: 0;
	width: 100% !important;
	height: 100%;
	overflow-x: hidden;
	transform: translateX(-100%); 
	transition: transform .45s;
	pointer-events: none;
	z-index: 999;
}

.custom-menu-mobile-sidenav.open {
	transform: translateX(0);      
	pointer-events: auto;
}

.main-mobile-menu-container ul#menu-menu-principal {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	padding: 0;
	margin: 0;
    gap: 30px;
	list-style: none;
}

.main-mobile-menu-container ul#menu-menu-principal .menu-item {
    width: 100%;
	font-weight: 700;
	padding-bottom: 30px;
    border-bottom: solid;
}

.main-mobile-menu-container ul#menu-menu-principal .menu-item-has-children > a:after {
	content: url('https://worko.roymo.info/wp-content/uploads/2025/10/menu-mobile-arrow.svg');
	position: absolute;
	right: 0;    
	width: 16px;
	transition: transform 0.3s ease; 
}

.main-mobile-menu-container ul#menu-menu-principal .menu-item-has-children.open-sub-menu > a::after {
	padding-bottom: 7.5px;
    transform: rotate(180deg); 
}

.main-mobile-menu-container ul#menu-menu-principal .menu-item ul.sub-menu {
	padding: 30px 0 0 0;
    margin: 0;
    list-style: none;
}

.main-mobile-menu-container ul#menu-menu-principal .menu-item ul.sub-menu .menu-item  {
	font-family: "Big Shoulders";
	font-size: 24px;
	font-weight: 400;
    border-bottom: none;
}

/* 
 * Menú prendas
 */

.prendas .item-button.current-item {
    background-color: #FFC600;
}

.tax-family a[aria-current="page"] div {
    background-color: #FFC600 !important;
}

/* 
 * Menú normal y lateral de navegación 
 * para las familias de los productos
 */
.family-menu-item-active {
	background: #FFC602 !important;
}

ul.menu-type-01.children-family-list {
    list-style: none;
    padding: 0;
}

ul.menu-type-01.children-family-list li.children-family-item.children-family-item-active {
    font-weight: 600;
}

ul.menu-type-01.children-family-list li.children-family-item ul.menu-type-01.children-family-list {
	display: none; 
}

ul.menu-type-01.children-family-list li.children-family-item.children-family-item-active ul.menu-type-01.children-family-list {
	display: block; 
}

ul.menu-type-01.children-family-list li.children-family-item ul.menu-type-01.children-family-list li.children-family-item {
	padding-left: 5px;
    border-bottom: unset;
}

ul.menu-type-01.children-family-list li.children-family-item ul.menu-type-01.children-family-list li.children-family-item:before {
    content: '▶';
    padding-right: 5px;
    font-size: 10px;
    vertical-align: middle;
}

.children-family-item:first-child {
    padding-top: 0;
}

.children-family-item {
    font-size: clamp(16px, calc(2.5vw - 26px), 22px);
    font-family: "Poppins";
    font-weight: 400;
	padding: 6px 0;
    border-bottom: 1px solid var(--bricks-color-hhdvsa);
}

.type-menu-item.type-menu-item-active a {
    font-weight: 600 !important;
}

.catalog-type-one-parent {
    font-size: clamp(16px, calc(2.5vw - 26px), 22px);
    font-family: "Poppins";
    font-weight: 400;
    padding: 6px 0;
    border-bottom: 1px solid var(--bricks-color-hhdvsa);
}

.catalog-type-one-wrapper .catalog-type-one-children {
    display: none;
}

.catalog-type-one-parent.catalog-type-one-parent-active .catalog-type-one-children{
    display: block;
}

.catalog-type-one-parent.catalog-type-one-parent-active .catalog-type-one-children .catalog-type-one-child-item:before {
    content: '▶';
    padding-right: 5px;
    font-size: 10px;
    vertical-align: middle;
}

.catalog-type-one-parent.catalog-type-one-parent-active a.catalog-type-one-parent-item, .catalog-type-one-parent.catalog-type-one-parent-active .catalog-type-one-children .catalog-type-one-child-item.catalog-type-one-child-item-active {
    font-weight: 600;
}


/* 
 * Home
 */

/* Home Mix Banner */
.mix-banner-swiper .swiper-wrapper .swiper-slide img {
    width: 100vw;
    height: 100vh;
	max-height: 786px;
}

.mix-banner-pagination .swiper-pagination-bullet-active {
    background: #282828 !important;
    width: 40px !important;
}

.mix-banner-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 20px;
    height: 6px;
    border-radius: 2px;
    transition: .3s;
}

.catalog-pagination .swiper-pagination-bullet-active {
    background: #FFC602 !important;
    width: 40px !important;
}

.catalog-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 20px;
    height: 6px;
    border-radius: 2px;
    transition: .3s;
}

/* 
 * Nosotros
 */

/* Google Reviews */
.reviews-slider-pagination-bullets .swiper-pagination-bullet-active {
    background: #282828 !important;
    width: 40px !important;
}

.reviews-slider-pagination-bullets .swiper-pagination-bullet {
    background: #fff;
    width: 20px;
    height: 6px;
    border-radius: 2px;
    transition: .3s;
}

/* 
 * Símbolos
 */

/* Símbolos separador */
.clothing-symbols-item-divider {
    grid-column: 1 / -1;
    width: 100%;
    height: 1px;
    background: #EBA900;
    margin: 12px 0;
}

/* 
 * Catálogo
 */

/* Animación del botón */
.catalog-container{
  position: relative;        
  
}

.download-catalog{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
  bottom: 0;                    
  opacity: 0;
  transition: transform .26s cubic-bezier(.2,.8,.2,1), opacity .22s ease;
  will-change: transform, opacity;

}

.catalog-container:hover > .download-catalog,
.catalog-container:focus-within > .download-catalog{
  transform: translate(-50%, 0); 
  opacity: 1;
  pointer-events: auto;
}

.catalog-container:hover > .download-catalog {
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.15,1,.3,1);
}

/* 
 * Distribuidores
 */

/* Distribuidores Mapa */
.maps-iframe iframe {
 	width: 100%;
    height: 320px;
    margin: 40px 0;
	border: solid 5.5px #fff;
}

/* 
 * Últimas Noticias
 */

.discover-latest-news-container {
    column-gap: clamp(20px, calc(4.6875vw - 40px), 50px) !important;
}

/* Últimas Noticias Divisor */
.discover-latest-news-container-divider {
	grid-column: span 4;
    background-color: #FFC600;
    padding: 2px 0;
}

/* Últimas Noticias Single */
.ultimas-noticias-post nav.brxe-breadcrumbs a {
    text-decoration: none;
}

.ultimas-noticias-post h2 {
	font-family: "Big Shoulders";
	font-size: 36px;
	font-weight: 700;
	line-height: 1.222;
}

.ultimas-noticias-post h3 {
	font-family: "Big Shoulders";
	font-size: 26px;
	font-weight: 300;
	line-height: auto;
}


/* 
 * Descubre 
 */
/* Descubre bloques nones (repetidor) */
.discovery-block-container .discovery-block-container-item:nth-child(odd) {
    
}

/* Descubre bloques pares (repetidor) */
.discovery-block-container .discovery-block-container-item:nth-child(even) {
	background-color: var(--bricks-color-sginkl);
    flex-direction: row-reverse;
}

.discovery-block-container .discovery-block-container-item:nth-child(even) .discovery-block-container-item-image {
    padding-left: 0;
    padding-right: clamp(20px, 4.17vw, 80px);
}

.discovery-block-container .discovery-block-container-item:nth-child(even) .discovery-block-container-item-content * {
    color: var(--bricks-color-krzaos);
}

.discovery-block-container .discovery-block-container-item:nth-child(even) .discovery-block-container-item-content .discovery-block-container-item-button {
    background-color: #ffffff;
}

/* Descubre bloques contenido flexible (sub páginas) */

div.discover-content-highlight {
    border-bottom: solid 1px #000000;
}

a[aria-label="discovery-single-link"] {
    border-bottom: solid 1px;
}


/* 
 * Distribuidores
 */

/*  Secciones (repetidor - pares) */
.resellers-page-sections .resellers-page-section-item:nth-child(even) {
	background-color: #282828;
    color: #fff;
}

.resellers-page-sections .resellers-page-section-item:nth-child(even) .resellers-page-section-item-title {
    color: #ffc600;
}

.resellers-page-sections .resellers-page-section-item:nth-child(even) > :first-child {
    grid-column: 2;
}

.resellers-page-sections .resellers-page-section-item:nth-child(even) > :last-child {
  grid-column: 1;
}

.animation-counter:before {
    content: '+';
}

.map-tab:before {
    content: '';
    display: block;
    position: absolute;
    top: -60px;
    background-image: url(https://worko.roymo.info/wp-content/uploads/2025/10/worko-map-tab.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 248px;
    height: 112px;
    z-index: 999;
}

/* Distribuidores (modal mobile form) */
.modal-mobile-form-container-modal, .modal-mobile-form-button {
	display: none;
}

.modal-mobile-form .modal-mobile-form-container-button .modal-mobile-form-button .form-tigger-button {
    left: 50%;
    transform: translate(-50%, 0);
}

/* Distribuidores (form) */
.reseller-form-textarea .forminator-textarea {
	min-height: unset !important;
	max-height: 80px;
}

/* Brevo footer form */
.newsletter-worko-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.newsletter-worko-container-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input {
    flex: 0 0 70%;
}

.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input input.sib-email-area {
	padding: 24px 12px !important;
    border: unset !important;
}

.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input input.sib-email-area::placeholder {
	color: #282828;
  	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
}

.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-submit {
	flex: 0 30%;
    font-family: "Big Shoulders";
    width: auto !important;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.5;
}

.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-submit input {
    width: 100% !important;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media only screen and (min-width: 769px) and (max-width: 1279px) {
	/* Últimas Noticias Divisor */
	.discover-latest-news-container-divider {
		grid-column: span 2;
	}
}

@media only screen and (max-width: 991px) {
	/* Distribuidores */
	.resellers-page-sections .resellers-page-section-item:nth-child(even) > :first-child, .resellers-page-sections .resellers-page-section-item:nth-child(even) > :last-child {
    	grid-column: unset;
	}
	
	/* Home Mix Banner */
	.mix-banner-swiper .swiper-wrapper .swiper-slide img {
		width: auto;
		height: auto;
		max-height: unset;
	}
	
}

@media only screen and (max-width: 768px) {
	
	/*  Resultados de busqueda */
	div#search-archive-site-url {
		display: inline-block;
		max-width: 100%;
		overflow: hidden;
		white-space: nowrap;
		overflow-x: scroll;
	}

	
	/* Brevo footer form */
	.newsletter-worko-container-form {
    	flex-direction: column;
	}
	
	.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input {
		flex: 0 0 100%;
		width: 100% !important;
	}
	
	.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input input.sib-email-area {
		border-top-left-radius: 20px !important;
		border-top-right-radius: 20px !important;
		border-bottom-left-radius: 0px !important;
	}
	
	.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-input input.sib-email-area::placeholder {
		text-align: center;
	}
	
	.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-submit {
		text-align: center;
	}
	
	.newsletter-worko-container .newsletter-worko-container-form .newsletter-worko-container-form-submit input.sib-default-btn {
		border-top-right-radius: 0 !important;
        border-bottom-left-radius: 20px !important;
	}

	/* Distribuidores */
	.featured-distributors-container .distributor-item, .distributors-container .distributor-item {
		flex: 0 0 100%;
		white-space: normal;               
  		word-wrap: break-word;  
		overflow-wrap: anywhere;
		overflow: hidden;
	}
	
	/* Últimas Noticias Divisor */
	.discover-latest-news-container-divider {
		grid-column: span 2;
	}

	/* Descubre bloques pares (repetidor) */
	.discovery-block-container .discovery-block-container-item:nth-child(even) {
		flex-direction: row;
	}
	
	.discovery-block-container .discovery-block-container-item:nth-child(even) .discovery-block-container-item-image {
		padding: 0;
	}
	
	/* Distribuidores */
	.resellers-page-sections .resellers-page-section-item:nth-child(even) > :first-child, .resellers-page-sections .resellers-page-section-item:nth-child(even) > :last-child {
    	grid-column: unset;
	}
	
	/* Distribuidores Form */
	.modal-mobile-form-container-modal {
    	overflow-y: scroll;
	}
	
	.reseller-form-email, .reseller-form-phone {
		display: inline-block;
		width: calc(50% - 10px);
		margin-bottom: 0 !important;
	}

	.reseller-form-email {
		margin-right: 20px;
	}
	
	.reseller-form-textarea .forminator-textarea {
		min-height: unset !important;
		max-height: 65px;
	}
	
	.reseller-form-checkbox span.forminator-checkbox-label {
		font-size: 12px;
	}
	
	form#forminator-module-816 .forminator-row.forminator-row-last {
		margin-bottom: 0 !important;
	}
		
}

@media only screen and (max-width: 478px) {
	
	/* Descubre bloques pares (repetidor) */
	.discovery-block-container .discovery-block-container-item:nth-child(even) {
		flex-direction: column;
	}
	
	
	/* Últimas Noticias Divisor */
	.discover-latest-news-container-divider {
		grid-column: span 1;
	}
}