/*
    Template: astra
    Theme Name: Genese
*/
/* Center the video horizontally and vertically within the container */

.trp-language-switcher > div { 
	padding: 0px 20px 0px 13px!important;
}

/* Hide the English flag */
.page-id-823 .trp-ls-shortcode-language a[title="English"], .single-job .trp-ls-shortcode-language a[title="English"] {
    display: none !important;
}


#wpforms-2012-field_20 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns */
    grid-gap: 10px; /* Adjust the gap as needed */
}

/* Selectors for the first and second columns */
#wpforms-2012-field_20 li {
    margin: 0; /* Reset any default margins */
}

#wpforms-2012-field_20 li:nth-child(1),
#wpforms-2012-field_20 li:nth-child(3) {
    grid-column: 1; /* First column */
}

#wpforms-2012-field_20 li:nth-child(2),
#wpforms-2012-field_20 li:nth-child(4),
#wpforms-2012-field_20 li:nth-child(5),
#wpforms-2012-field_20 li:nth-child(6) {
    grid-column: 2; /* Second column */
}



.footer-sec a {
	color: #fff;
}


.slick-slide {
	text-decoration: none!important;
}

.menu-item-object-language_switcher {
  display: none; /* Hide the language switcher by default */
}


.partners-slide .swiper-slide-image {
	height: 55px!important;
	width: auto!important;
}

/* Style the video element */
.elementor-background-video-hosted {
    width: 100%!important; /* Adjust the width as needed */
    max-width: none!important; /* Remove any maximum width constraints if present */
    height: auto!important; /* Adjust the height as needed */
}


.elementor .elementor-background-video, .elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted{
    transform: translate(-29%,-50%)!important;
}


/* Styles for scrolling text */
.scrolling-section {
	height: 30px; /* Adjust height based on your preference */
	overflow: hidden;
	position: relative;
	margin-top: 20px; /* Adjust margin to create space between heading and scrolling text */
}

.scrolling-text {
	position: relative;
	animation: scroll 16s linear infinite; /* Adjust animation duration as needed */
}

.line {
	font-family: Gilroy-Regular;
	font-size: 28px;
	color: #fff;
	margin: 0;
	opacity: 1;
	line-height: 1.2; /* Adjust line height as needed */
	margin-bottom: 5px; /* Adjust margin between lines */
}

@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100%);
	}
}



body.single-job ul:not(#menu-primary-menu){
  padding: 2px 20px;
}

.entry-meta {
	display: none;
}

.copyright-link a {
	color: #fff!important;
	text-decoration: underline;
}

.colored-heading {
    font-family: "Gilroy-Bold", Sans-serif;
    font-weight: 900;
    color: #0069B5;
}

.about-colored-heading {
    font-family: "Gilroy-Bold", Sans-serif;
    font-weight: 700;
    color: #0069B5;
}

.swiper-button-next,.swiper-button-prev {
	display: none!important;
}


/*Sliding Events Section*/
.slick-prev,
.slick-next {
    display: none!important;
}


.event-card-slider {
    display: flex;
    flex-direction: column; /* Stack the controls above the cards */

}

.slider-controls {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    margin-bottom: 14px;
}

.slider-prev,
.slider-next {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}

.slider-prev {
    margin-right: 10px;
}

.slider-container {
    display: flex;
    flex-wrap: nowrap;
}

.event-card {
    border: 1px solid #fff;
    padding: 12px 28px;
    margin: 6px;
    width: 270px !important;  
    height: 350px !important;
    display: flex !important;
    flex-direction: column;
    border-radius: 8px;
    justify-content: space-between !important;
}

.event-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.event-card h2 {
    font-family: "Gilroy-Regular", Sans-serif;
    color: #fff;
    font-size: 24px;
}

.excerpt {
    font-family: "Gilroy-Regular", Sans-serif;
    color: #fff;
    font-size: 13px;
    align-self: flex-end; /* Align the excerpt to the bottom */
}

.event-dates {
	font-family: "Gilroy-Regular", Sans-serif;
    color: #fff;
    font-size: 13px;
	margin-bottom: auto!important;

}

.event-card:hover {
    background-image: linear-gradient(99deg, #0069B5 0%, #83B3FF 100%);
    transition: background 0.3s; 
    border: none;
}

.slick-track {
	display: flex!important;
	justify-content: center!important;
}


/*Jobs Section*/

/* Style for the container of all job entries */
.job-entries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.job-icon img {
    width: 28px;
    margin-bottom: 30px; /* Add space between thumbnail and title */
}

.job-title {
    font-family: Gilroy-Regular;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 10px!important; /* Add space between title and other elements */
}

.job-links {
	text-decoration: none!important;
}

/* Style for each job entry (4 columns) */
.job-entry {
    flex: 0 0 calc(25% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 12px;
    background-color: #fff;
    text-align: left;
    box-sizing: border-box;
    position: relative;
	cursor: pointer;
}

.job-entry::before {
    content: '';
    position: absolute;
    top: 10;
    left: 0;
    width: 3px; /* Adjust this value to change the width of the line */
    height: 8%;
    background-color: #0069B5;
}

/* Style for the job type button */
.job-type-button {
    display: flex;
    margin-bottom: 10px; /* Add space between job type and other elements */
}

.job-type {
    padding: 2px 12px;
    background-color: rgba(165, 190, 231, 0.4);
    color: #1A1A1A;
    border-radius: 20px;
    margin-right: 10px;
    font-size: 14px;
    font-family: Gilroy-Regular;
}

.job-location {
    color: #1A1A1A;
    font-size: 14px;
    font-family: Gilroy-Regular;
    font-weight: bold;
    margin-bottom: 10px; /* Add space between location and excerpt */
}

.job-excerpt {
    font-size: 14px;
    font-family: Gilroy-Regular;
    margin-bottom: 10px; /* Add space between excerpt and the next entry */
}

a.job-excerpt-link {
	text-decoration: none!important;
	color: #334155;
}

/* Products Posts */
/* Products Posts */
.product-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.job-post .job-content {
    background-color: #fff;
}

.job-post .job-side .job-content-wrap {
    border-color: #f5f5f5 !important;
}

.job-listing .job-preview .job-cta a {
	/* border: 3px solid #255270; */
}

body .job-listing .job-preview .job-cta .apply-btn, body .jp-apply-button, body .job-listing-categories .job-category, body .jobs-search .job-search, body .jobs-modal-form .job-submit, body .jobs-modal-form .choose_file, body .jobs-modal-form .choose_file_multi, body .jobs-modal-form .choose_file_multi_add
 {
	 border: 2px solid #255270;
}

body .jp-apply-button, body .primary-style, body .job-listing .job-preview .job-cta .apply-btn, body .jobs-modal-form .job-submit, body .job-submit, body .jobs-modal-form .choose_file, body .jobs-modal-form .choose_file_multi, body .jobs-modal-form .choose_file_multi_add, body .job-listing-categories .job-category.active, body .jobs-modal-form .progress-button button
 {
	 color: #255270;
}

.job-post .job-image .job-content-wrap {
    padding-left: 0;
}

.job-post .job-image .job-content-wrap {
    max-height: 475px;
    overflow: hidden;
}

@media screen and (max-width: 560px) {
    .job-post .job-content .job-content-wrap {
        padding: 0 10px !important;
    }
}

.product-item {
    position: relative;
    border: 1px solid #0069B5;
    border-radius: 5px;
    text-align: center;
    margin: 10px;
    padding: 96px 54px;
    width: 260px;
	height: 326px;
    overflow: hidden;
    transition: all 0.3s; /* Add a smooth transition */
}

.product-item:hover {
    background-color: transparent; /* Remove the background color on hover */
}

.product-icon {
    display: flex;
    justify-content: center;
    opacity: 1; /* Set the initial opacity to fully visible */
    transition: opacity 0.3s; /* Add a smooth opacity transition */
}

.product-item:hover .product-icon {
    opacity: 0; /* Hide the icon on hover */
}

.product-title {
    margin-top: 10px;
    color: #1A1A1A;
    font-size: 16px!important;
    font-family: Gilroy-Regular;
    opacity: 1; /* Set the initial opacity to fully visible */
    transition: opacity 0.3s; /* Add a smooth opacity transition */
}

.product-item:hover .product-title {
    opacity: 0; /* Hide the title on hover */
}

.product-excerpt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #0069B5;
    color: white;
    text-align: center;
    padding: 10px;
    opacity: 0;
    font-family: Gilroy-Regular;
    font-size: 12px;
    overflow: hidden;
    display: flex;
    justify-content: center; /* Center the content horizontally */
    align-items: center; /* Center the content vertically */
    transition: transform 0.8s ease-in-out, height 0.8s, opacity 0.8s;
}

.product-item:hover .product-excerpt {
    height: 100%;
    opacity: 1;
    transform: translateY(0);
}

.product-item:not(:hover) .product-excerpt {
    height: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s ease-in-out, height 0.8s, opacity 0.8s;
}

.wpform-genese {
	font-size: 16px!important;
    font-weight: 400!important;
    letter-spacing: 0.8px!important;
    background-color: transparent!important;
    background-image: linear-gradient(99grad, #0069B5 0%, #83B3FF 100%)!important;
	padding: 12px 40px!important;
}

#wpforms-2012-field_13{
	resize: none;
}


html[lang="de-DE"] .hide-btn-language {
    display: none;
}


html[lang="en-US"] li.hide-job-menu,html[lang="en-US"] .hide-textarea {
    display: none;
}

li.hide-contact-menu {
	display:none;
}

html[lang="en-US"] .elementor-icon-list-item:nth-child(6) {
    display: none;
}

.footer-logo {
	margin-left: -28px;
}


/* Media queries for responsiveness */
@media (max-width: 768px) {
    .job-entry {
        flex: 0 0 calc(50% - 20px); /* 2 columns on smaller screens */
        margin-right: 0;
    }
    
    .product-item {
        width: 45%; 
    }
	
	.menu-item-object-language_switcher {
		display: block; /* Display the language switcher on mobile */
	  }
	
	li.hide-contact-menu {
		display: block;
	}

	
	
}

@media (max-width: 1024px) {
	.menu-item-object-language_switcher {
		display: block; /* Display the language switcher on mobile */
	  }
	
	li.hide-contact-menu {
		display: block;
	}
}

@media (max-width: 480px) {
    .job-entry {
        flex: 0 0 100%; /* 1 column on even smaller screens */
    }

    .product-item {
        width: 100%; /* 1 column on even smaller screens */
    }
	.line {
	font-family: Gilroy-Regular;
	font-size: 18px; 
	}
	.menu-item-object-language_switcher {
    display: block; /* Display the language switcher on mobile */
  }
	
	#wpforms-2012-field_20 label {
		font-size: 15px;
	}
	
}

@media screen and (min-width: 1400px) {
	 body {
    font-size: 120%; /* 100% + 20% = 120% */
  }
	.trp-language-switcher > div > a { 
		padding: 5px 12px;
	}
  .e-con .e-con-inner {
    max-width: 1600px; /* Adjust the width as needed for widescreen */
  }
	.background-video-embed, .elementor .elementor-background-video-hosted {
    position: absolute;
    bottom: 90%;
    left: 50;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio and cover container */
  }
	
  .event-card {
		border: 1px solid #fff;
		padding: 12px 26px;
		margin: 6px;
		width: 290px !important;  
		height: 380px !important;
		display: flex !important;
		flex-direction: column;
		border-radius: 8px;
		justify-content: space-between !important;
	}
	
	.product-box {
		width: 85%;
        justify-content: center;
		margin:  auto;
    }
    
    .product-item {
        width: 260px; /* Adjust the width as needed to maintain the same number of posts per row */
    }
	
	.genese-video-bg {
        padding-top: 440px; /* Adjust the top padding as needed */
        padding-bottom: 180px; /* Adjust the bottom padding as needed */
    } 


}