/*!
Theme Name: Triple Solar
Theme URI: http://triplesolar.de
Author: Afix
Author URI: https://www.afix.nl/
Description: Custom theme for the Triple Solar website. 
Version: 00.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: triplesolar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



/* Navigation styling */
.navigation_full_bottom a:last-child {
	margin-right: 0;
}

/* Webflow styling */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.image img {
	border-radius: var(--border-radius-medium);
}

.section.is-white-bg {
	background-color: #FFF;
}

.testimonial-quotation-card img {
	border-radius: var(--border-radius-small);
}

*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
	outline: 0.125rem solid #4d65ff;
	outline-offset: 0.125rem;
}
.w-richtext> :not(div):first-child,
.w-richtext>div:first-child> :first-child {
	margin-top: 0 !important;
}
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}
.pointer-events-off {
	pointer-events: none;
}
.pointer-events-on {
	pointer-events: auto;
}
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.container-medium,
.container-small,
.container-large {
	margin-right: auto !important;
	margin-left: auto !important;
}

.text-3lines,
.projects_card-paragraph,
.featured-post_card-paragraph,
.post_card-paragraph {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* Adds inline flex display */
.display-inlineflex {
	display: inline-flex;
}
/* These classes are never overwritten */
.hide {
	display: none !important;
}
@media screen and (max-width: 991px) {
	.hide,
	.hide-tablet {
	display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.hide-mobile-landscape {
	display: none !important;
	}
}
@media screen and (max-width: 479px) {
	.hide-mobile {
	display: none !important;
	}
}
.margin-0 {
	margin: 0rem !important;
}
.padding-0 {
	padding: 0rem !important;
}
.spacing-clean {
	padding: 0rem !important;
	margin: 0rem !important;
}
.margin-top {
	margin-right: 0rem !important;
	margin-bottom: 0rem !important;
	margin-left: 0rem !important;
}
.padding-top {
	padding-right: 0rem !important;
	padding-bottom: 0rem !important;
	padding-left: 0rem !important;
}
.margin-right {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
	margin-left: 0rem !important;
}
.padding-right {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
	padding-left: 0rem !important;
}
.margin-bottom {
	margin-top: 0rem !important;
	margin-right: 0rem !important;
	margin-left: 0rem !important;
}
.padding-bottom {
	padding-top: 0rem !important;
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
.margin-left {
	margin-top: 0rem !important;
	margin-right: 0rem !important;
	margin-bottom: 0rem !important;
}
.padding-left {
	padding-top: 0rem !important;
	padding-right: 0rem !important;
	padding-bottom: 0rem !important;
}
.margin-horizontal {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
}
.padding-horizontal {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
.margin-vertical {
	margin-right: 0rem !important;
	margin-left: 0rem !important;
}
.padding-vertical {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
::-moz-selection {
	color: #ffffff;
	background: #D94F00;
}
::selection {
	color: #ffffff;
	background: #D94F00;
}


/* Header styling */

header .checkmarks-list-item {
	font-size: 1.125rem;
}

.is-yellow-gradient .element_roof, .element_roof.lighter-roof {
	opacity: .15;
}

.is-green-gradient .element_roof {
	opacity: .2;
}

.section_roof-wrapper .element_roof	{
	height: 100%;
}

.section_roof-wrapper .container {
	height: 100%;
	width: 100%;
	overflow: visible;
}

.checkmarks-wrapper .checkmark-icon {
	margin-top: .5rem;
	min-width: 1rem;
}

.checkmarks-wrapper .checkmarks-list.is-default svg path {
	fill: #4d4d4e;
}

.checkmarks-wrapper .checkmarks-list.is-orange svg path {
	fill: #D94F00;
}

.section_header.is-orange-gradient .checkmarks-list.is-orange svg path, .section_header.is-dark-gray-gradient .checkmarks-list.is-default svg path {
	fill: #fff;
}

/* Additional button styling */
.button .button-arrow {
	margin-left: .75rem;
}

.button .button-arrow path {
	fill: #FFF;
	transition: all .3s;
}

.button:hover .button-arrow path {
	fill: #FFF;
}

.button.is-orange.is-secondary .button-arrow path, .button.is-orange.is-text .button-arrow path {
	fill: #D94F00;
}

.button.is-orange.is-secondary:hover .button-arrow path, .button.is-orange.is-text:hover .button-arrow path {
	fill: #B84401;
}

.button.is-gray.is-secondary .button-arrow path, .button.is-gray.is-text .button-arrow path, .button.is-white.is-secondary:hover .button-arrow path, .button.is-white .button-arrow path {
	fill: #4d4d4e;
}

.button.is-gray.is-secondary:hover .button-arrow path, .button.is-white.is-secondary .button-arrow path {
	fill: #fff;
}

.button.is-gray.is-text:hover .button-arrow path {
	fill: #717171;
}

/* Additional project styling */
.projects-content-wrapper .content p {
	margin: 0;
}

.projects-content-wrapper .content h2 {
	margin-top: 3rem;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.projects-content-wrapper .content h3 {
	margin-top: 3rem;
	font-size: 1.75rem;
	margin-bottom: .875rem;
}

.projects-content-wrapper .content h4 {
	margin-top: 3rem;
	font-size: 1.5rem;
	margin-bottom: .75rem;
}

.projects-content-wrapper .content h5 {
	margin-top: 3rem;
	font-size: 1.25rem;
	margin-bottom: .625rem;
}

.projects-content-wrapper .content h6 {
	margin-top: 3rem;
	font-size: 1.125rem;
	margin-bottom: .5rem;
}

.video-wrapper:hover:after {
	transform: scale(1.1);
}

.images-wrapper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	min-width: 100%;
	align-items: stretch;
	margin-left: -1rem;
	margin-right: -1rem;
}

.images-wrapper .single-image {
	max-width: 100%;
	flex-basis: 50%;
	padding: 1rem;
	height: auto;
	display: flex;
}

.images-wrapper .single-image img {
	height: auto;
	max-width: 100%;
	display: inline-block;
	object-fit: cover;
	border-radius: 0.5rem;
	overflow: hidden;
}

.searchandfilter ul {
	padding: 0;
}

.projects_filter-wrapper .searchandfilter select.sf-input-select {
	min-width: unset;
	grid-column-gap: 0.5rem;
	grid-row-gap: 0.5rem;
	color: #D94F00;
	border: 1.5px solid #D94F00;
	border-radius: 1.25rem;
	padding: 0.75rem;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.1;
	display: flex;
}
	

.content-wrapper .image, .content-wrapper .video { 
	margin: 2rem 0;
}

.content-wrapper >:last-child, .content-wrapper ol li:last-child, .content-wrapper ul li:last-child {
	margin-bottom: 0 !important;
}


/* Section styling */
.images-wrapper img {
	border-radius: .5rem;
}


.video-container {
	z-index: 999999;
	position: relative;
	margin: auto;
	display: inline-block;
	width: 100%;
	padding-bottom: 56.25%;
}

.video-container iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.video-wrapper:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	z-index: 99;
}

.video-wrapper:after {
	content:"";
	width: 5rem;
	height: 5rem;
	background-color: #fff;
	background-image: url('/wp-content/themes/triplesolar/images/play-icon.svg');
	background-position: 60%;
	background-repeat: no-repeat;
	background-size: 28px;
	border-radius: 50rem;
	margin: auto;
	transition: all .3s;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	z-index: 99;
}

.video-wrapper img {
	width: 100%;
}

body.modal-open {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.modal-wrapper .is-relative {
	max-width: 70rem;
}

/* CONTENT WRAPPERS */
.content-wrapper.is-white-bg {
	background: #fff;
	padding: 2rem;
	border-radius: .5rem;
}

.content-wrapper.is-global-bg {
	padding: 2rem;
	border-radius: .5rem;
}


.content-wrapper .column-full-width {
	width: 100%;
}

.content-wrapper .column-full-width {
	width: 100%;
}

.content-wrapper.column-medium {
	max-width: 50rem;
}

.content-wrapper.column-small {
	max-width: 35rem;
}

.content-wrapper.text-align-left {
	text-align: left;
}

.content-wrapper.text-align-center {
	text-align: center;
}

.content-wrapper.text-align-center ul {
	display: inline-block;
}

.content-wrapper.text-align-center .button-group {
	justify-content: center;
}

.button-group {
	margin-top: 1.5rem;
}

.columns-wrapper.is-gray-bg {
	padding: 2rem;
	background-color: #f6f6f6;
}

.is-orange-bg {
	background-color: #D94F00;
}

.columns-wrapper.is-orange-bg {
	padding: 2rem;
}

/* Two columns */
.columns-wrapper > *:last-child {
	margin-bottom:0;
}

.columns-wrapper.is-white-bg {
    background: #FFF;
    box-shadow: 0 0 1.5rem rgba(0,0,0,.02);
    padding: 2rem;
}

.columns-wrapper.text-align-center .button-group {
    justify-content: center;
}

.columns.no-gap .columns-wrapper {
	height: 100%;
}

.two-columns.no-gap .columns-wrapper:first-child {
	border-radius: .5rem 0 0 .5rem;
}

.two-columns.no-gap .columns-wrapper:last-child {
	border-radius: 0 .5rem .5rem 0;
}

.columns-wrapper.no-padding {
	padding: 0;
}


/* Three columns */
.three-columns.no-gap .columns-wrapper:nth-child(1) {
	border-radius: .5rem 0 0 .5rem;
}

.three-columns.no-gap .columns-wrapper:nth-child(2) {
	border-radius: 0;
}

.three-columns.no-gap .columns-wrapper:nth-child(3) {
	border-radius: 0 .5rem .5rem 0;
}







/* Post styling */
.a2a_kit.a2a_kit_size_14.addtoany_list {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    display: flex;
	transition: all .3s;
}

.a2a_kit.a2a_kit_size_14.addtoany_list a {
    cursor: pointer;
	border-radius: 0.5rem;
    width: 2rem;
    height: 2rem;
    border: 1.5px solid #f6f6f6;
    justify-content: center;
    align-items: center;
    display: flex;
}

.a2a_kit.a2a_kit_size_14.addtoany_list a:hover {
    border-color: #D94F00;
}

.a2a_kit.a2a_kit_size_14.addtoany_list a img {
	max-width: .875rem;
}

.heading-grid_button-wrapper, .feedback-company-wrapper {
    text-align: right;
}



/* Custom secties */
.slick-dots {
	grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    justify-content: center;
    margin-left: auto;
    display: flex;
    list-style: none;
}

.slick-dots li button {
	display: none;
}

.slick-dots li::marker {
	content: none;
}

.slick-dots li {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #9A9A9A;
    border-radius: 50%;
    transition: all .3s ease;
}

.slick-dots li.slick-active {
	background-color: #4D4D4E;
}

.slider-bottom {
	padding-top: 2rem;
}

.slider-arrow.previous img {
	transform: rotate(180deg);
}

.usp_wrapper p {
	color: #717171;
}

/* Custom sections — Checkmarks */
.usps-wrapper .usp_wrapper .icon-list {
	flex: 0 0 4rem;
}

/* Custom sections - Featured projects */
.projects_card-image-wrapper.full-width-project img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.full-width-project .projects_card-image-wrapper.full-width-project {
	align-self: stretch;
    height: auto !important;
}

.projects_card-content-wrapper.full-width-project {
	align-self: stretch;
    height: auto;
}

.faq-answer {
	cursor: auto;
}

/* Custom sections - Steps */
.steps-wrapper .steps-line {
	height: calc(100% - 1.5rem);
}


/* Navigatie */
.navigation-wrapper .navigation-header-wrapper {
	overflow: visible;
}

.element_roof-wrapper .is-white-bg {
	background: #FFF;
}

.nav-white-bg > .navigation-wrapper {
	box-shadow: 0 0 1.5rem rgba(0,0,0,.03);
}


/* Form styling */
.form .gform_button.button {
	color: #fff;
    text-align: center;
    background-color: #D94F00;
    border: 1.5px solid #D94F00;
    border-radius: 1.25rem rem;
    padding: 1rem 1.5rem;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: all .3s;
    display: inline-block;
}

.form .gform_button:hover {
  color: #fff;
  background-color: #B84401;
  border-color: #B84401;
}

.form.is-gray .gform_button.button {
	color: #fff;
	background-color: #4D4D4E;
	border: 1.5px solid #4D4D4E;
}

.form.is-gray .gform_button.button:hover {
	color: #fff;
	background-color: #717171;
	border-color: #717171;
}

.form.is-white .gform_button.button {
	color: #4D4D4E;
	background-color: #fff;
	border: 1.5px solid #fff;
}

.form.is-white .gform_button.button:hover {
	opacity: 0.8;
}

/* Blog posts */
.w-layout-grid.is-yellow-bg {
	background-color: #FFE163;
	padding: 2rem;
	border-radius: .25rem;
}

.w-layout-grid.is-yellow-bg .checkmarks-list-item {
	color: #333;
}

.w-layout-grid.is-neutral-bg {
	background-color: #FCFCFC;
	border-radius: .25rem;
}

.w-layout-grid.is-white-bg {
	background-color: #FFF;
	box-shadow: 0 0 1rem rgba(0,0,0,.02);
	padding: 2rem;
	border-radius: .25rem;
}

.form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height:1.1;
}


/* Header sections */
@media screen and (min-width: 768px) {
	.header_wrapper.transparent-background .titles > * {
	  color: #FFF;
	  text-shadow: 0 0 1rem rgba(0,0,0,.25);
	}

	.header_wrapper.overlap {
	  transform: translate(0, 3rem);
	}

	.padding-vertical.padding-header.overlap {
		padding-bottom:0;
	}

	.padding-vertical.padding-header.overlap .header_wrapper.transparent-background {
		padding-bottom: 2.5rem;
	}
}


.header_wrapper.basic {
	padding:0;
	background-color: transparent;
}


.anchor {
    position: absolute;
    top: -5rem;
}
.anchor#funnel {
	position: relative;
}



.navigation_full_bottom, .secondary-menu, .navigation_full_bottom_wrapper {
	margin:0;
	padding:0;
	list-style: none;
}



.navigation_full_bottom_wrapper {
	  width: 100%;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    align-self: flex-end;
    align-items: center;
    display: flex;
}

.navigation_full_bottom_wrapper li:first-child {
    margin-left: 1rem;
}

.navigation-wrapper .navigation_full_bottom_wrapper a:first-child {
    margin-left: 0;
}
.menu-wrapper {
	width: 100%;
}

.navigation_full_bottom_wrapper > li.menu-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	color: #4D4D4E;
	padding: 0;
	font-weight: 400;
}

.navigation_full_bottom_wrapper > li.menu-item > a:not(.button) {
	position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #4D4D4E;
    padding: 0.5rem 0;
    font-weight: 400;
}

.navigation_full_bottom_wrapper > li.menu-item:last-of-type {
	margin-right:0;
}

.navigation_full_bottom_wrapper > li.menu-item > a:not(.button):hover, 
.secondary-menu li.menu-item > a:hover
 {
    color: #949495;
}

.secondary-menu li.menu-item, .secondary-menu li.menu-item a  { 
	color: #4D4D4E;
    padding: .5rem 0;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.secondary-menu {
    grid-column-gap: 2.5rem;
    text-align: right;
    justify-content: flex-end;
    display: flex;
}

.navigation_top-left {
	display: flex;
}

.toggle-customer li.menu-item {
	color: #669abc;
    padding: 0;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.toggle-customer li.menu-item a {
	color: #669abc;
    padding: 1rem;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

.navigation_full_bottom.alignment-right {
	width: auto;
}

.navigation_full_bottom.alignment-right .navigation_full_bottom_wrapper {
    grid-column-gap: 3rem;
}

@media (max-width:991px) and (min-width:768px) {
html.w-mod-js:not(.w-mod-ix) [data-w-id="f3e9b9ba-4623-f724-7141-bda0359c44be"] {
  display: none;
  opacity: 0;
  width: 100vw;
  height: 100vh;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="85d9b293-fd15-f07c-769b-6acdc5851f34"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="28ad1d2f-60bd-75eb-4bcb-afadc0207888"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="303eb05f-2055-75e5-8963-8a215bcfd9cc"] {
  width: 100%;
}
}
@media (max-width:767px) and (min-width:480px) {
html.w-mod-js:not(.w-mod-ix) [data-w-id="f3e9b9ba-4623-f724-7141-bda0359c44be"] {
  display: none;
  opacity: 0;
  width: 100vw;
  height: 100vh;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="85d9b293-fd15-f07c-769b-6acdc5851f34"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="28ad1d2f-60bd-75eb-4bcb-afadc0207888"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="303eb05f-2055-75e5-8963-8a215bcfd9cc"] {
  width: 100%;
}
}
@media (max-width:479px) {
html.w-mod-js:not(.w-mod-ix) [data-w-id="f3e9b9ba-4623-f724-7141-bda0359c44be"] {
  display: none;
  opacity: 0;
  width: 100vw;
  height: 100vh;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="85d9b293-fd15-f07c-769b-6acdc5851f34"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="28ad1d2f-60bd-75eb-4bcb-afadc0207888"] {
  opacity: 0;
  display: none;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="303eb05f-2055-75e5-8963-8a215bcfd9cc"] {
  width: 100%;
}
}
    
@media only screen and (max-width: 991px) {
  .navigation_full_bottom_wrapper {
      z-index: 1;
	    flex-direction: column;
	    align-items: flex-start;
  }

  .navigation_full_bottom_wrapper > li.menu-item {
  	margin-left: 0;
  }

  .navigation_full_bottom_wrapper  {
	    width: 100%;
	    font-size: 1.375rem;
	}

	.secondary-menu {
	    width: 100%;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	    margin-bottom: 3rem;
	}

	.secondary-menu li.menu-item a {
	    font-size: 1.125rem;
	}

	a.navigation_brand-wrapper {
		border-radius: 0;
	}

	.navigation-wrapper .navigation-header-wrapper {
		box-shadow: 0 0 1.5rem rgba(0,0,0,0.02);
	}
}



@media only screen and (max-width: 1520px) { 
	.navigation-wrapper.w-nav.smaller-header {
		max-width: 100%;
		padding-left:0;
		padding-right:0;
	}

	.navigation-wrapper.w-nav.smaller-header a.navigation_brand-wrapper {
		border-radius: 0 0 0 0;
	}
}

.navigation-wrapper.w-nav.smaller-header {
    padding: 0;
    border-radius: 0;
}



.navigation-wrapper.w-nav.smaller-header {
	box-shadow: 0 0 2rem rgba(0,0,0,0.05);
}


.menu-item-has-children {
	position: relative;
}

/* Footer */
.footer .gform_wrapper.gravity-theme .gform_fields {
    width: 100%;
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    align-items: stretch;
    display: flex;
    justify-content: end;
}

.footer .gform_wrapper.gravity-theme #field_submit input {
    color: #fff;
    background-color: #D94F00;
    border: 1.5px solid #D94F00;
    transition: all .3s;
    text-align: center;
    border-radius: 1.25rem;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
}

.footer .gform_wrapper.gravity-theme .gform_footer {
	display: none;
	padding:0;
	margin:0;
}

@media screen and (max-width: 991px) { 
	.footer .gform_wrapper.gravity-theme .gform_fields {
		justify-content: start;
	}	
}



a.next.page-numbers, .prev.page-numbers {
    display: none;
}
#regular-pagination {
    grid-column-gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}


.newsletter-right.white-input .gform_wrapper.gravity-theme input[type=color], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=date], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=datetime-local], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=datetime], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=email], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=month], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=number], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=password], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=search], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=tel], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=text], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=time], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=url], .newsletter-right.white-input .gform_wrapper.gravity-theme input[type=week], .newsletter-right.white-input .gform_wrapper.gravity-theme select, .newsletter-right.white-input .gform_wrapper.gravity-theme textarea {
	background-color: #FFF;
}


.newsletter-right.white-input .gform_button.button {
  color: #fff;
  background-color: #D94F00;
  border: 1.5px solid #D94F00;
}

.newsletter-right.white-input .gform_button.button:hover {
  color: #fff;
  background-color: #669abc;
  border-color: #669abc;
}

.newsletter-right.white-input .gform_wrapper.gravity-theme .gform_footer {
	display: none;
}


/* Footer */
.newsletter-right.white-input .gform_wrapper.gravity-theme .gform_fields, .horizontal-form .gform_fields {
    width: 100%;
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    align-items: stretch;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.horizontal-form .gform_fields .gfield--type-consent {
	width: auto;
	order: 99;
}

.footer_newsletter-right .gform_wrapper {
    display: flex !important;
    width: 100%;
    grid-column-gap: 0.125rem;
    grid-row-gap: 0.125rem;
    align-items: stretch;
    display: flex;
    justify-content: end;
}

.newsletter-right.white-input .gform_wrapper.gravity-theme #field_submit input {
    color: #fff;
    background-color: #D94F00;
    border: 1.5px solid #D94F00;
    transition: all .3s;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: all .3s;
    display: inline-block;
}

.newsletter-right.white-input .gform_wrapper.gravity-theme .gform_footer {
	display: none;
	padding:0;
	margin:0;
}

@media screen and (max-width: 991px) { 
	.newsletter-right.white-input  .gform_wrapper.gravity-theme .gform_fields {
		justify-content: start;
	}	
}


.projects_filter-wrapper ul {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
}

.pum-overlay.pum-overlay-disabled .pum-container {
	  background-color: #D94F00;
	  color: #FFF;
    padding: 0.25rem 2rem;
    width: 100%!important;
}

.pum-theme-content-only .pum-content {
	  max-width: 70rem;
    margin: auto;
    color: #FFF;
}

.pum-theme-content-only .pum-content p {
    color: #FFF;
}

.pum-theme-content-only .pum-content .button {
    padding: 0.5rem 0.75rem;
    margin-left: .5rem;
}

.pum-theme-content-only .pum-content + .pum-close {
	color:#FFF !important;
}

.pum-container.popmake.theme-3118.size-custom.active.custom-position {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  /* Voeg de gewenste ruimte boven de pagina toe */
  margin-top: 100px; /* Pas dit aan naar de gewenste ruimte */
}

@media screen and (max-width: 479px) {
	.product-wrapper .image-fill {
		position:absolute;
	}
}

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

.slick-slide {
	height: inherit !important;
}

.products-wrapper {
	max-width: 90rem;
	margin: auto;
}

.testimonial-slider-side .testimonial-quote.slick-slid {
	transition: all .35s ease;
}

.testimonial-slider-side .testimonial-quote.slick-slide.slick-current.slick-active {
	opacity: 1;
}

.testimonial-slider-side {
	margin: 0 -1rem;
}

.testimonial-slider-side .testimonial-quote {
  margin: 0 1rem;
}

section.testimonial-side {
	overflow: hidden;
}

.testimonial-slider-side.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.testimonial-slider-side .slick-list.draggable {
	-webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

@media screen and (max-width: 1200px) {
	.testimonial-side-content {
		padding-left: 2rem;
	}
}

.testimonial-quote {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.projects_filter-wrapper select:focus-visible {
	outline: 0px !important;
}

.searchandfilter ul li {
	padding: 0;
}

.testimonial-quotation-card.slick-slide {
	display: flex !important;
}

.easy-notification-bar {
	transition: all .35s ease !important;
}

.hide-banner .easy-notification-bar, .hide-banner .eapps-countdown-timer {
    height: 0 !important;
    overflow: hidden;
    padding: 0;
    display: block;
}

.gfield_visibility_hidden {
	display: none !important;
}




/* Navigation */

@media screen and (max-width: 991px) {
	.navigation-wrapper.w-nav {
		margin-top: 0 !important;
	}
}

@media screen and (min-width: 992px) {
	.navigation-wrapper .navigation_full_top {
		overflow: hidden;
		transition: all .35s ease;
		height: auto;
	}

	.navigation-wrapper.w-nav.smaller-header {
		margin-top: 0 !important;
	}

	.navigation-wrapper.smaller-header .navigation_full_top {
		height: 0;
		border-bottom: 0;
	}

	.navigation-wrapper {
		position: fixed !important;
		margin: 0;
	}
}


/* Video */
.video-embed .close_overlay {
	background-color: rgba(255, 255, 255, .9);
}

.project-form_wrapper .gform_wrapper {
	width: 100%;
}

/* Modals */


.projects-sidebar-cta .modal-wrapper {
	transition: all .35s ease;
  opacity: 0;
  display: unset;
  width: 100%;
  height: 0;
}

.modal-wrapper {
	overflow: hidden;
}

.modal-wrapper.active-modal {
	display: flex;
	opacity: 1;
	height: auto;
}

.columns.content-top {
	align-items: start !important;
}

.columns.content-center {
	align-items: center;
}

/* FAQ */
.faq-single-wrapper .faq-answer {
    height: 0;
    transition: all .35s ease;
}

.faq-single-wrapper.open .faq-answer, .faq-single-wrapper .faq-question, .faq-single-wrapper .faq-icon {
    transition: all .35s ease;
}

.faq-single-wrapper.open .faq-icon {
    transform: rotate(180deg);
}

.eapps-countdown-timer-hidden {
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.press_card-link:hover  .press_card-image-wrapper img {
	transform: scale(1.075);
}

.press_card-link .press_card-image-wrapper img {
	transition: all .35s ease;
}



.gfield_checkbox input, .gfield_radio input, .gfield--type-consent input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.gfield_checkbox .gchoice, .gfield_radio .gchoice, .gfield--type-consent {
	position: relative;
}


.gform_wrapper.gravity-theme .gfield--type-consent .gfield_label {
	display: none;
}

.gfield_checkbox .gform-field-label:before, .gfield_radio .gform-field-label:before, .gfield--type-consent .gform-field-label:before {
	content: "";
	position: absolute;
	top: 0.375rem;
	left: 0.25rem;
	height: 1.25rem;
	width: 1.25rem;
	background: #FFF;
	border: 1px solid #EDEDED;
	border-radius: 0.25rem;
	transition: all .35s ease;
}

.gfield_radio .gform-field-label:before {
	border-radius: 20rem;
}

.gfield_checkbox .gfield-choice-input:checked + .gform-field-label:before,
.gfield_radio .gfield-choice-input:checked + .gform-field-label:before, 
.ginput_container_consent input:checked + label:before {
	background-color: #FFF;
	border-color: #D94F00;
}


.container .gform_wrapper.gravity-theme .gfield-choice-input + label, .ginput_container_consent input + label {
	padding-left: 2.5rem;
	cursor: pointer;
}


.gfield_checkbox .gform-field-label:after, 
.gfield_radio .gform-field-label:after,
.ginput_container_consent label:after {
	content: "";
	position: absolute;
	opacity: 0;
	height: 1.25rem;
	width: 1.25rem;
	top: 0.375rem;
	left: 0.25rem;
	background-color: #D94F00;
	background-image: url('../triplesolar/images/icons/checkmark_white.svg');
	background-position: center;
	background-size: .75rem;
	background-repeat: no-repeat;
	transition: all .35s ease;
	border: 1px solid transparent;

}

.gfield_radio .gform-field-label:after {
	background-image: none;
	background-color: #96C21E;
	border-radius: 20rem;
	left: 0.5rem;
	top: 0.625rem;
	height: .75rem;
	width: .75rem;
}
.ginput_container_consent input + label:after {
	border-radius: .25rem;
}

.gfield_checkbox .gfield-choice-input:checked + .gform-field-label:after, 
.gfield_radio .gfield-choice-input:checked + .gform-field-label:after, 
.ginput_container_consent input:checked + label:after {
	opacity: 1;
	background-size: .625rem;
}

.w-layout-grid.full > .columns-wrapper {
    height: 100%;
}

@media screen and (max-width: 991px) {
	.columns-wrapper.standard {
		order: 0;
	}

	.columns-wrapper.first {
		order: -999;
	}

	.columns-wrapper.second {
		order: 2;
	}

	.columns-wrapper.third {
		order: 3;
	}

	.columns-wrapper.first {
		order: -999;
	} 

	.columns-wrapper.last {
		order: 999;
	}
}

@media screen and (min-width: 991px) {
	.featured-posts_card:nth-child(even) a.featured-post_card-link.w-inline-block {
	    flex-direction: row-reverse;
	}
}

div.section_roof-wrapper.is-global-bg {
    overflow: hidden;
}

.columns-wrapper.is-global-bg {
    padding: 2rem;
    border-radius: 0.5rem;
}

.is-orange-color {
	color: #D94F00;
}

.is-white-color,
.is-white-color label.gfield_label.gform-field-label,
.is-white-color legend,
.content-block-wrapper.is-white-color > *, 
.content-block-wrapper.is-white-color a:not(.button), 
.faq-wrapper.is-white-color .faq-question, 
.checkmarks-list.is-white-color .checkmarks-list-item, 
.is-white-color .gchoice label {
	color: #FFF !important;
}

.is-dark-color, 
.is-dark-color label.gfield_label.gform-field-label,
.is-white-color legend,
.content-block-wrapper.is-dark-color > *, 
.content-block-wrapper.is-dark-color a:not(.button), 
.faq-wrapper.is-dark-color .faq-question, 
.checkmarks-list.is-dark-color .checkmarks-list-item {
	color: #4d4d4e;
}

/* Testimonial toggle */
.testimonial-content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	height: 6.25rem;
	overflow: hidden;
	transition: all ease-in-out 0.3s;
}
	.testimonial-content.open {
		-webkit-line-clamp: initial;
		line-clamp: initial;
	}
	.js-testimonial-toggle {
        display: flex;
		align-items: center;
		width: 100%;
		font-size: .875rem;
		font-weight: 400;
        transition: all ease-in-out .2s;
		cursor: pointer;
	}	
	.js-testimonial-toggle img {
		margin-right: 0.625rem;
		transition: all ease-in-out 0.3s;
	}
		.js-testimonial-toggle.active img {
			transform: rotate(180deg);
		}

/* Page without header & footer */
.main-wrapper.min-height {
	min-height: calc(100vh - 4.375rem);
}
.section_header.small-padding-header .header_mobile-background-gradient .padding-vertical.padding-header {
	padding-top: 1rem;
}

/* Nesting UL margin fix */
.content-block-wrapper ul li > ul,
.content-block-wrapper ul li > ol,
.content-block-wrapper ol li > ol,
.content-block-wrapper ol li > ul {
	margin-bottom: 0;
}

body .easy-notification-bar {
	background-color: #f5f5f5;
}

body .easy-notification-bar a {
	color: #fff;	
	text-align: center;
	background-color: #D94F00;
	border: 1.5px solid #D94F00;
	border-radius: 1.25rem;
	padding: 0.5rem 1rem;
	font-weight: 500;
	line-height: 1.1;
	text-decoration: none;
	transition: all .3s;
	display: inline-block;
}