/*
Theme Name:  Alternate child
Description: Custom child theme – pragmatische WordPress-stijl
Author:      Bastiaan de Jong
Template:    alternate
Version:     1.0.0
Text Domain: alternate-child
*/

:root {
/* colors */
--main: #66ADE0;
--maindk: #4a9ed6;
--sub: #FF5722;
--subdk: #d04317;
--background: #ffffff;
--softbg: #F8F9FA;
--border: #E0E0E0;
--fontcolor: #333333;
--fontsoft: #666666;

/* fonts */
--family: 'Open Sans', sans-serif;
--regular: 15px;

/* layout */
--container: 1200px;
--radius: 8px;
--shadow: 0 2px 8px rgba(0,0,0,.1);
--transition: all .3s ease;
}

/* global */
html, body {margin:0;padding:0;font-family:var(--family);font-size:var(--regular);color:var(--fontcolor);background:var(--background);}

/* global *//* typography */
a {color:var(--main);text-decoration:none;transition:var(--transition);}
a:hover {color:var(--sub);}
ul.wp-block-list li {list-style:inside;}
.container {max-width:var(--container);margin:0 auto;padding:0 20px;}
.btn-alt {background:var(--sub);color:white;}
.btn-alt:before {background:var(--subdk);}
.btn-alt:hover {color:white;}

/* bedrijfsgegevens */
.adres ul {padding:0;}
.adres ul li {list-style:none;}
.adres ul li b {min-width:52px;display:inline-block;}

/* navigatie */
.topbar {background-color:var(--main);background:var(--main) url(/wp-content/themes/alternate-child/assets/img/layer-1.png) left bottom repeat-x;padding-bottom:26px;z-index:1000001;}
nav {top:74px;}
.logged-in nav {top:106px;}
nav #nav .site-logo {max-height:56px;margin-top:20px;max-width:300px;}

/* navigatie *//* max mega menu */
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item > a.mega-menu-link {color:var(--fontcolor);}
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {background:none;color:var(--main);}
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-flyout ul.mega-sub-menu {box-shadow:var(--shadow);}
nav #nav .mega-menu-wrap ul#mega-menu-hoofdmenu li.mega-menu-item .mega-sub-menu li.mega-menu-item a.mega-menu-link {color:var(--fontcolor);}
nav #nav .mega-menu-wrap ul#mega-menu-hoofdmenu li.mega-menu-item .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
nav #nav .mega-menu-wrap ul#mega-menu-hoofdmenu li.mega-menu-item .mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {color:white;}
#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {background-color:var(--fontcolor);}
@media (max-width:768px) {
#mega-menu-wrap-hoofdmenu .mega-menu-toggle + #mega-menu-hoofdmenu {background:white;}
}

/* front page */
.home-header {display:none;}

/* gutenberg */
.wp-block-quote {text-align:center;}
.wp-block-quote:before {content:"::::: \f1b0   :::::";font-family:'Fontawesome';font-size:2rem;color:var(--main);}
.wp-block-quote p {max-width:unset;}

.wp-block-columns .wp-block-column {display:flex;align-items:flex-start;flex-direction:column;justify-content:center;}
.wp-block-columns .wp-block-column figure img {border-radius:24px;}
.wp-block-columns .wp-block-column > *:not(figure) {padding-left:32px;padding-right:32px;}

.wp-block-media-text .wp-block-media-text__content {width:unset;}
.wp-block-media-text .wp-block-media-text__media {width:unset;border-radius:24px;}
@media (max-width:992px) {
.wp-block-media-text .wp-block-media-text__media {max-height:unset;}
}

/* gutenberg *//* custom */
.wp-block-columns.overzicht .wp-block-column {box-shadow:0 0 10px rgba(0 0 0 / 0.1);}
.wp-block-columns.overzicht .wp-block-column .wp-block-media-text {margin:1rem;padding:0;width:calc(100% - 2rem);justify-content:flex-start;}
.wp-block-columns.overzicht .wp-block-column .wp-block-media-text img {max-width:50px;}
.wp-block-columns.overzicht .wp-block-column .wp-block-media-text .wp-block-media-text__content {padding:0;}
.wp-block-columns.overzicht .wp-block-column .wp-block-media-text .wp-block-media-text__content p:nth-child(1) {font-size:22px;margin:0;}
.wp-block-columns.overzicht .wp-block-column .wp-block-media-text .wp-block-media-text__content p:nth-child(2) {font-weight:bold;}

/* archive honden */
.adoptie-honden-archive {padding:60px 0;min-height:60vh;}
.archive-header {text-align:center;margin-bottom:50px;}
.archive-title {font-size:2.5rem;font-weight:600;margin:0;}
.honden-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;}
@media (max-width:768px) {
.archive-title {font-size:1.8rem;}
.form-row {grid-template-columns:1fr;}
}
@media (max-width:480px) {
.archive-title {font-size:1.5rem;}
.hond-eigenschappen .hond-naam {font-size:1.5rem;}
}

/* shortcode *//* archive honden */
.adoptie-honden-archive.shortcode {position:relative;padding:5rem 0;margin:5rem 0;background-size:cover;background-repeat:no-repeat;background:url(/wp-content/themes/petenica/framework/assets/images/background/3.png);background-color:#66ade0;}
.adoptie-honden-archive.shortcode .archive-title {color:white;}
.adoptie-honden-archive.shortcode .btn {margin:2rem auto 0;}

/* shortcode *//* prestaties */
section.counter-section .intro {text-align:center;color:white;margin:60px 0 -12.5rem 0;background:var(--main);}
section.counter-section .intro h2 {font-size:3em;padding:5rem 0 15rem;}
section.counter-section .stats-container {background:white;border-radius:20px;padding:60px 40px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:calc(100% - 80px);}
section.counter-section .stats-container .stats-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:40px;}
section.counter-section .stats-container .stats-grid .stat-item {text-align:center;padding:20px;transition:transform 0.3s ease;}
section.counter-section .stats-container .stats-grid .stat-item .icon-container {width:80px;height:80px;margin:0 auto 20px;border:3px dashed #e0e0e0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fafafa;}
section.counter-section .stats-container .stats-grid .stat-item .icon-container i {font-size:2.5em;}
section.counter-section .stats-container .stats-grid .stat-item .icon-container.yellow i {color:#f5a623;}
section.counter-section .stats-container .stats-grid .stat-item .icon-container.blue i {color:#5b9bd5;}
section.counter-section .stats-container .stats-grid .stat-item .stat-number {font-size:3em;font-weight:bold;color:#333;margin:15px 0;}
section.counter-section .stats-containe .stats-gridr .stat-item .stat-label {font-size:1.1em;color:#666;font-weight:500;}
@media (max-width: 768px) {
section.counter-section .intro h2 {font-size:2em;}
section.counter-section .stats-container .stats-grid {grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:30px;}
section.counter-section .stats-container .stats-grid .stat-item .stat-number {font-size:2.5em;}
}

/* shortcode *//* referenties */
section.referenties {margin:5rem 0;background:var(--navy);padding:5rem 0;position:relative;}
section.referenties:before {content:"";display:block;width:70vw;height:5rem;position:absolute;z-index:2;background:var(--darkblue);top:-2.5rem;}
section.referenties .container {margin-right:0;}
section.referenties .title {position:relative;z-index:3;}
section.referenties .title h2 {margin-bottom:0;text-align:center;}
section.referenties .title p {display:flex;flex-direction:row;flex-wrap:wrap;}
section.referenties .title .__fbcw__bar-widget {height:auto !important;padding:0 4px !important;}
section.referenties .title .__fbcw__bar-widget .__fbcw__bar-widget__content {font-size:15px;line-height:1;}
section.referenties .title .__fbcw__bar-widget .__fbcw__bar-widget__stars {display:none !important;}
section.referenties .title .__fbcw__bar-widget .__fbcw__bar-widget__amount-of-reviews {}
section.referenties .title .__fbcw__bar-widget .__fbcw__bar-widget__amount-of-reviews:before {content:" op basis van ";padding-left:4px;}
section.referenties .logo-slider {position:relative;z-index:3;}
section.referenties .logo-slider .swiper-logos .swiper-slide {padding-left:0;}
section.referenties .logo-slider .swiper-logos .swiper-slide p {line-height:1.25;}
section.referenties .logo-slider .swiper-logos .swiper-slide .fa-star,
section.referenties .logo-slider .swiper-logos .swiper-slide .fa-star-half {color:#FFA200;}
section.referenties .logo-slider .swiper-pagination {width:autdevo;display:flex;margin-top:1rem;}
section.referenties .logo-slider .swiper-pagination .swiper-pagination-bullet {background:gray;}
section.referenties .logo-slider .swiper-pagination .swiper-pagination-bullet-active {background:white;}
@media (min-width:768px) {
section.referenties:before {width:20rem;height:120%;top:-10%;left:0;}
}

/* archive honden *//* card */
.hond-card {background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);}
.hond-card:hover {box-shadow:0 4px 16px rgba(0,0,0,.15);background:var(--main);}
.hond-card a:hover {color:white;}
.hond-card .hond-card-image {position:relative;padding-bottom:100%;background:var(--border);}
.hond-card .hond-card-image img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:var(--transition);background-color:var(--main);}
.hond-card .badge {position:absolute;left:10px;bottom:10px;background:black;color:white;padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;}
.hond-card .badge.geadopteerd {background:var(--subColor);}
.hond-card .hond-card-content {padding:20px;text-align:center;}
.hond-card .hond-card-content .hond-naam {font-size:1.25rem;font-weight:600;margin:0 0 10px;}
.hond-card:hover .hond-card-content .hond-naam {color:white;}

/* team */
.team .honden-grid {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.team .hond-card .hond-card-image img {object-fit:cover;}

/* single honden */
.adoptie-hond-single {padding:40px 0 80px;}
.adoptie-hond-single .hond-video-section {margin-bottom:40px;background:black;border-radius:var(--radius);overflow:hidden;}
.adoptie-hond-single .hond-video-section .hond-video-container {position:relative;padding-bottom:56.25%;}
.adoptie-hond-single .hond-video-section .hond-video-container iframe {position:absolute;inset:0;width:100%;height:100%;}
.adoptie-hond-single .hond-content-wrapper {display:grid;grid-template-columns:350px 1fr;gap:40px;}
.adoptie-hond-single .hond-content-wrapper .hond-main-content {}

.adoptie-hond-single .hond-content-wrapper .hond-sidebar {position:sticky;top:100px;}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar .hond-eigenschappen {background:var(--softbg);padding:30px;border-radius:var(--radius);}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar .hond-eigenschappen .hond-naam {font-size:2rem;margin-bottom:25px;}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar .hond-eigenschappen .eigenschap-item {display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--border);}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar .hond-eigenschappen .eigenschap-item:last-child {border:none;}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar .hond-eigenschappen .eigenschap-checks {padding:15px 0 0;}
@media (max-width:992px) {
.adoptie-hond-single .hond-content-wrapper {grid-template-columns:1fr;}
.adoptie-hond-single .hond-content-wrapper .hond-sidebar {position:relative;top:0;}
}

/* main */
.hond-beschrijving {background:var(--softbg);padding:30px;border-radius:var(--radius);line-height:1.8;}

/* contact */
.hond-contact-section {max-width:800px;margin:60px auto;padding:40px;background:var(--softbg);border-radius:var(--radius);}
.form-row {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
input, textarea {padding:12px 15px;border:1px solid var(--border);border-radius:4px;font-family:inherit;}

/* footer */
footer .footer .content {display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .footer .content .part {width:calc(100% / 1);}
footer .footer .content .part .btn-primary {background:var(--sub) !important;}
footer .footer .content .part .btn-primary:before {background:var(--subdk) !important;}
footer .footer .content .part img {max-width:264px;margin-bottom:12px;}
footer .footer .content .part .contact {display:flex;flex-direction:column;}
footer .footer .content .part .social {padding-top:12px;}
footer .footer .content .part .social i {font-size:32px;min-width:32px;}

footer .bottombar .bars .part:last-child {text-align:center;}
footer .bottombar .bars .part i {margin:0 5px;}
@media (min-width:524px) {
footer .footer .content .part {width:calc(100% / 3 - 20px);}
}
@media (min-width:992px) {
footer .bottombar .bars .part {width:100%;text-align:center;}
}

/* plugin support *//* wpbakery */
.wpb_wrapper blockquote {border-left:5px solid lightgray;margin-left:0;padding-left:20px;font-size:1.05em;}
.wpb_wrapper .wpb_single_image img {border-radius:24px;}

/* plugin support *//* fontawesome */
.fa-paw {transform:rotate(12deg);}

/* https://dogsdomatter.nl/special-friends/ */
body.page-id-1277 .wp-block-media-text {max-width:824px;margin-left:auto;margin-right:auto;}