/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* General */
.hero-banner{
	max-height: calc( 100vh - 102px )!important;
	height: calc( 100vh - 102px )!important;
}

.hero-banner-mobile{
	height: calc( 100vh - 70px )!important;
}

.hero-banner-mobile .elementor-container.elementor-column-gap-default{
	height: 85vh;
}

/* Specializari si Meserii */
.counter-column .elementor-widget-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Co-Training */

#hover-column1:hover .hover-text1, #hover-column2:hover .hover-text2, #hover-column3:hover .hover-text3, #hover-column4:hover .hover-text4{
	display: block;
}

#hover-column1:hover .header-color-change1 h2, #hover-column2:hover .header-color-change2 h2, #hover-column3:hover .header-color-change3 h2, #hover-column4:hover .header-color-change4 h2{
	color: #2466D9!important;
}

.hover-text1, .hover-text2, .hover-text3, .hover-text4{
	display: none;
}

/* Jobs */

#column-dropdown1{
	max-height: 105px;
	overflow: hidden;
}


#column-dropdown2,
#column-dropdown3{
	max-height: 95px;
	overflow: hidden;
	transition: max-height .6s ease-in-out;
}

#column-dropdown6{
	max-height: 105px;
	overflow: hidden;
	transition: max-height .6s ease-in-out;
}

#column-dropdown4,
#column-dropdown5,
#column-dropdown7,
#column-dropdown8{
	max-height: 55px;
	overflow: hidden;
	transition: max-height .6s ease-in-out;
}

#column-dropdown1:hover,
#column-dropdown2:hover,
#column-dropdown3:hover,
#column-dropdown4:hover,
#column-dropdown5:hover,
#column-dropdown7:hover,
#column-dropdown8:hover,
#column-dropdown6:hover{
	max-height: 800px;
	transition: max-height 1s ease-in-out;
}

/* Posts */

#post-content h2{
	color: #ffffff;
	font-family: kanit;
	font-size: 28px;
}