/*
* Description: Fair Season Stylesheet
* Template: twentytwentyone
* Version: 1.0
* Author: VDS (CL)
*/

/* vars vars vars vars vars vars vars vars vars vars vars vars vars vars  */

:root {

	/* color scheme vars*/

	--accent1: #ae54a0;       /* hot orange */
	--accent1_60: #ae54a099;  /* hot orange - 60% */
	--accent1_50: #ae54a080;  /* hot orange - 50% */

	--accent2:  #00aee6;       /* yellow */

	--accent3: #fba919;       /* light green */

	--accent4: #251e54;   	  /* dark green */
	
	--accent5: #070D0D;   	  /* hot orange */

	/*--gradient1-bg: #FBF9F3;															   /* background property for gradient1 */
	/*--gradient1-bg-img: linear-gradient(180deg, rgba(255,255,255,0.00) 50%, #FFFFFF 100%); /* background-image property for gradient1 */
	/*--gradient2-bg: #EEF9FC;															   /* background property for gradient2 */
	/*--gradient2-bg-img: linear-gradient(180deg, rgba(255,255,255,0.00) 62%, #FFFFFF 100%); /* background-image property for gradient2 */

	/* font family vars */

	--jumble: 'rl-aqva', sans-serif;;     /* headings - 400 */
	--poppins: 'sofia-pro-soft', sans-serif;    /* body - 300, 400, 700 */

}

/* /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars */

/* quick vars */



ul#left-menu li a,
ul#right-menu li a,
nav ul#top-menu li a,
form#searchform input,
input.sf-input-text,
a.btn-bt,
form .gform_footer input[type="submit"],
form.hive-signup-form button,
button.border-btn,
body,
body p,
button,
body li,
body span:not(.ab-icon):not(.ab-label),
form label,
span.vc_tta-title-text,
.gform_footer input[type="submit"],
body.search-results a.prev.page-numbers,
span.page-numbers.current,
body.search-results .nav-links a,
body.search-results .entry-content a.more-link ,
.some-content.results-posts-and-pagination .entry-content {
	font-family: var(--poppins);
}

.wpb_row.accent3 h2 {
	color: var(--light1);
}

form.hive-signup-form button,
body a.btn-bt.default {
	background-color: unset !important;
	background-image: unset !important;
	background: var(--accent1) !important;
}
form.hive-signup-form button:hover,
body a.btn-bt.default:hover {
	background: var(--accent4) !important;
}
form.hive-signup-form button:after,
body a.btn-bt.default:after {
	content: "";
	display: none;
}
body a.topbutton i.icon-up-circled2:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
body.search .top-cta.vc_row {
    background: var(--accent1) !important;
}
body.search .top-cta p {
	color: var(--light1);
}

/* Home / Global */

body a.topbutton i::before {
    background: var(--light1);
	border-radius: 50px;
}
.vc_row.wpb_row.carousel-row.year-round-row {
/*	background: var(--accent1) !important;*/
}
body .vc_row.wpb_row.carousel-row.year-round-row h2 {
/*	color: var(--light1);*/
}
.feat-page a.feat-page-link {
/*    text-decoration: none;*/
/*    color: var(--accent2) !important;*/
}
.feat-page.slick-slide:hover h3 a,
.feat-page a.feat-page-link:hover {
/*    text-decoration: none;*/
/*    color: var(--light1) !important;*/
}
.bakery .vc_row.wpb_row.accent4.our-share-row {
	background: var(--accent4);
}

/* adjust how far the open nav gets pushed down (pre-scrolling) after all the changes affecting the info bar height */
.hamburger-header-nav.no-hides {
    top: 0px;
}
@media (max-width: 979px) {
	.hamburger-header-nav.no-hides {
    	top: 153px;
	}
}
@media (max-width: 480px) {
    .hamburger-header-nav.no-hides {
        top: 136px;
    }
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
h2.widget-title,
.info-bar p.left-text,
.info-bar p.left-text span {
	font-family: var(--jumble);
	font-weight: 400 !important;
}
.info-bar p.opening-day-text {
	font-family: var(--jumble);
	text-align: center;
    position: relative;
	letter-spacing: 0;
	font-weight: 400;
    font-size: 24px;
    line-height: 1;
    top: 0px;
}
.info-bar .span4 {
	position: relative;
}
.ycd-simple-countdown-time.ycd-simple-countdown-number {
    font-size: 24px !important;
	font-family: var(--poppins);
    font-weight: 700;
}
.ycd-simple-timer-dots {
    margin: 0 6px 0 1px !important;
    font-family: var(--poppins);
    font-weight: 700;
}
.ycd-simple-content-wrapper-2514 .ycd-simple-countdown-label {
    font-size: 14px !important;
}
.slick-navbar.white-navbar button.slick_prev,
.slick-navbar.white-navbar button.slick_next {
	background-color: var(--accent4) !important;
}
.slick-navbar.white-navbar i.slick-arrow:before {
    color: var(--light1);
}
ul#top-menu.mobile-menu li.mega-parent > a {
    font-family: var(--jumble) !important;
    font-weight: 400;
    top: -16px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: var(--dark1);
}
.feat-page a.feat-page-link {
	color: var(--dark1) !important;
}
.vc_row.wpb_row.history-intro-2 {
    background: var(--accent1) !important;
}
.bakery .info-bar .container {
	max-width: 100%;
	width: 100%;
}

@media (min-width: 980px) {
	.info-bar {
		min-height: unset;
	}
	.info-bar .info-bar-countdown {
		position: relative;
	    top: 3px;
	}
	/*p.opening-day-text::before,
	p.opening-day-text::after*/
	/*div.left-right-icons::before,*/
	/*div.left-right-icons::after {*/
	/*	background-image: url('/wp-content/uploads/2024/02/black-star.png');*/
	/*	background-position: center center;*/
	/*	background-repeat: no-repeat;*/
	/*	background-size: 100%;*/
	/*	position: absolute;*/
	/*	height: 36px;*/
	/*	width: 36px;*/
	/*	content: '';*/
	/*	top: -6px;*/
	/*}*/
	/*p.opening-day-text::before*/
	/*div.left-right-icons::before {*/
	/*	left: 0;*/
	/*}*/
	/*p.opening-day-text::after*/
	/*div.left-right-icons::after {*/
	/*	right: 0;*/
	/*}*/
}

@media (max-width: 979px) {
	.bakery .info-bar .container {
	    text-align: center;
	}
}

.info-bar {
	background-color: var(--accent1);
	padding: 16px 0 12px 0;
}
.info-bar p.left-text {
	position: relative;
	font-size: 24px;
    top: 0px;
}
.info-bar p.left-text span {
	color: var(--accent1);
    font-size: 24px;
    line-height: 1;
}
input.sf-input-text:hover {
    border-color: var(--accent2) !important;
}
li.fake-date label:before,
li.sf-field-submit:before {
    background: var(--accent1) !important;
    background-image: linear-gradient(-37deg, rgba(29, 69, 164, 0) 0%, var(--accent2) 100%) !important;
}
li.fake-date label:hover:before,
li.sf-field-submit:hover:before {
    background: var(--accent2) !important;
}
li.sf-field-taxonomy-ride-category h4,
li.sf-field-taxonomy-event-category h4 {
	color: var(--light1) !important;
}
body button#primary-mobile-menu i {
    color: var(--accent1);
}
body button#primary-mobile-menu i:hover {
	color: var(--accent3);
}
footer h2.widget-title {
    color: var(--light1);
}
footer h2.widget-title {
    border-color: var(--light1);
}
ul.social li a i {
    color: var(--light1);
}
ul.social li a i:hover {
    color: var(--accent2);
}
.history-intro-1 h4.accent2 {
	color: var(--dark2);
}
#history-page .bakery .wpb_row.tabs ul.vc_tta-tabs-list {
    padding: 24px 0 24px 0 !important;
}
#history-page .bakery div.vc_tta-tabs-container {
    background: var(--accent4);
}
.vc_row.wpb_row.row.top-cta.accent3 {
	background: var(--accent1);
}
.bakery .top-cta.accent3 p {
    color: var(--light1);
}
.feat-page.slick-slide a.archive-post-image-link:after {
    background: var(--accent1_60);
}
.feat-page.slick-slide:hover h3 a {
    color: var(--accent1);
}
h5.feat-post-cats {
	color: var(--dark1);
	letter-spacing: 1px;
    font-size: 16px;
}
body #header ul#top-menu.mobile-menu li a {
    border-color: var(--accent3) !important;
    color: var(--dark2);
}
body #header ul#top-menu.mobile-menu li a:hover,
body #header ul#top-menu.mobile-menu li.current-menu-item a {
    border-color: var(--accent2) !important;
    color: var(--dark1);
}
footer#footer,
.row.copyright {
	background: var(--dark2);
}
body footer#footer .widget a:not(.btn-bt):hover {
	color: var(--accent2);
}
/* idle */
h4.accordion-toggle,
body #content .accordion .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:not(.vc_active) .vc_tta-panel-heading {
	background: var(--accent4);
}
/* hover */
body #content .accordion .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:not(.vc_active):hover .vc_tta-panel-heading {
	background: var(--accent2);
}
h4.accordion-toggle:not(.active):hover {
	background: var(--accent2);
	color: var(--dark1);
}
h4.accordion-toggle:not(.active):hover::before,
body #content .bakery .wpb_row.accordion .vc_tta .vc_tta-panel:not(.vc_active):hover .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
body #content .accordion .vc_tta-panel:not(.vc_active):hover div.vc_tta-panel-heading h4.vc_tta-panel-title a {
	color: var(--dark1);
}
/* active */
h4.accordion-toggle.active,
body #content .accordion .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
body #content .accordion .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active:hover .vc_tta-panel-heading {
	background-color: var(--accent3);
}
#accordion .accordion-content {
    background: var(--accent1);
}
hr.line.purple {
	border-color: var(--accent1);
}
p.date-time span.time {
	color: var(--dark1);
}
body #content h2.feat-post-title a {
	color: var(--dark2);
}
body #content h2.feat-post-title a:hover {
	color: var(--accent1);
}
.blue-navbar .gradient-btn {
	background-image: linear-gradient(-39deg, rgba(240, 149, 205, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.upcoming-event-title a.upcoming-event-title-link {
	color: var(--dark1) !important;
}
.upcoming-event-title a.upcoming-event-title-link:hover {
	color: var(--dark1) !important;
}
.slick-navbar.blue-navbar .slick-dots li.slick-active button:before {
	color: var(--accent1);
}
.slick-navbar.white-navbar .slick-dots li.slick-active button:before {
	color: var(--accent2);
}
body.home span.sf-date-prefix {
    color: var(--dark2);
}
span.sf-date-prefix {
    color: var(--light1);
}
.vc_row.wpb_row.event-search-date.sf-cta {
    background: var(--accent3);
}
ul.sf_date_field li label:before {
    background: rgb(0,189,205); /* this needs to go first */
    background-image: linear-gradient(-42deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.4) 100%);
}
ul.sf_date_field li label:hover:before {
    background: rgb(29 223 240); /* this needs to go first */
    background-image: linear-gradient(-42deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.4) 100%);
    transition: all 0.3s ease-in-out;
}
article p.feat-post-date-author,
.bakery p.feat-post-date-author {
    text-transform: uppercase;
}

@media (max-width: 480px) {
	div.info-bar {
	    padding: 12px 0 10px 0;
	}
	.info-bar p.left-text {
	    margin-bottom: 5px;
	}
	.info-bar p.left-text,
	.info-bar p.left-text span,
	.info-bar p.opening-day-text {
	    font-size: 24px;
	}
	.home .default-header img {
	    margin-bottom: 10px !important;
	    height: 200px;
	}
	.home .default-header h1 {
	    font-size: 36px;
	    line-height: 1;
	}
	.home .default-header h2 {
	    line-height: 1.1;
	    max-width: 208px;
	    margin-top: 8px;
	    font-size: 21px;
	}
	.home .default-header a.btn-bt {
	    margin-top: 12px;
	}
	.bakery .wpb_row.pink-right-cta-row:not(.retain-image) .vc_column-inner {
    	background: url(/wp-content/uploads/2023/02/featured-maricopa-fair-mobile.png) !important;
	}
}

/* END Home / Global */

/* Venues Index & Single Venues */

section.linked-cards .attraction-cards a:after,
.the-venues .extra-venue a.extra-venue-image-link:after,
.more-venues .extra-venue.slick-slide a.extra-venue-image-link:after {
	background: var(--accent1_50);
}
.wpb_row.top-cta.accent1,
.row.top-cta.accent1 {
    background: var(--accent4);
}
.top-cta p,
body #content .top-cta p a:not(.btn-bt):not(:hover) {
    color: var(--light1);
}
body #content .top-cta p a:not(.btn-bt):hover {
    color: var(--accent2) !important;
}
.top-cta.accent3 p {
    color: var(--dark2);
}
.row.venue-event-images-row {
	background: var(--accent2);
}
.row.explore-more-venues-row.carousel-row.accent1 {
	background: url('/wp-content/uploads/2023/02/pop-swirls-pattern-background.png');
}

/* END Single Venue */

/* Events */

.events-dump .upcoming-event p.event-date,
.upcoming-events .upcoming-event p.event-date {
    color: var(--accent3);
}
body #content .events-dump h3.upcoming-event-title a,
body #content  .upcoming-events h3.upcoming-event-title a {
	color: var(--accent2);
}
li.sf-field-taxonomy-ride-category h4,
li.sf-field-taxonomy-event-category h4 {
    color: var(--accent2);
}
li.sf-field-taxonomy-ride-category label.sf-label-checkbox:hover,
li.sf-field-taxonomy-ride-category li.sf-option-active label.sf-label-checkbox,
li.sf-field-taxonomy-event-category label.sf-label-checkbox:hover,
li.sf-field-taxonomy-event-category li.sf-option-active label.sf-label-checkbox {
    background: var(--accent1);
    color: var(--light1);
}

/* END Events */

/* Blog */

.single:not(.single-venues_post_type) nav.navigation.post-navigation {
    background: var(--accent1) !important;
}
#pagination p.post-title {
	color: var(--light1);
}

/* END Blog */

/* Attractions */

.attraction-cards a span.attraction-title {
    font-family: var(--jumble);
}

/* END Attractions */

/* TICKETS */
.bakery.tickets .slick-navbar.white-navbar .slick-dots li.slick-active button:before {
    color: var(--accent1);
}
/* END TICKETS */

/* RESPONSIVE */

.bakery .vc_row.wpb_row.accent4.our-share-row h2 {
	color: var(--light1)
}

@media (max-width: 979px) {
	ul#top-menu.mobile-menu li.menu-item-has-children button.sub-menu-toggle {
		transition: all 0.3s ease-in-out;
        color: var(--accent1) !important;
        border: 3px solid var(--accent1);
	}
	.mobile-menu li.menu-item-has-children button.sub-menu-toggle:hover {
        background: var(--accent1) !important;
	}
}


@media (min-width: 769px) and (max-width: 979px) {
	article .feat-post-text,
	.featured-posts .feat-post-text {
	    min-height: 197px;
	}
}

@media (max-width: 480px) {
	body:not(.home) .default-header h1 {
	    line-height: 1.2;
	    font-size: 32px;
	}
	.bakery .wpb_row.bottom-cta:not(.explore-events-bottom-cta) {
		padding: 30px 0;
		height: auto;
	}
	.bottom-cta h2 {
	    margin: 0 auto !important;
	    max-width: 257px;
	    font-size: 36px;
	}
	body a.topbutton {
	    bottom: 180px;
	}
	body .grecaptcha-badge {
	    bottom: 112px !important;
	}
	.upcoming-events h3.upcoming-event-title {
	    font-size: 22px;
	}
	.home .default-header h1 {
        font-size: 32px;
	}
}