/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--customizer-container-width: 1440px;
	--space-default: 40px;
}


@media only screen and (min-width: 768px) {
  .home-title {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .home .content-area  {
		background-image: url(wp-content/themes/generatepress_child/assets/images/line-up.svg);
	background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
	}
}

/* Secties */
.sectie-foto-rechts-100 .wp-block-group__inner-container {
    padding: 0px;
}

.sectie-foto-rechts-100 .wp-block-column:first-child {
    padding: 80px;
}


.is-layout-constrained .wp-block-group__inner-container {
    max-width: var(--customizer-container-width);
}

/* Logo's klanten sectie */

.logos-klanten .wp-block-column {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.logos-klanten .wp-block-columns.is-layout-flex {
	gap: 150px;
}

.logos-klanten img {
	filter: grayscale(100%);
}

.logos-klanten img:hover {
	filter: unset;
	transition-duration: 100ms;
	transition-property: filter;
}

/* Voorbeelden-van-samenwerkingen sectie */

@media only screen and (min-width: 1440px) {
.voorbeelden-van-samenwerkingen .wp-block-cover__inner-container {
	position: relative;
	top: -365px;
}
}

.voorbeelden-van-samenwerkingen .wp-block-column p, .voorbeelden-van-samenwerkingen .wp-block-column h3 {
	padding-right: var(--space-default);
	padding-left: var(--space-default);
	margin-top: var(--space-default);
}

.voorbeelden-van-samenwerkingen .wp-block-column h3 {
	font-size: 28px;
}

.voorbeelden-van-samenwerkingen .wp-block-column  div.wp-block-buttons {
	padding-right: var(--space-default);
	padding-left: var(--space-default);
	margin-bottom: var(--space-default);
	
}

/* List items */

.wp-block-cover__inner-container ul {
	margin-left: 30px;
}

.wp-block-cover__inner-container li:nth-child(even) { 
	background-image: url(/wp-content/themes/generatepress_child/assets/images/li-ellipse-white-even.svg);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 42px;
	margin-left: 21px;
	margin-top: -3px;
}

.wp-block-cover__inner-container li:nth-child(odd) { 
	background-image: url(/wp-content/themes/generatepress_child/assets/images/li-ellipse-white-odd.svg);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -24px;
	
}

.wp-block-cover__inner-container li:nth-child(1) { 
	background-image: url(/wp-content/themes/generatepress_child/assets/images/li-ellipse-white-first.svg);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top: 25px;
}


.wp-block-cover__inner-container {
max-width: var(--customizer-container-width);
}

.wp-block-cover {
	padding-top: 75px;
	padding-bottom: 75px;
}

.sticky-enabled .main-navigation.is_stuck {
    background-color: #fff;
		color: var(--gm-groen);
}

.sticky-enabled .main-navigation.is_stuck .main-nav ul li a {
	color: var(--gm-groen);
}

.wp-block-button>.wp-block-button__link:not(.has-background) {
	border: 2px solid white;;
	padding: .667em 1.333em;
}

.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):hover {
	background-color: var(--gm-groen-2);
}

.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):active {
	background-color: var(--gm-groen);
}

a.wp-block-button__link:not(.has-background):active {
	background-color: white;
	color: var(--gm-oranje);
	border-color: white;
}

.inside-site-info {
	display: block;
}

.copyright-bar {
	justify-content: space-between;
	display: flex;
}

.text-wrap {
    max-width: 55ch;
    margin-left: auto;
    margin-right: 0px;

}