/*
Theme Name: Colegium Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1706906109
Updated: 2024-02-02 20:35:09

*/



li.eael-tab-item-trigger.active {font-weight: 700;}
ul.eael-tab-inline-icon {width: max-content;gap: 25px;}
.eael-tabs-nav {display: flex;justify-content: center;}

#logos_carousel figure.swiper-slide-inner {background-color: white;margin: 10% !important;display: flex;aspect-ratio: 1/1;justify-content: center;border-radius: 25px;}
#logos_carousel figure.swiper-slide-inner img {object-fit: contain;padding: 20px;}

/*  //////////////////////  Fix list Styles  /////////////////////  */

ul.elementor-icon-list-items li {  display: flex;  gap: 10px;}
ul.elementor-icon-list-items {  list-style: none;}

/*  //////////////////////  Video Slider Carousel Styles  /////////////////////  */


div#video_slider > div {width: 50%;}
div#video_slider {display: flex;}
#video_slider_thumb {height: 20%;box-sizing: border-box;padding: 10px 0 10px 10px;max-width: 740px;margin: 50px auto;}
#video_slider_thumb .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
#video_slider_thumb .swiper-slide-thumb-active {opacity: 1;}
#video_slider .swiper-slide {display: flex;flex-direction: row;align-items: center;justify-content: center;gap:10%;}
#video_slider .swiper-slide img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {height: 100%;object-fit: contain;width: 100%;max-width: 500px;max-height: 500px;}
.videoFunction_content {display: flex;flex-direction: column;justify-content: center;width: 50%;}
.videoFunction_content h2{font-family: "Nunito", Sans-serif;font-size: 55px;font-weight: 800;color:#004492;}
.videoFunction_content p{font-family: "Nunito Sans", Sans-serif;font-size: 24px;font-weight: 400;color: #595757;}
.videoFunction {display: flex;width: 100%;align-items: center;justify-content: center;overflow: hidden;border-radius: 25px;padding: 15px;border: 2px solid #004492;}
.video-overlay:hover .elementor-custom-embed-play svg {transform: scale(1.05);}
.video-container {position: relative;width: 100%;height: 409px; /* Ajusta la altura según tus necesidades */overflow: hidden;border-radius: 15px;}
.video-overlay,.video-container iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: opacity 0.5s;}
.video-overlay, .video-overlay-thumb {display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 3;background-size: cover;background-position: center;}
.video-overlay img {max-width: 100%;max-height: 100%;}
.video-hidden {opacity: 0;pointer-events: none;}
.video-overlay-thumb {aspect-ratio: 16/9;border-radius: 25px;}
#video_slider_thumb div.swiper-wrapper {
    justify-content: center;
}
@media (max-width:768px) {
	.swiper-button-next, .swiper-button-prev {display:inherit;}
	div#video_slider {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	div#video_slider > div {
		width: 100%;
	}
	.videoFunction_content h2 {font-size: 28px;}
	.videoFunction_content p  {font-size: 20px;}		
	.video-container { height: 240px; }
}


/*  //////////////////////  Hover cards Styles  /////////////////////  */

#megamenu_v a.elementor-icon.elementor-animation- {padding: 10px;background-color: #ffcc99;border-radius: 20px;}
#megamenu_v a.elementor-icon.elementor-animation- svg {padding: 8px;}
.hover_card_icon .elementor-icon-box-icon, .hover_card_icon p, .hover_card_icon h3 {transition: color 0.3s ease-in-out;}
.hover_card_icon:hover .elementor-icon-box-icon, .hover_card_icon:hover p, .hover_card_icon:hover h3 {filter: brightness(50) grayscale(5);color: white !important;}

/*  //////////////////////  Blog general Styles  /////////////////////  */


#blog_card .eael-entry-wrapper {position: absolute;z-index: 1;width: 100%;bottom: 5px;padding: 3rem !important;max-width: 415px;}
#blog_card .eael-entry-overlay.none {background-color: #00449275 !important;opacity: 1;z-index: 1;}
#blog_card .eael-entry-media {border-radius: 40px;}
#blog_card .eael-entry-thumbnail { transition: all 0.3s ease-in-out; }
#blog_card .eael-grid-post-holder:hover .eael-entry-thumbnail {  transform: scale(1.1); }
#blog_card .eael-grid-post-holder {position: relative;}

@media (max-width:467px){
  #blog_card .eael-entry-wrapper {padding: 1rem !important;}
  #blog_card .eael-entry-media, .eael-grid-post .eael-entry-thumbnail>img { min-height: 300px; }

}


/*  //////////////////////  Blog home Styles  /////////////////////  */

@media (min-width:467px){
	
	
  .blog_card-grid .eael-post-grid.eael-post-appender.eael-post-grid-style-three {display: grid;grid-template-columns: 1fr 1fr;}
  .blog_card-grid article:first-child {grid-row: 1 / 3;}
  .blog_card-grid article:nth-child(2), .blog_card-grid article:nth-child(3) {max-height: 340px;}
  .blog_card-grid .eael-post-grid.eael-post-appender.eael-post-grid-style-three > article {display: flex;width: 100%;min-height: 360px;}
  .blog_card-grid .eael-entry-media, .blog_card-grid .eael-entry-thumbnail, .blog_card-grid .eael-grid-post-holder {height: 100%;width: 100%;}
}
.blog_card-grid article:nth-child(2), .blog_card-grid article:nth-child(3) {max-height: 100%;}


/*  //////////////////////  Newsletter Styles  /////////////////////  */

.newsletter_v form.wpforms-form {display: flex;align-items: center;}
.newsletter_v form.wpforms-form .wpforms-submit-container button {width: 100%;background-color: #ff7f08 !important;border-radius: 100px;height: 53px;}
.newsletter_v form.wpforms-form .wpforms-submit-container {width: 10%;min-width: 200px;margin: 0 0 0 -40px !important;}
.newsletter_v form.wpforms-form .wpforms-field-container input, .newsletter_v form.wpforms-form .wpforms-field-container {width: 100%;max-width: 100%;}
.newsletter_v form.wpforms-form .wpforms-field-container input {border-radius: 100px;padding: 25px 45px 25px 25px;}


.elementor-tab-title.eael-accordion-header {
  box-shadow: 0px 4px 10px -5px #2b2b2b91;
}

#slider_us_v figure.swiper-slide-inner img {
  max-height: 470px;
  object-fit: contain;
  object-position: center;
}
#slider_us_v .swiper-wrapper {
  align-items: center;
}

.elementskit-navbar-nav-default .elementskit-navbar-nav > li.active a {
  font-weight: 700 !important;
}

.elementskit-commentor-image.ekit-testimonial--avatar img {
  object-fit: contain;
  border-radius: 0 !important;
}

i.icon.icon-down-arrow1.elementskit-submenu-indicator {
  width: 20px;
  height: 14px;
  background-image: url(https://ww2.colegium.com/wp-content/uploads/2024/02/arrow_down.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.elementskit-megamenu-panel { top:80px; }

#clgm_foot ul li {
  width: 100%;
}.countryselector a:hover {
            background-color: #e7e7e7;
        }
        .countryselector > div > div:not(.placeholder) {
            height: 0; 
            opacity: 0;
            transition: all 0.3s ease;
        }
        .countryselector:hover > div > div {
            height: auto;
            opacity: 1;
        }
        .countryselector img {
            width: 30px;
        }
        .countryselector a {
            padding: 10px 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            color: black;
        }
        .countryselector {
            border: 0px solid #0000001f;
            width: max-content;
            /*background-color: white;*/
            transition: all 0.3s ease;
            position: relative;
            
        }
        .cont_container {
            position: absolute;
            width: 100%;
            overflow: hidden;
        }
        .countryselector:hover .cont_container {
            border: 1px solid #0000001f;
            background-color: white;
        }
article.eael-grid-post.eael-post-grid-column header.eael-entry-header {
    transition: all 0.3s ease;
}

article.eael-grid-post.eael-post-grid-column:hover header.eael-entry-header {
    transform: scale(1.05);
}.elementor-widget-htmega-menu-inline-menu, .htmega-menu-container, .htmega-menu-area, ul.htmega_mega_menu, li.htmega_mega_menu {
    position: initial !important;
}
.htmega-menu-container ul > li > a > span.htmenu-icon {
    line-height: 30px;
    margin-left: 5px;
    display: none;
}

.e-hosted-video.elementor-wrapper.elementor-open-inline video {
    width: 101% !important;
    max-width: 101%;
}
.e-hosted-video.elementor-wrapper.elementor-open-inline {
    overflow: hidden;
}

a.menu-link.main-menu-link {
    color: white;
}

.current_page_item a.menu-link.main-menu-link {
    font-weight: 700 !important;
}

div#mainMobileSection {
    width: calc(100vw - 10%);
    position: absolute;
    margin-top: 0;
    max-height: 80vh;
    overflow: auto;
    z-index: 10;
    transform: translateY(-150%);
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 2px 10px 0px #00000017;
}

#atrasJardines, #atrasColegios {
    display: none
}

#menuJardines, #menuColegios {
    height: 0px;
    overflow: hidden;
    transform: translatex(110%)
}
#menuContainer {
    overflow: hidden;
}

div#mobileToggler .elementor-icon-wrapper {
    display: flex;
    align-items: center;
}
ul#menu-compania, ul#menu-soporte, ul#menu-enlaces {
    display: flex;
    flex-direction: column;
}

button.e-n-tab-title:hover::before, button.e-n-tab-title[tabindex="0"]::before {
    content: "\25B6";
    position: absolute;
    top: 50%;
    right: -27px;
    transform: translateY(-50%) scaleY(1.5);
    color: #d2dbf5;
    font-size: 36px;
    z-index: 9;
}

button.e-n-tab-title:hover::after, button.e-n-tab-title[tabindex="0"]::after {
    content: "\25B6";
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%) scaleY(1.5);
    color: white;
    font-size: 27px;
    z-index: 10;
}

li#nav-menu-item-83:hover::before {

    transform: translateX(-50%) translateY(0px) scale(1);
    opacity: 1;
}

li#nav-menu-item-83::before {
    transform: translateX(-50%) translateY(20px) scale(0);
    transition: all 0.4s ease;
        content: "";
    position: absolute;
    bottom: -22px;
    left: 36%;
    
    font-size: 36px;
    z-index: 9;
    background: url(https://multisite-colegium.s3.amazonaws.com/wp-content/uploads/2024/03/05000719/Rectangle-92.svg);
    width: 35px;
    height: 35px;
    background-size: cover;
    opacity: 0;
}
a.menu-link.main-menu-link:hover {
    color: white;
}

div.swiper-wrapper img.swiper-slide-image {
    border-radius: 15px;
}

@media (max-width:467px){
	#no_wide {
		overflow-x: hidden;
		overflow-y: visible;
	}
}
.elementor-custom-embed-play svg {
    height: 50px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
    top: auto!important;
    bottom: 14%!important;
    padding: 0 10%;
	/*display: none;*/
}
#custom_bg_v .elementskit-single-testimonial-slider .elementskit-commentor-content {
    height: auto;
    min-height: 0;
	    padding: 0 25px;
}
#custom_bg_v .elementskit-single-testimonial-slider {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	box-shadow: 0 0 0 0;
}