/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* General */
body * { line-height: normal; }

/* Fix Flatsome */
.off-canvas-right button.mfp-close { display: none; }
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link { min-height: auto; padding: 0; border-bottom-style: unset; }
.accordion .toggle { right: 0; left: unset; }
.accordion .accordion-title { border-top: unset; }
.accordion .accordion-title.active { background-color: unset; font-weight: 400; }
.accordion .accordion-title span { font-family: Staatliches, sans-serif; color: #21557E; font-size: 2rem; }
.accordion .accordion-inner { background-color: rgba(255, 255, 255, .5); } 
.accordion .accordion-title .toggle .icon-angle-down:before { content: ''; background-image: url(https://verticales360.es/wp-content/uploads/2025/10/plus.webp); background-size: contain; background-repeat: no-repeat; display: block; width: 1.125rem; height: 1.125rem; }
.accordion .accordion-title.active .toggle .icon-angle-down:before { content: ''; background-image: url(https://verticales360.es/wp-content/uploads/2025/10/minus.webp); background-size: contain; background-repeat: no-repeat; display: block; width: 1.125rem; height: 1.125rem; }
.is-divider { background-color: transparent !important; }

/* Fonts */
.staatliches-title, .page-title { font-family: Staatliches, sans-serif; margin-bottom: 0; font-size: 4.5em; }
.staatliches-title p { margin-bottom: 0; }

.staatliches-subtitle {  font-family: Staatliches, sans-serif; margin-bottom: 0; font-size: 3.5em; }
.staatliches-subtitle p { margin-bottom: 0; }

.staatliches-link {  font-family: Staatliches, sans-serif; margin-bottom: 0; font-size: 2em; }
.staatliches-link p { margin-bottom: 0; }

/* Custom Elements */
.fit-image img { object-fit: contain; }
.flex-end .col-inner {  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; align-content: stretch; }
.flex-space-between .col-inner  { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.flex-space-between-row .col-inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; }
.blue { color: #143752; }
ul { list-style-type: square; }
ul li::marker { color: #21557E; font-size: 1.5rem; }
.border-bottom { border-bottom: solid 2px rgb(230, 230, 230); }
.download-links .menu-item { font-family: Staatliches, sans-serif; padding-left: 1.5rem; color: #21557E; font-size: 1.25rem; }
.download-links .menu-item a { min-height: unset; }
.download-links .menu-item:before { content: ''; display: block; background-image: url(https://verticales360.es/wp-content/uploads/2025/11/descarga-pdf.webp); background-size: contain; background-repeat: no-repeat; width: 1.125rem; height: 1.125rem; margin-right: .25rem; } 

/* Menu */
.off-canvas-right .mfp-content { width: 100vw; background-color: #fff; }
.off-canvas-right .mfp-content .menu-left-container { display: flex; }
.off-canvas-right .mfp-content .menu-left-container .col-inner { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.off-canvas-right .mfp-content .menu-left-container .col-inner .menu-links { flex-direction: column; align-items: center; }
.off-canvas-right .mfp-content .menu-left-container .col-inner .menu-links .menu-item a { font-family: Staatliches, sans-serif; min-height: unset; padding: 0;  color: #143752; font-size: 4.5rem; }
.off-canvas-right .mfp-content .fit-image.menu-icon { width: 4rem !important; margin: 1rem !important }
.off-canvas-right .mfp-content .menu-icons-container .col-inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: stretch; }
.off-canvas-right .mfp-content .fit-image.menu-icon.mfp-close { position: relative !important; opacity: 1 !important; height: 4rem; }

/* Header */
.header-nav .social-icons .button.icon { color: #ffffff; }
.header-nav .social-icons .button.icon:hover { background-color: transparent !important; }

/* Home banner mouse */
.mouse { position: absolute; display: block; left: 50%; transform: translateX(-50%); bottom: 1rem; width: 1.5rem; height: 2.5rem; border: 2px solid #fff; border-radius: 3.75rem; overflow: hidden; }
.mouse::before { content: ''; background-color: #fff; position: absolute; top: .5rem; left: 50%; width: .25rem; height: .25rem; transform: translateX(-50%); border-radius: 50%; opacity: 1; animation: wheel 1.3s infinite; -webkit-animation: wheel 1.3s infinite; }
@keyframes wheel {  to { opacity: 0; top: 1.75rem }  }
@-webkit-keyframes wheel { to { opacity: 0; top: 1.75rem } }

/* Home */
.home-section-02 .services-post .box-overlay .box-image .overlay, .home-section-02 .services-post .box-text { visibility: hidden; }
.home-section-02 .services-post .post-item:hover .box-overlay .box-image .overlay, .home-section-02 .services-post .post-item:hover .box-text { visibility: visible; }
.home-section-02 .services-post .post-item .col-inner { box-shadow: unset; }
.home-section-02 .services-post .post-item .box-text { font-size: 1.5rem; text-shadow: unset; }
.home-section-02 .services-post .post-item .box-text .is-divider { height: 0; }
.home-section-02 .services-post .post-item .box-text .is-divider:after { content: ''; display: block; background-image: url('https://verticales360.es/wp-content/uploads/2025/10/verticales360-web-icon-blank.webp'); background-size: contain; background-repeat: no-repeat; width: 4rem; height: 4rem; transform: translateX(-1rem); }
.home-section-faqs .home-section-faqs-background { position: absolute; }

/* Animation home */
.join-section, section#join-section { height: calc(100vh + 192px) !important; padding-top: 6rem !important; padding-bottom: 6rem !important; }
section#join-wrapper { height: 100vh !important; }

/* Footer */
section.section-contact-footer .social-icons, .social-icons .icon { color: #fff; }
section.section-contact-footer .social-icons .icon:hover { background-color: #143752 !important; border-color: #143752 !important; }
.absolute-footer.dark { color: hsla(0, 0%, 100%, 1); }

/* contact form 7 */
.wpcf7 label { color: #fff; font-size: 1rem; font-weight: 400; } 
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea { font-weight: 400; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #fff; }
input.wpcf7-form-control.wpcf7-submit.has-spinner { font-family: Staatliches, sans-serif; background: transparent; min-height: unset; color: #fff; font-size: 3.5em; padding: 0; margin: 0; line-height: 3.5rem; border-radius: unset; }
.wpcf7 form.sent .wpcf7-response-output { text-align: center; color: #fff; border-color: #21557E; }

/* contact form 7 newsletter */
div#wpcf7-f667-o1 form { margin: 0; }
div#wpcf7-f667-o1 .newsletter { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; }
div#wpcf7-f667-o1 .newsletter .newsletter-item:first-child { flex: 0 0 80%; }
div#wpcf7-f667-o1 .newsletter .newsletter-item:last-child { flex: 0 0 20%; padding: 0 1rem; }
div#wpcf7-f667-o1 .newsletter .newsletter-item:first-child input { margin: 0; }
div#wpcf7-f667-o1 .newsletter .newsletter-item:last-child .wpcf7-submit { font-size: 2rem; line-height: normal !important; }

/* Shortcode Post */
.swiper-posts { padding: 0 0 2rem 0 !important; }
.swiper-pagination { bottom: 0 !important; }
.swiper-pagination-bullet-active { background: #143752 !important; }

/* Single */
.single .badge.post-date { display: none; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	/* Fix Flatsome */
	.off-canvas .sidebar-menu { padding: 30px 0 0; }
	.off-canvas-right .mfp-content .menu-left-container .col-inner .menu-links .menu-item a { font-size: 2.25rem; }
	.off-canvas-right .mfp-content .menu-right-container .contact-menu-mobile { position: absolute; left: 1rem; bottom: 1rem; }
	.off-canvas-right .mfp-content .menu-right-container .img { margin-bottom: 0 !important; }
	.accordion-title {  padding: .6em 2.3em .6em 0; }
	
	/* Custom Elements */
	.flex-space-between-row .col-inner { flex-direction: column;  }
	
	/* home */
	.home-section-02 .is-divider { height: auto !important; }
	
	/* about */
	.about-section-04 .is-divider { display: none; }
	.about-section-04 .col-inner>.img:not(:last-child) { margin-bottom: 0; }
	
}