/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-themecolor: #2e8ece;
	--cnvs-themecolor-rgb: 46, 142, 206;
}




/* ----------------------------------------------------------------
	Privacy Policy CSS
-----------------------------------------------------------------*/

#privacy-policy p, #privacy h4, #privacy h3 {margin:0 0 15px 0;}
#privacy-policy h5 {margin:-10px 0 15px 0;}
#privacy-policy p.indent {margin:-15px 0 30px 27px;}
#privacy-policy ul {list-style-position: outside;margin-left:30px;}
#privacy-policy a {word-wrap: break-word;}




 
:root {
  --cnvs-color-strava:	#e75929;
}

.h-bg-strava:hover {
  background-color: var(--cnvs-color-strava) !important;
}


.recipe-list li { list-style: none!important; }

/* Removes vertical right line in header for style-5 */
@media (min-width: 992px) {
	.style-5 .menu-container {
		border-right:0!important;
		padding-right:0!important;  /* needed for wide */
		margin-right:0!important;   /* needed for wide */
	}
}


@media (prefers-color-scheme: light) {
	.mfp-iframe-scaler iframe { background:white }
} 



/* 	Full screen for lightbox recipe/privacy (iframes) viewing */
.mfp-iframe-holder .mfp-content {
	height: 100%;
	width: 100%;
	}
	
/* hawaii landing image */	
	
/* 
h2.welcome
	{
	text-transform: uppercase!important;
	font-size:64px!important;
	}

@media (max-width: 375px), {
	h2.welcome {
		font-size:48px!important;
	}
}
 */


/* bird photos */

/* 
h2.welcome {
	text-transform: uppercase!important;
}	
	
@media (orientation: portrait) {
	h2.welcome {
		font-size:64px!important;
		margin-bottom:300px!important;
	}
}

@media (orientation: landscape) {
	h2.welcome {
		font-size:72px!important;
		margin-bottom:350px!important;
	}
}

@media (max-width: 375px) and (orientation: portrait), (max-width: 736px) and (orientation: landscape) {
	h2.welcome {
		font-size:48px!important;
		margin-bottom:200px!important;
	}
}
 */




	

@media (min-width: 1400px) {
	.page-title-parallax h1 {font-size:46px!important;}
}


.camera-details {text-align;center;margin:0 auto}

/* Restore v6 title and counter behavior, and then improves */
.mfp-title {width:100%;bottom:-41px;line-height:20px;padding:5px;background:none;border-radius:0;-webkit-backdrop-filter: none;backdrop-filter: none;white-space: nowrap;width:500px;}
.mfp-counter {bottom:-15px;background:none;text-align:left;right:0px;padding:5px;display:none;}
.mfp-img {padding: 15px 0 50px;}  /* slightly modified still, v6 behavior was 50px 0 50px; */
.mfp-figure::after {background:none;box-shadow: none;}
.mfp-container {overflow-y: hidden;overflow-x: hidden;}

.mfp-bg {   /* this is to possibly remove little glitch of not dark top or bottom when landscape on phone and zommed in, was also issue with v6 */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  min-height: 200%;
  height: auto;
  }
  
  
/* .mfp-bg {background:none;} */   /* used to debug v6 to v7 */



/* restore pre-v7 uppercase to various titles */
/* .menu-item div, */ h1, .fbox-content h3 {text-transform:uppercase;!important}





/* Font Awesome Overrides for Canvas (Lightbox and Video blocks) */

/* Extracted from: style.css */

.mfp-container:not(.mfp-s-error) .mfp-preloader::before {
  font-family: "Font Awesome 6 Pro";
  content: "\e1d4";
}

.mfp-arrow {
  font-family: "Font Awesome 6 Pro";
}

.mfp-arrow-right::before {
  content: "\f054";
  font-weight: 300;

}

.mfp-arrow-left::before {
  content: "\f053";
  font-weight: 300;
}

.bi-x-lg::before {
  font-family: "Font Awesome 6 Pro"!important;
  content: "\f00d"!important;
  font-style: normal;
  font-weight: 300;
  font-size:1.25em;
  line-height:.05em;
  vertical-align:-.075em;
}

/* Extracted from: font-icons.css */

.icon-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

[class*="fa-"] {
	display: inline-block;
	line-height: inherit;
	font-display: swap;
}

.icon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

.icon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.icon-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.icon-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.icon-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.icon-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.icon-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}
.icon-stacked {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.icon-stacked-1x,
.icon-stacked-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.rtl .icon-stacked-1x,
.rtl .icon-stacked-2x {
	left: auto;
	right: 0;
}
.icon-stacked-1x {
	line-height: inherit;
}
.icon-stacked-2x {
	font-size: 2em;
}
.icon-inverse {
	color: #ffffff;
}