/*
 Theme Name:   Curtain Up!
 Description:  Improvise Child Theme for curtain-up.com
 Author:       Crack-Ajax
 Author URI:   https://crack-ajax.com
 Template:     improvise
 Version:      1.0.0
*/

body {
	background-color: var(--color-secondary);
}

.reviews .header-wrapper {
	text-align: center;
}

.opacity-85,
.opacity-85 .wp-block-cover__background {
	opacity: 0.85 !important;
}

.double-border {
	border: 6px solid white;
	border-style: double;
}

.front-page article,
.page article {
	padding-bottom: 0;
}

body:not(.has-top-bar) .document-header,
body.has-top-bar .document-header .main-bar {
	border: 0;
}

.improvise .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.improvise .gform_wrapper textarea {
	outline: 0;
	padding: 30px !important;
	border-color: white;
	border-radius: 10px;
	color: white;
	
	&:focus {
		border-color: var(--color-accent);
	}
}

.max-width-120 img {
	max-width: 120px;
}

#gform_3 {
	display: grid;
	grid-template-columns: calc( 75% - 15px) 25%;
	gap: 15px;
	width: 100%;
	
	& #gform_fields_3 {
		display: flex;
    	max-width: 100%;
    	flex-wrap: wrap;
		
		& .gfield {
			flex-grow: 1;
		}
		
		@media (min-width: 642px) and (max-width: 1121px) {
			row-gap: 10px;
		}
		
		@media (min-width: 481px) and (max-width: 641px) {
			row-gap: 10px;
		}
	}
	
	& .ginput_complex {
		margin-left: 0;
	}
	
	& .gform-footer {
		margin-top: 0;
		
		& .gform_button {
			border-radius: 15px;
		}
	}
	
	@media (max-width: 639px) {
		grid-template-columns: 100%;
		
		& .gform-footer {
			margin-top: 0;
		
			& .gform_button {
				border-radius: 15px;
				max-width: 100%;
				padding: var(--s-spacing);
				margin-top: var(--s-spacing);
			}
		}
	}
}

.gform_required_legend {
	display: none;
}

#gform_1 {
	margin-top: var(--l-spacing);
	background-color: #3B3B3B;
	padding: var(--m-spacing);
	border-radius: 10px;
	
	& label {
		font-size: 20px;
		
		& .gfield_required {
			font-size: 1rem;
		}
	}
	
	& input[type=text],
	input[type=email],
	input[type=tel],
	textarea {
		background-color: #535353;
		border-color: #535353;
	}
	
	& input[type=text],
	input[type=email],
	input[type=tel] {
		padding: 8px !important;
	}
	
	& .gform-footer {
		margin-top: var(--m-spacing);
		
		& .gform_button {
			background-color: var(--color-accent);
			font-family: var(--font-primary) !important;
			border-radius: 15px;
			min-width: 100%;
			padding: 14px 0;
			
			&:hover {
				background-color: var(--color-primary);
				border-color: var(--color-accent);
				color: var(--color-accent);
			}
		}
	}
	
	@media (max-width: 639px) {
		grid-template-columns: 100%;
		
		& .gform-footer {
			margin-top: 0;
		
			& .gform_button {
				border-radius: 15px;
				max-width: 100%;
				padding: var(--s-spacing);
				margin-top: var(--s-spacing);
			}
		}
	}
}

.document-footer {
	
	& .footer-widgets {
		display: block;
	}
	
	& #footer2 .menu {
		display: flex;
		max-width: 500px;
        justify-content: space-between;
        margin-inline: auto;
		
		& .current-menu-item a {
			color: var(--color-accent);
		}
		
		& a {
			font-weight: 800;
			
			&:hover {
				color: var(--color-accent);
				opacity: 1;
				text-decoration: none;
			}
		}
	}
	
	& .footer-bottom {
		border: 0;
	}
}

.wp-block-columns .glyphicon {
	margin-right: 15px;
	
	&:before {
		font-size: 25px;
    	vertical-align: middle;
	}
	
	& + a {
		&:hover {
			color: var(--color-accent);
		}
	}
}

.document-header {
	column-gap: 2%;
}

.primary-nav .navbar-nav,
.top-bar .top-nav {
	padding-left: 0;
	flex-basis: 35%;
	flex-grow: 1;
	
	@media (min-width: 1200px) and (max-width: 1400px) {
		
		& a {
			white-space: nowrap;
			font-size: 0.85rem;
			padding: 0 10px !important;
		}
	}
	
	@media (max-width: 768px) {
		align-items: center;
		
		& li {
			border-bottom: 0 !important;
		}
	}
}

@media (max-width: 1439px) {
	.mobile-hamburger {
		order: 3;
	}
}

.document-header .logo {
	flex-basis: 25%;
	flex-grow: 1;
	text-align: left;
}

@media (min-width: 1200px) {
	body.fixed .document-header .logo {
		text-align: center;
	}
}

.header-right {
	display: flex;
	flex-basis: 35%;
	flex-grow: 1;
	column-gap: 2%;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	
	& li {
		list-style-type: none;
	}
	
	& #searchform {
		display: flex;
		border: 1px solid white;
		border-radius: 10px;
		flex-basis: 49%;
		flex-grow: 1;
			
		& input[type=text] {
			flex-basis: calc(100% - 32px);
			border: 0;
			padding: 15px;
			background-color: transparent;
		}
		
		& input.glyphicon {
			flex-basis: 32px;
			background-color: transparent;
			border: 0;
			font-size: 20px;
			position: relative;
			top: 1px;
			right: 5px;
		}
	}
	
	& .secondary-nav {
		flex-basis: 49%;
		flex-grow: 1;
		
		& .navbar-right {
			padding-left: 15px;
			margin: 0;
			
			& .button {
				border-color: var(--color-accent);
				border-radius: 10px;
				background-color: var(--color-accent);
				padding: 7px 15px;
				width: 100%;
				text-align: center;
				
				& a {
					white-space: nowrap;
					color: var(--color-primary);
					font-family: var(--font-primary);
				}
				
				&:hover {
					background-color: var(--color-primary);
					
					& a {
						color: var(--color-accent);
					}
				}
			}
		}
	}
		
	@media (max-width: 768px) {
		display: none;
	}
}
	
body.fixed .header-right {
	
	& input[type=text] {
		padding: 10px 15px !important;
	}
	
	& .button {
		padding: 2px 15px !important;
	}
}

.mobile-only.button:not(.read-more) {
	display: none !important;
	max-width: 200px;
	background-color: var(--color-accent);
	border: 2px solid var(--color-accent) !important;
	border-radius: 10px;
	margin-top: 2px;
	margin-bottom: var(--s-spacing);
	
	& a {
		color: var(--color-primary);
	}
	
	&:hover {
	background-color: var(--color-primary);
		
		& a {
			color: var(--color-accent);
		}
	}
		
	@media (max-width: 768px) {
		display: inline-block !important;
		padding-top: 0;
        padding-bottom: 0;
	}
}

.blog .page-title,
.header-wrapper h1 {
	position: relative;
	color: var(--color-light-text);
	padding-top: var(--l-spacing);
	margin-bottom: var(--l-spacing);
}

.blog:not(.search) .row article .post-content .read-more {
	color: var(--color-primary);
	border-color: var(--color-accent);
	background-color: var(--color-accent);
	border-radius: 10px;
	
	&:hover {
		background-color: var(--color-primary);
		color: var(--color-accent);
	}
}

.improvise .post-footer {
	position: relative;
	margin-left: calc(var(--xl-spacing) * 1);
	margin-bottom: var(--xl-spacing);
}

.wp-block-query {
	
	& .wp-block-post {
		border: 2px solid white;
		padding: var(--s-spacing);
	}
	
}

body.blog main.blog,
body.single main.posts {
	background-image: url(https://curtain-up.com/wp-content/uploads/2025/04/26431079-d61f-4337-a5bf-8cf303083c7f.jpg);
	background-size: 100%;
	background-repeat: repeat;
	
	&:before {
		background-color: var(--color-primary);
		opacity: 0.85;
	}
}