/*
Theme Name: psgourmetcoffee
Theme URI: psgourmetcoffee.com
Description: A responsive theme built on Bootstrap 5.
Author: Mandile Web Design
Body Classes: header-0 desktop-menu-dropdown-style-2 mobile-nav-option-2 search-type-1 mobile-nav-parent-toggle-style-1 newsletter-style-3 desktop-search-button-0 mobile-search-button-0 desktop-nav-child-indicator-3 desktop-menu-hover-style-0 xendbodyclassesx is-desktop
Version: 20250201
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

@import url('css/vars.css');
@import url('css/doc.css');
@import url('css/animations.css');
@import url('css/elements.css');
@import url('css/header.css');
@import url('css/footer.css');
@import url('css/blog.css');
@import url('css/cpt.css');
@import url('css/swiperjs/swiper-bundle.min.css');

/* Widgets */
@import url('css/widget-accordion.css');
@import url('css/widget-anchored-headlines.css');
@import url('css/widget-facts-labels.css');
@import url('css/widget-gallery.css');
@import url('css/widget-page-thumbs-menu.css');
@import url('css/widget-recent-posts.css');
@import url('css/widget-social.css');
@import url('css/widget-video.css');

/* ***** ADD ALL CUSTOM STYLES BELOW THIS LINE *****  */

.font-delafield {
  font-family: "Mrs Saint Delafield", cursive;
  font-weight: 400;
  font-style: normal;
}
.font-bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


#top-bar ul {display: flex; align-items: center;}
#top-bar ul li {margin: 0 0 0 20px; padding: 0 0 0 20px;}
#top-bar ul li:first-child {padding: 0; margin: 0;}
.top-bar ul li a {text-decoration: none;}
.top-bar-right ul li a span {display: block; text-align: center;}
.top-bar-right ul li a span:first-child {font-weight: bold; text-transform: uppercase;}
.top-bar-right ul li + li {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #fadd50;
}

.btn.btn-primary i {color: #4c1e10;}
@media only screen and (max-width: 1199px) {
  .top-bar-right ul li a {font-size: 13px;}
  #top-bar ul li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
  #top-bar ul li:first-child {padding: 0; margin: 0;}
}
#footer-top {
  background: var(--bgcolor_footer_top) url(images/footer-top.png) no-repeat center top / cover;
}
.cxis-social-widget-menu.rotating-circles ul li a {border-color: #fff; background-color: #fff; color: #5e2412;}
.cxis-social-widget-menu.rotating-circles ul li a:hover {border-color: #5e2412; background-color: #5e2412; color: #fff;}
ul.contact-methods li a i, ul.contact-methods li a img {
  color: var(--headline_footer_top);
}
.cxis-social-widget-menu.rotating-circles ul li a i {font-size: 16px;}
.cxis-social-widget-menu.rotating-circles ul li a {width: 30px; height: 30px;}
#footer-top h4 {color: #fff; font-weight: normal; text-transform: uppercase;}

.fancy .anchoredheadlines-intro {
  font-family: "Mrs Saint Delafield", cursive;
  font-size: 60px;
  color: #173118;
}

.home-points .gb-content-title {
  font-size: 20px;
  font-weight: bold;
  color: #fbfbfb;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .header-links .menu > ul > li.cta > a {
    color: #fff;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid transparent;
    background: #173118;
  }
  .header-links .menu > ul > li.cta-outline > a {
    padding: 8px 20px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid #173118;
  }
  h1 {font-size: 58px;}
  .fancy .anchoredheadlines-intro {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .location-card {max-width: 278px; margin: 0 auto;}
}
@media only screen and (max-width: 575px) {
  .top-bar {
    margin: 0 !important;
  }
}

.faux-50 {max-width: 618px;}

.coffee-menu .anchoredheadlines-intro {color: #fff;}
.coffee-menu .anchoredheadlines-headline {color: #fdaf06; font-weight: 600;}

.floating-label input.form-control {border-color: #aaa !important;}