/*

 Theme Name:     WP Bootstrap Starter Child Theme

 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/

 Description:    A child theme of WPBS Theme

 Author:         Afterimage Designs

 Author URI:     https://afterimagedesigns.com/

 Template:       wp-bootstrap-starter

 Version:        1.4

*/





/****************************************

*** Theme customization starts below ***

*****************************************/
body {
	font-size: 1.25rem !important;
	background-color: #54280E;
}

html {

  scroll-behavior: smooth;

}

h1.entry-title {
	font-size: 3rem;
}
hr {
	margin-top:3rem !important;
	margin-bottom:3rem !important;
}
.entry-content li {
	margin-bottom: .75rem;
}

.headerhero {

	position: relative;

	width:100%;

	background-image: url("images/hero.jpg");

	height:auto;

	text-align: center;

	background-size: cover;
	
	background-attachment: fixed;

}

.logohero {

	text-align: center;

    width:30%;

	margin-right: auto;

	margin-left: auto;

	margin-top:4rem;

	margin-bottom: 4rem;
	
    filter: drop-shadow(3px 5px 10px rgb(0 0 0 / 0.6));

}

div.navbar-brand > a:hover {
	color: #fff;
} 

@media (orientation: portrait) {
	
	.scroller-background {
	aspect-ratio: 16/9;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.headerhero {
	
	margin-top: -4rem;

	position: relative;

	width:100%;

	background-image: url("images/hero.jpg");

	text-align: left;

	background-size: cover;
	
	background-attachment:scroll;
	
	height: 90vh;
}
.logohero {
	position: absolute;
	
	top:50%;
	
	left:50%;
	
	transform: translate(-50%,-50%);

	text-align: left;

    width:90%;

	margin-right:0;

	margin-left:0;

	margin-top:0;

	margin-bottom: 0;
	
    filter: drop-shadow(3px 5px 10px rgb(0 0 0 / 0.6));

}

}

.fullwidthhack {

  width: 100vw;

  position: relative;

  left: 50%;

  right: 50%;

  margin-left: -50vw;

  margin-right: -50vw;

}

.spaceme {

	padding-bottom: 3.75rem;

    padding-top: 4.125rem;

}

.has-brand-background-color {

	background: #037F8B;

}

.has-brand-color {

	color:#2c4963;

}

.wp-block-gallery{

	margin-top:1em;

}

.has-darkgrey-color {

	color:#222;

}

.has-darkgrey-background-color {

	background:#222;

}
.has-orange-background-color {

	background:#C05010;
	
	background-size: cover;
	
	background-repeat: none;
	
	background-position: right;

}



#content.site-content {

	background-color:#fff;

		color:#222;



}

.form-control {

	border-color:#222 !important;

}

.mobilecallsticky {

    background:#00bc8c;

    width:100%;

    color:#fff;

    padding:2rem;

    text-align: center;

}

.mobilecallsticky:hover, .mobilecallsticky:focus  {

    color:#fff;

}

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

    footer {

        padding-bottom: 6rem;

    }

}
.btn-yellow {
	background-color: #FAA21B;
	color:#fff;
}
#btn-back-to-top {

  position: fixed;

  bottom: 80px;

  right: 20px;

  display: none;

}

.nav-link {

    color: #fff !important;

}
figure {
    margin: 0;
}
#content.site-content {
  padding:0px;
}
.padmetop {
	padding-top: 4.15rem !important;
}
.has-white-color h1, .has-white-color h2, .has-white-color h3, .has-white-color h4, .has-white-color h5 {
	color: #fff;
}

@media (orientation: landscape) {
.scroller-background {
	aspect-ratio: 16/4.5;
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
}
header#masthead {
    background-color: #3A74BA;
}
@media (max-width: 1199px) {
	a.dropdown-item{
    color: #fff !important;
}
}
@media only screen and (max-width: 575px){
footer.entry-footer {
    padding-bottom: 0rem;
}
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media (orientation:portrait) {
	.locationmap {
	aspect-ratio:2/1;
}
}


@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  html {
    font-size: 80%;
  }
		.scroller-background {
	aspect-ratio: 16/9;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
	#footer-widget > div > div > div {
		margin-bottom: 3rem;
	}
	#footer-widget > div > div > div {
		text-align:center;
	}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}
@media (max-width:1199.98px){
	.nav-item {
		text-align: center;
	}
	.menuitemwithphoto {
		gap:1rem;
	}
	a.nav-link.buttonize {
		margin-bottom: .2rem;
		width:100%;
	}
}



.buttonize {
	display:inline-block;
	color:#fff !important;
	margin-right:.5rem;
	border-style:solid;
	border-width: 1px;
	border-color: #fff;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 1.25rem;
}
.foodname {
    margin-bottom: 0em;
}
h1.has-background.menusectionhead, h2.has-background.menusectionhead, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 0.75rem 0.75rem;
	margin-bottom:2rem;
}
.foodmenu h3 {
	font-size: 1.75rem;
	font-style: italic;
	font-weight:normal;
}
.foodmenu h2 {
	font-size: 2.5rem;
	margin-bottom: 2rem;
	border-bottom: thin solid #464646;
}

.btn-donate {
    color: #111;
    background-color: #f2cd5e;
    border-color: #f2cd5e;
}
.logorightthing {
	background-image: url("images/logobackgroundright.svg");
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
}
.ccwfootertag {
    text-align: center;
    color: #fff;
    display: block;
    padding: 0;
    font-weight: 600;
}
.btn-donate, .btn-donate:hover {
    background-color: #f2cd5e;
    font-size: 2rem;
    color: #54280E;
    border-radius: 0px;
    padding: 1rem;
	font-weight: 600;
}
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #fff;
  background-color: #54280e;
}
#footer-widget h2 {
	color: #f2cd5e;
}
.has-brand-background-color a, .has-orange-background-color a {
	color:#fcb900;
}
.type-page {
	padding-bottom: 4rem;
}
.fillimage100 > img {
	min-width: 100%!important;
}
.btn-primary {
	background-color:#3A74BA;
	border-color:#3A74BA;
}
.btn-primary:hover {
	background-color:#265b99;
	border-color:#265b99;
}
.red {
	color: #C00003;
}
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,123,255,1);
}
a.btn-warning {
	color:#212529!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: rgba(0,0,0,.075);
}
.no-border > table > tbody > tr > td {
	border:none !important;
	padding:.1rem;
}
.animateme {
	opacity: 0%;
}
.alt_emailz { 
	width: 0px;
	height:0px;
	textindent: 100%; 
	whitespace: nowrap;
	overflow: hidden; }