/*
Theme Name: Discover Middlemarch
Theme URI: 
Author: Kasper Villemoes Hald
Author URI: 
Description: Discover Middlemarch theme - a child theme of Tweenty-Tweenty-Three
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: discover-middlemarch
Tags: 
*/
main{
    margin-top: 0px !important;
}
main .entry-content > div{
    margin-block-start: 0;
}
.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained{
    margin-block-start: 0px;;
}

/* MENU */
header.wp-block-template-part {
    position: fixed;
    width: 100%;
    z-index: 99998;
    background-color: #ffffff;
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    position: sticky;
    height: 46px;
}
.main-menu {
    justify-content: space-between;
}
li.wp-block-navigation-item.hide_descktop.wp-block-navigation-link {
    display: none;
}
.main-menu ul li:nth-child(5){
    height: 0px;
    margin-top: 54px;
}
.main-menu ul ul li:nth-child(5){
    height: auto;
    margin-top: 0px;
}

/*
 #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    background: #d9d9d9;
    left: 20vw;
    top: calc(3rem + 33px);
}
*/



.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    width: 100%;
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    padding: 12px 0 12px;
}

#modal-1.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    background-color: rgba(255, 255, 255, .8) !important;
	padding:0px;
}
#modal-1.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__container{
	gap: 0px !important;
}
#modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
    padding: clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20em);
    width: 100%;
	height: 1000%;
    margin: 0 0 0 auto;
    background-color: var(--wp--preset--color--secondary);
    background-color: rgba(0,0,0,0.8);
    color:#ffffff;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding-left: 1rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child.custom-li-opened .wp-block-navigation__submenu-container {
    display: flex;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
    width: 100%;
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
	width: calc(100% - 40px);
} 
.main-menu .has-modal-open.is-menu-open ul li:nth-child(5) {
    display: none;
}
.main-menu .has-modal-open.is-menu-open ul ul li:nth-child(5) {
    display: flex;
}

header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.wp-block-navigation-submenu > a {
	width: calc(100% - 40px);
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.wp-block-navigation-submenu a {
	justify-content: start;
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item ul li {
    border: 0px;
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item ul li a {
	font-size:95%;
}

header #modal-1.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-submenu::before {
    content: " ";
    position: absolute;
    right: 0;
    z-index: 99;
    display: block;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M480-371.69 267.69-584 296-612.31l184 184 184-184L692.31-584 480-371.69Z'/%3E%3C/svg%3E");
    background: #ffffff;
    width: 40px;
    height: 36px;
    mask-size: cover;
    mask-repeat: no-repeat;
    top: 10px;
    mask-position: center center;
    rotate: -90deg;
}
header #modal-1.wp-block-navigation__responsive-container.is-menu-open li.custom-li-opened.wp-block-navigation-submenu::before {
    rotate: 0deg;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{

}

.wp-block-navigation a:where(:not(.wp-element-button)):focus,
.wp-block-post-title a:where(:not(.wp-element-button)):focus,
.wp-block-site-title a:where(:not(.wp-element-button)):focus,
a:where(:not(.wp-element-button)):focus {
  text-decoration: none;
}


header ul a {
    font-size: 18px;
    font-weight: 700;
}

:root :where(.wp-block-post-content a:where(:not(.wp-element-button))){
    color: var(--wp--preset--color--primary);
    font-weight: 700;
}
:root :where(a:where(:not(.wp-element-button)):hover){
    color: var(--wp--preset--color--secondary);
}
#contact_form div {
    gap: 0px;
    margin-bottom: 5px;
}
#contact_form input, #contact_form textarea {
    line-height: 1.5;
    font-size: 16px;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}
#contact_form input[type=submit] {
    cursor: pointer;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    padding: 10px;
}


/*Footer*/
.wp-social-link-facebook span, 
.wp-social-link-instagram span, 
.wp-social-link-youtube span {
    display: none;
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text){
    font-size: 0.9rem;
}
.wp-block-social-links .wp-social-link svg {
    height: 1.5em;
    width: 1.5em;
}
.wp-block-social-links .wp-social-link.wp-social-link-facebook svg {
    height: 2.21em;
    width: 2.21em;
    margin-right: -0.4em;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, 
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, 
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, 
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, 
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{
    color: var(--wp--preset--color--secondary);
    fill: var(--wp--preset--color--secondary);
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{
    background-color: #ffffff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail{
    background-color: transparent;
}

.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-mail .wp-block-social-link-anchor, 
.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-mail .wp-block-social-link-anchor svg, 
.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-mail .wp-block-social-link-anchor:active, 
.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-mail .wp-block-social-link-anchor:hover, 
.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-mail .wp-block-social-link-anchor:visited{
    color: #ffffff;
    fill: #ffffff;
}

.wp-block-social-links .wp-block-social-link.wp-social-link.wp-social-link-facebook .wp-block-social-link-anchor svg{
    color: #ffffff;
    fill: #ffffff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{
    background-color: transparent;
}


footer ul.wp-block-navigation {
    gap: 0.5rem;
}
footer ul.wp-block-navigation li {
    width: 100%;
}

ul.wp-block-list.car-bullets {
    padding-left: 0px;
}
ul.car-bullets li {
    list-style-type: none;
}
ul.wp-block-list.no-bullets {
    list-style: none;
    padding-left: 0px;
}
ul.car-bullets li:before {
    content: " ";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23ffffff" d="M135.2 117.4L109.1 192l293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 144 0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L96 400l0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>') no-repeat left center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin: 0px 10px -3px 0px;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):focus){
    text-decoration: none;
}

.grecaptcha-badge {
    visibility: hidden !important;
}



.cover_btn .wp-block-cover__inner-container, 
.cover_btn .wp-block-buttons, 
.cover_btn .wp-block-button {
    height: 100%;
    width: 100%;
}

.cover_btn .wp-block-button a{
    display: flex;
    align-items: end;
}


/* FAQ */
.FAQ details{
    margin-top: 25px;
}
.FAQ details summary + p{
    margin-top: 5px;
    padding-left: calc(.75em + 15px);
}

summary {
  display: flex;
}

summary::before {
    content: '';
    width: 15px;
    height: 19px;
    background: url('/wp-content/uploads/2025/06/arrow.svg');
    background-size: cover;
    margin-right: .75em;
    margin-top: 4px;
    transition: 0.2s;
}

details[open] > summary::before {
  transform: rotate(180deg);
}

.wp-block-button .wp-block-button__link{
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-button .wp-block-button__link:hover{
    color: var(--wp--preset--color--secondary) !important;
}

.wp-block-button .wp-block-button__link:before {
    content: '';
    width: 19px;
    height: 19px;
    transition: 0.2s;
    background: var(--wp--preset--color--primary);
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: cover;
    margin-right: 13px;
}
.wp-block-button.calendar .wp-block-button__link:before{
    mask-image: url('/wp-content/uploads/2025/06/calendar.svg');
}
.wp-block-button.attraction .wp-block-button__link:before{
    mask-image: url('/wp-content/uploads/2025/06/attractions.svg');
}
.wp-block-button.food .wp-block-button__link:before{
    mask-image: url('/wp-content/uploads/2025/06/eatanddrink.svg');
}
.wp-block-button.calendar .wp-block-button__link:hover:before,
.wp-block-button.attraction .wp-block-button__link:hover:before,
.wp-block-button.food .wp-block-button__link:hover:before{
    background: var(--wp--preset--color--secondary);
}

.wp-block-button .wp-block-button__link:after {
    content: '';
    width: 25px;
    height: 15px;
    mask-image: url('/wp-content/uploads/2025/06/arrow_right.svg');
    margin-right: 0;
    margin-left: 1rem;
    transition: 0.2s;
    background: var(--wp--preset--color--primary);
    z-index: 4;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: 19px 15px;
    mask-position: center center;
}
.wp-block-button .wp-block-button__link:hover:after {
    width: 25px;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background: var(--wp--preset--color--secondary);
}

blockquote {
    position: relative;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border:none !important;
}


blockquote.no_big_quote:after,
blockquote.no_big_quote:before{
    content:none;
}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover),
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){
    text-decoration: none;
}


@media (min-width: 1920px) { 
	main .entry-content > :last-child{
		padding-bottom: 5vw !important;
	}
}

@media (max-width: 1200px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}


@media (max-width: 1240px) {
    main .entry-content > .has-global-padding {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}


@media (min-width: 769px) {

header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content.wp-block-navigation-item__content,
header .wp-block-navigation .current-menu-item .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"] {
    color: var(--wp--preset--color--primary) !important;
}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
    .wp-block-navigation .wp-block-navigation__submenu-icon {
        width: 1.6rem;
        height: 100%;
    }
    .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
        width: 1em;
        height: 100%;
    }
    .cols_with_sep > .wp-block-column:nth-child(n+2) {
        margin-left: 20px;
        border-left: 1px solid var(--wp--preset--color--secondary);
        padding-left: 20px;
    }

    header.wp-block-template-part {
        height: 66px;
    }
    .main-menu ul li:nth-child(5) {
        margin-top: 64px;
    }
    .wp-block-navigation .wp-block-navigation-item:hover a,
    .wp-block-navigation .wp-block-navigation-item:hover ul li:hover a{
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation .wp-block-navigation-item:hover button svg,
    header .wp-block-navigation .current-menu-ancestor > button svg {
        stroke: var(--wp--preset--color--primary);
    }
    .wp-block-navigation .wp-block-navigation-item:hover ul li a {
        color: inherit;
    }
    #mobile-home {
        display:none;
    }
}
@media (max-width: 900px) { 
    .custom-logo{
        width:112px !important;
    }
}
@media screen and (max-width: 781px) and (min-width: 600px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.foot_col1 {
        flex-basis: 20% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.foot_col2 {
        flex-basis: 75% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.foot_col2 .wp-block-column {
        flex-basis: 28% !important;
    }
}
@media (max-width: 768px) { 
    .grid_cover_btn {
        grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr));
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-ancestor {
        background: rgba(255, 255, 255, 0.2) !important;
    }
    
    .cols_with_sep > .wp-block-column:nth-child(n+2) {
        margin-top: 15px;
        border-top: 1px solid var(--wp--preset--color--secondary);
        padding-top: 15px;
    }
    footer .wp-block-image img {
        max-width: 200px;
        width: 100% !important;
    }
    .wp-block-navigation__responsive-dialog {
        background-color: var(--wp--preset--color--secondary);
    }
    header nav{
        height: 46px;
    }
    header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content.wp-block-navigation-item__content, 
    header .wp-block-navigation .current-menu-item .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"]{
        color:#ffffff;
    }
    button.wp-block-navigation__responsive-container-close:after {
        content: "Close";
        display: inline-block;
        position: absolute;
        right: 0;
        top: 7px;
    }
    .wp-block-navigation__responsive-container-close {
        left: 10px;
        top: 10px;
        right: auto;
        width: 65px;
    }
	
	#footer_content,
	#footer_content .wp-block-navigation,
	#footer_content .wp-block-navigation__container {
		text-align:center;
		justify-items: center;
		align-items: center;
	}
    .wp-block-cover, .wp-block-cover-image{
        min-height: 250px;
    }
    nav.main-menu:after {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        position: absolute;
        left: 50%;
        top: 0%;
        transform: translateX(-50%);
        background-image: url("/wp-content/uploads/2025/05/Discover-Middlemarch-Colour-with-White-background-Logo.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }
	.wp-block-wpe-slider .swiper-wrapper{
        height: 450px;
    }
    .Bike img.wp-block-cover__image-background.wp-image-656.size-full {
        height: 50px;
    }

    .wp-block-columns.reverse_cols {
        flex-flow: column-reverse;
    }
    .wp-block-group.grid_collaps.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.5rem;
        text-align: center;
    }
    #mobile-home {
        position: fixed;
        top: 0px;
        margin-block-start: 0;
        left: 50%;
        width: 100px;
        height: 100px;
        transform: translateX(-50%);
        z-index: 99998;
    }
}

@media (max-width: 599px) { 
    footer .foot_col2 nav ul li {
        justify-content: center;
        text-align: center;
        font-size: 18px;
    }
    footer .foot_col2 .wp-block-columns .wp-block-column + .wp-block-column {
        margin-top: 0.5em;
    }
    .foot_col3 {
        text-align: center;
    }
    .foot_col3 ul {
        justify-content: center;
    }
}

@media (max-width: 550px) { 
	.has-modal-open .wp-block-navigation__responsive-dialog{
		background-size: 170px;
	}
	.wp-block-navigation__responsive-container-close svg {
		margin-top: 4px;
	}
    .foot_col3 h6 {
        font-size: 24px;
    }
}