/*
Theme Name: Inspirare Coaching
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor Inspirare Coaching
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/
html {
	scroll-behavior: smooth;	
}
body {
	overflow-X: unset;
}
.inner-scrollable {
	position: sticky;
	top: 40px;
}
button.sub-menu-toggle {
	background-color: var(--secondary)!important;
}
nav.mobile-navigation .menu ul.sub-menu {
	padding-left: 10px!important;
	background: transparent!important;
}
button.sub-menu-toggle:after {
	color: var(--black)!important;	
}
.content-wrapper ul li {
	font-size: var(--p-size);
    font-weight: var(--p-font-weight);
    line-height: var(--p-line-height);
	list-style-type: none;
	position: relative;
}
.content-wrapper ul li:before {
	content: '';
    display: inline-block;
    position: absolute;
    margin-right: 20px;
    width: 10px;
    height: 10px;
    top: 15px;
    left: -30px;
    background-color: var(--white);
    transform: rotate(45deg);
}
h1, h2, h3 {
	margin-bottom: 24px;
}
.tns-outer .tns-controls button {
	background-color: var(--white);	
}
.tns-outer .tns-controls button i{
	color: var(--quaternary);
}
.filter-list label, form label {
	 font-family: var(--btn-font)!important;
	font-size: 22px;
}
.card-reviews {
	background-color: transparent;	
	border: none;
}
.card-reviews .content-outer {
	display: flex;
	flex-direction: column;
}
.card-reviews .excerpt-holder p{
	font-family: var(--btn-font)!important;
	font-size: 34px!important;
}
.card-reviews .review-intro {
	order: 2;
	margin-top: 90px;
}
.star-count {
	display: none;	
}
input.gform_button {
	width: 100%!important;
	font-family: var(--btn-font)!important;
	font-size: 22px;
	background-color: var(--secondary);
	color: var(--black);
}
.btn.bg-transparent {
	border: none;
}
h6:before {
content: '';
    display: inline-block;
    position: relative;
    margin-right: 20px;
    width: 10px;
    height: 10px;
    top: -2px;
    background-color: var(--tertiary);
    transform: rotate(45deg);
}
a.btn span:before, li.menu-item-has-button span.menu-item-button span:before {
	content: '';
    display: inline-block;
    position: absolute;
    margin-right: 20px;
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: 20px;
    background-color: var(--tertiary);
    transform: rotate(45deg);
}
li.menu-item-has-button span.menu-item-button span {
	position: relative;	
}
li.menu-item-has-button span.menu-item-button span:before {
	left: -20px;
	background-color: var(--white)!important;
}
a.btn:not(.bg-transparent) span:before, li.menu-item-has-button span.menu-item-button span:before {
	opacity: 0;
	transition: 0.3s all ease-in-out;
}
a.btn span {
	transition: 0.3s all ease-in-out;
}
a.btn:hover span {
	margin-left: 8px;	
}
a.btn:hover span:before, li.menu-item-has-button span.menu-item-button:hover span:before {
	opacity: 1;
}
a.btn.bg-white span:before, a.btn.bg-secondary span:before{
	background-color: var(--primary);	
}
a.btn.bg-tertiary span:before{
	background-color: var(--white);	
}
.main-nav-menu li {
	padding: 0px var(--menu-items-padding-horizontal);
}
.main-nav-menu li a {
	padding: 0px!important;
}
.main-nav-menu li.menu-item-has-children>a:after {
    content: "▼";
    transform: rotate(0deg) scaleY(0.7);
    font-size: 12px;
    top: -3px;
}
.main-nav-menu li.current-menu-item a {
	position: relative;
}
.main-nav-menu li.current-menu-item:not(.menu-item-has-button) > a:before {
	content: "";
    position: absolute;
	bottom: -5px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: var(--black);
}
.main-nav-menu li .sub-menu {
	box-shadow: none;
	border: none;
	border-radius: 15px;
}
.main-nav-menu li ul.sub-menu li {
	    padding: 5px 34px!important;
}
.main-nav-menu li .sub-menu li a:hover {
	background-color: unset;
	color: var(--tertiary);
}
section.full-background-overlay .background-image-wrapper img {
    opacity: .7;
}
.btn span, .button span, input[type=submit] span, main button span, li.menu-item-has-button a span{
	font-family: var(--btn-font)!important;
	font-size: 22px;
}
.padding-inner-box {
	padding: 120px;	
}
img.invert {
	filter: brightness(0) invert(1);	
}
.padding-left-20 {
	padding-left: 20px;
}
span.opacity {
	opacity: 0.6;
}
.footer-inner * {
	font-size: 24px;	
}
.footer-inner #block-1 p{
	font-size: 20px;
}
.footer-inner #block-1 img{
	margin-bottom: 40px;
}
.footer-inner #block-8 .content-wrapper>:last-child, .footer-inner #block-7 .content-wrapper>:last-child {
	margin-top: 20px;	
}
.footer-inner ul li a {
	margin-bottom: 12px!important;
	display: block;
	font-weight: 300;
}
.footer-inner  h3 {
    margin-bottom: 50px!important;
}
.footer-inner a {
	text-decoration: none;
}
.footer-inner a:hover {
	text-decoration: underline;
}
.socket * {
	text-decoration: none;
	opacity: .9;
}
/* Card */
.card-simple * {
	text-align: center;
}
.card-simple a.btn {
	background-color: var(--secondary);	
}
.card-simple a.btn span {
	color: var(--primary);	
}
.card-simple h4 {
	margin-bottom: 45px;
}
.card-simple .category {
	padding: 0px 30px;
    border: 1px solid white;
    border-radius: 100px;
    margin-bottom: 40px;
    display: inline-flex;
    width: fit-content;
}
.counter .row {
  counter-reset: card-counter;
}
.counter .card h4 {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.counter .card h4::before {
  counter-increment: card-counter;
  content: "/0" counter(card-counter) "";
  color: #fff;
	font-size: 22px;
	margin-bottom: 40px;
}
.card-simple .excerpt-holder {
	font-size: 22px;
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}

/* BG patterns */
footer {
	background-image: url(img/bg-footer.png)!important;
    background-size: 450px 450px!important;
    background-repeat: no-repeat!important;
	background-position:-225px!important;
}
.bg-pattern {
	background-image: url(img/bg-pattern.png);
    background-size: 600px 600px;
    background-repeat: no-repeat;
}
.bottom-right {
	background-position: right 0px bottom -100px;
}
.bg-tertiary h6:before {
	background-color: white;	
}
.bg-tertiary .btn.bg-white {
	color: var(--tertiary);	
}
.bg-tertiary .btn.bg-white span:before{
	background-color: var(--tertiary);	
}

/* BTN Fix */
.btn.bg-primary:hover {
	background-color: var(--primary)!important;	
}
.btn.bg-secondary:hover {
	background-color: var(--secondary)!important;	
}
.btn.bg-tertiary:hover, .menu-item-button.bg-tertiary:hover {
	background-color: var(--tertiary)!important;	
}
.btn.bg-quaternary:hover {
	background-color: var(--quaternary)!important;	
}
.btn.bg-gray:hover {
	background-color: var(--gray)!important;	
}
.btn.bg-darkgray:hover {
	background-color: var(--darkgray)!important;	
}
.btn.bg-white:hover {
	background-color: var(--white)!important;	
}
.card-simple .bg-primary:hover {
	background-color: var(--secondary)!important;	
}

/* Gravity */
.gfield {
	margin-bottom: 50px;
}
.gfield textarea{
	height: 200px;
}
.filter-list input, .filter-list select, .filter-list textarea, form input, form select, form textarea {
	background-color: transparent;
    border: none;
    border-bottom: 2px solid #ffffff69;
	color: white;
	transition: 0.3s all;
}
.filter-list textarea:focus, form input:focus, form select:focus, form textarea:focus {
	border-bottom: 2px solid #ffffff;
}
/* Animation Fix */
.no-animation  * {
	transform: none!important;
	opacity: 1!important;
}


/* Mobile */
.mobile-menu-toggle {
	transform: scale(0.8);	
}
.hamburger-icon span {
	border-radius: 0px!important;	
}
@media (max-width: 992px) {
	.padding-left-20 {
		padding-left: 0px!important;
	}
	.navigation .logo {
		height: 50px;
	}
	h6 {
		margin-bottom: 20px!important;	
	}
	.card-reviews .content-outer {
		padding: 20px!important;	
	}
	#block-9, #block-10, .footer-inner #block-1 p:last-of-type {
		display: none;
	}
	.footer-inner #block-1 img {
		margin-bottom: 0px;
	}
	section.half-background-half-overlay .background-image-wrapper {
        margin-bottom: calc(var(--section-padding) * -0.5);
	}
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1640px!important;
    }
}
@media (max-width: 1200px) {

	.padding-inner-box {
		padding: 40px;
	}
	.card-reviews .excerpt-holder p {
		font-size: 24px!important;	
	}
	.section-padding, section {
		padding: 40px 0	
	}
}