/*
 Theme Name: Heylog
 Theme URI: https://srg-group.at
 Description: SRG Heylog Theme
 Author: SRG
 Author URI: https://srg-group.at
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* ================================
   TYPOGRAPHY
   ================================ */

h4, h4 span {
	hyphens: auto;
}

/* ================================
   END TYPOGRAPHY
   ================================ */

/* ================================
   DIVI SLIDER
   ================================ */

#home-slider {
	font-family: 'Montserrat', serif;
	height: calc(100vh - 60px);
}

#home-slider .et_pb_slides {
	height: 100%;
}

#home-slider .et_pb_slide_image img {
	border-radius: 15px;
	max-width: 540px;
}

/* CUSTOM CONTROLLERS */
#home-slider .et-pb-controllers {
	text-align: center !important;
	margin: 35px 0 !important;
}

#home-slider .et-pb-controllers a {
	width: 66px !important;
	height: 26px !important;
	border-radius: 25px !important;
	display: inline-block !important;
	margin: 0 6px !important;
	border: 3px solid #1d4df0 !important;
	background-color: transparent !important;
	transition: all 0.3s ease;
	opacity: 1 !important;
}

#home-slider .et-pb-controllers a:not(.et-pb-active-control) {
	background-color: #ffffff !important;
}

#home-slider .et-pb-controllers a.et-pb-active-control {
	background-color: #1d4df0 !important;
	border-color: #1d4df0 !important;
}

#home-slider .et-pb-controllers a:hover {
	transform: scale(1.1);
	cursor: pointer;
}

#home-slider .et-pb-slider-arrows a:hover {
	transform: scale(1.1);
	cursor: pointer;
}

/* SLIDER TEXT */
#home-slider .hero-slide {
	max-width: 600px;
	margin-left: auto;
	margin-right: 5vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#home-slider .hero-card {
	width: 600px;
	background: #ffffff;
	padding: 20px 50px;
	border-radius: 15px;
	border: 4px solid #122CC5;
	text-shadow: none;
}

#home-slider .hero-card h2 {
	color: #000000 !important;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 18px;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
	text-shadow: none;
}

#home-slider .hero-card p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 8px;
}

#home-slider .hero-card ul {
	line-height: 2.5;
}

#home-slider .quote-container {
	width: 600px;
}

#home-slider .hero-quote {
	margin-top: 20px;
	color: #122CC5;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
}

#home-slider .color-white, #mobile-home-slider .color-white {
	color: #FFFFFF !important;
}

#home-slider .hero-quote-author {
	display: inline-block;
	margin-top: 4px;
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
}

/* Mobile */
#mobile-home-slider .hero-slide {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#mobile-home-slider .hero-card {
	width: 80%;
	background: #ffffff;
	padding: 20px;
	border-radius: 15px;
	border: 4px solid #122CC5;
	text-shadow: none;
}

#mobile-home-slider .hero-card h2 {
	color: #000000 !important;
	font-size: 18px !important;
}

#mobile-home-slider .et-pb-controllers {
	text-align: center !important;
	margin: 10px 0 !important;
}

#mobile-home-slider .et-pb-controllers a {
	width: 46px !important;
	height: 20px !important;
	border-radius: 25px !important;
	display: inline-block !important;
	margin: 0 6px !important;
	border: 3px solid #1d4df0 !important;
	background-color: transparent !important;
	transition: all 0.3s ease;
	opacity: 1 !important;
}

#mobile-home-slider .quote-container {
	width: 80%;
}

#mobile-home-slider .hero-quote {
	margin-top: 10px;
	color: #122CC5;
	text-align: end;
}

#mobile-home-slider .et-pb-controllers a:not(.et-pb-active-control) {
	background-color: #ffffff !important;
}

#mobile-home-slider .et-pb-controllers a.et-pb-active-control {
	background-color: #1d4df0 !important;
	border-color: #1d4df0 !important;
}

#mobile-home-slider .et-pb-controllers a:hover {
	transform: scale(1.1);
	cursor: pointer;
}

#mobile-home-slider .et-pb-slider-arrows a:hover {
	transform: scale(1.1);
	cursor: pointer;
}


/* ================================
   END DIVI SLIDER
   ================================ */

.et_pb_blurb_container .et_pb_module_header {
	padding: 0;
}

.blurb-list .et_pb_blurb_content {
	margin: 0;
}

.blurb-list .et_pb_blurb_container {
	padding-left: 48px;
}

.app-card-carousel .swiper-button-prev.dsm_card_carousel_arrow::before,
.app-card-carousel .swiper-button-next.dsm_card_carousel_arrow::before {
	color: #122CC5;
}

.app-card-carousel .step-icon {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.app-card-carousel .step-icon::before {
	content: attr(data-num);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #122CC5;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 20px;
}

.app-card-carousel .step-icon::after {
	content: "";
	flex: 1;
	height: 4px;
	background: #122CC5;
	border-radius: 2px;
}

.row-compare {
	display: flex !important;
	align-items: stretch;
}

.row-compare .et_pb_column {
	width: auto !important;
	max-width: none !important;
}

.row-compare .et_pb_column:nth-child(1),
.row-compare .et_pb_column:nth-child(3) {
	flex: 1 1 0;
}

.row-compare .et_pb_column:nth-child(2) {
	flex: 0 0 240px;
	max-width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 980px) {
	.row-compare {
		flex-direction: column;
	}

	.row-compare .et_pb_column:nth-child(2) {
		max-width: 100%;
		flex: 0 0 auto;
		margin: 10px 0;
	}
}

/* ================================
   POST STYLES
   ================================ */

.post-template-default.single.single-post ul li, .post-template-default.single.single-post h3 {
	margin-bottom: 0.5em;
}

.reference-featured-image-section {
	height: calc(100vh - 80px);
	@media only screen and (min-width: 768px) and (max-width: 980px) {
		height: 80vh;
	}
	@media screen and (max-width: 767px) {
		height: 50vh;
	}
}

.reference-featured-image-section .et_pb_module.et_pb_fullwidth_image {
	height: 100%;
}

.reference-main-image img {
	max-height: 550px;
	object-fit: cover;
}

.heylog-tags-line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	font-size: 18px;
}

.heylog-tag {
	white-space: nowrap;
}

.heylog-arrow {
	margin: 0 0.25rem;
	color: #122CC5;
	font-size: 35px;
	font-weight: 900;
}

.heylog-suffix {
	margin-left: 0.25rem;
	color: #122CC5;
	font-weight: 700;
	white-space: nowrap;
}

.reference-end-section {
	display: flex;
	column-gap: 24px;
}

.reference-end-section .stars {
	color: #DFB920;
	font-size: 24px;
	letter-spacing: 4px;
}

.reference-end-section .reference-end-col-left {
	width: 100%;
}

.reference-end-section .reference-end-col-left .reference-end-main-image {
	height: 100%;
}

.reference-end-section .reference-end-col-left .reference-end-main-image .et_pb_image_wrap {
	height: 100%;
}

.reference-end-section .reference-end-col-left .reference-end-main-image img {
	height: 100%;
	object-fit: cover;
}

.reference-end-section .reference-end-col-right {
	width: 100%;
}

.reference-end-section .reference-end-col-right .reference-end-secondary-image img {
	max-height: 225px;
}

@media (max-width: 980px) {
	.reference-end-section {
		flex-wrap: wrap;
		row-gap: 30px;
	}
}

/* ================================
   END POST STYLES
   ================================ */

/* ================================
   POST LIST STYLES
   ================================ */

/* GRID WRAPPER */
.heylog-post-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	padding: 0 20px;
}

/* CARD */
.heylog-card {
	background: #F7F7F7;
	border-radius: 16px;
	padding: 0 0 24px;
	display: flex;
	flex-direction: column;
}

/* IMAGE */
.heylog-card-image img {
	width: 100%;
	display: block;
	border-radius: 16px 16px 0 0;
}

/* META */
.heylog-card-meta {
	font-size: 14px;
	color: #666;
	margin: 20px 20px 0;
}

/* TITLE */
.heylog-card-title {
	color: #122CC5;
	font-size: 24px;
	font-weight: 700;
	margin: 20px 20px 10px;
}

/* EXCERPT */
.heylog-card-excerpt {
	font-size: 15px;
	line-height: 1.45;
	color: #333;
	margin: 0 20px 20px;
}

/* BUTTON */
.heylog-card-button {
	margin: 0 20px;
	padding: 10px 18px;
	display: inline-block;
	background: none;
	border: 1px solid #122CC5;
	border-radius: 20px;
	color: #122CC5 !important;
	font-size: 18px;
	text-decoration: none;
	max-width: fit-content;
	transition: 0.3s all;
}

/* HOVER */
.heylog-card-button:hover {
	background-color: #122CC5;
	color: #FFF !important;
}

/* MOBILE */
@media (max-width: 980px) {
	.heylog-post-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.heylog-post-grid {
		grid-template-columns: 1fr;
	}
}

/* ================================
   END POST LIST STYLES
   ================================ */

/* ================================
   MOBILE MENU
   ================================ */

@media (max-width: 1070px) {
	.menu-item > a {
		font-size: 14px !important;
	}
}

#menu-main-nav ul.sub-menu {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	width: auto;
	max-width: 320px;
}

#menu-main-nav ul.sub-menu .menu-item > a {
	width: auto;
}

.et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu .menu-item a {
	hyphens: auto;
}

/* ================================
   END MOBILE MENU
   ================================ */

/* ================================
   ICON MENU ITEMS
   ================================ */

@media (min-width: 980px) {
	/* Login menu */
	.menu-item.login-icon > a {
		font-size: 0 !important;
		position: relative;
		padding: 0 8px !important;
	}

	/* User icon */
	.menu-item.login-icon > a::before {
		content: "\e08a"; /* Divi user icon */
		font-family: "ETmodules", serif;
		font-size: 20px;
		color: #122CC5;
		font-weight: 900;
		position: relative;
		top: 0;
	}

	/* Language selector */
	.menu-item.wpml-ls-current-language > a {
		font-size: 0 !important;
		position: relative;
		padding: 0 8px !important;
	}

	.menu-item.wpml-ls-current-language > a > img {
		display: none !important;
	}

	.menu-item.wpml-ls-current-language > a::after {
		color: #122CC5;
	}

	/* Lang icon */
	.menu-item.wpml-ls-current-language > a::before {
		content: "\e0e3"; /* globe / language icon */
		font-family: "ETmodules", serif;
		font-size: 20px;
		color: #122CC5;
		font-weight: 400;
		position: relative;
		top: 0;
		right: 12px;
	}
}

/* ================================
   END ICON MENU ITEMS
   ================================ */

@media (max-width: 768px) {
	p, p span {
		font-size: 12px !important;
	}

	h1, h1 span {
		hyphens: auto;
	}

	h2, h2 span {
		font-size: 30px !important;
	}

	h3, h3 span {
		font-size: 14px !important;
	}

	h4, h4 span {
		font-size: 14px !important;
	}

	.post-template-default.single.single-post p {
		font-size: 18px !important;
	}

	.post-template-default.single.single-post h3 {
		font-size: 28px !important;
	}

	.post-template-default.single.single-post h4 {
		font-size: 24px !important;
	}
}