/*
Theme Name: Janne's Trimlodge
Theme URI: https://example.com
Description: Child theme van Hello Elementor voor Janne's Trimlodge
Author: Janne's Trimlodge
Template: hello-elementor
Version: 1.0
*/

body {
	font-size: 17px;
}

h1 {
    font-size: 3rem;
}

.site-header {
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: 0;
}

@media (min-width: 1025px) {
	.site-header {
		margin-bottom: 2em;
	}
}

.site-header .header-inner .site-branding .site-logo {
	margin-bottom: 2em;
}

.site-header .header-inner .site-branding .site-logo img {
    max-width: 120px;
}

.site-header .site-navigation .menu > li.current_page_item > a {
    color: var(--e-global-color-accent);
    border-bottom: 2px solid var(--e-global-color-accent);
}

.site-navigation ul.menu li a {
  font-family: var(--e-global-typography-primary-font-family);
}

.site-footer {
    margin-top: 6em;
}

.wpcf7-form label {
    margin: 0 0 1.8em 0 !important;
}

.wpcf7-form-control {
    margin: 0.7em 0 0 0 !important;
}

input.wpcf7-form-control.wpcf7-submit {
    margin: 0 !important;
    font-family: "Tenor Sans", Sans-serif !important;
    font-size: 16px;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    background-color: var(--e-global-color-accent);
    color: #FFFFFF !important;
    padding: 1em 2em 1em 2em;
}

footer.site-footer {
    padding-block-start: 4.5em;
    padding-block-end: 3.5em;
}

.footer-widgets {
    padding: 0 10%;
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2em;
}

.footer-col {
    width: calc((100% - (3 * 2em)) / 4);
}

.footer-col .wp-block-heading {
    color: var(--e-global-color-primary);
}

.footer-widget p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

/* Tablet */
@media (max-width: 1024px) {

    .footer-col {
        width: calc((100% - 2em) / 2);
    }

}

/* Mobiel */
@media (max-width: 600px) {

    .footer-widgets {
        padding: 0 6%;
    }

    .footer-col {
        width: 100%;
    }

}

.footer-copyright{
    background: var(--e-global-color-primary);
}

.footer-copyright-container{
    max-width:1800px;
    margin:0 auto;
    padding:20px 10%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-copyright-menu{
    list-style:none;
    margin:0;
    padding:0;
    gap:20px;
}

@media (min-width: 750px) {
	.footer-copyright-menu{
		display:flex;
	}
}

.footer-copyright-menu li{
    margin:0;
}

.footer-copyright-menu a{
    text-decoration:none;
    color:white;
}

.footer-copyright-menu a:hover {
	color:white;
	text-decoration:underline;
}

.footer-copyright-right{
    color:white;
    text-align:right;
	font-family:var(--e-global-typography-text-font-family), Sans-serif;
}

@media (max-width:950px){

.footer-copyright-container{
    flex-direction:column;
    gap:10px;
    text-align:center;
}

.footer-copyright-right{
    text-align:center;
}

}

.elementor-widget-container p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

ul.wp-block-social-links {
    padding: 0;
    list-style: none;
    gap: 1em;
    margin-top: 1.5em;
}

a.wp-block-social-link-anchor {
    display: block;
}

.wp-block-social-link-anchor svg {
    width: 35px;
    height: 35px;
    display: block;
}

.wp-social-link-instagram svg {
    fill: #e1306c;
}

.wp-social-link-facebook svg {
    fill: #1877f2;
}

.wp-social-link-whatsapp svg {
    fill: #25d366;
}

.site-navigation ul.menu li.menu-item-has-children::after {
	margin-left: -0.3em;
}

.site-header .site-navigation .sub-menu li {
	display: block;
}

.site-header .site-navigation .sub-menu li a {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: none;
	text-align: left;
}

.site-header .site-navigation .sub-menu li.current_page_item a {
	border-left: 2px solid var(--e-global-color-accent);
	border-bottom: 0;
}

.site-header .site-navigation .sub-menu {
    width: 160%;
}

.site-navigation ul.menu li.menu-item-has-children:hover {
	background-color: #ffffff;
}

.page-content table tbody>tr:nth-child(odd)>td, .page-content table tbody>tr:nth-child(odd)>th {
	background-color: #fffbf9;
}

.page-content table tbody tr:hover>td, .page-content table tbody tr:hover>th {
    background-color: #fff8f4;
}

.page-content table tbody>tr:nth-child(odd)>td p, .page-content table tbody>tr:nth-child(odd)>th p {
    margin: 0;
}

.page-content table tbody>tr>td:first-child p span, .page-content table tbody>tr>th:first-child p span {
    font-weight: bold !important;
}

.site-header.header-stacked .site-navigation-toggle-holder {
    position: absolute;
    right: 1em;
    z-index: 999999;
}

.site-navigation-dropdown {
    top: 0;
    margin-block-start: 0 !important;
    padding-top: 4em;
    background-color: #ffffff;
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
	background: #f6dbd0 !important;
	font-weight: bold;
	color: var(--e-global-color-primary) !important;
}

.site-navigation-dropdown li.menu-item.menu-item-has-children.elementor-active a {
    background: #f6dbd0 !important;
	font-weight: bold;
}

.site-navigation-dropdown ul.sub-menu>li a {
    padding: 0.5em 20px;
	font-weight: normal !important;
}