/*
Theme Name: N13
Theme URI: 
Author: Nikola Jankovic
Author URI: http://wordpress.org/
Description: Custom theme for N13
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: N13

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.page-id-7445 .btn.sticky-donate-link {display: none !important;}
html[lang="es-US"] .header .menu-items .menu-item.menu-item-has-children > a {
	max-width: 100px !important;
}
section.wysiwig p a {
    color: #4d4540;
    text-decoration: underline;
}

.wp-block-group.is-content-justification-center {
	text-align: center;
}

.button-wrapper.button-center {
    text-align: center;
}

.button-wrapper.button-center .btn-primary{
	color: #fff;
    text-decoration: none;
}

.button-wrapper.button-center .btn-primary:hover{
	color: #ee3123;
}

#financials .tab-slider-module__bottom {
    padding-top: 50px;
}

#ImpactCTAAuditedFinancials h4 {
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
}

#ImpactCTAAuditedFinancials p {
	font-size: 18px;
	line-height: 30px;
}

.container.center-align {
	display: block !important;
	text-align: center !important;
}

.header-lineheight {
	line-height: 1.2;
}

.events-box-h {
	justify-content: center;
}

.cta-padding-bottom-30 {
	padding-bottom: 30px;
}

@media only screen and (min-width: 1201px) {
    #ImpactPageInfoModule.page-info-module {
        margin: 100px 0;
    }
    #CTA_Generosity.text-cta-module {
        padding: 75px 0 125px;
    }
}

@media (max-width:992px) {
	.events-box-h .m-flexbox-content {
		flex-basis: 37% !important;
	}
}

@media (max-width:781px) {
	.wp-block-columns.is-not-stacked-on-mobile.wrapclear {
    	flex-wrap: wrap !important;
	}
	.wp-block-image.img-mobile-align-center .alignright {
	    float: unset;
	    margin: auto;
	}
	.rm-spacer-mobile {
		display: none;
	}
	.mb-column-center {
		display: block !important;
	} 
	.mb-column-center .has-text-align-left,
	.mb-column-center .wp-block-column, 
	.mb-center-align{
		text-align: center;
	}
	.mb-column-center .has-small-font-size {
		font-size: 15px !important;
	}
	.hgrid-empty {
		display: none;
	}
	.wrapclear .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
	.wrapclear .wp-block-column,
	.hgrid-content {
		flex-basis: 100% !important;
	}
}

@media (max-width: 768px) {
	#ImpactCTAAuditedFinancials h4 {
		margin-left: 0;
    	width: 100%;
	}
	#ImpactCTAAuditedFinancials hr {
		width: 100%;
	}
	#ImpactCTAAuditedFinancials .cta-text__wrapper,
	#ImpactCTAAuditedFinancials.text-cta-module .content {
		width: 100%;
		margin-left: 0;
	}
	#ImpactCTAAuditedFinancials .btn-cta {
		width: 100%;
		padding: 10px;
    	line-height: 1.5;
		text-align: center;
	}
}
@media (max-width:600px) {
	.events-box-h {
		flex-direction: column;
    	align-items: center !important;
	}
	.events-box-h .m-flexbox-content {
		width: 100%;
	}
	.events-box-h .m-flexbox-content {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}
	.events-box-h .m-flexbox-content .has-text-align-left,
	.events-box-h .m-flexbox-content p {
		text-align: center;
	}
	.text-cta-module.cta-padding-bottom-30 .container {
		padding: 0 15px;
	}
	.text-cta-module.cta-padding-bottom-30 .content {
		width: 100%;
	}
}





html:lang(es) .header .btn-search-popup,
html:lang(zh-CN) .header .btn-search-popup {
	display: none !important;
}

html:lang(es) .header .menu-items .menu-item.menu-item-has-children>a {
	white-space: normal;
	max-width: 100px !important;
}
html:lang(es) .gtranslate_wrapper,
html:lang(zh-CN) .gtranslate_wrapper {
	margin-right: 129px;
}

.gtranslate_wrapper {
	position: relative;
	opacity: 0;
}

.gtranslate_wrapper::after {
	position: absolute;
	content: "";
	top: 16px;
	right: 10px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #4D4540;
	border-bottom: 2px solid #4D4540;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
}

.gtranslate_wrapper.show {
	opacity: 1;
}

.gtranslate_wrapper select.gt_selector.notranslate {
	display: inline-block;
	margin-left: 20px;
	padding: 10px 28px 10px 10px;
	font-size: 18px;
	border: 1px solid #4D4540;
/*	width: 125px;*/
	width: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px;
	white-space: nowrap;
	font-weight: 500;
	text-transform: uppercase;
	color: #4D4540;
	background: transparent;
	font-family: "Gotham", sans-serif;
}

@media only screen and (max-width: 768px) {
	.gtranslate_wrapper {
		margin-right: 20px;
	}

	html:lang(es) .header .btn-search-popup,
	html:lang(zh-CN) .header .btn-search-popup {
		display: block !important;
	}

	html:lang(es) .gtranslate_wrapper,
	html:lang(zh-CN) .gtranslate_wrapper {
		margin-right: 0 !important;
	}
}

@media only screen and (max-width: 560px) {
	.gtranslate_wrapper::after {
		top: 8px;
	}

	.gtranslate_wrapper {
		position: fixed;
		margin-right: 0;
		top: 34px;
		right: 137px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transition: opacity 0.3 ease-in-out;
		transition: opacity 0.3 ease-in-out;
		z-index: 9999;
	}

	.mobile--open .gtranslate_wrapper {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.gtranslate_wrapper select.gt_selector.notranslate {
		position: relative;
		border: 1px solid #4D4540;
		margin-left: 20px;
		padding: 3px 28px 3px 10px;
		display: block;
		color: #4D4540;
		font-size: 14px;
		letter-spacing: 0.5px;
		line-height: 24px;
		white-space: nowrap;
		text-transform: uppercase;
		font-weight: 700 !important;
	}
	.header .menu-items .menu-item a{
		white-space: unset;
	}
	.gtranslate_wrapper select.gt_selector.notranslate,
	.gtranslate_wrapper select.gt_selector{
		background-color: #fff;
	}
}

@media only screen and (max-width: 1240px) {
	.gtranslate_wrapper select.gt_selector.notranslate {
		margin-left: -5px;
	}
}

@media only screen and (max-width: 1200px) {
	.gtranslate_wrapper select.gt_selector.notranslate {
		margin-left: 20px;
	}

	html:lang(es) .header .menu-items .menu-item.menu-item-has-children>a {
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1354px) {
	.header .gtranslate_wrapper select.gt_selector.notranslate {
		font-size: 13px;
	}
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.header .gtranslate_wrapper select.gt_selector.notranslate {
		font-size: 12px !important;
		letter-spacing: 0.1px !important;
	}
}

@media only screen and (min-width: 1355px) {
	html[lang="es-US"] #menu-item-883 {
		padding: 0px 10px 0px 20px;
	}
}
@media (min-width:561px){
	.gtranslate_wrapper::after {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.gtranslate_wrapper select.gt_selector.notranslate{
		padding: 10px 40px 10px 10px;
		width: 125px;
	}
}
@media (min-width:768px){
	.header .gtranslate_wrapper select.gt_selector.notranslate{
		font-weight: 700;
	}
}
@media (min-width:1201px){
	.header .gtranslate_wrapper select.gt_selector.notranslate{
		font-weight: 500;
	}
	.gtranslate_wrapper select.gt_selector.notranslate{
		min-width: unset;
		width: auto;
		padding-right: 35px;
		margin-left: 0;
	}
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723::after {
	    top: 18px;
	}
	html:lang(es) .gtranslate_wrapper,
	html:lang(zh-CN) .gtranslate_wrapper {
		margin-right: 100px;
	}
}
@media (min-width:1351px){
	.gtranslate_wrapper select.gt_selector.notranslate{
		margin-left: 20px;
	}
}
@media (min-width: 1441px) {
	.header .gtranslate_wrapper select.gt_selector.notranslate{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.gtranslate_wrapper select.gt_selector.notranslate {
		margin-left: 30px;
		padding: 18px 28px;
		min-width: 170px;
	}

	.gtranslate_wrapper::after {
		top: 23px;
		right: 30px;
	}
}
@media (min-width: 1681px) {
	html:lang(es) .gtranslate_wrapper,
	html:lang(zh-CN) .gtranslate_wrapper {
		margin-right: 129px;
	}
}
@media (min-width: 1881px) {
	html:lang(es) .gtranslate_wrapper,
	html:lang(zh-CN) .gtranslate_wrapper {
		margin-right: 150px;
	}
}
@media (max-width:1280px){
	.wysiwig iframe{
		max-width: 100%;
	}
}


/* Regression Test Findings */

@media only screen and (min-width: 769px){
	.header .menu-items .menu-item a {
		font-size: 13px;
	}
}
@media only screen and (min-width: 1201px){
	.header .menu-items .menu-item a {
		display: inline;
	}
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723::after,
	.header .menu-items .menu-item.menu-item-has-children::after {
		top: 16px;
	}
	.header .menu-items .menu-item.menu-item-has-children::after{
		right: 1px;
		width: 7px;
		height: 7px;
	}
	html:lang(es) .gtranslate_wrapper, html:lang(zh-CN) .gtranslate_wrapper {
		margin-right: 70px;
	}
	.header .menu-items .menu-item.menu-item-has-children.hover::after {
		top: 15px;
	}
}
@media only screen and ( min-width:1399px){
	.header .menu-items .menu-item.menu-item-has-children::after {
		width: 8px;
		height: 8px;
	}
	.header .menu-items .menu-item.menu-item-has-children.hover::after,
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723.hover::after {
		top: 14px;
	}
	.header .menu-items .menu-item a {
		font-size: 14px;
	}
}
@media only screen and (min-width: 1441px){
	.header .menu-items .menu-item {
		padding: 0 25px;
	}
}
@media only screen and (min-width:1680px){
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723::after,
	.header .menu-items .menu-item.menu-item-has-children::after,
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723.hover::after {
		top: 16px;
	}
}
@media only screen and (min-width: 1681px){
	.btn.sticky-donate-link {
		width: 170px;
	}
	.header .menu-items .menu-item.menu-item-has-children::after {
		top: 18px;
	}
}
@media only screen and (min-width:1689px){
	.header .menu-items .menu-item.menu-item-has-children.hover::after {
		top: 17px;
	}
	.header .menu-items .menu-item.menu-item-has-children::after,
	html[lang="es"] .header .menu-items .menu-item.menu-item-has-children.menu-item-4723::after {
		top: 18px;
	}
}
@media only screen and (min-width:1769px){
	.header .menu-items .menu-item {
		padding: 0 20px;
	}
}
@media only screen and (max-width: 1770px){
	.header .menu-items .menu-item:not(.sl-dropdown):not(.dropdown-menu .menu-item) {
		padding: 0 12px !important;
	}
}
@media only screen and (max-width: 1350px ){
	.header .menu-items .menu-item:not(.sl-dropdown):not(.dropdown-menu .menu-item) {
		padding: 0 10px !important;
	}
}
@media only screen and (max-width: 1200px ){
	.header .menu-items .menu-item.menu-item-has-children > a {
		width: max-content;
	}
}

/* Issue fix since Hearts in SF 2024 page not having bold */
.page-id-14590 .accordion-item li b {
	font-weight: 600;
}

/* Issue fix for Hearts in SF 2024 page spacer and button width issue */
.container.wrapclear.d-justify-center{
	justify-content: center;
}
@media (max-width:1199px){
	.container.wrapclear.d-justify-center > .wp-block-column{
		flex-basis: 100%!important;
		max-width: 830px;
	}
}
@media (max-width:991px){
	.l-spacer{
		max-height:50px;
	}
}
@media (min-width:768px) and (max-width:1366px){
	.btn--sm .btn{
		padding: 15px 30px;
	}
}

/* Map style */
.wpsl-search{
	padding-top: 50px !important;
  	padding-bottom: 30px !important;
	background: #ffffff !important;
}
.wpsl-search #wpsl-search-wrap .wpsl-input {
	display: flex !important;
	align-items: center;
}
#wpsl-search-input {
	height: 35.03px;
}
.wpsl-search #wpsl-search-btn{
	color: #fff;
 	background-color: #ee3123;
  	border: 1px solid #ee3123;
  	text-transform: uppercase!important;
	background-image: none;
	height: 35.03px;
    appearance: none;
}
.wpsl-search #wpsl-search-btn:hover {
    cursor: pointer;
    color: #ee3123 !important;
    background-color: transparent !important;
}
.map-label{
	color: #9e9e9e;
  	font-size: 12px !important;
 	margin-bottom: 0 !important;
	line-height: 1.5;
}
.map-value{
	color: #4d4540;
  	line-height: 32px;
  	margin-bottom: 10px !important;
	font-size: 15px !important;
	line-height: 1.5;
}
.map_info_window-label {
	color: #9e9e9e;
	margin: 10px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.5;
}
.map_info_window-value {
	color: #4d4540;
	font-size: 14px !important;
	line-height: 20px;
	margin-bottom: 5px !important;
}
a.wpsl-directions {
  	font-size: 15px;
	color: #ee3123;
}
a.wpsl-directions:hover {
    color: #ee3123d7 !important;
}
.wpsl-info-window a.wpsl-directions {
    display: contents;
	font-size: 15px;
	line-height: 1.5;
}
.custom-map-module, .custom-map-module hr{
	margin-bottom: 70px;
}
@media (max-width: 570px) {
	.wpsl-search #wpsl-search-wrap .wpsl-input {
		flex-direction: column;
		align-items: flex-start;
	}
}
#wpsl-gmap .wpsl-info-actions{
	margin: 5px 0 !important;
}
#wpsl-wrap .wpsl-info-window p{
	margin-bottom: 0 !important;
}
#wpsl-wrap .wpsl-info-window p:first-child{
	margin-bottom: 5px !important;
	font-size: 15px !important;
	padding-right: 8px;
}
.wpsl-info-window img{
	height: 120px !important;
	width: auto;
}
.gm-ui-hover-effect{
	transition: opacity 0s;
}
.gm-style-iw.gm-style-iw-c{
	width: 100%;
	max-width: 250px !important;
}
button.gm-ui-hover-effect {
	top: 0 !important;
	right: 0 !important;
}
.gm-style-iw-d{
	padding-right: 5px !important;
}
/* Issue fix for Hearts in SF 2024 page spacer and button width issue */
.container.wrapclear.d-justify-center{
	justify-content: center;
}
@media (max-width:1199px){
	.container.wrapclear.d-justify-center > .wp-block-column{
		flex-basis: 100%!important;
		max-width: 830px;
	}
}
@media (max-width:991px){
	.l-spacer{
		max-height:50px;
	}
}
@media (min-width:768px) and (max-width:1366px){
	.btn--sm .btn{
		padding: 15px 30px;
	}
}
.gm-style-iw-d{
	max-height:335px !important;
}
