/*



 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: #334a74;

}



html {



  scroll-behavior: smooth;



}



h1.entry-title {

	font-size: 3rem;

}

hr {

	margin-top:3rem !important;

	margin-bottom:3rem !important;

}

.entry-content li, .content-area li {

	margin-bottom: .5rem;

}



.headerhero {



	position: relative;



	width:100%;



	background-color:#fff;



	height:auto;



	text-align: center;



	background-size: cover;

	

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



}



.logohero {



	text-align: center;



    width:30%;



	margin-right: auto;



	margin-left: auto;



	margin-top:4rem;



	margin-bottom: 4rem;



}

.maincontent {
	background: #fff;
}


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-color:#fff;



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


	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;




}



}



.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: #70a27d;



}



.has-brand-color {



	color:#70a27d;



}



.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;



}

.has-blue-background-color {



	background:#eef7ff;

	

	background-size: cover;

	

	background-repeat: none;

	

	background-position: right;



}


.has-salmon-background-color {



	background:#fff4f3;

	

	background-size: cover;

	

	background-repeat: none;

	

	background-position: right;



}


.has-green-background-color {



	background:#edf7ef;

	

	background-size: cover;

	

	background-repeat: none;

	

	background-position: right;



}



.has-bronze-background-color {



	background:#fffaf0;

	

	background-size: cover;

	

	background-repeat: none;

	

	background-position: right;



}







#content.site-content {



	background-color:#fffbef;



		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: #70a27d;

}

@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();

	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: #334a74;

}

#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; }

givebutter-iframe {

	margin-left: auto;

	margin-right:auto;

}

.schedule td, .schedule th{

	padding:.75rem;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight:200;
}