<!DOCTYPE html>
<html dir="ltr" lang="en-GB">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Blenheim X" />
	<link rel="preconnect" href="https://use.typekit.net" crossorigin>
	<link rel="preconnect" href="https://p.typekit.net" crossorigin>


    <!-- UNOPTIMISED -->
	<link rel="stylesheet" href="/css3/main.css?v=01:54:01pm" type="text/css" media="screen"/>
	
	<link rel="stylesheet" href="/css3/new-styles.css?v=01:54:01pm">
    <link rel="stylesheet" href="/css3/brands.css?v=01:54:01pm">
    <link rel="stylesheet" href="/css3/responsive.css?v=01:54:01pm">
	<link rel="stylesheet" href="/css3/swiper-bundle.9.3.2.min.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="/css3/font-icons.min.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="/css3/property-font-icons.min.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="/css3/magnific-popup.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="/css3/animate.min.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="https://use.typekit.net/cop3vsw.css?v=1" type="text/css" media="screen"/>
    
<style></style>

	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Events at Blenheim Palace | Oxfordshire Family Days Out</title>
	<meta name="description" content="Blenheim Palace hosts events all year, from jousting and horse trials to creative workshops, Halloween adventures and Christmas celebrations.">
	<meta name="robots" content="index, follow">
    
    <link rel="canonical" href="https://www.blenheimpalace.com/whats-on/" />
	<meta property="og:url" content="https://www.blenheimpalace.com/whats-on/" />
    <meta property="og:title" content="What's On" />
	<meta property="og:type" content="website" />
	<meta property="og:description" content="Blenheim Palace hosts events all year, from jousting and horse trials to creative workshops, Halloween adventures and Christmas celebrations." />
	<meta property="og:image" content="https://www.blenheimpalace.com/assets/files/images/palace/events/flower-show-1.jpg" />
    <!-- Convert -->
    <script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10021806-10025713.js?environment=production"></script>
	<!-- Palace Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-5HFZMCP');</script>
	<!-- End Google Tag Manager -->
        
    <link rel="apple-touch-icon" sizes="57x57" href="/assets/files/images/icons/fav/palace/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/assets/files/images/icons/fav/palace/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/assets/files/images/icons/fav/palace/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/assets/files/images/icons/fav/palace/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/assets/files/images/icons/fav/palace/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/assets/files/images/icons/fav/palace/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/assets/files/images/icons/fav/palace/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/assets/files/images/icons/fav/palace/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/files/images/icons/fav/palace/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/assets/files/images/icons/fav/palace/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/files/images/icons/fav/palace/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/assets/files/images/icons/fav/palace/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/files/images/icons/fav/palace/favicon-16x16.png">
    <link rel="manifest" href="/assets/files/images/icons/fav/palace/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/assets/files/images/icons/fav/palace/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
<base href="https://www.blenheimpalace.com/">
</head>
<body class="stretched no-transition brand-palace palace-2025">

    
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HFZMCP"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    

	<div class="body-overlay"></div>
    <div id="side-panel" class="dark">
		<div id="side-panel-trigger-close" class="side-panel-trigger">
		    <a href="#"><i class="icon-line-cross"></i></a>
		</div>
		<div class="side-panel-wrap">
			<div class="widget">
				<div id="language-menu">
				  <h4>Select Language</h4>
				  <nav class="nav-tree mb-0" aria-label="Language Options">
					  <ul>
						  <li>
							  <a href="https://www.blenheimpalace.com/">
							      <img loading="lazy" src="/images/flags/United-Kingdom.png" alt="British Flag" width="30" height="30"> &nbsp;English</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/nl/">
							      <img  loading="lazy" src="/images/flags/Netherlands.png" alt="Dutch Flag" width="30" height="30"> &nbsp;Nederlands</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/cn/">
							      <img loading="lazy" src="/images/flags/China.png" alt="Chinese Flag" width="30" height="30"> &nbsp;普通话</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/de/">
							      <img loading="lazy" src="/images/flags/Germany.png" alt="German Flag" width="30" height="30"> &nbsp;Deutsch</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/es/">
							      <img loading="lazy" src="/images/flags/Spain.png" alt="Spanish Flag" width="30" height="30"> &nbsp;español</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/fr/">
							      <img loading="lazy" src="/images/flags/France.png" alt="French Flag" width="30" height="30"> &nbsp;français</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/it/">
							      <img loading="lazy" src="/images/flags/Italy.png" alt="Italian Flag" width="30" height="30"> &nbsp;italiano</a>
						  </li>
						  <li>
							  <a href="https://www.blenheimpalace.com/jp/">
							      <img loading="lazy" src="/images/flags/Japan.png" alt="Japanese Flag" width="30" height="30"> &nbsp;日本語</a>
						  </li>
					</ul>
				</nav>
			</div>
			<div id="accessibility-menu" lang="en-GB">
				<h4>Web Accessibility</h4>
				<a href="visitus/accessibility/" class="link">Learn more about our commitment to Accessibility</a>
				<nav class="nav-tree mb-0" aria-label="Accessibility Options">
					<ul style="list-style: circle; margin-left: 20px;">
						  <li>
							  <p id="highcontrast">High Contrast White</p>
						  </li>
						  <li>
							  <p id="highcontrast2">High Contrast Black</p>
						  </li>
						  <li>
							  <p id="highcontrast3">Normal Contrast </p>
						  </li>
						  <li>
							  <p id="inc" class="increase">Increase font size</p>
						  </li>
						  <li>
							  <p id="dec" class="decrease">Decrease font size</p>
						  </li>
						  <li>
							  <p id="reset" class="decrease">Reset font size</p>
						  </li>
					</ul>
			    </nav>
			</div>
		</div>
	</div>
</div>
	<div id="wrapper" class="clearfix">
	    <!-- palace-header-2025 -->
<style>
/* General Styles */
.palace-2025 {
    --palace-blue: #003d4c;
    --palace-blue-transparent: #003D4C55;
    --palace-red: #b2292e;
    --palace-red-dark: #961317;
    --palace-red-darker: #981e21;
    --white: #ffffff;
    --white-transparent: #ffffffbb;
    --white-translucent: #ffffff33;
    --white-faint: #ffffff11;
    --white-glow: #ffffff2e;
    --white-subtle: #ffffff07;
    --white-semitrans: #ffffffaa;
    --black-transparent: #000000ab;
    --max-width: 1280px;
    --mega-menu-height: 300px;
    --border-radius: 12px;
    --transition-standard: all 0.3s ease-in-out;
}
.palace-2025 .brand-palace #page-menu .secondarybackground {
    background: #265460 !important;
}

.brand-palace-bkg {
    background: transparent !important;
}

.palace-2025 .container,
.palace-2025 #top-nav-wrapper {
    max-width: var(--max-width);
}

.palace-2025 ul {
    margin-bottom: 0;
}

/* Header & Navigation */
.palace-2025 #header {
    /* height: 90px; */
    background-color: transparent;
}

.palace-2025 #header-wrap .container {
    padding: 0;
}

/* .palace-2025 .brand-palace-bkg {
    backdrop-filter: blur(5px);
    background: var(--palace-blue-transparent) !important;
} */

.palace-2025 #top-nav {
    /* background: var(--palace-blue); */
    /* animation: fadeInBg 5s ease-in-out forwards; */
    background-color: var(--palace-red);
}

@keyframes fadeInBg {
    0% {
        background-color: var(--palace-blue);
        color: var(--white);
    }
    40% {
        background-color: var(--palace-red);
        color: var(--white);
    }
    60% {
        background-color: var(--palace-red);
        color: var(--white);
    }
    100% {
        background-color: var(--palace-blue);
        color: var(--white-transparent);
    }
}

/* Top Navigation */
.palace-2025 #top-nav #open-time {
    display: inline;
}

.palace-2025 .top-nav-button-text {
    color: var(--white-transparent) !important;
    font-size: 18px;
    font-weight: 400;
    padding: 0 5px !important;
    line-height: 40px;
    display: inline;
}

.palace-2025 #palace-notification {
    width: calc(100% - 420px);
    display: inline-block;
    position: relative;
    background: transparent;
}

/* Logo */
.palace-header-2025 #logo img {
    width: 160px !important;
    padding-bottom: 5px;
}

/* Primary Menu */
.palace-2025 #primary-menu {
    padding-top: 15px !important;
}
.palace-2025 #primary-menu > ul {
    padding: 0px 20px;
}
.palace-2025 #primary-menu ul li>a:hover {
    border-width: 0px;
}

.palace-2025 #primary-menu li:not(#book-tickets-5431) {
    transition: var(--transition-standard);
    padding: 10px 16px;
}
.palace-2025 #primary-menu li#book-tickets-5431 .mega-menu-child-options {
     padding: 20px 0;   
}

.palace-2025 #primary-menu:hover li {
    color: var(--white-transparent);
}

.palace-2025 #primary-menu:hover li.active {
    color: var(--white);
}

.palace-2025 #primary-menu:hover li:hover {
    color: var(--white) !important;
    text-shadow: 0 0 10px var(--palace-blue) !important;
}

.palace-2025 #primary-menu ul > li {
    padding: 6px 16px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.palace-2025 #primary-menu ul li:not(#book-tickets-5431) > a {
    color: var(--white-transparent);
}
.palace-2025 #primary-menu ul li:not(#book-tickets-5431) > a:hover {
    color: white;
}

.palace-header-2025 ul li > a {
    padding: 0 !important;
    margin: 0;
    line-height: 2;
}

/* Book Tickets Button */
.palace-2025 #book-tickets-5431 {
    color: var(--white);
    background: linear-gradient(to bottom, var(--palace-red), var(--palace-red-dark));
    padding: 8px 16px;
    border: 2px solid var(--white);
    border-radius: 30px;
}

.palace-2025 li#book-tickets-5431 {
    color: var(--white) !important;
}

.palace-2025 li#book-tickets-5431:hover {
    box-shadow: inset 0 0 10px var(--black-transparent) !important;
    background: var(--palace-red-darker);
}

/* Search */
.palace-header-2025 #top-search {
    margin: 10px 5px !important;
}

/* Main Menu Option */
.main-menu-option {
    cursor: pointer;    
}

/* Mega Menu */
.palace-2025 #mega-menu {
    display: none;
    opacity: 0;
    width: 100%;
    background: #003d4ccc;
    backdrop-filter: blur(5px);
    position: absolute;
    left: 0;
    top: 70px;
    transition: all 0.3s ease-in-out;
}
.palace-2025 #main-menu {
    background: #003d4ccc;
    backdrop-filter: blur(5px);
}
.palace-2025.mega-menu-open #main-menu {
    height: unset !important;   
}

.palace-2025 .mega-menu-image {
    opacity: 0;
    padding: 0;
    border-left: 1px solid var(--white-faint);
}

/* Mega Menu Parent */
.mega-menu-parent {
    height: var(--mega-menu-height);
    list-style: none;
    color: var(--white);
    padding: 0 20px; 
}

.mega-menu-parent ~ .mega-menu-parent {
    display: none;
}

.mega-menu-parent .row {
    min-height: 250px;
    width: 103%;
    border: 1px solid var(--white-translucent);
    border-radius: var(--border-radius);
    background: var(--palace-blue);
    box-shadow: 0 0 20px var(--white-glow);
    overflow: hidden;
}

.mega-menu-parent li {
    font-size: 22px;
    list-style: none;
}

.mega-menu-parent li.mega-menu-child-option {
    line-height: 45px;
}
    .plan-your-visit-5237 .mega-menu-child-options {
        padding: 0px 0px !important;
    }
    .plan-your-visit-5237 li.mega-menu-child-option {
        line-height: 35px !important;
    }

.mega-menu-parent li.mega-menu-child {
    font-size: 20px;
}

/* Mega Menu Child Options */
.mega-menu-child-options ul, 
.mega-menu-children ul {
    margin-left: 30px !important;
}

.mega-menu-child-option {
    cursor: pointer;
    list-style: none;
    margin: 5px 0;
    border-bottom: 1px solid transparent;
    transition: var(--transition-standard);
}

.mega-menu-child-option:hover, 
li.mega-menu-child-option.active {
    color: var(--white) !important;
    /*margin-left: 5px; */
    font-weight: 700;
    border-bottom: 1px solid var(--white-translucent);
    background: linear-gradient(170deg, transparent, var(--white-subtle));
}

.mega-menu-child-option a, 
.mega-menu-child-option p {
    margin-bottom: 0 !important;
    color: var(--white-transparent);
}

.mega-menu-child-option:hover a, 
.mega-menu-child-option:hover p, 
.mega-menu-child-option.active a, 
.mega-menu-child-option.active p {
    color: var(--white) !important;
}

/* Mega Menu Child */
.mega-menu-child {
    cursor: pointer;
    list-style: none;
}

.mega-menu-child a {
    color: var(--white);
    line-height: 2;
}

.mega-menu-child a:hover {
    font-weight: 700;
    color: var(--white);
}

.mega-menu-child a:hover .arrow {
    border-color: #fff;
    border-width: 0 3px 3px 0;
}

.mega-menu-child p {
    margin-bottom: 10px;
    transition: var(--transition-standard);
    font-size: 18px;
    padding: 0px 20px 0px 0px !important;
    color: var(--white-semitrans);
}

/* Arrow for Menu Item */
.arrow {
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    border-color: #ffffff4a;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Mega Menu Children */
.mega-menu-children ~ .mega-menu-children {
    display: none;
}

/* Swiper Hero */
.palace-2025 .swiper-hero {
    top: -80px !important;
    margin-bottom: -80px !important;
}

.gradient-red, 
.swiper-slide-text a {
    background: linear-gradient(to bottom, var(--palace-red), var(--palace-red-dark)) !important;
}

/* Mobile Book Button */
.palace-2025 #mobile-book {
    display: none;
    position: absolute;
    top: 5px;
    right: 15px;
    max-height: 35px;
    background: linear-gradient(to bottom, var(--palace-red), var(--palace-red-dark));
    border: 2px solid #ffffffcc;
    border-radius: 50px;
    margin: 8px !important;
    padding: 2px 12px;
    font-weight: 600;
    font-size: 1.2rem;
    height: 40px;
}

/* Buttons */
.palace-2025 .main-button {
    font-weight: 500;
    color: var(--white-transparent);
    padding: 4px 16px !important;
    text-decoration: none !important;
    border: 2px solid var(--white-transparent);
    border-radius: 30px;
}

.palace-2025 .main-button:not(.second-button):hover {
    box-shadow: inset 0 0 10px var(--black-transparent) !important;
    background: var(--palace-red-darker) !important;
}

.palace-2025 .second-button {
    border-width: 0;
    padding: 0px 15px !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-decoration-style: dotted !important;
    text-underline-offset: 4px !important;
}

.slideshow .swiper-slide-text a {
    padding: 2px 5px 4px 5px !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    text-transform: unset !important;
}

.palace-2025 .button-red {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: linear-gradient(to bottom, var(--palace-red), var(--palace-red-dark)) !important;
}


.palace-2025 .language-select ul {
    list-style: none !important;
}
.palace-2025 .language-select h4 {
    margin: 30px 20px;
}
.palace-2025 .language-select ul li a{
    color: white !important;
    margin: 10px 20px !important;
    line-height: 50px;
}

/* Off Canvas Menu */
.palace-2025 .bs-canvas-overlay {
    opacity: 0;
    z-index: -1;
}

.palace-2025 .bs-canvas-overlay.show {
    opacity: 0.85;
    z-index: 1100;
}

.palace-2025 .bs-canvas-overlay, 
.palace-2025 .bs-canvas {
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
}

.palace-2025 .bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 330px;		
}

.palace-2025 .bs-canvas-left {
    left: 0;
    margin-left: -330px;
}

.palace-2025 .bs-canvas-right {
    right: 0;
    margin-right: -330px;
}

/* Canvas Fade */
.canvas-fade {
    background-color: #000000cc; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh;
}

/* Menu Toggle */	
.navbar-toggler {
    position: absolute;
    top: 15px;
    left: 5px;
}

.menu-icon {
    display: inline-block;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

.menu-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--white);
    left: 0;
    transition: all .3s ease-in-out;
}

.menu-icon span:nth-child(1) {
    top: 0;
}

.menu-icon span:nth-child(2) {
    top: 10px;
}

.menu-icon span:nth-child(3) {
    top: 20px;
}

/* Media Queries */

@media screen and (max-width: 991px) and (min-width: 768px) {
    /* .palace-2025 .swiper-hero {
        margin-bottom: -40px !important;
    } */
    .palace-205 .main-menu-option {
        margin-left: 50px !important;
    }
}

@media screen and (min-width: 1200px) {
    .palace-2025 .slideshow, 
    .palace-2025 .slideshow .swiper-slide img {
        height: 750px !important;
    }
}

@media screen and (max-width: 1260px) and (min-width: 991px) {
    .palace-header-2025 #logo img {
        width: 130px !important;
    }
    
    .palace-2025 #primary-menu ul > li {
        padding: 6px 10px !important;
    }
    
    #top-search {
        display: none;
    }
}

@media screen and (max-width: 1260px) {
    .palace-header-2025 #logo img {
        margin-left: 10px;
        margin: auto;
    }
    
    .palace-2025 #top-nav #open-time {
        margin-left: 10px;
    }
    .mega-menu-open.palace-2025 #top-nav #open-time {
        display: none;
    }
    .mega-menu-open.palace-2025 #top-nav #open-time {
        z-index: 200;
        position: absolute;
        width: 100%;
        display: block !important;
        top: 100px;
        margin: 0;
        padding: 0 !important;
        text-align: center;
        font-size: 22px !important;
    }
    .palace-2025 #palace-notification {
        width: calc(100% - 390px);
    }
    
    /* SUB NAV FIX */
    .palace-2025.brand-palace #page-menu {
        top: 90px !important;
    }
    
    .palace-2025 #mega-menu {
        top: 58px !important;
        padding: 0 20px;
    }
    
    .palace-2025 #primary-menu {
        padding-top: 12px !important;
    }
    
    .palace-2025 #primary-menu ul {
        padding: 0 10px !important;
    }
    
    .palace-2025 #primary-menu ul > li#book-tickets-5431 {
        padding: 5px 20px !important;
    }
}

@media screen and (max-width: 1050px) {
    /* Placeholder for future styles */
}

@media screen and (max-width: 991px) {
    .palace-2025 #book-tickets-5431 {
        display: none !important;
    }
    .palace-header-2025 #logo {
        max-width: calc(100% - 200px);
    }
    
    .mega-menu-open.palace-2025 #top-search {
        display: block !important;
    }
    .palace-2025 #mobile-book {
        display: block !important;
    }
    .mega-menu-open.palace-2025 #mobile-book {
        display: none !important;
    }
    .palace-2025 #top-search form {
        top: 100px;
    }
    .top-search-open.palace-2025 #logo {
        opacity: 1;
    }
    .palace-2025 #main-menu, .palace-2025 #main-menu > .container {
        padding: 0 !important;
    }
    .palace-2025 #primary-menu .main-menu-option:not(#book-tickets-5431) a {
        font-size: 28px !important;
        font-weight: 500 !important;
        color: white !important;
        width: fit-content !important;
    }
    .mega-menu-open.palace-2025 #primary-menu:not(.not-dark) ul li#book-tickets-5431 {
        display: block !important;
        border-top: 2px solid white !important;
        text-align: center !important;
        padding: 0px 20px !important;
        margin-top: 10px !important;
        width: 80%;
        margin-left: 10% !important;
        /* bottom: 350px;
        position: fixed; */
        font-size: 35px !important;
    }
    
    .palace-2025 .mega-menu-parent .row {
        width: 100%;
        margin: 0;
        min-height: 350px;
    }

    .mega-menu-open .menu-icon span:nth-child(1){
        transform: rotate(45deg) translateY(7px) translateX(7px)
    }    
    .mega-menu-open .menu-icon span:nth-child(2){
        opacity: 0;
    }
    .mega-menu-open .menu-icon span:nth-child(3){
        transform: translateY(-10px) rotate(135deg);
    }
    
    
    .parent-menu-open.mega-menu-open .menu-icon span:nth-child(1){
        transform: rotate(30deg) translateY(15px) translateX(9px);
        width: 25px;
    }    
    .parent-menu-open.mega-menu-open .menu-icon span:nth-child(2){
        opacity: 0;
    }
    .parent-menu-open.mega-menu-open .menu-icon span:nth-child(3){
        transform: translateY(-15px) rotate(150deg);
        width: 25px;
    }
    
    .palace-2025 #primary-menu {
        padding-top: 35px !important;
        display: none;
    }
    .palace-2025 #mega-menu {
        background: transparent !important;
    }
    .palace-2025 .mega-menu-children {
        background: #003d4c !important;
    }
    
    .mega-menu-open.palace-2025 #primary-menu, 
    .mega-menu-open.palace-2025 #primary-menu ul {
        display: block !important;
        height: 100vh;
    }
    .slideshow .swiper-slide-text {
        margin: auto !important;
    }
}

@media screen and (max-width: 768px) {
    .palace-2025 .parent-button, 
    .palace-2025 .parent-description {
        display: none;
    }
    .palace-2025 #main-menu {
        height: 60px;
    }
    
    .palace-2025.parent-menu-open .main-menu-option {
        opacity: 0 !important;
    }
    
    .palace-2025 .mega-menu-child-option a, 
    .palace-2025 .mega-menu-child-option p {
        color: var(--white) !important;
        font-size: 24px !important;
        line-height: 2 !important;
    }
    
    .palace-2025 .mega-menu-parent {
        padding: 60px 0px;
    }
    
    .palace-2025 .mega-menu-parent-column {
        padding: 20px 0px 0px 30px !important;
    }
    
    .palace-2025 .mega-menu-child-options {
        padding: 0px 0px 30px 0 !important;
    }
    
    .palace-2025 #mega-menu {
        padding: 0 !important;
    }
    
    .palace-2025.brand-palace #header-wrap {
        height: 60px !important;
    }
    
    .palace-2025.brand-palace #header-wrap > .container {
       background: #003d4cee !important;
       max-height: 60px;
    }
    
    .mega-menu-open #header-wrap > .container {
        max-height: none !important;
    }
    
    .palace-2025 #primary-menu li:not(#book-tickets-5431) {
        font-size: 24px;
    }
    
    .palace-2025 #header {
        height: 90px !important;
    }
    
    .palace-header-2025 #logo img {
        width: 140px !important;
    }
    
    .palace-2025 #primary-menu {
        padding: 0;
    }
    
    .palace-2025 #message {
        display: block !important;
        padding: 0 !important;
    }
    
    .palace-2025 #open-time, 
    .palace-2025 #top-nav a.top-nav-button-text, 
    .palace-2025 #top-nav img {
        display: none !important;
    }

    
    .palace-2025 #primary-menu-trigger {
        top: 5px;
        left: unset;
        right: 20px;
    }
    
    .palace-2025 #top-search {
        display: none;   
    }
    
    .palace-2025 #top-search a {
        margin: 20px 0;
        font-size: 24px;
    }
    
    .palace-2025 #palace-notification {
        width: 100% !important;
    }
    
    .palace-2025 .top-nav-button-text {
        font-size: 18px !important;
    }
    
    .palace-2025 #wrapper .swiper-hero { 
        top: 90px !important;
        margin-bottom: 80px !important;
    }
    .palace-2025 .slideshow .swiper-slide-text {
        margin: auto !important;
    }
    .palace-2025 .slideshow .swiper-slide-text h1, .palace-2025 .slideshow .swiper-slide-text h2 {
        margin: 0px auto 5px !important;
    }
    .palace-2025 .large-box img {
        height: 330px !important;
    }
    .palace-2025.top-search-open #top-search a i.icon-line-cross {
        display: none !important;
    }
    .palace-2025.top-search-open #header-wrap #logo {
        opacity: 1 !important;
    }
    .palace-2025 .slideshow .swiper-slide-text p {
        margin: 0 auto !important;
        display: block !important;
        max-width: 95% !important;
    }
    .palace-2025 .slideshow .swiper-slide-text {
        padding-top: 20px !important;
    }
    
    .palace-2025 h2 {
        font-size: 28px;
    }
    
    .palace-2025 .mega-menu-image {
        display: none;
    }
    
    .mega-menu-open .palace-2025 #top-nav #open-time {
        display: block !important;
        position: absolute !important;
        top: 100px !important;
        z-index: 10000 !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .palace-2025 .mega-menu-parent .row {
        background: transparent !important;
        border: 0px solid black !important;
        box-shadow: unset !important;
    }
    .palace-2025 .mega-menu-parent-column, .palace-2025 .mega-menu-child-options {
        background: transparent !important;
    }
}


.display-Desktop, .display-All {
    display: list-item;
}
.display-Mobile {
    display: none;
}
@media screen and (max-width: 991px){
    .display-Desktop {
        display: none;
    }
    .display-Mobile, .display-All {
        display: list-item;
    }
}

/* Mobile fix */
/* Lock body scroll when mobile menu is open */
body.mega-menu-open {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  top: 0;
}

/* Ensure menu overlay is fully opaque on mobile so background bleed-through doesn't confuse users */
@media (max-width: 991px) {
  .palace-2025 #main-menu {
    background: rgba(0, 61, 76, 0.95);
  }
}
</style>
<header id="header" class="palace-header-2025 transparent-header dark no-sticky clearfix brand-palace-bkg">
  <div id="top-nav">
    <div id="top-nav-wrapper">
      <a href="visitus/opening-times/" id="open-time" class="top-nav-button-text hide">Open 10.00 - 17.30</a>
      
          <div id="palace-notification">
            <p id="message" class="top-nav-button-text">
              <span></span>
            </p>
          </div>
      
        <a href="https://shop.blenheimpalace.com" class="top-nav-button-text">Shop</a>
        <a href="https://booking.blenheimpalace.com/profile-overview" class="top-nav-button-text">Account</a>
        <img src="/images/flags/United-Kingdom.png" style="margin-left: 5px;" alt="English" width="30" height="30"  type="button" data-toggle="canvas" data-target="#bs-canvas-right" aria-expanded="false" aria-controls="bs-canvas-right">    
    </div>
  </div>
  
  <div id="header-wrap" class="brand-palace-bkg">
    <div class="container-fluid" id="main-menu">
    <div class="container clearfix">
      <button class="navbar-toggler d-lg-none d-xl-none menu-toggle-button" id="mobile-menu">
        <span class="menu-icon">
          <span></span>
          <span></span>
          <span></span>
        </span>
      </button>

      <div id="logo">
        <a href="/" class="standard-logo">
          <img src="/brand/BlenheimPalaceLogo.svg" alt="Blenheim Palace">
        </a>
        <a href="/" class="retina-logo">
          <img src="/brand/BlenheimPalaceLogo.svg" alt="Blenheim Palace">
        </a>
      </div>
        
      <a id="mobile-book" href="https://www.blenheimpalace.com/tickets/" class="btn text-white mx-3 mt-2 flex-grow-1">Book</a>

      <nav id="primary-menu">
        <ul>
          <li class="main-menu-option" id="plan-your-visit-5237" >
    <a href="https://www.blenheimpalace.com/visitus/">
        Visit Us
    </a>
</li>
<li class="main-menu-option" id="whats-on-5238" >
    <a href="https://www.blenheimpalace.com/whats-on/">
        What's On
    </a>
</li>
<li class="main-menu-option" id="adventure-play-5239" >
    <a href="https://www.blenheimpalace.com/adventure-play/">
        Adventure Play
    </a>
</li>
<li class="main-menu-option" id="our-estate-5377" >
    <a href="https://www.blenheimpalace.com/estate/">
        Our Estate
    </a>
</li>
<li class="main-menu-option" id="restoration-5240" >
    <a href="https://www.blenheimpalace.com/support-us/">
        Support Us
    </a>
</li>
<li class="main-menu-option" id="book-tickets-5431" >
    <a href="https://www.blenheimpalace.com/tickets/">
        Book Tickets
    </a>
</li>
          
        </ul>
        <div style="
            display: none;
            position: absolute;
            bottom: 20px;
            left: -15px;
            z-index: 10000;
            height: 150px;
            background: #003d4c;
            width: calc(100% + 30px);">
            <a style="display:none;">Change Langauge</a>
            <a style="display:none;">Tickets & Booking</a>
        </div>
        <div id="top-search">
          <a href="#" id="top-search-trigger">
            <i class="icon-search3 text-white" title="Search the Blenheim Palace website"></i>
            <i class="icon-line-cross text-white" title="Search the Blenheim Palace website"></i>
          </a>
          <form action="search-blenheimpalace/" method="get">
            <label for="search" class="hidden">Search the Blenheim Palace website</label>
            <input type="text" name="search" id="search" class="form-control" value="" placeholder="Search.." aria-label="Search text entry">
            <input type="hidden" name="id" value="search-blenheimpalace/" />
          </form>
        </div>
      </nav>
    </div>
    </div>
    <nav id="mega-menu" style="z-index: 201;">
        <div class="container clearfix">
            <style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent plan-your-visit-5237">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/visitus/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    Visit Us
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">Plan your visit and find useful information to help your day</p>
            <a href="https://www.blenheimpalace.com/tickets/" class="main-button button-red parent-button" >Tickets & Prices</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-Desktop" id="getting-here-5242"  data-img="/assets/files/images/29.03.25-7.jpg">
    <a href="https://www.blenheimpalace.com/visitus/getting-here/">Getting Here</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="opening-times-5520"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/opening-times/">Opening Times</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="directions-5521"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/getting-here/">Directions</a>
    
</li>
<li class="mega-menu-child-option display-All" id="things-to-do-5241"  data-img="/assets/files/images/palace/exhibitions/Blueprints of Power/tnk-blenheim-palace-blueprints-of-power-(226).jpg">
    <a href="https://www.blenheimpalace.com/visitus/">Things To Do</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="cafes-and-restaurants-5522"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/cafes-restaurants/">Cafes & Restaurants</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="retreat-lodges-5524"  data-img="">
    <a href="https://www.blenheimpalace.com/lodge-retreat/">Retreat Lodges</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="the-gift-shop-5525"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/shopping/">The Gift Shop</a>
    
</li>
<li class="mega-menu-child-option display-Desktop" id="eat-shop-stay-5243"  data-img="/assets/files/images/palace/catering/new-orangery/aft-tea-24-2.jpg">
    
    <p>Eat, Shop, Stay</p>
</li>
<li class="mega-menu-child-option display-All" id="faq-5245"  data-img="/assets/files/images/palace/accessibility/mobility-impairment-image.jpg">
    <a href="https://www.blenheimpalace.com/visitus/faqs/">Frequent Questions</a>
    
</li>
<li class="mega-menu-child-option display-All" id="travel-trade-5472"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/travel-trade/">Travel Trade</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="accessibility-5523"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/accessibility/">Accessibility Guide</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children getting-here-5242" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/opening-times/" >Opening Times</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/getting-here/" >Directions</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/green-travel/" >Green Travel</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/localarea/" >Our Local Area</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children opening-times-5520" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children directions-5521" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children things-to-do-5241" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/" >All Areas & Activities</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/#Free%20with%20Annual%20Pass" >Free with an Annual Pass</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/events/discover-our-gardens-and-parkland/" >Gardens and Parkland</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/events/more-things/" >Discover More</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children cafes-and-restaurants-5522" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children retreat-lodges-5524" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children the-gift-shop-5525" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children eat-shop-stay-5243" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/cafes-restaurants/" >All Cafes & Restaurants</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/cafes-restaurants/orangery/" >The Orangery Restaurant</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/shopping/" >The Gift Shop</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/lodge-retreat/" >Blenheim Retreat Lodges</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children faq-5245" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/faqs/" >General FAQs</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/accessibility/" >Accessibility Guide</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/stories/archie-your-interactive-guide/" >Archie Interactive Guide</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/dogs/" >Visiting with Dogs</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children travel-trade-5472" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children accessibility-5523" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/park-gardens-south-lawn-aerial.ebba282e9b1bc943c5d1854c93e33658.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: 50% 50%;" alt="Visit Us Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/blnheim-summer-entertainment%20%281%29.ebba282e9b1bc943c5d1854c93e33658.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background Visit Us image">
        </div>
    </div>    
</li>
<style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent whats-on-5238">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/whats-on/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    What's On
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">Discover our wide range of upcoming events & exhibitions</p>
            <a href="https://www.blenheimpalace.com/whats-on/" class="main-button button-red parent-button" >View all Events</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-Mobile" id="all-events-and-exhibitions-5543"  data-img="/assets/files/images/palace/exhibitions/Blueprints of Power/bp-vanbrugh-blueprints-of-power-higher-res-for-page.jpg">
    <a href="https://www.blenheimpalace.com/whats-on/">All Events & Exhibitions</a>
    
</li>
<li class="mega-menu-child-option display-All" id="all-events-5246"  data-img="/assets/files/images/palace/exhibitions/Blueprints of Power/bp-vanbrugh-blueprints-of-power-higher-res-for-page.jpg">
    <a href="https://www.blenheimpalace.com/whats-on/">Upcoming Events</a>
    
</li>
<li class="mega-menu-child-option display-All" id="free-with-ap-5309"  data-img="/assets/files/images/palace/gifting-image-3.jpg">
    <a href="https://www.blenheimpalace.com/whats-on/#Free%20with%20Annual%20Pass">Free with Annual Pass</a>
    
</li>
<li class="mega-menu-child-option display-All" id="family-activities-5248"  data-img="/assets/files/images/adventure-play/winter/pip-and-posy-web-350x250.jpg">
    <a href="https://www.blenheimpalace.com/whats-on/#Family%20Friendly">Family Activities</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children all-events-and-exhibitions-5543" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children all-events-5246" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/" >All Events & Exhibitions</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="/assets/files/images/palace/exhibitions/Blueprints of Power/flowershowblen-19-(1).jpg">
    <a href="https://www.blenheimpalace.com/whats-on/events/flower-show/" >Blenheim Palace Flower Show</a>
    <p>Friday 19th - Sunday 21st June</p>
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children free-with-ap-5309" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/events/family-treasures-collection/" >Family Treasures Collections</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/events/life-below-stairs/" >Life Below Stairs</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/" >All Included Events</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children family-activities-5248" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/pip-and-posy/" >Pip & Posy</a>
    <p>Now open in Adventure Play</p>
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/whats-on/#Family%20Friendly" >All Family Events</a>
    
    
    
</li>

            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/food-fest-4.232a3bd9d63180df39909bcb3ee278f5.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: 50% 50%;" alt="What's On Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/FlowerShowBlen-90.d6c7702fc3943c30e170ec58ee7752ba.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background What's On image">
        </div>
    </div>    
</li>
<style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent adventure-play-5239">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/adventure-play/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    Adventure Play
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">Explore a world of Adventure for the whole family</p>
            <a href="https://www.blenheimpalace.com/adventure-play/" class="main-button button-red parent-button" >Discover Adventure Play</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-All" id="start-exploring-5311"  data-img="/assets/files/images/adventure-play/adv-play-kids-playing.JPG">
    <a href="adventure-play/things-to-do/">Start Exploring</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="things-to-do-5526"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/things-to-do/">Things To Do</a>
    
</li>
<li class="mega-menu-child-option display-All" id="play-opening-times-5310"  data-img="/assets/files/images/adventure-play/dance-sessions-crop.jpg">
    <a href="adventure-play/tickets/">Opening Times</a>
    
</li>
<li class="mega-menu-child-option display-All" id="tickets-and-access-5495"  data-img="/assets/files/images/adventure-play/adv-play-toddler-zipline.JPG">
    <a href="https://www.blenheimpalace.com/adventure-play/tickets/">Tickets & Access</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="food-and-drink-5537"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/questions/">Food & Drink</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="accessibility-guide-5536"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/accessibility/">Accessibility Guide</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children start-exploring-5311" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/things-to-do/" >Things To Do</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/pip-and-posy/" >Pip & Posy</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/food-and-drink/" >Food & Drink</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/questions/" >Adventure Play FAQ</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children things-to-do-5526" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children play-opening-times-5310" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/tickets/" >Summer Opening Times</a>
    <p>Open every day from 10.15 to 17.15</p>
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/accessibility/" >Quiet Play Sessions</a>
    <p>Held on the last Sunday of the month from 9.00 to 11.00am</p>
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children tickets-and-access-5495" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/palace-and-play-pass/" >Palace & Play Pass</a>
    <p>12 months access to Play</p>
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/tickets/" >Single Entry Ticket</a>
    <p>Day access to Adventure Play</p>
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/adventure-play/accessibility/" >Accessibility Guide</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children food-and-drink-5537" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children accessibility-guide-5536" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/free-play-header.0a8338ab358a0428bdc5b5d7f3527c24.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: 50% 50%;" alt="Adventure Play Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/adv-play-kids-playing.0a8338ab358a0428bdc5b5d7f3527c24.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background Adventure Play image">
        </div>
    </div>    
</li>
<style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent our-estate-5377">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/estate/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    Our Estate
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">Learn about our work across the Blenheim Estate</p>
            <a href="https://www.blenheimpalace.com/estate/" class="main-button button-red parent-button" >Explore the Estate</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-All" id="the-great-estate-5379"  data-img="/assets/files/images/estate/land/bluebells-trees-land.jpg">
    <a href="https://www.blenheimpalace.com/estate/">The Great Estate</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="our-community-5544"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/community/">Our Community</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="land-strategy-5545"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/strategy/">Land Strategy</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="estate-teams-5546"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/teams/">Estate Teams</a>
    
</li>
<li class="mega-menu-child-option display-All" id="gardens-and-parkland-5378"  data-img="/assets/files/images/palace/picnic.jpg">
    <a href="https://www.blenheimpalace.com/visitus/what-to-do/gardens-and-parkland/">Gardens & Parkland</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="blenheim-estate-homes-5460" target="_blank" data-img="">
    <a href="https://www.blenheimestate.com/">Blenheim Estate Homes</a>
    
</li>
<li class="mega-menu-child-option display-Desktop" id="estate-property-5455" target="_blank" data-img="/assets/files/images/estate/property/blenheim-estate-homes-rent-let-2.jpg">
    <a href="https://www.blenheimestate.com/">Estate Property</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children the-great-estate-5379" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/community/" >Our Community</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/strategy/" >Land Strategy</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/estate/teams/" >Estate Teams</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children our-community-5544" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children land-strategy-5545" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children estate-teams-5546" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children gardens-and-parkland-5378" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/about-us/world-heritage-site/" >World Heritage Site</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/wellness-walks/" >Wellness Walks</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children blenheim-estate-homes-5460" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children estate-property-5455" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child" target="_blank" data-img="">
    <a href="https://www.blenheimestate.com/" >Blenheim Estate Homes</a>
    <p>Discover our high-quality homes, portfolio of residential, commercial and agricultural properties.</p>
    
    
</li>

            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/blenheim-estate-forestry-trees-woodland%20%288%29.0ff5751f118b93e42bd608c3209f7c89.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: top;" alt="Our Estate Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/bluebells-trees-land.08c827c0f10a6b88f48d99947a8c9c86.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background Our Estate image">
        </div>
    </div>    
</li>
<style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent restoration-5240">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/support-us/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    Support Us
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">See how your donations help us maintain the world heritage site for future generations</p>
            <a href="https://www.blenheimpalace.com/support-us/donate/" class="main-button button-red parent-button" >Make a Donation</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-All" id="support-us-5771"  data-img="/assets/files/images/palace/restoration/roof-project/blenheim-roof1.jpg">
    <a href="https://www.blenheimpalace.com/support-us/">Support Us</a>
    
</li>
<li class="mega-menu-child-option display-All" id="above-and-beyond-5402"  data-img="/assets/files/images/palace/restoration/roof-project/roof-new-images-aimee.jpg">
    <a href="https://www.blenheimpalace.com/restoration/">Roof Restoration</a>
    
</li>
<li class="mega-menu-child-option display-All" id="restoration-5381"  data-img="/assets/files/images/palace/restoration/restoration-1.jpg">
    <a href="https://www.blenheimpalace.com/restoration/">Restoration Projects</a>
    
</li>
<li class="mega-menu-child-option display-All" id="our-goals-5382"  data-img="/assets/files/images/blenheim/community/charity/yellow-submarine-palace.jpg">
    <a href="https://www.blenheimpalace.com/about-us/our-goals/">Our Goals</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="sustainability-5530"  data-img="">
    <a href="https://www.blenheimpalace.com/sustainability">Sustainability</a>
    
</li>
<li class="mega-menu-child-option display-Mobile" id="charity-and-community-5531"  data-img="">
    <a href="https://www.blenheimpalace.com/sustainability">Charity & Community</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children support-us-5771" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/support-us/living-landscape/" >Caring for a living landscape</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/support-us/remember-blenheim-palace.html" >Remember Us In Your Will</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/support-us/purpose-and-commitment/" >Our Purpose</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/support-us/contact-form/" >Contact Philanthropy Team</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children above-and-beyond-5402" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/" >Above & Beyond</a>
    <p>This monumental £12 million undertaking aims to preserve Britain’s Greatest Palace’s historic architecture</p>
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children restoration-5381" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/projects/history-of-the-orangery.html" >The Orangery</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/projects/lake-dredge.html" >Lake Dredge</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/projects/walled-garden-walls.html" >The Walled Garden</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/projects/clock-tower-restoration.html" >The Clock Tower</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/restoration/" >All Restoration Projects</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children our-goals-5382" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/sustainability" >Sustainability</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/community/" >Charity Projects</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/about-us/our-goals/" >All 10 Year Goals</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children sustainability-5530" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children charity-and-community-5531" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                
            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/5.2be247b1226df625b48f3235bddff43a.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: 50% 50%;" alt="Support Us Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/roof-new-images-aimee.2be247b1226df625b48f3235bddff43a.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background Support Us image">
        </div>
    </div>    
</li>
<style>
    .mega-menu-child-options {
        padding: 20px 0px;
        border-right: 1px solid #ffffff11;
        background: #003d4c;
    }
    .mega-menu-child-options:first-of-type {
        padding: 40px 0px;
    }
    .mega-menu-splash-image {
        padding: 0;
    }
    .mega-menu-splash-image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        filter: sepia(0.7) opacity(0.4) hue-rotate(150deg) contrast(0.4);
    }
    .mega-menu-image {
        display: none;
    }
    .close-parent-menu {
        display: none;
    }
    @media screen and (max-width: 1200px){
        .mega-menu-splash-image {
            display: none !important;
        }
        .close-parent-menu {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: white;
            font-size: 30px;
            font-weight: 500;
            border-width: 0px;
        }
    }
    @media screen and (max-width:991px){
        .mega-menu-child-options {
            padding: 0 !important;
        }
    }

</style>

<li class="mega-menu-parent book-tickets-5431">
    <div class="row" style="background: #003d4ca6 !important;">
        <div class="col-lg-4 col-xl-3 mega-menu-parent-column" style="padding: 20px 0px 20px 30px; background: #003d4c;">
            <a href="https://www.blenheimpalace.com/tickets/">
                <h3 style="width: fit-content; padding-right: 50px; max-width: 100%; font-size: 24px; font-weight: 600; border-bottom: 1px solid #ffffff33; padding-bottom: 10px; margin-bottom: 15px;">
                    Discover Blenheim
                </h3>
            </a>
            <!-- <button class="close-parent-menu">✕</button> -->
            <p class="parent-description" style="color:#ffffffbb; margin-bottom: 35px;">Select an entry ticket and start your adventure at Blenheim Palace</p>
            <a href="https://www.blenheimpalace.com/tickets/" class="main-button button-red parent-button" style="background: transparent !important;">Compare Entry Tickets</a>
        </div>
        
        <div class="col-lg-4 col-xl-3 mega-menu-child-options">
            <ul>
                <li class="mega-menu-child-option display-Mobile" id="all-tickets-5371"  data-img="">
    <a href="https://www.blenheimpalace.com/tickets/">All Tickets & Passes</a>
    
</li>
<li class="mega-menu-child-option display-Desktop" id="palace-and-gardens-5376"  data-img="/assets/files/images/palace/tulips.jpg">
    <a href="https://www.blenheimpalace.com/tickets">Palace & Gardens Pass</a>
    
</li>
<li class="mega-menu-child-option display-Desktop" id="annual-pass-5456"  data-img="/assets/files/images/adventure-play/adv-play-kids-playing.JPG">
    <a href="https://www.blenheimpalace.com/tickets">Palace & Play Pass</a>
    
</li>
<li class="mega-menu-child-option display-All" id="gift-vouchers-5506"  data-img="">
    <a href="https://www.blenheimpalace.com/tickets/gift-vouchers/">Gift Vouchers</a>
    
</li>
<li class="mega-menu-child-option display-All" id="groups-and-education-5331"  data-img="/assets/files/images/palace/accessibility/hearing-impairments.jpg">
    <a href="https://www.blenheimpalace.com/visitus/travel-trade/">Groups & Education</a>
    
</li>
            </ul>
        </div>
        
                <div class="col-lg-4 col-xl-3 mega-menu-children all-tickets-5371" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Palace & Gardens Pass</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Palace & Play Pass</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Compare Tickets & Passes</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children palace-and-gardens-5376" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Enjoy the Palace & Gardens</a>
    <p>Buy a day pass and get 12 months entry to the Palace, Park, Gardens and a wide selection of events.</p>
    
        <a href="https://booking.blenheimpalace.com/booking-widget/product/P-PPG-AP" class="main-button button-red" style="margin-right: 5px;">Buy Now</a>
    
    
        <a href="https://www.blenheimpalace.com/tickets-booking/tickets/" class="main-button second-button button-clear">Learn more</a>
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children annual-pass-5456" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Explore the Palace & Play</a>
    <p>Enjoy all Palace & Garden pass benefits as well as entry to our Adventure Play for a whole year.</p>
    
        <a href="https://booking.blenheimpalace.com/booking-widget/product/P-PPG-PAP" class="main-button button-red" style="margin-right: 5px;">Buy Now</a>
    
    
        <a href="https://www.blenheimpalace.com/tickets-booking/tickets/" class="main-button second-button button-clear">Learn more</a>
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children gift-vouchers-5506" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/tickets/gift-vouchers/" >Digital Gift Vouchers</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/" >Food & Drink Vouchers</a>
    
    
    
</li>

            </ul>
        </div>

        <div class="col-lg-4 col-xl-3 mega-menu-children groups-and-education-5331" style=" padding: 20px 0px; background: #ffffff08;">
            <ul>
                <li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/travel-trade/groups/" >Group Bookings</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/education/onsite-learning/" >Educational Visits</a>
    
    
    
</li>

<li class="mega-menu-child"  data-img="">
    <a href="https://www.blenheimpalace.com/visitus/travel-trade/tours-and-experiences/" >Special Tours & Experiences</a>
    
    
    
</li>

            </ul>
        </div>


        <div class="col-6 mega-menu-splash-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/palace-tours-resized.b1b479536418def409ee28caf453ff2d.jpg" style="height: 100%; object-fit: cover; width: 100%; object-position: 50% 50%;" alt="Book Tickets Image">
        </div>
        
        <div class="col-3 mega-menu-image" style="height: 250px;">
            <img src="/assets/components/phpthumbof/cache/tulips.29a768f2784b40080cb3697a4222b2b5.jpg" style="height: 100%; width: 100%; object-fit: cover;" alt="Faded background Book Tickets image">
        </div>
    </div>    
</li> 
        </div>
    </nav>
  </div>
</header>

<div id="bs-canvas-right" class="language-select bs-canvas bs-canvas-right position-fixed h-100" style="background-color: #003d4ccc;">
    <header class="bs-canvas-header p-3 overflow-auto">
        <h4 class="d-inline-block text-light mb-0">Select Language</h4>
    </header>
    <div class="bs-canvas-content px-3 py-1">
        <ul>
		  <li>
			 <a href="https://www.blenheimpalace.com/">
			 <img loading="lazy" src="/images/flags/United-Kingdom.png" alt="British Flag" width="30" height="30"> &nbsp;English</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/nl/">
			 <img loading="lazy" src="/images/flags/Netherlands.png" alt="Dutch Flag" width="30" height="30"> &nbsp;Nederlands</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/cn/">
			 <img loading="lazy" src="/images/flags/China.png" alt="Chinese Flag" width="30" height="30"> &nbsp;普通话</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/de/">
			 <img loading="lazy" src="/images/flags/Germany.png" alt="German Flag" width="30" height="30"> &nbsp;Deutsch</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/es/">
			 <img loading="lazy" src="/images/flags/Spain.png" alt="Spanish Flag" width="30" height="30"> &nbsp;Español</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/fr/">
			 <img loading="lazy" src="/images/flags/France.png" alt="French Flag" width="30" height="30"> &nbsp;Français</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/it/">
			 <img loading="lazy" src="/images/flags/Italy.png" alt="Italian Flag" width="30" height="30"> &nbsp;Italiano</a>
		  </li>
		  <li>
			 <a href="https://www.blenheimpalace.com/jp/">
			 <img loading="lazy" src="/images/flags/Japan.png" alt="Japanese Flag" width="30" height="30"> &nbsp;日本語</a>
		  </li>
	    </ul>
    </div>
</div>
<!--<div class="canvas-fade"></div>-->
<script>
    /**
     * Blenheim Palace Navigation Module
     * Modular pattern for encapsulating menu functionality
     */
    const BlenheimNav = (function() {
        // Private variables
        let menuOpen = false;
        let childOpen = false;
        let hoveringHeader = false;
        let resizeTimer;
        
        // Element cache storage
        const elements = {
            header: null,
            megaMenu: null,
            mainMenuOptions: null,
            megaMenuParents: null,
            megaMenuChildrenOptions: null,
            megaMenuChildren: null,
            megaMenuChild: null,
            mobileMenuButton: null,
            overlays: null,
            canvasTriggers: null,
            canvasCloseButtons: null
        };
        
        /**
         * Debounce function to limit execution frequency
         * @param {Function} func - Function to debounce
         * @param {number} wait - Wait time in milliseconds
         * @return {Function} - Debounced function
         */
        const debounce = (func, wait = 100) => {
            let timeout;
            return function(...args) {
                clearTimeout(timeout);
                timeout = setTimeout(() => func.apply(this, args), wait);
            };
        };
        
        /**
         * Initialize and cache DOM elements
         */
        const cacheElements = () => {
            try {
                elements.header = document.getElementById('header');
                elements.megaMenu = document.getElementById('mega-menu');
                elements.mainMenuOptions = document.querySelectorAll('.main-menu-option');
                elements.megaMenuParents = document.querySelectorAll('.mega-menu-parent');
                elements.megaMenuChildrenOptions = document.querySelectorAll('.mega-menu-child-option');
                elements.megaMenuChildren = document.querySelectorAll('.mega-menu-children');
                elements.megaMenuChild = document.querySelectorAll('.mega-menu-child');
                elements.mobileMenuButton = document.getElementById('mobile-menu');
                elements.overlays = document.querySelectorAll('.bs-canvas-overlay');
                elements.canvasTriggers = document.querySelectorAll('[data-toggle="canvas"]');
                elements.canvasCloseButtons = document.querySelectorAll('.bs-canvas-close');
                
                // Set ARIA attributes for accessibility
                elements.mainMenuOptions.forEach(el => {
                    el.setAttribute('aria-haspopup', 'true');
                    el.setAttribute('role', 'menuitem');
                });
                
                if (elements.megaMenu) {
                    elements.megaMenu.setAttribute('role', 'menu');
                }
                
                if (elements.mobileMenuButton) {
                    elements.mobileMenuButton.setAttribute('aria-expanded', 'false');
                    elements.mobileMenuButton.setAttribute('aria-label', 'Toggle navigation menu');
                }
            } catch (error) {
                console.error('Error caching DOM elements:', error);
            }
        };
        
        /**
         * Handle mouse enter event for menu items with debounce
         * @param {Event} event - The mouse enter event
         */
        const handleMouseEnter = debounce((event) => {
            try {
                event.preventDefault()
                const target = event.target;
                const allClasses = target.classList;
                const elementId = target.id;
                const isMainMenuOption = allClasses.contains('main-menu-option');
                const isMegaMenuChild = allClasses.contains('mega-menu-child');
                const menuOption = document.querySelector('.' + elementId);
                
                childOpen = true;
                
                if (isMainMenuOption) {
                    document.body.classList.add("parent-menu-open")
                    
                    // Handle main menu option hover
                    const targetImageContainer = menuOption?.querySelector('.mega-menu-image');
                    const targetSplashImageContainer = menuOption?.querySelector('.mega-menu-splash-image');
                    targetImageContainer.style.display = "none";
                    if(window.innerWidth > 1200){
                        targetSplashImageContainer.style.display = "block";
                    }
                    if (targetImageContainer) {
                        targetImageContainer.style.opacity = 0;
                    }
                    
                    // Show mega menu
                    showMegaMenu();
                    
                    
                    // Set ARIA attributes for accessibility
                    target.setAttribute('aria-expanded', 'true');
                    
                    // Hide all parent items
                    elements.megaMenuParents.forEach(element => {
                        element.style.display = 'none';  
                    });
                    
                    // Show the current option
                    if (menuOption) {
                        menuOption.style.display = 'block';
                    }
                    
                    // Hide all children
                    elements.megaMenuChildren.forEach(element => {
                        element.style.display = 'none';  
                    });
                    
                    // Remove active class from all child options
                    elements.megaMenuChildrenOptions.forEach(element => {
                        element.classList.remove("active");
                        element.setAttribute('aria-selected', 'false');
                    });
                    
                } else if (isMegaMenuChild) {
                    // Handle mega menu child hover
                    // Currently just a placeholder for future functionality
                } else {
                    // Handle mega menu child option hover
                    handleChildOptionHover(target, menuOption);
                }
            } catch (error) {
                console.error('Error in handleMouseEnter:', error);
            }
        }, 50); // 50ms debounce
        
        /**
         * Handle child option hover event
         * @param {HTMLElement} target - The hovered element
         * @param {HTMLElement} menuOption - The menu option element
         */
        const handleChildOptionHover = (target, menuOption) => {
            try {
                const parent = target.closest('.mega-menu-parent');
                let imageParentClass;
                
                const targetSplashImageContainer = parent?.querySelector('.mega-menu-splash-image');
                console.log(targetSplashImageContainer)
                targetSplashImageContainer.style.display = "none";

                if (parent) {
                    // Find the class ending with 3-4 digits using regex
                    imageParentClass = Array.from(parent.classList).find(cls =>
                        /\d{3,4}$/.test(cls)
                    );
                }
                
                if (imageParentClass) {
                    if(window.innerWidth > 1200){
                        updateMenuImage(imageParentClass, target);
                    }
                }
                
                // Hide all children
                elements.megaMenuChildren.forEach(element => {
                    element.style.display = 'none';  
                });
                
                // Show the current option
                if (menuOption && window.innerWidth > 1200) {
                    menuOption.style.display = 'block';
                }
                
                // Update active state and ARIA attributes
                elements.megaMenuChildrenOptions.forEach(element => {
                    element.classList.remove("active");
                    element.setAttribute('aria-selected', 'false');
                });
                
                target.classList.add("active");
                target.setAttribute('aria-selected', 'true');
            } catch (error) {
                console.error('Error in handleChildOptionHover:', error);
            }
        };
        
        /**
         * Update the menu image based on hover
         * @param {string} imageParentClass - The parent class for finding the image
         * @param {HTMLElement} target - The hovered element
         */
        const updateMenuImage = (imageParentClass, target) => {
            const targetImageContainer = document.querySelector('.' + imageParentClass + ' .mega-menu-image');
            
            if (targetImageContainer) {
                targetImageContainer.style.display = "block";
                targetImageContainer.style.opacity = 1;
                
                const targetImage = document.querySelector('.' + imageParentClass + ' .mega-menu-image img');
                
                // Use dataset for image source instead of getAttribute
                const newImageSrc = target.dataset.img || target.getAttribute('data-img');
                
                if (newImageSrc && targetImage) {
                    loadImageAndReplace(newImageSrc, targetImage);
                }
            }
        };
        
        /**
         * Close the child menu
         */
        const closeChild = () => {
            if (elements.megaMenu) {
                elements.megaMenu.style.display = "none";
                childOpen = false;
                
                // Reset ARIA expanded states
                elements.mainMenuOptions.forEach(item => {
                    item.setAttribute('aria-expanded', 'false');
                });
            }
        };
        
        /**
         * Show the mega menu
         */
        const showMegaMenu = () => {
            if (elements.megaMenu) {
                elements.megaMenu.style.display = 'block';
                elements.megaMenu.style.opacity = 1;
            }
            
        };
        
        /**
         * Close the mega menu if not hovering header
         */
        const closeMegaMenu = debounce(() => {
            if (!hoveringHeader && elements.megaMenu) {
                elements.megaMenu.style.display = 'none';
                elements.megaMenu.style.opacity = 0;
                
                // Reset ARIA expanded states
                elements.mainMenuOptions.forEach(item => {
                    item.setAttribute('aria-expanded', 'false');
                });
            }
        }, 150); // 150ms debounce to prevent flicker
        
        /**
         * Load and replace an image with optimized approach
         * @param {string} src - The source URL of the new image
         * @param {HTMLImageElement} targetImage - The image element to replace
         */
        const loadImageAndReplace = (src, targetImage) => {
            // Use IntersectionObserver to only load when visible
            if ('IntersectionObserver' in window) {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            const img = new Image();
                            img.onload = () => {
                                requestAnimationFrame(() => {
                                    targetImage.src = src;
                                });
                            };
                            img.onerror = () => {
                                console.error(`Failed to load image: ${src}`);
                            };
                            img.src = src;
                            observer.disconnect();
                        }
                    });
                });
                observer.observe(targetImage);
            } else {
                // Fallback for browsers without IntersectionObserver
                const img = new Image();
                img.onload = () => {
                    requestAnimationFrame(() => {
                        targetImage.src = src;
                    });
                };
                img.onerror = () => {
                    console.error(`Failed to load image: ${src}`);
                };
                img.src = src;
            }
        };
        
        /**
         * Toggle the mobile menu
         */
        const toggleMobileMenu = () => {
            try {
                if (childOpen) {
                    document.body.classList.remove("parent-menu-open")
                    closeChild();
                } else {
                    menuOpen = !menuOpen;
                    document.body.classList.toggle("mega-menu-open", menuOpen);
        
                    // Lock/unlock body scroll when menu is open
                    if (menuOpen) {
                        document.documentElement.style.overflow = 'hidden';
                        document.body.style.overflow = 'hidden';
                    } else {
                        document.documentElement.style.overflow = '';
                        document.body.style.overflow = '';
                    }
        
                    // Update ARIA attributes
                    if (elements.mobileMenuButton) {
                        elements.mobileMenuButton.setAttribute('aria-expanded', menuOpen.toString());
                    }
                }
            } catch (error) {
                console.error('Error toggling mobile menu:', error);
            }
        };
        
        /**
         * Handle canvas opening
         * @param {Event} event - The click event
         */
        const openCanvas = (event) => {
            try {
                event.preventDefault();
                const trigger = event.currentTarget;
                const selector = trigger.dataset.target;
                const canvas = document.querySelector(selector);
                
                if (!canvas) return;
                
                // slide it in
                canvas.classList.add('mr-0');
                
                // set aria-expanded on the close button inside it
                const closeBtn = canvas.querySelector('.bs-canvas-close');
                if (closeBtn) {
                    closeBtn.setAttribute('aria-expanded', 'true');
                }
                
                // set aria-expanded on any matching toggles
                document.querySelectorAll(`[data-target="${selector}"], a[href="${selector}"]`)
                    .forEach(el => el.setAttribute('aria-expanded', 'true'));
                
                // show overlay
                elements.overlays.forEach(o => o.classList.add('show'));
            } catch (error) {
                console.error('Error opening canvas:', error);
            }
        };
        
        /**
         * Handle canvas closing via close button
         * @param {Event} event - The click event
         */
        const closeCanvasViaButton = (event) => {
            try {
                event.preventDefault();
                const btn = event.currentTarget;
                const canvas = btn.closest('.bs-canvas');
                
                if (!canvas || !canvas.id) return;
                
                const selector = `#${canvas.id}`;
                
                canvas.classList.remove('mr-0');
                btn.setAttribute('aria-expanded', 'false');
                
                document.querySelectorAll(`[data-target="${selector}"], a[href="${selector}"]`)
                    .forEach(el => el.setAttribute('aria-expanded', 'false'));
                    
                elements.overlays.forEach(o => o.classList.remove('show'));
            } catch (error) {
                console.error('Error closing canvas via button:', error);
            }
        };
        
        /**
         * Handle canvas closing via overlay
         * @param {Event} event - The click event
         */
        const closeCanvasViaOverlay = (event) => {
            try {
                event.preventDefault();
                
                // hide all canvases
                document.querySelectorAll('.bs-canvas').forEach(canvas => {
                    canvas.classList.remove('mr-0');
                    const cb = canvas.querySelector('.bs-canvas-close');
                    if (cb) cb.setAttribute('aria-expanded', 'false');
                });
                
                // reset all toggles
                document.querySelectorAll('[data-toggle="canvas"]').forEach(el => {
                    el.setAttribute('aria-expanded', 'false');
                });
                
                // hide overlay
                elements.overlays.forEach(o => o.classList.remove('show'));
            } catch (error) {
                console.error('Error closing canvas via overlay:', error);
            }
        };
        
        /**
         * Handle keyboard navigation for accessibility
         * @param {Event} event - The keydown event
         */
        const handleKeyboardNavigation = (event) => {
            if (event.key === 'Escape') {
                if (childOpen) {
                    closeChild();
                }
        
                // Close mobile menu if open
                if (menuOpen) {
                    menuOpen = false;
                    document.body.classList.remove("mega-menu-open");
                    document.documentElement.style.overflow = '';
                    document.body.style.overflow = '';
                    if (elements.mobileMenuButton) {
                        elements.mobileMenuButton.setAttribute('aria-expanded', 'false');
                    }
                }
        
                // Close canvas menu if open
                document.querySelectorAll('.bs-canvas.mr-0').forEach(canvas => {
                    canvas.classList.remove('mr-0');
                    elements.overlays.forEach(o => o.classList.remove('show'));
                });
            }
        };
        
        /**
         * Handle window resize events
         */
        const handleResize = debounce(() => {
            // Recalculate positions or close menus if needed
            if (window.innerWidth < 991 && childOpen) {
                closeChild();
            }
        }, 250); // 250ms debounce for resize
        
        /**
         * Add all event listeners
         */
        const bindEvents = () => {
            try {
                // Use event delegation for menu items where possible
                const menuContainer = document.querySelector('#primary-menu');
                if (menuContainer) {
                    menuContainer.addEventListener('mouseenter', (event) => {
                        if (event.target.classList.contains('main-menu-option') || 
                            event.target.closest('.main-menu-option')) {
                            handleMouseEnter(event);
                        }
                    }, { passive: true });
                }
                
                // For items that need specific listeners
                elements.mainMenuOptions.forEach(element => {
                    element.addEventListener('mouseenter', handleMouseEnter, { passive: true });
                    
                    // Add keyboard support
                    element.addEventListener('keydown', (event) => {
                        if (event.key === 'Enter' || event.key === ' ') {
                            event.preventDefault();
                            handleMouseEnter(event);
                        }
                    });
                });
                
                elements.megaMenuChildrenOptions.forEach(element => {
                    element.addEventListener('mouseenter', handleMouseEnter, { passive: true });
                    
                    // Add keyboard support
                    element.addEventListener('keydown', (event) => {
                        if (event.key === 'Enter' || event.key === ' ') {
                            event.preventDefault();
                            handleMouseEnter(event);
                        }
                    });
                });
                
                elements.megaMenuChild.forEach(element => {
                    element.addEventListener('mouseenter', handleMouseEnter, { passive: true });
                });
                
                if (elements.megaMenu) {
                    elements.megaMenu.addEventListener('mouseleave', closeMegaMenu, { passive: true });
                }
                
                if (elements.header) {
                    elements.header.addEventListener('mouseenter', () => {
                        hoveringHeader = true;
                    }, { passive: true });
                    
                    elements.header.addEventListener('mouseleave', () => {
                        hoveringHeader = false;
                        closeMegaMenu();
                    }, { passive: true });
                }
                
                // Event listener for mobile menu
                if (elements.mobileMenuButton) {
                    elements.mobileMenuButton.addEventListener('click', toggleMobileMenu);
                    console.log('Clicked!')
                }
                
                // Event listeners for canvas/offcanvas menu
                elements.canvasTriggers.forEach(trigger => {
                    trigger.addEventListener('click', openCanvas);
                });
                
                elements.canvasCloseButtons.forEach(btn => {
                    btn.addEventListener('click', closeCanvasViaButton);
                });
                
                elements.overlays.forEach(overlay => {
                    overlay.addEventListener('click', closeCanvasViaOverlay);
                });
                
                // Global keyboard and resize events
                document.addEventListener('keydown', handleKeyboardNavigation);
                window.addEventListener('resize', handleResize, { passive: true });
            } catch (error) {
                console.error('Error binding events:', error);
            }
        };
        
        /**
         * Initialize the module
         */
        const init = () => {
            cacheElements();
            bindEvents();
        };
        
        // Return public methods
        return {
            init: init
        };
    })();

    // Initialize when DOM is ready
    document.addEventListener('DOMContentLoaded', () => {
        // Initialize the navigation module
        BlenheimNav.init();
    });
</script>
		<!-- Hero Slider - $new-home-hero -->
<link rel="stylesheet" href="css3/sections/hero-slider.min.css">
<style>
    .corner-slide1 {
        background: #B2292E;
        color: white;
        font-size: 20px;
        transform: rotate(40deg);
        padding: 110px 60px 5px;
        text-align: center;
        position: absolute;
        top: -88px;
        right: -125px;
        line-height: 29px;
        font-weight: 600;
        z-index: 1000;
    }
    @media only screen and (max-width: 768px){
        .corner-slide1 {
            font-size: 18px;
            top: -55px;
            right: -120px;
            line-height: 22px;
        }
        .palace-2025 .slideshow .swiper-slide-text p {
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }
</style>
<script src="/js/swiper-bundle.9.3.2.min.js"></script>
<div class="swiper swiper-hero slideshow ">
  <div class="swiper-wrapper">
	
		<div class="swiper-slide large-box hero-slide1">
		    
    		
        		<picture>
            		<source srcset="/assets/components/phpthumbof/cache/blenheimpalace-park-and-gardens-italian-garden-%284%29.9c224ebb56499014b1cf062efe633826.webP" type="image/webp" media="(max-width: 768px)">
                    <source srcset="/assets/components/phpthumbof/cache/blenheimpalace-park-and-gardens-italian-garden-%284%29.e77fc83070840b742ae0ce6523d58434.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/blenheimpalace-park-and-gardens-italian-garden-%284%29.e6554624392f799cd4eb775f3280c570.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/blenheimpalace-park-and-gardens-italian-garden-%284%29.2b4cb986ae4977212a8716463dd92e2b.jpg" alt="What's On" width="250" height="150" style="object-position:33%; object-position: 50% 50%;">
                </picture>
			<div class="angled-bg " style="min-width:0px !important; padding: 0 150px 0 100px;">
			  <div class="swiper-slide-text animate__animatedXXX" style="max-width: px;">
				
				<h1 style="min-height:auto;">What's On</h1>
				<p>A year of fantastic events at Blenheim Palace</p>
				
			  </div>
			</div>
    		
    		
		</div>
	
	
	
	
		
			
		
		
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
<script src="/js/sections/home-hero.min.js"></script>
		
		
		
		
		
		<section id="content"><div class="content-wrap pt-5 pb-5"><div class="container clearfix">

    
        <div class="mb-4"><h4 class="primaryclr font-secondary lh-1">Our Big Events this Season</h4></div>
    

    
        <div class="clearfix">
            <ul class="portfolio-filter clearfix" data-container="#portfolio">
                <li class="activeFilter"><a href="#" data-filter="*">Show All</a></li>
                <li><a href="#" data-filter=".f-freeap">Free with Annual Pass</a></li>
                <li><a href="#" data-filter=".f-spring">Spring</a></li>
                <li><a href="#" data-filter=".f-summer">Summer</a></li>
                <li><a href="#" data-filter=".f-autumn">Autumn</a></li>
                <li><a href="#" data-filter=".f-winter">Winter</a></li>
                <li><a href="#" data-filter=".f-family">Family Friendly</a></li>
                <li><a href="#" data-filter=".f-2026">2026</a></li>
                
                
                
                
                
            </ul>
        </div>
    

    <div id="portfolio" class="portfolio grid-container  portfolio-3 row clearfix common-height">
    
    

    <!-- Resorder3 is: 994,5563,5992,5149,5317,5725,5020,5129,5734,5990,940,5283,5599,5306,4603,4792 -->
        




<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-family f-freeap     ">
	<div class="feature-box id994 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/summer/"  class="noborder">
			    <picture alt="Summer at Britain's Greatest Palace">
                    <source srcset="/assets/components/phpthumbof/cache/blenheim-palace-formal-gardens-summer-25.daa7c3294fcbb0a94f468a00a3fd514b.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/blenheim-palace-formal-gardens-summer-25.a891a3fd673762820c63c38fe8f5243a.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/blenheim-palace-formal-gardens-summer-25.a891a3fd673762820c63c38fe8f5243a.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/blenheim-palace-formal-gardens-summer-25.a891a3fd673762820c63c38fe8f5243a.jpg" alt="Summer at Britain's Greatest Palace"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/summer/"   class="font-secondary primaryclr lb-dottted lh-12">Summer at Britain's Greatest Palace</a>

			 </h2>
			 <small class="date-attr">Monday 1st June - Friday 11th September</small>
			<p>Make more of your summer at Britain’s Greatest Palace.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a pass</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a pass"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="9:30-17:30"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/summer/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalace.com/tickets/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-family f-freeap f-2026     ">
	<div class="feature-box id5563 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/flower-show/"  class="noborder">
			    <picture alt="Blenheim Palace Flower Show">
                    <source srcset="/assets/components/phpthumbof/cache/FlowerShowBlen-90.456e1beeef3e09506695cf47e0ccfe37.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/FlowerShowBlen-90.7a03c670c6cd4d9e402fb51b55ed07b8.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/FlowerShowBlen-90.7a03c670c6cd4d9e402fb51b55ed07b8.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/FlowerShowBlen-90.7a03c670c6cd4d9e402fb51b55ed07b8.jpg" alt="Blenheim Palace Flower Show"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/flower-show/"   class="font-secondary primaryclr lb-dottted lh-12">Blenheim Palace Flower Show</a>

			 </h2>
			 <small class="date-attr">Friday 19th - Sunday 21st June 2026 </small>
			<p>Join us for a weekend bursting with creativity, colour and inspiration once again at The Flower Show 2026.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a Pass or Park & Gardens ticket, no booking required for current Pass holders</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a Pass or Park & Gardens ticket, no booking required for current Pass holders"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="The Showground is open 10.00 - 17.00"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs allowed but not in the Palace, Walled Garden or Formal Gardens."><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/flower-show/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalace.com/tickets/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-2026 f-spring f-family col_last    ">
	<div class="feature-box id5992 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/fathers-day.html"  class="noborder">
			    <picture alt="Father's Day">
                    <source srcset="/assets/components/phpthumbof/cache/tnk-blenheim-palace-spring-core-56.dca2d07eb915190b9ce3ed0805a70735.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/tnk-blenheim-palace-spring-core-56.c0672dd333f059e08fa403369e2ac68f.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/tnk-blenheim-palace-spring-core-56.c0672dd333f059e08fa403369e2ac68f.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/tnk-blenheim-palace-spring-core-56.c0672dd333f059e08fa403369e2ac68f.jpg" alt="Father's Day"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/fathers-day.html"   class="font-secondary primaryclr lb-dottted lh-12">Father's Day</a>

			 </h2>
			 <small class="date-attr">Sunday 21st June</small>
			<p>This Father's Day, treat one of the most special men in your life to an unforgettable experience at Blenheim Palace.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separate costs apply</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separate costs apply"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="10.00 - 17.00"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs permitted in our Estate grounds"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/fathers-day.html" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalace.com/tickets/?_gl=1*1vae37n*_up*MQ..*_gs*MQ..&gclid=Cj0KCQjwgr_NBhDFARIsAHiUWr57sSiBpPTf6yf2UzjwM84YuRJ0RYgyXtkk4ueLirn1Xg7tfPN_InAaAkaTEALw_wcB&gbraid=0AAAAADlJrEvdEYN2DT8v_LuDn9CbkG8o8" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4      ">
	<div class="feature-box id5149 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="restoration/"  class="noborder">
			    <picture alt="The Roof Project">
                    <source srcset="/assets/components/phpthumbof/cache/roof-project.7a0532e1804d3c239656a0870e5084d3.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/roof-project.f065bede48eb711fcc588e3cb623b75d.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/roof-project.f065bede48eb711fcc588e3cb623b75d.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/roof-project.f065bede48eb711fcc588e3cb623b75d.jpg" alt="The Roof Project"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="restoration/"   class="font-secondary primaryclr lb-dottted lh-12">The Roof Project</a>

			 </h2>
			 <small class="date-attr">Learn More</small>
			<p>Learn more about our vital roof restoration project, safeguarding the heritage of Blenheim Palace for generations to come.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Discover more with a pass</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Discover more with a pass"></i>
		
		<i class="i-plain icon-gbp secondaryclr" data-toggle="tooltip" data-placement="top" title="£5,000,000"></i>
		
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="restoration/" class="button button-border button-circle button-dark">Read More</a>
		</div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-Spring f- Family Friendly f-freeap     ">
	<div class="feature-box id5317 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/armchair-talks/"  class="noborder">
			    <picture alt="Armchair Talks">
                    <source srcset="/assets/components/phpthumbof/cache/chair.aa39dfed8945be70c677b9211a04d47e.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/chair.1d4eba2b26a637bf7814aeb70118e11f.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/chair.1d4eba2b26a637bf7814aeb70118e11f.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/chair.1d4eba2b26a637bf7814aeb70118e11f.jpg" alt="Armchair Talks"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/armchair-talks/"   class="font-secondary primaryclr lb-dottted lh-12">Armchair Talks</a>

			 </h2>
			 <small class="date-attr">Tuesday 23rd June at 18.00</small>
			<p>Usually on the last Tuesday of the month, at 6pm, The Stables Café will host speakers on an array of interesting talks.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a valid Pass, £5 on the door for non pass holders</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a valid Pass, £5 on the door for non pass holders"></i>
		
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed "><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/armchair-talks/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.ticketsource.co.uk/blenheim-palace/armchair-talks-at-blenheim/2025-09-23/18:00/t-avroqak" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-2026  col_last   ">
	<div class="feature-box id5725 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/blenheim-palace-festival/"  class="noborder">
			    <picture alt="Blenheim Palace Festival">
                    <source srcset="/assets/components/phpthumbof/cache/festival-crowd-2.75926a62ddff31925e1dedd363813e29.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/festival-crowd-2.991a1f2b56b7681f51e7da62badb654e.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/festival-crowd-2.991a1f2b56b7681f51e7da62badb654e.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/festival-crowd-2.991a1f2b56b7681f51e7da62badb654e.jpg" alt="Blenheim Palace Festival"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/blenheim-palace-festival/"   class="font-secondary primaryclr lb-dottted lh-12">Blenheim Palace Festival</a>

			 </h2>
			 <small class="date-attr">Saturday 27th June - Saturday 4th July</small>
			<p>Michael Bublé, Katy Perry, Alanis Morissette, Teddy Swims and Pete Tong Ibiza Classics</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event </p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event "></i>
		
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed."><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/blenheim-palace-festival/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalacefestival.com/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-spring f-2026     ">
	<div class="feature-box id5020 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/formal-gardens-watercolour-workshops/"  class="noborder">
			    <picture alt="Formal Gardens Watercolour Workshops">
                    <source srcset="/assets/components/phpthumbof/cache/blenheim-painting.334319d3174f036a90a61a67132ecf57.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/blenheim-painting.96c3da0c04f34ba259fb413ba524fd23.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/blenheim-painting.96c3da0c04f34ba259fb413ba524fd23.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/blenheim-painting.96c3da0c04f34ba259fb413ba524fd23.jpg" alt="Formal Gardens Watercolour Workshops"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/formal-gardens-watercolour-workshops/"   class="font-secondary primaryclr lb-dottted lh-12">Formal Gardens Watercolour Workshops</a>

			 </h2>
			 <small class="date-attr">Running May - September</small>
			<p>Local artist Rod Craig will be hosting a series of watercolour workshops in our Formal Gardens from May to September.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">£35 per person and £30 for Pass holders</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="£35 per person and £30 for Pass holders"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="Starting at 11.00 "></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed "><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/formal-gardens-watercolour-workshops/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://booking.blenheimpalace.com/booking-widget/product/S-OP-PAINT?_gl=1*1i8rc6q*_gcl_aw*R0NMLjE3NDY3OTM5OTkuQ2p3S0NBand6X2JBQmhBR0Vpd0FtLVA4WWZzVE9lWmNQU19aWVAzN0xELWlGLVJNMFF5clZPOFVMVkhpMEl1M2tVejRfT0t5dDlERDV4b0NQVWtRQXZEX0J3RQ..*_gcl_au*MTE4OTAxMjYwMC4xNzQ3MDQ0NDcz*_ga*NjU3MDMxMzgyLjE3NDA3MzkxNjY.*_ga_T3HKGZ4809*czE3NDcwNDQ0NzIkbzMyNyRnMSR0MTc0NzA0NDgzMSRqNDAkbDAkaDE0NzU2OTIxNjE." class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-Autumn f-family f-2026 f-spring f-summer     ">
	<div class="feature-box id5129 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/pip-and-posy/"  class="noborder">
			    <picture alt="Pip & Posy">
                    <source srcset="/assets/components/phpthumbof/cache/pip-and-posy-autumn-web-350x250.0b86a824951bd1caccab5ea58ce3bc05.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/pip-and-posy-autumn-web-350x250.2de88d2a63cd714041ad99bafa4ffa45.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/pip-and-posy-autumn-web-350x250.2de88d2a63cd714041ad99bafa4ffa45.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/pip-and-posy-autumn-web-350x250.2de88d2a63cd714041ad99bafa4ffa45.jpg" alt="Pip & Posy"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/pip-and-posy/"   class="font-secondary primaryclr lb-dottted lh-12">Pip & Posy</a>

			 </h2>
			 <small class="date-attr">Open daily</small>
			<p><b>Free with a Palace and Play Pass:</b> Have fun at Blenheim Palace with Pip and Posy in Adventure Play.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a Palace & Play Pass </p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a Palace & Play Pass "></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="10.15-15.15"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/pip-and-posy/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalace.com/adventure-play/tickets/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-freeap f-2026   col_last  ">
	<div class="feature-box id5734 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/life-through-a-royal-lens/"  class="noborder">
			    <picture alt="Life Through a Royal Lens Exhibition">
                    <source srcset="/assets/components/phpthumbof/cache/thumbnail-image.80d48cfec1996045819ab352d4fcfc3f.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/thumbnail-image.2fef8f443d77b13f133ae1eadabfb805.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/thumbnail-image.2fef8f443d77b13f133ae1eadabfb805.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/thumbnail-image.2fef8f443d77b13f133ae1eadabfb805.jpg" alt="Life Through a Royal Lens Exhibition"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/life-through-a-royal-lens/"   class="font-secondary primaryclr lb-dottted lh-12">Life Through a Royal Lens Exhibition</a>

			 </h2>
			 <small class="date-attr">Sunday 12th July - Sunday 27th September</small>
			<p>They are one of the most photographed families in the world, with everything from state ceremonies and royal tours to deeply personal moments captured&#8230;</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a pass</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a pass"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="9.00 - 17.00"></i>
		
		
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/life-through-a-royal-lens/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.blenheimpalace.com/tickets/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-family f-autumn f-2026     ">
	<div class="feature-box id5990 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/dinosaurs-are-forever.html"  class="noborder">
			    <picture alt="Dinosaurs Are Forever">
                    <source srcset="/assets/components/phpthumbof/cache/reszied-dino-photo.e0cbc437768e4c584dcbb0569325d380.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/reszied-dino-photo.1289faacfdbeae3250fd53c499e1d448.png" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/reszied-dino-photo.1289faacfdbeae3250fd53c499e1d448.png" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/reszied-dino-photo.1289faacfdbeae3250fd53c499e1d448.png" alt="Dinosaurs Are Forever"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/dinosaurs-are-forever.html"   class="font-secondary primaryclr lb-dottted lh-12">Dinosaurs Are Forever</a>

			 </h2>
			 <small class="date-attr">Tuesday 11th August - Sunday 1st November</small>
			<p>See the never-before-displayed Megalosaurus skeleton sculptures against the backdrop of the Palace Gardens.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Included with a pass or Park & Gardens ticket</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Included with a pass or Park & Gardens ticket"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="10.00 - 17.30"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs are not allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/dinosaurs-are-forever.html" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://tickets.blenheimpalace.com/shows/show.aspx?sh=BLHALL25" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-summer f-2026     ">
	<div class="feature-box id940 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/salon-prive-supercar/"  class="noborder">
			    <picture alt="Salon Privé">
                    <source srcset="/assets/components/phpthumbof/cache/concours-lawn-web.6803133f08a04278652ca0b093246049.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/concours-lawn-web.e9b697833c699738144a430e530a3cd1.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/concours-lawn-web.e9b697833c699738144a430e530a3cd1.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/concours-lawn-web.e9b697833c699738144a430e530a3cd1.jpg" alt="Salon Privé"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/salon-prive-supercar/"   class="font-secondary primaryclr lb-dottted lh-12">Salon Privé</a>

			 </h2>
			 <small class="date-attr">Wednesday 2nd - Sunday 6th September 2026</small>
			<p>Salon Privé returns to the lawns of Blenheim Palace in 2026 for its 21st edition and five unforgettable days of automotive excellence, from Wednesday 2nd&#8230;</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="9.00 - 17.00"></i>
		
		
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/salon-prive-supercar/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.salonpriveconcours.com/buy-tickets//?utm_source=BlenheimPalace&utm_medium=BlenheimPalaceSPB26&utm_campaign=Blenheim26&utm_id=web " class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-sport f-family f-autumn f-2026    col_last ">
	<div class="feature-box id5283 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/blenheim-palace-international-horse-trials.html"  class="noborder">
			    <picture alt="Blenheim Palace International Horse Trials">
                    <source srcset="/assets/components/phpthumbof/cache/horse-trials-jump.3f57484798ca9e3f0f1af42871130e50.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/horse-trials-jump.9d64376ea3609abd18b0880b1657b659.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/horse-trials-jump.9d64376ea3609abd18b0880b1657b659.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/horse-trials-jump.9d64376ea3609abd18b0880b1657b659.jpg" alt="Blenheim Palace International Horse Trials"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/blenheim-palace-international-horse-trials.html"   class="font-secondary primaryclr lb-dottted lh-12">Blenheim Palace International Horse Trials</a>

			 </h2>
			 <small class="date-attr">Thursday 17th - Sunday 20th September 2026</small>
			<p>A world-class international equestrian event and a great family day out!</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="9.30 - 17.00"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/blenheim-palace-international-horse-trials.html" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://bpiht.co.uk/" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-autumn     ">
	<div class="feature-box id5599 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/sustainable-fashion-show/"  class="noborder">
			    <picture alt="Cherwell Collective Sustainable Fashion Show">
                    <source srcset="/assets/components/phpthumbof/cache/sustainability-fashion-show-1.744e1673ed465558907801f79a242dca.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/sustainability-fashion-show-1.6c644bede8ac4b4a460719fefaa7879f.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/sustainability-fashion-show-1.6c644bede8ac4b4a460719fefaa7879f.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/sustainability-fashion-show-1.6c644bede8ac4b4a460719fefaa7879f.jpg" alt="Cherwell Collective Sustainable Fashion Show"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/sustainable-fashion-show/"   class="font-secondary primaryclr lb-dottted lh-12">Cherwell Collective Sustainable Fashion Show</a>

			 </h2>
			 <small class="date-attr">Tuesday 29th September</small>
			<p>Join us on 29 September as the Orangery Restaurant transforms once again for the Sustainable Fashion Show. Presented by Cherwell Collective celebrating&#8230;</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="20:00 - 22:00"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No Dogs Allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/sustainable-fashion-show/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://www.eventbrite.co.uk/e/ripples-of-change-sustainable-fashion-show-at-blenheim-palace-tickets-1343728531209?aff=ebdssbdestsearch&_gl=1*xykfhc*_up*MQ..*_ga*MTIyMTgyNDMzNS4xNzU0NDg5MjQx*_ga_TQVES5V6SH*czE3NTQ0ODkyNDEkbzEkZzAkdDE3NTQ0ODkyNDEkajYwJGwwJGgw" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-autumn f-family f-2026     ">
	<div class="feature-box id5306 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/dogfest-at-the-palace.html"  class="noborder">
			    <picture alt="DogFest at the Palace">
                    <source srcset="/assets/components/phpthumbof/cache/dogfest-2025-image-7.a3ac8fee54ab253692d48fdbd9ff542b.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/dogfest-2025-image-7.d37563c4ca8eb26724b45304438a627c.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/dogfest-2025-image-7.d37563c4ca8eb26724b45304438a627c.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/dogfest-2025-image-7.d37563c4ca8eb26724b45304438a627c.jpg" alt="DogFest at the Palace"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/dogfest-at-the-palace.html"   class="font-secondary primaryclr lb-dottted lh-12">DogFest at the Palace</a>

			 </h2>
			 <small class="date-attr">Saturday 3rd - Sunday 4th October 2026</small>
			<p>DogFest at the Palace is coming to Blenheim Palace on the 3rd - 4th October, for a vibrant weekend celebrating dogs, their owners and unforgettable outdoor&#8230;</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="9.00 -16.00"></i>
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/dogfest-at-the-palace.html" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://dogfesttickets.com/p/dogfest-at-the-palace?refid=homepage" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-family f-autumn f-2026     col_last">
	<div class="feature-box id4603 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/halloween-at-blenheim-palace.html"  class="noborder">
			    <picture alt="Halloween at Blenheim Palace">
                    <source srcset="/assets/components/phpthumbof/cache/halloween5.8030177e01e980ac0210e2ecf4647cd8.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/halloween5.5ecf42544d5e2e9f334581f6cb15b2f3.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/halloween5.5ecf42544d5e2e9f334581f6cb15b2f3.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/halloween5.5ecf42544d5e2e9f334581f6cb15b2f3.jpg" alt="Halloween at Blenheim Palace"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/halloween-at-blenheim-palace.html"   class="font-secondary primaryclr lb-dottted lh-12">Halloween at Blenheim Palace</a>

			 </h2>
			 <small class="date-attr">Thursday 22nd October - Sunday 1st November</small>
			<p>Halloween returns! Visit with your friends and family as dusk falls to enjoy the family fun on our Spooky Illuminated Trail.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		
		
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="Dogs are not allowed"><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		<img src="assets/files/images/icons/no-dogs.png" style="position: absolute; width: 50px; margin-left: -53px; margin-top: 0px; opacity: 0.3; filter: grayscale(1);" alt="No dogs">
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/halloween-at-blenheim-palace.html" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://tickets.blenheimpalace.com/shows/show.aspx?sh=BLHALL25" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>










<style>
.open-close {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0px 5px;
}
</style>

<div class="portfolio-item yes mb-4 f-family f-winter f-2026     ">
	<div class="feature-box id4792 media-box h100">
		<div class="fbox-media slant" style="overflow: hidden;">
		    
		    
			<a href="whats-on/events/christmas/"  class="noborder">
			    <picture alt="Christmas 2026">
                    <source srcset="/assets/components/phpthumbof/cache/christmas-header-2026.45fb488d3c4c1357cc64d00fe6f626e8.webP" type="image/webp">
                    <source srcset="/assets/components/phpthumbof/cache/christmas-header-2026.075023c385ef6f98d7f9965c15dc5d92.jpg" type="image/jpeg">
                    <img src="/assets/components/phpthumbof/cache/christmas-header-2026.075023c385ef6f98d7f9965c15dc5d92.jpg" width="600" height="450" alt>
                </picture>
			    <!-- img src="/assets/components/phpthumbof/cache/christmas-header-2026.075023c385ef6f98d7f9965c15dc5d92.jpg" alt="Christmas 2026"> -->
			</a>
			
			
			
			
		</div>
		<div class="fbox-desc p-3 boxminheight">		
			<h2 class="font-secondary primaryclr lh-1 mb-1">

            <a href="whats-on/events/christmas/"   class="font-secondary primaryclr lb-dottted lh-12">Christmas 2026</a>

			 </h2>
			 <small class="date-attr">Friday 13th November 2026 - Sunday 3rd January 2027</small>
			<p>This year, join us for our magnificent illuminated light trail and the magical story of Cinderella inside the Palace.</p>

		</div>

		<div class="clearfix p-2" style="height: 70px;">
		
		
		    <i class="i-plain icon-ticket secondaryclr" ></i>
		    <p style="color: black; font-size: 0.9rem; display: flex; margin: 0; height: 40px; align-items: center !important;">Separately ticketed event</p>
		
		
		<!-- <i class="i-plain icon-ticket secondaryclr" data-toggle="tooltip" data-placement="top" title="Separately ticketed event"></i>
		<i class="i-plain icon-clock secondaryclr" data-toggle="tooltip" data-placement="top" title="10.00-20.00"></i>
		<i class="i-plain icon-gbp secondaryclr" data-toggle="tooltip" data-placement="top" title="No Blenheim Palace discounts apply to tickets, and gift certificates can't be used over the festive period. If donated, Palace entry tickets can be converted to an Annual Pass during your Christmas visit or on the next visit (pass will be valid from date of ticket purchase)."></i>
		<i class="i-plain icon-dog secondaryclr" data-toggle="tooltip" data-placement="top" title="No dogs allowed in the Palace or on Trail but dogs are allowed in the Great Court for the Market."><img src="assets/files/images/icons/palace/dog.png" class="attr-icon" alt="Dogs Welcome Icon" style="width: 30px; margin-top: -8px; filter: contrast(0.6) sepia(1) hue-rotate(140deg);"></i>
		
		 -->
        <!-- TEST 4 -->

		</div>
		
<div class="clearfix p-2">
		<a href="whats-on/events/christmas/" class="button button-border button-circle button-dark">Read More</a>
		<a href="https://tickets.blenheimpalace.com/shows/show.aspx?sh=BLPXMAS26" class="button button-border button-circle button-dark">Buy Tickets</a></div>

	</div>
</div>





    </div></div></div></section>




		
		<!-- Newsletter - $green4-animated-newsletter - New June 2024 -->
<link rel="stylesheet" href="/css3/ani-newsletter.min.css" type="text/css" media="screen">
<div id="ani-news" class="primarybackground" data-test="test">
	<div class="container clearfix">
		<h3 class="font-primary font-bold" style="margin: 10px 0px 0px; font-size: 36px;">Newsletter sign-up</h3><p>Stay up to date with our latest news, offers and events by entering your details here...</p>
		<form action="https://www.blenheimpalace.com/php/green4-newsletter/subscribe.php" method="post">
			<input id="fieldFirstName" placeholder="First name" class="newsletter form-control form-control-lg not-dark required" type="text" name="firstname" />
			<input id="fieldLastName" placeholder="Last name" class="newsletter form-control form-control-lg not-dark required" type="text" name="lastname" />
			<br class="mob">
			<input id="widget-subscribe-form2-email"  placeholder="Your email" class="newsletter form-control form-control-lg not-dark required email topmargin-sm" type="email" name="emailaddress" />
			<input class="button button-rounded button-border button-light noleftmargin" style="bottom: 2px; height: 48px; margin-top: 20px;" type="submit" value="Subscribe" />
		</form>
		<div class="widget-subscribe-form-result"></div>
	</div>
</div>
 <script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
                <!-- $modal-window -->
        <div id="Modal1" class="modal fade">
            <div class="modal-dialog" style="width: 90vw; max-width: 90vw; overflow: hidden;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #43273B!important; color: white; height: 80px;">
                        <h3 id="modal-label-1" class="modal-title"></h3>
                        <button class="close" type="button" data-dismiss="modal"> <span>×</span> </button>
                    </div>
                    <div class="modal-body">
                        <iframe title="modal1-frame" style="width: 100%; height: 80vh;" src="" width="320" height="240"></iframe>
                    </div>
                </div>
            </div>
        </div>
        <div id="Modal2" class="modal fade">
            <div class="modal-dialog" style="width: 90vw; max-width: 90vw; overflow: hidden;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #43273B!important; color: white; height: 80px;">
                        <h2 id="modal-label-2" class="modal-title"></h2>
                        <button class="close" type="button" data-dismiss="modal"> <span>×</span> </button>
                    </div>
                    <div class="modal-body">
                        <iframe title="modal2-frame" style="width: 100%; height: 80vh;" src="" width="320" height="240"></iframe>
                    </div>
                </div>
            </div>
        </div>
    
    <style>
        #footer ul {
            list-style: none !important;
            margin: 0;
        }
        #footer ul li {
            font-size: 18px;
        }
        li.nav-item:hover {
            /* margin-left: 10px; */
        }
        li.nav-item a:hover { 
            font-weight: 500;
            background: transparent !important;
        }
    </style>
<!-- palace-footer-2025 -->
        <footer id="footer" class="dark brand-heritage-bkg">
            <div class="container clearfix">
                <div class="row mt-3">
                  <div class="col-12" style="text-align: center;">
                    <img src="https://www.blenheimpalace.com/brand/BlenheimPalaceLogo.svg" alt="Blenheim Palace" width="200">
                  </div>
        
                  <div class="col-12 social-icons mt-1" style="text-align: center;">
                    <i class="bi bi-facebook"></i>
                    <i class="bi bi-instagram"></i>
                    <i class="bi bi-linkedin"></i>
                    <i class="bi bi-youtube"></i>
                    <i class="bi bi-tiktok"></i>
                    <i class="bi bi-spotify"></i>
                  </div>
                </div>
                <div class="row">
                    
                  <!--<div class="col-md-4 col-lg-3 mb-4 mt-3 px-5 p-md-1">-->
                  <!--  <h3 class="font-primary" style="font-size: 24px;">Contact Us</h3>-->
                  <!--  <p style="font-size: 18px; color: white;">Blenheim Palace,<br>Woodstock,<br>Oxfordshire,<br>OX20 1UL</p>-->
                  <!--  <button class="btn bg-secondary text-white main-button button-red" style="display: inline; height: auto; padding: 10px 20px;" type="button" data-bs-toggle="offcanvas" data-bs-target="#book-menu" aria-controls="book-menu" aria-label="Toggle navigation" aria-expanded="false">View Map</button>-->
                  <!--</div>-->

                            <!-- About -->
        <div class="col-md-4 col-lg-3 mb-4 mt-3 px-3 footer-column">
            <a href="https://www.blenheimpalace.com/"><h3 class="font-primary" style="font-size: 24px;">About</h3></a>
            <ul class="nav flex-column" style="padding-left: 5px;">
                    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/about-us/" class="nav-link p-0 text-white">Our Businesses</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/about-us/smt/" class="nav-link p-0 text-white">Senior Management Team</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/artfoundation/" class="nav-link p-0 text-white">Blenheim Art Foundation</a></li>
    <li class="nav-item mb-2"><a href="https://archives.blenheimpalace.com/" class="nav-link p-0 text-white">Blenheim Archives</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/visitus/travel-trade/" class="nav-link p-0 text-white">Travel Trade</a></li>
            </ul>
        </div>
        <!-- Private Hire -->
        <div class="col-md-4 col-lg-3 mb-4 mt-3 px-3 footer-column">
            <a href="https://www.blenheimpalace.com/"><h3 class="font-primary" style="font-size: 24px;">Private Hire</h3></a>
            <ul class="nav flex-column" style="padding-left: 5px;">
                    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/hospitality/" class="nav-link p-0 text-white">Venue Hire</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/hospitality/weddings/" class="nav-link p-0 text-white">Weddings</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/hospitality/private-events/" class="nav-link p-0 text-white">Private Events</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/hospitality/meetings-conferences/" class="nav-link p-0 text-white">Meetings & Away Days</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/hospitality/filming-location/" class="nav-link p-0 text-white">Filming Location</a></li>
            </ul>
        </div>
        <!-- Careers -->
        <div class="col-md-4 col-lg-3 mb-4 mt-3 px-3 footer-column">
            <a href="https://www.blenheimpalace.com/careers/"><h3 class="font-primary" style="font-size: 24px;">Careers</h3></a>
            <ul class="nav flex-column" style="padding-left: 5px;">
                    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/careers/vacancies/" class="nav-link p-0 text-white">Current Vacancies</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/careers/training-benefits/" class="nav-link p-0 text-white">Training & Benefits</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/careers/apprenticeships/" class="nav-link p-0 text-white">Apprenticeships</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/careers/work-experience/" class="nav-link p-0 text-white">Work Experience</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/careers/worthy-earth-volunteering/" class="nav-link p-0 text-white">Worthy Earth Volunteering</a></li>
            </ul>
        </div>
        <!-- Discover Blenheim -->
        <div class="col-md-4 col-lg-3 mb-4 mt-3 px-3 footer-column">
            <a href="https://virtual.blenheimpalace.com/?_gl=1*1k5u4h5*_gcl_au*MTUxNTQwOTc1Ny4xNzc3OTY5NTY1*_ga*MTk3MzQzNTUyOS4xNzc3OTY5NTY1*_ga_T3HKGZ4809*czE3ODEwODE2NjQkbzgyJGcxJHQxNzgxMDg1NTczJGo0JGwwJGg5MzA3MjIwMzI."><h3 class="font-primary" style="font-size: 24px;">Discover Blenheim</h3></a>
            <ul class="nav flex-column" style="padding-left: 5px;">
                    <li class="nav-item mb-2"><a href="https://virtual.blenheimpalace.com/" class="nav-link p-0 text-white">Virtual 360 Views</a></li>
    <li class="nav-item mb-2"><a href="https://churchill.blenheimpalace.com/" class="nav-link p-0 text-white">Winston Churchill</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/stories/archie-your-interactive-guide/" class="nav-link p-0 text-white">Archie - Interactive Guide</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/stories" class="nav-link p-0 text-white">News & Stories</a></li>
    <li class="nav-item mb-2"><a href="https://www.blenheimpalace.com/visitus/education/onsite-learning/" class="nav-link p-0 text-white">School visits</a></li>
            </ul>
        </div>

                </div>
            </div>
            
        	<div id="copyrights">
        	    
        		<div class="container clearfix">
        			<div class="text-center">
        				<div class="footer-logo">
        				    <a href="https://www.blenheimpalace.com/"><img src="/brand/blenheim-palace-logo-footer.png" alt="Blenheim Palace Logo" loading="lazy" width="105" height="42.5" style="margin-left: 0px;"></a>
        				    <a href="https://www.blenheimestate.com/"><img src="/brand/images/estate-logo-homes.png" alt="Blenheim Estate logo" loading="lazy" width="105" height="54" style="margin: 0 20px;" ></a>
        				    <a href="https://www.pyehomes.co.uk/"><img src="/brand/pye-logo.png" alt="PYE Homes logo" style="max-width: 70px; margin: 20px 10px 0;"></a>
                            <br>
        				    <a href="/" onclick="openEdit()" style="opacity: 0; width: 48px; height: 48px; display: inline-block; margin-bottom: -25px;">EDIT</a>
                        <script>
                            let pageurl = 5;
                        </script>
        				</div>
        			</div>
        		</div>

        		<div class="container clearfix">
            		<div class="col_full text-center copyright-links">
                		<div class="center">
                    		<span itemscope itemtype="http://schema.org/Organization">
                    		    <link itemprop="url" href="http://www.blenheimpalace.com">
                        		 <a itemprop="sameAs" href="https://www.facebook.com/BlenheimPalace/"
                        		 class="social-icon si-dark si-rounded si-facebook inline-block noborder" aria-label="Blenheim Palace Facebook Page">
                        			<i class="icon-facebook"></i>
                        			<i class="icon-facebook"></i>
                        		</a>
                        		<a itemprop="sameAs" href="https://www.instagram.com/blenheimpalace/"
                        		class="social-icon si-dark si-rounded si-instagram inline-block noborder" aria-label="Blenheim Palace Instagram Page">
                        			<i class="icon-instagram"></i>
                        			<i class="icon-instagram"></i>
                        		</a>
                        		<a itemprop="sameAs" href="https://www.linkedin.com/showcase/blenheim-palace/"
                        		class="social-icon si-dark si-rounded si-linkedin inline-block noborder" aria-label="Blenheim Palace LinkedIn Page">
                        			<i class="icon-linkedin"></i>
                        			<i class="icon-linkedin"></i>
                        		</a>
                        		<a itemprop="sameAs" href="https://www.youtube.com/blenheimpalace"
                        		class="social-icon si-dark si-rounded si-youtube inline-block noborder" aria-label="Blenheim Palace YouTube Page">
                        			<i class="icon-youtube"></i>
                        			<i class="icon-youtube"></i>
                        		</a>
                        	    <a itemprop="sameAs" href="https://www.blenheimpalace.com/stories/blenheims-new-podcast/"
                        		class="social-icon si-dark si-rounded si-spotify inline-block noborder" aria-label="Blenheim Palace Spotify Podcasts">
                        			<i class="icon-spotify"></i>
                        			<i class="icon-spotify"></i>
                        		</a>
                        		<a itemprop="sameAs" href="https://www.tiktok.com/@blenheimpalace"
                        		class="social-icon si-dark si-rounded si-dribbble inline-block noborder" aria-label="Blenheim Palace TikTok Page" alt="Blenheim Palace TikTok Page">
                        			<i class="icon-tiktok"><img src="/assets/files/images/icons/tik-tok.png" width="20" height="20" loading="lazy" style="filter:invert(1)" aria-label="TikTok Logo" alt="TikTok Logo"></i>
                        			<i class="icon-tiktok"><img src="/assets/files/images/icons/tik-tok.png" width="20" height="20" loading="lazy" style="filter:invert(1)" aria-label="TikTok Logo" alt="TikTok Logo"></i>
                        	    </a>	
                    	    </span>
                		</div>
                		<div class="">
                		  <a href="https://booking.blenheimpalace.com/profile-overview">Account Login</a> |
                		  <a href="privacy/">Privacy</a> |
                		  <a href="cookies/">Cookies</a> |
                		  <a href="#" class="side-panel-trigger" onclick="sideMenu(1)">Web Accessibility</a> |
                		  <a href="terms-and-conditions/">Terms &amp; Conditions</a> |
                		  <a href="contact/">Contact</a>
                		</div>
                		<div class="">
                		  <a href="blenheim-palace-site-map/">Site Map</a> |
                		  <a href="assets/files/images/downloads/blenheim/blenheim-palace-sustainability-policy.pdf" target="_blank" rel="noopener">Sustainability Policy</a> |
                        <a href="assets/files/downloads/careers/modern-slavery-statement.pdf" target="_blank" rel="noopener">Modern Slavery Statement</a>
                		</div>
                		<br />
                		<a aria-label="The Blenheim Palace Heritage Foundation Charity | Registered charity number 1166164" href="/">The Blenheim Palace Heritage Foundation Charity | Registered charity number 1166164</a>
                		<br />
                		<br />
                		<img src="/assets/files/icons/payment-methods.png" width="400">
                		<br />
                		<br />
                		<br />
                		<br />
        		        </div>
        		    </div>
                </div>
            </footer>
        </div><!-- #wrapper end -->
        <div id="gotoTop" class="icon-line-arrow-up primarybackground"></div>
        <script src="/js/jquery-3.5.1.min.js"></script>
        <script src="/js/functions.js?v=01:54:01pm"></script>
        <script src="/js/new-scripts.js?v=01:54:01pm"></script>
        <script src="/js/vendor/magnify.js?v=01:54:01pm"></script>
        <script defer src="/js/new-plugins-min.js?v=01:54:01pm"></script>
        
        
        
        
            <link rel="stylesheet" href="/css3/ssot-modal.min.css?v=7" type="text/css" media="screen">
    <div id="ssotModal" class="modal fade ssotModal" tabindex="-1" role="dialog" aria-labelledby="ssotModal" aria-hidden="true">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="ssotModalTitle">Visitor Notice</h5>
            <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close" onclick="hideModal()">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body"></div>
        </div>
      </div>
    </div>
    <script>
        function hideModal(){
            const today = new Date();
            localStorage.setItem('hideModal', today.toLocaleDateString())
        }
        const logoImage = document.querySelector('#logo img');
        if (logoImage) {
            logoImage.addEventListener('click', function() {
                localStorage.removeItem('hideModal')
                console.log('Cleared modal block');
            });
        }
    </script>


        <!--[$language-detection]-->
        
        <style>
.content-wrap .header-stick {
    margin-top: 0 !important;
}
.test{
color: red;
}
</style>
        
        
        <script>console.log('Resource ID: 5, last edited: 2026-06-10 12:54:59')</script>
    <script src="js/sections/animated-newsletter.min.js"></script>
</body>
</html>