@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sedgwick+Ave&family=Sedgwick+Ave+Display&display=swap');

body {
    font-family: "Open Sans", serif;
    overflow: hidden;
    overflow-y: scroll;
    font-size: 16px;
    color: #4a4a4a;
    background: #FFFFFF;
}

h1, h2, h3 {
    font-family: "Sedgwick Ave Display", serif;
    font-weight: 400;
    font-style: normal;
}

h4, h5, h6 {
    font-family: "Sedgwick Ave", serif;
    font-weight: 400;
    font-style: normal;
}

p {
    margin: 0 0 10px;
}

.main-body {
  margin-top: 50px; 
  margin-bottom: 50px; 
}

.topbar {
	color: #FFFFFF;
	background: #333;
	padding: 5px;
	border-bottom: solid 1px #FFFFFF;
}

.topbar a {
	color: #FFFFFF;
	opacity: 0.7;
	padding: 0 3px;
}

.topbar a:hover {
	opacity: 1.0;
}

.custom-card {
  border: solid 2px #FFFFFF;
  margin-bottom: 50px;
  border-radius: .25rem;
  color: #FFFFFF;
  background: #111111;
}

.custom-card-white {
  border: solid 2px #555555;
  margin-bottom: 50px;
  border-radius: .25rem;
  color: #000000;
  background: #FFFFFF;
}

.custom-card .card {
  background: #333333;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}

.custom-card .card-header {
  color: #0e0834;
  background: #CCCCCC;
}

.custom-card .table {
  background: #FFFFFF;
}

.tooltip {
	filter: drop-shadow(0 0 10px #FFFFFF);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::placeholder {
	color: #CCCCCC !important;
}

label {
	margin-bottom: 0;
}

.custom-card-pmt {
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.5);
	max-width: 625px;
	margin: 50px auto;
	border-radius: 1rem;
	color: #000000;
	background: #eaf1ff;
}
.custom-card-pmt .card-header {
	color: #FFFFFF;
	background: #194fb3;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

/*site colors*/

.bg-dkblue {
  background-image: -webkit-linear-gradient(#194fb3, #1a4189);
  background-image: -o-linear-gradient(#194fb3, #1a4189);
  background-image: linear-gradient(#194fb3, #1a4189);
}

.bg-gray {
    background-color: #D4CCCB !important;
}

.bg-dkgray {
  background-color: #0e0834 !important;
}

.bg-red {
  background-color: #891616 !important;
}

.custom-slider {
  margin-bottom: 50px;
}


.show-preview {
	display: block;
	border-radius: 10px;
	padding: 20px;
	text-decoration: none;
	background: #FFFFFF;
	margin-bottom: 30px;
	min-height: 625px;
	border: solid 1px #CCCCCC;
}

.show-preview:hover {
	box-shadow: 1px 1px 3px #666666;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
	text-decoration: none;
}

.show-preview-pic{
    width: 100%;
    height: 350px;
    border-radius: 10px;
	background: #CCCCCC;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 20px;
}

.show-preview-pic img {
	object-fit: cover;
}

.show-preview-description h3 {
	text-align: center;
}

.book-button {
    display: inline-block;
		margin: 0 auto;
    padding: 5px 20px;
		border-style: solid;
    border-width: 2px;
    border-color: #192371;
		border-radius: 40px;
    color: #192371;
    font-size: 16px;
    line-height: 1em;
    font-weight: 700;
		text-transform: uppercase;
}

.listing-header {
	width: 100%;
	height: auto;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    margin: 0;
}

a {
    outline: none !important;
    color: #7cbf1d;
}

h1,
h2,
h3 {
    margin: 10px 0;
    font-weight: bold;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

.font-cursive {
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.btn-default {
    background: #7cbf1d;
    color: #fff;
}

.btn {
    padding: 5px 15px;
    border: none;
    border-radius: 0;
    font-weight: inherit;
    text-transform: inherit;
}

.btn-transparent{
    border: 1px solid #7cbf1d;
    border-radius: 3px;
    text-decoration: none !important;
}


.btn-grey {
    background: #D4CCCB;
    color: #a0a0a0;
}

.btn-wide {
    width: 100%;
    margin: 5px auto;
    padding: 15px;
}

.btn:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.text-semibold {
    font-weight: 600 !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.mb-40 {
    margin-bottom: 40px;
}

/*==============================================
CALENDAR AND SEATING CHART CLASSES
===============================================*/
.sc-default {
  fill: #555555;
}

.sc-selected {
    fill: #990000 !important;
}

.sc-disabled {
  fill: #CCCCCC;
}

.sc-text {
  fill: #FFFFFF;
}

.sc-default:hover {
	fill: #194fb3;
	cursor: pointer;
}

.cal-div {    border: 10px solid #FFFFFF;
    box-shadow: 3px 3px 7px #888888;
	margin: 10px auto; 
	background: #eaeaea; 
	max-width: 300px;}
.cal-table {width: 100%; text-align: center;}
.cal-table tbody {
    color: #999999;
    background: #FFFFFF;
}
.cal-legend {margin: 20px 0;}
.cal-leginst {display: inline-block; padding: 4px 8px; margin: 0 10px 5px 0; font-weight:700; border-radius: 8px;}
.cal-inst {font-weight: 700; position: relative;}
.cal-inst a {color: #FFFFFF;}
.cal-inst a:hover {color: #FFFFCC;}
.cal-past {opacity: 0.6;}
.cal-text {fill: #FFFFFF;}
.cal-inst0 {background: #3F0757; color: #FFFFFF;} /*purple*/
.cal-inst1 {background: #faad58; color: #3f1b00;} /*orange*/
.cal-inst2 {background: #014e86; color: #FFFFFF;} /*dark blue*/
.cal-inst3 {background: #0C6940; color: #FFFFFF;} /*green*/
.cal-inst4 {background: #fec484; color: #512a00;} /*lt orange*/
.cal-inst5 {background: #2488c0; color: #002a41;} /*lt blue*/
.cal-inst6 {background: #990000; color: #FFFFFF;} /*red*/
.cal-inst7 {background: #ceac8f; color: #431f00;} /*beige*/
.cal-inst8 {background: #57c5de; color: #01404e;} /*teal*/
.cal-inst9 {background: #69610C; color: #FFFFFF;} /*deep gold*/
.cal-inst10 {background: #bb7ad7; color: #34014a;} /*lt purple*/
.cal-inst11 {background: #69390C; color: #FFFFFF;} /*brown*/
.cal-inst12 {background: #a1d290; color: #103a01;} /*lt green*/
.cal-inst13 {background: #690C0C; color: #FFFFFF;} /*maroon*/
.cal-inst14 {background: #333333; color: #FFFFFF;} /*dk gray*/
.cal-inst15 {background: #e1be97; color: #492302;} /*ls brown*/
.cal-inst16 {background: #fcfda1; color: #424301;} /*lt yellow*/
.cal-inst17 {background: #999999; color: #333333;} /*lt gray*/
.cal-clear {border: 1px solid #CCCCCC; } /*lt gray border*/
.christmas-date {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid #990000;
  overflow: hidden;
}
.gospel-date {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid #66cc00;
  overflow: hidden;
}

.faux-box{
  display: inline-block;
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 1.0;
  padding: 3px;
  text-align: center;
  color: #999999;
  border: solid 1px #999999;
}

/* ============================
Social
=========================== */

.social-ribbon {
  height: 30px;
  width: 100%;
  background: #c10331 !important;
}

.social-list {
    position: relative;
    padding: 0;
    text-align: center;
}

.social-list li {
    display: inline-block;
    list-style: none;
}

.social-list li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: #fff;
    text-decoration: none !important;
    background: #72b316;
}

.social-list.style2 li {
    margin-left: 2px;
    margin-right: 2px;
}

.social-list.style2 li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    font-size: 150%;
    background: #555555;
    border: solid 2px #FFFFFF;
}

.social-list.style2 li a:hover {
    background: #c10331;
}

.circular.social-list li a {
    border-radius: 50%;
}

.social-list li a.fb-bg {
    background: #4d6dbc;
}

.social-list li a.tweet-bg {
    background: #8ae1db;
}

.social-list li a:hover {
    color: #fff;
}

/* ============================
 8-Navigation
=========================== */

.nav-item{
  margin: 0 5px;
  position: relative;
}

.navbar-nav .dropdown-menu a {
  font-size: 14px;
  display: block;
  padding: 3px 10px;
  text-decoration: none;
}

.navbar-nav .dropdown-menu a:hover {
  background: #eaeaea;
}

.navbar-brand img {
  max-width: 175px;
  height: auto;
}


/*=============================================
11-custome-select
=============================================*/

.custome-select {
    width: 100%;
    position: relative;
    height: 38px;
    line-height: 38px;
    text-align: left;
    display: inline-block;
    cursor: pointer;
}

.custome-select span {
    width: 100%;
    height: 30px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 15px;
    margin-top: 1px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 34px;
}

.custome-select b {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
}

.custome-select select {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    color: #000;
    font-size: 14px;
    top: 0;
    height: 38px;
}

/*=========================
12-Multi Search
============================*/

.multiSearchWrapper-inner {
    background: #f4f5f5;
    padding: 4px;
    position: relative;
}

.multiSearchWrapper {
    color: #a0a0a0;
    margin-top: 5px;
    max-width: 85%;
}

.multiSearchWrapper .custome-select {
    min-width: 120px;
    width: 28%;
    border-right: 1px solid #a0a0a0;
}

.multiSearchWrapper-inner input {
    width: 70%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    background: #f4f5f5;
}
.multiSearchWrapper-inner input:focus{
    border: none;
}

.multiSearchWrapper button {
    height: 46px;
    width: 12.5%;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 18px;
}

/*===============================
13-Search filters
==============================*/

.search-filters {
    border-top: 1px solid #b2b2b2;
}

.searched-for:before {
    content: attr(data-before);
    color: #c5c8c9;
    margin-right: 10px;
}

.searched-for {
    padding: 15px 0;
}

.s-keyword {
    color: #7cbf1d;
}

.search-actions ul + ul {
    border-left: 1px solid #b2b2b2;
}

.search-actions > ul {
    padding: 15px;
    display: inline-block;
}

.search-actions ul li {
    display: inline-block;
    list-style: none;
    margin-left: 5px;
    margin-right: 5px;
}

.search-actions ul li a {
    color: #c5c8c9;
}

.search-actions ul li.active a,
.search-actions ul li a:focus,
.search-actions ul li a:hover {
    color: #7cbf1d;
    text-decoration: underline;
}

/*===============================
14-Albums
===============================*/

.album-unit {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 2px;
    margin: 10px auto;
    color: #fff;
    float: left;
}
.album-unit:hover{
    color: #fff;
}
.album-unit:after{
    position: absolute;
}

.album-unit figure {
    position: relative;
    overflow: hidden;
}

.album-unit figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #7cbf1d;
    visibility: hidden;
    opacity: 0.93;
}

.album-unit figure:hover:after {
    visibility: visible;
}

.album-unit figure > figcaption {
    visibility: hidden;
    padding: 20px 35px 20px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
}

.album-unit figure > figcaption h3 {
    margin: 0;
    color: #fff;
}

.album-unit figure:hover figcaption {
    visibility: visible;
}


.slideshow-overlay {
    padding-top: 10px;
    text-align: left;
    color: #FFFFFF;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.slideshow-overlay a.btn {
    margin-left: 10px;
    font-size: 14px;
    padding: 10px 20px;
}

.slideshow-overlay a.btn i {
    margin-right: 10px;
    display: inline-block;
}

.slideshow-headline {
  padding: 50px;
  color: #FFFFFF;
  font-size: 48px;
  line-height: 60px;
  text-shadow: 4px 4px 8px #515151;
}

.slideshow-best {
  font-size: 62px;
  line-height: 60px;
}

.slideshow-desc {
  display: inline-block;
  font-size: 22px;
  margin: 5px 0;
  font-weight: bold;
}

/* ============================
21-Article
=========================== */

article {
    border: 1px solid #e7eaeb;
    border-radius: 3px;
    padding: 16px;
    margin-top: 35px;
    margin-bottom: 35px;
    letter-spacing: 1px;
}

article .about-article {
    position: relative;
    padding: 20px 70px;
}

article .about-article .social-list {
    position: absolute;
    right: 0;
    top: 12px;
    margin: 0;
}

article a {
    text-decoration: underline;
}

article a.btn {
    margin-top: 20px;
}

article figure {
    text-align: center;
    max-height: 255px;
    overflow: hidden;
    border-radius: 3px;
}

article h3 {
    margin: 0 auto;
}

article h3 a{
    color: #222;
    text-decoration: none;
}
article h3 a:hover{
    color: #9ad940;
    text-decoration: none;
}

article h3 {
    font-size: 16px;
}

article .about-article > span {
    color: #ababab;
}

/*=================================
28-Footer
==================================*/

footer {
  position: relative;
  margin-top: 40px;
  padding: 50px 0;
  color: #FFFFFF;
  background-color: #333;
  font-size: 12px;
  letter-spacing: 1px;
}

footer a {
  color: #FFFFCC;
  text-decoration: none;
}

footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

footer .social-list {
    margin-bottom: 30px;
}

.footer-links {
  font-size: 14px;
}

.footer-logo {
  max-width: 200px;
  height: auto;
}

.footer-bstd {
  max-width: 220px;
  height: auto;
  margin-top: 20px;
}

.footer-left {
  text-align: left;
}

.footer-right {
  text-align: right;
}

/* ============================
32-Responsive
=========================== */
/* Large desktop */

@media (max-width: 1199px) {
    article .about-article {
        text-align: left !important;
        padding-left: 0px;
        padding-right: 80px;
        padding-top: 10px;
    }
}
@media (max-width: 992px) {

    article {
        margin-top: 15px;
        margin-bottom: 15px;
    }

}

/*EXTRA-SMALL VIEWS ONLY*/
@media (max-width: 576px) {
  .sm-hide {
    display: none;
    }

    .slideshow-headline {
      padding: 40px;
      color: #FFFFFF;
      font-size: 36px;
      line-height: 40px;
      text-shadow: 4px 4px 8px #515151;
    }

    .slideshow-best {
      font-size: 42px;
      line-height: 40px;
    }

    .slideshow-overlay a.btn i {
      margin-right: 0;
    }
	
	.show-preview {
		min-height: 400px;
	}
	
	.show-preview-pic {
		height: 200px;
	}

}

/*SMALL VIEWS ONLY*/
@media (max-width: 767px) {
    .multiSearchWrapper{
        display: none;
    }
    body {
        font-size: 13px;
    }
    .search-actions ul + ul {
        border: none;
    }
    .search-filters{
        display: none;
    }

    .footer-left {
      text-align: center;
    }

    .footer-right {
      text-align: center;
    }
}