/*
Theme Name: Themify Ultra Child
Description: A child theme of Themify Ultra
Template: themify-ultra
*/

#header {
    width: 90%;
	padding: 0;
}
div#headerwrap {
    position: fixed;
}

.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .mobile_menu_active #headerwrap .sidemenu-on {
	left: auto !important;
	right: 0!important;
    width: 35% !important;
}
.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .mobile_menu_active #headerwrap .sidemenu-on {
    min-width: 500px!important;
}
.social-links li em {
    border-radius: 0 !important;
    height: 1em !important;
    line-height: 1em !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: 1em !important;
}
.social-links li em:hover {
    background-color: #cf9bff12 !important;
}
.form-container .frm_fields_container {
	display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    min-width: 75vw !important;
	grid-gap:0 !important;
}
.form-container input {
	margin-right:0 !important;
}
.form-container .frm_button_submit {
	margin: 0 !important;
    background-color: #FE9325 !important;
    border: 1px solid #FE9325 !important;
    border-radius: 0 !important;
    font-size: 0.9em !important;
    padding: 1vh 1vw !important;
}
.form-container .frm_button_submit:hover {
	color:#FE9325 !important;
	background-color:white !important;
}
.form-container #frm_field_7_container {
	width:44.5vw !important;
}
.form-container #frm_field_7_container .frm_combo_inputs_container {
	display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
}
.form-container #frm_field_7_container #frm_field_7-first_container {
	width:21.4vw !important;
}
.form-container #frm_field_7_container #frm_field_7-last_container {
	width:21.4vw !important;
}
.form-container #frm_field_8_container {
	width:21.4vw !important;
	margin: 0 1.7vw 20px 1.7vw !important;
}
.form-container #frm_field_6_container {
	width:6vw !important;
}
.tb_ql6d400 .with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style #field_29yf4d, .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="phone"], .with_frm_style input[type="search"], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main {
	border: 1.4px solid darkgray !important;
}
.tb_ql6d400 .frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder {
  color: darkgray;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.header-title {
	min-height:50vh;
}
.image-slider {
	margin-bottom:-20px !important;
	background-color:black;
}
.image-slider .tf_swiper-wrapper {
	height:450px !important;
	background-color:black;
	padding:15px 0 30px 0 !important;
}
.image-slider .tf_swiper-wrapper .tf_swiper-slide {
	width:auto !important;
}
.image-slider img {
	height:450px !important;
	width:auto !important;
}
.fomo h4 {
	text-transform:none !important;
	letter-spacing:0 !important;
}
.fomo-button a {
	background-color:white !important; 
	color:#9623C0 !important; 
	border:1px solid #9623C0 !important;
}
.fomo-section .ui.builder_button {
	background-color:white;
	color:#a40ec7 !important;
}
.fomo-button a:hover {
	background-color:#9623C0 !important;
	color:white !important; 
	border:1px solid white !important;
}
#menu-icon:hover {
	color:white !important;
}
#headerwrap .menu-icon-inner:before,
#headerwrap .menu-icon-inner:after {
   box-shadow: 0px 3px 3px -1px #00000078;
}
.menu-icon-inner {
    box-shadow: 0px 4px 4px -2px #00000078;
}
.menu-icon-inner:hover {
	color:white !important;
}

.background-bar {
	width: 100vw;
	background-color: #00000040;
	min-height: 12vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
}

.cp-navlogo {
	position:fixed !important;
	z-index:5000;
	top:2vh;
	left:3vw;
}
.cp-navlogo img {
	width:55%;
	height:auto;
	transition: width 1s;
}
.cp-navlogo img:hover {
	width:70%;
	height:auto;
}
body:not(.announcement-bar-showing):not(.themify_builder_active) .header-icons {
    top: 4.2vh !important;
}
.child-arrow::after, .child-arrow::before {
	background:#433fc6;
	height:3px;
}
.upcoming-mainpage h2 a {
    color: #FFF;
}
.upcoming-mainpage h2 a:hover {
    color: #000;
}
.upcoming-event-title h2 {
	margin-bottom:0 !important;
	line-height:1em !important;
	font-size:1.5em;
}
.upcoming-information h3 {
	font-size:1.2em;
}
.upcoming-information p {
	font-size: 0.7em;
    font-weight: 300;
	line-height:1.4em;
	margin-bottom:0.5em !important;
}
.buy-ticket-upcoming a {
	padding:1vh 4vw !important;
	margin-top:5vh;
}
.pastevent-header {
	min-height:38vh;
}
.pastevent-header .row_inner {
	max-width:100vw !important; 
	min-width:100vw !important;
	width:100vw !important; 
	display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.pastevent-header .row_inner .module_column {
	max-width:100vw !important; 
	min-width:100vw !important;
	width:100vw !important;
	min-height:15vh;
}
.pastevent-header p {
	color:#433fc6 !important;
	text-transform:uppercase;
	text-align:center; 
	font-weight:800 !important;
	margin:0 !important;
	font-size: 5.85vw;
    line-height: 10vh;
	font-family: Josefin Sans !important;
}
.upcoming-mainpage h2 {
	font-size: 6em;
    margin-bottom: -20px;
    line-height: 1em;
}
.ticket-button {
	transition: all 1s ease-out;
}
.ticket-button:hover {
	transform:scale(1.1);
}
#synop-toppart h2 {
	font-family:Josefin Sans !important;
}
.divider-line-synopsis {
	margin-top:1em;
}
#synop-description h3 {
	line-height:1.3em !important;
	font-family:roboto;
}
#synop-description p {
	font-family:roboto;
	color:black;
	font-weight:300 !important;
}
/*ghost writer*/
.page-id-477 .pastevent-header p {
	font-size:11vw;
	line-height: 16vh;
}

/*upcoming events*/
.page-id-24 .pastevent-header p {
	font-size:9vw;
	line-height:14vh;
}

/*contact us*/
.page-id-34 .pastevent-header p {
	font-size:14vw;
	line-height:19vh;
}

/*we'll get back to you*/
.page-id-408 .pastevent-header p {
	font-size: 8vw;
    line-height: 15.5vh;
}

/*what the constitution means to me*/
.page-id-423 .pastevent-header p {
	font-size:7.2vw;
	line-height:10vh;
}

/*hamlet*/
.page-id-28 .pastevent-header p {
	font-size:18.85vw;
	line-height:23vh;
}

/*shaken and stirred*/
.page-id-471 .pastevent-header p {
	font-size:7.2vw;
	line-height:12vh;
}
/*creepy campfire*/
.page-id-474 .pastevent-header p {
	font-size: 8.2vw;
    line-height: 12vh;
}


.fullheight > .row_inner, .fullheight > .row_inner > .module_column {
	min-width:100vw;
}
.wp-image-43 {
	margin-bottom:5vh;
}
.page-id-10 p {
	font-size: 3.5em;
  	color: white;
 	font-weight: 100;
	line-height: 1em;
}
.tb_vfc1651 {
	margin-top:50px;
}
.themify_builder_content-28 .tb_ql6d400 {
	background-position:150% 50% !important;
}
.get-back-to-you {
	margin-top:35px;
}
.get-back-to-you h1 {
	font-size:1.15em !important;
	letter-spacing:-10px;
	word-spacing:-11px;
	height:127px !important;
}
.constitution {
	margin-top: 35px;
}
.sleigh-it {
	margin-top:35px;
}
.sleigh-it h1 {
	font-size: 6.76em !important;
    height: 95px !important;
    margin-left: -10px !important;
    min-width: 100vw;
    max-width: 100vw;
}
.hamlet {
	margin-top:35px;
}
.hamlet h1 {
	height: 325px;
	font-size: 2.86em !important;
	letter-spacing: -.08em;
	margin-left: -30px !important;
	line-height: 1.1em;
}
.campfire {
	margin-top:35px;
}
.campfire h1 {
	font-size: 8.3em !important;
    height: 95px !important;
    margin-left: -10px !important;
    min-width: 100vw;
    max-width: 100vw;
}
.tb_wrhh651 h1 {
	padding:0;
	margin:0;
}
.page-id-34 .tb_mxmq9 h1 {
	font-size:3em;
	letter-spacing: -0.08em;
	line-height: 1.3em;
}
.tb_vd1a400 h2 {
	margin-bottom:0;
	padding-bottom:0;
	line-height:1em;
}
.page-id-28  h3 {
	font-size:2.4em;
	font-weight:700;
}
.page-id-28 p {
	font-size:1.3em;
	font-weight:300;
	color:black;
}
.tb_qhmr339 h2,
.tb_rnlg767 h2 {
	margin-bottom:0;
	padding-bottom:0;
	line-height:1em;
}
.themify_builder_content-28 .tb_vd1a400.module-text {
	width:75vw;
}
.synopsis {
	width:75vw;
}
.synopsis-divider {
	margin-left:-350px;
}
.cast {
	color:white;
}
.cast h3 {
	color:white;
}
.page-id-28 .ui.builder_button {
	background-color:white;
}
.page-id-28 .module.module-buttons .ui:not(.transparent) {
	color:#a40ec7;
}
.ways-to-donate-button {
	font-size:1.2em;
	font-weight:500;
}
.module-image .image-wrap {
  display: flex;
  justify-content: center;
}
.module-image .image-wrap {
	max-width: 70vw;
}
.main-head {
	font-size: 3em;
  	font-weight: 400;
}
.themify_builder_content-10 .tb_4u6s958 > .row_inner {
	padding: 13vh 7vw;
}
.scroll h6 {
	margin:0 !important;
	padding:0;
	line-height:0.5em;
}
.blue {
	background-color:#1B489D !important;
	border: 3px solid #1B489D !important;
	color:white;
}
.blue:hover {
	background-color:white !important;
	color:#1B489D !important;
	font-weight:600 !important;
}
.themify_builder_content-10 .tb_bocc413 {
	padding:9vh 0;
}
.page-10 .frm_form_fields .frm_fields_container {
	display:flex;
	flex-direction:row;
	align-items:center;
	min-width:80vw;
	justify-content:space-evenly;
}
.page-10 .frm_style_formidable-style.with_frm_style .frm_submit button {
	background-color:#FE9325;
	border: 2px solid #FE9325;
	margin-top:25px;
}
.page-10 .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	background-color:white;
	color:#FE9325;
}
.page-10 #frm_field_8_container {
	min-width:20vw !important;
}
.page-10 #frm_field_7_container{
	min-width:40vw !important;
}


/*Work for Us*/
.spectacle-together h1 {
	font-size:5.5em;
	color:white; 
	font-weight:900;
	line-height:1.1em;
}
.workwithus .row_inner {
	margin-top:-1vh;
}
.letscreate-work {
	display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
	padding: 0 40vw 0 20vw;
}
.letscreate-work h2 {
	font-size:1.8em !important;
	line-height:1.5em !important;
	font-weight:400 !important;
}
.letscreate-work .buttons-horizontal  {
	max-width:45% !important;
}
.about-orange-button a {
	background-color:white !important;
	color:#F0451C !important;
}
#behind-scenes h2 {
	text-align: center;
    font-size: 1.6em !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
}
.scrappy-mission1 p {
	padding: 0 !important;
    font-size: 1.4em !important;
    line-height: 1.4em !important;
    margin-bottom: .5em !important;
}
.scrappy-mission2 p {
	padding: 0 !important;
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    margin-bottom: .5em !important;
}
.comejoin-us h1 {
	font-size: 1.4em !important;
    font-weight: 300 !important;
    letter-spacing: -.03em !important;
    line-height: 1em !important;
	margin-bottom:0 !important;
}
.lets-talk-button a {
	margin-top:2em;
}

.contact-orange-swirl img {
	min-width:100vw;
}

.main-footer {
	background-image: url("https://crookedpaththeatre.com/wp-content/uploads/2024/10/crooked-path-footer-background.png");
	padding: 10vh 10vh 3vh 10vh;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: center;
}
.footer-columns {
	display:flex;
	justify-content: space-between;
	margin-bottom:20px;
	width: 90%;
}
.footer-buttons {
	display:flex;
	flex-direction: column;
    align-items: center;
    justify-content: space-around;
	min-height: 50vh;
}
.main-footer p {
	font-size: 1.3em;
	color:black;
	font-weight:300;
	text-align:center; 
	margin-bottom:-15px;
}
.main-footer button {
	border-radius:0;
	width:12vw;
	font-size:1.3em;
	font-family:roboto;
	font-weight:400;
	letter-spacing:0;
}
.main-footer button a{
	color:white;	
}
.main-footer button:hover {
	background-color:white;
}
.button1 {
	background-color:#FE9325;
	border:1px solid #FE9325;
}
.button1 a:hover {
	color:#FE9325;
}
.button2 {
	background-color:#70006C;
	border:1px solid #70006C;
}
.button2 a:hover {
	color:#70006C;
}
.button3 {
	background-color:#433FC6;
	border:1px solid #433FC6;
}
.button3 a:hover {
	color:#433FC6;
}
.socials {
	display:flex;
	align-items: flex-end;
    justify-content: space-evenly;
    width: 13vw;
}
.footer-crooked-path {
	width:90vw;
}
.crooked-path-black {
	max-width:70%;
}
.vortex-designed {
	min-width:100vh;
	padding: 1.35vh 12vw;
}
.vortex-designed p {
	color:black;
	font-size:1em;
	text-align:center;
	font-weight:500;
}

@media (max-width: 680px) {
	html, body {
		min-width:100vw;
		max-width:100vw; 
		margin:0;
		padding:0;
	}
	.mobile_menu_active #headerwrap .sidemenu-on {
    min-width: 75vw !important;
    padding-left: 35px !important;
	padding-top: 75px;
	}
	.cp-navlogo {
	top:2vh;
	left:4vw;
}
.cp-navlogo img {
	width:50%;
}
	#crooked-logo .image-wrap {
		max-width:95vw;
	}
	#crooked-logo img {
		width:95vw;
		height:auto;
	}
	.themify_builder_content-10 .tb_9rjr982 {
		background-image: none !important;
	}
	.astonish-text p {
		line-height:1em;
		margin:0 !important;
		font-size:3em;
	}
	.homepage-upcoming .row_inner {
		min-width:95vw !important;
		max-width:100vw !important;
		padding:2vh 0;
	}
	.upcoming-mainpage h2 {
	font-size: 4em;
    margin-bottom: -20px;
    line-height: 1em;
}
	.themify_builder_content-10 .tb_wqh0127 {
    margin-bottom: -35px;
}
	.upcoming-mainpage .ticket-button a {
		padding: 1vh 2vw !important;
	}
	.themify_builder_content-10 .tb_7c1p232 {
    margin-top: -25px;
}
	.themify_builder_content-10 .tb_ng51959 {
		max-height: 35vh !important;
    	min-height: 25vh !important;
	}
	.themify_builder_content-10 .tb_0ks1357 {
	height:45vh !important;	
	}
	.pastevent-section p {
		margin-bottom:1vh;
	}
	.tf_carousel .tf_swiper-wrapper {
		height:500px !important;
	}
	.tf_swiper-container {
		min-height:70vh;
	}
	.signup-section .tb_vuvz188 {
		width:90% !important;
	}
	.stay-engaged-section {
		min-height: 55vh !important;
    	max-height: 65vh !important;
	}
	.form-container .frm_fields_container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    min-width: 95vw !important;
    grid-gap: 0 !important;
    justify-content: space-evenly;
}
	.form-container #frm_field_7_container {
    width: 95vw !important;
}
	.form-container #frm_field_7_container #frm_field_7-first_container {
    width: 45vw !important;
}
	.form-container #frm_field_7_container #frm_field_7-last_container {
    width: 45vw !important;
}
	.form-container #frm_field_8_container {
    width: 95vw !important;
    margin: 0 !important;
}
	.form-container #frm_field_6_container {
    width: 95vw !important;
    margin: 3vh 0 !important;
}
	.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
	font-size: 1.2em !important;
    width: 40vw;
    padding: 1.25vh 0 !important;
	}
	.with_frm_style .frm_submit.frm_flex {
    display: flex;
    justify-content: center;
}
	.vortex-designed {
		padding:3vh 3vw;
		min-width:0 !important;
	}
	    .tf_carousel .tf_swiper-wrapper {
        height: 300px !important;
    }
	.synopsis-title h2 {
		margin-bottom:-20px;
	}
	
	
	/**************** WORK WITH US PAGE ****************/
	.themify_builder_content-26 .tb_0vc4982 {
    background-position: 70% 50% !important;
	}
	.module_row.fullheight {
    height: 55vh !important;
	}
	.themify_builder_content-26 .tb_52tg679.module-text {
    margin-right: 0 !important;
    padding-top: 15vh !important;
	}
	.spectacle-together h1 {
    font-size: 2em !important;
    line-height: 1.3em !important;
    margin-right: 45vw !important;
	}
	.letscreate-work {
	padding: 5vh 3vw !important;
	}
	.themify_builder_content-26 .tb_115g477 {
	background-image:none !important;	
	}
	.letscreate-work h2 {
    font-size: 1.3em !important; 
	}
	.themify_builder_content-26 .tb_plo7489.module-buttons .module-buttons-item a {
    font-size: 1.3em !important;
    padding: 1.2vh 3vw !important;
	}
	.letscreate-work .buttons-horizontal {
    max-width: 55% !important;
	}
	
	
	.main-footer {
		padding: 3vh 2vw !important;
	}
	.footer-columns {
    display: flex;
    justify-content: space-between;
    width: 95% !important;
    flex-direction: column;
}
	.main-footer button {
        width: 80% !important;
        margin-top: 30px;
        margin-bottom: 40px;
    }
	.socials {
		width: 95vw !important;
    	margin: 5vh 0 !important;
	}
}

/* Search Results page */
.search-results {
    background: #FFF;
}
.search-results div#body {
    padding-top: 60px;
}

/* Mobile */
.synopsis-section {
	width: 80% !important;
	min-width: auto !important;
	max-width: 100% !important;
	padding: 50px 10% !important;
}

@media screen and (min-width: 431px) and (max-width: 768px) {
    .header-title {
        min-height: auto;
        padding-top: 300px;
        background-position: bottom center !important;
    }
}

@media screen and (max-width: 768px) {
	.synopsis-section {
		width: 80% !important;
		min-width: auto !important;
		max-width: 100% !important;
		padding: 50px 10% !important;
		min-height: auto!important;
	}
	#synop-toppart h2 {
    	font-size: 50px !important;
    	line-height: 50px !important;
	}
	div#synop-description {
		max-width: 86% !important;
	}
	#synop-description h3, #synop-description p {
		max-width: 100% !important;
	}
	.fomo h4 {
		font-size: 30px;
		line-height: 44px;
	}
	.cast-creatives h2 {
		font-size: 50px;
		line-height: 60px;
	}
	.cast-creatives .module_subrow {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.cast-creatives .image-center.circle {
	    width: 86%;
	}
	.creatives-section {
		min-height: auto;
	}
	div.themify_builder_content-474 .tb_3sw1356, div.themify_builder_content-695 .tb_ww7g88, div.themify_builder_content-408 .tb_53jk503, div.themify_builder_content-423 .tb_v32q134, div.themify_builder_content-28 .tb_hnwb762, div.themify_builder_content-432 .tb_5gc3792, div.themify_builder_content-438 .tb_tzfw103, div.themify_builder_content-467 .tb_0hf9233, div.themify_builder_content-471 .tb_r0ev469, div.themify_builder_content-477 .tb_e1hj847, div.themify_builder_content-480 .tb_43mj698, div.themify_builder_content-695 .tb_51rt88 {
		background-size: cover;
	}
	
	.letscreate-work p {
		font-size: 30px;
		line-height: 46px;
		margin-bottom: 20px;
	}
	.workwithus, .letscreate-work {
	    min-height: auto!important;
	}
	
	.spectacle-together {
		margin-right: 0 !important;
        margin-left: 15%;
	}
	
	.themify_builder_content-24 .tb_2w9r888 {
	    padding: 25px 10% 50px;
	}
	
	.aboutus-divider {
		width: 90% !important;
		max-width: 1100px !important;
	}
	.module_column.tb-column.col-full.tb_gx5x991.first {
		padding: 5% 10%;
	}
	#behind-scenes h2 {
		font-size: 50px!important;
	}
	div.comejoin-us {
		margin-top: 20px!important;
	}
	.comejoin-us h1 {
		font-size: 60px !important;
	}
	
	.upcoming-event-title h2 {
		font-size: 40px;
	}
	.upcoming-information h3 {
		font-size: 30px;
		line-height: 44px;
	}
}

@media screen and (max-width: 680px) {
	.module_row.fullheight {
        height: auto !important;
    }
	
	.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .mobile_menu_active #headerwrap .sidemenu-on {
        padding-top: 100px;
    }
}

@media screen and (max-width: 430px) {
	.header-title {
		padding-top: 200px;
		min-height: auto;
        background-position: bottom center !important;
	}
}

@media screen and (max-width: 352px) {
	.tb_10ei672 p {
	    font-size: 70px;
	}
}