/*
Theme Name: OI Tickets
Theme URL: https://tickets.orlandoinformer.com
Description: GeneratePress Child Theme
Theme Author: Orlando Informer
Author URL: https://www.orlandoinformer.com
Template: generatepress
Version: 1.0.0
Text Domain: oitickets
*/

.main-navigation .menu>.menu-item>a:before,
.main-navigation .menu>.current-menu-item:not(.wc-menu-item)>a:before,
.loud-link a:before {
	content: "";
	position: absolute;
	display: block;
	bottom: 1em;
	width: 0%;
	height: 2px;
	background-color: currentColor;
	-webkit-transition: 0.3s width ease;
	transition: 0.3s width ease;
}

.main-navigation .menu>.menu-item>a:hover:before,
.main-navigation .menu>.current-menu-item:not(.wc-menu-item)>a:before,
.loud-link a:hover:before {
	width: calc(100% - 40px);
}

.main-hero .button {
	background-color: #e97148;
	font-size: 22px;
	border-radius: 4px;
	padding: 16px 34px;
}

.main-hero h1 {
	text-shadow: 0px 4px 25px rgba(0, 0, 0, 0.35);
	font-size: 80px;
	font-weight: 600;
}

.home .inside-article .entry-header {
	display: none;
}

.card .fa {
	font-size: 38px;
	margin-bottom: 15px;
}

body .top-bar .grid-container {
	max-width: 100%;
}

@media screen and (min-width: 1000px) {
  body .top-bar .grid-container {
	padding-right: 60px;
  }
}

.card {
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	padding: 20px 22px;
	border-bottom: 4px solid #e97148;
}

.big-note .wp-block-cover__inner-container p {
	color: #3a3a3a;
}

.fancy-heading {
	position: relative;
}

.fancy-heading:after {
	background-color: #e97148;
	content: '';
	display: block;
	height: 4px;
	margin: 24px auto;
	width: 90px;
}

.wp-block-media-text__content .fancy-heading:after {
	margin: 24px 0 0 0;
}

.big-heading {
	font-size: 48px;
}

.subhead {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #e25b38;
	font-size: 14px;
	font-weight: 700;
}

a.wp-block-button__link:not(.has-background) {
	font-size: 20px;
	padding: 20px 30px;
	border-radius: 4px;
	background-color: #e97148;
}

.wp-block-image img {
	max-width: 100%;
	max-width: calc(100% + 44px);
	margin-left: -22px;
	margin-top: -20px;
}

.separate-containers .page-header-image {
	display: none;
}

.main-navigation .main-nav ul li a {
	letter-spacing: 1px;
}

@media (min-width: 960px) {

	.main-navigation .main-nav ul li a {
		letter-spacing: 1px;
	}
}

.main-navigation .inside-navigation {
    border-top: 0.5px solid #d4d7d8;
}

.homepage-hero {
	height: 65vh;
	margin-bottom: 0;
}

.homepage-hero h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	text-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
	line-height: 1;
}

.hero-text {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	text-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
	line-height: 1;
	text-align: center;
}

@media (min-width: 960px) {
	.cards {
		margin-top: -150px
	}

	.hero-text {
		margin-top: -20px;
	}
}

@media (min-width: 960px) {
	.home .cards {
		margin-top: -200px
	}
	.homepage-hero h1 {
		font-size: 90px;
	}
}

.cards .card {
	border-radius: 4px;
}

.homepage-hero a.button {
	font-size: 21px;
	font-weight: 600;
	padding: 18px 36px;
	border-radius: 3px;
	margin-top: 20px;
}

@media screen and (min-width: 1000px) {
	body .top-bar .grid-container {
		padding-right: 60px;
		max-width: 1280px;
		padding-right: 20px;
	}
}

#floating-cart {
	background-color: #fff;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	right: 0;
	z-index: 20;
}

#floating-cart #side-cart-header {
	align-items: center;
	background-color: #224176;
	display: flex;
	padding: 10px 0 10px 20px;
	border-top-left-radius: 6px;
}

#floating-cart h2 {
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding-right: 5px;
}

#floating-cart .side-cart-qty {
	color: #fff;
}

#floating-cart .cart-container {
	padding: 20px 10px;
}

@media screen and (min-width: 1000px) {
	#floating-cart {
		width: 290px;
	}
}

.side-cart-qty {
	font-size: 21px;
	position: relative;
}

.side-cart-qty .circle {
	font-size: 12px;
	background-color: #e97148;
	border-radius: 100%;
	height: 8px;
	width: 8px;
	display: inline-flex;
	padding: 5px;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -4px;
	left: 17px;
	z-index: 2;
}

.side-cart-qty .cart-icon {
	z-index: 1;
}

.floating-cart-button {
	position: relative;
}

.woocommerce .floating-cart-button a.button {
	background-color: #e97148;
	border-radius: 3px;
	bottom: -65px;
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
	width: 170px;
}

.woocommerce .floating-cart-button a.button span {
	font-family: Lato, sans-serif;
}

#ticket-filtering-widget {
	background-color: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	border-radius: 6px;
	margin-top: -125px;
	margin-bottom: 20px;
	padding: 20px 25px 5px 25px;
	z-index: 999;
}

.facetwp-checkbox {
	display: inline-block;
	margin-right: 12px;
}

.facetwp-counter {
	display: none;
}

#ticket-filtering-widget h2 {
	text-align: center;
	position: relative;
	margin-bottom: 14px;
	font-size: 26px;
}

#ticket-filtering-widget h2:after {
	background-color: #e97148;
	content: '';
	display: block;
	height: 4px;
	margin: 11px auto;
	width: 90px;
}

#ticket-filtering-widget p {
	margin-bottom: 5px;
}

#ticket-filtering-widget p strong {
	color: #e97148;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 12px;
}

#wc-column-container .product {
	background-color: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	padding: 0;
	border-bottom: 3px solid #234685;
	transition: transform 0.2s ease-out, outline 0.2s ease-out;
	outline: 1px solid transparent;
}

#wc-column-container ul.products li.product.woocommerce-image-align-left a .wc-product-image img {
	border-right: 1px solid #e0e0e0;
	max-width: 70%;
}

#wc-column-container .product:hover,
#wc-column-container .product:focus {
	transform: translate(0, -5px);
	outline: 1px solid #234685;
}

#wc-column-container .product .woocommerce-loop-product__title {
	color: #222;
}

#wc-column-container .product .woocommerce-Price-amount {
	font-size: 18px;
}

/* Mobile Facet Style Updates */

@media screen and (max-width: 450px) {
	
	.filters-inner .facetwp-facet {
		margin-bottom: 10px;
	}
		
	.filter-para-style {
		margin-bottom: 0em;
	}
	
	#ticket-filtering-widget p {
		margin-bottom: 0px;
		font-size: 0.8em;
	}
	
	.filters-inner .facetwp-facet {
		margin-bottom: 5px;
	}
	
}