/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://caddymarketing.nl/
 Description:  TOP-Hockey.nl Child Theme
 Author:       Wouter van Harselaar
 Author URI:   https://caddymarketing.nl/
 Template:     generatepress
 Version:      1.0
*/

@font-face{
	src:url(./assets/fonts/metropolis.regular.otf);
	font-family: 'Metropolis';
	font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
	src:url(./assets/fonts/metropolis.bold.otf);
	font-family: 'Metropolis-bold';
	font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: Metropolis;
	background-color: #FFFFFF;
}
h1,h2,h3 {
	font-family: Metropolis-bold;
}

/** design buttons **/
.fa-icon-margin {
  margin-right: 0.5rem; 
}

/** sticky CTA buttons **/
.cta_button {
    position: fixed;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2); 
    bottom: 30px;
    z-index: 9;
}
.cta_button {
    right: 30px;
}

.footer-widgets {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}
.shadow {
	text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
}

li.gratis-uitproberen {
	background-color: #0061F2;
	border-radius: 4px;
	margin-left: 30px;
}
li.gratis-uitproberen a{
	color: #FFFFFF !important;
	line-height: 35px !important;
	font-size: 12px;
}

.custom-register-button {
	 margin-left: 0 !important;
}

.pay-button {
	border: 1px solid black;
	border-radius: 9999px;
	font-weight: 700;
}

/* Frontend Styles Accordion Blocks Yoast SEO */

.schema-faq-section {
  font-family: Arial;
  background: white;
  margin: 1rem 0;
  border: 2px solid rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.03);
}

.schema-faq-question{
 cursor: pointer;
 display: flex;
 align-items: center;
 transition: opacity ease 0.25s;
 padding: 1rem;
 color: var(--wp--preset--color--primary);
 font-size: 20px;
}

.schema-faq-question:hover {
  color: var(--wp--preset--color--secondary);
}

.schema-faq-question:after{
  width: 16px;
  height: 20px;
  display: inline-block;
  margin-left: auto;
  margin-right: 5px;
  vertical-align: top;
  color: inherit;
  content: "+";
}

.schema-faq-question.expanded:after{
  content: "-";
}

.schema-faq-question:hover{
  opacity: 0.75;
}

.schema-faq-answer{
  padding: 0 1rem 1rem 1rem;
  display: none;
}

.schema-faq-answer.default{
  display: block;
}

/* Backend Styles Accordion Blocks Yoast SEO: Ensure all content is visible in the block editor */

.editor-styles-wrapper .schema-faq-question {
 cursor: text;
} 

.editor-styles-wrapper .schema-faq-answer {
 display: block;  
}

/* new theme css */
.lnloggen-btn {
	background-color: #212832;
	border-radius: 4px;
	margin-left: 14px;
}
.lnloggen-btn a {
	color: #ffff !important;
	line-height: 35px !important;
	font-size: 12px !important;
}
.wrap,
.inside-header {
	max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.gap-30{
	gap: 30px;
}
.image-widthe-100 img {
	width: 100% !important;
}
.width-100{
	width: 100%;
}

.footer-menu:before {
    content: " ";
    background-image: url(/wp-content/uploads/2025/11/dote.svg);
    padding: 3px;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 15px;
}
.inside-site-info {
	display:none;
}
.home-hero {
	display:grid;
}
.hero-title {
	text-shadow: 0px 3px 10px #00000080;
}
.align-items-center{
	align-items:center;
}
.display-grid{
	display:grid;
}
.border-width img{
	width:100% !important;
}
.top-hockey-image-gallery img {
	width: 100% !important;
    max-width: 100px !important;
    min-width: 80px !important;
}
.top-hockey-image-gallery {
	justify-content: center;
    gap: 74px!important;
}
.meest-gekoze {
	position: absolute;
	top: -50px;
}
.voor-mobile{
	display:none;
}
.club-card .gb-icon {
	margin-top: 10px;
}
.mb-35{
	margin-bottom: 35px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.site-header {
	box-shadow: 0px 2px 20px 0px #0000001A;
}
.justify-space-between{
	justify-content: space-between;
}
.text-align-justify {
	text-align:justify;
}
/* breadcrumb css */
.th-breadcrumbs a{
	color: #212832;
}
.th-breadcrumbs a:hover {
	color: #0061F2;
    text-decoration: none;
}
.th-breadcrumbs .active-breadcrumb {
	color: #0061F2;
}
.gratis-btn a {
	  border: 1px solid;
}
.gratis-btn a:hover {
	color: #0061F2 !important;
    background-color: transparent !important;
    text-decoration: none;
    border: 1px solid;
}
/* breadcrumb end */
.block-col .read-more{
	background-color: transparent;
    padding: 0;
    color: #0061F2;
    border-bottom: 3px solid #0061F2;
    padding-top: 13px;
}
.block-col .read-more:hover {
	background-color: transparent;
	color: #0061F2;
}
.block-col img {
	border-radius: 12px 12px 0px 0px;
}
.block-col .post-date {
	background-color: #E9F5FF;
    border: 0.5px solid #BDB6B6;
    padding: 7px 13px 5px;
    border-radius: 6px;
    width: fit-content;
    margin-bottom: 14px;
    margin-top: 8px;
    font-size: 12px;
}
.blog-description {
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-detail-page figure,
.blog-detail-page img {
	width: 100%;
}
.blog-detail-page img{
	border-radius: 6px;
}
.blog-box {
	flex-flow:none;
}
.laatste-blog .blog-box .gb-query-loop-item{
	border-bottom: 2px solid #373D46;
    padding-bottom: 23px;
}
.laatste-blog .blog-box .gb-query-loop-item:last-child {
	border-bottom: none;
    padding: 0;
}
.footer-laatste-blog img {
	border-radius: 4px;
}
.btn-hover-black a,
.lnloggen-btn {
	border: 1px solid #000 !important;
}
.btn-hover-black a:hover,
.lnloggen-btn:hover {
	background-color: transparent !important;
    text-decoration: none;
    color: #000;
}
.btn-hover-color a,
li.gratis-uitproberen,
.wc-block-cart__submit-container a {
    border: 1px solid #0061F2 !important;
}
.btn-hover-color a:hover,
li.gratis-uitproberen:hover,
.happyforms-submit:hover,
.wc-block-cart__submit-container a:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
	background-color: transparent !important;
    text-decoration: none;
    color: #000;
}
li.gratis-uitproberen a:hover,
.lnloggen-btn a:hover,
.wc-block-cart__submit-container a:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
	color: #000 !important;
}
.contect-form .happyforms-styles.happyforms-form--submit-button-border-radius-square button[type=submit].happyforms-button--submit,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	border: 1px solid #0061F2 !important;
}
.contect-form .happyforms-styles.happyforms-form--submit-button-border-radius-square button[type=submit].happyforms-button--submit:hover {
	border-radius: 6px !important;
    color: #000 !important;
}
html #wpadminbar {
	overflow: hidden;
}
.th-breadcrumbs::-webkit-scrollbar {
    display: none;
}
.main-navigation .main-nav ul ul li a {
	line-height: 20px;
}
.single-post .featured-image {
	display: none;
}
.button, .wp-block-button .wp-block-button__link {
	padding: 8px 20px !important;
}
@media only screen and (max-width: 769px) {
	h1 {
		font-size: 26px !important;
	}
	h2 {
       font-size: 22px !important;
    }
	.flex-direction-reverse{
		flex-direction: column-reverse;
	}
	.mb-position-rel{
		position: relative;
	}
	.mb-positon-ab{
		position:absolute;	
	}
	.mb-hero-title {
		top: 10%;
	}
	.ma-unset{
		margin: unset;
	}
	.voor-web {
		display:none !important;
	}
	.voor-mobile {
		display:block;
	}
	.mb-voor-en-door-section {
		background-color: #F2F6FC;
	}
	.gb-container-cd23afc9 {
		background-image: none !important;
	}
	.mb-full-widthe img {
		width: 100%;
	}
	.gb-grid-column-9111be40 {
		width: 100%;
	}
	.gb-container-4f4202d6 {
		justify-content: center;
    	display: flex;
	}
	.gb-grid-wrapper > .gb-grid-column-04ca4b2d,
	.gb-grid-wrapper > .gb-grid-column-40231edb,
	.gb-grid-wrapper > .gb-grid-column-a9005f13 {
		 width: 22% !important;
	}
	.gb-grid-wrapper > .gb-grid-column-a58dd936,
	.gb-grid-wrapper > .gb-grid-column-2d5fc665,
	.gb-grid-wrapper > .gb-grid-column-8acea5b8 {
		width: 70% !important;
	}
	.gb-container-0f6ae838 {
	    background-image: url(/wp-content/uploads/2025/12/Hockey-Oefeningen-Trainingen-voor-en-door-Hockeytrainers.webp) !important;
	}
	.top-hockey-image-gallery {
		gap: 20px !important;
	}
	.latest-blog-mb {
		flex-wrap: nowrap !important;
	}
	.flex-direction-reverse-mb{
		flex-direction: column-reverse;
	}	
}
@media only screen and (max-width: 1217px) {
	li.gratis-uitproberen {
		background-color: #0061F2;
		border-radius: 4px;
		color: #fff !important;
		margin: 0 13px;
	}
	.lnloggen-btn {
		background-color: #212832;
		border-radius: 4px;
		margin: 0 13px;
		margin-top: 16px;
	}
	.sub-menu {
		padding-left: 14px !important;
	}
}
@media only screen and (max-width: 320px) {
	.top-hockey-image-gallery{
		gap: 10px !important;	
	}
}