/**
* Theme Name:     Divi Child
* Author:         Elegant Themes
* Template:       Divi
* Text Domain:	   divi-child
* Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
*/

#main-content {
	width:100vw !important;
	min-height: 100vh !important;
	overflow-x: hidden !important;
	transition: all .5s;
	opacity: 0;
}

#main-content.hide {
	opacity: 0 !important;
}

body.home #dssMenuLayerBg {
	background:url(https://victoria-web.be/eupia/wp-content/uploads/2026/01/AdobeStock_1658061760.jpeg);
}

#main-content.show {
	opacity: 1;
}

body.et-fb-root-ancestor #main-content {
	transition: all 0;
	opacity: 1 !important;
}

body {
	font-family: 'Neue Haas Grotesk Display Pro';
    letter-spacing: .04rem;
}

#dss-letters .dss-aa {
	font-size: 22px!important;
}

.pt_splitter {
	font-size: 90%;
	color:white
}

body.home .pt_splitter {
	font-size: 90%;
	color:white;
}

/* BODY BLACK */

body.black {
	background: #111111;
}

body.black .switchColor *:not(.doNotSwitchColor) {
	transition: color .3s !important;
	color: white !important;
	background: none !important;
}

body.black #main-content .bgWhiteOpac {
	background: rgba(255,255,255,.05) !important;
}

body.black #main-content .bgYellow {
	background: #fad745 !important;
}

body.black #main-content .bgYellow h2 {
	color: #004996 !important;
}

body.black #main-content .colorYellow * {
	color: #fad745 !important;
}

body.black .dss-aa {
	transition: color .3s !important;
	color: white !important;
}

body.black .dss-sub-letters * {
	color: #270057 !important
}

body.black #dss-hamburger {
	filter: invert(100%) !important;
}

body.black #dss-switch {
	border: 1px solid white !important;
}

body.black .dss-switch-circle {
	background: white !important;
}

body.black #main-content .dss-top-deg {
	background-image: linear-gradient(180deg, #111111 0%, rgba(0, 0, 0, 0) 100%), url(https://victoria-agency.be/digizine/wp-content/uploads/2024/06/bg-colored.jpg) !important;
}

/* TOP MAIN MENU */

#dssTopMainMenu {
	transform: translatey(-100%);
}

#dssTopMainMenu.down {
	transition: all 1s ease-in-out;
	transform: translatey(0);
}
#dssTopMainMenu.up {
	transition: all 1s ease-in-out;
	transform: translatey(-100%) !important;
}

/* PAGE LOADER */

#pageLoader {
	position: fixed;
	z-index:200;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: opacity .7s !important;
	opacity: 0;
}

#pageLoader.show {
	opacity: 1;
}

#pageLoader.invert {
	filter: grayscale(1) invert(100%) !important;
}

#pageLoader img {
	width:80px;
	height: 80px;
}

/* SWITCH */

#dss-switch {
	width: 36px;
	height: 20px;
	border: 1px solid #270057;
	border-radius: 20px;
	padding: 2px 3px;
	cursor: pointer;
}

#dss-switch .dss-switch-circle {
	width: 14px;
	height: 14px;
	background: #270057;
	border-radius: 50%;
}

#dss-switch.active .dss-switch-circle {
	transform: translatex(14px);
}

/* LETTERS */

#dss-letters {
	transform: translatey(-3px)
}

@media screen and (max-width: 991px) {
	#dss-letters {
		transform: translate(3px,-3px) !important
	} 
}

#dss-letters,
.dss-sub-letters {
	padding: 0 !important;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#dss-letters-ctn {
	display: block;
}

@media screen and (max-width: 991px) {
	#dss-letters-ctn {
		display: none !important;
	}
}

#dss-letters li {
	list-style-type: none;
}

#dss-letters > li {
	height: 30px
}

.dss-sub-letters {
	background: white;
	width: max-content;
	pointer-events: none;
	opacity: 0;
	transform: translatey(20px);
	transition: all .2s ease-in-out;
	margin-left: -100%;
	-webkit-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px -10px rgba(0,0,0,0.75);
	padding: 5px !important;
	border-radius: 6px;
}

#dss-letters:hover .dss-sub-letters {
	pointer-events: auto;
	opacity: 1;
	transform: translatey(0);
}

.dss-sub-letters li {
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 4px
}

.dss-sub-letters li:hover {
	background: #f5f5f5
}

.dss-sub-letters-default-icon,
.dss-sub-letters-medium-icon,
.dss-sub-letters-large-icon {
	display: inline-block;
	width: 20px;
	text-align: center;
	transform: translatex(-3px)
}

.dss-sub-letters-default-icon,
.dss-sub-letters-default-text {
	font-size: 16px
}

.dss-sub-letters-medium-icon,
.dss-sub-letters-medium-text {
	font-size: 20px;
}

.dss-sub-letters-large-icon,
.dss-sub-letters-large-text {
	font-size: 24px;
}

.dss-sub-letters li {
	position: relative
}

.dss-sub-letters li span {
	pointer-events: none
}

.dss-sub-letters li::before {
	content: '';
	width: 12px;
	height: 12px;
	background: #F40AFD;
	border-radius: 50%;
	position: absolute;
	border: 2px solid white;
	top: 50%;
	transition: all .3s ease-in-out;
	opacity: 0;
	transform: translate(-32px, -50%);
}

.dss-sub-letters li.active::before {
	opacity: 1;
	transform: translate(-22px, -50%);
}

/* HAMBURGER */

#dss-hamburger {
	cursor: pointer;
}

/* BANNER CENTRAL */

.dss-head-banner {
	margin: auto;
	border-radius: 30px;
	transform-origin: top center;
	transform: scale(.94);
}

@media screen and (max-width: 991px) {
	.dss-head-banner {
		transform: scale(.85);
	}
}

#dssContinueReading {
	cursor: pointer;
}

/* BANNER RIGHT */

#main-content .dss-head-banner-right {
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	transition: all .7s ease-in-out;
	transform-origin: top center;
	transform: scale(.94) translatex(2vw);
	top: 0;
	left: calc(100vw - 4.7vw) !important;
	padding: 0 !important;
	overflow: hidden;
}

#main-content .dss-head-banner-right.show {
	transform: scale(.94) translatex(0);
}

#main-content .dssHeadBannerRightInner {
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

@media screen and (max-width: 991px) {
	#main-content .dss-head-banner-right {
		transform: scale(.85) translatex(0) !important;
		left: calc(100vw - 11vw) !important;
	}
}

/* BANNER LEFT */

#main-content .dss-head-banner-left {
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	transform-origin: top center;
	transform: scale(.94) translatex(-2vw);
	top: 0;
	left: calc(-100vw + 4.7vw) !important;
	padding: 0 !important;
	overflow: hidden;
}

#main-content .dss-head-banner-left.show {
	transform: scale(.94) translatex(0);
}

#main-content .dssHeadBannerLeftInner {
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

@media screen and (max-width: 991px) {
	#main-content .dss-head-banner-left {
		transform: scale(.85) translatex(0) !important;
		left: calc(-100vw + 11vw) !important;
	}
}


/* HEAD ARTICLES */

#dss-articles {
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin-bottom: 2.5em;
	padding: 15px;
	max-width:1450px;
}

@media screen and (max-width: 991px) {
	#dss-articles {
		max-width: 100vw !important;
	}

}

#dss-articles::-webkit-scrollbar {
	display: none;
}

#dss-articles .dss-articles-move {
	display: flex;
	gap: 40px;
	transition: all 1s ease-in-out;
	opacity: 0;
	transform: translatex(150px);
	padding-bottom: 80px;
}

#dss-articles .dss-articles-move.show {
	opacity: 1;
	transform: translatex(0);
}

#dss-articles .dss-articles-move a,
#dss-articles-grid a {
	flex: 1;
	position: relative;
	transition: all .3s;
	font-size: 1.2em !important;
	letter-spacing: 1px;
}

#dss-articles .dss-articles-move a {
	font-size: .9em !important;
}
#dss-articles-grid a {
	font-size: 1.3em !important;
}

/* HOMEPAGE */

#dss-articles .dss-articles-move a::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	top: -12px;
	background: #ffffff;
	border-radius: 15px;
	transition: all .3s;
	transform: translatex(-17px);
}

#dss-articles .dss-articles-move a:hover {
	transform: translatex(17px) !important
}

#dss-articles .dss-articles-move a:hover::before {
	background: #f3f6fa;
}

@media screen and (max-width: 991px) {
	#dss-articles .dss-articles-move a:hover {
		transform: translatex(0) !important
	}

	#dss-articles .dss-articles-move a:hover::before {
		opacity: 0
	}
}

#dss-articles .dss-articles-move a {
	text-decoration: none !important;
}

#dss-articles .dss-articles-move a label {
	font-size: 1em;
	display: block;
	color: #004996 !important;
	padding-bottom: 1em;
	cursor: pointer;
}

#dss-articles .dss-articles-move a h2 {
	color: #004996 !important;
}

/* LAYER */

#dss-articles-grid a {
	text-decoration: none !important;
	transform: scale(.9);
	font-size: 90%;
}

#dss-articles-grid a label{
	transform-origin: left bottom;
	transform: scale(.8);
}

#dss-articles-grid a .pt_splitter {
	color: #ffd500;
}

#dss-articles-grid a::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	top: -12px;
	border-radius: 15px;
	transition: all .3s;
	transform: translatex(-17px);
}

#dss-articles-grid a:hover {
	transform: translatex(17px) !important
}

#dss-articles-grid a:hover::before {
	background: rgba(255,213,0,.3);
}

@media screen and (max-width: 991px) {
	#dss-articles-grid a:hover {
		transform: translatex(0) !important
	}

	#dss-articles-grid a:hover::before {
		opacity: 0
	}
}

#dss-articles-grid a p {
	font-weight: bold !important;
	padding-bottom: 5px;
}

/* PROGRESS BAR */

.dss-articles-progress {
	position: relative;
	width: 100%;
	max-width: 1420px;
	background: rgba(255,255,255, .2);
	padding: 1px;
	border-radius: 30px;
	transition: all .5s;
	opacity: 0;
	margin-top: -70px;
	pointer-events: none;
	margin-left:13px;
}

.dss-articles-progress.show {
	opacity: 1
}

.dss-articles-progress-bar {
	width: 0;
	height: 3px;
	border-radius: 30px;
	background: #004996;
}

@media screen and (max-width: 991px) {
	.dss-articles-progress {
		transform: translatey(-45px);
		width: 90% !important;
	}
	#dss-articles .dss-articles-move {
		gap: 20px;
	}
	.dss-articles-progress-bar {
		height: 3px;
	}
}

/* MENU LAYER */

#dssMenuLayer {
	transition: all .5s ease-in-out;
	opacity: 0;
	transform: translatey(-100%);
	pointer-events: none;
}

#dssMenuLayer.show {
	opacity: 1;
	transform: translatey(0);
	pointer-events: auto;
}

#dss-articles-grid * {
	color: white;
}

#dss-articles-grid  {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
	padding: 10px;
}

#dssMenuLayerTitle {
	transition: opacity 1s ease-in-out;
	opacity: 0;
}

#dssMenuLayerTitle.show {
	opacity: 1;
}

#dss-articles-grid a {
	transition: all .5s ease-in-out;
	opacity: 0;
	transform: translatex(30px);
}

#dss-articles-grid a.show {
	opacity: 1;
	transform: translatex(0);
}

#dss-articles-grid a label {
	font-size: .8em;
	display: block;
	color: white;
	padding-bottom: .5em;
	cursor: pointer;
}

#dssMenuLayerClose {
	cursor: pointer;
}

@media screen and (max-width: 991px) {
	#dss-articles-grid  {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 40px !important;
	}
}

@media screen and (max-width: 700px) {
	#dss-articles-grid  {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 30px !important;
	}
}

#dssMenuLayerContent {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

#dssMenuLayerContent::-webkit-scrollbar { 
    display: none !important;
}

/* PAGES  */

.scroll-reading-btn {
	display: flex;
	align-items: center;
}

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

.scroll-reading-btn svg {
	transform: scale(.75)
}

.scroll-reading-btn svg #wheel {
	animation: scroll ease 1.5s infinite;
}

.scroll-reading-btn {
	color: white;
	font-size: 1.4em;
	display: flex;
	align-items: center;
	gap: 30px;
	width: max-content;
	border: 1px solid white;
	padding: 6px 25px;
	border-radius: 30px;
	background: rgba(255,217,18,.1);
	transform-origin: center left;
	transform: scale(.8);
	transition: all .3s;
}

.scroll-reading-btn:hover {
	background: rgba(255,217,18,.3);
}

.scroll-reading-btn .span_swipe {
	display: none;
}

@media screen and (max-width: 991px) {
	.scroll-reading-btn {
		transform-origin: left center;
		transform: scale(.75);
		padding: 15px 40px !important;
	}
	.scroll-reading-btn svg {
		display: none;
	}
	.scroll-reading-btn .span_scroll {
		display: none;
	}
	.scroll-reading-btn .span_swipe {
		display: block;
	}
}

/* RIGHT NAVIGATION */

#dssRightNav {
	transform: translatex(40px)
}

@media screen and (max-width: 991px) {
	#dssRightNav {
		transform: translatex(40px);
	}
}

.dssRightNavCtn{
	width: 70px;
	padding: 15px;
	border-radius: 60px;
	background: white;
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	transition: all .7s ease-in-out;
	transform: translatex(0);
	opacity: 0
}

.dssRightNavCtn.show {
	opacity: 1 !important;
	transform: translatex(-25px) !important;
}

.dssRightNavRight {
	width: 40px;
	height: 40px;
	background: #ee730a;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s;
}

.dssRightNavRight:hover {
	transform: scale(1.05) translatex(2px)
}

.dssRightNavRight img {
	width: 14px;
	transform: translatex(-2px)
}

.dssRightNavLeft {
	width: 40px;
	height: 40px;
	background: #008167;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s;
}

.dssRightNavLeft:hover {
	transform: scale(1.05) translatex(2px)
}

.dssRightNavLeft img {
	width: 14px;
	transform: translatex(1px) rotate(180deg);
}

/* FOOTER */

#dss-footer-left,
#dss-footer-right {
	cursor: pointer;
}

#dss-footer-left *,
#dss-footer-right * {
	color: white;	
	pointer-events: none;
	transition: all .3s;
}

#dss-footer-left .dss-footer-label-left,
#dss-footer-left .dss-footer-arrow-left,
#dss-footer-right .dss-footer-label-right,
#dss-footer-right .dss-footer-arrow-right {
	opacity: .3;
}

#dss-footer-left .dss-footer-title-left,
#dss-footer-right .dss-footer-title-right {
	opacity: .7;
}

#dss-footer-left:hover *,
#dss-footer-right:hover * {
	opacity: 1;
}

#dss-footer-left:hover .dss-footer-arrow-left {
	transform: translate(-10px, -50%)
}

#dss-footer-right:hover .dss-footer-arrow-right {
	transform: translate(10px, -50%)
}

/* COUNTER NUMBER */

.percent-sign {
	font-size: .4em;
	padding-left: 4px;
	font-weight: 500;;
	color: #270057;
}

body.black #main-content .switchColor .percent-value {
	color: inherit !important;
}

/* CHARTS */

#dssCharts li:nth-child(even) {
	padding-bottom: 40px !important;
}

#dssCharts li:first-child {
	padding-top: 25px !important;
}

#dssCharts li:last-child {
	padding-bottom: 15px !important;
}

@media screen and (max-width: 991px) {
	#dssCharts li:nth-child(even) {
		padding-bottom: 0 !important;
	}
	#dssCharts li:first-child {
		padding-top: 10px !important;
	}
}

/* CONTACT FORM */ 

#dssContactForm .wpforms-field-label {
	color: white;
	font-size: 1em !important;
}

#dssContactForm .wpforms-field-label .wpforms-required-label {
	font-size: 20px !important;
	color: crimson !important;
}

#dssContactForm button[type='submit'] {
	background-color: #ffffff !important;
	color: #270057 !important;
	font-weight: 600 !important;
	letter-spacing: .5px !important;
	border-radius: 10px !important;
	padding: 15px 35px !important;
	height: auto !important;
	float: right !important;
	margin-bottom: 30px !important;
	font-size: 1em !important;
}

#dssContactForm input,
#dssContactForm textarea {
	font-size: 1em !important;
	padding: 1.2em .7em !important;
	font-weight: 500 !important;
	letter-spacing: .5px !important;
	background: rgba(255,255,255, .2) !important;
	color: white !important;
	outline: none !important;
	border-radius: 10px !important;
}

#dssContactForm .wpforms-error {
	font-size: 1em !important;
	color: crimson !important;
}

#dssContactForm .wpforms-error::before {
	top: 0 !important;
}

#dssContactForm .wpforms-confirmation-container-full {
	background: none !important;
	border: none !important;
}

#dssContactForm .wpforms-confirmation-container-full p {
	color: white !important;
	text-align: center !important;
	font-size: 1.2em !important;
	padding: 200px 0 !important;
}

#dssContactForm .wpforms-head-container {
	padding: 5px 0 20px 0 !important;
}

#dssContactForm .wpforms-title {
	color: white !important;
	font-size: 2em !important;
}

/* Social Share */

.et_social_sidebar_networks {
	transition: all .7s !important;
	opacity: 0 !important;
	transform: translatex(-30px) !important;
	pointer-events: none !important;
}

.et_social_sidebar_networks.show {
	opacity: 1 !important;
	transform: translatex(0) !important;
	pointer-events: auto !important;
}

.et_social_mobile {
	transition: all .7s !important;
	opacity: 0 !important;
	transform: translatey(100%) !important;
	pointer-events: none !important;
}

.et_social_mobile.show {
	opacity: 1 !important;
	transform: translatey(0) !important;
	pointer-events: auto !important;
}

img.dss-info {
	position:absolute;
	height: 27px !important;
	width: auto !important;
	left: 0;
	margin-top: 3px
}

blockquote {
	margin: 20px 0 30px !important;
    border-left: 7px solid #ee730a !important;
    padding-left: 20px !important;
}