/**
 * Theme Name: Quartyard
 * Theme URI: https://quartyardsd.com/
 * Author: Andrew Flo
 * Author URI: http://andrewflo.com
 * Description: Quartyard - WordPress Theme
 * Version: 1.0
 */


/*
 * FONTS
 */

@font-face {
	font-family: 'Franchise Bold';
	src: url('assets/fonts/Franchise-Bold.eot');
	src: url('assets/fonts/Franchise-Bold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/Franchise-Bold.svg#franchise_bold') format('svg'),
	url('assets/fonts/Franchise-Bold.woff') format('woff'),
	url('assets/fonts/Franchise-Bold.ttf') format('truetype');
	font-weight: 400;
}


/*
 * GENERAL
 */
body {padding-top:54px;}
img {max-width:100%;height:auto;}
.section-title {font-size:36px;margin:0;}
.section-link {text-transform:uppercase;}
.page-header {background:#f5f5f5;text-align:center;}
.divider {height:1px;background:#eee;width:100%;margin:30px 0;}
.swiper-pagination-bullets {bottom:15px;}
.swiper-pagination-bullets .swiper-pagination-bullet {border:1px solid #ff9922;opacity:1;background:transparent;width:10px;height:10px;}
.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#ff9922;}
.gallery {margin:0 auto;}
.gallery .gallery-item {width:340px;display:block;float:left;margin:4px 0;opacity:0;}
.gallery .gallery-item:hover {opacity:0.8 !important;}
.gallery .gallery-item img {max-width:100%;height:auto;}


/*
 * HELPERS
 */
.bg-img {background-size:cover;background-position:center;background-repeat:no-repeat;}
.bg-darken {position:relative;}
.bg-darken .bg-darken-overlay {z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.25;transition:opacity 150ms ease-in-out;}
.bg-gray {background:#f5f5f5;}
.embed-inner {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-inner iframe, .embed-inner object, .embed-inner embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.col-full {padding:1px;}


/*
 * TYPOGRAPHY
 */
body, p {font-family:'Roboto',sans-serif;font-size:15px;font-weight:normal;color:#444;}
a {color:#ff9922;}
a:hover, a:focus {text-decoration:none;color:#d9821e;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:'Franchise Bold',sans-serif;text-transform:uppercase;margin:0 0 10px;}
h1, .h1 {font-size:48px;}
h2, .h2 {font-size:42px;}
h3, .h3 {font-size:36px;}
h4, .h4 {font-size:28px;}
h5, .h5 {font-size:22px;}
h6, .h6 {font-size:18px;}
.text-muted {color:#888;}
.text-gray {color:#666;}


/*
 * BOOTSTRAP
 */
.btn, .wp-block-button .wp-block-button__link {font-size:16px;border-radius:0;border:0;padding:6px 20px;}
.btn-primary, .wp-block-button .wp-block-button__link {background:#ff9922;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:active {background:#d9821e;}
.btn-md {padding:8px 30px;}
.form-control {border-radius:0;}
.nav-pills .nav-link {background:#f5f5f5;margin-bottom:5px;color:#ff9922;}
.nav-pills .nav-link.active, .nav-pills .nav-link:hover {background:#ff9922;color:#fff;}
.card {border:0;border-radius:0;}
.px-responsive {padding-left:3rem;padding-right:3rem;}
.pagination {-ms-flex-pack:center;justify-content:center;margin-top:30px;margin-left:auto;margin-right:auto;width:100%;}
.pagination .page-link {color:#ff9922;}
.pagination .page-link.current {background:#ff9922;color:#fff;border-color:#ff9922;}
@media only screen and (max-width:575px) {
	.px-responsive {padding-left:0.5rem;padding-right:0.5rem;}
}



/*
 * HEADER
 */
.site-header .navbar {background:#fff;border-bottom:1px solid #f5f5f5;}
.site-header .navbar-brand {height:28px;}
.site-header .navbar-brand .site-title {font-family:'Franchise Bold',sans-serif;font-size:28px;text-transform:uppercase;margin-top:-5px}
.site-header .navbar-toggler {border:0;}
.site-header #menu-main-navigation .menu-item .nav-link {text-transform:uppercase;padding-left:20px;padding-right:20px;}
.site-header #menu-main-navigation .menu-item.social-link .nav-link {padding-left:10px;padding-right:10px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#ff9922;}
.site-header .menu-doordash .nav-link {text-decoration:none;color:transparent !important;position:relative;width:200px;padding:8px 0 !important;margin:0 auto;}
.site-header .menu-doordash .nav-link:after {content:"";display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:209px;height:45px;margin: 0px auto;background-image:url(https://cdn.doordash.com/media/button/209x45_white.png);background-position:center;background-size:contain;background-repeat:no-repeat;}
.site-header #menu-main-navigation .menu-opentable .nav-link {font-size:14px;background-color:#da3743;border-radius:4px;color:#fff;font-weight:bold;padding:8.5px 15px;text-transform:none;margin-left:15px;}
.site-header #menu-main-navigation .menu-opentable .nav-link:hover,
.site-header #menu-main-navigation .menu-opentable .nav-link:active,
.site-header #menu-main-navigation .menu-opentable .nav-link:focus {background-color:#b8222d;color:#fff;}
@media only screen and (max-width:1199px) {
	.site-header #main-nav-collapse #menu-main-navigation {margin-top:10px;margin-bottom:10px;text-align:center;}
	.site-header #main-nav-collapse #menu-main-navigation .social-link {display:inline-block;}
	.site-header #menu-main-navigation .menu-opentable .nav-link {max-width:220px;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width:575px) {
	.site-header .navbar-brand .site-title {font-size:26px;margin-top:-3px;}
}


/*
 * FOOTER
 */
.site-footer {background:#f5f5f5;}
.site-footer .footer-social-links a {color:#999;}
.site-footer .footer-copyright {background:#222;padding-top:15px;padding-bottom:15px;color:#fff;}
.site-footer .footer-copyright a {color:#fff;}
.site-footer .footer-copyright a:hover {color:#ddd;}


/*
 * PAGE: HOME
 */
.home-hero {margin-left:-15px;margin-right:-15px;}
.home-hero .swiper-wrapper {height:600px;}
.home-hero .slide-logo-wrapper {width:100%;text-align:center;padding:40px;-ms-flex-item-align:start !important;align-self:flex-start !important;}
.home-hero .slide-logo-wrapper .slide-logo {width:300px;max-width:60%;}
.home-hero .slide-text .slide-text-inner {background:rgba(255,255,255,0.85);color:#222;padding:5px 20px;margin:5px 0;display:inline-block;max-width:95%;}
.home-hero .slide-text .slide-text-inner .slide-headline {margin:5px 0 -5px;font-size:48px;}
.home-hero .slide-text .slide-text-inner .slide-subtitle {font-size:18px;color:#222;margin:0;}
.home-newsletter {background:#f5f5f5;padding:30px 15px;margin-left:-15px;margin-right:-15px;}
.home-newsletter form {max-width:500px;margin:0 auto;}
.feature {height:350px;}
.feature .feature-content {width:100%;height:100%;color:#fff;z-index:5;position:relative;text-align:center;}
.feature .feature-content .feature-title {font-family:'Franchise Bold',sans-serif;font-size:48px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,0,0,0.35);margin:0;}
.feature:hover .bg-darken-overlay {opacity:0.5;}
@media only screen and (max-width:767px) {
	.home-hero .swiper-wrapper {height:320px;}
	.home-hero .slide-text .slide-text-inner .slide-headline {font-size:36px;}
}
@media only screen and (max-width:575px) {
	.home-hero .swiper-wrapper {height:260px;}
	.home-hero .slide-logo-wrapper {-ms-flex-item-align:center !important;align-self:center !important;}
	.home-hero .slide-logo-wrapper .slide-logo {max-width:85%;}
	.home-hero .slide-text .slide-text-inner .slide-headline {font-size:28px;}
	.home-hero .slide-text .slide-text-inner .slide-subtitle {font-size:15px;}
}



/*
 * PAGE: ABOUT
 */
.about-features .swiper-container {padding-bottom:30px;}
.about-features .swiper-container .swiper-pagination {bottom:0;}



/*
 * PAGE: ABOUT
 */
.story-content, .story-content p {font-size:1.25rem;font-weight:300;}
.story-activators {line-height:2;}
.story-activators .story-activators-separator {color:#999;margin:0 8px;}



/*
 * PAGE: HOST AN EVENT
 */
.venue-features-list li {font-size:1.25rem;font-weight:300;margin-bottom:20px;}
#host-event-form #form-username {display:none;}



/*
 * PAGE: SHOP
 */
.page-shop .shopify-buy-frame {margin-left:auto;margin-right:auto;}
.page-shop .wp-block-columns {justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #eee;}
.page-shop .wp-block-columns:last-child {border-bottom:0;}
.page-shop .wp-block-columns h4 {text-align:center;margin-top:20px;}
.page-shop .wp-block-columns .wp-block-column {margin-left:0;margin-right:0;}
@media only screen and (min-width:600px) {
	.page-shop .wp-block-columns {flex-wrap:nowrap;}
	.page-shop .wp-block-columns h4 {text-align:left;margin-top:0;}
	.page-shop .wp-block-columns .wp-block-column:nth-child(odd) {width:35%;}
	.page-shop .wp-block-columns .wp-block-column:nth-child(even) {width:65%;}
}



/*
 * EVENTS
 */
.event .event-img {height:0;padding-bottom:52.34%;}
.event .event-content {background:#222;color:#fff;padding:10px 15px;}
.event .event-content .event-title {font-size:18px;font-weight:500;margin:0;}
.event .event-content .event-date {font-size:12px;color:#ccc;text-transform:uppercase;min-width:70px;text-align:right;}
.card-event {background:#fff;margin-bottom:30px;}
.card-event .event-title a {color:#444;}
.events-newsletter {background:#fff;padding:30px 15px;margin-left:-15px;margin-right:-15px;}
.events-newsletter form {max-width:500px;margin:0 auto;}
@media only screen and (max-width:767px) {
	.card-event .card-event-content {text-align:center;}
}



/*
 * BLOG
 */
.card-post {padding:30px;margin:15px 0;}
.card-post:first-of-type {margin-top:0;}
.card-post:last-of-type {margin-bottom:0;}
.card-post .post-thumbnail-wrapper {margin:-30px -30px 30px;}
.card-post .post-thumbnail-wrapper .attachment-post-thumbnail {width:100%;}
.card-post .post-title {margin:0;}
.card-post .post-title a {color:#444;}
.card-post .post-meta {margin-bottom:15px;font-size:18px;color:#888;}
.card-post .post-content .embed-wrapper {max-width:720px;margin:30px auto;}
@media only screen and (max-width:767px) {
	.card-post .post-title {font-size:36px;}
}
@media only screen and (max-width:575px) {
	.card-post .post-title {font-size:28px;}
}