/*
Theme Name: flatsome-child
Description: This is a child theme for flatsome
Author: Ascending Fortune
Template: flatsome
Version: 3.0
*/

/*************** CSS Essentials   ***************/

/***** Fonts *****/

@font-face {
    font-family: 'inter-bold';
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.eot');
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.ttf') format('truetype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Bold.svg#Inter18pt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter-regular';
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.eot');
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.ttf') format('truetype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-Regular.svg#Inter18pt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter-semibold';
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.eot');
    src: url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.ttf') format('truetype'),
        url('/wp-content/uploads/custom-fonts/Inter18pt-SemiBold.svg#Inter18pt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


body, 
.fill.banner-link /* hide scrolling on banners */ { 
	overflow: hidden; 
	/* Hide horizontal scrollbars */ 
}

h1, .h1, .banner h1 {
    font-family: 'inter-bold';
	font-size: 40px;
	line-height: 1.2;
	font-weight: normal;
}

h2, .h2, .banner h2 {
    font-family: 'inter-bold';
	font-size: 32px;
	line-height: 1.2;
	font-weight: normal;
}

h3, .h3, .banner h3{
    font-family: 'inter-bold';
	font-size: 24px;
	line-height: 1.2;
	font-weight: normal;
}

h4, .h4, .banner h4{
    font-family: 'inter-semibold';
	font-size: 20px;
	line-height: 1.2;
	font-weight: normal;
}

h5, .h5, .banner h5{
    font-family: 'inter-semibold';
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
}

h6, .h6, .banner h6{
    font-family: 'inter-semibold';
	font-size: 16px;
	line-height: 1.2;
	font-weight: normal;
	text-transform: initial !important;
}

body, p, .banner p {
	font-family: 'inter-regular';
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

.nav > li > a{
    font-family: 'inter-bold';
	font-size: 16px;
}


::selection {
  color: #004F2D;
  background: #EDF3F0;
}

html {
	scroll-behavior: smooth;
}

/*
a:not(.button, .-nojump-, .nav-top-link, .plain){
	display: inline-block;
	transition: transform 0.1s ease-in-out;
}

a:not(.button, .-nojump-, .nav-top-link, .plain):hover{
	text-decoration: underline;
	transform: translateX(5px);
}*/

.-jump- a, .menu-sidebar-menu-container a, .header-nav .sub-menu a{
	display: inline-block !important;
	transition: transform 0.1s ease-in-out !important;
}

.-jump- a:hover, .menu-sidebar-menu-container a:hover, .header-nav .sub-menu a:hover{
	text-decoration: underline !important;
	transform: translateX(5px) !important;
}

.article-inner a:not(.button){
    /*font-family: 'inter-bold';*/
	color: #004F2D;
	text-decoration: underline !important;   
	transition: color 0.1s ease-in-out !important;
}

.article-inner a:not(.button):hover{
	color: #D3AF37;
}

.menu-sidebar-menu-container .menu-item.current-menu-item > a{
    font-family: 'inter-bold';
	color: #004F2D !important;
	text-decoration: underline;
}


/***** Global CSS *****/
.button.secondary, .button.primary, .button.success, .button.alert, .button.white, .wpcf7-submit{
    font-family: 'inter-bold';
	font-size: 16px;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0) !important;
	font-weight: normal !important;
	text-transform: initial !important;
	border-radius: 5px !important;
}

.button.primary span{
	color: #fff;
}

.button.secondary span{
	color: #fff !important;
}

.button:hover, .button.white.is-outline:hover, .wpcf7-submit:hover{
	background-color: #000 !important;
	border-color: #000 !important;
}

.button span:hover,
.button:hover span,
.button.white.is-outline:hover span,
.button.white.is-outline span:hover,
.wpcf7-submit:hover{
	color: #fff !important;
}

.-w100-{
	width: 100%;
}

.-w100-.-font30- span{
	font-size: 20px;
}

/* do not make menu bolder */
.nav-uppercase>li>a {
	font-weight: normal;
}

.grecaptcha-badge{
	opacity: 0 !important;
}


.-accordion- .toggle{
	left: initial;
	right: 0;
	top: -5px;
}

.-accordion- .accordion-title, .-accordion- .accordion-title.active{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid transparent;
	color: #000;
	background-color: transparent;
}

.-accordion- .accordion-item{
	padding: 5px 0px 5px 0px;
}

.-accordion- .accordion-title span{
    font-family: 'inter-bold';
	font-size: 20px;
	letter-spacing: 0px;
}

.-accordion- .accordion-inner{
	padding: 10px 50px 0px 0px;
}

.flickity-slider > .row:not(.is-selected){
	opacity: 1 !important;
}

.-radius-left- .col-inner{
	border-radius: 20px 0px 0px 20px;
}

.-radius-top- .col-inner{
	border-radius: 20px 20px 0px 0px;
}

.-radius-right- .col-inner{
	border-radius: 0px 20px 20px 0px;
}

.-radius-bottom- .col-inner{
	border-radius: 0px 0px 20px 20px;
}


/***** Home CSS *****/

.-colbg1- .col-inner{
	background: url(https://ascendingfortune.com/wp-content/uploads/2026/07/ascending-fortune-column-background-2.svg);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: right bottom;
}

.-home-bnr1-{
	border-radius: 0px 10px 10px 0px;
}


/***** Contact CSS *****/

.-formulier- .col{
	padding-bottom: 0px !important;
}

.-formulier- .wpcf7-form-control{
	border-radius: 5px !important;
}


/***** Guides CSS *****/

.widget_nav_menu .icon-angle-down{
	display: none !important;
}

.widget_nav_menu .sub-menu {
    display: block !important;
    padding-left: 15px;
}

ul.menu > li ul{
	border-left: 0px solid transparent;
}

.-col5- .large-2{
	flex-basis: 20% !important;
    max-width: 20% !important;	
}

/***** Guides table CSS *****/
.table-scroll {
    width: 100%;
    overflow-x: auto;
    margin: 24px 0;
}

.comparison-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background-color: #ffffff;
}

.comparison-table th,
.comparison-table td {
    padding: 14px 16px;
    border: 1px solid #d9e3de;
    text-align: left;
    vertical-align: top;
}

.comparison-table thead th {
    background-color: #004F2D;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.comparison-table tbody th {
    width: 20%;
    background-color: rgb(237, 243, 240);
    color: #004F2D;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.comparison-table tbody tr:nth-child(even) td {
    background-color: #f8faf9;
}

.comparison-table th,
.comparison-table td {
    text-transform: initial !important;
	letter-spacing: initial !important;
}


/***** Menu desktop *****/
.header-nav > .sub-menu a{
	font-size: 16px !important;
}

.sub-menu{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.sub-menu a{
	font-size: 13px !important;
	text-transform: initial !important;
	color: #000;
}

.nav-dropdown.nav-dropdown-default > li > a, .nav-dropdown-default .nav-column li > a{
	border-bottom: 0px solid transparent !important;
	margin: 0px !important;
	padding: 2px 2px !important;
}

.nav-column > li > a{
	padding: 0px !important;
}



@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h1, .h1, .banner h1 {
		font-size: 32px;
	}

	h2, .h2, .banner h2 {
		font-size: 28px;
	}

	h3, .h3, .banner h3{
		font-size: 24px;
	}

	h4, .h4, .banner h4{
		font-size: 20px;
	}

	h5, .h5, .banner h5{
		font-size: 18px;
	}

	h6, .h6, .banner h6{
		font-size: 16px;
	}
	
	body, p, .banner p {
	font-size: 16px;
	}
	
	/* is nodig om ervoor te zorgen dat je op mobile niet opeens wel lokaal kan scrollen binnen banners */
	.banner-layers {
    	-webkit-overflow-scrolling: touch;
    	overflow: hidden;
	}
	
	.-col5- .large-2{
		flex-basis: initial !important;
		max-width: initial !important;	
	}
	
	.-home-bnr1-{
	border-radius: 0px 0px 0px 0px;
	}
	
}