/*
 Theme Name:   Lucidity Festival 2023
 Theme URI:    https://generatepress.com
 Description:  Custom Theme for Lucidity Festival
 Author:       WP with Heart
 Author URI:   https://wpwithheart.com
 Template:     generatepress
 Version:      0.1
*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 28, 2021 */
@font-face {
    font-family: 'poppinsextrabold';
    src: url('fonts/poppins/poppins-extrabold-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsextrabold_italic';
    src: url('fonts/poppins/poppins-extrabolditalic-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsitalic';
    src: url('fonts/poppins/poppins-italic-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins/poppins-light-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinslight_italic';
    src: url('fonts/poppins/poppins-lightitalic-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins/poppins-regular-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 22, 2022 */
@font-face {
    font-family: 'simonettablack';
    src: url('fonts/simonetta/simonetta-black-webfont.woff') format('woff2'),
         url('fonts/simonetta/simonetta-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'simonettablack_italic';
    src: url('fonts/simonetta/simonetta-blackitalic-webfont.woff') format('woff2'),
         url('fonts/simonetta/simonetta-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'simonettaitalic';
    src: url('fonts/simonetta/simonetta-italic-webfont.woff') format('woff2'),
         url('fonts/simonetta/simonetta-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'simonettaregular';
    src: url('fonts/simonetta/simonetta-regular-webfont.woff') format('woff2'),
         url('fonts/simonetta/simonetta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins/poppins-bold-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsbold_italic';
    src: url('fonts/poppins/poppins-bolditalic-webfont.woff') format('woff2'),
         url('fonts/poppins/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('https://lucidityfestival.com/wp-content/themes/lucidity2023/poppins-medium-webfont.woff2') format('woff2'),
         url('https://lucidityfestival.com/wp-content/themes/lucidity2023/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium_italic';
    src: url('https://lucidityfestival.com/wp-content/themes/lucidity2023/poppins-mediumitalic-webfont.woff2') format('woff2'),
         url('https://lucidityfestival.com/wp-content/themes/lucidity2023/poppins-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------------
Style Classes
--------------------------------------------------------------*/
.glow {
	box-shadow: 0px 0px 40px rgb(198 184 22 / 30%);
}

body {
    overflow-x: hidden;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

h1, h2, h3 {
	margin: .7em 0;
	color: #4E0250;
	font-family: 'simonettablack', serif;
	line-height: 1;
	letter-spacing: .01em;
}
h4, h5, h6 {
	margin: .7em 0;
    font-family: 'poppinsextrabold', sans-serif;
}
h1 {
	font-size: 2.625rem;
}
h2 {
	font-size: 2.25rem;
}
h3 {
	font-size: 1.938rem
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.313rem;
}
h6 {
	font-size: 1.125rem;
}

/*--------------------------------------------------------------
Forms and Buttons
--------------------------------------------------------------*/
a.button,
.nav-button-buy a {
	display: inline-block;
	padding: 10px 20px;
	color: #4e0250;
	background: #ffc00f;
	font-weight: 500;
	border-radius: 25px 0 25px 0;
}


/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
#page.grid-container {
	width: 100%;
}
#content {
	max-width: 1100px;
	margin: 3rem 1em;
}
.home #content {
	margin: 0 1em;
}
footer .inside-site-info {
	display: block;
}

/*--------------------------------------------------------------
Custom Templates
--------------------------------------------------------------*/

/**********  Application Portal and Realm Cards **********/

/*======= Application Portal/Realm Cards =======*/
.portal-excerpt,
.realm-card-text {
	color: #fff;
	font-weight: 400;
}

/*======= Application Portal =======*/

#portals {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.app-portal.flex-item {
	width: 300px;
	height: auto;
	margin-top: 75px;
	box-shadow: 20px -20px 0px #4e0250;
}
.app-portal {
	background: #8D0292;
	border-radius: 9px;
	text-align: center;
}
.app-portal img {
	border-radius: 9px 9px 0 0;
}
h2.app-portal-title {
	font-size: 1.75rem;
	text-align: center;
	line-height: 1.2;
	color: #fdfdf9;
}
h2.app-portal-title.long-title {
	font-size: 1.5rem;
}
.app-portal-content {
	padding: 7%;
}

/*======= Realm Cards =======*/

.realm-card.app-portal {
	background: none;
	margin-bottom: 25px;
	border-radius: 15px 15px 0 0;
}
.realm-card-text {
	padding-top: 25px;
	border-radius: 15px;
	background: url('https://lucidityfestival.com/wp-content/themes/lucidity2023/images/bamboo-bckgrnd.jpg');
}
.realm-card-inner.app-portal-inner {
	border-radius: 15px;
}
.air .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(243, 201, 106, 0.61), rgba(144, 94, 4, 0.55) ), url('images/realm-tile-air.jpg');
}
.spirit .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(152, 97, 202, 0.78), rgba(72, 20, 93, 0.84) ), url('images/realm-tile-spirit.jpg');
}
.air .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(243, 201, 106, 0.61), rgba(144, 94, 4, 0.55) ), url('images/realm-tile-air.jpg');
}
.fire .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(243, 106, 106, 0.72), rgba(84, 7, 7, 0.45) ), url('images/realm-tile-fire.jpg');
}
.water .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(32, 112, 169, 0.42), rgba(14, 62, 111, 0.72) ), url('images/realm-tile-water.jpg');
}
.earth .realm-card-inner.app-portal-inner {
	background: linear-gradient( rgba(154, 169, 32, 0.8), rgba(44, 60, 13, 0.78) ), url('images/realm-tile-earth-lighter.jpg');
}
.realm-card.app-portal img {
	width: 70%;
	border-radius: 100%;
}
.spirit .realm-card.app-portal img {
	border: 3px solid #d69ef3;
	box-shadow: 0px 0px 30px #fbfd7a75;
}
.air .realm-card.app-portal img {
	border: 3px solid #ffdc86;
	box-shadow: 0px 0px 30px #ad37f775;
}
.fire .realm-card.app-portal img {
	border: 3px solid #f58b7f;
	box-shadow: 0px 0px 30px #f4f73775;
}
.water .realm-card.app-portal img {
	border: 3px solid #7fc4f5;
	box-shadow: 0px 0px 30px #fcfdc1cf;
}
.earth .realm-card.app-portal img {
	border: 3px solid #b7e627;
	box-shadow: 0px 0px 30px #fcfdc1cf;
}
.realm-card h2 {
	margin-bottom: .3em;
	font-size: 4rem;
	color: #3c1606;
	text-align: center;
	line-height: 1.2;
}

.realm-card-text {
	border-radius: 0 0 15px 15px;
	color: #3c1606;
font-weight: 400;
padding: 20px 5% 10px;
	text-align: left;
}

.realm-text {
	padding-top: 20px;
border-top: 2px solid #194a4c;
}
.realm-text p {
	font-size: 1.313rem;
}

  
/*--------------------------------------------------------------
Whistles
--------------------------------------------------------------*/

/* Whistles */
.whistles {
	clear:       both;
	width:       100%;
	margin:      0 0 1.5rem;
	line-height: 1.3;
}

.whistles::after,
.whistle-content::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}

.whistle-title:hover {
	cursor: pointer;
}

.whistle-content {
	overflow: hidden;
}
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	background:  #FFFFFF;
}

/**
 * Tabs
 */

/* Wraps the entire tabbed section. */
.whistles-tabs {}

/* Unordered list. */
.whistles-tabs .whistles-tabs-nav {
	list-style: none;
	margin: 0;
}

/* Individual list item. */
.whistles-tabs .whistles-tabs-nav li {
	display: inline-block;
}

			/* Link within list item. */
			.whistles-tabs .whistles-tabs-nav li a {
				display:            inline-block;
				padding:            0.5rem 1.5rem;
				font-size:          0.75em;
				font-family:        Arial, sans-serif;
				font-weight:        bold;
				color:              #777;
				background:         #f5f5f5;
				border:             1px solid #ececec;
				border-right-width: 0;
			}

			.whistles-tabs .whistles-tabs-nav li:last-child a {
				border-right-width: 1px;
			}

			.whistles-tabs .whistles-tabs-nav li a:hover {
				color:      #555;
				background: #f9f9f9;
			}
			.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
				color:               #555;
				background:          #fff;
				border-bottom-color: #fff;
			}

	/* Wraps all of the tab content panels. */
	.whistles-tabs .whistles-tabs-wrap {
		margin:     -1px 0 0;
		padding:    1.5rem 1.5rem 0 1.5rem;
		color:      #666;
		background: #fff;
		border:     1px solid #ececec;
	}

		/* Individual tab content. */
		.whistles-tabs-wrap .whistle-content {}

/**
 * Toggle/Accordion
 */

/* Wraps the entire toggle/accordion section. */
.whistles-toggle,
.whistles-accordion {
    margin-top: 1em;
	margin-bottom: 2em;
}

/* Title for individual section. */
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title {
	margin: 5px 0 0 0;
	padding: 1rem 1.5rem;
	font-size: 21px;
	font-family: 'poppinsbold', sans-serif;
	color: #4E0250;
	font-weight: 300;
	text-transform: none;
	background: #FFC00F;
	border: 2px solid #FFC00F;
	line-height: 1.2;
}
.whistles-toggle .whistle-title:first-child, 
.whistles-accordion .whistle-title:first-child {
	border-top-width: 1px;
}

.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover, 
.whistles-accordion .whistle-title[aria-selected="true"] {
	color: #4E0250;
  background: #FFDE18;
  border: 2px solid #FFDE18;
}
.has-whistles h3 {
	font-family: 'poppinsbold', sans-serif;
	font-size: 30px;
	text-transform: none;
}
/* Individual toggle section content. */
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	margin:     -1px 0 0;
	padding:    1.5rem 1.5rem .5rem 1.5rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #FFDE18;
	color: #090730;
	font-family: 'poppinsregular', sans-serif;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; border: none;}
.flexslider .slides > li {display: none; margin-bottom: 0; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: transparent; /*display: none;*/}
/*.flexslider::after {
	height: 300px;
	background: url('images/long-clouds.png') 0 bottom;
	background-repeat: repeat-x;
	content: ""; 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.flexslider::after {
    z-index: 100;
}*/

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { overflow: hidden; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
/*.flex-direction-nav .flex-prev { left: -50px;}
.flex-direction-nav .flex-next { /*right: -50px; text-align: right;}*/ 
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*--------------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
	.flexslider::after {
		height: 300px;
		background: url('images/long-clouds.png') 0 bottom;
		background-repeat: repeat-x;
		content: ""; 
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.flexslider::after {
		z-index: 100;
	}
}
@media only screen and (max-width: 768px) {
	/**********  Application Portal and Realm Cards **********/
	/*======= Applications Portal =======*/
	.app-portal.flex-item {
		margin-top: 2em;
		box-shadow: none;
	}
}

@media only screen and (max-width: 1099px) {
	/**********  Layout **********/
	.one-container .site-content, .inside-page-header {
		padding: 0 1em;
	}
}