@charset "utf-8";
/* CSS Document */

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Intelo Extra Bold by Kastelov
 * URL: https://www.myfonts.com/products/extra-bold-intelo-175573
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
@font-face {
  font-family: 'Intelo Extra Bold';
  font-style: normal;
  font-weight: bolder;
  src: url("fonts/InteloExtraBold.woff2") format("woff2"), 
       url("fonts/InteloExtraBold.woff") format("woff")
}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Isidora Medium by Latinotype
 * URL: https://www.myfonts.com/products/medium-isidora-176464
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
@font-face {
  font-family: 'Isidora Medium';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/IsidoraMedium.woff2") format("woff2"),  
       url("fonts/IsidoraMedium.woff") format("woff")
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Isidora Bold by Latinotype
 * URL: https://www.myfonts.com/products/bold-isidora-176426
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
@font-face {
  font-family: 'Isidora Bold';
  font-style: normal;
  font-weight: bold;
  src: url("fonts/IsidoraBold.woff2") format("woff2"),  
       url("fonts/IsidoraBold.woff") format("woff")
}

:root {
    --grid-width:       1180px; /* Base Width is Set Here */
    --grid-gutter:        15px; /* Gutter Width is set here.  Just put half the gutter width here. */
    --header-height:     164px;
    --footer-height:     468px;
    
    --header-primary-color:        #E56DB1;
    --header-secondary-color:      #00BFB2;
    --header-tertiary-color:       #41B6E6;
    --footer-color:         #FAC545;
    
    --primary-color:        #D3273E;
    --secondary-color:      #5D3754;
    --tertiary-color:       #1B365D;
    --primary-font:         'Isidora Medium';
    --secondary-font:       'Intelo Extra Bold';
    --tertiary-font:        'Isidora Bold';
    --standard-font-size:   18px;
    --line-height:          1.2;
}

::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

/* background color */
.Pink       { background-color: var(--header-primary-color); }
.Green      { background-color: var(--header-secondary-color); }
.Blue       { background-color: var(--header-tertiary-color); }
.Yellow     { background-color: var(--footer-color); }
.Red		{ background-color: var(--primary-color); }
.Purple     { background-color: var(--secondary-color); }
.Dark-Blue { background-color: var(--tertiary-color); }
.White      { background-color: #fff; }
.Black      { background-color: #000; }
.transparent { background-color: transparent; }

/* font color */
.pink,
a.btn.pink,
ul.pink li::marker,
span[style="color: #E56DB1;"] b,
span[style="color: #E56DB1;"] strong               { color: var(--header-primary-color); }
.green,
a.btn.green,
ul.green li::marker,
span[style="color: #00BFB2;"] b,
span[style="color: #00BFB2;"] strong              { color: var(--header-secondary-color); }
.blue,
a.btn.blue,
ul.blue li::marker,
span[style="color: #41B6E6;"] b,
span[style="color: #41B6E6;"] strong               { color: var(--header-tertiary-color); }
.yellow,
a.btn.yellow,
ul.yellow li::marker,
span[style="color: #FAC545;"] b,
span[style="color: #FAC545;"] strong             { color: var(--footer-color); }
.red,
a.btn.red,
ul.red li::marker,
span[style="color: #D3273E;"] b,
span[style="color: #D3273E;"] strong                { color: var(--primary-color); }
.purple,
a.btn.purple,
ul.purple li::marker,
span[style="color: #5d3754;"] b,
span[style="color: #5d3754;"] strong             { color: var(--secondary-color); }
.dark-blue,
a.btn.dark-blue,
ul.dark-blue li::marker,
span[style="color: #1B365D;"] b,
span[style="color: #1B365D;"] strong          { color: var(--tertiary-color); }
.white,
a.btn.white,
ul.white li::marker,
span[style="color: #ffffff;"] b,
span[style="color: #ffffff;"] strong,
section.Dark-Blue container article.Dark-Blue p { color: #fff; }


.drop-triangle:before { content: " "; position: absolute; bottom: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--tertiary-color); }
/* Base Template Settings */
body                                            { font-family: var(--primary-font); cursor: none; height: auto!important; }
a, button, input, label                         { cursor: none; }
.btn { font-family: var(--secondary-font); }
.cursor { width: 40px; height: 40px; z-index: 999; border: none; position: absolute; pointer-events: none; transition: transform .1s; transform-origin: -10px -10px; transform: scale(.8); }
section { position: relative; }
/*#page-head container,*/
/*#page-foot container, div container { max-width: var(--grid-width); }*/
body:not(.home) section:not(#header):not(#half-block)    { padding: 45px 20px; }
body:not(.home) section:not(#header):not(#half-block).featured-slider,
body:is(.home) section:not(#header):not(#half-block)    { padding: 45px 0px; }
 #skrollr-body #side-feature-img section    { padding: 0px; }
.slider-view-map { margin-top: 10px; }
section container                   { max-width: 1000px; } 
.halves > .half > container         { max-width: calc( var(--grid-width) / 2 ); } 
.halves > .half > container, .listed li,
[class^="box-"], [class*=" box-"]               { padding: var(--grid-gutter); } 
.cta, input[type=submit], .frm_button_submit,  .wp-block-button__link,
button                              { border: none; width: auto; white-space: nowrap; padding: 10px 30px; }
div.frm_error, span.frm_required,
.frm_error_style 					{ color: var(--primary-color); }
article button h2                   { margin-bottom: 0; }
article                             { text-align: center; }
article p, main p, .p                       { font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); }
* strong, * b                                      { font-family: var(--tertiary-font); }
article h1, main h1, .h1                     { font-family: var(--secondary-font); line-height: var(--line-height); 
/*    margin-bottom: var(--standard-font-size); */
}
article h2, main h2, .h2                                 { font-family: var(--tertiary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); text-align: center; }
article h3, main h3, .h3                                 { font-family: var(--tertiary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); }
article h4, main h4, .h4                                 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); }
article h5, main h5, .h5                                 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); }
article h6, main h6, .h6                                 { font-family: var(--primary-fontt); line-height: var(--line-height); margin-bottom: var(--standard-font-size); font-size: 30px;}
article blockquote, .blockquote                 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); }
article blockquote cite, .blockquote cite       { font-family: var(--primary-font); line-height: var(--line-height) }
article ul, article ol                          { padding-left: var(--standard-font-size); }
article ul                                      { list-style-type: disc; }
article ol                                      { list-style-type: decimal; }
details                                         { font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); }
details summary                                 { font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); }
#h1-top, #h1-bottom							    { -webkit-text-fill-color: transparent; -webkit-text-stroke: 8px #fff; text-stroke: 8px white; color: #000; text-shadow: 0px 0px 10px #000000; }
.Pink #h1-top, .Pink #h1-bottom					{ -webkit-text-fill-color: var(--header-primary-color); }
.Green #h1-top, .Green #h1-bottom				{ -webkit-text-fill-color: var(--header-secondary-color); }
.Blue #h1-top, .Blue #h1-bottom					{ -webkit-text-fill-color: var(--header-tertiary-color); }
.Yellow #h1-top, .Yellow #h1-bottom				{ -webkit-text-fill-color: var(--footer-color); }
.Red #h1-top, .Red #h1-bottom					{ -webkit-text-fill-color:  var(--primary-color); }
.Purple #h1-top, .Purple #h1-bottom				{ -webkit-text-fill-color: var(--secondary-color); }
.Dark-Blue #h1-top, .Dark-Blue #h1-bottom		{ -webkit-text-fill-color: var(--tertiary-color); }
.White #h1-top, .White #h1-bottom				{ -webkit-text-fill-color: #fff; }
.Black #h1-top, .Black #h1-bottom				{ -webkit-text-fill-color: #000; }
/* Header Settings */
/*
main a:before           {  }
main a:hover:before     {  }
*/


#page-head container #nav #main li, #page-head container #nav #main a { color: var(--tertiary-color); text-decoration: none; margin: -15px 5px; padding: 2px; font-family: var(--secondary-font); font-size: var(--standard-font-size); text-transform: uppercase; }
#page-head container #nav #main li ul li { margin-top: 0px; transition: all 0.8s; }
#page-head container #nav #main li:hover ul li { margin-top: 10px; text-align: left; }
#page-head container #nav #main li ul li a,
#page-head container #nav #main li ul li a:hover { margin: 5px 0px; padding: 5px 40px 5px 5px; }
#page-head container #nav #main .current-menu-item a, #page-head container #nav #main .active a,
#page-head container #nav #main a:hover { background: var(--primary-color); opacity: 1; }
#page-head container #nav.smartmobile						{ display: none; }
#page-head container #nav.smartdesktop						{ display: block; }
/*
#page-head container #nav #main a:before {
    content: ""; width: 0; transition: all .5s; background-color:var(--primary-color); height:1.3em; position:absolute; z-index:-1; filter:url(#marker-shape); left:0; top:0; padding:0;
}
*/

/* #page-head container #nav #main a:hover:before {
    content:""; background-color:var(--primary-color); width:100%; height:100%; position:absolute; z-index:-1; filter:url(#marker-shape); left:-0.25em; top:0.05em; padding:0 0.30em; transition: all .5s;
}
#page-head container #nav #main a:hover:after           { content: " "; width: 0; transition: all .5s; background-color:var(--primary-color); height:1.3em; position:absolute; z-index:0; filter:url(#marker-shape); left:0; top:0; padding:0; opacity: .85; } */
/* Brush Stroke for nav */
#page-head container #nav #main                                          { color: var(--primary-color); text-decoration: none; position: relative; z-index: 1;}
#page-head container #nav #main a:after           { content: ""; width: 0; transition: all .5s; background-color:var(--primary-color); height:2.4em; position:absolute; z-index:-1; filter:url(#marker-shape); left:0; top:0; padding:0; }
#page-head container #nav #main .current-menu-item > a:after,
#page-head container #nav #main a:hover:after     { content:""; background-color:var(--primary-color); width: calc(105% + .5em); height:2.4em; position:absolute; z-index:-1; filter:url(#marker-shape); left:-0.25em; top:-0.25em; padding:0 0.30em; }
#page-head container #nav #main a.btn:after           { content: ""; width: 0; transition: all .5s; background-color:var(--primary-color); height:2.4em; position:absolute; z-index:0; filter:url(#marker-shape); left:0; top:0; padding: 20px 0; opacity: .85; }
#page-head container #nav #main a.btn:hover:after     { content:""; background-color:var(--primary-color); width:100%; height:1.5em; position:absolute; z-index:0; filter:url(#marker-shape); left:-0.25em; top:-0.25em; padding:20px 0.30em; opacity: .85; }

#nav #main .menu-item-has-children ul { position: absolute; display: block; z-index: 1; max-height: 0; min-height: 0; transition: all 1s; overflow: hidden; background: transparent; text-align: left; left: 0px; top: 100%; }
#nav #main .menu-item-has-children:hover > ul, #nav #main .menu-item-has-children:active > ul, #nav #main .menu-item-has-children > ul.expand { max-height: 100vh; overflow: visible; display: block; padding-top: 55px; width: auto; text-align: center; min-height: 150px; }
#nav #main .menu-item-has-children > ul #draw-line { position: absolute; top: 0px; left: 21px; z-index: -2; transition: .8s; overflow: hidden; height: 85%; }
#nav #main .menu-item-has-children:hover > ul #draw-line { top: 20px; }
#nav #main.left-menu .menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul #draw-line { position: absolute; left: -38px; top: 40px; }
#nav #main.right-menu .menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul #draw-line { position: absolute; left: 100%; top: 40px; transform: scaleX(-1); }
#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line { position: absolute; left: -38px; top: 40px; }
#nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line { position: absolute; left: 100%; top: 40px; transform: scaleX(-1); }

#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu { max-height: 0; height: 0; overflow: visible; display: block; padding: 0; background: var(--tertiary-color); width: auto; margin-left: 100%; margin-top: -100px; }
#nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu { max-height: 0; height: 0; overflow: visible; display: block; padding: 0; background: var(--tertiary-color); width: auto; margin-left: -100%; margin-top: -100px; }

#page-head container #nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu { max-height: 100vh; height: auto; min-height: auto; overflow: visible; display: block; padding: 0 0 20px 0; background: var(--tertiary-color); width: auto; margin-left: calc(100% + -40px); margin-top: -100px; }
#page-head container #nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu { max-height: 100vh; height: auto; min-height: auto; overflow: visible; display: block; padding: 0 0 20px 0; background: var(--tertiary-color); width: auto; margin-left: -95%; margin-top: -90px; }

#page-head container #nav #main .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu a { font-size: 0; }

#page-head container #nav #main .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu a { font-size: var(--standard-font-size); }

#page-head container #nav #main .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu > li,
#page-head container #nav #main .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu > li a{ color: var(--footer-color); background: none; }
#page-head container #nav #main .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu > li:hover { color: var(--footer-color); background: transparent; }

#page-head.menu-open { height: 600px; }
#page-head .menu-side-date { position: absolute; right: -65px; transform: rotate(270deg); margin: 0; padding: 0; left: auto; top: 0; width: 0; height: 0; transition: all .7s; }
#page-head.menu-open .menu-side-date { position: absolute; right: -65px; transform: rotate(270deg); margin: 0; padding: 0; left: auto; top: 400px; width: auto; height: auto; transition: all .7s; }
#page-head .longhorn-side-menu { position: absolute; right: 10px; margin: 0; padding: 0; left: auto; top: -50px; width: auto; height: auto; transition: all .7s; }
#page-head.menu-open .longhorn-side-menu { position: absolute; right: 5px; margin: 0; padding: 0; left: auto; top: 540px; width: auto; height: auto; transition: all .7s; }
.title-festival-date { position: absolute; width: 100%; margin-top: -32px; display: flex; justify-content: center; align-items: center; z-index: 1; }
small.title-festival-date span { font-size: 40px; display: flex; justify-content: space-evenly; align-items: center; }

#page-head .menu-side-date span,
.title-festival-date span { font-family: var(--secondary-font); font-size: 19px; background: #000; border: 4px solid #fff; padding: 5px 15px; border-radius1: 7px; border-radius1: 25px; text-transform: uppercase; }

#skrollr-body { height: 100%; width: 100%; margin-top: 170px; }
#page-head.menu-open #main:before { content: " "; width: 100vw; }


#page-head                                      { height: calc(var(--header-height) + 55px); position: absolute; left: 0px; top: 0px; z-index: 20; width: 100%; overflow: hidden; }
#page-head container                            { height: var(--header-height); }
#page-head container .logo                      { display: block; width: 210px; display: flex; flex-direction: column; position: relative; }
.sm-logo									  	{ margin-top: -30px;}
/*#page-head container .logo svg *                { fill: var(--secondary-color); }*/
#page-head container #nav                       { width: calc(50% - 105px); }
#page-head container #nav:first-child #main					{ float: right; }
#page-head container #nav #main                 {  }
#page-head.Pink container #nav #main ul a       { background-color: var(--header-primary-color); }
#page-head.Green container #nav #main ul a      { background-color: var(--header-secondary-color); }
#page-head.Blue container #nav #main ul a       { background-color: var(--header-tertiary-color); }
#page-head.Yellow container #nav #main ul a     { background-color: var(--footer-color);  }
#page-head.Red container #nav #main ul a        { background-color: var(--primary-color); }
#page-head.Purple container #nav #main ul a     { background-color: var(--secondary-color); }
#page-head.Dark-Blue container #nav #main ul a  { background-color: var(--tertiary-color); }
#page-head.White container #nav #main ul a      { background-color: #fff; }
#page-head.Pink container #nav #main a,
#page-head.Green container #nav #main a,
#page-head.Blue container #nav #main a,
#page-head.Yellow container #nav #main a,
#page-head.Red container #nav #main a,
#page-head.Purple container #nav #main a,
#page-head.Dark-Blue container #nav #main a,
#page-head.White container #nav #main a           { position: relative; }
#page-head.Pink container #nav #main a:hover           { /*color: var(--header-primary-color);*/ background: transparent; position: relative; }
#page-head.Green container #nav #main a:hover           { color: var(--header-secondary-color); background: transparent; position: relative; }
#page-head.Blue container #nav #main a:hover           { color: var(--header-tertiary-color); background: transparent; position: relative; }
#page-head.Yellow container #nav #main a:hover           { color: var(--footer-color); background: transparent; position: relative;}
#page-head.Red container #nav #main a:hover           { color: var(--primary-color); background: transparent; position: relative; } 
#page-head.Purple container #nav #main a:hover           { color: var(--secondary-color); background: transparent; position: relative; }
#page-head.Dark-Blue container #nav #main a:hover           { color: var(--tertiary-color); background: transparent; position: relative; }
#page-head.White container #nav #main a:hover           { color:  #fff; }

#page-head.Pink container #nav #main  .current-menu-item > a { /*color: var(--header-primary-color);*/ background: transparent; }
#page-head.Green container #nav #main .current-menu-item > a { color: var(--header-secondary-color); background: transparent; }
#page-head.Blue container #nav #main .current-menu-item > a { color: var(--header-tertiary-color); background: transparent; }
#page-head.Yellow container #nav #main .current-menu-item > a { color: var(--footer-color); background: transparent; }
#page-head.Red container #nav #main .current-menu-item > a { color: var(--primary-color); background: transparent; }
#page-head.Purple container #nav #main .current-menu-item > a { color: var(--secondary-color); background: transparent; }
#page-head.Dark-Blue container #nav #main .current-menu-item > a { color: var(--tertiary-color); background: transparent; }
#page-head.White container #nav #main .current-menu-item a { color: #fff; }

#page-head container #nav #main .current-menu-item a, #page-head container #nav #main .active a, #page-head container #nav #main a:hover           { background: transparent; opacity: 1; } /* This is the Hover/Active state for the menu item */
#page-head.toggle-menu container > .toggle:before, #page-head.toggle-menu container > .toggle:after, #page-head.toggle-menu container > .toggle i:before, #page-head.toggle-menu container > .toggle i:after    { background: #FFF; }
#nav.addtoggle #main .menu-item-has-children span.toggler { position: absolute; top: 0%; right: 0px; transform: translateY(50%); }
#header        { margin-top: calc(var(--header-height) - 35px); }
#header container article   { display:flex; justify-content: center; align-items: center; flex-direction:column; height:373px; }
#header article h1          { overflow: hidden; display: flex; padding: 3px; line-height: .9; text-transform: uppercase; }
#header article h1:first-child      { align-items: flex-start; }
#header article h1:last-child       { align-items: flex-end; }
.title-colored { position: relative; }
.Yellow .title-colored { color: var(--primary-color); }
.Pink .title-colored,
.Blue .title-colored { color: var(--secondary-color); }
.Green .title-colored { color: #fff; }

/* Header Image Settings */

.header-image, .header-image container          { height: 400px; }

/* front page */
.Dark-Blue.featured-slider,
.featured-slider container 												{ padding:50px 0; max-width: fit-content; }
body:is(.home) #img-mobile-sticky 										{ height: 100vh;  background: #000000; top: 0; right: 0; float: right; padding: 0; }
body:is(.home) #painting 												{ height: 100%; width: 100%; object-fit: cover; }
body:is(.home) #side-feature-img 										{ position: relative; background: #000000; }
body:is(.home) #side-feature-img section#side-content-background-img 	{ background-repeat: no-repeat; background-position: center; background-size: 150%; }
body:is(.home) #side-feature-img section container:first-child 			{ height:100vh; padding: var(--grid-gutter); }
body:is(.home) #side-feature-img section container:last-child aside 	{ display: block; width: auto; position: relative; padding: 0 50px 0 0; }
.free-tag																{ font-size: 100px; line-height: 0.8; transform: rotate(270deg); bottom: 50px; position: absolute; left: -131px; }

/* Content Settings */
div#skrollr-body:before { content: " "; width: 100vw; height: 100vh; display: block; position: absolute; background: #00000000; z-index: -1; transition: 1s all; }
.menu-open ~ div#skrollr-body:before { content: " "; width: 100vw; height: 100vh; display: block; position: absolute; background: #00000085; z-index: 5; }
main                                            { min-height: calc( 100vh - var(--header-height) - var(--footer-height) ) }
.admin-bar main                                 { min-height: calc( 100vh - var(--header-height) - var(--footer-height) - 32px ) }
/* Main Link Style */
main a                                          { color: var(--primary-color); text-decoration: none; position: relative; z-index: 1; }
main a:after           		{ content: ""; width: 0; transition: all .5s; background-color:var(--primary-color); height:1.3em; position:absolute; z-index:-1; filter:url("#marker-shape"); left:0; top:0; padding:0; }
main a:hover:after     		{ content:""; background-color:var(--primary-color); width: calc(100% + 0.5em); height:1.3em; position:absolute; z-index:-1; filter:url("#marker-shape"); left:-0.25em; top:-0.05em; padding:0 0.30em; }
.btn-casing					{ position: relative; display: flex; justify-content: center; align-items: center; }
.btn-casing.btn-full		{ width: 100%; }
main a.btn::after           	{ content: ""; background-color: var(--header-tertiary-color); height: 1.3em; position: absolute; z-index: -1; filter: url("#marker-shape"); width: 0; left: 0; top: 0; padding: 20px 0; transition: all .5s; }
main a.btn:hover::after     	{ content: ""; background-color: var(--header-tertiary-color); height: 1.3em; position: absolute; z-index: -1; filter: url("#marker-shape"); width: calc(100% + 0.5em); left: -0.25em;  top: -0.05em; padding: 20px 0.30em; }

main fieldset .frm_compact_text							{ position: relative; height: 35px; display: block; }
main fieldset .frm_compact_text > button				{ position: absolute; z-index: 0; }
main fieldset .frm_compact_text > button::after			{ content: ""; background-color: var(--header-tertiary-color); height:1.3em; position:absolute; z-index: -1; filter:url("#marker-shape"); width: 0; left:0; top:0; padding: 20px 0; transition: all .5s; }
main fieldset .frm_compact_text > button:hover::after	{ content: ""; background-color: var(--header-tertiary-color); height:1.3em; position:absolute; z-index: -1; filter:url("#marker-shape"); width: calc(100% + 0.5em); left:-0.25em; top:-0.05em; padding:20px 0.30em; }

main fieldset .frm_submit   								     			{ position: relative; }
main fieldset button.frm_button_submit.frm_final_submit ,
main fieldset button.Red.frm_button_submit.frm_final_submit        			{ position: absolute; z-index: 0; }
main fieldset button.Red.frm_button_submit.frm_final_submit        			{ background-color: var(--primary-color); }
main fieldset button.frm_button_submit.frm_final_submit::after,
main fieldset button.Red.frm_button_submit.frm_final_submit::after  		{ content: ""; background-color: var(--header-tertiary-color); height:1.3em; position:absolute; z-index: -1; filter:url("#marker-shape"); width: 0; left:0; top:0; padding: 20px 0; transition: all .5s; }
main fieldset button.frm_button_submit.frm_final_submit:hover::after,
main fieldset button.Red.frm_button_submit.frm_final_submit:hover::after  	{ content: ""; background-color: var(--header-tertiary-color); height:1.3em; position:absolute; z-index: -1; filter:url("#marker-shape"); width: calc(100% + 0.5em); left:-0.25em; top:-0.05em; padding:20px 0.30em; }


.broughtToYouBy					  { height: 385px; }
.broughtToYouBy a                 { display: block; height: 100%; }
.broughtToYouBy a:after           { content: " "; background-color:var(--tertiary-color); width: 0; height: 100%; z-index:-1; position:absolute;  filter:url("#marker-shape"); left:0; top:0; padding:0; transition: all .5s; }
.broughtToYouBy a:hover:after     { content: " "; background-color:var(--tertiary-color); width: calc(100% + 0.5em); height: 100%; z-index: -1; position:absolute;  filter:url("#marker-shape"); left:-0.25em; top:-0.05em; padding:0 0.30em; }

footer a:after           { content: " "; background-color:var(--header-tertiary-color); position:absolute; z-index: -1; filter:url("#marker-shape"); height: 1.3em; left:0; top: 0; padding: 0; width: 0; transition: all .5s; }
footer a:hover:after     { content: " "; background-color:var(--header-tertiary-color); position:absolute; z-index: -1; filter:url("#marker-shape"); height: 1.3em; left:-0.25em; top: 0; padding: 0 0.30em; width: calc(100% + 0.5em); }

main .content .boxcontainer div div             { background: var(--secondary-color); color: #FFF; padding: 10px; min-height: 40px; font-size: 10px; }
section container { height: 100%; }
/* Form Settings */

.frm_form_field input:focus::-webkit-input-placeholder  { color: transparent; }
.frm_form_field input:focus:-moz-placeholder            { color: transparent; } 
.frm_form_field input:focus::-moz-placeholder           { color: transparent; } 
.frm_form_field input:focus:-ms-input-placeholder       { color: transparent; } 
.frm_form_field input[type=checkbox]            {  }
.frm_form_field input[type=checkbox]:checked:before {  }
.frm_form_field input[type=radio]               {  }
.frm_form_field input[type=radio]:checked:before     {  }
.frm_form_field input[type=text], .frm_form_field input[type=email], 
.frm_form_field input[type=tel]                 {  }  
.frm_form_field textarea                        {  }    
.frm_form_field select                          {  }

/* Footer Settings */
#page-foot                                      { background: var(--footer-color); padding: 0 25px; position: relative; z-index: 0; }
#page-foot nav ul li 							{ margin-right: 35px; line-height: 2; }
#page-foot nav ul li a                          { font-size: 16px; text-decoration: none; color: var(--tertiary-color); letter-spacing: 0.84px; font-family: var(--secondary-font); text-transform: uppercase; }
#page-foot container                            { justify-content: center; height: auto; padding: 50px 0;}
#page-foot .social li a                         { font-size: 30px; -webkit-text-stroke: 2px var(--tertiary-color); color: transparent; }
#page-foot small p { max-width:550px; color:var(--primary-color);font-family:var(--primary-font); font-size:14px; }
#page-foot small p:before { content: '© '; margin-left: -15px; }
.craftedby  { font-size: 14px; text-align: right;}
.craftedby a  { font-size: 14px; text-decoration: none; position: relative; }
.broughtToYouBy h3 { font-size: 35px; }

/* blocks */
#close                                          { color: #fff; position: absolute; right: 50px; top: -50px; }
 /* slides */
.splide { overflow: hidden; }
.splide__track { padding: 70px 0; }
.splide__track > .splide__list { transition-timing-function: linear; }
.splide__slide:before,
.splide__slide:after { content: " "; position: absolute; color: #fff; left: 50%; top: 50%; width: 0; background: var(--footer-color); height: 0; z-index: -1; transition: all .3s; }
body:is(.home) .featured-slider .splide__slide:hover:before { content: " "; position: absolute; color: #fff; left: calc(50% - 2.5px); top: calc(50% - 75px); width: 5px; background: var(--footer-color); height: 150px; z-index: 2; }
body:is(.home) .featured-slider .splide__slide:hover:after { content: " "; position: absolute; color: #fff; left: calc(50% - 75px); top: calc(50% - 2.5px); width: 150px; background: var(--footer-color); height: 5px; z-index: 2; }
.splide-figure { position: relative; width: 100%; height: 100%; border: 0px solid transparent; transition: .3s all; }
body:is(.home) .featured-slider .splide__slide:hover .splide-figure { border: 70px solid transparent; height: 100%; width: 100%; }
body:is(.home) .featured-slider .splide__slide .splide-figure:before { content: " "; position: absolute; background: #000; left: 0; top: 0; width: 0; height: 0; opacity: 0; z-index: 1; margin: 0px; transition: .3s all; }
body:is(.home) .featured-slider .splide__slide:hover .splide-figure:before { content: " "; position: absolute; background: #000; left: 0; top: 0; width: calc(40vh - 140px); height: calc(40vh - 140px); opacity: .5; z-index: 1; margin: 0px; }
.splide__slide img { vertical-align: bottom; object-fit: cover; width: 100%; height: 100%; }
.broughtToYouBy .splide__slide img { object-fit: unset; }
.splide-caption { text-align: center; left: -1px; width: 100%; padding: 5px; 
	/* background: var(--primary-color);  */
	background: #000; }
body:is(.home) .splide__slide:hover .splide-figure > .splide-caption { background: var(--footor-color); left: 0px; width: 100%; padding-bottom: 80px; }
body:is(.home) .splide__slide:hover .splide-figure > .splide-caption h3 { color: #fff; }
body:is(.home) .splide__slide:hover .splide-figure > .splide-caption p { color: var(--footer-color); }
.Dark-Blue .social a { color: var(--footer-color); }
.no-p-bottom-margin p { margin-bottom: 0; }
/* flex-content */
.large-txt 				{ font-size: 135px; }
.medium 				{ font-size: 49px; }
.no-p-bottom-margin p 	{ margin-bottom: 0; }
.side-img 				{ padding: 0; margin: -20px; width: calc( 100% / 3 + 40px); height: calc(100% + 47px); position: relative; }
.side-img-btn			{ position: absolute; top: 50%; left: calc(50% - 69px); }
.calendar-list-width	{ width: 100%; }
.calendar-list-width aside		{ width: 135px; }
.calendar-list-width article	{ width: calc(100% - 135px); }
.calendar-list			{ padding:20px 30px; }
.flex-left				{ align-items: flex-start; }
.flex-right				{ align-items: flex-end; }
.margin7				{ margin: 7px; }
.margin-auto			{ margin-left: auto; margin-right: auto; }
/* watermark */
.watermark-start		{ align-items: start; }
.watermark-center		{ align-items: center; }
.watermark-end			{ align-items: end; }
.watermark-left			{ justify-content: left; }
.watermark-h-center		{ justify-content: center; }
.watermark-right		{ justify-content: right; }
/* menu */
td.menu-price { vertical-align: top; }
td.menu-price h3 { font-size: 40px; }
td.menu-item p { font-size: 30px; }

/* shortcodes */
.operation-time { width: 100%; }
.days-of-operation { width: 50%; padding: 25px 18px; background: #FAC545; margin:5px;}
.time-of-operation { width: 50%; padding: 25px 18px; margin:5px;}
div#list-fade { position: relative; max-height: 400px; }
div#list-fade #list { position: relative; max-height: 400px; overflow: scroll; }
div#list-fade:after { content: " "; position: absolute; width: 100%; height: 50%; background: linear-gradient(to bottom, #1a365d00, #1a365d); bottom: 0px; }
div.tent { position: relative; width: 100px; height: 100px; margin: 5px; display: flex; justify-content: center; align-items: center; }
.tent-width { display: flex; position: relative; justify-content: center; }
.tent h2 { margin-bottom: 0; }
.tent-width h2 { position: relative; width: 100px; text-align: center; margin: 5px; }
.tent-width h2:before { content: " "; height: 5px; width: 22px; background-color: var(--tertiary-color); position: absolute; top: 50%; left: calc(50% - 50px); }
.tent-width h2:after { content: " "; height: 5px; width: 22px; background-color: var(--tertiary-color); position: absolute; top: 50%; right: calc(50% - 50px); }
.tent-height { position: relative; width: 100px; height: 100px; background-color: #ffffffaa; margin: 5px; display: flex; justify-content: center; align-items: center; }
.tent-height h2 { margin-left: -30%; }
.tent-height:before { content: " "; height: 22px; width: 5px; background-color: var(--tertiary-color); position: absolute; top: calc(50% - 50px); left: 30%; }
.tent-height:after { content: " "; height: 22px; width: 5px; background-color: var(--tertiary-color); position: absolute; bottom: calc(50% - 50px); right: 70%; }
.sc_calendar 			{ text-align: center;height: auto;padding: 0 5px; }
.sc_calendar.sm 		{ width: 135px; margin: 0 auto; }
.sc_calendar.lg 		{ width: 154px; margin: 10px auto;}
.sc_calendar > h2 		{ text-transform: uppercase; }
.sc_calendar.sm > h2 	{ font-size:18px;padding: 3px 10px;display: block;margin: 0px auto 10px auto; }
.sc_calendar.lg > h2 	{ padding: 3px 10px;display: block;margin: 0px auto 10px auto; }
.sc_calendar .sm 		{ padding: 16px 10px; margin: 0 10px;display: block; }
.sc_calendar .lg 		{ padding: 25px 10px; margin: 0 10px;display: block; font-size: 30px; }
.sc_calendar .lg ~ h2 	{ font-size: 49px; }
.hotel-code				{ margin: -20px -20px -20px 0px; min-width: 260px; }

/* press room */
.archive-list .archive-single { list-style: none; margin-bottom: 10px; height: 147px; }
nav.paginate { text-align: center; margin-top: 40px; }
.paginate span.current { opacity: .7; }
.paginate span.current, .paginate a { color: var(--footer-color); font-family: var(--tertiary-font); font-size: 30px; margin: 5px; }
span.page-numbers.dots { color: var(--footer-color); }
#next-press, #next, #prev { padding: 10px 5px 5px 5px; font-family: var(--tertiary-font); font-size: 35px; }

/* sitemap */
.sitemap li { margin-bottom: 10px; }
.sitemap li a { font-size: 30px; color: var(--tertiary-color); text-transform: uppercase; font-family: var(--secondary-font); white-space: normal; }
.sitemap li > ul { list-style-type: none; }
.sitemap li > ul a { font-family: var(--primary); }

div.frm_dropzone.frm_single_upload.frm_clearfix.dz-clickable { width: 100px; }

@media handheld, only screen and (max-width: 1179px) and (min-width: 1024px) { /* Under the grid width to iPad Landscape */
	#page-head container #nav #main li,
	#page-head container #nav #main a               { margin: -15px 0px; padding: 2px; }
	#page-head container #nav #main li ul li a,
	#page-head container #nav #main li ul li a:hover { margin: 5px 0px; padding: 5px; }
	#page-head container #nav #main .current-menu-item a, #page-head container #nav #main .active a,
	#page-head container #nav #main a:hover { background: var(--primary-color); padding: 2px; opacity: 1; }

}

@media handheld, only screen and (max-width: 1023px) and (min-width: 767px) { /* Smaller tablets to iPad portrait */
	#skrollr-body { margin-top: 0px; }
	#page-head									  { overflow: visible; position: sticky; }
	#page-head container #nav.smartmobile						{ display: block; }
	#page-head .longhorn-side-menu,
	#page-head.menu-open .longhorn-side-menu,
	#page-head .menu-side-date,
	#page-head container #nav.smartdesktop						{ display: none; }
	body:is(.home) #img-mobile-sticky { height: 100vh;  background: #000000; top: 0; right: 0; float: right; padding: 0; position: sticky!important; }
	#page-head container #nav #main li, #page-head container #nav #main a { margin: 0px 5px; }
	#nav #main .menu-item-has-children ul { position: relative; }
	#nav #main .menu-item-has-children:hover > ul, #nav #main .menu-item-has-children:active > ul, #nav #main .menu-item-has-children > ul.expand { padding-top: 0px; }
	#page-head container #nav #main.leftt-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu,
	#page-head container #nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu { display: none!important; margin-left: 0; margin-top: 0; }
	#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu							{ margin-top: 0; }
	#page-head container #nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu,
	#page-head container #nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu { display: block!important; margin: 0 -7px -7px -7px; border-top-left-radius: 0; border-top-right-radius: 0; width: -webkit-fill-available; }
	#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line,
	#nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line { display: none; }
	
	#header 					{ margin-top: 0; }
	#page-head.Pink container #nav #main ul a,
	#page-head.Green container #nav #main ul a,
	#page-head.Blue container #nav #main ul a,
	#page-head.Yellow container #nav #main ul a,
	#page-head.Red container #nav #main ul a,
	#page-head.Purple container #nav #main ul a,
	#page-head.Dark-Blue container #nav #main ul a,
	#page-head.White container #nav #main ul a,
	#page-head.Pink container #nav #main ul.sub-menu a:hover,
	#page-head.Green container #nav #main ul.sub-menu a:hover,
	#page-head.Blue container #nav #main ul.sub-menu a:hover,
	#page-head.Yellow container #nav #main ul.sub-menu a:hover,
	#page-head.Red container #nav #main ul.sub-menu a:hover,
	#page-head.Purple container #nav #main ul.sub-menu a:hover,
	#page-head.Dark-Blue container #nav #main ul.sub-menu a:hover,
	#page-head.White container #nav #main ul.sub-menu a:hover           { color: var(--tertiary-color); background: transparent; }
	
	.free-tag							{ transform: rotate(0deg); position: initial; margin-bottom: -15px; }
	
	/* 	blocks  */
	/* flex-content */
	.column-count { column-count: 1!important; }
	/* watermark */
	.watermark-start		{ align-items: start; }
	.watermark-center		{ align-items: center; }
	.watermark-end			{ align-items: end; }
	.watermark-left			{ justify-content: left; }
	.watermark-h-center		{ justify-content: center; }
	.watermark-right		{ justify-content: right; }

	/* 	shortcode  */
	.calendar-list			{ padding:20px 20px; }
}

@media handheld, only screen and (max-width: 766px) { /* Mobile - All Mobile */
	:root {
		--footer-height:     550px;
	}
    #skrollr-body { margin-top: 0px; }
	body                                            { font-family: var(--primary-font); cursor: pointer; height: auto!important; }
	a, button, input, label                         { cursor: pointer; }
	.cursor { display: none; }
    /* Mobile Menu styles */
	.sm-logo									  	{ margin-top: -35px;}
	#page-head									  { overflow: visible; position: sticky; }
	#page-head.sm-header,
	#page-head.sm-header > container			  { height: 195px; }
	#page-head.sm-header container #toggle:checked ~ #nav		  { height: calc(100vh - 120px); }
    #page-head container .logo > *                { max-height: var(--header-height); }
	#page-head .longhorn-side-menu,
	#page-head.menu-open .longhorn-side-menu,
	#page-head .menu-side-date { display: none; }
    #page-head container #nav                     { width: 100%; }
	#page-head container #nav.smartmobile		  { display: block; }
	#page-head container #nav.smartdesktop		  { display: none; }
    #page-head container #nav #main               {  }
    #page-head container #nav #main li a          { padding: 20px; }    
    #page-head container #nav #main li ul         {  }
    #page-head container #nav #main li ul li a    {  }
	#page-head container #nav #main li, #page-head container #nav #main a { margin: 0px 5px; }
	#nav #main .menu-item-has-children ul { position: relative; }
	#nav #main .menu-item-has-children:hover > ul, #nav #main .menu-item-has-children:active > ul, #nav #main .menu-item-has-children > ul.expand { padding-top: 0px; }
	#page-head container #nav #main.leftt-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu,
	#page-head container #nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu 	{ display: none!important; margin-left: 0; margin-top: 0; }
	#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li ul.sub-menu							{ margin-top: 0; }
	#page-head container #nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu,
	#page-head container #nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li:hover ul.sub-menu { display: block!important; margin: 0 -7px -7px -7px; border-top-left-radius: 0; border-top-right-radius: 0; width: -webkit-fill-available; }

	#h1-top, #h1-bottom							    { -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px #fff; text-stroke: 2px white; color: #000; text-shadow: 0px 0px 10px #000000; }
	.Pink #h1-top, .Pink #h1-bottom					{ -webkit-text-fill-color: var(--header-primary-color); }
	.Green #h1-top, .Green #h1-bottom				{ -webkit-text-fill-color: var(--header-secondary-color); }
	.Blue #h1-top, .Blue #h1-bottom					{ -webkit-text-fill-color: var(--header-tertiary-color); }
	.Yellow #h1-top, .Yellow #h1-bottom				{ -webkit-text-fill-color: var(--footer-color); }
	.Red #h1-top, .Red #h1-bottom					{ -webkit-text-fill-color:  var(--primary-color); }
	.Purple #h1-top, .Purple #h1-bottom				{ -webkit-text-fill-color: var(--secondary-color); }
	.Dark-Blue #h1-top, .Dark-Blue #h1-bottom		{ -webkit-text-fill-color: var(--tertiary-color); }
	.White #h1-top, .White #h1-bottom				{ -webkit-text-fill-color: #fff; }
	.Black #h1-top, .Black #h1-bottom				{ -webkit-text-fill-color: #000; }


    #header 					{ margin-top: 0; }
	#header container article   { height: 150px; }
	#header container article.festival-date-margin   { margin-top: -32px; }
	#nav #main.left-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line,
	#nav #main.right-menu .menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover ul #draw-line { display: none; }
	#page-head.Pink container #nav #main ul a,
	#page-head.Green container #nav #main ul a,
	#page-head.Blue container #nav #main ul a,
	#page-head.Yellow container #nav #main ul a,
	#page-head.Red container #nav #main ul a,
	#page-head.Purple container #nav #main ul a,
	#page-head.Dark-Blue container #nav #main ul a,
	#page-head.White container #nav #main ul a,
	#page-head.Pink container #nav #main ul.sub-menu a:hover,
	#page-head.Green container #nav #main ul.sub-menu a:hover,
	#page-head.Blue container #nav #main ul.sub-menu a:hover,
	#page-head.Yellow container #nav #main ul.sub-menu a:hover,
	#page-head.Red container #nav #main ul.sub-menu a:hover,
	#page-head.Purple container #nav #main ul.sub-menu a:hover,
	#page-head.Dark-Blue container #nav #main ul.sub-menu a:hover,
	#page-head.White container #nav #main ul.sub-menu a:hover           { color: var(--tertiary-color); background: transparent; }

	small.title-festival-date span 		{ font-size: 27px; }
	body:is(.home) #img-mobile-sticky 	{ height: 100vh;  background: #000000; top: 0; right: 0; float: right; padding: 0; position: sticky!important; }
	.slider-view-map { margin-top: -10px; margin-bottom: 10px; }
	.free-tag							{ transform: rotate(0deg); position: initial; margin-bottom: -15px; }
	/* home page */
	body:is(.home) .full-height { min-height: auto; }
	body:is(.home) #side-feature-img section container:first-child { height: 100%; padding: var(--grid-gutter); }
	#side-content-background-img { background-image: url('/wp-content/uploads/fun/groundplan.svg'); }
	.broughtToYouBy					  { height: 287px; }
	/* Footer Settings */
	#page-foot nav ul { display: flex; flex-direction: column; }

	/* 	blocks  */
	.Dark-Blue.schedule-day:before { display: none; }
	/*  slider  */
	.splide__track { padding: 10px; }
	/* flex-content */
	.drop-triangle:before { display: none; }
	.large-txt { font-size: 70px; }
	.medium { font-size: 22px; }
	.column-count { column-count: 1!important; }
	.side-img 				{ padding: 25px 0 0 0; margin: -20px; width: auto; }	
	.calendar-list-width aside		{ width: 100%; }
	.calendar-list-width article	{ width: 100%; }
	.flex-left					{ align-items: center; }
	.flex-right					{ align-items: center; }
	.margin7				{ margin: 7px 0px; }
	/* watermark */
	.watermark-start,
	.watermark-end,
	.watermark-center		{ align-items: center; }
	.watermark-left,
	.watermark-right,
	.watermark-h-center		{ justify-content: center; }
	/* menu */
	td.menu-price h3 { font-size: 30px; }
	td.menu-item p { font-size: 25px; }

	/* shortcode	 */
	.sc_calendar.sm			{ width: 154px; margin: 10px auto;}
	.sc_calendar.sm > h2 	{ padding: 3px 10px;display: block;margin: 0px auto 10px auto; }
	.sc_calendar .sm 		{ padding: 25px 10px; margin: 0 10px;display: block; font-size: 30px; }
	.sc_calendar .sm ~ h2 	{ font-size: 49px; }

	.hotel-code				{ margin: 0px -20px -20px -20px; width: auto; }
	/* press room */
	.archive-list .archive-single { height: auto; }

	/* footer */
	.craftedby  { font-size: 14px; text-align: left;}
	.craftedby a  { font-size: 14px; text-decoration: none; }
	.broughtToYouBy h3 { font-size: 25px; }
}