@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */
@font-face {
    font-family: 'atsackersgothicregular';
    src: url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/at_sackers_gothic_medium-webfont.woff2') format('woff2'),
         url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/at_sackers_gothic_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    

}


@font-face {
    font-family: 'ITV Reem';
    src: url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/itv_reem_web-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'ITV Reem';
    src: url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/itv_reem_web-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'ITV Reem';
    src: url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/itv_reem_web-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'ITV Reem';
    src: url('https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/fonts/itv_reem_web-bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;

}

@font-face {
font-family:"adelle-sans";
src:url("https://use.typekit.net/af/a96fc4/00000000000000007735a1de/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a96fc4/00000000000000007735a1de/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a96fc4/00000000000000007735a1de/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}






@font-face {
font-family:"adelle";
src:url("https://use.typekit.net/af/e0617b/000000000000000077359943/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e0617b/000000000000000077359943/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e0617b/000000000000000077359943/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"adelle";
src:url("https://use.typekit.net/af/9fade4/000000000000000077359975/30/l?subset_id=2&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9fade4/000000000000000077359975/30/d?subset_id=2&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9fade4/000000000000000077359975/30/a?subset_id=2&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"adelle";
src:url("https://use.typekit.net/af/75a566/000000000000000077359985/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/75a566/000000000000000077359985/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/75a566/000000000000000077359985/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}


.page-template-accessibility .flexsectiontext{
min-height: 00px;
padding-top: 40px;
padding-bottom: 120px;
}

.access1 {
    width: 95%;
    max-width: 1400px;
    margin: auto;
    background:#2a4f37;
    background-size: cover !important;
    background-position: center !important;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    padding-left: 80px;
    padding-right:80px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.page-template-accessibility .specialflex .flexsectiontextinner{
margin-top:0;
}
.access1 h2{
color:#d2b28a;
}
.access1:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background: #666555;
    opacity:0;
}

.access2 {
    width: 95%;
    max-width: 1400px;
    margin: auto;
    background: #fff;
    padding: 60px;
    position:relative;
}
.blackpage{
margin-top: -80px;
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.accesssplash {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-size: cover !important;
    background-position: center !important;
    opacity:.5;
}

.access1inner {
    text-align:center;
    color: #fff;
    position:relative;
}

.access2inner {
    display: flex;
    flex-wrap:wrap;
}

.accesstabs {
    width: 40%;
    padding-right:40px;
}

.accesscontent {
    width: 60%;
    font-size:13pt;
}

.accesstabscontent {
    display:none;
}

.accesscontentinner {
    display:none;
}

.accesscontentinner.on {
    display:block !important;
}

.accesscontent div:nth-child(1) {
    display:block;
}

.accesscontent div:nth-child(1).super {
    display:none;
}

.accesstabscontent {
    display: block;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top:0;
}

.accessparent {
    list-style: none;
    margin-bottom:5px;
}

.accesstrigger {
    color: #565243;
    font-weight: 600;
    font-size: 15pt;
    cursor:pointer;
}

.accesstrigger.on {
    color:#000;
}

.accesscontent h2, .accesscontent h3, .accesscontent h4 {
    color: #565243;
    font-size: 18pt;
    font-weight:600;
}

.accesstabscontent {
    font-size:13pt;
}

.accesstrigger {
    background: rgba(102, 101, 85, .1);
    padding: 5px;
    position:relative;
}

.accesstabs ul li:nth-child(1) .accesstrigger.super {
    background:rgba(102, 101, 85, .1);
}

.accesstabs ul li:nth-child(1) .accesstrigger, .accesstabs ul li .accesstrigger.on {
    background:rgba(102, 101, 85, .2);
}

.accesstabs ul li:nth-child(1) .accesstrigger.on, .accesstrigger:hover {
    background:rgba(102, 101, 85, .2) !important;
}

.accesstabs ul li:nth-child(1) .accesstrigger:after, .accesstabs ul li .accesstrigger.on:after {
    content: '';
    background: url(https://www.realmarykingsclose.com/wp-content/themes/real/images/arrow1.png);
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 14px;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
}

.accesstabs ul li:nth-child(1) .accesstrigger.super:after {
    display:none;
}

.accesstabs ul li:nth-child(1) .accesstrigger.on:after {
    display:block !important;
}

.accessmap {
    position: absolute;
    bottom: -50px;
    right: -100px;
    width: 250px;
    z-index:1;
}

.accesslamp {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 200px;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform:rotate(-9deg);
}
.accesscontentinner h2{
color: #2a4f37;
}
.accesscontentinner h3{
color:#a68f72;
font-size: 18pt !important;
}






@media (max-width: 767px) {
.page-template-accessibility .specialflex .flexsectiontextinner{
margin-top:40px;
}
.page-template-accessibility .flexsectiontext{
padding-bottom: 100px;
}
.access1inner{
text-align: left;
padding-left: 5%;
padding-right: 5%;
}
    .accesscontent {
        display:none;
    }
    .accesstabs {
        width: 100%;
        padding-right:0;
    }
    .accesstabscontent {
        display: none;
        height: auto;
        opacity: 1;
        pointer-events: all;
        position: relative;
        top: 0;
        padding-top:20px;
    }
    .access2 {
        padding:30px;
    }

    .accesstrigger {
        background: rgba(102, 101, 85, .1);
        padding: 5px;
        position:relative;
    }
    .access2 {
        padding:10px;
    }
    .access1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size:13pt;
    }
    .accesstrigger:after {
        content: '';
        background: url(https://www.realmarykingsclose.com/wp-content/themes/real/images/arrow1.png);
        width: 15px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 14px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        display:block !important;
    }
    .accesstrigger.on:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform:rotate(-90deg);
    }
    .accesstabs ul li:nth-child(1) .accesstrigger {
        background:rgba(102, 101, 85, .1);
    }
    .accesslamp {
        width: 100px;
        left: -50px;
        top:-80px;
    }
    .accessmap {
        width: 120px;
        bottom: auto;
        top: -50px;
        right: -40px;
        display:none;
    }





}














.faqbox.hide{
    display:none;
}
.nonefound.set{
    display: block !important;
    margin-top:20px;
}
.formpostcodes{
    display:inline-block;
    background:#384c3a;
    padding: 5px;
}
.formpostcodes input{
    padding:5px;
}
.formpostcodes #search{
    padding-left:5px;
    padding-right:5px;
}
.clearfaqs{
    cursor:pointer;
    text-decoration:underline;
    margin-top:5px;
    margin-bottom: 20px;
}
.clearfaqs:hover{
    color:#c1a01e;
}


.menu2023{
    background: #b79b86 url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Texture_Colour.jpg);
background-size: cover;
background-position: center;
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: center;
z-index: 4;
-webkit-box-shadow: -1px 5px 15px 1px rgba(0,0,0,0.51);
box-shadow: -1px 5px 15px 1px rgba(0,0,0,0.51);
padding-top: 10px;
padding-bottom: 10px;
}
.menu2023.fixed{
    position: fixed;
}
.menu2023::before{
    content: '';
background: #fff6e9;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
opacity: 0.7;
}
.menu2023 li{
    display: inline-block;

}
.menu2023 ul{
    display: inline-block;
}

.menu2023 li.haschildren:hover > a{
    background: #4f6551;
}
.newmenu1:hover > a{
    background: #4f6551;
}
.menu2023 li a:hover{
    color: #c7cb8e;
}
.menu2023 li a{
    color: #fff;
padding: 28px 25px;
display: block;
position: relative;
letter-spacing: 0.5px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
text-decoration: none;
font-family: 'avenir',sans-serif;
font-weight: 700;
font-size: 20px;

}
.menu2023 li.newmenu1 > a{
    color:#2a4f37;
}
.menu2023 li.newmenu1 > a:hover{
    color:#fff;
}
.newmenu1.haschildren:hover > a{
    color:#fff;
}
.newsubmenu{
    opacity: 0;
visibility: hidden;
background: #4f6551;
position: absolute;
left: 0;
width:100%;
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
}
.menu2023 li:hover .newsubmenu{
    opacity: 1;
visibility: visible;
}
.newsubcontainer{
    display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width:100%;
max-width: 960px;
margin: auto;
color:#fff;
}
.newlogo2{
    position: absolute;
top: 11px;
left: 0px;
width: 400px;
z-index: 6;
height: 83px;
padding: 0px;
padding-left: 25px;
}
.newlogo2.fixed{
    position: fixed;
}
.newlogo2 img{
    width:100%;
    height:100%;
    object-position: left center;
    object-fit: contain;
}
.extramessage{
    background: #384c3a;
color: #fff;
padding: 15px;
text-align: center;
font-size: 11pt;
display: block;
text-decoration: none;
}
a.extramessage:hover{
    text-decoration: underline;
}
.bodywrap{
    position: relative;
}
.menu4cols{
    width:25%;
}
.menu3cols{
    width:33.3%;
}
.newsubcontainer div.hasheading{
    
}
.newsubcontainer div.noheading{
    padding-top:40px;
}
.menu2023 li .newsubcontainer a{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    text-shadow: none;
    font-family: 'adelle-sans',sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;
}
.menu2023 li .newsubcontainer a.submenuheading{
    margin-bottom:10px;
}
.menu2023 li .newsubcontainer a h3{
    font-family: 'avenir',sans-serif;
font-weight: 700;
    margin-bottom: 0px;
    line-height: 1.3;
    font-size:15pt;
}
.subdiv{
    padding-left: 20px;
padding-right: 20px;
border-right: solid 2px #7c8a79;
}
.subdiv:nth-last-child(1){
    border-right:0;
}
.submenumessage{
    background: #7c8a79;
width: 100%;
max-width: 960px;
margin: auto;
padding: 10px;
color: #fff;
margin-top: 30px;
text-align: center;
border-radius: 15px;
}
a.submenumessage{
    font-family: 'adelle-sans',sans-serif !important;
font-size: 11pt !important;
text-shadow: none !important;
padding:10px !important;
}
.menu2023 li .newsubcontainer a span{
    font-weight: 600;
font-style: italic;
display: block;
font-size: 10pt;
line-height: 1;
}
.menu2023 li .newsubcontainer a.submenuheading span{
    margin-bottom:15px;
}
.backgroundbrick{
    background: #A9431E;
}
.backgroundmidbrick{
    background: #92311D;
}
.backgrounddarkbrick{
    background: #7C1F1C;
}
.backgroundgold{
    background: #C1A01E;
}
.backgroundgreen{
    background: #2a4f37;
}
.backgroundblue{
    background: #326295;
}
.backgroundslate{
    background: #5B6770;
}
.menufanhublink{
    font-size: 11pt !important;
}
.newbook{
    position: absolute;
top: 24px;
right: 25px;
z-index: 6;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/ticket.png);
font-family: 'avenir',sans-serif;
font-weight: 700;
font-size: 19px;
color: #fff;
text-decoration: none;
padding: 1px;
background-size: auto 100%;
background-position: right;
background-repeat: no-repeat;
padding: 15px;
padding-right: 25px;
padding-left: 14px;

}
.newbook.fixed{
    position: fixed;
}
.newbook:hover{
    color:#c7cb8e;
}
.newbook div{
    position: absolute;
top: 0px;
right: calc(100% - 1px);
height: 100%;
width: 30px;
overflow: hidden;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.newbook:hover div{
    -webkit-animation: shakeregular .4s forwards;
animation: shakeregular .4s forwards;
}
.newbook div::before{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/ticket.png);
    content:'';
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-size: auto 100%;
background-position: right;
background-repeat: no-repeat;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.newbook div::after{
    content: '';
width: 10px;
height: 100%;
position: absolute;
top: 0px;
right: 0px;

border-right: dashed 2px #7c8978;
}
.newbook::before{
    content: '';
width: 10px;
height: 100%;
position: absolute;
top: 0px;
left: 0px;

border-left: dashed 2px #7c8978;
}
.spaceholder{
    display: block;
    height:103px;
    width:100%;
}
.cutlink{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/buttonbk.png);
    color: #fff;
text-decoration: none;
background-size: auto 100%;
background-position: left center;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 700;
padding:10px;
position: relative;
padding-left:30px;
padding-right:20px;
margin-top: 15px;
display:inline-block;
}
.cutlink:hover{
    color:#a0ad39;
}
.cutlink::after{
    content:'';
    width:10px;
    height:100%;
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/buttonbk.png);
position: absolute;
left: 100%;
top: 0px;
background-size: auto 100%;
background-position: left center;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}








@-webkit-keyframes shakeregular {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    30% {
        -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    70% {
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        transform: rotate(1deg);
    }

    100% {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@keyframes shakeregular {
    0% {
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translateX(-2px) rotate(-5deg);
        -ms-transform: translateX(-2px) rotate(-5deg);
        transform: translateX(-2px) rotate(-5deg);
    }
    
    40% {
        -webkit-transform: translateX(-5px) rotate(5deg) translateY(0px);
        -ms-transform: translateX(-5px) rotate(5deg) translateY(0px);
        transform: translateX(-5px) rotate(5deg) translateY(0px);
    }

   
    100% {
        -webkit-transform: translateX(-10px) rotate(-10deg) translateY(5px);
        -ms-transform: translateX(-10px) rotate(-10deg) translateY(5px);
        transform: translateX(-10px) rotate(-10deg) translateY(5px);
    }
}

.showonmobile{
        display:none !important;
    }
.bannerslider, .bannerslide, .topbannercontainer{
    height: calc(100vh - 175px) !important;
min-height: 400px !important;
}
.topbannercontainer.addnotice .bannerslider, .topbannercontainer.addnotice .bannerslide, .topbannercontainer.addnotice{
    height: calc(100vh - 227px) !important;
min-height: 400px !important;
}
.bannerslider{
    position: relative;
    z-index: 1;
}
.bannerslide{
    background-size: cover !important;
    background-position: center !important;
    display:flex !important;
    
}
.bannerslider .slick-list, .bannerslider .slick-track{
    height:100% !important;
}
.bannerslide::before{
    content: '';
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
position: absolute;
top: 0px;
left: 0px;
z-index:1;
}

.bannerslide::after{
    content: '';
width: 100%;
height: 60%;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
position: absolute;
bottom: 0px;
left: 0px;
opacity: 0.9;
}
.bannerslidecontent{
    color:#fff;
    position: relative;
    width:90%;
    max-width:1100px;
    margin: auto;
    text-align: center;
    height: 100%;
display: flex;
align-items: flex-end;
z-index: 1;
padding-bottom: 40px;
padding-top: 40px;
}
.banneralign{
    width:100%;
}
.bannertext1{
    font-family: "atsackersgothicregular";
    text-transform:uppercase;
    text-transform:uppercase;
font-weight: 900;
font-size: 45pt;
line-height: 1;
}
.bannertext2{
    font-family: "atsackersgothicregular";
    text-transform:uppercase;
font-weight: 900;
    font-size:20pt;
}
.bannertext3{
    font-family: "atsackersgothicregular";
    text-transform:uppercase;
font-weight: 900;
font-size: 45pt;
line-height: 1;
}
.bannertext4{
    font-family: "atsackersgothicregular";
    text-transform:uppercase;
font-weight: 900;
font-size: 40pt;
line-height: 1;
padding-right: 40px;
}
.bannertext4 span{
    font-style: italic;
padding-left: 10px;
}
.bannertext5{
   font-family: "atsackersgothicregular";
   text-transform:uppercase;
font-weight: 900;
font-size: 45pt;
line-height: 1;
}
.bannerlink{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/buttonbk.png);
color: #fff;
text-decoration: none;
background-size: auto 100%;
background-position: left center;
font-family: "atsackersgothicregular";
text-transform: uppercase;
font-weight: 700;
padding: 10px;
position: relative;
padding-left: 30px;
padding-right: 20px;
margin-top: 15px;
display: inline-block;
}
.bannerlink:hover{
    color: #a0ad39;
}
.bannerlink::after{
    content: '';
width: 10px;
height: 100%;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/buttonbk.png);
position: absolute;
left: 100%;
top: 0px;
background-size: auto 100%;
background-position: left center;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.topbannercontainer{
    position: relative;
    overflow: hidden;
}
.bannerrightarrow{
    
    right:40px;
}
.bannerleftarrow{
    
    left:40px;
}
.bannerleftarrow, .bannerrightarrow{
    background: #506652;
    width:40px;
    height:40px;
    position: absolute;
    bottom: 40px;
    z-index: 2;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
}
.bannerleftarrow:hover, .bannerrightarrow:hover{
    background: #2a4f37;
}
.bannerleftarrow::before, .instaleft::before, .expleft::before{
    content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
position: absolute;
top: 22px;
left: 11px;
width: 15px;
height: 4px;
}
.bannerleftarrow::after, .instaleft::after, .expleft::after{
    content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
position: absolute;
top: 13px;
left: 11px;
width: 15px;
height: 4px;
}
.bannerrightarrow::before, .instaright::before, .expright::before{
    content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
position: absolute;
top: 13px;
left: 14px;
width: 15px;
height: 4px;
}
.bannerrightarrow::after, .instaright::after, .expright::after{
    content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
position: absolute;
top: 22px;
left: 14px;
width: 15px;
height: 4px;
}

.homectas{
    display:flex;
}
.homectas a{
    width: 100%;
color: #fff;
padding: 20px;
padding-left: 30px;
text-decoration: none;
padding-right: 50px;
position: relative;
}
.homectas a::before{
    content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
position: absolute;
top: 26px;
right: 14px;
width: 15px;
height: 4px;
}
.homectas a::after{
    content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
position: absolute;
top: 34px;
right: 14px;
width: 15px;
height: 4px;
}
.homectas a h3{
    font-family: 'avenir',sans-serif;
font-weight: 700;
    margin-bottom: 0px;
    font-size:14pt;
}
.homectas a:nth-child(1){
    background: #72b5cc;
}
.homectas a:nth-child(2){
    background: #2a4f37;
}
.homectas a:nth-child(3){
    background: #685d54;
}
.homectas a:nth-child(4){
    background: #a0ad39;
}
.homectas a:nth-child(5){
    background: #000;
}
.homectas a:nth-child(6){
    background: #617180;
}
.homectas a:hover{
    background: #000;
}
.downlink{
    background: #506652;
width: 40px;
height: 40px;
display:inline-block;
z-index: 2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
margin-top: 50px;
position: relative;
}
.downlink:hover{
    background: #2a4f37;
}
.downlink::before{
    content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
position: absolute;
top: 19px;
left: 17px;
width: 15px;
height: 4px;
}
.downlink::after{
    content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
position: absolute;
top: 19px;
left: 8px;
width: 15px;
height: 4px;
}

/* Standard syntax */
@keyframes mainken {
   0% {
   }
   
   50% {transform: translateX(-100px);
    
    }
  
  
    100% {transform: translateX(0px);
    
    }
}

@-webkit-keyframes @keyframes mainken {
 

 0% {
   }
   
   50% {
    -webkit-transform: translateX(-100px);
    }
  
  
    100% {
    -webkit-transform: translateX(0px);
    }
}

.bannertext3, .bannertext4, .bannertext5{
    opacity: 0;
transform: translate3d(0, 30px, 0);
transition: all 600ms ease-in-out;
}
.bannertext3.textfade, .bannertext4.textfade, .bannertext5.textfade{
    opacity: 1;
transform: translate3d(0, 0, 0);
}
.downlink{
    opacity: 0;
transform: translate3d(0, 30px, 0);
transition: all 600ms ease-in-out;
}
.downlinkfade{
    -webkit-animation: linkbounce 2s infinite;
animation: linkbounce 2s infinite;
animation-timing-function: linear;
-webkit-animation-timing-function: animation-timing-function: linear;
animation-delay: 2s;

}
/* Standard syntax */
@keyframes linkbounce {
   0% {
    transform: translateY(0px);
    opacity: 1;

   }
   
   15% {transform: translateY(-15px);
    
    }
    
    30% {transform: translateY(-0px);
    
    }
    
    45% {transform: translateY(-10px);
    
    }
    
    60% {transform: translateY(-0px);
    
    }
  
  
    100% {transform: translateY(0px);
    opacity: 1;
    
    }
}

@-webkit-keyframes @keyframes linkbounce {
 

 0% {
    -webkit-transform: translateY(0px);
    opacity: 1;
   }
   
   15% {
    -webkit-transform: translateY(-15px);
    }
    
    30% {
    -webkit-transform: translateY(-0px);
    }
    
    45% {
    -webkit-transform: translateY(-10px);
    }
    
    60% {
    -webkit-transform: translateY(-0px);
    }
  
  
    100% {
    -webkit-transform: translateY(0px);
    opacity: 1;
    }
}

.home1{
    position: relative;
    overflow: hidden;
}
.home1image{
    position: absolute;
    top:0px;
    left:0px;
    width: 75%;
    height:100%;
}
.home1image::after{
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4eadb+0,f4eadb+100&0+39,1+100 */
background: linear-gradient(to right,  rgba(244,234,219,0) 0%,rgba(244,234,219,0) 39%,rgba(244,234,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */




}
.home1text{
    width: 50%;
margin-left: auto;
margin-right: 0px;
position: relative;
padding-top: 130px;
padding-bottom: 300px;
}
.home1textcontainer{
    max-width:500px;
    margin: auto;
    text-align: center;
}
.home1textinner{
    background: RGBA(244,234,219,0.5);
padding: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: left;
margin-top: 0px;
padding-top: 30px;
padding-bottom: 30px;
}
.home1image img{
    position: absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    object-fit:cover;
}
.bodywrap p{
    margin-bottom:15px;
}
.homecta p{
    margin-bottom:0px;
    font-size: 12pt;
}
.bricktext{
   
background-image: none;
color: #000;
background-size: cover !important;
display: inline-block;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
}
.bricktext1{
    font-size: 30pt;
line-height: 1.1;
text-align: center;
display: block;
padding: 20px;
background: #000;
border: solid 2px #fff;
outline: solid 10px #000;
color: #fff;
}
.home1textcontainer .bricktext{
    padding:10px;
}
.bricktext2{
    font-size: 55pt;
line-height: 1;
}
.bricktext3{
    font-size: 65pt;
line-height: 1;
}
.bricktext4{
    font-size: 30pt;
}
.bricktext5{
    font-size: 60pt;
line-height: 0.7;
}
.beermats{
    display: inline-block;
position: absolute;
bottom: 80px;
right: -40px;
z-index: 3;
width: 280px;
}
.homemailing{
    background: #72b5cc;
color: #fff;
width: 75%;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
margin-top: -100px;
position: relative;
padding-right: 40px;
position: relative;
z-index: 1;
}
.mailingman{
    display: inline-block;
    vertical-align: bottom;
    width:170px;
    position: relative;
}
.mailingtext{
    display: inline-block;
vertical-align: bottom;
width: 100%;
padding-top: 30px;
padding-bottom: 40px;
padding-left: 60px;
}
.newsman{
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
}
#wosform3 .g-recaptcha, #wosform9 .g-recaptcha{
    display:none;
    margin-top:10px;
}
#wosform3 .g-recaptcha.checked, #wosform9 .g-recaptcha.checked{
    display:block;
}
#wosform4 .g-recaptcha, #wosform10 .g-recaptcha{
    display:none;
    margin-top:10px;
}
#wosform4 .g-recaptcha.checked, #wosform10 .g-recaptcha.checked{
    display:block;
}
.page-template-faqs .maincontent, .page-template-text .maincontent, .page-template-jobs .pageheader h1, .single-jobs .pageheader h1{
    color:#fff;
}
.sharer{
    color:#685d54;
    font-weight:600;
    margin-top:40px;
}
.sharer a{
    display: inline-block;
vertical-align: middle;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #685d54;
padding: 8px;
width: 40px;
margin-left: 5px;
height: 40px;
}
.sharer a img{
    vertical-align: top;
}
.homeform .inputwrap{
    background: none !important;
    padding: 0;
}
.homeform .formrow input{
    padding: 20px;
height: 50px;
border: solid 2px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.homeform .formrow{
    padding-left:0px;
    padding-right:20px;
}
.homeform .sendbutton input{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #000 !important;
color:#fff;
padding: 10px;
min-width: 150px;
font-weight:600;
}
.homeform .sendbutton input:hover{
    background: #d2b28a !important;
}
.bodywrap h1, .bodywrap h2, .bodywrap h3, .bodywrap h4{
    font-family: 'avenir',sans-serif;
font-weight: 700;
}
.bodywrap h2, .bodywrap h3, .bodywrap h4{
    font-size: 26pt;
margin-bottom: 20px;
}
.footerblack{
    background: #000;
color: #fff;
padding-top: 80px;
padding-bottom: 80px;
font-size: 10pt;
}
.footerbrick{
    background: #f4eadb;
background-size: auto 800px;
background-position: top -11px left;
color:#000;
padding-top: 80px;
position:relative;
overflow:hidden;
font-size: 13pt;
border-top: solid 6px #7c8978;
}
.footerbrick .sendbutton{
    color:#fff;
}
.footerinner{
    width:90%;
    margin:auto;
}
.footersmallprint{
    display:inline-block;
    vertical-align:top;
    width:60%;
}
.footerlogo{
    display:inline-block;
    vertical-align:top;
    width:40%;
    text-align:right;
}
.footersmallprint span{
    font-size:14pt;
    margin-bottom: 15px;
    display:block;
}
.footerlogo a{
    display:inline-block;
    width:200px;
}
.footerlogo a:hover{
    opacity:0.7;
}
.footerlogo img{
    width:100%;
}
.footerbrick .footerinner{
    display:flex;
    padding-bottom: 50px;
}
.footerinner .footersection:nth-child(1), .footerinner .footersection:nth-child(2){
    width:20%;
    padding-left: 10px;
padding-right: 10px;
}
.footerinner .footersection:nth-child(3), .footerinner .footersection:nth-child(4){
    width:30%;
    padding-left: 10px;
padding-right: 10px;
}
.footersection a{
    text-decoration:none;
    display:block;
    line-height: 1.8;
}
.footersection a:hover{
    color:#a0ad39;
}
.footersection h5{
    font-family: 'avenir',sans-serif;
font-weight: 700;
margin-bottom: 15px;
font-size: 16pt;

}
.footersection a.footersocial{
    display:inline-block;
}
.footersection p{
    max-width: 400px;
margin-bottom: 30px;
}
.footersection a.footersocial:hover{
    opacity:0.7;
}
.signupjump{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #000 !important;
color: #fff;
padding: 10px;
min-width: 150px;
font-weight: 600;
display: inline-block !important;
text-align: center;
line-height: 1.5 !important;
}
.chimney1{
    position: relative;

width: 100%;

}
.chimney2{
    position:absolute;
    bottom:0px;
    right:0px;
    width: 40%;
max-width: 600px;
}
.cat{
    position: absolute;
bottom: 0px;
left: 40%;
width: 30%;
max-width: 150px;
}
.homemore{
    background:#000;
    color:#fff;
    text-align: center;
    padding-top:80px;
    padding-bottom:80px;
}
.moreslider{
    width:100%;
    max-width:1400px;
    margin:auto;
}
.moreimage{
    position:relative;
    border-radius: 10px;
overflow: hidden;
}
.moreimage::before{
    content: "";
display: block;
padding-top: 70%;
}
.moreimage img{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    object-fit:cover;
}
.moreslider a{
    padding-left:15px;
    padding-right:15px;
    text-decoration:none;
}
.moreslider a span{
    display:block;
    font-family: 'avenir',sans-serif;
font-weight: 700;
    font-size: 16pt;

margin-top: 20px;
}
.moreslider a:hover{
    color: #a0ad39;
}
.moreslider .slick-track{
    margin:auto !important;
}
.homemore h3{
    margin-bottom:40px;
}
.instasection{
    background: #d5d8df;
background-size: cover;
background-position: top;
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
text-align: center;
color: #2a4f37;
}
.instasection a:hover{
    
}
.instaimage{
    position:relative;
    margin-left:10px;
    margin-right:10px;
    
    border: solid 5px #bcbfc5;
border-radius: 10px;
overflow: hidden;
}
.instaimage::before{
    content: "";
display: block;
padding-top: 100%;
}
.instaimage img{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    object-fit:cover;
}
.instaslider{
    width:90%;
    max-width:1400px;
    margin:auto;
}
.instaslider .slick-list{
    overflow:visible;
}
.instasection h3 img{
    width: 40px;
top: -4px;
position: relative;
margin-right: 8px;
}
.instaleft, .instaright, .expleft, .expright{
    background: #506652;
width: 40px;
height: 40px;
display: inline-block;
z-index: 2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
position: relative;
margin:5px;
}
.instaleft:hover, .instaright:hover, .expleft:hover, .expright:hover{
    background: #2a4f37;
}
.instabuttons{
    margin-top: 20px;
}
.homereviews{
     background: #fff url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/grass.jpg);
background-size: auto 600px;
color:#fff;
text-align:center;
padding-top:80px;
padding-bottom:80px;
position: relative;
}
.reviewslider{
    width:90%;
    max-width:900px;
    margin:auto;
}
.reviewslider img{
    display:inline-block !important;
    width: 200px;
margin-bottom: 10px;
}
.reviewslider span{
    display:block;
    font-family: 'avenir',sans-serif;
font-weight: 700;
    font-size: 18pt;
margin-bottom: 20px;
}
.reviewslider .slick-dots li{
    background:#d2b28a;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border:solid 3px #a68f72;
width: 15px;
height: 15px;
}
.reviewslider li.slick-active{
    background:#d2b28a;
    border:solid 3px #d2b28a;
}
.instasection h3 a, .homereviews a{
    text-decoration:none;
}
.instasection h3 a:hover, .homereviews a:hover{
    color:#a0ad39;
}
.homereviews a{
    margin-top:20px;
    display: inline-block;
    position: relative;
}
.homereviews a img{
    margin-right:5px;
}

.split{
    display:flex;
    flex-wrap: wrap;
    position: relative;
}
.split.reverse{
    flex-direction: row-reverse;
}
.splitimage{
    width:50%;
    position:relative;
}
.splitimage img.lazy{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    object-fit:cover;
}
.splittext{
    width:50%;
    display:flex;
    align-items: center;
    min-height:600px;
    padding-top: 120px;
padding-bottom: 120px;
}
.splittextinner{
    width: 80%;
    max-width: 500px;
margin: auto;
}
.bodywrap p a:hover{
    color:#a0ad39;
}
.splittext p{
    padding-left:0px;
}
.splittext h2, .splittext h1{
    max-width: 400px;
line-height: 1.3;
margin-bottom: 20px;
font-size: 26pt;
}
.splittextinner .cutlink{
    margin-left:0px;
}
.cobblebg{
    background: #fff url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/cobble-pattern2.jpg);
background-size: cover !important;
padding-top: 270px;
}
.homesection2{
    margin-top: -150px;
}
.homeweekends{
    position: absolute;
right: calc(100% - 110px);
top: 200px;
width: 250px;
}
.home7days{
    position: absolute;
left: calc(100% - 70px);
top: 50px;
width: 140px;
}
.homesketches{
    background: #f5ebdc url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Texture_Colour.jpg);
background-size: cover;
background-position: center;
color: #000;
padding-top: 80px;
position: relative;
font-size: 13pt;
border-top: solid 6px #4f6551;

padding-bottom:0px;
text-align:center;
padding-bottom:80px;
}
.homesection4{
    
    background: RGBA(194,197,186,1);
background-size: cover;
background-position: top;
}
.homesection4 .splittextinner{
    background: RGBA(194,197,186,0.6);
}
.homesketchesinner{
    display: flex;
    flex-wrap:wrap;
    width: 90%;
max-width: 1400px;
margin: auto;
position:relative;
z-index: 3;
}
.homesketch{
    width:25%;
    padding-left: 30px;
padding-right: 30px;
}
.homesketch div{
    position:relative;
    margin-bottom: 10px;
}
.homesketch div::before{
    content: "";
display: block;
padding-top: 80%;
}
.homesketch div img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: contain;
}
.homesketches::before{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: #fff6e9;
    opacity: 0.7;
    z-index: 2;
}
.waypointright{
    opacity: 0;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
-webkit-transition: -webkit-transform 1s,opacity .8s;
transition: transform 1s,opacity .8s;
}
.waypointleft{
    opacity: 0;
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: -webkit-transform 1s,opacity .8s;
transition: transform 1s,opacity .8s;
}
.waypointfade{
    opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform .8s,opacity .8s;
transition: transform .8s,opacity .8s;
}
.waypointscale{
    -webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: -webkit-transform 1s,opacity .8s;
transition: transform 1s,opacity .8s;
opacity: 0;
}
.waypointright.onscreen{
    opacity: 1;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
}
.waypointleft.onscreen{
    opacity: 1;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
}
.waypointfade.onscreen{
    opacity: 1;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}
.waypointscale.onscreen{
    -webkit-transform: scale(1);
transform: scale(1);
opacity:1;
}
.waypointgrey{
    -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 4s ease;
}
.waypointgrey.onscreen{
    -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
}


.rotation{
    -webkit-animation: rotation 4s infinite;
animation: rotation 4s infinite;


}
/* Standard syntax */
@keyframes rotation {
   0% {
     transform: rotate(0deg);
   }
    50% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes @keyframes rotation {
 

 0% {
    -webkit-transform: rotate(0deg);
   }
    45% {
    -webkit-transform: rotate(15deg);
    }
    100% {
    -webkit-transform: rotate(0deg);
    }
}

.sketchtitle{
    position:relative;
    font-size: 30pt;
line-height: 1.1;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
letter-spacing: 0px;
margin-bottom: 40px;
z-index: 3;
color:#000;
width: 90%;
max-width: 800px;
margin-left: auto;
margin-right: auto;

}
.sketchtitle span{
    
    display:inline-block;
}
.bookheader{
    position:relative;
}
.bookheader img{
    vertical-align:bottom;
}
.bookheader::before{
    content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4eadb+0,f4eadb+100&0.1+40,1+100 */
background: linear-gradient(to bottom,  rgba(244,234,219,0.1) 0%,rgba(244,234,219,0.1) 40%,rgba(244,234,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.booktitle{
    text-align:center;
    position: relative;
margin-top: -60px;
}
.booktitle h1{
    
    -webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: none;
color: #000;
background-size: cover !important;
display: inline-block;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
line-height: 1;
position:relative;
z-index:1;

}
.booktitle h1 span:nth-child(1), .shadowtitle div span:nth-child(1){
    font-size:40pt;
}
.booktitle h1 span:nth-child(2), .shadowtitle div span:nth-child(2){
    font-size:45pt;
}
.booktitle h1 span:nth-child(4), .shadowtitle div span:nth-child(4){
    font-size:60pt;
    
}
.shadowtitle{
    position:absolute;
    text-align:center;
    width:100%;
    top:0px;
    left:0px;
   
    color:#000;
}
.shadowtitle div{
    display: inline-block;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
line-height: 1;
text-shadow: rgba(244,234,219,1) 0px 0px 25px, rgba(244,234,219,1) 0px 0px 48px;
}
.bookcontent{
    text-align:center;
    width:80%;
    max-width:900px;
    margin:auto;
    margin-top:50px;
    margin-bottom: 50px;
}
.bookingflex{
    display:flex;
    flex-wrap:wrap;
    width:90%;
    max-width:1400px;
    margin:auto;
    justify-content: center;
}
.bookingbox{
    background: #f9f9f9;
    text-decoration: none;
    margin:10px;
    padding:10px;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding-bottom: 60px;
position: relative;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
}
.bookingflex.width2cols .bookingbox{
    width:calc(50% - 20px);
}
.bookingflex.width3cols .bookingbox{
    width:calc(33.33% - 20px);
}
.bookingflex.width4cols .bookingbox{
    width:calc(25% - 20px);
}
.bookingpic{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
position:relative;
width:100%;
display:inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.bookingpic::before{
    content: "";
display: block;
padding-top: 50%;
}
.bookingpic img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.bookingtext1{
    width:100%;
    display:inline-block;
    vertical-align: top;
    padding-left: 10px;
padding-right: 10px;
min-height: 30px;
}
.page-template-book2023 .newbook{
    display:none;
}
.bookingtext1 h2{
    font-size: 18pt;

margin-bottom: 0px;
line-height: 1.3;
}
.bookingtext1 span{
    display: block;
font-size: 13pt;
margin-bottom: 7px;
font-family: ITV Reem,sans-serif;
font-weight: 600;
}
.mobilebooklink{
    display: none;
border-radius: 10px;
color: #fff;
text-decoration: none;
padding: 10px;
padding-top: 12px;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 700;
line-height: 1;
min-width: 160px;
text-align: center;
}
.desktopbooklink{
    display: block;
border-radius: 10px;
color: #fff;
text-decoration: none;
padding: 10px;
padding-top: 12px;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 700;
line-height: 1;
min-width: 130px;
text-align: center;
position: absolute;
bottom: 10px;
left: 10px;
width: calc(100% - 20px);
}
.bookingspeciallink{
    display: block;
border-radius: 10px;
color: #fff;
text-decoration: none;
padding: 10px;
padding-top: 12px;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 700;
line-height: 1;
min-width: 130px;
text-align: center;

width: calc(100% - 20px);
max-width: 200px;
margin: auto;
}
.mobilebooklink:hover, .desktopbooklink:hover{
    background: #000 !important;
}
.bookingbody{
    padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
}
.bookingbody h3{
    font-size: 14pt;

margin-bottom: 5px;
}
.bookingbody ul{
    list-style: none;
}
.bookingbody li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}
.bookingbody li::before{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/tick-black.png);
background-size: 15px auto;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 2px;
height: 20px;
width: 20px;
}
.callout{
    position: absolute;
    top: -10px;
right: 20px;
}
.callout span{
    position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: inline-block;
color: #fff;
padding: 7px;
z-index: 1;
max-width: 100px;
text-align: center;
line-height: 1.2;
font-family: ITV Reem,sans-serif;
font-weight: 600;
}
.callout .bestflash{
    top:0px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1;
}
.page-template-book2023 .homereviews{
    background: none;
    color:#000;
}
.page-template-book2023 .homereviews a img{
    background: #000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 3px;
width: 35px;
}
.page-template-book2023 .reviewslider .slick-dots li{
    border: solid 3px #eaeaea;
}
.page-template-book2023 .reviewslider li.slick-active{
    border: solid 3px #C1A01E;
}
.bookingspecialbox{
    background: #f9f9f9;
margin: 10px;
padding: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.bookingspecialbox a{
    display:inline-block;
}
.bookingspecialbox .bookingpic{
    height:210px;
    display: flex;
align-items: center;
justify-content: center;
}
.bookingspecialbox .bookingpic::before{
    display:none;
}
.bookingspecialbox .bookingbody li{
    display: inline;
}
.bookingspecialbox .bookingbody li::after{
    content: '';
display: block;
white-space: pre;
height: 5px;
}
.bookingspecialbox .bookingbody ul{
    margin-bottom:10px;
}
.specialcallout{
    position: relative;
    display:inline-block;
    text-align: center;
    font-size: 45pt;
    line-height: 1;
}
.specialcallout div{
    -webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: none;
color: #000;
background-size: cover !important;
display: inline-block;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
line-height: 1;
position: relative;
z-index: 1;

vertical-align: top;
}
.specialcallout span{
    position: absolute;
text-align: center;
width: 100%;
top: 0px;
left: 0px;

color: #000;
font-family: "atsackersgothicregular";
text-transform:uppercase;
font-weight: 900;
text-shadow: rgba(234,234,234,1) 0px 0px 25px, rgba(234,234,234,1) 0px 0px 48px;
}
.bookingspecialbox img{
    opacity: 0.5;
}
.homemenus{
    position: absolute;
right: 0px;
bottom: -100px;
width: 350px;
}
.homehotpot{
    position: absolute;
left: -20px;
bottom: -00px;
width: 250px;
opacity: 0.6;
}
.homesection4{
    z-index: 1;
}
.homeclapper{
    position: absolute;
bottom: -80px;
right: -100px;
z-index: 2;
width: 320px;
}
.homespotlight{
    position: absolute;
bottom: 0px;
left: 0px;
z-index: 2;
width: 180px;
}
.bricksketch1{
    position: absolute;
top: 10%;
left: -80px;
width: 300px;
}
.bricksketch2{
    position: absolute;
top: 55%;
right: 0px;
width: 100px;
}
.bricksketch3{
    position: absolute;
top: 45%;
left: -80px;
width: 180px;
}
.bricksketch4{
    position: absolute;
top: 50px;
right: 50px;
width: 200px;
}
.bricksketch5{
    position: absolute;
bottom: 20px;
left: 30%;
width: 40%;
}
.greyicon1{
    position: absolute;
top: 30px;
left: -20px;
width: 250px;
opacity: 0.5;
}
.greyicon2{
    position: absolute;
top: 20px;
right: -80px;
width: 200px;
opacity: 0.5;
}
.greyicon3{
    position: absolute;
top: 50%;
right: -130px;
width: 200px;
opacity: 0.5;
}
.greyicon4{
    position: absolute;
bottom: 20px;
left: -50px;
width: 200px;
opacity: 0.5;
}
.homesection4 .splittext{
    overflow: hidden;
    position: relative;
}
.homesection4 .splitimage{
    z-index: 1;
}
.classicbanner{
    position: relative;
    display:flex;
    min-height:500px;
    align-items: flex-end;
    background-size: cover !important;
    background-position: center !important;
}
.classicbanner::before{
    content:'';
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: #000;
    opacity: 0.3;
}
.classicbannerinner{
    width: 90%;
max-width: 1200px;
margin-left:auto;
margin-right:auto;
position: relative;
}
.classicbannerinner h1{
    color: #fff;
max-width: 700px;
font-size: 50pt;
line-height: 1;
padding-bottom: 40px;
padding-top: 80px;
text-shadow: 3px 3px 8px rgba(0,0,0,0.2);
}
.greenbanner{
    background: #a68f72;
}
.greenbannerinner{
    width: 90%;
max-width: 1200px;
margin-left:auto;
margin-right:auto;
color:#fff;
position: relative;
}
.opening{
    position: relative;
display: inline-block;
vertical-align: middle;
background: #685d54;
font-family: "adelle";
font-weight: 700;
padding: 15px;
font-size: 14pt;
padding-left: 0;
}
.greenbannerinner::before{
    content: '';
background: #685d54;
position: absolute;
width: 1000px;
height: 58px;
top: 0;
right: 100%;
}
.openingbook{
    display:inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-left:15px;
}
.openingbook a{
    display:inline-block;
    width:150px;
}
.openingbook a:hover{
    opacity: 0.9;
}
.supplimentary{
    display:inline-block;
    vertical-align: middle;
    padding-top: 10px;
padding-bottom: 10px;
font-size:12pt;
}
.experiencecontent{
   
background-position: top center;
padding-top:80px;
padding-bottom:80px;
}
.experiencecontentinner{
    width: 80%;
max-width: 1200px;
margin-left:auto;
margin-right:auto;
}
.hireducks{
    display:none !important;
}
.experienceleft{
    display:inline-block;
    vertical-align: top;
    width:360px;
    padding-right: 40px;
}
.experienceright{
    display: inline-block;
vertical-align: top;
width: calc(100% - 360px);
max-width: 700px;
}
.experienceleft h2{
    color: #2a4f37;
font-size: 26pt;
line-height: 1.2;
}
.experienceslider .slick-list{
    overflow: visible;
}
.experienceslider{
    padding-left:80px;
}
.experienceslide{
    margin-left: 10px;
margin-right: 10px;
position: relative;
text-align: left;
}
.experienceslide::before{
    content: "";
display: block;
padding-top: 110%;
}
.experienceslidecontent{
    position: absolute;
bottom: 0;
left: 0px;
background: #2a4f37;
color: #fff;
font-family: "adelle";
font-weight: 700;
width: 100%;
padding: 10px;
padding-left: 20px;
z-index: 1;
font-size: 12pt;
}
.experienceslidecontent::before{
    background: #f4eadb;
border-top: solid 2px #2a4f37;
content: '';
top: -4px;
height: 4px;
width: calc(100% - 14px);
position: absolute;
left: 7px;
}
.experienceslidecontent p{
    margin:0;
}
.experienceslide img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.experienceslidercontainer{
    margin-top:40px;
    text-align: right;
}


.experiencewrap{
    overflow: hidden;
    position: relative;
}
.experienceslide::after{
    content:'';
    position: absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    border: solid 7px #2a4f37;
    background-repeat: no-repeat;
background-size: auto 100%;
}

.experienceslide:nth-child(1){
    
overflow: hidden;
}
.experienceslide:nth-last-child(1){
    
overflow: hidden;
}
.experienceclapper{
    position: absolute;
bottom: -150px;
right: -100px;
z-index: 2;
width: 320px;
display:none;
}
.cat2{
    position: absolute;
left: -20px;
bottom: 20px;
width: 280px;
display:none;
}
.experienceh3{
    color: #2a4f37;
font-size: 34pt !important;
line-height: 1.2;
text-align: center;
margin-bottom: 0 !important;
margin-top: 80px;
}
.flexsections .flex{
    display:flex;
    flex-wrap:wrap;
    position: relative;
}
.flexsectionimage{
    width:50%;
    position: relative;
    z-index: 1;
}
.flexsectiontext{
    width:50%;
    display: flex;
align-items: center;
min-height: 600px;
padding-top: 120px;
padding-bottom: 120px;
position: relative;
z-index: 1;
}
.flexsectiontextinner{
    width: 80%;
max-width: 500px;
margin: auto;
}
.brickbg{
    background: #f5ebdc url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Texture_Colour.jpg);
background-size: auto 800px;
background-position: top -11px left;
position: relative;
color:#000;
}
.brickbg::before{
    content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #fff6e9;
opacity: 0.7;
z-index: 1;
}
.tilebg{
    background: #fff url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Patterns_Blue-1.jpg);
background-size: cover;
border-top: solid 17px #a0ad39;

color:#000;
}
.cinema .cinemaimage{
    margin: 30px;
position: relative;
height: calc(100% - 60px);
width: calc(100% - 60px);
}

.cinema .cinemaimage::before{
    content:'';
    
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    border:solid 2px #fff;
    position: absolute;
    bottom:15px;
    left:15px;
    z-index: 1;
}
.cinema .cinemaimage::after{
    content: '';
width: 100%;
height: calc(100% + 2px);
border: solid 15px #2a4f37;
position: absolute;
bottom: -1px;
left: 0px;
z-index: 1;
opacity: 0.7;

}
.flexsectionimage img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.flexsections .fade .cinemaimage::before{
    content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: -moz-linear-gradient(left,  rgba(234,234,234,0) 0%, rgba(234,234,234,0) 39%, rgba(234,234,234,1) 100%);
background: -webkit-linear-gradient(left,  rgba(234,234,234,0) 0%,rgba(234,234,234,0) 39%,rgba(234,234,234,1) 100%);
background: linear-gradient(to right,  rgba(234,234,234,0) 0%,rgba(234,234,234,0) 39%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#eaeaea',GradientType=1 );
z-index: 1;
}
.flexsections .fade .cinemaimage{
    width: 140%;
position: absolute;
height: 100%;
top:0px;
left:0px;
}
.specialflex .cinemaimage{
    width: 140%;
position: absolute;
height: 100%;
top:0px;
right:0px;
}
.flexsections .fade .flexsectiontextinner, .specialflex .flexsectiontextinner{
    background: RGBA(244,234,219,0.5);
padding: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: left;
margin-top: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
.flexsections h2, .flexsections h3{
    color: #2a4f37;
    line-height: 1.2;
    font-size: 34pt;
}
.flexsections h2{
    max-width: 430px;
}
.flexsections .backgroundgreen{
    color:#fff;
}
.flexsections .backgroundgreen h2, .flexsections .backgroundgreen h3{
    color:#d2b28a;
}
.flexsections .tilebg h2, .flexsections .tilebg h3, .flexsections .brickbg h2, .flexsections .brickbg h3{
    color:#2a4f37;
}
.flexsections .flex:nth-child(even){
    flex-direction: row-reverse;
}
.flexsections .flex:nth-child(even).fade .cinemaimage{
    left:auto;
    right:0px;
}
.specialflex .cinemaimage::before{
    content:'';
    width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:1;
}
.flexsections .flex:nth-child(even).fade .cinemaimage::before, .specialflex .cinemaimage::before{
   background: linear-gradient(to left,  rgba(244,234,219,0) 0%,rgba(244,234,219,0) 39%,rgba(244,234,219,1) 100%);

}

.beerpump{
    position: absolute;
bottom: -40px;
left: -110px;
z-index: 2;
width: 250px;
}
.twentytwo{
    position: absolute;
bottom: -100px;
right: -50px;
z-index: 2;
width: 280px;
}
.flexsections .plain{
    overflow:hidden;
    background: #7f756c;
background-size: cover;
color: #fff;
}
.flexsections .plain h2, .flexsections .plain h3{
    color:#f4eadb;
}
.flexsections{
    overflow:hidden;
    position: relative;
}
.cafelink{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/cafelinkbg.png);
color: #fff;
text-decoration: none;
background-size: auto 100%;
background-position: left center;
font-family: "adelle";
font-weight: 700;
padding: 10px;
position: relative;
padding-left: 30px;
padding-right: 20px;
margin-top: 15px;
display: inline-block;
}
.cafelink:hover{
    color: #c1a01e;
}
.cafelink::after{
    content: '';
width: 10px;
height: 100%;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/cafelinkbg.png);
position: absolute;
left: 100%;
top: 0px;
background-size: auto 100%;
background-position: left center;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.flexbrickicon1{
    position: absolute;
right: -220px;
top: 5%;
width: 600px;
display:none;
}
.flexbrickicon2{
    position: absolute;
right: -50px;
top: 25%;
width: 220px;
display:none;
}
.exhibitionsections{
    display:flex;
    flex-wrap:wrap;
}
.exhibitionsections .flex{
    width:50%;
}
.exhibitionsections .flex .flexsectiontext, .exhibitionsections .flex .flexsectionimage{
    width:100%;
    color:#fff;
}
.exhibitionsections .flex .flexsectiontext h2, .exhibitionsections .flex .flexsectiontext h3{
    color: #c1a01e;
}
.exhibitionsections .flex .flexsectionimage{
    height:350px;
}
.exhibitionsections .flex .flexsectiontext{
    padding-top: 0;
min-height: 0;
}
.exhibitionsections .cinema .flexsectionimage::before, .exhibitionsections .cinema .flexsectionimage::after{
    top: -30px;
}
.exhibitioncontent{
    
    position: relative;
}
.agreyicon1{
    position: absolute;
top: 10px;
left: -100px;
width: 350px;
opacity: 0.1;
}
.agreyicon2{
    position: absolute;
top: 520px;
left: -100px;
width: 220px;
opacity: 0.1;
}
.agreyicon3{
    position: absolute;
top: 100px;
right: 3%;
width: 220px;
opacity: 0.1;
}
.agreyicon4{
    position: absolute;
top: 250px;
left: -50px;
width: 200px;
opacity: 0.1;
}
.agreyicon5{
    position: absolute;
top: 270px;
right: -50px;
width: 250px;
opacity: 0.1;
}
.hubbanner{
    height: 400px;
background-position: center !important;
background-size: cover !important;
position:relative;
}
.hubbanner h1{
    color: #fff;
position: absolute;
width: 100%;
left: 0px;
bottom: -30px;
text-align: center;
line-height: 1;
font-size: 120pt;
}
.page-template-fanhub2023{
    background:#fff !important;
}
.hubcontent{
    width:80%;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:80px;
    padding-bottom:60px;
    text-align:center;
}
.hubblocks, .hubextra{
    display:flex;
    flex-wrap:wrap;
    padding:10px;
}
.hubblocks a, .hubextra a{
    display:block;
    width:33.33%;
    padding: 10px;
    text-decoration:none;
    margin-bottom: 20px;
}
.hubblocks a:nth-child(1), .hubblocks a:nth-child(2){
    width:50%;
}
.blogpicnew{
    position:relative;
    overflow: hidden;
}
.blogpicnew::before{
    content: "";
display: block;
padding-top: 50%;
}
.blogpicnew img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
transition: all .2s ease-in-out;
}
.hubblocks a:hover .blogpicnew img, .hubextra a:hover .blogpicnew img{
    opacity: 1;
transform: scale(1.1);
}
.menu2023 li a.disablehover:hover{
    color:#fff;
}
.instasection h4 a{
    text-decoration:none;
    color:#2a4f37;
}
.instasection h4 a:hover{
    color:#000;
}

.hubblocks a h2, .hubextra a h2{
    color: #2a4f37;
font-size: 18pt;

margin: 0;
line-height: 1.2;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 90%;
}
.blogexcerpt{
    display:block;
    padding-left: 10px;
padding-right: 10px;
max-width: 90%;
}
.blogdatenew{
    padding-left: 10px;
padding-right: 10px;
font-size: 12pt;
}
.hubblocks a:hover h2, .hubextra a:hover h2{
    color:#006A52;
}
.fanhubsingle{
    background:#fff;
}
.fanhubsingleheader{
    display:flex;
    flex-wrap:wrap;
    width:90%;
    max-width:1400px;
    margin:auto;
    z-index: 1;
position: relative;
}
.fanhubleft{
    width: 50%;
display: flex;
align-items: center;
min-height: 300px;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 1;
}
.fanhubleftcontent{
    width: 80%;
max-width: 500px;
margin: auto;
}
.fanhubright{
    width: 50%;
position: relative;
}
.fanhubright img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.fanhubwrap{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Texture_Colour.jpg);
background-size: cover !important;
background-position: top center;
position:relative;
padding-top: 60px;
}
.fanhubwrap::before{
    position:absolute;
    top:0px;
    left:0px;
    content:'';
    width:100%;
    height:100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.fanhubwrap::after{
    position:absolute;
    top:0px;
    left:0px;
    content:'';
    width:100%;
    height:100%;
    background: #fff;
    opacity: 0.7;

}
.fanhubleftcontent h1{
    color: #2a4f37;
    font-size: 30pt;
line-height: 1.1;
}
.fanhubleftcontent .blogdatenew{
    padding: 0;
margin-bottom: 20px;
}
.fanhubleftcontent .blogexcerpt{
    padding:0;
}
.fanhubback{
    width: 100%;
text-align: right;
display: block;
padding-bottom: 10px;
position: relative;
color: #2a4f37;
font-family: 'avenir',sans-serif;
font-weight: 700;
text-decoration:none;
}
.fanhubback:hover{
    color:#000;
}
.fanhubbody{
    width: 90%;
max-width: 900px;
margin: auto;
margin-top: 80px;
margin-bottom: 80px;
}
.hubextra{
    width:90%;
    max-width:1400px;
    margin:auto;
}
.hubextra .current{
    display:none;
}
.hubextra h3{
    width: 100%;
color: #685d54;
font-size: 22pt;
padding-left: 10px;
margin-bottom: 0px;
}
body.page-template-book2023{
    font-size:12pt !important;
}
.specialflex{
    display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.specialflex h1{
    color: #2a4f37;
margin-bottom: 20px;
line-height: 1.2;
font-size: 34pt;
}
.planheader{
    height:60vh;
    background-size:cover !important;
    background-position:center !important;
    position:relative;
    z-index:1;
}
.plangreen1{
    background: #2a4f37;
color: #fff;
position:relative;
}
.plangreen1inner{
    width:80%;
    max-width:1400px;
    margin:auto;
    
    margin-top:-60px;
    position:relative;
    z-index:2;
}
.plangreen1inner h1{
    
max-width: 700px;
font-size: 70pt;
line-height: 1;
margin-bottom:40px;
text-shadow: 3px 3px 8px rgba(0,0,0,0.2);
}
.plangreen1inner h2, .plangreen2inner h2, #newbody .finduscontent h2{
    color: #d2b28a;
    font-size:34pt;
}
.skiplinks{
    font-family: 'avenir',sans-serif;
font-weight: 700;
}
.skiplinks span{
    color: #d2b28a;
display: inline-block;
vertical-align: top;
font-size: 16pt;
margin-right: 10px;
}
.skiplinks div{
    display:inline-block;
    vertical-align:top;
    text-decoration:underline;
    margin-right: 10px;
    cursor:pointer;
}
.skiplinks div:hover{
    color: #d2b28a;
}
.plancontent{
    width:50%;
    padding-top: 40px;
padding-bottom: 40px;
}
.priceboxes{
    display:flex;
    flex-wrap:wrap;
}
.pricebox{
    width: calc(50% - 30px);
padding: 20px;
position: relative;
overflow: hidden;
margin-right: 30px;
margin-bottom:30px;
}
.priceboxborder{
    border: solid 2px #fff;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.pricebox::before{
    content: '';
background: #006A52;
width: 40px;
height: 40px;
border-radius: 30px;
position: absolute;
top: -20px;
left: -20px;
z-index: 1;
border: solid 2px #fff;
}
.pricebox::after{
    content: '';
background: #006A52;
width: 40px;
height: 40px;
border-radius: 30px;
position: absolute;
bottom: -20px;
left: -20px;
z-index: 1;
border: solid 2px #fff;
}
.priceboxcircles{
    position:absolute;
    right:0px;
    top:0px;
    width:20px;
    height:100%;
}
.priceboxcircles::before{
    content: '';
background: #006A52;
width: 40px;
height: 40px;
border-radius: 30px;
position: absolute;
top: -20px;
right: -20px;
z-index: 1;
border: solid 2px #fff;
}
.priceboxcircles::after{
    content: '';
background: #006A52;
width: 40px;
height: 40px;
border-radius: 30px;
position: absolute;
bottom: -20px;
rigth: -20px;
z-index: 1;
border: solid 2px #fff;
}
.pricebox h3{
    position: relative;
margin: 0;
font-size: 18pt;
width: 100%;
}
.pricebox p{
    position:relative;
}
a.pricebox{
    text-decoration:none;
    text-align:center;
    display: flex;
align-items: center;
background:#c1a01e;
}
a.pricebox:hover{
    background:#a9431e;
}
.plancalouter{
    padding-top:80px;
    padding-bottom:80px;
}
.plancalinner{
    width: 80%;
max-width: 1400px;
margin: auto;

position: relative;

}
.plancalinner h2{
    color:#2a4f37;
    width:100%;
}
.plancalinner h3{
    margin: 0;
font-size: 18pt;
}
.plancalinner{
    display:flex;
    flex-wrap:wrap;
}
.calleft{
    width:50%;
    padding-right:30px;
}
.calright{
    width:50%;
    padding-right:30px;
}
.month{
    padding-right:10px;
}
td.exhibition{
    background:#a68f72;
    color:#fff;
}
td.star{
    background:#c1a01e;
    color:#fff;
    position:relative;
    overflow: hidden;
}
td.star::before{
    content:'';
    
    width:20%;
    height:100%;
    position:absolute;
    display:none;
    top:0px;
    right:0px;
    border-top: 20px solid transparent;
border-bottom: 20px solid #c1a01e;
border-right: 20px solid #c1a01e;
border-left: 20px solid transparent;
}
td.experience{
    background:#006A52;
    color:#fff;
}
td.closed{
    background:#000;
    color:#fff;
}
td.soon{
    background:#eaeaea;
}
.month table{
    table-layout: fixed;
    font-size:12pt;
}
.month table tr:nth-child(1) td{
    font-size:11pt;
}
.month table td{
    padding:5px;
    border: solid 1px #afafaf;
}
.calcontrols{
    text-align: right;
    height: 5px;
}
.key1{
    display:inline-block;
    vertical-align:top;
    background: #006A52;
color: #fff;
padding: 5px;
margin-right: 5px;
font-family: 'avenir',sans-serif;
font-weight: 700;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
}
.key2{
    display:inline-block;
    vertical-align:top;
    background: #a68f72;
color: #fff;
padding: 5px;
margin-right: 5px;
font-family: 'avenir',sans-serif;
font-weight: 700;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
}
.key3{
    display:inline-block;
    vertical-align:top;
    background: #000;
color: #fff;
padding: 5px;
margin-right: 5px;
font-family: 'avenir',sans-serif;
font-weight: 700;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
}
.key4{
    display:inline-block;
    vertical-align:top;
    background: #eaeaea;
    border: solid 1px #afafaf;
    padding: 5px;
margin-right: 5px;
font-family: 'avenir',sans-serif;
font-weight: 700;
padding-left:10px;
padding-right:10px;
}
.key5{
    display:inline-block;
    vertical-align:top;
    background: #c1a01e;
color: #fff;
padding: 5px;
margin-right: 5px;
font-family: 'avenir',sans-serif;
font-weight: 700;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
}
.monthlabel{
    font-family: 'avenir',sans-serif;
font-weight: 700;
display: inline-block;
padding: 10px;
width: calc(100% - 100px);
font-size: 18pt;
}
.soon{
    border: solid 1px #afafaf;
padding: 20px;
text-align: center;
min-height: 100px;
}
.plangreen2{
    background: #2a4f37;
color: #fff;
position: relative;
}
.plangreen2inner{
    width: 80%;
max-width: 1400px;
margin: auto;
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
}
.finduscontent{
    color: #fff;
}
.facilities{
    margin-bottom:80px;
}
.facilitiessplit{
    display:inline-block;
    vertical-align:top;
    width:50%;
    padding-right:30px;
}
.mediablocks{
    display:flex;
    flex-wrap:wrap;
}
.mediablock{
    background: #f9f9f9;
margin: 10px;
padding: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
width: calc(25% - 20px);
color: #000;
font-size: 12pt;
}
.mediatext{
    padding:10px;
}
.mediatext h3{
    color: #006A52;
font-size: 16pt;
margin-bottom: 10px;
}
.mediatext a:hover{
    color: #006A52;
}
.mediapic{
    position:relative;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.mediapic::before{
    content: "";
display: block;
padding-top: 50%;
}
.mediapic img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.plangreen1::before{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/brokenbrick1.png);
position: absolute;
top: 0px;
right: 0px;
width: 55%;
height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.page-template-dev .plangreen1::before{
    background: none;
}
.plangreen2::before{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/brokenbrick2.png);
position: absolute;
top: 0px;
left: 0px;
width: 35%;
height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.plangreen2::after{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/brokenbrick3.png);
position: absolute;
top: 400px;
right: 0px;
width: 50%;
height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.groupboxes{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    margin-top: -80px;
position: relative;
z-index: 1;
}
.groupblock{
    width:calc(33.33% - 20px);
    margin:10px;
    background: #f9f9f9;
padding: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
text-decoration: none;
}
.groupouter{
    position:relative;
}
.groupinner::before{
    content: "";
display: block;
padding-top: 60%;
}
.groupinner{
    position:relative;
    
    border-radius: 10px;
overflow: hidden;
background:#000;
display:flex;
align-items: center;
}
.groupinner img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
opacity:0.6;
transition: all .2s ease-in-out;
}
.grouptext{
    position:relative;
    width:100%;
    display:block;
    text-align:center;
    font-family: "adelle";
font-weight: 700;
    color:#fff;
    padding: 40px;
font-size: 20pt;
line-height: 1.2;
padding-top: 0px;
padding-bottom: 0px;
}
.groupblock:hover .groupinner img{
    transform: scale(1.1);
}
.groupblock::before{
    content: '';
background: #f9f9f9;
width: 20px;
height: 20px;
border-bottom-right-radius: 20px;
position: absolute;
top: 9px;
left: 9px;
z-index: 1;
}

.groupblock::after{
    content: '';
background: #f9f9f9;
width: 20px;
height: 20px;
border-bottom-left-radius: 20px;
position: absolute;
top: 9px;
right: 9px;
z-index: 1;
}
.groupouter::before{
    content: '';
background: #f9f9f9;
width: 20px;
height: 20px;
border-top-right-radius: 20px;
position: absolute;
bottom: -1px;
left: -1px;
z-index: 1;
}

.groupouter::after{
    content: '';
background: #f9f9f9;
width: 20px;
height: 20px;
border-top-left-radius: 20px;
position: absolute;
bottom: -1px;
right: -1px;
z-index: 1;
}
.hireducks{
    position: absolute;
top: calc(100% - 180px);
left: -20px;
z-index: 1;
width: 280px;
}
.page-template-GroupsHire .flexsectiontext h1{
    color:#006A52;
}
.groupextratext{
    text-align:center;
    width:80%;
    max-width:900px;
    margin:auto;
    padding-top:80px;
    padding-bottom:80px;
}
.weddingheader{
    height:80vh;
    position:relative;
    overflow:hidden;
    display:flex;
    background:#000;
    align-items: center;
}
.weddingken{
    position: absolute;
bottom: 0px;
right: 0px;
width: 115%;
height: 115%;
max-width:115%;
object-fit: cover;
opacity: 0.5;
transform-origin: 100% 100%;
}
.weddingbride{
    position:absolute;
    right:0px;
    bottom:0px;
    transform-origin: 00% 100%;
    width:300px;
}
.weddingnewsman{
    position: absolute;
left: 0px;
bottom: -80px;
width: 160px;
}
.weddingscale{
    -webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 10s,opacity .8s;
transition: transform 10s,opacity .8s;


}
.weddingscale.onscreen{
    -webkit-transform: scale(1);
transform: scale(1);
}
.weddingbanner{
    position: relative;
width: 80%;
max-width: 900px;
margin: auto;
text-align: center;
color: #fff;
}
.weddingbanner h1{
    font-size: 70pt;
}
.weddingbanner p{
    font-size: 20pt;
    max-width: 600px;
margin: auto;
margin-bottom: 20px;
}
.weddinglink{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/weddinglinkbg.png);
color: #fff;
text-decoration: none;
background-size: auto 100%;
background-position: left center;
font-family: "adelle";
font-weight: 700;
padding: 10px;
position: relative;
padding-left: 30px;
padding-right: 20px;
margin: 5px;
display: inline-block;
margin-left: 10px;
margin-right: 20px;
}
.weddinglink::after{
    content: '';
width: 10px;
height: 100%;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/weddinglinkbg.png);
position: absolute;
left: 100%;
top: 0px;
background-size: auto 100%;
background-position: left center;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.weddinglink:hover{
    color:#c1a01e;
}
.page-template-Weddings .bricksketch5{
    left: auto;
right: 10%;
}
.page-template-Weddings .bricksketch3{
    position: absolute;
top: 45%;
left: 12%;
width: 180px;
}
.weddingcobble .flexsectiontext{
    background: #fff url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/cobble-pattern2.jpg);
background-size: cover !important;
}
.weddingdukebox{
   position: absolute;
top: -120px;
left: -30px;
width: 280px;
}
.weddinggreen{
    background: #006A52;
color: #fff;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
border-bottom:solid 15px #c1a01e;
}
.weddinggreen::before{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/brokenbrick1.png);
position: absolute;
top: 0px;
right: 0px;
width: 55%;
height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.weddinggreeninner{
    width: 80%;
max-width: 700px;
margin: auto;
position: relative;
z-index: 2;
text-align: center;
}
.weddinggreeninner h2{
    color:#c1a01e;
}
.newspaper{
    position: relative;
    height:0px;
    width:100%;
}
.newspaper img{
    position: absolute;
top: -170px;
right: 0px;
width: 250px;
z-index: 2;
}
.rivetheader{
    position: relative;
    height:500px;
    margin-left:40px;
    margin-right:40px;
    overflow: hidden;
}
.rivetheader::before{
    content: '';
width: calc(100% - 30px);
height: calc(100% - 30px);
border: solid 2px #fff;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 1;
display:none;
}
.rivetheader::after{
    content: '';
width: 100%;
height: calc(100% + 2px);
border: solid 15px #2a4f37;
position: absolute;
bottom: -1px;
left: 0px;
z-index: 1;
opacity: 0.7;
}
.rivetgreen{
    background: #2a4f37;
    color:#fff;
    padding-top:40px;
    position:relative;
}
.rivetheader img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.rivetheader .rivet{
    width: 80px;
height: 80px;
background: #2a4f37;
border-radius: 40px;
}
.rivetheader .rivet:nth-child(2){
    position: absolute;
    top:-40px;
    left:-40px;
}
.rivetheader .rivet:nth-child(3){
    position: absolute;
    top:-40px;
    right:-40px;
}
.rivetheader .rivet:nth-child(4){
    position: absolute;
    bottom:-40px;
    left:-40px;
}
.rivetheader .rivet:nth-child(5){
    position: absolute;
    bottom:-40px;
    right:-40px;
}
.schoolscontent{
    width: 80%;
max-width: 1400px;
margin: auto;
margin-top: -60px;
position: relative;
z-index: 2;
padding-bottom: 80px;
}
.schoolinner{
    max-width: 900px;
margin: auto;
position: relative;
margin-left: 0;
}
.schoolscontent h1{
    max-width: 850px;
font-size: 70pt;
line-height: 1;
margin-bottom: 40px;
text-shadow: 3px 3px 8px rgba(0,0,0,0.2);
}
.schoolsdouble{
    background: #006A52;
    display:flex;
    flex-wrap:wrap;
    color:#fff;
}
.schoolsleft{
    width:50%;
    padding-top: 40px;
padding-bottom: 40px;
}
.schoolright{
    width:50%;
    padding-top: 40px;
padding-bottom: 40px;
background: #c1a01e;
position:relative;
}
.schoolright::before{
    content:'';
    width: 80px;
height: 80px;
background: #006A52;
border-radius: 40px;
position: absolute;
    top:-40px;
    left:-40px;
}
.schoolsborder{
    z-index: 3;
    
}
.schoolwidth{
    width:80%;
    max-width:1400px;
    margin: auto;
}
.schoolsgold{
    background: #685d54;
    color:#fff;
    padding-top:65px;
    padding-bottom:80px;
}
.weddinggreen .schoolwidth h2{
    color:#c1a01e;
}
.spots{
    position: absolute;
right: 100%;
top: 100px;
width: 240px;
}
.newsman2{
    position: absolute;
right: 0px;
top: -200px;
width: 200px;
}
.newtonsign1{
    position: absolute;
right: -40px;
top: -100px;
width: 300px;
z-index: 2;
}
.newton{
    position:relative;
}
.whatsonbox{
    width: calc(33.33% - 20px);
margin: 10px;
background: #f9f9f9;
padding: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
text-decoration: none;
}
.whatsonimagebox{
    position:relative;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.whatsonimagebox::before{
    content: "";
display: block;
padding-top: 60%;
}
.whatsonimagebox img{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.whatsonbox h2{
    color: #2a4f37;
font-size: 18pt;
margin-top: 10px;
margin-bottom: 0px;
}
.whatsonexcerpt{
    font-size:12pt;
}
.whatsonbox p{
    color: #a68f72;
    font-size:12pt;
}
.whatsonbox:hover h2{
    color:#000;
}
.single-events .fanhubwrap{
    background: none;
}
.single-events .fanhubwrap::before{
    display:none;
}
.single-events .fanhubright img{
    position: relative;
    height:auto;
    width:auto;
}
.single-events .fanhubright{
    height:auto !important;
}
.single-post .fanhubbody h2{
    color: #2a4f37;
}

.single-post .fanhubbody h3{
    color:#a68f72;
}
.single-post .fanhubbody h4{
    color: #2a4f37;
}
.single-post figure, .single-events figure{
    width:100% !important;
    position:relative;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single-post figure img, .single-events figure img{
    width:100%;
}
.single-post figure figcaption, .single-events figure figcaption{
    background: #2a4f37;
color: #fff;
width: 100%;
position: relative;
bottom: 0px;
left: 0px;
text-align: left;
padding: 10px;
font-size: 12pt;
}
.single-post .fanhubbody p img{
    width:100%;
    margin-top: 20px;
}
.single-post blockquote{
    margin-left: 20px;
margin-bottom: 20px;
border-left: solid 5px #2a4f37;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-size: 16pt;
}
.single-post blockquote::before{
    display:none;
}
.starblog{
    display: flex;
flex-wrap: wrap;
width:90%;
max-width:1400px;
margin:auto;
padding: 10px;
justify-content: center;
}
.starblog a{
    display: block;
width: 33.33%;
padding: 10px;
text-decoration: none;
margin-bottom: 20px;
text-align: left;
}
.starblog a h2{
    color: #000;
font-size: 18pt;

margin: 0;
line-height: 1.2;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 90%;
}
.starblog a:hover h2{
    color: #2a4f37;
}
.starblog .blogpicnew{
    border: solid 5px #a7aa9e;
border-radius: 10px;
}
.contenttram form{
    text-align: left;
}
.bannerslideimage{
    object-fit:cover;
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none !important;
}
.page-id-1528 .groupboxes, .page-id-1528 .groupextratext{
    display: none;
}












@media (max-width: 1300px) {
    .newlogo2{
        width: 250px;
    }
   
    .experienceclapper{
        bottom:0px;
    }
    .newsman2{
    position: absolute;
right: 0px;
top: -140px;
width: 150px;
}
    
}



@media (max-width: 1000px) {
    .newlogo2{
        width: calc(100% - 160px);
padding-left: 5px;
left: 90px;
height: 70px;
padding-top: 7px;
padding-bottom: 7px;
position: fixed;
top: 0;
    }
    .extramessage{
        display:none !important;
    }
    .menu2023{
        display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
-webkit-overflow-scrolling: touch;
padding: 0px;
padding-top: 70px;
box-sizing: border-box;
padding-bottom: 0px;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #4f6551;
overflow-y: scroll;
z-index: 4;
-webkit-font-smoothing: subpixel-antialiased;
pointer-events: none;
    }
    .menu2023.open{
        opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
transition: opacity ease-in-out 0.5s, background-color ease-in-out 0.5s;
pointer-events: all;
    }
    .menu2023 ul{
        opacity: 0.4;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
text-align: left;
position: relative;
top: 50%;
height: 100%;
width: 100%;
    }
    .menu2023.open ul{
        opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
    }
    .newbook span{
        display:none;
    }
    .newbook{
        right: auto;
left: 20px;
font-size: 14px;
padding-right: 17px;
padding-left: 8px;
padding-top: 10px;
top: 16px;
padding-bottom: 8px;
position: fixed;
    }
    .bodywrap .triggerback{
        height:70px;
        background: #b79b86 url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_Texture_Colour.jpg);
background-size: cover;
background-position: center;
z-index: 5;
-webkit-box-shadow: -1px 5px 15px 1px rgba(0,0,0,0.51);
box-shadow: -1px 5px 15px 1px rgba(0,0,0,0.51);
    }
    .bodywrap .triggerback::before{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fabf77+0,fabf77+100&0+0,1+100 */
background: #fff6e9;
content:'';
width:100%;
height:100%;
position: absolute;
top:0px;
right:0px;
opacity: 0.7;
    }
    .bodywrap #trigger-overlay::after{
        content: 'MENU';
color: #2a4f37;
font-size: 8pt;
    }
    .bodywrap #trigger-overlay{
        background: transparent;
        border:0px;
    }
    .newbook div{
        width:15px;
    }
    .newlogo2 img{
        object-position: center;
    }
    .menu2023::before{
        display:none;
    }
    .newsubmenu{
        display: none;
opacity: 1;
visibility: visible;
position: relative;
z-index: 2;
border-bottom: solid 2px #7b8978;
    }
    .menu2023 li.menuopen .newsubmenu{
        display:block;
    }
    .menu2023 li.haschildren::before{
        content:'';
        
        width:100%;
        height:100%;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 1;
    }
    .menu2023 li.haschildren::after{
        width: 60px;
height: 85px;
content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/downarrow.png);
position: absolute;
top: 0px;
right: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: 20px auto;
    }
    .newmenu1.haschildren.menuopen::after{
        -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
    }
    .menu2023 li.menuopen > a{
        background: #2a4f37 !important;
    }
    .menu2023 li{
        position: relative;
        display:block;
    }
    .subdiv{
        width:100%;
        padding-bottom: 20px;
    }
    .newsubcontainer{
        flex-wrap: wrap;
    }
    .subdiv a{
        padding-left: 20px !important;
    }
    .subdiv a.submenuheading{
        padding-left:0px !important;
    }
    .menu2023 li a{
        text-shadow: none;
    }
    .menu2023 li > a{
        border-bottom:solid 2px #7b8978;
    }
    .menu2023 li.newmenu1 > a{
        color:#fff;
    }
    .hideonmobile{
        display:none !important;
    }
    .showonmobile{
        display:block !important;
    }
    .mobilelink1{
        color: #fff;
padding: 28px 25px;
letter-spacing: 0.5px;
text-decoration: none;
font-weight: 700;
font-size: 20px;
border-bottom: solid 2px #7b8978;
    }
    .extramessage3{
        background: #2a4f37;
color: #fff;
padding: 20px;
font-size: 11pt;
border-bottom: solid 2px #7c8a79;
text-decoration: none;
    }
    .spaceholder{
    
    height:70px;
    
}
.homectas{
    display:block;
}
.homectas a{
    display:block;
}
.bannerslider, .bannerslide, .topbannercontainer{
    height: 600px !important;
    max-height: 600px;
}
.home1image{
    width:100%;
    position:relative;
    height:400px;
}
.home1image::after{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,eaeaea+100&0+39,1+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4eadb+0,f4eadb+100&0+39,1+100 */
background: linear-gradient(to bottom,  rgba(244,234,219,0) 0%,rgba(244,234,219,0) 39%,rgba(244,234,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.home1text{
    width:90%;
    margin:auto;
    padding-top: 0;
margin-top: -50px;
padding-bottom: 160px;
}
.home1textcontainer{
    max-width:600px;
}
.home1textinner{
    margin-top:20px;
}
.homemailing{
    width: 95%;
}
.beermats{
    bottom: 80px;
width: 200px;
}
.chimney1{
   
}
.footerbrick .footerinner{
    padding-bottom: 100px;
    flex-wrap: wrap;
}
.cat{
    left:10%;
}
.footersection{
    width:50% !important;
    margin-bottom: 20px;
}
.splitimage{
    width: 100%;
height: 500px;
}
.splittext{
    width:100%;
    min-height: 400px;
padding-top: 80px;
padding-bottom: 80px;
}
.splittextinner{
    max-width:600px;
}
.homesection2{
    margin-top:-50px;
}
.splittext p{
    
    padding-left:0px;
}
.splittextinner .cutlink{
    margin-left:0px;
    
}
.homeweekends{
    right: auto;
left: 0;
top: auto;
bottom: -22px;
width: 200px;
}
.home7days{
    right: auto;
left: 20px;
top: auto;
bottom: -50px;
width: 120px;
}
.homesketch{
    width: 50%;
padding-left: 10px;
padding-right: 10px;
font-size: 11pt;
line-height: 1.2;
}
.booktitle{
    margin-top: -100px;
}
.bookingflex.width4cols .bookingbox{
    width: calc(50% - 20px);
}
.bookingflex.width3cols .bookingbox{
    width: 100%;
}
.homemenus{
    bottom: -60px;
width: 200px;
}
.homehotpot{
    width: 160px;
bottom: -0px;
left: -30px;
}
.homereviews{
    padding-bottom: 140px;
}
.homespotlight{
    display:none;
}
.experienceclapper{
    display:none;
}
.experienceleft, .experienceright{
    width:100%;
}
.flexsectionimage{
    width:100%;
    height: 500px;
}
.flexsectiontext{
    width:100%;
    min-height: 400px;
padding-top: 80px;
padding-bottom: 80px;
}
.flexsectiontextinner{
    max-width:600px;
}
.cinema .cinemaimage{
    margin-bottom:0px;
    height: calc(100% - 30px);
}
.flexsections .fade .cinemaimage::before, .flexsections .flex:nth-child(even).fade .cinemaimage::before, .specialflex .cinemaimage::before{
    
background: linear-gradient(to bottom,  rgba(244,234,219,0) 0%,rgba(244,234,219,0) 39%,rgba(244,234,219,1) 100%);
}
.flexsections .fade .flexsectiontextinner{
    
background: none;
padding: 0;
}
.flexsections .fade .flexsectiontext{
    margin-top: -120px;
}
.twentytwo{
    bottom: -150px;
}
.experienceslider .slick-list{
    padding-left: 0px !important;
}
.exhibitioncontent{
    overflow:hidden;
}
.agreyicon1{
    left: auto;
right: -50px;
width: 250px;
top: -15px;
}
.agreyicon4{
    display:none !important;
}
.agreyicon2{
    top: auto;
bottom: 380px;
}
.agreyicon3{
    top: 280px;
right: -180px;
width: 220px;
}
.agreyicon5{
    top: auto;
bottom: -30px;
width: 180px;
right: -90px;
}
.specialflex .flexsectiontextinner{
    background: none;
padding: 0;
}
.specialflex .flexsectiontext{
    margin-top: -120px;
}
.planheader{
    height:400px;
}
.plancontent{
    width:100%;
}
.pricebox{
    width:100%;
    margin-right:0;
}
.calleft, .calright, .facilitiessplit{
    width:100%;
    padding-right:0;
}
.calleft{
    margin-bottom:30px;
}
.mediablock{
    width: calc(50% - 20px);
}
.plangreen1::before, .plangreen2::after{
    width:70%;
}
.plangreen2::before{
    width:55%;
}
.groupblock, .whatsonbox{
    width: calc(50% - 20px);
}
.groupboxes{
    margin-top:0px;
}
.hireducks{
    top: calc(100% - 100px);
}
.newspaper img{
    top: -100px;
width: 150px;
}


    
}










@media (max-width: 700px) {
    .footerlogo{
        width:100%;
    }
    .bannertext1, .bannertext5, .bannertext3{
        font-size: 22pt;
padding-left: 20px;
padding-right: 20px;
    }
    .bannerslide{
        background:#000 !important;
        background-image:none !important;
    }
    .bannerslideimage{
        display:block !important;
    }
    .starblog a{
        width:100%;
    }
    .starblog{
        margin-bottom:40px;
    }
    .experienceslidecontent{
        min-height: 94px;
    }
    
    .bannertext2{
        font-size: 12pt;
line-height: 1.2;
margin-top:10px;
    }
    
    .bannertext4{
        font-size: 30pt;
    }
    .bannerleftarrow{
        left:5px;
    }
    .bannerrightarrow{
        right:5px;
    }
    .bannerslider, .bannerslide, .topbannercontainer{
        height: 500px !important;
max-height: 500px;
    }
    .bannerslider .downlink{
        display:none;
    }
    .bookingheader{
        margin-bottom:10px;
    }
    .vidoverlay::before{
        content:'';
        background: #000;
        opacity: 0.3;
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    }
    .bodywrap .homemobileimagenew{
        display: block;
position: absolute;
width: calc(100% + 100px);
height: 100%;
object-fit: cover;
max-width: 200%;
-webkit-animation: mainken 40s infinite;
animation: mainken 40s infinite;
animation-timing-function: linear;
-webkit-animation-timing-function: animation-timing-function: linear;
transform: translateX(0px);
-webkit-transform: translateX(0px);
    }
    .topbannercontainer{
        overflow: hidden;
    }
    .menu2023 li .newsubcontainer a span{
        font-weight:300;
        font-size: 11pt;
    }
    .mailingman{
        width: 60px;
    }
    .mailingtext{
        padding-left: 30px;
width: 100%;
line-height: 1.3;
    }
    .homemailing{
        padding-right: 10px;
    }
    .beermats{
        
width: 150px;
    }
    .mailingtext h2{
        margin-bottom: 10px;
font-size: 20pt;
padding-right: 60px;
    }
    .mailingtext p{
        font-size: 12pt;
    }
    #wosform3 .g-recaptcha, #wosform9 .g-recaptcha{
        position: relative;
left: -70px;
    }
    .footersection #wosform3 .g-recaptcha, .footersection #wosform9 .g-recaptcha{
        left:0px;
    }
    .homeform .formrow{
        padding-top:0;
    }
    .home1textinner{
        margin-top:0;
    }
    .bricktext1{
        font-size: 25pt;
    }
    .bricktext2{
        font-size: 45pt;
    }
    .bricktext3{
        font-size: 50pt;
    }
.bricktext4{
        font-size: 25pt;
    }
    .bricktext5{
        font-size: 50pt;
    }
    .footersection, .footersmallprint{
        width:100% !important;
        margin-bottom: 20px;
    }
    .footerbrick .footerinner{
        flex-wrap: wrap;
    }
    .chimney2{
        width: 60%;
    }
    .cat{
        width: 25%;
    }
    .moreslider .slick-list{
        padding-left:40px !important;
    }
    .instaslider .slick-list{
        padding-left:20px !important;
    }
    .bodywrap h2, .bodywrap h3, .bodywrap h4, .splittext h1{
        line-height: 1.2;
    }
    .splitimage{
        height:400px;
    }
    .sketchtitle{
        width:85%;
        margin-left:auto;
        margin-right:auto;
    }
    .sketchtitle{
        font-size:20pt;
    }
    .sketchtitle span{
        font-size:30pt;
    }
    .bookheader img{
        vertical-align: bottom;
width: 180%;
max-width: 200%;
position: relative;
left: -35%;
    }
    .bookheader{
        overflow:hidden;
    }
    .bookheader::before{
        z-index:2;
    }
    .booktitle{
        z-index:3;
    }
    .booktitle h1 span:nth-child(1), .shadowtitle div span:nth-child(1){
        font-size: 30pt;
display: block;
    }
    .booktitle h1 span:nth-child(2), .shadowtitle div span:nth-child(2){
        font-size: 30pt;
    }
    .booktitle h1 span:nth-child(4), .shadowtitle div span:nth-child(4){
        font-size: 40pt;
    }
    .booktitle{
        margin-top: -70px;
    }
    .bookingbox{
        width:100% !important;
        padding-bottom: 15px;
    }
    .bookingtext1{
        width:60%;
        padding-top:10px;
        padding-right: 0px;
    }
    .bookingpic{
        width:40%;
        height: 130px;
    }
    .bookingtext1 h2{
        font-size: 14pt;
    }
    .bookingbody li{
        margin-bottom: 0px;
        font-size: 10pt;
    }
    .bookingbody{
        margin-top:0px;
    }
    .bookingbody h3{
        font-size:11pt;
    }
    .callout{
        right: auto;
left: -10px;
font-size: 10pt;
    }
    .callout span{
        max-width:90px;
    }
    .bookingspecialbox .bookingpic{
        width:100%;
        height: 180px;
    }
    .specialcallout{
        font-size: 35pt;
    }
    .bookingspecialbox .bookingtext1{
        width: 100%;
padding-top: 10px;
padding-left:0px;

    }
    .homeclapper{
        z-index: 3;
width: 150px;
right: -50px;
bottom: -40px;
    }
    .bricksketch1, .bricksketch2{
        display:none !important;
    }
    .bricksketch3{
        top: 50%;
left: -50px;
width: 100px;
    }
    .bricksketch4{
        top: -20px;
right: -20px;
width: 120px;
    }
    .homesketches{
        overflow: hidden;
    }
    .bricksketch5{
        bottom: 20px;
left: -10%;
width: 90%;
    }
    .greyicon1{
        left: auto;
right: -80px;
width: 250px;
top: -10px;
    }
    .greyicon2, .greyicon3, .greyicon4{
        display:none !important;
    }
    .classicbannerinner h1, .experienceleft h2{
        font-size: 26pt;
        text-shadow: none;
    }
    .classicbanner{
        min-height: 380px;
    }
    .classicbannerinner h1{
        padding-bottom:20px;
        line-height:1.1;
    }
    .opening{
        display:block;
        padding-left: 5%;
    }
    .greenbannerinner{
        width:100%;
    }
    .openingbook{
        margin-top: 10px;
margin-bottom: 10px;
    }
    .supplimentary{
        padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
    }
    .classicbanner::after{
        content: '';
width: 100%;
height: 60%;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
position: absolute;
bottom: 0px;
left: 0px;
opacity: 0.6;
z-index: 1;
    }
    .classicbannerinner{
        z-index: 2;
    }
    .experiencecontent{
        padding-top:40px;
        padding-bottom: 50px;
    }
    .experienceleft{
        padding-right:0;
    }
    .experienceslider{
        padding-left:0;
    }
    .experienceh3{
        font-size: 26pt !important;
padding-left: 0px;
padding-right: 0px;
margin-top: 40px;
max-width: 280px;
margin-left: auto;
margin-right: auto;
    }
    .cat2{
        width: 130px;
bottom: 20px;
left: -40px;
    }
    .flexsectiontext{
        padding-top: 60px;
padding-bottom: 60px;
    }
    .flexsectionimage{
        height:300px;
    }
    .twentytwo{
        right: -20px;
bottom: -60px;
width: 140px;
    }
    .beerpump{
        bottom: -20px;
left: -70px;
width: 150px;
    }
    .flexsections h2, .flexsections h3{
        font-size:30pt;
    }
    .flexbrickicon1{
        top: 320px;
    }
    .flexbrickicon2{
        top: 400px;
width: 120px;
    }
    .exhibitionsections .flex{
        width:100%;
    }
    .exhibitionsections .flex:nth-child(2).cinema .cinemaimage{
        margin-top: 0;
    }
    .hubblocks a, .hubextra a{
        width:100% !important;
    }
    .hubbanner h1{
        font-size: 80pt;
        bottom: -20px;
    }
    .hubbanner{
        height:300px;
    }
    .fanhubleft{
        width:90%;
        min-height: 00px;
padding-top: 20px;
padding-bottom: 20px;
margin:auto;
    }
    .fanhubright{
        width:100%;
        height:300px;
    }
    .fanhubleftcontent{
        width:100%;
    }
    .fanhubsingleheader{
        width:100%;
    }
    .fanhubwrap{
        padding-top:20px;
    }
    .fanhubback{
        text-align:left;
        padding-left:5%;
        font-size: 12pt;
    }
    .bookingspecialbox p{
        font-size:10pt;
    }
    .specialflex h1{
        font-size: 30pt;
    }
    .plangreen1inner h1, .plangreen1inner h2, .plangreen2inner h2, #newbody .finduscontent h2{
        font-size:30pt;
        text-shadow:none;
    }
    .planheader{
        height:300px;
    }
    .plangreen1inner{
        margin-top:0;
        padding-top:40px;
    }
    .skiplinks span{
        display:block;
    }
    .plancontent{
        padding-top:40px;
        padding-bottom:40px;
    }
    .plancalinner h3, .pricebox h3{
        font-size: 15pt;

    }
    #findus{
        padding-bottom: 0;
    }
    .mediablock{
        width: calc(100% - 20px);
    }
    .mediablock{
        font-size:11pt;
    }
    .mobilebooklink{
    display: inline-block;

}
.desktopbooklink{
    display: none;

}
.instasection h3{
    font-size: 14pt;
}
.weddingheader{
    height:450px;
}
.weddingbanner h1{
    font-size:30pt;
}
.weddingbanner p{
    font-size: 16pt;
}
.weddingnewsman{
    width:100px;
}
.weddingbride{
    right: -60px;
    width: 170px;
}
.page-template-Weddings .bricksketch3{
    position: absolute;
top: -20px;
left: -20px;
width: 120px;
}
.page-template-Weddings .bricksketch5{
    bottom: 40px;
}
.groupblock, .whatsonbox{
    width: calc(100% - 20px);
}
.hireducks{
    top: calc(100% - 80px);
left: -20px;
z-index: 1;
width: 180px;
}
.weddingdukebox{
    position: absolute;
top: -70px;
left: -20px;
width: 140px;
}
.key1, .key2, .key3, .key4, .key5{
    font-size:10pt;
}
.schoolsleft{
    width:100%;
    padding-top: 40px;
padding-bottom: 80px;
}
.schoolright{
    width: 95%;
    margin-left: auto;
margin-right: 0;
}
.newsman2{
    position: absolute;
right: 0px;
top: -90px;
width: 100px;
}
.schoolscontent{
    padding-bottom: 40px;
    margin-top: -30px;
}
.schoolscontent h1{
    font-size: 34pt;
    margin-bottom: 20px;
}
.rivetheader{
    height: 300px;
margin-left: 20px;
margin-right: 20px;
}
.rivetgreen{
    padding-top: 20px;
}
.spots{
    right: 90%;
top: calc(100% - 40px);
width: 120px;
}
.newtonsign1{
    right: -40px;
top: -40px;
width: 200px;
}
.instasection h4 a{
    font-size: 14pt;
}

}

















body{
    margin: 0;
padding: 0;
background: #006a52;
font-family: avenir,sans-serif;
font-weight: 400;
line-height: 1.5;
color: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body#newbody{
    font-family: 'avenir',sans-serif;
    background: #f4eadb;
    color:#000;
    font-weight: 500;
    font-size:14pt;
}

h1, h2, h3, h4{
    font-weight:700;
}

.video-background{
    background: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
height: 100%;
overflow: hidden;
width: 100%;
}
.video-background::after{
    content: '';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.video-foreground, .video-background iframe{
    position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.video-foreground{
    height: 300%;
top: -100%;
}





.splitheader{
    width:100%;
    height:70vh;
    max-height:500px;
    background-size: cover !important;
background-position: top right !important;
}
.menucontainer{
background: #c1a01e;
text-align: center;

width: 100%;
z-index: 2;
}
.menucontainer.fixed{
    position: fixed;
top: 0px;
}
.spaceholder.activate{
    height:60px;
}
.minilogo{
    position: absolute;
display: inline-block;
width: auto;
left: 0px;
top: 5px;
overflow: hidden;
opacity: 1;
height: 50px;
}
.minilogo img{
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
height: 100%;
width: auto;
}
.menucontainer.fixed .minilogo img{
    -webkit-transform: translateY(0%);
transform: translateY(0%);
}
.menucontainer ul{
    margin: auto;
width: calc(100% - 25px);
max-width: 1170px;
position: relative;
}
.menucontainer li{
    display: inline-block;
margin: 0;
position: relative;
}
.menucontainer li a{
display: block;
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #fefefe;
padding: 18px 15px;
}
.menucontainer li a:hover{
    text-decoration:underline;
    text-decoration-style: solid;
}
.hero{
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: calc(100vh - 128px);
    background-position: top center !important;
background-size: cover !important;
position: relative;
z-index: 1;
align-items: center;
}
.logobar{
    margin: auto;
width: 90%;
max-width: 1170px;
position: relative;
padding-top:30px;
margin-top: 0;
z-index: 2;
}
.logobarouter{
    position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.headerlogo{
    width:412px;
}
.footer{
    background:#000;
    padding-top:80px;
    padding-bottom:80px;
}
.maincontent{
    margin: auto;
width: 90%;
max-width: 1170px;
position: relative;
}
.footerleft{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 250px);
}
.footerright{
    display:inline-block;
    vertical-align:top;
    width:250px;
    text-align:right;
}
.footerleft span{
    font-weight:700;
    font-size: 26px;
    margin-bottom:30px;
    display:block;
}
.footerleft ul{
    list-style:none;
}
.footerleft li{
    display:inline-block;
    margin-right:25px;
}
.footerleft li a{
    text-decoration:none;
    font-size: 18px;
    border-bottom: 1px solid transparent;
}
.footerleft li a:hover{
    border-bottom: 1px solid #fff;
}
.footerright span{
    line-height: 1.1;
font-size: 10px;
color: hsla(0,0%,100%,.5);
display: block;
}
.footerright p{
    margin: 10px 0;
font-size: 12px;
opacity: .8;
}
.footersocial{
    width: 40px !important;
text-decoration: none;
display: inline-block;
margin-left: 5px;
margin-bottom: 8px;
background: #d5bd9a;
padding: 5px;
border-radius: 5px;
}
.footerright span a:hover{
    color:#fff;
}
.homeslide a{
    position:relative;
    display:block;
}
.homeslide a img{
    position:relative;
    z-index:1;
    width: 100%;
}
.sliderimage{
    position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat;
    -webkit-clip-path: url(#svg-clip-path__frame-hero);
clip-path: url(#svg-clip-path__frame-hero);
}
.svg-clip-paths{
    position: absolute;
width: 0;
height: 0;
}
.homeslide a{
    margin:40px;
    margin-top:20px;
    margin-bottom: 80px;
}
.homeslide a::after{
    content: "";
display: block;
margin: 0 auto;
width: 90%;
height: 15px;
border-radius: 20px;
    -webkit-box-shadow: 0 40px 25px 0 #000;
box-shadow: 0 40px 25px 0 #000;
position: absolute;
bottom: 0;
}
.homeslide.slick-center a{
    margin:0;
}
.next2{
    width:44px;
    height:44px;
    display:inline-block;
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/next.79d1cf4a.svg);
    vertical-align: middle;
    margin: 3px;
    cursor:pointer;
}
.prev2{
    width:44px;
    height:44px;
    display:inline-block;
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/prev.8f5dd9eb.svg);
    vertical-align: middle;
    margin: 3px;
    cursor:pointer;
}
.dotty{
    display: inline-block;
    vertical-align: middle;
}
.slick-dots{
    display:inline-block;
}
.slick-dots li{
    width:40px;
    height:40px;
    display:inline-block;
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/bullet-empty.8252a0e0.svg);
    background-size:100% auto;
    font-size:0;
    vertical-align: middle;
    margin: 3px;
    cursor:pointer;
}
li.slick-active{
     background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/bullet.ca93500a.svg);
     background-size:100% auto;
}
.wallsection{
     background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/wall-texture.jpg);
     background-size: 100% auto;
padding-top: 50px;
padding-bottom: 20px;
position: relative;
}
.offwhite{
    background: #f3f2f0;
    color:#000;
    display:flex;
    min-height: 500px;
    flex-wrap: wrap;
    
    flex-direction: row;
}
.offwhite.reverse{
    flex-direction: row-reverse;
}
.offwhitetext{
    width:50%;
    align-items: center;
display: flex;
padding-top:50px;
padding-bottom:50px;
}
.offwhiteimage{
    width:50%;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.offwhitetextinner{
    width: 80%;
max-width: 450px;
margin: auto;
}
.offwhiteimage span{
    background: #000;
color: #fff;
position: absolute;
right: auto;
left:20px;
bottom: 20px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}
.reverse .offwhiteimage span{
    background: #000;
color: #fff;
position: absolute;
right: 20px;
bottom: 20px;
left:auto;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}
.offwhite a, .experience2inner a{
    background: #c1a01e;
display: inline-block;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
padding-left: 25px;
padding-right: 25px;
font-size: 18pt;
font-weight: 600;
text-decoration: none;
line-height: 1.2;
color:#fff;
}
.offwhite a:hover, .experience2inner a:hover, .homeherocontainer a:hover{
    background: #000;
}
.goldbar{
    background: #c1a01e;
text-align: center;
color:#fff;
}
.goldbarinner{
    width:90%;
    margin: auto;
    line-height: 1.2;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18pt;
font-weight: 600;
}
.goldbarinner a{
    background: #000;
display: inline-block;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
padding-left: 25px;
padding-right: 25px;
font-size: 18pt;
font-weight: 600;
text-decoration: none;
line-height: 1.2;
color: #fff;
}
.goldbarinner span{
    display:inline-block;
    margin-right: 20px;
}
.experiencephotos{
    display: flex;
padding: 15px;
margin-bottom: 30px;
}
.experiencephotos div{
    width: calc(25% - 30px);
position: relative;
margin: 15px;

}
.experiencephotos div::before{
    content: "";
display: block;
padding-top: 100%;
}
.experiencephotos img{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    object-fit: cover;
}
.experienceheader{
    min-height:60vh;
    background-size: cover !important;
background-position: center !important;
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.experiencelogo{
    width: 80%;
max-width: 500px;
position: relative;
}
.experienceheader::before{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background: #000;
    opacity: 0.3;
}
.experience1{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/texturespotlights1.jpg);
color: #fff;
padding-top: 150px;
padding-bottom: 130px;
background-size: cover !important;
background-position: top center;
position: relative;
}
.experience1inner{
    width: 80%;
max-width: 800px;
margin: auto;
text-align: center;
}
.cky-btn-revisit-wrapper::before{
    content: attr(data-tooltip);
position: absolute;
background: #2A4F37;
color: #ffffff;
right: 0 !important;
font-size: 12px;
line-height: 16px;
width: 65px !important;
padding: 4px 8px;
border-radius: 4px;
border:solid 1px #fff;
}
.cky-btn-revisit-wrapper::after{
    display:none;
}
.cky-btn-revisit img{
    display:none;
}
.cky-revisit-bottom-right{
    background: transparent !important;
}
.experience2{
    background: #f3f2f0;
    padding-top: 80px;
padding-bottom: 50px;
color:#000;
position: relative;

}
.experience2inner{
    width: 80%;
max-width: 900px;
margin: auto;
text-align: center;
}
.experience2inner p, .experience1inner p{
    margin-bottom: 25px;
font-size: 19px;
line-height: 1.8;
}
.experience2 .experience2inner h2{
    color: #006a52;
}
.experience3{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/wall-texture.jpg);
background-size: 100% auto;
    padding-top: 80px;
padding-bottom: 50px;
}
.clapper2{
    position: absolute;
right: -70px;
bottom: -80px;
width: 300px;
}
.clapper1{
    position: absolute;
top: -140px;
right: -60px;
width: 250px;
pointer-events: none;
   }





.newintro{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/texturespotlights1.jpg);
color: #fff;
padding-top: 150px;
padding-bottom: 130px;
background-size: cover !important;
background-position: top center;
position: relative;
}
.newintro::before{
    content:'';
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: #000;
    opacity: 1;
    -webkit-transition: opacity .8s,background .8s,-webkit-transform .8s, color .8s;
transition: opacity .8s,background .8s,-webkit-transform .8s, color .8s;
-o-transition: transform .8s,opacity .8s,background .8s, color .8s;
   }
   .newintro.desktopswitch::before{
    opacity: 0;
   }
.newintroinner{
    width:80%;
    max-width:680px;
    margin:auto;
    text-align: center;
    position: relative;
}
.newintro p{
    margin-bottom: 25px;
font-size: 19px;
line-height: 1.8;
}
.newintro h1{
     margin-bottom: 25px;
}
.offwhite h2{
    color:#006a52;
    margin-bottom:25px;
}
.offwhite p{
    margin-bottom: 25px;
font-size: 17px;
line-height: 1.8;
}
.offwhitetext img{
    margin-bottom: 25px;
}
.slidercontainer{
    position: relative;
width: calc(100% - 60px);
margin: auto;
margin-bottom: 0;
z-index: 2;
}
.homeherocontainer{
    position: relative;
width: calc(100% - 60px);
margin: auto;
z-index: 2;
text-align: center;
padding-bottom: 0px;
}
.homeherocontainer img{
    width: 80%;
max-width: 500px;
}
.homeherocontainer div{
line-height: 1.2;
    display: inline-block;
background: #006448;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-size: 18pt;
font-weight: 600;
padding-left:20px;
padding-right:20px;
padding-bottom:30px;
}
.homeherocontainer a{
    background: #c1a01e;
display: inline-block;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
padding-left: 25px;
padding-right: 25px;
font-size: 18pt;
font-weight: 600;
text-decoration: none;
line-height: 1.2;
top: -20px;
}
.slidercont{
    position:relative;
    display:block;
    text-align:center;
    margin-bottom: 30px;
    margin-top: -40px;
}
.next2:hover, .prev2:hover, .slick-dots li:hover{
    opacity:0.8;
}

.mobilemenu{
    display:none !important;
}
.topsubmenu{
    display:none;
}
.menucontainer .footersocial{
    display:none;
}
.maincontent h2, .maincontent h3{
    font-size: 22pt;
margin-bottom: 15px;
}
.margintop{
    margin-top:60px;
}
.marginbottom{
    margin-bottom:60px !important;
}
.paddingtop{
    padding-top:60px;
}
.paddingbottom{
    padding-bottom:60px;
}
.aboutimage{
    display:inline-block;
    width:50%;
    vertical-align:top;
    position:relative;
}
.aboutimage img{
    width:100%;
    position:relative;
    z-index:1;
}
.abouttext{
    display:inline-block;
    width:50%;
    vertical-align:top;
    padding-left:80px;
}
.maincontent p{
    margin-bottom: 15px;
    font-size: 17px;
line-height: 1.8;
}
.maincontent .abouttext p{
    font-size: 15px;
}
.aboutpic{
    -webkit-clip-path: url(#svg-clip-path__frame-about);
clip-path: url(#svg-clip-path__frame-about);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center !important;
background-size: cover !important;
}
.icon{
    background: #000;
border: solid 3px #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 48px;
height: 48px;
display: inline-block;
text-align: center;
margin-right: 15px;
}
.icon img{
    vertical-align:baseline;
}
.aboutframes iframe{
    width:48%;
    display:inline-block;
    vertical-align:top;
    border:solid 4px #fff;
}
form input{
    color:#000;
}
.formrow label{
    display:none;
}
.newform input[type=checkbox]::before{
    content: '';
background-color: #fff;
border: 2px solid #154c31;
width: 20px;
height: 20px;
position: absolute;
}
.newform input[type=checkbox]::after{
    content: "";
opacity: 0;
display: block;
left: 5px;
top: 2px;
position: absolute;
width: 7px;
height: 13px;
border: 3px solid #000;
border-top: 0;
border-left: 0;
transform: rotate(30deg);
}
.showlabel{
    display: inline-block;
width: calc(100% - 25px);
text-align: left;
}
.selectmulti{
    background: #fff;
}
.page-template-contact input, .page-template-contact textarea{
    padding-left:20px;
}
.page-template-contact #gdpr_1_1_1{
    padding-left:0;
}
.page-template-contact #field_63{
    padding-left: 20px;
margin-left: 10px;
margin-bottom: 10px;
}
.ginput_container_text input, .ginput_container_email input, .inputwrap input{
    height:60px;
    width:100% !important;
    border: 0;
    margin-top: 0 !important;
}

.ginput_container_textarea textarea, .formrowfull textarea{
    height:300px !important;
    width:100% !important;
    border: 0 !important;
    padding-top: 10px;
}
.gform_wrapper form, .newform{
    background-color: #c2c5bb;
    padding: 30px;
    font-size: 15pt;
}
.smallprint{
    background-color: #c2c5bb;
    padding: 30px;
    padding-top:0px;
    text-align: left;
    margin-top: 0px;
}
.gform_footer{
    display:inline-block;
    padding: 0px !important;
    vertical-align: top;
}
.gform_footer input, .newform input[type=submit]{
   display: inline-block !important;
background: #fff !important;
border: solid 4px #000 !important;
padding: 9px 15px !important;
font-weight: 700 !important;
color: #000 !important;
font-size: 18pt !important;
margin: 0 !important;
vertical-align: top;

}
.newform input[type=submit]:hover{
    background: #000 !important;
    color:#fff !important;
}
.newform .g-recaptcha{
    display:inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 20px;
}
.newform .sendbutton{
    display:inline-block;
    width: 50%;
    text-align: right;
    vertical-align: top;
    margin-top: 20px;
}
#gform_wrapper_1 .gform_footer{
    width:auto !important;
    clear:none !important;
}
#gform_wrapper_1 .gform_body{
    display:inline-block;
    width: calc(100% - 130px);
}
::placeholder{
    color:#000 !important;
}
input:focus, textarea:focus{
    outline:0;
}
#gform_wrapper_1{
    margin-top:40px;
}
.footerslidercontainer{
    margin: auto;
width: 90%;
max-width: 1170px;
position: relative;
}
.slick-track{
    margin-left:0 !important;
}
.footersliderframe{
    position: relative;
}
.footersliderframe img{
    position: relative;
z-index: 1;
width: 100%;
}
.footersliderimage{
    position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat;
-webkit-clip-path: url(#svg-clip-path__frame-more-from-itv);
clip-path: url(#svg-clip-path__frame-more-from-itv);
}
.footerslide a{
    padding-right: 30px;
display: block;
text-decoration: none;
}
.footerslide a p{
    font-weight: 700;
font-size: 18pt;
line-height: 1.1;
margin-top: 15px;
margin-bottom: 15px;
min-height: 52px;
}
.footerslide a span{
    background: #fff;
color: #000;
border: solid 4px #000;
font-weight: 700;
padding: 5px 10px;
display: inline-block;
}
.footerslide a:hover span{
    background: #000;
    color:#fff;
}
.findus{
    position: relative;
    padding-top:80px;
    padding-bottom:150px;
    background: #000;
}
.findusmap{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-position: top center !important;
    background-size: auto 900px !important;
    background-repeat: no-repeat !important;
}
.findus .maincontent{
    z-index: 1;
}
.fancy-box__bottom, .fancy-box__top{
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
}
.fancy-box__bottom-middle, .fancy-box__top-middle{
    height: 100%;
width: calc(100% - 60px);
}
.fancy-box__top-middle{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-top-middle.36d2d405.svg);
}
.fancy-box__bottom:after, .fancy-box__bottom:before, .fancy-box__top:after, .fancy-box__top:before{
    content: "";
display: block;
height: 100%;
width: 30px;
}
.fancy-box__top:before{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-top-left.3dd0fd69.svg);
}
.fancy-box__top:after{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-top-right.80d9ca61.svg);
}
.fancy-box__middle{
    padding: 0 30px;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-middle-left.63c2dc4e.svg) 0/30px repeat-y,url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-middle-right.ea150aad.svg) 100%/30px repeat-y,#006a52;
}
.fancy-box__middle:after, .fancy-box__middle:before{
    display: table;
content: " ";
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.fancy-box__middle:after{
    clear: both;
}
.fancy-box__bottom:before{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-bottom-left.32046587.svg);
}
.fancy-box__bottom:after{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-bottom-right.35bc3746.svg);
}
.fancy-box__bottom-middle{
    background-image: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/box-bottom-middle.02ee26eb.svg);
}
.fancy-box{
    width: 50%;
}
.tabcontent{
    display:none;
}
.tabcontent.open{
    display:block;
}
.tabs div{
    background-color: rgba(0,0,0,.2);
display: inline-block;
vertical-align: top;
padding: 10px 30px;
font-weight: 700;
font-size: 13pt;
cursor: pointer;
}
.tabs div.checked{
    background: #c1a01e;
}
.tabs{
    margin-bottom: 20px;
}
.findintro p{
    font-size: 16pt;
}
.faqs{
    background: linear-gradient(180deg,rgba(104,93,84,.8) 0,#2a4f37 80vh),url(https://www.emmerdalevillagetour.co.uk/wp-content/uploads/2024/03/The_Woolpack_037_UNCROPPED.jpg) top/100% auto no-repeat;
    min-height:calc(100vh - 60px);
}
.faqcontent{
    display:none;
    padding-bottom:20px;
}
.faqdiv div{
    display:none;
    padding-bottom: 10px;
}
.faqs h3{
    padding-right: 42px;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/expand.7b9095e1.svg) no-repeat;
background-size:40px 40px;
background-position: right top;
cursor: pointer;
}
.faqs h3:hover{
    color:#a0ad39;
}
.faqs h3.toggledon{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/collapse.4211d904.svg) no-repeat;
    background-size:40px 40px;
    background-position: right top;
}
.faqbox{
    border-bottom:solid 1px #fff;
    margin-bottom: 10px;
}
.faqdiv h4{
    cursor: pointer;
    padding-right: 42px;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/expand.7b9095e1.svg) no-repeat;
background-size:30px 30px;
background-position: right top;
padding-bottom: 20px;
padding-top: 10px;
font-style: italic;
font-size: 18pt;
}
.faqdiv h4:hover{
    color:#a0ad39;
}
.faqdiv h4.toggledon{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/collapse.4211d904.svg) no-repeat;
    background-size:30px 30px;
    background-position: right top;
}
.faqdiv{
    border-bottom:solid 1px #fff;
    margin-bottom: 10px;
}
.faqdiv:nth-last-child(1){
    border-bottom:solid 1px rgba(0,0,0,0);
}

.scrolltotop{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/top.50ba9700.svg) no-repeat;
    background-size:40px 40px;
    background-position: left top;
    font-weight:700;
    font-size:18pt;
    padding-left: 50px;
margin-top: 40px;
padding-bottom: 20px;
cursor: pointer;
}
.scrolltotop:hover{
    color:#c1a01e;
}
.contactcontent .tabs{
    background: #000;
    margin-bottom:0;
}
.contactcontent .tabs div{
    padding: 20px 30px;
}
.formrow, .contactcontent .gform_fields .gfield:nth-child(1), .contactcontent .gform_fields .gfield:nth-child(2), .contactcontent .gform_fields .gfield:nth-child(3), .contactcontent .gform_fields .gfield:nth-child(4){
    width:50%;
    display:inline-block;
    padding: 10px;
}
.formrowfull{
    width:100%;
}
.contactcontent .gform_fields .gfield:nth-child(5){
    padding: 10px;
}
.contactcontent .gform_fields{
    display:block !important;
}
.contactcontent .gform_fields input, .contactcontent .gform_fields textarea{
    font-size: 15pt !important;
}
.contactcontent .tabcontent{
    text-align: right;
}
.page-template-text h4{
    font-size:16pt;
    margin-bottom:15px;
}
.page-template-text .maincontent p{
    font-size: 15px;
}
.page-template-text .maincontent ul{
    font-size: 15px;
    margin-bottom:15px;
    margin-left: 1.25rem;
}
.page-template-text h3{
    background: transparent;
}
.page-template-text h3{
    cursor: text;
    color:#fff !important;
}
.booklink{
    position:absolute;
    top:30px;
    right:260px;
    display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width:108px;
height:108px;
background: #c1a01e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-decoration: none;
font-weight:700;
font-size:12pt;
border: solid 2px #fff;
}
.booklink2{
    right:130px;
    font-size:13pt;
}
.booklink3{
    right:0px;
    font-size:12pt;
}
.booklink:hover{
    background: #000;
}
.booklink::before{
    content:'';
    width:4px;
    height:4px;
    background: #fff;
    position: absolute;
    bottom:8px;
    left:calc(50% - 2px);
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.booklink::after{
    content:'';
    width:4px;
    height:4px;
    background: #fff;
    position: absolute;
    top:8px;
    left:calc(50% - 2px);
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.booklink span{
    display: block;
text-align: center;
line-height: 1;
}
.footerbooklink{
    display:none;
    text-decoration: none;
font-weight:700;
font-size:14pt;
border: solid 2px #fff;
background: #000;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding:5px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.footerbooklink::before{
    content:'';
    width:4px;
    height:4px;
    background: #fff;
    position: absolute;
    left:8px;
    top:calc(50% - 2px);
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.footerbooklink::after{
    content:'';
    width:4px;
    height:4px;
    background: #fff;
    position: absolute;
    right:8px;
    top:calc(50% - 2px);
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.aboutblock{
    -ms-flex-direction: row;
flex-direction: row;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.aboutblock:nth-child(odd){
    -ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.aboutblock:nth-child(odd) .abouttext{
    padding-right: 80px;
    padding-left: 0px;
}
.aboutblock .aboutimage{
    align-self: flex-start;
}
.homeintro{
    text-align: center;
    margin: auto;
    max-width:700px;
}

.modal{
       z-index:9999;
       position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll;
    }
    .modal-content iframe{
        margin: 0 auto;
        display: block;
	width:100%;
	height:100%;
    }
    .modal-body{
       position: relative;
padding: 15px;
height:90%;
    }
    .modal-content{
       height: 100%;
border-radius: 0px;
background-color: #000;

    }
    .modal-header{
	min-height: 16.428571429px;
padding: 5px;
border-bottom: 1px solid #006a52;
height: 10%;
text-align: center;
padding-top: 20px;
    }
    .modal-dialog{
       width:100%;
       height:100%;
       margin:0px !important;
    }
    .closemodal{
       color: #fff !important;
opacity: 1;
background: #006a52 !important;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
padding-left:40px;
padding-right:40px;
border:none !important;
    }
    
#myBtn:hover{
      
}
.modallink{
       position:absolute;
       top:30%;
       width:100%;
       text-align: center;
       font-weight:700;
       color:#fff;
       font-size:40pt;
       text-shadow: 4px 4px 4px rgba(0, 0, 0, 1);
}
.modalblue{
    background: rgba(79, 127, 112, 0.85);
width: 100%;
text-align: center;
position: absolute;
bottom: 0px;
padding-top: 30px;
padding-bottom:30px;
white-space: normal;
}
.modalblueinner{
    width:90%;
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
}
.modallinkinner{
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:solid 8px #fff;
width:150px;
height:150px;
margin-left:auto;
margin-right:auto;
}
.modallinkinner img{
    width: 80px;
padding-top: 21px;
padding-left:10px;
}
.fade{
    opacity: 1;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in{
    opacity: 1;
}
#myBtn{
    
display:block;
color: #fff;

position: relative;
overflow: hidden;
font-size: 11pt;
transform: scale(1);
-webkit-clip-path: url(#svg-clip-path__frame-hero);
clip-path: url(#svg-clip-path__frame-hero);
}
#myBtn img{
    position: relative;
z-index: 1;
width: 100%;
}
.vidoverlay{
    -ms-flex-direction: row;
flex-direction: row;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
position: absolute;
top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 2;
}
.vedoverlayinner{
    align-self: center;
width: 90%;
text-align: center;
margin: auto;
line-height: 1;
}
.vedoverlayinner img{
    width:80px !important;
    transform: scale(1);
    transition: all .2s ease-in-out;
}
.vedoverlayinner span{
    display: block;
font-weight: 700;
font-size: 22pt;
margin-top: 10px;
}
.vidimage{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-position: center !important;
    background-size: cover !important;
    transform: scale(1);
    transition: all .2s ease-in-out;
opacity: 0.6;
}
#myBtn:hover .vidimage{
    transform: scale(1.2);
}
.vedoverlayinner:hover img{
    transform: scale(1.2);
}
.playinner{
    background: #a8996d;
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 60px;
height: 60px;
margin-bottom: 5px;
padding:8px;
margin-left:auto;
margin-right:auto;

}
.playinner.animate{
    -webkit-animation: grow 3s ;
    animation: grow 3s ;
    
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count:3;
}
/* Standard syntax */
@keyframes grow {
   0% {}
  
  50% {
  transform: scale(1.2);}
 
  
    100% {}
}

@-webkit-keyframes grow {

  0% {}
  
  50% {
  transform: scale(1.2);}
 
  
    100% {}
}
.modalimage1{
    display:block;
}
.modalimage2{
    display:none;
}

.newlogo{
    display:none;
}
.page-template-home .pnlm-load-button{
    height: 66px;
width: 66px;
margin: -33px auto 0 -33px;
background: #fefefe url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/360.30612dbc.svg) 50%/36px no-repeat;
border: 3px solid #000;
border-radius: 50%;
}
.page-template-home .pnlm-load-button p{
    display:none;
}
.page-template-home .pnlm-load-button:hover{
    background-color:#fff;
}
#panorama, #panoramatwo{
    display:inline-block;
    width:calc(50% - 10px);
    vertical-align:top;
    border:solid 6px #fff;
}
#panorama{
    margin-right:10px;
}
#panoramatwo{
    margin-left:10px;
}
#panorama::before, #panoramatwo::before{
    content: "";
display: block;
padding-top: 60%;
}
.pnlm-ui, .pnlm-render-container{
    top:0px;
}
.pnlm-ui{
    border: solid 4px #000;
box-sizing: border-box !important;
}



.joblink{
    border:solid 1px #fff;
    padding:15px;
    display:block;
    background:RGBA(255,255,255,0.1);
    margin-bottom:10px;
    color:#000 !important;
}
.joblink:hover{
    background:RGBA(255,255,255,0.3);
}
.joblinkleft{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 250px);
    position:relative;
}
.joblinkright{
    display:inline-block;
    vertical-align:top;
    width:250px;
    text-align:right;
}
.joblink h2{
    color:#c1a01e;
    font-size: 18pt;
    position:relative;
    padding-left:50px;
    margin-bottom: 15px;
}
.joblink h2::before{
    content: '';
width: 50px;
height: 40px;
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/EVT_ITV_Pos_FC_Logo_1.png);
position: absolute;
left: -5px;
top: 0px;
background-size: contain !important;
background-repeat: no-repeat;
background-position: center !important;
}
.joblinkleft div{
    position:relative;
    padding-left:50px;
}
.joblinkleft div::before{
    content:'£';
    width:35px;
    height:35px;
    background:RGBA(0,0,0,0.5);
    position:absolute;
    left:5px;
    top:0px;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
transform: rotate(-15deg);
font-size:18pt;
opacity:0.6;

font-weight:600;
}
.joblinkright span{
    font-size: 16pt;
background: #c1a01e;
color: #fff;
padding: 10px;
display: inline-block;
line-height: 1;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 6px;
}
.joblink:hover .joblinkright span{
    background:#000;
}
.jobintro{
    text-align:center;
    margin-bottom:50px;
}
.continuumimage{
    height:80vh;
    width:100%;
    min-height:400px;
    display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
background-position: center !important;
position:relative;
color:#fff;
}
.continuumfade{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.8;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.continuumimage:hover .continuumfade{
    opacity:0.4;
}
.continuumslogan{
    position: relative;
color: #fff;
padding: 20px;
text-align: center;
font-size: 40pt;
line-height: 1.2;

font-weight:600;
}
.continuuminner{
    padding-top:40px;
    padding-bottom:40px;
    font-size:14pt;
}
.continuumabout{
    text-align:center;
    padding-bottom: 10px;
}
.continuumequal{
    text-align:center;
    font-weight:100;
    margin-top:40px;
}
.continuumlinkbox{
    color:#fff !important;
    width:calc(50% - 20px);
    margin:10px;
    display: inline-flex;
  align-items: center;
  justify-content: center;
  height:150px;
  font-size: 24pt;
  vertical-align:top;
  border: solid 6px #fff;
font-weight:600;
text-decoration:none;
}
.continuumlinkbox:hover{
    opacity:0.8;
}
.continuumlinkbox span{
    display:inline-block;
    padding:10px;
    text-align: center;
}
.continuumslogan img{
    width: 100%;
    margin:auto;
margin-bottom: 20px;
display: block;
max-width: 300px;
}
.singlejobbar{
    background:#fff;
    padding:20px;
    text-align:center;
    color:#c1a01e;
}
.singlejobsalary{
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #c1a01e;
color: #fff;
display: inline-block;
margin-right: 20px;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
}
.singlejobdate{
    
color: #000;
text-align:center;
padding-top:40px;
}
.singlejobcontent ul{
    list-style-position: inside;
}
.apppack{
    font-size: 18pt;
background: #c1a01e;
color: #fff;
padding: 10px;
display: inline-block;
line-height: 1;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 6px;
font-weight:600;
text-decoration: none;
}
.apppack:hover{
    background:#000;
    color:#fff !important;
}
.jobdivide{
    border-top:solid 1px #c1a01e;
    margin-bottom: 20px;
}
.page-template-jobs a.booktickets, .single-jobs a.booktickets{
    display:none;
}
.singlejobcontainer{
    padding-top:40px;
    padding-bottom:40px;
}
.pageheader{
    background-position: center !important;
background-size: cover !important;
position:relative;
}
.pageheader::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    background:#000;
    opacity:0.4;
}
.pageheader h1{
    padding-top:200px;
    padding-bottom:200px;
    width:90%;
    margin:auto;
    text-align:center;
    position:relative;
    z-index:1;
}
.aboutheader{
    height:calc(100vh - 60px);
    width:100%;
    background-size: cover !important;
    background-position: center !important;
    display:flex;
    align-items: flex-end;
justify-content: center;
text-align: center;
}
.aboutheadercontent a{
    display: inline-block;
width: 80%;
max-width: 350px;
margin: 10px;
margin-bottom: 20px;
}
.aboutoverlay{
    font-weight: 700;
font-size: 32pt;
text-shadow: 1px 1px 12px rgba(0, 0, 0, 1);
margin-bottom: 20px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.aboutlogooverlay{
    position: absolute;
top: 10%;
left: 0px;
height: 90%;
width: 100%;
text-align: center;
}
.aboutlogooverlay img{
    width: 95%;
height: 75%;
object-fit: contain;
max-width: 900px;
}
.page-template-bookings .homeintro h1{
    display:inline-block;
    margin-bottom: 20px;
}
.page-template-bookings .homeintro h1::before{
    content:'';
    background: #000 url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/tickets.png);
border: solid 3px #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width: 48px;
height: 48px;
display: inline-block;
text-align: center;
margin-right: 15px;
vertical-align: bottom;
background-size: 30px auto;
background-position: center;
background-repeat: no-repeat;
}
.bookingsections{
    display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: rgba(0,0,0,.2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px;
}
.bookingsections::after{
    content: "";
width: calc(33.33% - 15px);
display: block;
}
.a3cols .bookingsection{
    width: calc(33.33% - 15px);
}
.a2cols .bookingsection{
    width: calc(50% - 10px);
}
.a4cols .bookingsection{
    width: calc(25% - 10px);
}
.bookingsection{
   
    margin-bottom: 20px;
    padding:0px;
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: space-between;
background: rgba(0,0,0,.3);
background-size:cover !important;
background-position: center !important;
}
.bookingsection::before{
    content:'';
    background: rgba(0,0,0,.0);
    position: absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}
.bookingsection.best{
    padding:0;
}
.bookingsection h2{
    padding: 10px;
text-align: center;
margin: 0;
position: relative;
font-size: 20pt;
}
.bookingflash{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    
}
.pulse .bookingsection.best .bookingflash{
    -webkit-animation: flash 2s infinite;
    animation: flash 2s infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.bookingsection h2 span{
    position: relative;
}
.bookingimage{
    position: relative;

}
.bookingimage::before{
    content: "";
display: block;
padding-top: 60%;
}
.bookingimageinner{
    background-position: center !important;
background-size: cover !important;
width: 100%;
height: 100%;
position: absolute;
background-position: center !important;
background-size: cover !important;
top: 0px;
left: 0px;
}
.bookingprice{
    position:absolute;
    top: -15px;
right: 5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
z-index: 1;
background: #000;
color: #fff;
width: 55px;
height: 55px;
line-height: 1.2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border: solid 2px #fff;
}
.bookingtext{
    padding:20px;
    color: #000;
opacity: 0.8;
}
.bookingbottom{
    padding:20px;
    padding-top:0px;
    position: relative;
}
.bookingtop{
    position: relative;
}
.bookingtext a, .bookingbottom a{
    display:block;
    background: #000;
    border:solid 4px #000;
    color:#fff;
    padding:5px;
    text-align: center;
    text-decoration: none;
}
.bookingtext a:hover, .bookingbottom a:hover{
    color:#000;
    background: #fff;
}
.bookingpre p{
    margin-bottom:10px;
    font-weight: 600;
}
.bookingpre p:nth-last-child(1){
    margin-bottom:0px;
}

.raise .bookingsection.best{
    -webkit-animation: up 4s infinite;
    animation: up 4s infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.bookingtext span{
    display:block;
    position: relative;
    padding-left: 25px;
}
.bookingtext span::before{
    content: '';
background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/tick-black.png);
background-size: 20px auto;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left:0px;
top:2px;
height:20px;
width:20px;
}
.bestvalue{
    position: absolute;
    bottom:100%;
    border:solid 2px #fff;
width: 100px;
text-align: center;
left: calc(50% - 50px);
border-bottom: 0;
}
.bestvalue.mostpop{
    left: calc(50% - 60px);
    width: 120px;
}
.bestvalue span{
    background: #000;
position: relative;
display: block;
}
.bestflash{
    position: absolute;
top: -2px;
left: 0px;
width: 100%;
height: 100%;
background: #fff;
-webkit-animation: flash 2s infinite;
animation: flash 2s infinite;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.bookingsections.noanimation{
    padding-top: 60px;
}
.bookingsections.noanimation .bookingsection.best{
    -webkit-animation: uptwo 4s forwards;
animation: uptwo 4s forwards;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-box-shadow: 0px 0px 25px 15px rgba(0,0,0,0.41);
box-shadow: 0px 0px 25px 15px rgba(0,0,0,0.41);
}
.bestvalue2{
    position: absolute;
top: -45px;
right: -10px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
z-index: 1;
background: #fff;
color: #000;
width: 65px;
height: 65px;
line-height: 1.2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border: solid 0px #000;
-webkit-animation: scale 2s infinite;
animation: scale 2s infinite;

-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.bestvalue3{
    position: absolute;
bottom: 10px;
left: 10px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
z-index: 1;
background: #fff;
color: #000;
width: 65px;
height: 65px;
line-height: 1.2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border: solid 0px #000;
}
.bestvalue4{
    position: absolute;
top: -45px;
right: -10px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
z-index: 1;
background: #fff;
color: #000;
width: 65px;
height: 65px;
line-height: 1.2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border: solid 0px #000;
}
.homemobileimage{
    display:none;
}





/* Standard syntax */
@keyframes flash {
   0% {transform: scale(1); opacity:1;}
  
  
    100% {transform: scale(1.5); opacity:0;}
}

@-webkit-keyframes flash {

 0% {transform: scale(1); opacity:1;}
  
  
    100% {transform: scale(1.5); opacity:0;}
}


/* Standard syntax */
@keyframes up {
   0% {transform: rotate(0deg);}
  
  10% {transform: rotate(1deg);}
  
    20% {transform: rotate(-1deg);}
    
    30% {transform: rotate(1deg);}
  
    40% {transform: rotate(0deg);}
}

@-webkit-keyframes up {

 0% {transform: rotate(0deg);}
  
  10% {transform: rotate(1deg);}
  
    20% {transform: rotate(-1deg);}
    
    30% {transform: rotate(1deg);}
  
    40% {transform: rotate(0deg);}
}

/* Standard syntax */
@keyframes uptwo {
   0% {transform: translateY(0px);}
  
 
  
    100% {transform: translateY(-20px);}
}

@-webkit-keyframes uptwo {

 0% {transform: translateY(0px);}
  
  
  
    100% {transform: translateY(-20px);}
}

/* Standard syntax */
@keyframes scale {
   0% {transform: scale(1);}
  
  50% {transform: scale(1.1);}
  
    100% {transform: scale(1);}
}

@-webkit-keyframes scale {

 0% {transform: scale(1);}
  
  50% {transform: scale(1.1);}
  
    100% {transform: scale(1);}
}



.herooverlaynew{
    text-align: right;
padding-top: 20px;
padding-bottom: 20px;
width: 95%;
margin: auto;
position: relative;
z-index: 1;
}
.herooverlaynew img{
    max-height: 200px;
}
.homemobileimagenew{
    display:none;
    z-index: 1;
}
.homeswitch{
    background:#000;
    color:#fff;
    text-align:center;
    
}
.homeswitch div{
    font-family: 'avenir',sans-serif;
font-weight: 700;
font-size: 26pt;
padding-top:40px;
padding-bottom:20px;
}
.switch1, .switch1 img{
    display:block;
    width:100%;
}
.switch2, .switch2 img{
    display:none;
    width:100%;
}








@media (max-width: 1000px) {
	.booklink{
            
            
        }
        .footerbooklink{
           display: block;
position: fixed;
top: 10px;
right: 70px;
bottom: auto;
left: auto;
z-index: 5;
        }
	.fancy-box{
    width: 60%;
}
.spacer{
    height:60px;
}
.newlogo{
    display: block;
position: fixed;
top: 10px;
z-index: 9;
width: 170px;
left: 5px;
}


#trigger-overlay{
position: fixed;
top: 8px;
right: 15px;
z-index: 30;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
display: block;
width: 45px;
height: 45px;
background: #000;
border: solid 2px #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-left: 5px;
padding-top: 8px;
}
#trigger-overlay::before{
    content: '';
position: absolute;
right: 55px;
top: 10px;
font-weight: 700;
}
#trigger-overlay.checked::before{
    content:'';
}
.triggerback{
    background: #c1a01e;
    height:60px;
    position:fixed;
    auto:0px;
    top:0px;
    width:100%;
    z-index: 2;
}

.triggerinner{
    display:block;
	width: 25px;
	height:24px;

position: relative;
}
#trigger-overlay .menuline1{
    background: #2a4f37;
    -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
    height: 3px;
width: 25px;
position: absolute;
bottom: 19px;
left: 3px;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#trigger-overlay .menuline2{
    background: #2a4f37;
height: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 25px;
position: absolute;
bottom: 10px;
left: 3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#trigger-overlay .menuline3{
    background: #2a4f37;
    -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
    height: 3px;
width: 25px;
position: absolute;
bottom: 1px;
left: 3px;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#trigger-overlay.checked .menuline1{
    

width: 30px;
position: absolute;
bottom: 11px;
left: 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
#trigger-overlay.checked .menuline2, #trigger-overlay.checked:hover .menuline2{
   

width: 0px;
left:17px;
}
#trigger-overlay.checked .menuline3{
  

width: 30px;
position: absolute;
bottom: 11px;
left: 0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);

}


.menucontainer{
	display:block;
	opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
-webkit-overflow-scrolling: touch;
/* lets it scroll lazy */
padding: 0px;
padding-top: 60px;
box-sizing: border-box;
padding-bottom:0px;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #c1a01e;
overflow-y: scroll;
z-index: 4;
-webkit-font-smoothing: subpixel-antialiased;
pointer-events: none;
}
.menucontainer.open{
	
	opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
transition: opacity ease-in-out 0.5s, background-color ease-in-out 0.5s;
pointer-events: all;
}
.menucontainer ul{
	opacity: 0.4;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;


text-align: left;
position: relative;
top: 50%;

height: 100%;
}
.menucontainer.open ul{
	opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.waypointtrigger{
	height:0px !important;
}
.menucontainer li{
    display: block;
text-align: left;

}
.menucontainer li a{
    font-size: 22px;
    padding-bottom: 10px;
padding-top: 10px;
}
.minilogo{
    display: none;
    text-align: left;
    position:relative;
}
.minilogo img{
    -webkit-transform: translateY(0%);
transform: translateY(0%);
}
.mobilemenu{
    display:block !important;
    padding-left: 15px;
font-weight: 700;
font-size: 14pt;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
.topsubmenu{
    display:block;
    
}
.topsubmenu a{
    font-weight:400 !important;
    font-size: 12pt !important;
}
.menucontainer .footersocial{
    display:inline-block;
    margin-top: 20px;
}
.slidercontainer{
    width:100%;
}
.hero::before{
    content:'';
    background: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 200px),linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent 100px);
    position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.spaceholder.activate{
    height:0;
}
.page-id-875 .homemobileimage{
    display:block;
}
.page-id-875 .logobar{
    position: absolute;
top: 0px;
left: 5%;
width: 90%;
}
.page-id-875 .hero{
    background: none !important;
    min-height:0;
}
.page-id-875 .slidercontainer{
    background: #000;
    padding-top: 40px;
}


}







@media (max-width: 767px) {
    .switch1, .switch1 img{
    display:none;
    width:100%;
}
.switch2, .switch2 img{
    display:block;
    width:100%;
}
    .continuumlinkbox{
    color:#fff !important;
    width:calc(100% - 20px);
    }
    .joblinkleft, .joblinkright{
        width:100%;
    }
    .herooverlaynew{
        max-height: 450px;
text-align: center;
margin-bottom: 0;
position: relative;
bottom: -20px;
    }
    .joblinkright{
        text-align:left;
        padding-top:20px;
    }
    .joblinkright span{
        display:block;
    }
    .singlejobsalary{
        margin-right:0;
        display:block;
    }
    .homemobileimagenew{
        display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
    }
    .experiencephotos{
        flex-wrap: wrap;
        padding: 8px;
    }
    .experiencephotos div{
        width: calc(50% - 18px);
position: relative;
margin: 8px;
    }
    .booklink{
        width: 88px;
height: 88px;
    }
    .booklink{
        right: 220px;
        font-size: 10pt;
    }
    .booklink2{
        right: 110px;
font-size: 10pt;
    }
    .booklink3{
        font-size: 9pt;
        right:0px;
    }
    .logobar, .slidercontainer{
        z-index: 1;
    }
   .footerleft{
    width:100%;
   }
   .video-foreground{
    height: 300%;
top: -100%;
width: 200%;
left: -50%;
   }
   .video-background{
    height:400px;
   }
   .hero{
    min-height: 550px;
    
   }
   
   .homeherocontainer div{
    font-size: 14pt;
   }
   .offwhitetext{
    width:100%;
   }
   .offwhiteimage{
    height: 400px;
width: 100%;
   }
   .clapper2{
    right: -40px;

width: 160px;
bottom: auto;
top: 250px;
   }
   .clapper1{
    position: absolute;
top: -100px;
right: -40px;
width: 180px;
pointer-events: none;
   }
   .newintro{
    background: url(https://www.emmerdalevillagetour.co.uk/wp-content/themes/coronationstreet/images/texturespotlights2.jpg);
color: #fff;
padding-top: 150px;
padding-bottom: 130px;
background-size: cover !important;
background-position: top right;
}
   .homeherocontainer{
    padding-bottom: 0px;
   }
   .footerright{
    width:100%;
    text-align: left;
margin-top: 40px;
   }
   .footerleft li{
    display:block;
    margin-bottom: 10px;
   }
   .logobar{
    text-align:center;
   }
   .headerlogo{
    width: 80%;
max-width: 320px;
   }
   #panorama{
    margin-right:0px;
    width:100%;
    margin-bottom:20px;
}
#panoramatwo{
    margin-left:0px;
    width:100%;
}
   .aboutimage{
    width:100%;
   }
   .abouttext{
    width:100%;
    padding-left:0;
    padding-right:0 !important;
    padding-top: 20px;
   }
   .margintop{
    margin-top:40px;
}
.marginbottom{
    margin-bottom:40px !important;
}
.paddingtop{
    padding-top:40px;
}
.paddingbottom{
    padding-bottom:40px;
}
.aboutframes iframe{
    width:100%;
}
#gform_wrapper_1 .gform_body{
    width:100%;
}
.fancy-box{
    width: 100%;
}
.findusmap{
    position: relative;
    height:600px;
    background-size: auto 800px !important;
    background-position: top right 35% !important;
}
.fancy-box p{
    font-size: 15px;
line-height: 1.5;
}
.findintro p{
    font-size: 15pt;
}
.tabs div{
    padding: 10px 15px;
}
.faqs h3{
    line-height: 1.1;
}
.contactcontent .gform_fields .gfield:nth-child(1), .contactcontent .gform_fields .gfield:nth-child(2), .contactcontent .gform_fields .gfield:nth-child(3), .contactcontent .gform_fields .gfield:nth-child(4){
    width:100%;
}
.maincontent.contactcontent{
    width:100%;
    margin-bottom:0px !important;
}
.contactcontent .tabs div{
    width:100%;
    order:2;
    display:none;
}
.contactcontent .tabs div.checked{
   display:block;
    order:1;
}
.contactcontent .tabs div.superchecked{
    display:block;
}
.contactcontent .tabs{
    display:flex;
    flex-wrap: wrap;
    padding-right: 60px;
    position: relative;
}
.contactcontent .tabs::before{
    content: '';
width: 15px;
height: 3px;
position: absolute;
background: #fff;
top: 30px;
right: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.contactcontent .tabs::after{
    content:'';
    width: 15px;
height: 3px;
position: absolute;
background: #fff;
top: 30px;
right: 24px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.contactcontent .tabs.superchecked::before{
    right: 24px;
}
.contactcontent .tabs.superchecked::after{
    right: 15px;
}
.contactcontent .gfield_html, .showlabel{
    font-size:12pt !important;
}
.formrow, .newform .g-recaptcha, .newform .sendbutton{
    width:100%;
    text-align: left;
}
#myBtn{
    -webkit-clip-path: url(#svg-clip-path__frame-more-from-itv);
clip-path: url(#svg-clip-path__frame-more-from-itv);
}
.modalimage1{
    display:none;
}
.modalimage2{
    display:block;
}
.aboutheadercontent a{
    width: 60%;
    margin-top:0px;
}
.aboutoverlay{
    font-size: 22pt;
}
.aboutlogooverlay img{
    height:40%;
}
.aboutheader{
    max-height: 400px;
position: relative;
}
.a3cols .bookingsection{
    width: 100%;
}
.a2cols .bookingsection{
    width: 100%;
}
.a4cols .bookingsection{
    width: 100%;
}
.bookingsections.noanimation .bookingsection.best{
    -webkit-animation: none;
animation: none;
}
.bookingsection{
    margin-bottom:40px;
}
.homeherocontainer{
    position: relative;
width: calc(100% - 60px);
margin: auto;
margin-bottom: 0;
z-index: 2;
text-align: center;
padding-bottom: 40px;
}
.goldbarinner a{
    margin-top:15px;
}

}


@media (max-width: 600px) {
    .homeslide a{
        margin: 10px;
margin-top: 5px;
margin-bottom: 80px;
    }
    .slidercont{
        display:none;
    }
    .footerslidercontainer{
        width:100%;
    }
    .page-id-875 .homeslide a{
    margin-bottom:0px;
}
.page-id-875 .slidercontainer{
    padding-bottom:20px;
    padding-top:20px;
}
}



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;

	/* 1 */
	height: 0;

	/* 1 */
	overflow: visible;

	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;

	/* 1 */
	text-decoration: underline;

	/* 2 */
	text-decoration-style: dotted;

	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	line-height: 1.15;

	/* 1 */
	margin: 0;

	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {

	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {

	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;

	/* 1 */
	color: inherit;

	/* 2 */
	display: table;

	/* 1 */
	max-width: 100%;

	/* 1 */
	padding: 0;

	/* 3 */
	white-space: normal;

	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;

	/* 1 */
	padding: 0;

	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;

	/* 1 */
	font: inherit;

	/* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/**
 * Responsive Styles
 */

/**
 * Required Variables
 */

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

/**
 * Extends
 */
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 482px) {

	.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {

	.entry-content > .alignleft {

		/*rtl:ignore*/
		margin-left: var(--responsive--alignleft-margin);

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 482px) {

	.entry-content > .alignright {

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);

		/*rtl:ignore*/
		margin-right: var(--responsive--alignright-margin);
	}
}

/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive variable
 * - See: globals/_global-width-responsive.scss
 */

/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.widget-area,
.site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
}

.site-header {
	padding-top: calc(0.75 * var(--global--spacing-vertical));
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-bottom: calc(3 * var(--global--spacing-vertical));
	}
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer hierarchy
 */
.site-main > * {
	margin-top: calc(3 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.site-main > *:first-child {
	margin-top: 0;
}

.site-main > *:last-child {
	margin-bottom: 0;
}

/**
 * Set the default maximum responsive content-width
 */

/**
 * Set the wide maximum responsive content-width
 */

/**
 * Set the full maximum responsive content-width
 */

/*
 * Block & non-gutenberg content wrappers
 * - Set margins
 */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
	margin-top: var(--global--spacing-vertical);
	margin-right: auto;
	margin-bottom: var(--global--spacing-vertical);
	margin-left: auto;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child {
	margin-top: 0;
}

.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child {
	margin-bottom: 0;
}

.site-footer > *,
.widget-area > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-footer > *,
	.widget-area > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-unit margins
 */
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
	margin-top: 0;
}

.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
	margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > * {

	/* Reset alignleft and alignright margins after alignfull */
}

.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
	margin-top: 0;
}

.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
	margin-bottom: 0;
}

.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
	margin-top: var(--global--spacing-vertical);
}

/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Apply generic border-box to all elements.
 * See:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	
	text-align: left;
	
}

button {
	cursor: pointer;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
	padding: 0;
	position: relative;
	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

blockquote > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

blockquote > *:first-child {
	margin-top: 0;
}

blockquote > *:last-child {
	margin-bottom: 0;
}

blockquote p {
	letter-spacing: var(--heading--letter-spacing-h4);
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);
}

blockquote cite,
blockquote footer {
	font-weight: normal;
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote.alignleft,
blockquote.alignright {
	padding-left: inherit;
}

blockquote.alignleft p,
blockquote.alignright p {
	font-size: var(--heading--font-size-h5);
	max-width: inherit;
	width: inherit;
}

blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote strong {
	font-weight: var(--quote--font-weight-strong);
}

blockquote:before {
	content: "“";
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	position: absolute;
	left: calc(-0.5 * var(--global--spacing-horizontal));
}

blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481px) {

	blockquote {
		padding-left: calc(0.5 * var(--global--spacing-horizontal));
	}

	blockquote:before {
		left: 0;
	}
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
	
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
	
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
	opacity: 0.7;
}

.is-dark-theme input[type=text],
.is-dark-theme input[type=email],
.is-dark-theme input[type=url],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=number],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=date],
.is-dark-theme input[type=month],
.is-dark-theme input[type=week],
.is-dark-theme input[type=time],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=color],
.is-dark-theme .site textarea {
	background: var(--global--color-white-90);
}

input[type=search]:focus {
	outline-offset: -7px;
}

.is-dark-theme input[type=search]:focus {
	outline-color: var(--global--color-background);
}

input[type=color] {
	padding: calc(var(--form--spacing-unit) / 2);
	height: calc(4 * var(--form--spacing-unit));
}

input[type=email],
input[type=url] {

	/*rtl:ignore*/
	direction: ltr;
}

select {
	border: var(--form--border-width) solid var(--form--border-color);
	color: var(--form--color-text);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
	background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

select:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--form--border-color);
}

.is-dark-theme select {
	background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

textarea {
	width: 100%;
}

label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

/**
https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
License: MIT.
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox],
	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 25px;
		height: 25px;
		border: var(--form--border-width) solid var(--form--border-color);
		background: var(--global--color-white);
	}

	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		opacity: 0.7;
	}

	.is-dark-theme input[type=checkbox],
	.is-dark-theme input[type=radio] {
		background: var(--global--color-white-90);
	}

	input[type=checkbox]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=checkbox]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 5px;
		top: 2px;
		position: absolute;
		width: 7px;
		height: 13px;
		border: 3px solid var(--form--color-text);
		border-top: 0;
		border-left: 0;
		transform: rotate(30deg);
	}

	input[type=checkbox]:checked {
		color: var(--form--color-text);
	}

	input[type=checkbox]:checked:after {
		opacity: 1;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
	}

	input[type=radio]:checked {
		border: 4px solid var(--form--border-color);
	}

	input[type=radio]:checked:after {
		opacity: 1;
	}

	input[type=radio]:checked:focus {
		outline-offset: 4px;
		outline: 2px dotted var(--form--border-color);
	}
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	padding-left: 10px;
	font-size: var(--global--font-size-xs);
	vertical-align: top;
}

/**
 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=range] {
		-webkit-appearance: none;

		/* Hides the slider so that custom slider can be made */
		width: 100%;

		/* Specific width is required for Firefox. */
		height: 6px;
		background: var(--form--color-ranged);
		border-radius: 6px;
		outline-offset: 10px;
	}

	input[type=range]:disabled {
		opacity: 0.7;
	}

	input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
	}

	input[type=range]::-moz-range-thumb {
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
		box-sizing: border-box;
	}
}

input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	border-radius: 6px;
	border-width: 19px 0;
	border-color: var(--global--color-background);
	background: transparent;
	color: transparent;
	cursor: pointer;
}

input[type=range]::-ms-fill-upper {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-fill-lower {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-thumb {
	border: 3px solid var(--form--color-ranged);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background: var(--global--color-background);
	cursor: pointer;
}

fieldset {
	display: grid;
	border-color: var(--global--color-secondary);
	padding: var(--global--spacing-horizontal);
}

fieldset legend {
	font-size: var(--global--font-size-lg);
}

fieldset input[type=submit] {
	max-width: max-content;
}

fieldset input:not([type=submit]) {
	margin-bottom: var(--global--spacing-unit);
}

fieldset input[type=radio],
fieldset input[type=checkbox] {
	margin-bottom: 0;
}

fieldset input[type=radio] + label,
fieldset input[type=checkbox] + label {
	font-size: var(--form--font-size);
	padding-left: 0;
	margin-bottom: var(--global--spacing-unit);
}

::-moz-placeholder {
	opacity: 1;
}

.post-password-message {
	font-size: var(--global--font-size-lg);
}

.post-password-form {
	display: flex;
	flex-wrap: wrap;
}

.post-password-form__label {
	width: 100%;
	margin-bottom: 0;
}

.post-password-form input[type=password] {
	flex-grow: 1;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.post-password-form__submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
}
@media only screen and (min-width: 592px) {

	.post-password-form__submit {
		margin-left: calc(0.4 * var(--global--spacing-horizontal));
	}
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/* Classic editor images */
.entry-content img {
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
	color: currentColor;
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
	margin-bottom: 0;
}

/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Over here, place any elements that do not need to have their own file. */
b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

pre {
	white-space: pre;
	overflow-x: auto;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
	cursor: pointer;
	color: var(--wp--style--color--link, var(--global--color-primary));
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
}

a:hover {
	
	text-decoration-skip-ink: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	text-decoration: underline 1px dotted currentColor;
	text-decoration-skip-ink: none;
	background: rgba(255, 255, 255, 0.9);
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: var(--global--color-black);
	color: var(--global--color-white);
	text-decoration: none;
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: rgba(0, 0, 0, 0.9);
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	outline-offset: -2px;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
	color: #21759b;
	background-color: #f1f1f1;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
	background: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

.has-background .has-link-color a,
.has-background.has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
	outline-offset: 5px;
	outline: 2px solid var(--global--color-primary);
}

/**
 * Button
 */
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
	border: var(--button--border-width) solid transparent;
	border-radius: var(--button--border-radius);
	cursor: pointer;
	font-weight: var(--button--font-weight);
	font-family: var(--button--font-family);
	font-size: var(--button--font-size);
	line-height: var(--button--line-height);
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	text-decoration: none;
}

.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-primary));
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
	background-color: transparent;
	border-color: currentColor;
	color: inherit;
}

.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
	outline-offset: -6px;
	outline: 2px dotted currentColor;
}

.site .button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
	background-color: var(--global--color-white-50);
	border-color: var(--global--color-white-50);
	color: var(--button--color-text-active);
}

/**
 * Block Options
 */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-background));
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	border-color: currentColor !important;
	background-color: transparent !important;
	color: inherit !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
	border-color: currentColor;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-primary);
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-primary, var(--global--color-primary));
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
	color: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
	border-color: transparent !important;
	background-color: var(--global--color-primary) !important;
	color: var(--global--color-background) !important;
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: var(--local--color-primary, var(--global--color-primary)) !important;
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.wp-block-button .is-style-squared .wp-block-button__link {
	border-radius: 0;
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--button--color-background);
}

.wp-block-code {
	border-color: var(--global--color-border);
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	padding: var(--global--spacing-unit);
}

.wp-block-code code {
	color: var(--global--color-primary);
	white-space: pre;
	overflow-x: auto;
	display: block;
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-columns .wp-block-column > * {
	margin-top: calc(0.66 * var(--global--spacing-vertical));
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-columns .wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:not(:last-child) {
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: var(--global--spacing-vertical);
	}
}
@media only screen and (min-width: 822px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: 0;
	}
}

.wp-block-columns.is-style-twentytwentyone-columns-overlap {
	justify-content: space-around;
}
@media only screen and (min-width: 652px) {

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
		margin-left: calc(-2 * var(--global--spacing-horizontal));
		margin-top: calc(2.5 * var(--global--spacing-horizontal));
		z-index: 2;
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
		background-color: var(--global--color-background);
		padding: var(--global--spacing-unit);
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
		padding-left: calc(2 * var(--global--spacing-horizontal));
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
		margin-top: 0;
	}
}

.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-cover,
.wp-block-cover-image {
	background-color: var(--cover--color-background);
	min-height: var(--cover--height);
	margin-top: inherit;
	margin-bottom: inherit;

	/* default & custom background-color */

	/* Treating H2 separately to account for legacy /core styles */

	/* Block Styles */

	/* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}

.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
	color: currentColor;
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: currentColor;
}

.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
	color: var(--cover--color-foreground);
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	max-width: inherit;
	text-align: inherit;
	padding: 0;
}

.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
	text-align: left;
}

.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
	text-align: center;
}

.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
	text-align: right;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: calc(100% - calc(2 * var(--global--spacing-vertical)));
}

.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-cover .wp-block-cover__inner-container > *,
	.wp-block-cover-image .wp-block-cover__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
	margin-top: 0;
}

.wp-block-cover.alignleft > *,
.wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(2 * var(--global--spacing-vertical));
	padding-left: var(--global--spacing-horizontal);
	padding-right: var(--global--spacing-horizontal);
	width: 100%;
}

.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
	justify-content: center;
}

.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
	background-color: unset;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
	opacity: inherit;
}

.wp-block-file a.wp-block-file__button {
	display: inline-block;
}

.wp-block-gallery {
	margin: 0 auto;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	width: calc((100% - var(--global--spacing-unit)) / 2);
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	color: var(--global--color-white);
	font-size: var(--global--font-size-xs);
}

.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
	color: var(--global--color-white);
}

.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
	background-color: transparent;
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
	text-decoration: none;
}

.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
	outline-offset: 2px;
}

.wp-block-group {
	display: block;
	clear: both;
	display: flow-root;
}

.wp-block-group:before,
.wp-block-group:after {
	content: "";
	display: block;
	clear: both;
}

.wp-block-group .wp-block-group__inner-container {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group .wp-block-group__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-group .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-group.has-background {
	padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group.has-background {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-group.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical);
}

.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
	max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
	width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
	margin-left: calc(-1 * var(--global--spacing-vertical));
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
	
}



.wp-block-image {
	text-align: center;
}

.wp-block-image figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.wp-block-image .alignright {
	margin-left: var(--global--spacing-horizontal);
}

.wp-block-image .alignleft {
	margin-right: var(--global--spacing-horizontal);
}

.wp-block-image a:focus img {
	outline-offset: 2px;
}

.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
	margin-top: 0;
}

.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-image.is-style-twentytwentyone-image-frame img {
	padding: var(--global--spacing-unit);
}

@media only screen and (min-width: 482px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		max-width: 50%;
	}
}
@media only screen and (max-width: 481px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		margin-left: 0;
		margin-right: 0;
	}
}

.wp-block-latest-comments {
	padding-left: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);

	/* Vertical margins logic */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	margin-bottom: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
	font-family: var(--heading--font-family);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-sm);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);
	margin: 0;
}

.wp-block-latest-posts {
	padding-left: 0;
}

.wp-block-latest-posts:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-latest-posts:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid {
	word-wrap: break-word;
	word-break: break-word;
}

.wp-block-latest-posts.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-latest-posts > li > *:first-child {
	margin-top: 0;
}

.wp-block-latest-posts > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-latest-posts .wp-block-latest-posts__post-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: currentColor;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
	border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
	border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
	padding-bottom: var(--global--spacing-vertical);
	border-bottom: var(--separator--height) solid var(--global--color-border);
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
	box-shadow: inset 0 -1px 0 0 var(--global--color-border);
	border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
	margin: 0;
	padding-top: var(--global--spacing-vertical);
	padding-right: var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
		width: calc((100% / 2));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
		width: calc((100% / 3));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
		width: calc((100% / 4));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
		width: calc((100% / 5));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
		width: calc((100% / 6));
	}
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
	margin-top: var(--global--spacing-horizontal);
	margin-bottom: var(--global--spacing-horizontal);
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-item a:focus img {
	outline-offset: -2px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

figure.wp-caption a:focus img {
	outline-offset: 2px;
}

ul,
ol {
	font-family: var(--list--font-family);
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ul {
	list-style-type: circle;
}

dt {
	font-family: var(--definition-term--font-family);
	font-weight: bold;
}

dd {
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

.wp-block-media-text {

	/**
   * Block Options
   */
}

.wp-block-media-text.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-media-text a:focus img {
	outline-offset: -1px;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {

	.wp-block-media-text .wp-block-media-text__content {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text .wp-block-media-text__content > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: var(--global--spacing-vertical);
		padding-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-navigation .wp-block-navigation-link {
	padding: 0;
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
	padding: var(--primary-nav--padding);
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
	font-family: var(--primary-nav--font-family);
	font-size: var(--primary-nav--font-size);
	font-weight: var(--primary-nav--font-weight);
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon {
	padding: 0;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
	display: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
	border: none;
	left: 0;
	margin-left: var(--primary-nav--padding);
	min-width: max-content;
	opacity: 0;
	padding: 0;
	position: inherit;
	top: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
	display: inline-block;
	padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
	display: none;
}

.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
	display: block;
	opacity: 1;
	visibility: visible;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
	background: var(--global--color-background);
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	border: 1px solid var(--primary-nav--border-color);
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	top: -10px;
	left: var(--global--spacing-horizontal);
	border-style: solid;
	border-color: var(--primary-nav--border-color) transparent;
	border-width: 0 7px 10px 7px;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	top: -9px;
	border-color: var(--global--color-background) transparent;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
	color: var(--primary-nav--color-link-hover);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
	color: currentColor;
}

p {
	line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

p.has-background {
	padding: var(--global--spacing-unit);
}

p.has-text-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

pre.wp-block-preformatted {
	overflow-x: auto;
	white-space: pre;
}

.wp-block-pullquote {
	padding: calc(2 * var(--global--spacing-unit)) 0;
	text-align: center;
	border-width: var(--pullquote--border-width);
	border-bottom-style: solid;
	border-top-style: solid;
	color: currentColor;
	border-color: currentColor;
	position: relative;

	/**
   * Block Options
   */
}

.wp-block-pullquote blockquote::before {
	color: currentColor;
	content: "“";
	display: block;
	position: relative;
	left: 0;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
}

.wp-block-pullquote p {
	font-family: var(--pullquote--font-family);
	font-size: var(--pullquote--font-size);
	font-style: var(--pullquote--font-style);
	font-weight: 700;
	letter-spacing: var(--pullquote--letter-spacing);
	line-height: var(--pullquote--line-height);
	margin: 0;
}

.wp-block-pullquote a {
	color: currentColor;
}

.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: currentColor;
	display: block;
	font-size: var(--global--font-size-xs);
	font-style: var(--pullquote--font-style);
	text-transform: none;
}

.wp-block-pullquote:not(.is-style-solid-color) {
	background: none;
}

.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
	text-align: center;
}

.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
	max-width: var(--responsive--alignwide-width);
}

.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
	padding: 0 calc(2 * var(--global--spacing-unit));
}

.wp-block-pullquote.is-style-solid-color {
	color: var(--pullquote--color-foreground);
	padding: calc(2.5 * var(--global--spacing-unit));
	border-width: var(--pullquote--border-width);
	border-style: solid;
	border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {

	.wp-block-pullquote.is-style-solid-color {
		padding: calc(5 * var(--global--spacing-unit));
	}
}

.wp-block-pullquote.is-style-solid-color blockquote::before {
	text-align: left;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	margin: 0;
	max-width: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: var(--pullquote--font-size);
}

.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
	color: currentColor;
}

.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
	padding: var(--global--spacing-unit);
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
	max-width: initial;
}

.wp-block-quote {
	border-left: none;

	/**
   * Block Options
   */
}

.wp-block-quote:before {
	content: "“";
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	left: 8px;
}

.has-background .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
	color: currentColor;
}

.wp-block-quote.has-text-align-right {
	margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
	padding-right: 0;
	border-right: none;
}

.wp-block-quote.has-text-align-right:before {
	display: none;
}

.wp-block-quote.has-text-align-right p:before {
	content: "”";
	font-size: var(--quote--font-size);
	font-weight: normal;
	line-height: var(--quote--line-height);
	margin-right: 5px;
}

.wp-block-quote.has-text-align-center {
	margin: var(--global--spacing-vertical) auto;
}

.wp-block-quote.has-text-align-center:before {
	display: none;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding-left: 0;
	padding-right: 0;

	/* Resetting margins to match _block-container.scss */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: var(--quote--font-size-large);
	font-style: var(--quote--font-style-large);
	line-height: var(--quote--line-height-large);
}

.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
	font-size: var(--quote--font-size-large);
	line-height: var(--quote--line-height-large);
	left: calc(-1 * var(--global--spacing-horizontal));
}

.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
	display: none;
}

.wp-block-quote.is-large.has-text-align-right p:before,
.wp-block-quote.is-style-large.has-text-align-right p:before {
	content: "”";
	font-size: var(--quote--font-size-large);
	font-weight: normal;
	line-height: var(--quote--line-height-large);
	margin-right: 10px;
}

.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481px) {

	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large {
		padding-left: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large:before,
	.wp-block-quote.is-style-large:before {
		left: 0;
	}

	.wp-block-quote.is-large.has-text-align-right,
	.wp-block-quote.is-style-large.has-text-align-right {
		padding-left: 0;
		padding-right: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large.has-text-align-right:before,
	.wp-block-quote.is-style-large.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.is-large.has-text-align-center,
	.wp-block-quote.is-style-large.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 481px) {

	.wp-block-quote.has-text-align-right {
		padding-left: 0;
		padding-right: calc(0.5 * var(--global--spacing-horizontal));
	}

	.wp-block-quote.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}

.wp-block-rss {
	padding-left: 0;
}

.wp-block-rss > li {
	list-style: none;
}

.wp-block-rss:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-rss:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-rss:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-rss.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-rss > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss > li > *:first-child {
	margin-top: 0;
}

.wp-block-rss > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-rss .wp-block-rss__item-title > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss .wp-block-rss__item-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-rss .wp-block-rss__item-publish-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
.has-background .wp-block-rss .wp-block-rss__item-publish-date {
	color: currentColor;
}

.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-rss.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-rss.alignfull,
.entry-content .has-background .wp-block-rss.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-search {
	max-width: var(--responsive--aligndefault-width);
}

.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
	justify-content: center;
}

.wp-block-search .wp-block-search__label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.wp-block-search .wp-block-search__input {
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--form--line-height);
	max-width: inherit;
	margin-right: calc(-1 * var(--button--border-width));
	padding: var(--form--spacing-unit);
}

.wp-block-search .wp-block-search__input:focus {
	color: var(--form--color-text);
	border-color: var(--form--border-color);
}

.has-background .wp-block-search .wp-block-search__input {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search button.wp-block-search__button {
	margin-left: 0;
	line-height: 1;
}

.wp-block-search button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search button.wp-block-search__button.has-icon svg {
	width: 40px;
	height: 40px;
	fill: currentColor;
}

.has-background .wp-block-search button.wp-block-search__button:hover,
.has-background .wp-block-search button.wp-block-search__button:active {
	background-color: var(--local--color-background, var(--global--color-background)) !important;
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.has-text-color .wp-block-search button.wp-block-search__button:hover,
.has-text-color .wp-block-search button.wp-block-search__button:active {
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--global--color-white);
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	padding: var(--form--border-width);
}

.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--form--spacing-unit);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
	color: var(--form--color-text);
	outline-offset: -2px;
	outline: 2px dotted var(--form--border-color);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	background-color: var(--global--color-dark-gray);
	color: var(--global--color-white);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search__button {
	box-shadow: none;
}

hr {
	border-style: none;
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

hr.wp-block-separator {
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	opacity: 1;

	/**
   * Block Options
   */
}

hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
	max-width: var(--responsive--aligndefault-width);
}

hr.wp-block-separator:not(.is-style-dots).alignwide {
	max-width: var(--responsive--alignwide-width);
}

hr.wp-block-separator:not(.is-style-dots).alignfull {
	max-width: var(--responsive--alignfull-width);
}

hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
	border-bottom-width: calc(3 * var(--separator--height));
}

hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
	background-color: transparent !important;
}

hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
	color: currentColor !important;
}

hr.wp-block-separator.is-style-dots:before {
	color: var(--separator--border-color);
	font-size: var(--global--font-size-xl);
	letter-spacing: var(--global--font-size-sm);
	padding-left: var(--global--font-size-sm);
}

.has-background hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator {
	border-color: currentColor;
}

.wp-block-social-links a:focus {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
	background: none;
}

.wp-block-spacer {
	display: block;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
@media only screen and (max-width: 481px) {

	.wp-block-spacer[style] {
		height: var(--global--spacing-unit) !important;
	}
}

table,
.wp-block-table {
	width: 100%;
	min-width: 240px;
	border-collapse: collapse;
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
	text-align: center;
}

table th,
.wp-block-table th {
	font-family: var(--heading--font-family);
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	padding: calc(0.5 * var(--global--spacing-unit));
	border: 1px solid;
}

table figcaption,
.wp-block-table figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
}

table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
	color: var(--table--has-background-text-color);
}

table.is-style-stripes,
.wp-block-table.is-style-stripes {
	border-color: var(--table--stripes-border-color);
}

table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
	border-width: 0;
}

table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--table--stripes-background-color);
}

table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
	background-color: var(--global--color-white-90);
}

table.wp-calendar-table td,
table.wp-calendar-table th {
	background: transparent;
	border: 0;
	text-align: center;
	line-height: 2;
	vertical-align: middle;
	word-break: normal;
}

table.wp-calendar-table th {
	font-weight: bold;
}

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
	color: currentColor;
	border: 1px solid;
}

table.wp-calendar-table caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: var(--global--spacing-unit);
	color: currentColor;
}

.wp-calendar-nav {
	text-align: left;
	margin-top: calc(var(--global--spacing-unit) / 2);
}

.wp-calendar-nav svg {
	height: 1em;
	vertical-align: middle;
}

.wp-calendar-nav svg path {
	fill: currentColor;
}

.wp-calendar-nav .wp-calendar-nav-next {
	float: right;
}

.wp-block-tag-cloud.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-verse {
	font-family: var(--entry-content--font-family);
}

.wp-block-video figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

* > figure > video {
	max-width: unset;
	width: 100%;
	vertical-align: middle;
}

:root .is-extra-small-text,
:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .is-small-text,
:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-base);
}

:root .is-large-text,
:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
	line-height: var(--global--line-height-heading);
}

:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

:root .is-huge-text,
:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

:root .is-gigantic-text,
:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

/* Block Alignments */

/**
 * These selectors set the default max width for content appearing inside a post or page.
 */

/**
 * .alignleft
 */
.alignleft {

	/*rtl:ignore*/
	text-align: left;
	margin-top: 0;
}

.entry-content > .alignleft {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignleft {

		/*rtl:ignore*/
		float: left;

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
		margin-bottom: var(--global--spacing-vertical);
	}

	.entry-content > .alignleft {
		max-width: calc(50% - var(--responsive--alignleft-margin));
	}
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**
 * .alignright
 */
.alignright {
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical);
}

.entry-content > .alignright {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignright {

		/*rtl:ignore*/
		float: right;

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);
	}

	.entry-content > .alignright {
		max-width: calc(50% - var(--responsive--alignright-margin));
	}
}

[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
	margin-top: 0;
}

/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}

.has-left-content {
	justify-content: flex-start;
}

.has-right-content {
	justify-content: flex-end;
}

.has-parallax {
	background-attachment: fixed;
}

.has-drop-cap:not(:focus)::first-letter {
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	line-height: 0.66;
	text-transform: uppercase;
	font-style: normal;
	float: left;
	margin: 0.1em 0.1em 0 0;
	font-size: calc(1.2 * var(--heading--font-size-h1));
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.desktop-only {
	display: none;
}
@media only screen and (min-width: 482px) {

	.desktop-only {
		display: block;
	}
}

/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
.site-header {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	row-gap: var(--global--spacing-vertical);
}

.wp-custom-logo .site-header {
	align-items: center;
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-top: calc(var(--global--spacing-vertical) / 0.75);
	}
}
@media only screen and (min-width: 822px) {

	.site-header {
		padding-top: calc(2.4 * var(--global--spacing-vertical));
	}
}

.site-branding {
	color: var(--branding--color-text);
	margin-right: 140px;
}

.site-branding:last-child {
	margin-right: 0;
	width: 100%;
	text-align: center;
}
@media only screen and (min-width: 482px) {

	.site-branding {
		margin-right: initial;
		margin-top: 4px;
	}
}

.site-title {
	color: var(--branding--color-link);
	font-family: var(--branding--title--font-family);
	font-size: var(--branding--title--font-size-mobile);
	letter-spacing: normal;
	text-transform: var(--branding--title--text-transform);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(var(--global--spacing-vertical) / 6);
}

.site-title a {
	color: currentColor;
	font-weight: var(--branding--title--font-weight);
}

.site-title a:link,
.site-title a:visited,
.site-title a:active {
	color: currentColor;
}

.site-title a:hover,
.site-title a:focus {
	color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.site-title {
		font-size: var(--branding--title--font-size);
	}
}

.site-description {
	color: currentColor;
	font-family: var(--branding--description--font-family);
	font-size: var(--branding--description--font-size);
	line-height: 1.4;
}

.site-title > a {
	text-decoration-color: var(--global--color-secondary);
}

.site-logo {
	margin: calc(var(--global--spacing-vertical) / 2) 0;
}

.site-header > .site-logo {
	width: 100%;
	padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
	border-bottom: 1px solid;
	text-align: center;
}

.site-logo .custom-logo {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--branding--logo--max-width-mobile);
	max-height: var(--branding--logo--max-height-mobile);
	height: auto;
	display: inline-block;
	width: auto;
}
@media only screen and (min-width: 482px) {

	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
	}
}

@media only screen and (max-width: 481px) {

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: absolute;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		margin-top: 0;
		top: var(--global--admin-bar--height);
	}

	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		display: none;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
	}

	.site-header.has-logo.has-title-and-tagline {
		align-items: flex-start;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu {
		justify-content: space-between;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
		max-width: calc(100% - 160px);
	}

	.site-header.has-logo.has-title-and-tagline .site-branding {
		margin-right: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
		display: none;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
		position: relative;
		top: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
		position: relative;
		padding-top: 0;
		margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
		padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
	}

	.site-header:not(.has-logo).has-title-and-tagline .site-branding {
		margin-right: 0;
		max-width: calc(100% - 160px);
	}

	.site-header:not(.has-menu) {
		justify-content: center;
	}
}

.site-footer {
	padding-top: 0;
	padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.no-widgets .site-footer {
	margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.no-widgets .site-footer {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.site-footer > .site-info {
	padding-top: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-family: var(--footer--font-family);
	font-size: var(--footer--font-size);
	line-height: var(--global--line-height-body);
	border-top: 3px solid var(--global--color-border);
}

.site-footer > .site-info .site-name {
	text-transform: var(--branding--title--text-transform);
	font-size: var(--branding--title--font-size);
}

.site-footer > .site-info .powered-by {
	margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {

	.site-footer > .site-info {
		display: flex;
		align-items: center;
	}

	.site-footer > .site-info .powered-by {
		margin-top: initial;
		margin-left: auto;
	}
}

.site-footer > .site-info a {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:link,
.site-footer > .site-info a:visited,
.site-footer > .site-info a:active {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:hover {
	color: var(--footer--color-link-hover);
}

.site-footer > .site-info a:focus {
	color: var(--footer--color-link-hover);
}

.is-dark-theme .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.singular .entry-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.home .entry-header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.singular .has-post-thumbnail .entry-header {
	border-bottom: none;
	padding-bottom: calc(1.3 * var(--global--spacing-vertical));
	margin-bottom: 0;
}

.no-results.not-found > *:first-child {
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.page-links {
	clear: both;
}

.page-links .post-page-numbers {
	display: inline-block;
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
	min-width: 44px;
	min-height: 44px;
}

.page-links .post-page-numbers:first-child {
	margin-left: 0;
}

.entry-title {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title {
	font-size: var(--global--font-size-page-title);
}

h1.entry-title {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}

/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}

.entry-footer {
	color: var(--global--color-primary);
	clear: both;
	float: none;
	font-size: var(--global--font-size-xs);
	display: block;
}

.entry-footer > span {
	display: inline-block;
}

.entry-footer a {
	color: currentColor;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: var(--global--color-primary-hover);
}

.entry-footer a:active {
	color: currentColor;
}

.site-main > article > .entry-footer {
	margin-top: var(--global--spacing-vertical);
	padding-top: var(--global--spacing-unit);
	padding-bottom: calc(3 * var(--global--spacing-vertical));
	border-bottom: var(--separator--height) solid var(--separator--border-color);
}

body:not(.single) .site-main > article:last-of-type .entry-footer {
	border-bottom: var(--separator--height) solid transparent;
}

.single .site-main > article > .entry-footer {
	margin-top: calc(3.4 * var(--global--spacing-vertical));
	margin-bottom: calc(3.4 * var(--global--spacing-vertical));
	padding-bottom: 0;
	padding-top: calc(0.8 * var(--global--spacing-vertical));
	border-top: 3px solid var(--separator--border-color);
	border-bottom: var(--separator--height) solid transparent;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(2 * var(--global--spacing-horizontal));
}

.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
	justify-content: flex-end;
	text-align: right;
}

.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
	grid-column: span 2;
}

.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
	display: block;
}
@media only screen and (max-width: 481px) {

	.single .site-main > article > .entry-footer {
		display: block;
	}

	.single .site-main > article > .entry-footer .full-size-link {
		display: block;
	}

	.single .site-main > article > .entry-footer .post-taxonomies,
	.single .site-main > article > .entry-footer .full-size-link {
		text-align: left;
	}
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(2 * var(--global--spacing-vertical));
}

/**
 * Author
 */
.author-bio {
	position: relative;
	font-size: var(--global--font-size-xs);
	max-width: var(--responsive--aligndefault-width);
}

.site-main > article > .author-bio {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.author-bio.show-avatars .avatar {
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
}

.author-bio.show-avatars .author-bio-content {
	display: inline-block;
	padding-left: var(--global--spacing-horizontal);
	max-width: calc(var(--responsive--aligndefault-width) - 90px);
}

.author-bio .author-bio-content .author-title {
	font-family: var(--entry-author-bio--font-family);
	font-size: var(--entry-author-bio--font-size);
	display: inline;
}

.author-bio .author-bio-content .author-description {
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.page-title {
	font-size: var(--global--font-size-page-title);
}

h1.page-title,
h2.page-title {
	font-weight: var(--heading--font-weight-page-title);
}

h1.page-title {
	line-height: var(--heading--line-height-h1);
}

.page-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}

.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
	font-size: var(--global--font-size-lg);
}

.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
	display: block;
}

.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
	margin-right: calc(0.5 * var(--global--spacing-unit));
}

.archive-description {
	margin-top: var(--global--spacing-vertical);
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

.error404 main p {
	font-size: var(--global--font-size-lg);
	margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}

.search-no-results .page-content {
	margin-top: calc(3 * var(--global--spacing-vertical));
}

/**
 * Comments Wrapper
 */
.comments-area > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comments-area > *:first-child {
	margin-top: 0;
}

.comments-area > *:last-child {
	margin-bottom: 0;
}

.comments-area.show-avatars .avatar {
	border-radius: 50%;
	position: absolute;
	top: 10px;
}

.comments-area.show-avatars .fn {
	display: inline-block;
	padding-left: 85px;
}

.comments-area.show-avatars .comment-metadata {
	padding: 8px 0 9px 85px;
}

/**
 * Comment Title
 */
.comments-title,
.comment-reply-title {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
}

.comment-reply-title {
	display: flex;
	justify-content: space-between;
}

.comment-reply-title small a {
	font-family: var(--global--font-secondary);
	font-size: var(--global--font-size-xs);
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

/* Nested comment reply title*/
.comment .comment-respond .comment-reply-title {
	font-size: var(--global--font-size-lg);
}

/**
 * Comment Lists
 */
.comment-list {
	padding-left: 0;
	list-style: none;
}

.comment-list > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-list .children {
	list-style: none;
	padding-left: 0;
}

.comment-list .children > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

@media only screen and (min-width: 482px) {

	.comment-list .depth-2,
	.comment-list .depth-3 {
		padding-left: calc(4 * var(--global--spacing-horizontal));
	}
}

/**
 * Comment Meta
 */
.comment-meta .comment-author {
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {

	.comment-meta .comment-author {
		margin-bottom: 0;
		padding-right: 0;
	}
}

.comment-meta .comment-author .fn {
	font-family: var(--global--font-secondary);
	font-weight: normal;
	font-size: var(--global--font-size-lg);
	hyphens: auto;
	word-wrap: break-word;
	word-break: break-word;
}

.comment-meta .comment-metadata {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	padding: 8px 0 9px 0;
}

.comment-meta .comment-metadata .edit-link {
	margin-left: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {

	.comment-meta {
		margin-right: inherit;
	}

	.comment-meta .comment-author {
		max-width: inherit;
	}
}

.reply {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-heading);
}

.bypostauthor {
	display: block;
}

.says {
	display: none;
}

.pingback .url,
.trackback .url {
	font-family: var(--global--font-primary);
}

.comment-body {
	position: relative;
	margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.comment-body > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-body .reply {
	margin: 0;
}

.comment-content {
	word-wrap: break-word;
}

.pingback .comment-body,
.trackback .comment-body {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-respond {
	margin-top: var(--global--spacing-vertical);
}

.comment-respond > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.comment-respond > *:first-child {
	margin-top: 0;
}

.comment-respond > *:last-child {
	margin-bottom: 0;
}

.comment-respond > *:last-child.comment-form {
	margin-bottom: var(--global--spacing-vertical);
}

.comment-author {
	padding-top: 3px;
}

.comment-author .url {
	color: currentColor;
}

.comment-form {
	display: flex;
	flex-wrap: wrap;
}

.comment-form > * {
	flex-basis: 100%;
}

.comment-form .comment-notes {
	font-size: var(--global--font-size-sm);
}

.comment-form .comment-form-url,
.comment-form .comment-form-comment {
	width: 100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
	flex-basis: 0;
	flex-grow: 1;
}
@media only screen and (max-width: 481px) {

	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		flex-basis: 100%;
	}
}

.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
	font-size: var(--global--font-size-xs);
	font-weight: normal;
}

.comment-form > p {
	margin-bottom: var(--global--spacing-unit);
}

.comment-form > p:first-of-type {
	margin-top: 0;
}

.comment-form > p:last-of-type {
	margin-bottom: 0;
}

.comment-form > p label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
	display: block;
	font-size: var(--global--font-size-sm);
	margin-bottom: calc(.5 * var(--global--spacing-unit));
	width: 100%;
	font-weight: var(--form--label-weight);
}

.comment-form > p.comment-form-cookies-consent {
	display: flex;
}
@media only screen and (min-width: 482px) {

	.comment-form > p.comment-form-author {
		margin-right: calc(1.5 * var(--global--spacing-horizontal));
	}

	.comment-form > p.comment-notes,
	.comment-form > p.logged-in-as {
		display: block;
	}
}

.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.menu-button-container {
		display: flex;
	}
}

.menu-button-container #primary-mobile-menu {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
	top: -1px;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: twentytwentyone-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
	background-color: var(--global--color-background);
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
	position: static;
}

.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-horizontal);
	background-color: var(--global--color-background);
	transition: all 0.15s ease-in-out;
	transform: translateY(var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}

	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}

	.primary-navigation > .primary-menu-container:focus {
		border: 2px solid var(--global--color-primary);
	}
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
}

.primary-navigation-open .primary-navigation > .primary-menu-container {
	position: absolute;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		transform: translateX(0) translateY(0);
	}
}
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}
@media only screen and (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
	}

	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
}

.primary-navigation > div > .menu-wrapper li {
	display: block;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper li {
		margin: 0;
		width: inherit;
	}

	.primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: 0;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: flex;
	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
	width: 44px;
	padding: 0;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	border: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display: none;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	height: 100%;
	display: flex;
	align-items: center;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
	margin-top: -1px;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	display: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
	display: flex;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
	display: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	position: relative;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		left: 0;
		margin: 0;
		min-width: max-content;
		position: absolute;
		top: 100%;
		padding-top: 3px;
		transition: all 0.5s ease;
		z-index: 88888;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--primary-nav--border-color) transparent;
		border-width: 0 7px 10px 7px;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: var(--global--color-background);
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {

		/* rtl:ignore */
		left: 0;

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {

		/* rtl:ignore */
		left: var(--global--spacing-horizontal);

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

		/* rtl:ignore */
		right: 0;

		/* rtl:ignore */
		left: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {

		/* rtl:ignore */
		left: auto;

		/* rtl:ignore */
		right: var(--global--spacing-horizontal);
	}
}

.primary-navigation .primary-menu > .menu-item:hover > a {
	color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .primary-menu-container {
		margin-right: calc(0px - var(--primary-nav--padding));
		margin-left: calc(0px - var(--primary-nav--padding));
	}

	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: var(--primary-nav--padding);
		padding-right: var(--primary-nav--padding);
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
		margin-left: calc(5px - var(--primary-nav--padding));
	}
}

.primary-navigation a {
	display: block;
	font-family: var(--primary-nav--font-family-mobile);
	font-size: var(--primary-nav--font-size-mobile);
	font-weight: var(--primary-nav--font-weight);
	padding: var(--primary-nav--padding) 0;
	text-decoration: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family);
		font-size: var(--primary-nav--font-size);
		font-weight: var(--primary-nav--font-weight);
	}
}

.primary-navigation a + svg {
	fill: var(--primary-nav--color-text);
}

.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
	color: var(--primary-nav--color-link-hover);
}

.primary-navigation a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation a:focus {
	position: relative;
	z-index: 99999;
	outline-offset: 0;
	text-decoration-thickness: 2px;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
	text-decoration: underline;
	text-decoration-style: solid;
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: var(--primary-nav--padding);
	border: 1px solid var(--primary-nav--border-color);
}

.primary-navigation .sub-menu .sub-menu {
	border: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: 0;
	}
}
@media only screen and (max-width: 481px) {

	.primary-navigation .sub-menu .menu-item:last-child {
		margin-bottom: 0;
	}
}

.primary-navigation .sub-menu .menu-item > a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
	font-size: var(--primary-nav--font-size-sub-menu-mobile);
	font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size-sub-menu);
		font-style: var(--primary-nav--font-style);
	}
}

.primary-navigation .menu-item-has-children > .svg-icon {
	display: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: inline-block;
		height: 100%;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: none;
	}
}

.primary-navigation .menu-item-description {
	display: block;
	clear: both;
	font-size: var(--global--font-size-xs);
	text-transform: none;
	line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
	display: inline-block;
}

@media only screen and (max-width: 481px) {

	.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
}
@keyframes twentytwentyone-close-button-transition {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.footer-navigation {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-size: var(--global--font-size-xs);
	font-family: var(--footer--font-family);
}

.footer-navigation-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}

.footer-navigation-wrapper li {
	display: inline;
	line-height: 3;
}

.footer-navigation-wrapper li a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	transition: transform 0.1s ease;
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited,
.footer-navigation-wrapper li a:active {
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
	color: var(--footer--color-link-hover);
}

.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-white));
}

.footer-navigation-wrapper li .svg-icon {
	vertical-align: middle;
	fill: var(--footer--color-link);
}

.footer-navigation-wrapper li .svg-icon:hover {
	transform: scale(1.1);
}

.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
	display: none;
}

/* Next/Previous navigation */
.navigation {
	color: var(--global--color-primary);
}

.navigation a {
	color: var(--global--color-primary);
	text-decoration: none;
}

.navigation a:hover {
	color: var(--global--color-primary-hover);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.navigation a:focus {
	color: var(--global--color-secondary);
}

.navigation a:active {
	color: var(--global--color-primary);
}

.navigation .nav-links > * {
	min-width: 44px;
	min-height: 44px;
}

.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
	display: flex;
	flex-direction: column;
}

.navigation .nav-links .dots {
	text-align: center;
}
@media only screen and (min-width: 592px) {

	.navigation .nav-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.navigation .nav-links .nav-next,
	.navigation .nav-links .nav-previous {
		flex: 0 1 auto;
		margin-bottom: inherit;
		margin-top: inherit;
		max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
	}

	.navigation .nav-links .nav-next {
		text-align: right;
	}
}

.navigation .svg-icon {
	display: inline-block;
	fill: currentColor;
	vertical-align: middle;
	position: relative;
}

.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
	top: -2px;
	margin-right: calc(0.25 * var(--global--spacing-unit));
}

.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
	top: -1px;
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.post-navigation {
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.post-navigation {
		margin: var(--global--spacing-vertical) auto;
	}
}

.post-navigation .meta-nav {
	line-height: var(--global--line-height-body);
	color: var(--global--color-primary);
}

.post-navigation .post-title {
	display: inline-block;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-lg);
	font-weight: var(--pagination--font-weight-strong);
	line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {

	.post-navigation .post-title {
		margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
	}
}
@media only screen and (min-width: 482px) {

	.post-navigation .nav-links {
		justify-content: space-between;
	}
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
	margin-top: 0;
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
	margin-bottom: 0;
}

.pagination,
.comments-pagination {
	border-top: 3px solid var(--global--color-border);
	padding-top: var(--global--spacing-vertical);
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.pagination,
	.comments-pagination {
		margin: var(--global--spacing-vertical) auto;
	}
}

.pagination .nav-links,
.comments-pagination .nav-links {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
	color: var(--pagination--color-link-hover);
}

.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-background);
}

.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-white);
}

.pagination .nav-links > *,
.comments-pagination .nav-links > * {
	color: var(--pagination--color-text);
	font-family: var(--pagination--font-family);
	font-size: var(--pagination--font-size);
	font-weight: var(--pagination--font-weight);
	margin-top: var(--global--spacing-vertical);
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
}

.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
	text-decoration: underline;
}

.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
	text-decoration-style: dotted;
}

.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
	margin-left: 0;
}

.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
	margin-right: 0;
}

.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
	margin-left: auto;
}

.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
	margin-right: auto;
}
@media only screen and (max-width: 821px) {

	.pagination .nav-links,
	.comments-pagination .nav-links {
		display: flex;
		flex-wrap: wrap;
	}

	.pagination .page-numbers,
	.comments-pagination .page-numbers {
		display: none;
	}

	.pagination .page-numbers.prev,
	.pagination .page-numbers.next,
	.comments-pagination .page-numbers.prev,
	.comments-pagination .page-numbers.next {
		display: inline-block;
		flex: 0 1 auto;
	}
}
@media only screen and (max-width: 481px) {

	.pagination .nav-short,
	.comments-pagination .nav-short {
		display: none;
	}
}

.comments-pagination {
	padding-top: calc(0.66 * var(--global--spacing-vertical));
	margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {

	.comments-pagination {
		margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
	}
}

.comments-pagination .nav-links > * {
	font-size: var(--global--font-size-md);
}

.widget-area {
	margin-top: calc(6 * var(--global--spacing-vertical));
	padding-bottom: calc(var(--global--spacing-vertical) / 3);
	color: var(--footer--color-text);
	font-size: var(--footer--font-size);
	font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {

	.widget-area {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(2 * var(--global--spacing-horizontal));
	}
}
@media only screen and (min-width: 1024px) {

	.widget-area {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 481px) {

	.widget-area {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.widget-area ul {
	list-style-type: none;
	padding: 0;
}

.widget-area ul li {
	line-height: var(--widget--line-height-list);
}

.widget-area ul.sub-menu,
.widget-area ul.children {
	margin-left: var(--widget--spacing-menu);
}

.widget-area ul .sub-menu-toggle {
	display: none;
}

.widget-area a {
	color: var(--footer--color-link);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: currentColor;
}

.widget-area a:link,
.widget-area a:visited,
.widget-area a:active {
	color: var(--footer--color-link);
}

.widget-area a:hover {
	color: var(--footer--color-link-hover);
	text-decoration-style: dotted;
}

.widget-area .wp-block-social-links.alignright {
	margin-top: var(--global--spacing-vertical);
	justify-content: flex-end;
}

.widget-area .wp-block-social-links.alignleft {
	margin-top: var(--global--spacing-vertical);
}

.widget-area:after {
	content: "";
	display: table;
	clear: both;
}

.widget-title {
	font-size: var(--global--font-size-sm);
	font-weight: var(--widget--font-weight-title);
	line-height: var(--widget--line-height-title);
}

.search-form {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	max-width: var(--responsive--aligndefault-width);
}

.search-form > label {
	width: 100%;
	margin-bottom: 0;
	font-weight: var(--form--label-weight);
}

.search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.search-form .search-submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-left: 10px;
}

.widget_search > .search-form .search-field {
	margin-right: calc(-1 * var(--button--border-width));
	-webkit-appearance: none;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_search > .search-form .search-submit {
	margin-left: 0;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_rss a.rsswidget .rss-widget-icon {
	display: none;
}

/* Category 07 is for any utility classes that are not assigned to a specific component. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.skip-link:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

@media (prefers-reduced-motion) {

	* {
		transition-delay: 0s !important;
		transition-duration: 0s !important;
	}
}

.has-black-color[class] {
	color: var(--global--color-black);
}

.has-black-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-black, #000);
	color: var(--local--color-primary);
}

.has-gray-color[class] {
	color: var(--global--color-gray);
}

.has-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-gray, #000);
	color: var(--local--color-primary);
}

.has-dark-gray-color[class] {
	color: var(--global--color-dark-gray);
}

.has-dark-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-dark-gray, #000);
	color: var(--local--color-primary);
}

.has-green-color[class] {
	color: var(--global--color-green);
}

.has-green-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-green, #fff);
	color: var(--local--color-primary);
}

.has-blue-color[class] {
	color: var(--global--color-blue);
}

.has-blue-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-blue, #fff);
	color: var(--local--color-primary);
}

.has-purple-color[class] {
	color: var(--global--color-purple);
}

.has-purple-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-purple, #fff);
	color: var(--local--color-primary);
}

.has-red-color[class] {
	color: var(--global--color-red);
}

.has-red-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-red, #fff);
	color: var(--local--color-primary);
}

.has-orange-color[class] {
	color: var(--global--color-orange);
}

.has-orange-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-orange, #fff);
	color: var(--local--color-primary);
}

.has-yellow-color[class] {
	color: var(--global--color-yellow);
}

.has-yellow-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-yellow, #fff);
	color: var(--local--color-primary);
}

.has-white-color[class] {
	color: var(--global--color-white);
}

.has-white-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-white, #fff);
	color: var(--local--color-primary);
}

.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
	color: currentColor;
}

.has-black-background-color[class] {
	background-color: var(--global--color-black);
}

.has-black-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-black, #000);
	background-color: var(--local--color-background);
}

.has-dark-gray-background-color[class] {
	background-color: var(--global--color-dark-gray);
}

.has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-dark-gray, #000);
	background-color: var(--local--color-background);
}

.has-gray-background-color[class] {
	background-color: var(--global--color-gray);
}

.has-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-gray, #000);
	background-color: var(--local--color-background);
}

.has-light-gray-background-color[class] {
	background-color: var(--global--color-light-gray);
}

.has-light-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-light-gray, #fff);
	background-color: var(--local--color-background);
}

.has-green-background-color[class] {
	background-color: var(--global--color-green);
}

.has-green-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-green, #fff);
	background-color: var(--local--color-background);
}

.has-blue-background-color[class] {
	background-color: var(--global--color-blue);
}

.has-blue-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-blue, #fff);
	background-color: var(--local--color-background);
}

.has-purple-background-color[class] {
	background-color: var(--global--color-purple);
}

.has-purple-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-purple, #fff);
	background-color: var(--local--color-background);
}

.has-red-background-color[class] {
	background-color: var(--global--color-red);
}

.has-red-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-red, #fff);
	background-color: var(--local--color-background);
}

.has-orange-background-color[class] {
	background-color: var(--global--color-orange);
}

.has-orange-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-orange, #fff);
	background-color: var(--local--color-background);
}

.has-yellow-background-color[class] {
	background-color: var(--global--color-yellow);
}

.has-yellow-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-yellow, #fff);
	background-color: var(--local--color-background);
}

.has-white-background-color[class] {
	background-color: var(--global--color-white);
}

.has-white-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-white, #fff);
	background-color: var(--local--color-background);
}

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
	color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
}

.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class] {
	color: var(--global--color-dark-gray);
}

.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
}

.has-purple-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-yellow-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}

.has-green-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}

.has-yellow-to-green-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}

.has-red-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-yellow-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-purple-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-red-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

header *,
main *,
footer * {
	max-width: var(--global--spacing-measure);
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
	max-width: none;
}

.is-IE.is-dark-theme {
	color: #fff;
}

.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
	color: #fff;
}

.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
	fill: #fff;
}

.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	background: #000;
}
@media only screen and (max-width: 481px) {

	.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
	.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
		background-color: #000;
	}
}

.is-IE.is-dark-theme .skip-link:focus {
	color: #21759b;
}

.is-IE .navigation .nav-links {
	display: block;
}

.is-IE .post-thumbnail .wp-post-image {
	min-width: auto;
}