/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.news_posts_grid .vc_gitem-post-data-source-post_excerpt {
    display: none;
}

/* Desktop: 5 items per row (default) */
.pricer .row {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to next line */
}

.pricer .row .col-md-6 {
    flex: 1 1 20%;      /* Each item takes 20% of the row */
    max-width: 20%;     /* Prevent items from growing beyond 20% */
}

/* Tablets: 3 items per row */
@media (max-width: 991.98px) {
    .pricer .row .col-md-6 {
        flex: 1 1 33.3333%;  /* Each item takes 1/3 of the row */
        max-width: 33.3333%;
    }
}

.vs-mb {
	display: none !important;
}

.side-nav-panel-close {
	display: none !important;
}

.share-links a:before {
	color: #ffffff;
}

/* Mobile: 2 items per row */
@media (max-width: 767.98px) {
	/*
	 * Hide/show blocks
	 * */
	.vs-dt {
		display: none !important;
	}
	
	.vs-mb {
		display: flex !important;
	}
	
    .pricer .row .col-md-6 {
        flex: 1 1 50%;       /* Each item takes half of the row */
        max-width: 50%;
    }
}
/* Menu hover/active line color — ændret til museets guldfarve (2026-07-07) */
.mega-menu.menu-hover-line > li.menu-item > a:before {
	background: #f9b233 !important;
}

/* Dropdown/undermenu topkant — ændret fra brun #ad9263 til museets guldfarve (2026-07-07) */
#header .main-menu .narrow ul.sub-menu,
#header .main-menu .wide .popup {
	border-top-color: #f9b233 !important;
}

/* Indholds-tekstlinks — fra mørkegrøn #0e4a3a til museets guldfarve, så de er synlige på mørk baggrund (2026-07-07) */
.page-content .wpb_text_column a,
.page-content .toggle-content a {
	color: #f9b233 !important;
}
.page-content .wpb_text_column a:hover,
.page-content .toggle-content a:hover {
	color: #f9b233 !important;
	text-decoration: underline;
}

/* === /museets-rammer/ mobil-justeringer (2026-07-14) === */
@media (max-width: 767.98px) {
	/* Issue 2: tekst-kolonne har 100px venstre-offset (desktop) — for meget paa mobil */
	.vc_custom_1784014438069.wpb_text_column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Issue 3: vis "Velkommen til museumsbutikken"-sektionen (billede+tekst) paa mobil */
	.vc_custom_1750859393435 .col-md-12.d-none.d-md-block {
		display: block !important;
	}
}

/* Issue 1: centrer slideshow-tekst lodret paa mobil (SR7-lagene sad for lavt) - /museets-rammer/ (2026-07-14) */
@media (max-width: 767.98px) {
	.page-id-1894 sr7-txt,
	.page-id-1894 sr7-btn {
		margin-top: -102px !important;
	}
}

/* Issue: venstrestil alt indhold i intro- + museumsbutik-raekkerne paa mobil (fjern desktop-offset 100/75/50px) - /museets-rammer/ (2026-07-14) */
@media (max-width: 767.98px) {
	.page-id-1894 .vc_custom_1750939206452 .vc_custom_heading,
	.page-id-1894 .vc_custom_1750939206452 .wpb_text_column,
	.page-id-1894 .vc_custom_1750939206452 .vc_btn3-container,
	.page-id-1894 .vc_custom_1750859393435 .vc_custom_heading,
	.page-id-1894 .vc_custom_1750859393435 .wpb_text_column,
	.page-id-1894 .vc_custom_1750859393435 .vc_btn3-container,
	.page-id-1894 .vc_custom_1750859393435 .vc_row.vc_inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
/* Museumsbutik-raekken har kun 5px base-padding -> saet til 30px saa den flugter med intro-sektionen (mobil) */
@media (max-width: 767.98px) {
	.page-id-1894 .vc_custom_1750859393435 {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/* === /jernaldergaarden/ (page-id-30208) mobil: vis skjult hovedindhold (2026-07-14) === */
@media (max-width: 767.98px) {
	.page-id-30208 .vc_custom_1762852532125 .col-md-12.d-none.d-md-block,
	.page-id-30208 .vc_custom_1762862736192 .col-md-12.d-none.d-md-block,
	.page-id-30208 .vc_custom_1769698468309 .col-md-12.d-none.d-md-block,
	.page-id-30208 .vc_custom_1720599162405 .col-md-12.d-none.d-md-block {
		display: block !important;
	}
}

/* /jernaldergaarden/ mobil: centrer slideshow-tekst + fjern venstre-padding paa indhold (2026-07-14) */
@media (max-width: 767.98px) {
	.page-id-30208 sr7-txt,
	.page-id-30208 sr7-btn {
		margin-top: -100px !important;
	}
	.page-id-30208 .vc_custom_1762852532125 .vc_custom_heading,
	.page-id-30208 .vc_custom_1762852532125 .wpb_text_column,
	.page-id-30208 .vc_custom_1762852532125 .vc_btn3-container,
	.page-id-30208 .vc_custom_1762852532125 .vc_row.vc_inner,
	.page-id-30208 .vc_custom_1762862736192 .vc_custom_heading,
	.page-id-30208 .vc_custom_1762862736192 .wpb_text_column,
	.page-id-30208 .vc_custom_1762862736192 .vc_btn3-container,
	.page-id-30208 .vc_custom_1762862736192 .vc_row.vc_inner,
	.page-id-30208 .vc_custom_1769698468309 .vc_custom_heading,
	.page-id-30208 .vc_custom_1769698468309 .wpb_text_column,
	.page-id-30208 .vc_custom_1769698468309 .vc_btn3-container,
	.page-id-30208 .vc_custom_1769698468309 .vc_row.vc_inner,
	.page-id-30208 .vc_custom_1720599162405 .vc_custom_heading,
	.page-id-30208 .vc_custom_1720599162405 .wpb_text_column,
	.page-id-30208 .vc_custom_1720599162405 .vc_btn3-container,
	.page-id-30208 .vc_custom_1720599162405 .vc_row.vc_inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
/* /jernaldergaarden/ mobil: ensret indholds-raekkernes venstre-kant til 30px */
@media (max-width: 767.98px) {
	.page-id-30208 .vc_custom_1762852532125,
	.page-id-30208 .vc_custom_1762862736192,
	.page-id-30208 .vc_custom_1769698468309 {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/* === Udstillingssider mobil: vis skjulte blokke + venstrestil + centrer slideshow (2026-07-14) === */
/* Sider: kunst, erland-knudssoen-madsen, vaerkstedet, landbrugsudstilling, hans-bakgaard, saerudstilling, jens-soendergaard */
@media (max-width: 767.98px) {
	/* 1) Vis skjult hovedindhold + 30px sidepadding */
	:is(.page-id-19108,.page-id-19118,.page-id-29581,.page-id-19058,.page-id-30338,.page-id-2725,.page-id-30206) .col-md-12.d-none.d-md-block {
		display: block !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	/* 2) Nulstil WPBakery desktop-paddings inde i de viste blokke */
	:is(.page-id-19108,.page-id-19118,.page-id-29581,.page-id-19058,.page-id-30338,.page-id-2725,.page-id-30206) .col-md-12.d-none.d-md-block :is(.vc_custom_heading,.wpb_text_column,.vc_btn3-container,.vc_row,.vc_column_container) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* 3) Nulstil padding paa raekker der indeholder de viste blokke */
	:is(.page-id-19108,.page-id-19118,.page-id-29581,.page-id-19058,.page-id-30338,.page-id-2725,.page-id-30206) .vc_row:has(.col-md-12.d-none.d-md-block) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* 4) Centrer slideshow-tekst lodret */
	:is(.page-id-19108,.page-id-19118,.page-id-29581,.page-id-19058,.page-id-30338,.page-id-2725,.page-id-30206) :is(sr7-txt,sr7-btn) {
		margin-top: -100px !important;
	}
}

/* === Cross-promo Porto interactive banner (wrap 07dd) -> paen fuldbredde-mobilbanner der vokser med teksten (2026-07-14) === */
@media (max-width: 767.98px) {
	/* fuld bredde: neutraliser OWL-carousel */
	.owl-carousel:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015) .owl-stage,
	.owl-carousel:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015) .owl-item {
		width: 100% !important; transform: none !important; margin: 0 !important;
	}
	.col-md-12.d-none.d-md-block:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015),
	.vc_column-inner:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015),
	.wpb_wrapper:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015),
	.owl-stage-outer:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015),
	.owl-carousel:has(.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015) {
		width: auto !important; padding-left: 0 !important; padding-right: 0 !important;
	}
	/* banner vokser med indhold; billede som absolut baggrund */
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 {
		position: relative !important; width: 100% !important; min-height: 340px !important; height: auto !important; overflow: hidden !important; background: #333 !important;
	}
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .banner-effect-wrapper {
		position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important;
	}
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .porto-ibanner-img {
		position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 40% !important; visibility: visible !important; opacity: 1 !important;
	}
	/* tekst-overlay i normal flow */
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .porto-ibanner-desc {
		position: relative !important; inset: auto !important; z-index: 2 !important; display: flex !important; flex-direction: column !important;
		justify-content: center !important; align-items: flex-start !important; min-height: 340px !important; padding: 26px 24px !important; background: rgba(0,0,0,0.32) !important;
	}
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .porto-ibanner-layer {
		position: static !important; transform: none !important; inset: auto !important; margin: 0 0 12px 0 !important; width: 100% !important;
	}
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 h2,
	.interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .vc_custom_heading {
		font-size: 26px !important; line-height: 1.15 !important; padding: 0 !important; margin-bottom: 10px !important;
	}
	/* box-tekst: intern padding (hoejere specificitet end den generelle reset) */
	.col-md-12.d-none.d-md-block .interactive-banner-wrap-07dd21040fa50768c9d370ae74e47015 .porto-ibanner-desc .wpb_text_column {
		padding: 15px 18px !important; font-size: 15px !important; line-height: 1.45 !important;
	}
}
