/*
 Theme Name:	YourPie 2022
 Theme URI:     https://www.yourpie.com
 Description:   Custom Bootstrap 5 theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    https://www.seoteric.com
 Template:		Seoteric-Framework
 Version:       3
*/

@import url("https://use.typekit.net/tmx0nsv.css");

/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/
body {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#58605a;
    font-feature-settings: 'lnum' 1;
}
a {
    color: #d7282f;
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    color: #d7282f;
    text-decoration: underline;
}
ul.columns {
    column-count: 2;
    column-gap: 20px;
}
/*////////////////////////////////////////////////
HEADER STYLES
///////////////////////////////////////////////*/
header {
    top: 0;
}
.navbar-brand img {
    max-width: 360px;
}
.menu-header-menu-container {
    display: flex;
    flex-basis: 100%;
}
.navbar-toggler {
    padding: 0.25rem 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #404040;
    color: #FFF;
}
header .nav-link:focus, .nav-link:hover,
.navbar-text a:hover, .navbar-text a:focus {
    color:#d7282f;
}
#orderNow h2 {
    top: 7px;
}
.slideOrder {
    z-index: 10;
    background: url(images/white-oval.svg) no-repeat center right;
    padding: 3% 0 1.25% 20px;
    width: 220px;
    height: 125px;
    padding: 35px 0 0 10px;
    background-size: cover;
    top: 20px;
}
.slideOrder h2 {
    line-height: 0;
    font-size: 36px;
}
.slideOrder .display-4 {
    font-size: 56px;
}
.slideOrder.logoTag {
    padding: 0;
}
@media (min-width: 1200px){
    .slideOrder {
        width: 30%;
        max-width: 380px;
        height: auto;
        padding: 3% 0 1.25% 6%;
    }
    .slideOrder .display-4 {
        font-size: 4.5rem;
    }
    .slideOrder.logoTag {
        width: 30%;
        max-width: 380px;
        height: auto;
        padding: 2% 0 2% 0%;
    }    
}
header li.portal a,
header li.find a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.305' height='26' viewBox='0 0 20.305 26'%3E%3Cdefs%3E%3CclipPath id='fzp6mcljra'%3E%3Cpath data-name='Rectangle 1135' style='fill:%23404040' d='M0 0h20.305v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1717' style='clip-path:url(%23fzp6mcljra)'%3E%3Cpath data-name='Path 3203' d='M10.152 10.692a5.346 5.346 0 1 0-5.346-5.347 5.353 5.353 0 0 0 5.346 5.346m3.014 1.391H7.139A7.138 7.138 0 0 0 0 19.221v4.959A27.613 27.613 0 0 0 10.152 26a27.613 27.613 0 0 0 10.153-1.819v-4.96a7.138 7.138 0 0 0-7.139-7.139' style='fill:%23404040'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
    background-size: 12px;
}
header li.portal a:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.305' height='26' viewBox='0 0 20.305 26'%3E%3Cdefs%3E%3CclipPath id='fzp6mcljra'%3E%3Cpath data-name='Rectangle 1135' style='fill:%23d7282f' d='M0 0h20.305v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1717' style='clip-path:url(%23fzp6mcljra)'%3E%3Cpath data-name='Path 3203' d='M10.152 10.692a5.346 5.346 0 1 0-5.346-5.347 5.353 5.353 0 0 0 5.346 5.346m3.014 1.391H7.139A7.138 7.138 0 0 0 0 19.221v4.959A27.613 27.613 0 0 0 10.152 26a27.613 27.613 0 0 0 10.153-1.819v-4.96a7.138 7.138 0 0 0-7.139-7.139' style='fill:%23d7282f'/%3E%3C/g%3E%3C/svg%3E");
}
header li.find a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.654' height='26' viewBox='0 0 18.654 26'%3E%3Cdefs%3E%3CclipPath id='eucrvw82ka'%3E%3Cpath data-name='Rectangle 1134' style='fill:%23404040' d='M0 0h18.654v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1715' style='clip-path:url(%23eucrvw82ka)'%3E%3Cpath data-name='Path 3202' d='M9.327 0A9.311 9.311 0 0 0 1.6 14.506L9.327 26l7.727-11.494A9.311 9.311 0 0 0 9.327 0m0 15.2a5.8 5.8 0 1 1 5.8-5.8 5.8 5.8 0 0 1-5.8 5.8' style='fill:%23404040'/%3E%3C/g%3E%3C/svg%3E");
    padding-left: 17px !important;
}
header li.find a:hover{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.654' height='26' viewBox='0 0 18.654 26'%3E%3Cdefs%3E%3CclipPath id='eucrvw82ka'%3E%3Cpath data-name='Rectangle 1134' style='fill:%23d7282f' d='M0 0h18.654v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1715' style='clip-path:url(%23eucrvw82ka)'%3E%3Cpath data-name='Path 3202' d='M9.327 0A9.311 9.311 0 0 0 1.6 14.506L9.327 26l7.727-11.494A9.311 9.311 0 0 0 9.327 0m0 15.2a5.8 5.8 0 1 1 5.8-5.8 5.8 5.8 0 0 1-5.8 5.8' style='fill:%23d7282f'/%3E%3C/g%3E%3C/svg%3E");
    padding-left: 17px !important;
}
/*////////////////////////////////////////////////
TYPOGRAPHY
///////////////////////////////////////////////*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 900;
/*    color: #d7282f;*/
}
/*
.bg-dark h1, .bg-dark .h1, .bg-dark h2, .bg-dark .h2, .bg-dark h3, .bg-dark .h3, .bg-dark h4, .bg-dark .h4, .bg-dark h5, .bg-dark .h5, .bg-dark h6, .bg-dark .h6, .bg-primary h1, .bg-primary .h1, .bg-primary h2, .bg-primary .h2, .bg-primary h3, .bg-primary .h3, .bg-primary h4, .bg-primary .h4, .bg-primary h5, .bg-primary .h5, .bg-primary h6, .bg-primary .h6 {
    color: #FFF !important;
}
*/
.text-primary {
    color: #d7282f !important;
}
.text-secondary {
    color: #404040 !important;
}
.fw-bold {
    font-weight: 900!important;
}
/*////////////////////////////////////////////////
BUTTONS
///////////////////////////////////////////////*/
.btn {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.375rem 1.25rem;
    border-width: 2px;
}
.page-careers .btn-lg {
    padding: 1rem 3.25rem !important;
    font-size: 2rem;
}
.btn-primary {
    background-color: #d7282f;
    border-color: #d7282f;
}
.btn-primary:hover,
.btn-primary:active{
    background-color: #FFF !important;
    border-color: #d7282f !important;
    color: #d7282f !important;
}
.btn-check:focus+.btn-primary, .btn-primary:focus,
.btn-primary:active:focus{
    color: #d7282f;
    background-color: #FFF;
    border-color: #d7282f;
    box-shadow: 0 0 0 0.25rem rgb(215 40 47 / 50%);
}
.btn-secondary,
.btn-secondary:active{
    background-color: #404040;
    border-color: #404040;
}
.btn-secondary:hover {
    background-color: #FFF !important;
    border-color: #404040 !important;
    color: #404040 !important;
}
.btn-outline-primary {
    border-color: #d7282f;
    color: #d7282f;
}
.btn-outline-primary:hover,
.btn-outline-primary:active{
    background-color: #d7282f !important;
    border-color: #d7282f !important;
    color: #FFF !important;
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus,
.btn-outline-primary:active:focus{
    color: #FFF;
    background-color: #d7282f;
    border-color: #d7282f;
    box-shadow: 0 0 0 0.25rem rgb(215 40 47 / 50%);
}
.btn:hover,
.btn:active,
.btn:focus {
    text-decoration: none;
}
/*////////////////////////////////////////////////
BACKGROUNDS
///////////////////////////////////////////////*/
.bg-primary {
    background-color: #d7282f !important;
}

.bg-dark {
    background-color: #404040;
}
.bg-light {
    background-color: #f5f5f5 !important;
}
.border-primary {
    border-color: #d7282f !important;
}
/*////////////////////////////////////////////////
SOCIALS
///////////////////////////////////////////////*/
.socials a[href*="facebook.com"]:before,
.socials a[href*="twitter.com"]:before,
.socials a[href*="linkedin.com"]:before,
.socials a[href*="instagram.com"]:before,
.socials a[href*="youtube.com"]:before,
.socials a[href*="yelp.com"]:before {
    font-family: 'FontAwesome';
    display: inline-block;
    font-weight: normal;
    width: 30px;
    height: 30px;
    font-size: 30px;
}
.socials a[href*="facebook.com"]:before {
    content: '\f230';
}
.socials a[href*="twitter.com"]:before {
    content: '\f081';
}
.socials a[href*="linkedin.com"]:before {
    content: '\f08c';
}
.socials a[href*="instagram.com"]:before {
    content: '\f16d';
}
.socials a[href*="youtube.com"]:before {
    content: '\f16a';
}
.socials a[href*="yelp.com"]:before {
    content: "\f1e9";
}
.socials li.ddash {
    width: 42px;
}
/*////////////////////////////////////////////////
HOME PAGE
////////////////////////////////////////////////*/
.signatureTitle.bg-dark {
    color:#FFF;
}
img.allergyIcon {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 50rem;
}

.franchiseImg {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    min-height:75vh;
}
#CraftBeer .franchiseImg,
#Gelato .franchiseImg {
    min-height: 50vh;
}
.pageSlider .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#thumbnail-carousel .splide__slide {
  opacity: 0.6;
}

#thumbnail-carousel .splide__slide.is-active {
  opacity: 1;
}
.featuredContent .container-fluid {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 55%, rgba(215,40,47,1) 55%, rgba(215,40,47,1) 100%);
}
.accordion-button {
    background: #404040;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1.25px;
}
.accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: #d7282f;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #404040;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(215,40,47,.25);
}
.accordion-button::after {
    background-image: url(images/down-arrow.svg);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(images/down-arrow.svg);
    transform: rotate(-180deg);
}

/*
#fbFeed img {
    border-radius: 50%;
}
*/
/*
.sbi_photo_wrap {
    border-radius: 50%;
}
*/
.gallery-item {
    padding: 0px 5px;
}
.gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*/////////////////
MENU PAGES//*/
#Build_It img {
    max-width: 160px;
}

/*/////////////////
LOCATIONS PAGES//*/

.infoWindow a:-webkit-any-link:focus-visible {
    outline:none !important;
}
.locationSidebar {
    max-height: 480px;
}
.locationsGrid .locationGrid:nth-of-type(even) .container-xl {
    background-color: #f5f5f5 ;
}

#text{
    display:none;
}
/*////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////*/
footer #connect {
    color: #FFF !important;
}
footer .navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
footer .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.55);
}

footer .socials a[href*="facebook.com"]:before,
footer .socials a[href*="twitter.com"]:before,
footer .socials a[href*="linkedin.com"]:before,
footer .socials a[href*="instagram.com"]:before,
footer .socials a[href*="youtube.com"]:before,
footer .socials a[href*="yelp.com"]:before {
    font-size: 26px;
    color: #FFF;
}
input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #FFF;
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: #d7282f;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #d7282f;
  border-radius: 50%;
/*  transform: translateY(-0.075em);*/
  display: inline-grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #d7282f;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

input[type="radio"]:focus {
    background: #d7282f;
}
input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: inline-grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #d7282f;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}


input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}
/*////////////////////////////////////////////////
RESPONSIVE
////////////////////////////////////////////////*/


@media only screen and (max-width: 1400px) {

}

@media screen and (min-width:980px) and (max-width:1120px){
.navbar-brand img {
    max-width: 240px;
}
}
@media screen and (max-width:859px){
	
}
@media screen and (max-width:767px){
    .home .franchiseImg {
        background-image: none !important;
        min-height:auto;
    }
    .featuredContent .container-fluid {
        background: #FFF;
    }

}
@media screen and (max-width:575px){
    .navbar-brand img {
        max-width: 110px;
    }    
/*
    .earn.bg-primary {
        background-color: #212529 !important;
    }
*/
    .signatureTitle.bg-dark {
        color:#d7282f;
        background-color: #FFF !important;
    }
    #allergy {
        background-color: #f5f5f5 !important;
    }
    img.allergyIcon {
        background: #FFF;
    }
    .locationSidebar {
        max-height: 575px;
    }
    .bg-light.franchise {
        background-color: #FFF !important;
    }    
    .bg-white.franchise {
        background-color: #F5F5F5 !important;
    }
    footer.bg-dark {
        background-color: #FFF !important;
    }
	footer .bg-primary {
        background-color: #212529!important
    }
    footer #connect {
        color:#58605a !important;
    }
    footer #connect h5 {
        color:#d7282f !important;
    }    
    footer .socials a[href*="facebook.com"]:before, 
    footer .socials a[href*="twitter.com"]:before, 
    footer .socials a[href*="linkedin.com"]:before, 
    footer .socials a[href*="instagram.com"]:before, 
    footer .socials a[href*="youtube.com"]:before {
        color: #212529;
    }
    footer .navbar-expand .navbar-nav {
        flex-direction: column;
        text-align: center;
    }
    footer .navbar-dark .navbar-nav .nav-link {
        text-transform: uppercase;
        border-bottom: 1px solid #FFF;
    }
}
@media screen and (max-width:479px){
    ul.columns {
        column-count: 1;
    }
}