﻿@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,300;0,400;0,700;0,900;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

/*
font-family: 'Alegreya Sans', sans-serif;
font-family: 'EB Garamond', serif;

*/
:root {
  --dkGray: #272E38;
  --ltGreen:#E9EDEB;
  --dkGreen:#1B6142;
  --medGreen:#9BAFA5;
  --olive:#9BAFA5; 

}

h1,h2,h3,h4,h5,h6 {
	font-family: 'EB Garamond', serif;	
}
p, ul, ol, li, input, label, textarea {
	font-family: 'Alegreya Sans', sans-serif;	
}
html {
	/*scroll-behavior:smooth;*/
}
.ltGray {
	background-color:#E5E3DF!important;
}
.menuBar {
	background-color:var(--dkGray);
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}
.footerBar {
	background-color:var(--medGreen);
	min-height:300px;
	padding:20px 0;
}
.headBar {
	background-color:#DEE4E1;
	background-image:url('../images/ben-puzzle.jpg');
	min-height:450px;
	background-size:cover;
	background-position:right center;
}
.subscribeBar {
	background-color:var(--dkGreen);
	min-height:120px;
}
.contentBarWhite {
	background-color: #ffffff;
}
.contentBarGreen {
	background-color:var(--dkGreen);
	background-color:var(--olive);
}

#rc_logo {
/* left: 30px;
 padding: 22px; */
 position: absolute;
 /* color: #fff;
 font-size: 19px;
 font-family: Poppins;
 text-decoration: none; */
}

#rc_logo a { 
color: inherit; 
text-decoration: none;
} 

.rc_nav {
  overflow: hidden;
  background-color: var(--dkGray);
  text-align: center;
  z-index: 6;
}

.rc_nav a {
 display: inline-block;
 margin-right: -4px;  /* inline-block gap fix */
 color: #fff;
 padding: 1.5em 1em;
 text-decoration: none;
	font-family: 'Alegreya Sans', sans-serif;
 font-size: 1.2em;
 text-transform:uppercase;
 -webkit-transition: background 0.3s linear;
 -moz-transition: background 0.3s linear;
 -ms-transition: background 0.3s linear;
 -o-transition: background 0.3s linear;
 transition: background 0.3s linear;
 z-index: 9;
}

.rc_nav a:hover {
  background-color: var(--dkGreen);
  color: #ffffff;
}

.rc_nav .icon {
  display: none;
}

.rc_content {
  text-align: center; 
  padding-left:14px; 
  font-family: Poppins; 
  margin-top: 100px;  
  color: #8e909b;
}


.grid {
	max-width:1200px;
	margin: 0 auto;
}
.headIcon {
	font-size:2.2em;;
	color:#ffffff;
	padding-top:.5em;
	margin-left:20px;
}
.logo {
	width:90%;
	display:block;
	margin:0 auto;
}
.introBox {
	background-color:#ffffff;
	padding:20px;
	margin:50px 30px 30px 0px;
}
.introHead {
	color: var(--dkGreen);
	text-align:center;
	margin:20px;
}
.intro {
	color: var(--dkGreen);	
	font-family: 'Alegreya Sans', sans-serif;	
	font-size:1.1em;
}
.subInput {
	width: 100%;
	margin:2em;
	background-color:#ffffff;
	border: 1px var(--ltGray) solid;
	font-size:1.25em;
	padding:.25em .5em;
}
.btnSubscribe {
	width: calc( 100% - 4em );
	margin:2em;
	background-color:var(--dkGray)!important;
	font-family: 'Alegreya Sans', sans-serif;
	color: var(--dkGreen);
	border:none!iportant;
	font-size:1.25em;	
}

.twoColumn {
    column-count: 2;
    column-gap: 20px;
}
.twoColumn p {
	font-family: 'Alegreya Sans', sans-serif;
	font-size:1.1em;
	color:var(--dkGray);
}
.contentTitle {
	font-family: 'EB Garamond', serif;
	color: var(--dkGreen);
	font-size:2em;
	font-weight:700;
	margin-top:20px;
}
.contentTitleY {
	font-family: 'EB Garamond', serif;
	color: var(--dkGreen);
	font-size:2em;
	font-weight:700;
	margin-top:40px;
	margin-bottom:0;
	text-align:center;
}
.subTitle {
	font-family: 'Alegreya Sans', sans-serif;
	color: #ffffff;
	font-size:2em;
	font-weight:700;
	margin-top:20px;
	margin-bottom:0;
	display:block;
}
.subTitle span {
	font-size:.5em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-left:10px;
	padding-bottom:10px;
}
.subSubTitle {
	font-family: 'Alegreya Sans', sans-serif;
	color: #ffffff;
	font-size:1.25em;
	display:block;
	line-height:normal;
	margin-bottom:20px;
	margin-top:-15px;
}
.contentList i {
	font-size:1.8em;
	vertical-align:middle;

	margin:10px 20px;
	color:var(--dkGreen);
}
.contentList {
	font-family: 'Alegreya Sans', sans-serif;
	font-size:1.1em;
	color:var(--dkGray);
	
}
.contentList strong {
	font-weight:bolder;
	color:var(--dkGreen);
}


.subBtn {
	background-color:#ffffff!important;
	color:var(--dkGreen)!important;
	height:auto;
	padding:5px 20px;
	line-height:normal;
	font-size:1.2em;
	font-weight:bold;
	color:#282E38!important;	
}
.subBtn:hover {
	background-color:#282E38!important;
	color:#ffffff!important;

}

.contentH4 {
	font-family: 'EB Garamond', serif;
	color: var(--dkGreen);
	font-size:1.3em;
	font-weight:700;
	margin-top:20px;
	text-align:center;
}
.contentH4 i  {
	 font-size:1.25em;
	 padding: 7px;
	 border: 1px var(--dkGreen) solid;
	 border-radius:3px;
	 margin:5px;
	 background-color:#ffffff;
}
.content {
	font-family: 'Alegreya Sans', sans-serif;
	font-size:1.1em;
	color:var(--dkGray);
	
}
.content strong,
p strong {
	font-weight:bolder;
	color:var(--dkGreen);
}
.portBox {
	background-color:var(--ltGreen);
	padding:15px;
	border-radius:7px;
	border:1px var(--medGreen) solid;
	height:100%;

}
.rowFlex {
	flex:1;
	min-width:50%;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;

}
.colPort {
	
	padding:20px;
	flex: 25%;
	
}

.editors {
	width:100%;
	
}
.samplePic {
	max-width:250px;
	margin-left:20px;
	margin-bottom:20px;
	display:block;
	margin:20px auto;
}
.footCo {
	font-family: 'EB Garamond', serif;
	color:#ffffff;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;

}
.footPH {
	font-family: 'EB Garamond', serif;
	color:#ffffff;
	font-size:1.5em;
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;	
}

.footAdr {
	font-family: 'Alegreya Sans', sans-serif;
	color:#ffffff;
	font-size:1.2em;		
}	
.footEM {
	font-family: 'Alegreya Sans', sans-serif;
	color:#ffffff;
	text-align:right;
	font-size:1.2em;	
	margin-bottom:20px;		
}	
.footEM a,
.footFB a {
	color:#ffffff;
}
.footEM a:hover,
.footFB a:hover {
	color:var(--dkGreen);
}



.footFB {
	font-size:2em;
	color:#ffffff;
	text-align:right;
}
.sbs {
	font-family: 'Alegreya Sans', sans-serif;
	color:#E7F3EF;
	text-align:center;
	font-size:.85em;	
	margin:100px 0 10px 0;			
}
.sbs a {
	color:#E7F3EF;
}
.hide {
	display:none;
}

.quote{
  text-align: center;
  margin: auto;
  padding: 35px;
  border: 2px solid #E9EDEB;
  max-width: 70%;
  position: relative;
  margin-top: 50px;
}
.quote:nth-child(odd) { margin-right:0; margin-bottom:80px; }
.quote:nth-child(even) { margin-left:0; margin-bottom:80px;}

blockquote{
	font-size:1.75em;
  color: white;
  /*text-shadow: -1px 1px #555;*/
	font-family: 'EB Garamond', serif;
	font-weight:lighter;
  position: relative;
  z-index: 20;
}
.left{
  position: absolute;
  top: -50px;
  left: -20px;
  width: 150px;
  text-align: left;
  z-index: 10;
  font-size: 4rem;
  color: var(--dkGreen);
	background-color:var(--olive);
  line-height: 200px;
}
.right{
  position: absolute;
  bottom: -50px;
  right: -20px;
  width: 150px;
  text-align: right;
  z-index: 10;
  font-size: 4rem;
  color: var(--dkGreen);
	background-color:var(--olive);
  line-height: 200px;
}
small{
	font-family: 'Alegreya Sans', sans-serif;
  font-size: 1em;
  color: #FFFFFF;
  position: relative;
  z-index: 20;
  top:20px;
  
  &:before{
    content: "\2014 \0020";
    width: 5px;

  }
}
.headshot {
	border: 1px solid var(--dkGreen);
	border-radius:5px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
.space-top { padding-top:30px; }
.space-bot { padding-bottom:30px; }
.btnGreen { background-color:var(--dkGreen)!important; color:#ffffff!important; }
.btnGreen:hover { background-color:var(--dkGray)!important; }
.iv-label {
	color:var(--dkGreen);
	font-weight:bold;
	font-size:1.1em;
	margin-left:20px;
}
.menuPlace {
	min-height:	78px;
}
#privacy {display:none; }
.imgCaption {
	 text-align:center;
}