/*
Theme Name: Estudiar Child
Author: VamTam
Author URI: https://vamtam.com
Template: estudiar
*/

.vamtam-sticky-header.vamtam-sticky-header--fixed-shown.vamtam-sticky-header--transparent-header {
	background-color: white !important;
}
a {
	text-transform: none !important;
}
.page-custom-header a{
	color: white !important;
}
.page-custom-header a:hover{
	color: white !important;
	text-decoration: underline;
}
.custom-sub-menu {
	position: fixed;
	top: 250px;
	left: auto;
	right: 50px;
	background-color: white !important;
	width: 250px;
	z-index: 9999999999 !important;
}
.custom-sub-menu .e--pointer-background .elementor-item:before {
    background: #FFC53A;
    z-index: -1;
}
.custom-sub-menu h4{
	cursor: move;
}
a.elementor-button.elementor-button-link:hover {
	border-bottom: 1px solid #1e4688 !important;
}
a.elementor-button.elementor-button-link .elementor-button-icon {
	margin: 2px 0px 0px 5px !important;
}
a.elementor-button.elementor-button-link:hover .elementor-button-icon {
	margin: 2px 0px 0px 8px !important; 
	transition: margin .25s ease;
}
/* POSTS GRID CSS */
/* Define a grid container for the layout */
.custom-home-posts .elementor-posts-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Three columns with equal width */
  grid-template-rows: auto auto; /* Automatically determine the number of rows based on content */
  grid-gap: 20px; /* Adjust the gap as needed */
}

/* Style the grid items */
.custom-home-posts .elementor-posts-container article {
  width: 100%;
  margin-bottom: 20px; /* Adjust the margin as needed */
}

/* Make the first item in the first row 50% wide */
.custom-home-posts .elementor-posts-container article:nth-child(1) {
  grid-column: span 2; /* Span 2 columns (50%) */
}

/* Make the last item in the second row 50% wide */
.custom-home-posts .elementor-posts-container article:nth-child(6) {
  grid-column: span 2; /* Span 2 columns (50%) */
}

.custom-home-posts .elementor-post__card .elementor-post__badge {
	margin: 20px !important;
}

/* POSTS CONTENT CSS */
.custom-home-posts .elementor-posts-container article {
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #ccc; /* Add any border or styling you need */
  margin: 10px; /* Adjust margin as needed */
}

/* Style the image container */
.custom-home-posts .elementor-posts-container article .elementor-post__thumbnail__link {
  flex-grow: 1; /* Allows the image to fill all available space */
  position: relative; /* Allows for absolute positioning of the text */
  overflow: hidden; /* Ensures the image won't overflow the container */
}

/* Style the image within the image container */
.custom-home-posts .elementor-posts-container article .elementor-post__thumbnail__link img {
  width: 100%; /* Makes the image 100% wide within its container */
  height: auto; /* Maintains the image aspect ratio */
  object-fit: cover; /* Ensures the image covers the entire container */
}

/* Style the text container at the bottom */
.custom-home-posts .elementor-posts-container article .elementor-post__text {
  height: 50px; /* Fixed height for text */
  color: #fff; /* Text color */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style the text within the text container */

.custom-home-posts .elementor-posts-container article .elementor-post__text .elementor-post__title {
  text-align: left;
  width: 100%;
}
.custom-home-posts .elementor-posts-container .elementor-post__thumbnail {
    height: 100%;
}
.custom-home-posts .elementor-posts-container article .elementor-post__thumbnail__link img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.elementor-widget-tabs.vamtam-has-theme-hr-tabs-style .elementor-tabs-wrapper .elementor-tab-title {
	width: 100%;
}
.elementor-tab-title a {
	margin-top: 10px;
    display: block;
}
.custom-sub-menu {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top-header-menu {
	font-weight: 700;
    display: block !important;
    position: fixed;
    z-index: 10000000;
    top: 12px;
    right: 10px;
}
.top-header-menu a{
	color: #292929;
	font-weight: 500;
	margin: 0px 10px;
}
.top-header-menu a:hover{
	color: #000;
	text-decoration: above;
}

.vamtam-sticky-header.vamtam-sticky-header--fixed-shown.vamtam-sticky-header--transparent-header .e-con.e-flex>.e-con-inner  .elementor-element, .vamtam-sticky-header.vamtam-sticky-header--fixed-shown.vamtam-sticky-header--transparent-header .e-con.e-flex>.e-con-inner .elementor-element .elementor-nav-menu--main .elementor-item {
	color: #000 !important;
}
.elementor-tab-title a {
	margin-top: 0px;
}
.elementor-widget-tabs.vamtam-has-theme-hr-tabs-style .elementor-tabs-wrapper {
	bottom: 25px !important;
}
.num-hero-tabs .elementor-widget-tabs.vamtam-has-theme-hr-tabs-style .elementor-tabs-wrapper .elementor-tab-title::before {
	background-image: linear-gradient(to right,white 50%,white 50%);
}
.num-hero-tabs .elementor-tab-title a {
	margin-top: 10px;
}

/* Course Listing Custom Design */
#course-listing-custom .dropbtn {
    background-color: #1E4688;
    color: white;
	text-decoration: none;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
}

#course-listing-custom .dropdown-content {
    padding: 20px;
	
    margin-top: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#course-listing-custom input {
    border: 1px solid #efefef;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 10px;
}
#course-listing-custom .dropdown-content button:hover {
    text-decoration: underline;
}
#course-listing-custom .table_content div#table_body .col-md-4 {
    border-left: 1px solid #dedede;
    padding-left: 30px;
}
#course-listing-custom .table_content div#table_body .col-md-4 a {
    margin-bottom: 0px;
    display: block;
}
.check-diploma-button {
	text-decoration: none !important;
    line-height: 1.6em !important;
    fill: var(--e-global-color-vamtam_accent_5) !important;
    color: var(--e-global-color-vamtam_accent_5) !important;
    background-color: var(--e-global-color-vamtam_accent_1) !important;
    border-style: none !important;
    padding: 10px 25px 10px 25px !important;
}
.accordion-custom-html .e-n-accordion a {
    width: calc(20% - 5px) !important;
    display: inline-block;
    margin: 0px !important;
    text-align: left;
    margin-bottom: 10px !important;
	align-items: center;
    vertical-align: middle;
}
.accordion-custom-html .e-n-accordion a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
	.num-hero-tabs .elementor-widget-tabs.vamtam-has-theme-hr-tabs-style .elementor-tabs-wrapper .elementor-tab-title.elementor-active::before {
		transform: translateX(0%) !important;
		width: 100% !important;
		height: 3px;
		background-image: linear-gradient(to right, #FFC53A 50%, #FFC53A 50%) !important;
	}
	.num-hero-tabs .elementor-widget-tabs.vamtam-has-theme-hr-tabs-style .elementor-tabs-wrapper .elementor-tab-title {
		margin-left: 30px;
		margin-bottom: 15px;
		width: 200px;
	}
}
/*
put your child theme styles here
you don't need any @import rules
*/