/*FONT IMPORT*/
/*@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer&display=swap');*/

/*provides anti-aliasing for fonts*/
* {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: 'IM Fell Great Primer', serif;
}

header {
  margin-bottom: 120px;
}

/* Reserve a 3:1 box for desktop viewports */
@media (min-width: 992px) {
  .hero-aspect {
    aspect-ratio: 3 / 1;
  }
}

.carousel-item img {
  width: 100%;
}

.carousel-caption {
  position: absolute;
  /* right: 15%; */
  bottom: 0px;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
}

.carousel-caption a {
  color:white;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'IM Fell Great Primer', serif;
}

.carousel-fade .carousel-item {
  transition: opacity .15s ease-in-out;
}

.top-bar {
     padding: 0 20px 0;
     background-color: #ffffff;
     color: #A0A59E;
     position: relative;
     height:180px;
     background-image: url('../images/2022-new-look/victorian-maroon-background.webp');
     border-bottom: 4px solid #000000;
}

.top-bar .nav {
     position:absolute;
     top:20px;
     right:0;
     z-index: 2;
}

.top-bar .nav-item {
     font-size: .8em;
     font-weight: 800;
     text-align: center;
}

.top-bar .nav-link {
     display: inline-block;
     color: #e6e6e6;
     padding: .5rem .75rem;
     font-size: 16px;
}

.top-bar .nav-link img{
     display:block;
     margin:0 auto 7px;
}

.top-bar .logo {
     background-image: url(../images/fct-logo-web.svg);
     background-size: 150px 86px;
     display: block;
     width: 150px;
     height: 86px;
     margin: 0 auto 10px;
     display:none;
}

.top-bar .brand{
     display:none;
}

.top-bar .tagline {
     display:none !important;
}

.top-bar .logo span {
     margin-left: -9999px;
}

.navbar {
     height:200px;
     margin-top: -100px;
     margin-bottom: -100px;
     z-index: 1;
     background-image: url('../images/2022-new-look/mobile-logo.webp');
     background-position: center;
     background-repeat: no-repeat;
     text-transform: uppercase;
     letter-spacing: .08em;
     justify-content: center;
     padding:0;
}

.navbar .home {
    content:"";
    display:block;
    position: absolute;
    width:235px;
    height:175px; 
    top:10px;
    left:0;
    right:0;
    margin: 0 auto;
    cursor: pointer;
}

.navbar .nav-link {
     color: #e6e6e6;
     font-size: 14px;
     margin: 0;
     background-color: #19191a;
     padding:9px;
}

.navbar-collapse {
     justify-content: center;
}

.navbar .navbar-toggler {
     position:absolute;
     top:-50px;
     left:20px;
}

.navbar .navbar-toggler:before {
     content: "";
     display: block;
     width:36px;
     height:32px;
     margin:0 auto 5px;
     background-image: url('../images/2022-new-look/hamburger.png');
}

.navbar .navbar-toggler-icon {
     color: #fff;
     width: auto;
     height: 1.1em;
     text-transform: uppercase;
     font-size: 14px;
}

.navbar-nav {
     margin-top:12px;
}

.dropdown-menu {
     margin:0;
     border-radius: 0;
}

.dropdown-menu .dropdown-item {
     font-size: 14px;
     margin: 0;
     padding:10px;
}

.container {
     max-width: 90%;
}

.pre-nav ul li {
     font-size: 1.0rem;
}

header .top-bar ul li ion-icon {
     vertical-align: middle;
}

ul.nav a:hover {
     color: #c1c1c1 !important;
}

.large {
     position: absolute;
     top: -99999px;
}

.small {
     position: relative;
     top: 0;
}

table td,
table th, 
.table td,
.table th {
     font-family: Arial, Helvetica, sans-serif;
}

p{
     font-size: 1.2em;
}

.container.static-page:before,
.container.main-content:before {
     content:"";
     display:block;
     background-image: url('../images/2022-new-look/ornament.png');
     width:190px;
     height:20px;
     margin:20px auto 40px;
}

.container.static-page {
     width: 100%;
     margin-top: 30px;
}

.container.static-page .h1,
.container.static-page h1 {
     font-size: 47px;
     padding-bottom: 20px;
     margin-bottom: 20px;
     color: #8c3320;
     border-bottom: 1px solid #b3b3b3 ;
}

.container.static-page .h2,
.container.static-page h2 {
     font-size: 1.5rem;
     margin-bottom: 15px;
     color: #666;
}

.container.static-page a {
  color: #0645AD;
  text-decoration: underline;
}

.container.static-page a:visited {
  color: #5a3696;
}

.container.static-page a:hover,
.container.static-page a:focus {
  color: #0b0080;
  text-decoration: underline;
}

.container.static-page a:active {
  color: #ff3300;
}

.store-hours {
     background-color: #545e66;
     color: white;
     margin: 15px;
     padding: 20px 40px;
}

.store-hours li {
     line-height: 30px;
     border-bottom: 1px solid #999;
}

.store-hours li,
.store-hours p,
.store-hours span,
.store-hours em
{
     font-family: sans-serif !important;
}

.store-hours li:last-child {
     border-bottom: none;
}

.container.static-page .hours .today {
    font-weight: 600 !important;
    background-color: #fdfdeb; }

.heading-wrapper h2 {
     font-size: 47px;
     padding-bottom: 20px;
     margin-bottom: 20px;
     color: #8c3320;
     border-bottom: 1px solid #b3b3b3 ;
}

.card-body .btn {
     background-color: #003f37;
     font-family: sans-serif;
     color: white;
     padding: 0.5rem 1rem;
}

.card-body .btn:hover {
     background-color: #08574d;
}
.card-title {
     font-size: 32px;
     color: #8c3320;
}

.card-img-top {
  aspect-ratio: 1 / 1;
}

.container.static-page .map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-bottom: 20px;
}

.container.static-page .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.container.static-page .shortdesc {
  font-size: 125%;
  color: #65674f;
  padding-bottom: 20px;
  border-bottom: 1px solid #b3b3b3 ;
}

.container.static-page .img-fluid {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); 
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  margin-bottom: 30px;
}

.container.static-page .call-box {
  background-color: #f4f1ec;
  padding: 1.25rem 1.5rem .75rem 1.5rem;
  margin-top: 2rem;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  color: #545e66;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container.static-page .cta-wrapper {
  display: flex;
  flex-direction:row;
}

.container.static-page .call-box img {
  width:75px;
  height:75px;
  margin: 10px;
}

.container.static-page .call-box ul {
  margin-top: 1rem;
}

.container.static-page .call-box .cta-heading {
  margin-top: 0;
  font-size: 1.125rem;
  color: #8c3320;
  font-weight: normal;
  align-self: flex-start;
}

footer {
  border-top: 1px solid #dedede;
  width: 100%;
  background-color: #545e66;
  margin: 40px 0 0;
  padding: 30px 0 0;
  color:#ffffff;
  text-align: center;
}

footer p {
  font-size: 16px;
  display:block;
}

footer .bullet {
  display:block;
}

footer img {
  max-width: 256px;
}

footer .copyright {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000;
  color: #fff;
  margin: 30px 0 0;
  padding: .75rem;
  font-size: .8rem;
}

footer .nav-link {
  color: #555;
  padding: 0 1rem .5rem;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

     .card-deck {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
     }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

     .large {
          position: relative;
          top: 0;
     }

     .small {
          position: absolute;
          top: -99999px;
     }

     .card-deck {
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          margin-right: -15px;
          margin-left: -15px;
     }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {     

header {
     margin-bottom: 0;
}

     .top-bar{
          padding: 30px 20px 0;
     }

     .top-bar .nav {
          justify-content: flex-end;
          margin-bottom: 10px;
          top:45px;
     }

     .top-bar .nav-link {
          padding: .5rem 1rem;
     }

     .top-bar .nav-item {
          font-size: 1em;
          font-weight: 600;
     }

     .top-bar .logo {
          background-size: 209px 121px;
          width: 209px;
          height: 121px;
          display:none;
     }
     
     .top-bar .tagline {
          color: #e6e6e6;
          font-size: 21px;
          display:block !important;
     }

     .navbar {
          background-image: url('../images/2022-new-look/desktop-nav-and-logo.png');
          justify-content: left;
     } 

     .navbar .nav-item:nth-child(2)   {
          margin-right:250px;
     }

     .navbar-nav {
          margin-top:0;
     }

     .store-hours {
          margin: 0;
          padding: 20px;
     }

     .container.static-page {
          width:75%;
          margin-top: 120px;
          
     max-width: 1200px;
     }

footer .bullet {
     display:inline-block;
     width:20px;
     height:5px;
}

footer .bullet:before {
     content: "";
     background-image: url('../images/2022-new-look/bullet.png');
     background-repeat: no-repeat;
     background-position: center;
     display:block;
     width:20px;
     height:5px;

}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}