/*
	Theme Name: Sam's Kids Fund
	Theme URI: dekidsfund.com
	Description: WP Theme for Sam's Kids Fund
	Version: 2.15
	Author: Squatch Creative
	Author URI: https://squatch.us

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

:root {
	--lora: 'Lora', serif;
}

/*WP CORE
=========================*/

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.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.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

.alignfull, .container.alignfull {
	width:100%;
	max-width:100%;
	margin:0;
}

@media all and (min-width:1200px) {
	.alignwide,
	.container.alignwide {
		width: 1200px;
		max-width: 100%;
		position: relative;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}
	
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

article > *:not(.alignwide, .alignfull) {
    width: 968px;
    margin: 1.25rem auto;
	max-width:100%;
}

.wp-block-image {
	margin-bottom:0;
}

.wp-block-image img {
    max-width: 100%;
    display: block;	
}

.wp-block-columns {
    margin-bottom: 0;
}

::selection {
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
}

.wp-element-button, .wp-block-button__link {
    transition: 240ms ease-in-out all;
}

.btn-style-one:hover .btn-title {
    color:white;
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--lora); 
	font-weight:600;
}

.text a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

article p a, article li a {
    text-decoration: underline;
	text-underline-offset: 3px;
}

.page-banner h1,
.sec-title h2 {
	font-weight:600;
}

span.count-text {
    font-variant-numeric: lining-nums;
}

h2.wp-block-heading em {
    display: block;
    font-size: 1.25rem;
    line-height: 230%;
    font-style: normal;
    color: var(--wp--preset--color--secondary);
    font-family: 'Open Sans';
    font-weight: 600;
}

h3.wp-block-heading em {
    display: block;
    font-size: 1.15rem;
    font-style: normal;
    font-family: 'Open Sans';
    font-weight: 600;
    color: var(--wp--preset--color--secondary);
}

article > ul {
    list-style: disc;
    padding: 0 0 0 1.5rem;
}

article > ul li {
    list-style: disc;
}

svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

blockquote.wp-block-quote {
    background: var(--wp--preset--color--gray);
    display: block;
    padding: 1.5rem;
}

blockquote.wp-block-quote p:last-child {
    margin-bottom: 0;
}

blockquote.wp-block-quote p {
    font-family: 'Lora';
    font-style: italic;
    font-size: 1.1rem;
}

.preloader .icon {
    background: none;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.preloader .icon svg {
    display: block;
    position: relative;
    width: 72px;
    height: auto;
    animation: pulse 1.2s infinite;
}

@keyframes pulse {
  0% {
	transform: scale(0.75);
  }
  50% {
	transform: scale(1);
  }
  100% {
	transform: scale(0.75);
  }
}

.main-header .header-upper .logo-box svg {
    width: 134px;
	height:134px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.fixed-header .sticky-header .logo svg {
    width: 96px;
}

.main-header .nav-outer {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.main-header .nav-outer .main-menu {
    flex: 1;
}

.main-menu .navigation {
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    align-items: center;
}

.sticky-header .auto-container.clearfix {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.sticky-header .auto-container.clearfix:after {
	display:none;
}

@media all and (max-width:1023px) {
	.main-header.header-style-two .header-upper .inner-container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		min-height: 80px;
	}
	.main-header.header-style-two .header-upper .inner-container:after {
		display:none;
	}
	.main-header .header-upper .logo-box .logo:before {
		height: 12px;
		bottom: -11px;
	}
	.main-header .header-upper .logo-box .logo {
		padding: 4px 30px;
	}
	
	.main-header .header-upper .logo-box svg {
		width: 108px;
		height: 96px;
	}
	
	.nav-outer .mobile-nav-toggler, 
	.main-header .nav-outer .link-box {
		margin-top: 0;
		padding-top: 0;
	}
	
	.main-header .nav-outer {
		align-items: center;
	}
		
	.mobile-menu {
		width:90%;
	}
	.mobile-menu-visible .mobile-menu .menu-backdrop {
		opacity: 1.0;
	}
	
	.mobile-menu .menu-box {
		background: var(--wp--preset--color--primary);
	}
	.mobile-menu .navigation li.current > a, .mobile-menu .navigation li > a:hover {
		color: var(--wp--preset--color--accent);
	}
	
	.mobile-menu .nav-logo svg {
		width: 100px;
		height: auto;
	}
	
	.mobile-menu .navigation li > a {
		font-size: 17px;
	}	
	
	
}

.owl-carousel .owl-stage {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.banner-carousel .slide-item {
	height:100%;
}

.banner-section .owl-theme .owl-nav .owl-prev:after {
	left:50%;
}

.banner-section .owl-theme .owl-nav .owl-next:after {
	right:50%;
}

.page-banner.interior-hero-block {
    padding: 240px 0 100px 0;
}

.about-feature-two .inner-box {
    height: 100%;
}

.about-feature-two .inner-box {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.about-feature-two .icon-box {
    margin: 0 0 20px 0;
}
.about-feature-two h4 {
	font-size:22px;
}
.about-feature-two .inner-box .link-box {
    margin-top: auto;
}
.about-section .right-column .images.single-image .image {
    width: 100%;
	aspect-ratio:none;
}
.about-section .right-column .images.single-image .image img {
	aspect-ratio:auto;
}
.about-section .right-column .images .image img {
    height: auto;
    max-width: 100%;
    aspect-ratio: 9/16;
    object-fit: cover;
    width: 100%;
}
.circle-one, .circle-two {
    border: none !important;
}

.circle-one svg, .circle-two svg {
    opacity: 7%;
    filter: grayscale(1);
}
@media all and (min-width:992px) {

	.video-section .image-column .image-box {
		aspect-ratio: 1/1;
	}

	.video-section .image-column .image-box img {
		width: 100%;
		border-radius: 20px;
		object-fit: cover;
		height: 100%;
	}

}

.video-section .image-layer {
    background: linear-gradient(122deg, #58121a 0%, #C42639 51%, #870918 100%);
}

.video-section .bottom-rotten-curve {
	bottom:-1px;
}

.news-section {
    padding: 0;
}

section.news-section.news-listing-page {
    padding: 72px 0;
}

.news-block .inner-box {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding: 60px 35px 30px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    flex: 1;
}

.news-block .image-box img {
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    background: gray;
}

.pagination {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1.5rem 0;
    gap: 12px;
}

.pagination span, .pagination a {
    position: relative;
    display: block;
    padding: 5px 16px;
    color: #25283a;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #edf1f5;
    border-radius: 20px;
    transition: all 300ms ease;
}

span.page-numbers.current {
    background: var(--wp--preset--color--primary);
    color: white;
}

.pagination a:hover {
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--primary);
}

.page-banner.interior-hero-block.post-single {
    min-height: 88vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.page-banner.post-single .image-layer {
    background-position: top center;
}

section.post-content {
    padding: 48px 0;
}

ul.post-meta {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    margin: 1.5rem 0;
	color:white;
}

.post-share-options.clearfix {
    width: 100%;
}

.team-section {
    padding: 0;
}

.team-section .sec-title .text {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

.team-block .image-box {
    width: 100%;
    height: auto;
    aspect-ratio: 9/10;
    background: gray;
}

.team-block .inner-box {
    transition: 240ms box-shadow ease-in-out;
}

.team-block .inner-box:hover .lower-box {
    transform: none;
}

.team-block .lower-box .content {
	margin-bottom:0;
}

.team-block .lower-box h3 {
    font-size: 20px;
}

.team-block .inner-box:hover .lower-box {
    transform: none;
}

.team-block .lower-box {
    margin-top: -90px;
}

ul.team-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2rem;
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}

ul.team-list.council-list {
    margin: 1rem auto;
}

ul.team-list li {
    flex: 0 0 calc(50% - 1rem);
	text-align:center;
}

ul.team-list.council-list li {
    flex: 0 0 calc(33.333333% - 1.5rem);
}

.council-list h4 {
    font-family: 'Open Sans';
    font-weight: 400;
}

.wp-block-image .is-style-rounded img, 
.wp-block-image.is-style-circle-mask img, 
.wp-block-image.is-style-rounded img {
    border-radius: 18px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media all and (min-width:768px) {
	.fact-counter .row .column:nth-of-type(even) .inner:before {
		display:none;
	}
}

.donate-section {
    padding-top: 72px;
}

.donate-section figure.image-box {
    border-radius: 18px;
    overflow: hidden;
}

.contact-info-section {
    padding-top: 72px;
}

.contact-section .map-column iframe {
    width: 100%;
    height: 100%;
}

.contact-form .form-group input[type="submit"] {
    display: inline-block;
    margin-top: 20px;
    background: var(--wp--preset--color--primary);
    padding: 1rem 2rem;
}

.contact-form .form-group input[type="submit"]:hover {
    background: var(--wp--preset--color--accent);
}

.contact-form small a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.about-section.alternate.program-block img {
    object-fit: cover;
    display: block;
    aspect-ratio: 9/13;
}

.about-section.alternate.program-block {
    background: white;
    padding: 0;
}


/* FOOTER 
================================*/

.footer-bottom .auto-container .clearfix, 
.main-footer .nav-box .inner.clearfix {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer-bottom .auto-container .clearfix:after, .main-footer .nav-box .inner.clearfix:after {
	display:none;
}

.preloader .icon {
    background: none;
}

.main-footer .footer-logo {
	margin-top: 0;
	margin-bottom: 12px;
}


.main-footer .links-widget ul li a:hover, 
.main-footer .info-widget ul li a:hover, 
.main-footer .nav-box .inner .footer-nav li a:hover,
.main-footer .footer-bottom .bottom-links li a:hover {
    color: var(--wp--preset--color--accent);
}

.main-footer .nav-box .inner .footer-nav {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.donate-link .btn-style-one .btn-title {
    background: var(--wp--preset--color--accent);
}


.builtby {
	max-width:96px; 
	padding:0; 
	margin:1rem auto; 
	display:block; 
	float:none; 
	clear:both; 
	z-index:100; 	
	opacity:0.45; 
}

.builtby svg {
	display:block;
	width:100%;
	height:auto;
}

.builtby svg path {
	fill:#ffffff;
}

.builtby:hover {
	-webkit-animation:shake .2s 1;
	animation: shake .2s 1;
	opacity:1.0; 
}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@media all and (max-width:1023px) {
	
	.banner-carousel .slide-item {
		height: 73vh;
		padding: 178px 0 58px 0 !important;
	}
	
	.banner-section:hover .owl-nav, .owl-dots {
		display: none !important;
	}
	
	.about-section .upper-boxes {
		top: 0;
		padding-top: 32px;
	}
	
	article.page > .wp-block-heading, 
	article.page > p, 
	article.page > ul, 
	article.page > ol, 
	article.page > .wp-block-buttons,
	article.page > blockquote.wp-block-quote,
	article.page > .wp-block-columns {
		max-width: calc(100% - 2rem);
		margin:0.5rem auto;
	}

	section.post-content {
		padding: 1rem 0;
	}	
	
	section.post-content .row {
		margin-left: auto;
		margin-right: auto;
		padding: 0 1rem;
	}
	
	article.page > .wp-block-spacer {
		margin: 0 !important;
	}

	
}