/* 
Theme Name: House of Horses
Theme URI: www.houseofhorses.net
Description: House of Horses Custom
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* House of Horses */
:root{
/* Kleuren */
--kleur-donker: #000;
--kleur-licht: #F1EDE6;
--kleur-wit: #FFF;
--kleur-transparant: #00000000;
/* Gaps */
--gap-xs: 1.25rem;
--gap-sm: 1.75rem;
--gap-md: 3.5rem;
--gap-lg: 4.75rem;
/* Spacing */
--space-none: 0;
--space-xs: 1.25rem;
--space-sm: 1.75rem;
--space-md: 3.5rem;
--space-lg: 4.75rem;
--space-xl: 6rem;
--space-xxl: 8rem;
--space-xxxl: 12rem;
}
.elementor .e-flexbox-base.bl-column{
flex-direction: column;
}
.elementor .e-flexbox-base, .elementor .e-div-block-base, .elementor .e-grid-base{
padding-inline: 0;
}
.elementor-editor-active .e-flexbox-base, .elementor-editor-active .e-div-block-base, .elementor-editor-active .e-grid-base{
padding-inline: 0 !important;
}
.bl-container, .bl-grid-width{
width: min(1120px, calc(100% - 4rem));
margin-inline: auto !important;
}
.content-2{
width: min(800px, calc(100% - 3rem));
margin-inline: auto !important;
}
.elementor-widget-text-editor :is(h1,h2,h3,h4,h5,h6):first-child{
margin-block-start: 0;
}
.elementor-widget-text-editor h2:not(.underline){
margin-block-end: var(--gap-md);
}
/* Globaal */
.e-button-base, .sbi_follow_btn a, .elementor-button{
font-size: 1.125rem;
line-height: 1;
text-transform: uppercase;
color: var(--kleur-donker) !important;
background-color: var(--kleur-transparant) !important;
padding: 0.625rem 1.75rem !important;
border: solid 1px var(--kleur-donker) !important;
border-radius: 0 !important;
align-self: flex-start;
}
.sbi_follow_btn a{
margin-top: 3.5rem !important;
}
.e-button-base:hover, .elementor-button:hover{
color: var(--kleur-wit) !important;
background-color: var(--kleur-donker) !important;
}
#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover{
box-shadow: inset 0 0 10px 20px #000;
outline: none;
color: #FFF !important;
}
.elementor-widget-text-editor .e-button-base{
display: inline-block;
margin-top: 1.75rem;
}
li::marker{
color: var(--kleur-donker);
}
li > ul, li > ol, .footer-nav li, .footer-contact li{
margin: 0.3125rem 0;
}
.content-1 li:last-child, .content-2 li:last-child{
margin-bottom: 1rem;
}
.content-1 a:hover, .content-2 a, .menu-item:hover, .elementor-location-footer a:hover, .event-card a, .elementor-form a{
text-decoration: underline;
text-decoration-thickness: 1px !important;
}
.content-1 ul, .content-1 ol, .content-2 ul, .content-2 ol{
padding-left: 1.25rem;
}
p:last-child{
margin-bottom: 0;
}
a, a:active, a:hover{
color: inherit;
}
.quote{
font-family: "Cormorant Garamond", Sans-serif;
font-size: 3.125rem;
line-height: 1.2;
}
.split-content{
width: 66.6666%;
}
.split-content-links{
padding-left: max(2rem, calc((100vw - 1120px) / 2)) !important;
margin-inline-start: clamp(0rem, -9.6522rem + 13.0435vw, 6rem);
margin-inline-end: clamp(2rem, -4.4348rem + 8.6957vw, 6rem);
}
.split-content-links.sub{
margin-inline-start: 0;
}
.split-content-rechts{
padding-right: max(2rem, calc((100vw - 1120px) / 2)) !important;
margin-inline-start: clamp(2rem, -4.4348rem + 8.6957vw, 6rem);
margin-inline-end: clamp(0rem, -9.6522rem + 13.0435vw, 6rem);
}
.split-image{
width: 33.3333%;
object-fit: cover !important;
}
.body-text{
font-family: "Avenir Next", Sans-serif;
font-size: 1.125rem;
}
.halt1{
font-size: 6.25rem !important;
line-height: 1.1 !important;
}
.halt5{
font-family: "Avenir Next", Sans-serif !important;
font-size: 1.5rem !important;
text-transform: uppercase;
line-height: 1.3333 !important;
letter-spacing: 0.38em;
}
.underline{
width: fit-content;
padding-bottom: 1.75rem;
margin-bottom: 1.75rem;
border-bottom: 1px solid #000;
}
.merken .e-div-block-base img{
margin-top: -2.5rem;
}
.merken .e-div-block-base{
width: calc(20% - 1.4rem);
padding: 0;
}
.elementor-element-f9396ac p:first-child, .elementor-element-9da184a p:first-child, .quote.e-paragraph-base{
border-style: solid;
border-width: 0 0 0 1px;
}
.elementor-element-212fddb p:last-child{
margin-top: var(--space-sm);
}
.elementor-element-9da184a p:first-child{
margin-bottom: var(--space-md);
}
.elementor-element-f9396ac p, .elementor-element-9da184a p, .quote.e-paragraph-base{
padding: 0 0 0 1.75rem;
}
.grecaptcha-badge{
visibility: hidden;
}
.cmplz-title{
font-size: 1.375rem !important;
}
/* Listing */
.event-card{
border-block: 1px solid var(--kleur-donker);
padding: var(--space-xs) 0;
display: flex;
flex-direction: column;
height: 100%;
}
.event-card h3{
margin-block-start: 0;
margin-block-end: 1.75rem;
}
.event-card__meta{
display: grid;
gap: 0.625rem;
margin-top: auto;
}
.event-card__date,
.event-card__location,
.event-card__route,
.contact-adres__locatie{
position: relative;
padding-left: 1.75rem;
}
.icon-kalender::before,
.icon-locatie::before,
.event-card__route::after,
.contact-adres__locatie::before,
.contact-adres__route::after{
position: absolute;
font-family: hoh;
}
.icon-kalender::before{
content: '\e801';
left: 0;
}
.icon-locatie::before,
.contact-adres__locatie::before{
content: '\e802';
left: 0;
}
.event-card__route,
.contact-adres__route{
width: fit-content;
}
.event-card__route::after,
.contact-adres__route::after{
content: '\e80e';
right: -1.75rem;
}
.jet-listing-grid__items{
justify-content: center;
}
.swiper-slide-image{
filter: grayscale(100%);
transition: filter .3s ease;
}
.swiper-slide:hover .swiper-slide-image{
filter: grayscale(0);
}
.elementor-swiper-button{
color: var(--kleur-donker) !important;
top: -3.5rem !important;
}
.elementor-swiper-button-next{
right: calc(50% - 300px) !important;
}
.elementor-swiper-button-prev{
left: calc(50% - 300px) !important;
}
/* Header / footer */
.elementor-menu-toggle svg,
.elementor-menu-toggle .elementor-menu-toggle__icon--open,
.elementor-menu-toggle .elementor-menu-toggle__icon--close{
display: none !important;
}
.elementor-menu-toggle{
position: relative;
width: 28px;
height: 24px;
padding: 0 !important;
background: none !important;
}
.elementor-menu-toggle::before,
.elementor-menu-toggle::after{
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: currentColor;
transition: transform .25s ease, top .25s ease, box-shadow .25s ease;
}
.elementor-menu-toggle::before{
top: 3px;
box-shadow: 0 9px 0 currentColor;
}
.elementor-menu-toggle::after{
top: 21px;
}
.elementor-menu-toggle[aria-expanded="true"]::before{
top: 12px;
box-shadow: none;
transform: rotate(45deg);
}
.elementor-menu-toggle[aria-expanded="true"]::after{
top: 12px;
transform: rotate(-45deg);
}
.elementor .e-e68e7d3-2a154a3{
background-image:linear-gradient(to top,var(--kleur-donker) 0 32px,var(--kleur-transparant) 32px);
}
.menu-item:hover{
text-decoration-color: #FFF !important;
}
.elementor-location-footer > *{
color: #FFF;
}
.elementor-location-footer h4{
color: #FFF;
font-size: 1.875rem;
margin-block-start: 0;
margin-block-end: 2.5rem;
}
dl{
display: grid;
grid-template-columns: max-content max-content;
column-gap: var(--gap-md);
row-gap: 0.625rem;
}
dt:first-of-type, dd:first-of-type{
margin-top: 0.25rem;
}
.footer-note{
margin: 3.5rem 0 0;
max-width: 430px;
}
.footer-nav{
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.footer-nav a{
position: relative;
padding-left: 1.75rem;
}
.footer-nav a::before{
content: '\e806';
font-family: hoh;
font-size: 0.625rem;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
text-decoration: none;
}
.footer-nav a:nth-child(6){
margin-top: 1.25rem;
}
.elementor-element-c67b7d3{
display: none;
}
/* Formulieren */
input:focus, select:focus, textarea:focus{
box-shadow: inset 0 0 0 1px var(--kleur-donker) !important;
outline: none;
}
input, textarea, select{
color: var(--kleur-donker) !important;
font-size: 1rem !important;
line-height: 1 !important;
background-color: var(--kleur-licht) !important;
padding: 0.8125rem 1rem !important;
border: none !important;
border-radius: 0 !important;
}
input::placeholder, textarea::placeholder{
opacity: 0.75 !important;
font-size: 1rem !important;
}
.elementor-acceptance-field{
accent-color: var(--kleur-licht);
width: 18px;
height: 18px;
margin-right: 0.375rem !important;
vertical-align: middle;
}
.elementor-form .elementor-button{
margin-top: 1.25rem;
}
@media (max-width: 1024px){
:root{
--space-xxl: 6rem !important;
--space-xxxl: 9rem !important;
}
.bl-container, .bl-grid-width{
width: calc(100% - 3rem);
}
.halt1{
font-size: 5rem !important;
}
.quote{
font-size: 2.625rem;
}
.split-content{
width: 60%;
flex-direction: column !important;
padding-inline: 1.5rem !important;
}
.split-content-links{
margin-inline-end: 0;
}
.split-content-rechts{
margin-inline-start: 0;
}
.split-image{
width: 40%;
}
.merken .e-div-block-base{
width: calc(25% - 2.3333rem);
padding: 0;
}
}
@media (max-width: 767px){
:root{
--space-md: 2.5rem !important;
--space-lg: 2.5rem !important;
--space-xl: 3.25rem !important;
--space-xxl: 3.25rem !important;
--space-xxxl: 6.5rem !important;
--gap-sm: 1.25rem !important;
--gap-md: 1.75rem !important;
--gap-lg: 2.5rem;
}
.bl-container, .bl-grid-width, .content-2{
width: calc(100% - 2rem);
}
.elementor .e-flexbox-base{
flex-direction: column !important;	
}
.elementor .e-flexbox-base.bl-row{
flex-direction: row !important;	
}
.elementor-menu-toggle{
padding: 0;
background: none;
font-size: 1.875rem;
}
.elementor-nav-menu--dropdown .elementor-item{
color: var(--kleur-donker) !important;
background-color: var(--kleur-wit) !important;	
}
.elementor-menu-toggle .e-font-icon-svg{
fill: var(--kleur-donker) !important;
}
.elementor-nav-menu__container{
padding-bottom: 1rem;
}
.halt1{
font-size: 3.75rem !important;
}
.halt5{
font-size: 1.375rem !important;
margin-block: 1.125rem !important;
}
.quote{
font-size: 2.125rem;
}
.elementor .e-104dc41-1fddf1d, .elementor .e-6416da9-92d0adf, .elementor .e-f81e0e2-2218b7d, .elementor .e-8ff0dd8-9cd43fa, .elementor .e-e68e7d3-2a154a3, .elementor .e-68fa103-8b87f50, .elementor .e-bdb8a7a-98cf645, .elementor .e-c59f88b-3eecb52, .elementor .e-bb0f469-9d8a218, .elementor .e-7d47e2f-46768a2, .elementor .e-0ef9b11-400582a{
background-image: none;	
}
.split-content{
width: 100%;
padding-inline: 1rem !important;
}
.split-content-rechts{
order: -99999;
}
.split-image{
width: 100%;
max-width: 430px !important;
object-position: left;
object-fit: contain !important;
}
.elementor-element-f9396ac p:first-child{
border-width: 1px 0 0 0;
padding-top: 1.75rem;
}
.elementor-element-f9396ac p{
padding: 0;
}
.elementor-widget-google_maps{
border: solid 1px var(--kleur-donker);
}
.elementor-location-footer > *{
font-size: 1rem;	
}
.elementor-location-footer h4{
margin-block-end: 1.75rem;
}
.footer-note{
margin: 1.75rem 0 0;
}
.elementor-swiper-button{
top: -4.5625rem !important;
}
.elementor-swiper-button-next{
right: 0.625rem !important;
}
.elementor-swiper-button-prev{
left: 0.625rem !important;
}
.merken .e-div-block-base{
width: calc(50% - 0.625rem);
padding: 0;
}
}