/*
Theme Name: Jewish Council for the Aging 
Description: Helping All Seniors Thrive
Version: 1.0
Author: Digital Ink
Author uri: https://www.dgtlnk.com
*/

@import url("css/bootstrap.min.css");
@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Open+Sans:wght@400;700&display=swap');

html {
	height: 100%;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	background-color: #ffffff;
  	font-family: 'Open Sans', sans-serif;
	height: 100%;
	color: #545454;
	margin: 0 auto !important;
}

a {
	color: #008756;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 9px;
}

a:hover, a:focus {
	color: #008756;
	text-decoration: none;
}

p {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: 'Merriweather', serif;
	line-height: 1.2;
	color: #008756;
	margin-bottom: 1rem;
}

h1 {
	font-size: 48px;
	color: #00788a;
	font-weight: 400;	
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 21px;
}

h5 {
	font-size: 16px;
}

ol, ul {
	padding-left: 20px;
	margin-bottom: 18px;
}

ol, ul, li {
	font-size: 18px;
	line-height: 1.75;
}

.section li {
	margin-bottom: 18px;
}

.section ul li::marker {
  	color: #FCB53B;
}

/*Selection Styles*/

::selection {
  background: #002d72; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #002d72; /* Gecko Browsers */
  color: white;
}

input::selection, ::-moz-selection {
	background: #ffffff;
	color: #000000;
}

::placeholder {
  color: #000000 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000 !important;
   opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000 !important;
   opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000 !important;
   opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000 !important;
   opacity: 1;
}

/*Alignments*/

.center, .right, .left {
	text-align: center;
}

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

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

/*Background Colors*/

.tan {
	background-color: #F9B53B;
}

.teal {
	background-color: #00788a;
}

.teal h2, .teal h3, .teal h4, .teal h5, .teal p, .teal a, .teal li {
	color: #ffffff;
}

.teal a:hover, .teal a:focus {
	color: #FCB53B;
}

/*Bootstrap Hacks*/

.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent;
}

.screen-reader-text {
	display: none;
}

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

.pb-45 {
	padding-bottom: 2rem !important;
}

.pt-45 {
	padding-top: 2rem !important;
}

.mb-45 {
	margin-bottom: 2rem !important;
}

.mt-45 {
	margin-top: 2rem !important;
}

hr {
	border-top: 1px solid #fcb53b;
}

.btn, .btn:visited, .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
	display: block;
    background-color: #00788a;
    border: 1px solid #ffffff;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: .06rem;
    white-space: normal;
    padding: .5rem 1.25rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    vertical-align: top;
}

.btn:hover, .btn:focus, .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover, .gform_wrapper.gravity-theme .gform_footer input[type=submit]:focus {
	background-color: #FCB53B;
    border: 1px dotted #FCB53B !important;
    color: #00788a;
}

.tan .btn:hover, .tan .btn:focus {
	background-color: #ffffff;
    border: 1px dotted #ffffff !important;
}

a.btn:not([href]):not([tabindex]) {
	color: white;
}

.btn svg {
    margin-right: 1rem;
}

blockquote {
	margin: 4rem;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

blockquote p {
	font-size: 20px;
	font-weight: bold;
    font-family: 'Merriweather', serif;
    color: #008756;
    margin-bottom: 1rem;
}

blockquote:before {
	content: "\201C";
    color: rgba(252,181,59, 1);
    font-size: 5rem;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    top: -2rem;
    left: -3rem;
}

blockquote:after {
	content: "\201D";
    color: rgba(252,181,59, 1);
    font-size: 5rem;
    height: 0;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    right: -2rem;
    bottom: 4rem;
}

.select-css, .sidebar select {
	display: block;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #545454;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 2px solid #7070701A;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #ffffff;
	background-image: url('img/chevron-down-solid.svg'),
	  linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.select-css::-ms-expand, .sidebar select::ms-expand {
	display: none;
}
.select-css:hover, .sidebar select:hover {
	border-color: #888;
}
.select-css:focus, .sidebar select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option, .sidebar select option {
	font-weight:normal;
}

.select-css option.level-0 {
	text-transform: none;
}

.bg {
	background-size: cover;
}

a.social-media-icon {
	display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    color: #00788a;
    text-align: center;
    border-radius: 50px;
    margin-right: 9px;
    padding: 3px 4px;
    font-size: 27px;
    border: 1px solid #ffffff;
}

a.social-media-icon:hover {
	color: #fff;
	background-color: #00788a;
	border: 1px solid #ffffff;
}

.round {
	border-radius: 50%;
}

/*Menu*/

.dropdown-toggle::after {
	display: none;
}

.dropdown-caret {
    position: absolute;
    top: 7px;
    right: 45px;
    cursor: pointer;
    color: #000000;
}

.chevron-icon.chevron-up {
	display: none;
	color: #00788a;
}

.yamm .dropdown {
	position: relative;
}

.yamm .nav, .yamm .collapse, .yamm .dropup {
	position: static;
}

.yamm .container {
	position: relative;
}

.main-menu {
	background-color: #f9f9f9;
}

.main-menu li {
    border: 1px solid #eaeaea;
}

.main-menu a {
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
	color: #3a3a3a;
}

.main-menu .menu-donate {
	background-color: #00788a;
}

.main-menu .menu-donate a {
	color: #ffffff;
}

.main-menu .dropdown-menu {
	border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.main-menu .dropdown-menu li {
	border: none;
}

.main-menu .dropdown-menu li .fa-chevron-right {
	font-size: 11px;
}

.main-menu .dropdown-menu li .fa-chevron-right.third-level-chevron {
	display: none;
}

.main-menu.yamm .dropdown-menu a {
	text-transform: none;
}

.yamm ul.elementy-ul {
	display: none;
	list-style-type: none;
	padding-top: 4.5px;
}

.yamm .elementy-ul li {
	margin-bottom: 9px;
}

/*Header*/

.header {
	background: #ffffff;
	border-bottom: 1px solid #fcb53b;
}

.menu input[type=search] {
	height: 38px;
    color: #000;
    background-position: 95% 8px;
    background-size: 18px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
    transition: all .2s;
    background-color: white;
}

/*Page*/

.hero {
	height: 350px;
	background-image: url('img/hero-image.jpg');
}

.homepage-hero-image {
	top: 0;
}

.homepage-hero-image h1 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    text-shadow: #000 2px 2px 5px;
}

.hero-overlay {
	background-image: url('img/swoosh.png');
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
}

.section {
	overflow: hidden;
}

.left-quote:before {
	content: "\201C";
    right: 0;
    top: -2rem;
    color: rgba(252,181,59, 1);
    font-size: 5rem;
    position: absolute;
}

.right-quote:before {
	content: "\201D";
    left: 0;
    bottom: 4.5rem;
    color: rgba(252,181,59, 1);
    font-size: 5rem;
    height: 0;
    position: absolute;
}

.testimonial h4 {
	font-size: 20px;
	color: #00788a;
	line-height: 1.8;
}

.expander-link {
	cursor: pointer;
}

.expander-text, .expander-icon.minus {
	display: none;
}

.expander-icon {
	display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
}

.expander-icon.plus {
	color: #fcb53b;
}

.expander-icon.minus {
	color: #cccccc;
}

.circle {
	border-radius: 50%;
    border: 1px solid #fcb53b;
}

.news-title a {
	text-decoration: none;
}

/*Homepage*/



/*Single*/


/*Sidebar*/

.sidebar aside.widget {
	border-bottom: 1px solid #fcb53b;
}

.sidebar ul {
	list-style-type: none;
	padding-left: 0;
}

.sidebar ul li {
	margin-bottom: 18px;
	line-height: 1.8;
}

/*Forms*/

.fsBody .fsForm, .fsForm .fsSpacerRow .fsRowBody, .fsBody .fsForm .fsSectionHeader, .fsForm .fsSubmit {
	background-color: #ffffff !important;
}

.fsboxshadow .fsBody .fsForm {
	border: none !important;
	box-shadow: none !important;
}

.fsBody, .fsBody .fsForm .fsSectionText, .fsBody .fsForm .fsLabel, .fsBody .fsForm .fsOptionLabel, .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel {
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    color: #545454 !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fsBody .fsForm h2.fsSectionHeading {
	font-weight: bold;
	font-family: 'Merriweather', serif;
	line-height: 1.2;
	color: #008756;
	margin-bottom: 1rem;
}

.fsForm textarea, .fsRowBody input[type="email"], .fsRowBody input[type="number"], .fsRowBody input[type="tel"], .fsRowBody input[type="text"] {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9rem !important;
    color: #545454 !important;
    font-weight: normal !important;
    border: 1px solid #d9d9d9 !important;
    background: none !important;
    padding: .75rem !important;
}

select.fsField {
	color: #666;
    padding: .75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    border: 1px solid #d9d9d9 !important;
}

div.fsCreditcardNumberField input[type=tel].fsCreditcardNumberField-input {
	 border: 1px solid #d9d9d9 !important;
	 padding-left: 39px !important;
}

div.fsCreditcardExpirationDateField input[type=tel].fsCreditcardExpirationDateField-input, div.fsCreditcardSecurityCodeField input[type=tel].fsCreditcardSecurityCodeField-input {
	border: 1px solid #d9d9d9 !important;
}

/*Footer*/

.footer a:hover, .footer a:focus {
	border-bottom: none;
}

.footer-cta {
	background-color: rgba(252,181,59,.5);
	border-bottom: 3px solid #fcb53b;
}

.footer-nav {
	-webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	-moz-column-fill: balance;
    column-fill: balance;
}

.footer-nav li {
	display: flex;
	justify-content: center;
	-webkit-backface-visibility: hidden;
}

/*Responsive Embeds*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
	
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
	
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
	margin: 0;
	padding: 10px;
	font-style: italic;
}

.wp-video {
	margin-bottom: 1.5rem;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*Media Queries*/

@media (min-width: 601px) {
	
	.admin-bar .header.fixed-top {
		top: 32px;
	}
}

@media (min-width: 768px) {
	
	.align-center {
		text-align: center;
	}
	
	.homepage-hero-image h1 {
		font-size: 25px;
	}
		
}

@media (min-width: 992px) {

	.alignright {
		float:right;
	    margin: 5px 0 20px 20px;
	}
	
	.alignleft {
		float: left;
	    margin: 5px 20px 20px 0;
	}
	
	a img.alignright {
		float: right;
	    margin: 5px 0 20px 20px;
	}
	
	a img.alignnone {
	    margin: 5px 20px 20px 0;
	}
	
	a img.alignleft {
		float: left;
	    margin: 5px 20px 20px 0;
	}
	
	.left {
		text-align: left;
	}
	
	.right {
		text-align: right;
	}
	
	.col-lg-45 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.btn {
		display: inline-block;
	}
	
	.main-menu {
		background-color: #ffffff;
	}
	
	.main-menu li {
		border: none;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
    	padding-right: .25rem;
		padding-left: .25rem;
	}
	
	.dropdown-caret {
		display: none;
	}
	
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	.dropdown-menu {
		
	}
	
	.yamm .dropdown-menu, .sub-sub-menu.has-children .elementy-ul {
		min-width: 250px;
		left: 0;
		right: 0;
		position: absolute;
		margin: 0;
		border-radius: 0;
		border: 1px solid #eaeaea;
		box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
		background: white;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		color: #ffffff;
		background: #00788a;
	}
	
	.main-menu .dropdown-menu li {
 	   border-bottom: 1px solid #eaeaea;
	}
	
	.main-menu .dropdown-menu li .fa-chevron-right {
		display: none;
	}
	
	.main-menu .dropdown-menu li .fa-chevron-right.third-level-chevron {
		display: block;
		position: absolute;
		right: 0;
		align-self: center;
	}
	
	.main-menu .dropdown-menu li:hover {
		color: white;
		background-color: #00788a;
	}
	
	.main-menu .dropdown-menu li:hover a, .main-menu .dropdown-menu li:hover .elementy-ul li:hover a {
		color: white;
	}
	
	.sub-sub-menu.has-children .elementy-ul {
	    left: 100%;
	    top: 0;
	    padding-top: 0;
	    padding-left: 0;
	}
	
	.yamm .elementy-ul li {
	    padding: .5rem 0 .5rem 1rem;
		margin-bottom: 0;
	}
	
	.main-menu .dropdown-menu li:hover .elementy-ul li a {
		color: #3a3a3a;
	}

	.sub-sub-menu.has-children:hover .elementy-ul {
		display: block;
	}
	
	.main-menu .menu-donate a:hover, .main-menu .menu-donate a:focus {
		background-color: #FCB53B;
 	   color: #ffffff;
	}
	
	.search-form {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.search-form label {
		top: 0;
	}
	
	.homepage-hero-image h1 {
		font-size: 32px;
	}
	
	.sidebar {
		border-left: 1px solid #fcb53b;
	}
	
	.footer-nav li {
		justify-content: flex-start;
		-webkit-column-break-inside: avoid;
		-webkit-backface-visibility: hidden;
	}
	
}

@media (min-width: 1200px) {
		
	.col-xl-45 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
    	padding-right: .5rem;
		padding-left: .5rem;
	}
	
	.menu input[type=search] {
		background: transparent url(img/search-icon.svg) no-repeat 8px 8px;
		box-shadow:none;
	    background-size: 24px;
	    border: none;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    transition: all .5s;
	    width: 36px;
	    padding-left: 10px;
	    color: transparent;
	    cursor: pointer;
	    outline: none;
	}
	
	.menu input[type=search]:focus {
		width: 160px;
		box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
		height: 36px;
		background-position: 95% 6px;
		height: 38px;
	    color: #000;
	    border: 1px solid #eaeaea;
	    transition: all .2s;
	    background-color: white;
	}
}