/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*
yellow-green #d7fd58 rgb(215 253 88)
blue #40b3f7 rgb(64 179 247)
*/

.wp-block-quote {border-left-color: #40b3f7 !important}
.text_red, .note_red span {color: #ed2f2f}

/* Animation Block - Image - Button */
.card-neon-pulse {animation: neonPulse 3s infinite ease-in-out}
@keyframes neonPulse {
	//0% { box-shadow: 0 0 5px #d7fd58, inset 0 0 0px #d7fd58 }
	//50% { box-shadow: 0 0 20px #d7fd58, inset 0 0 10px rgb(215 253 88 / 88%) }
	//100% { box-shadow: 0 0 5px #d7fd58, inset 0 0 0px #d7fd58 }
	0% { box-shadow: 0 0 5px #40b3f7, inset 0 0 0px #40b3f7 }
	50% { box-shadow: 0 0 30px rgb(64 179 247 / 95%), inset 0 0 10px rgb(64 179 247 / 75%) }
	100% { box-shadow: 0 0 5px #40b3f7, inset 0 0 0px #40b3f7 }
}

.power-title {animation: powerReveal 3s cubic-bezier(0.19, 1, 0.22, 1) infinite }
@keyframes powerReveal {
	0% {
		opacity: 0;
		filter: blur(15px);
		transform: scale(0.9);
		letter-spacing: 4px
	}
	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1);
		letter-spacing: normal
	}
}

.photo-breath img {animation: atmosphericBreath 8s infinite ease-in-out}
@keyframes atmosphericBreath {
	0% { transform: scale(1); filter: brightness(100%) }
	50% { transform: scale(1.03); filter: brightness(120%) }
	100% { transform: scale(1); filter: brightness(100%) }
}

.button-flow {
	background: linear-gradient(90deg, #000, #1a1a1a, #ccff0033, #000);
	background-size: 300% 300%;
	animation: borderFlow 4s infinite linear;
	border: 1px solid #ccff00
}
@keyframes borderFlow {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}


/* header */
#site-logo {display: none}
#site-header {
	position: fixed !important;
	backdrop-filter: blur(15px);
}
.lang-item img {
	width: 24px !important;
	height: 16px !important
}

/* headings */
h1 span {font-size: 110px}
hh4 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
hh4::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 130px;
	border: 1px solid rgb(215 253 88 / 30%);
}
.wp-block-heading.icon-shield:before {
	font-size: 55px;
	margin-right: 10px
}

/* Icons */
.icon-shield:before, .icon-user-following:before, .icon-book-open:before, .icon-badge:before, .icon-energy:before, .icon-bubbles:before, .icon-calendar:before, .icon-layers:before,
.icon-wallet:before, .icon-direction:before, .icon-plane:before, .icon-picture:before, .icon-people:before, .icon-camera:before, .icon-trophy:before {color: rgb(64 179 247 / 70%)}

/* steps card, border shadow column and grid */
.steps-column, .border_shadow-column, .border_shadow_img-grid {
	border: 2px solid rgb(215 253 88 / 30%);
	border-radius: 10px;
	box-shadow: 0px 0px 35px 10px rgb(215 253 88 / 25%);
	padding: 21px 30px 0;
}
.border_shadow_img-grid {
	display: grid;
	align-content: center;
	padding: 25px
}
.border_shadow-column h3, .steps-column h3 {text-transform: uppercase}
.steps-column h5 {
	//color: transparent;
	//-webkit-text-stroke: .25px #ffffff;
	//-webkit-text-stroke: 1px #898989;
	color: #d7fd58;
	font-weight: 900;
	padding: 5px 15px 0;
	margin-top: -62px;
	background-color: #171717;
	background-color: #000;
	border: 2px solid rgb(215 253 88 / 30%);
	border-bottom: 2px solid #171717;
	border-bottom: 2px solid #000;
	border-radius: 10px 10px 0 0;
	width: fit-content;
}

/* title text img card */
.title_text_img_card-columns {}
.title_text_img_card-column {}
.title_text_img_card-title_text {
	padding: 15px;
	margin: 0 30px 0 25px;
	background-color: #171717;
	background-color: #000;
	border: 2px solid rgb(215 253 88 / 30%);
	border-radius: 10px;
	text-align: center
}
.title_text_img_card-column .wp-block-image {margin: 0}
.title_text_img_card-column .wp-block-image img {
	position: relative;
	width: 100%;
	height: 430px;
	object-fit: cover;
	border: 2px solid rgb(215 253 88 / 30%);
	box-shadow: 0px 0px 35px 10px rgb(215 253 88 / 25%);
	border-radius: 100px 10px;
	margin-top: -35px;
	z-index: -1  
}

/* icon title card */
.icon_title_card-columns {}
.icon_title_card-column {
	text-align: center;
	border-radius: 10px;
	padding: 15px
}
.icon_title_card-column p {font-size: 48px;}
.icon_title_card-column h3 {font-size: 20px}

/* list */
.wp-block-list {margin-left: 30px}
.wp-block-list.list_icon-check li {list-style-type: none;}
.wp-block-list.list_icon-check li::before {
    content: "\e080";
	position: absolute;
	font-family: 'simple-line-icons';
	font-size: 14px;
	color: #D7FD58;
	color: #40b3f7;
	height: 10px;
	width: 10px;
	margin: 6px 0 0 -29px;
}
.wp-block-list_space_bottom8 {padding-bottom: 35px}

/* image */
.border_shadow-img img {
	border: 2px solid rgb(215 253 88 / 30%);
	border-radius: 100px 10px;
	box-shadow: 0px 0px 35px 10px rgb(215 253 88 / 25%);
}
.media-text_block img {
	max-height: 455px;
	object-position: top;
	object-position: 0 -45px;
	object-fit: cover
}

.blog-entry.grid-entry .blog-entry-inner {border: none}
.news-columns {gap: 30px}
.news-column figure, .blog-entry.post .thumbnail, .wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image {
	height: 230px;
	max-height: 230px;
	object-fit: cover;
	object-position: top;
	border: 2px solid rgb(215 253 88 / 30%);
	border-radius: 10px;
	box-shadow: 0px 0px 35px 10px rgb(215 253 88 / 25%);
	overflow: hidden
}
.news-column figure img, .blog-entry.post .thumbnail img, .wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image img {
	object-fit: cover;
	transform: scale(1.1)
}
.news-column p, .blog-entry.grid-entry .blog-entry-header, .wp-block-latest-posts__list.is-grid .wp-block-latest-posts__post-title {
	position: relative;
	text-decoration: none !important;
	border: 2px solid rgb(215 253 88 / 30%);
	border-top: #000;
	border-radius: 0 0 10px 10px;
	background-color: #171717;
	background-color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 5px 15px;
	margin: -2px 25px 0 25px;
	height: 82px;
	width: 65%;
}
.news-column a {text-decoration: none !important}

/* bg overlay color in section */
.bg-overlay_black_top, .bg-overlay_black_bottom {position: relative}
.bg-overlay_black_top::before, .bg-overlay_black_bottom::after {
	content: '';
	position: absolute;
	background-image: linear-gradient(180deg, rgb(0 0 0 / 90%) 1%, rgb(0 0 0 / 1%) 25%, transparent);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw!important;
	max-width: 100vw!important;
	margin-left: calc(50% - 50vw)!important;
	z-index: -1;
}
.bg-overlay_black_bottom::after {background-image: linear-gradient(0deg, rgb(0 0 0 / 90%) 1%, rgb(0 0 0 / 1%) 15%, transparent)}

.bg-overlay_black100 {position: relative}
.bg-overlay_black25::after, .bg-overlay_black50::after, .bg-overlay_black75::after, .bg-overlay_black100::after {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 25%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    z-index: -1;
}
.bg-overlay_black50::after {background-color: rgb(0 0 0 / 50%)}
.bg-overlay_black75::after {background-color: rgb(0 0 0 / 75%)}
.bg-overlay_black100::after {
	background-color: #171717;
	background-color: #000;
	z-index: -2
}

/* bg image in section */
.home-hero_bg, .who-we-support_section, .about-hero_bg, .program-hero_bg, .donate-hero_bg, .apply_support-hero_bg, .partnerships-hero_bg, .ambassadors-hero_bg, .faq-hero_bg,
.contact-hero_bg {position: relative}

.home-hero_bg::before, .who-we-support_section::before, .about-hero_bg::before, .program-hero_bg::before, .donate-hero_bg::before, .apply_support-hero_bg::before, .partnerships-hero_bg::before,
.ambassadors-hero_bg::before, .faq-hero_bg::before, .contact-hero_bg::before {
	content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2026/02/Ukrainian-Champions-home-herobgdesktop1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    z-index: -2;
}

/* What We Do section */
.what-we-do {}

/* Who We Support section */
.who-we-support_section::before {background-image: url(/wp-content/uploads/2026/02/Who-We-Support-bg.webp)}

/* About */
.about-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/About-children-lose-sport-because-of-war.webp)}

/* Program */
.program-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* Donate */
.donate-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* Apply For Support */
.apply_support-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* Partnerships */
.partnerships-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* Ambassadors */
.ambassadors-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* FAQ */
.faq-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* Contact */
.contact-hero_bg::before {background-image: url(/wp-content/uploads/2026/02/The-NoHandToTerror-Scholarship-bg.webp)}

/* home bg video */
.home-video_background {
    background: #000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -2;
    overflow: hidden;
}

.home-video_foreground,
.home-video_background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vw;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* social contact */
.social_icons-block {}

/* scrollbar */
::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-thumb {
	background-color: rgb(215 253 88 / 60%);
	border-radius: 10px;
}
::-webkit-scrollbar-track {
	background-color: #171717;
	background-color: #000
}

/* single post */
.related-thumb img {
	height: 150px;
	object-fit: cover;
	object-position: top
}

/* Ninja Form */
.ql-align-center {text-align: center}
.nf-success_message.icon-like {
	color: rgb(215 253 88 / 75%);
	font-size: 48px;
}

/* buttons */
.wp-block-buttons {
	gap: 40px;
	padding-bottom: 40px
}
.wp-block-button.accent-button .wp-block-button__link, .wp-block-button.second-button .wp-block-button__link {
	font-size: 18px;
	border-radius: 10px;
	border: 2px solid #d7fd58;
	border: 2px solid rgb(215 253 88 / 60%);
	letter-spacing: .8px;
}
.wp-block-button.second-button .wp-block-button__link {
	color: #E3E3E3;
	background: transparent
}
.wp-block-button.donate-button {
	height: 130px;
	width: 130px;
	border-radius: 100%;
	margin-top: -50px;
}
.wp-block-button.donate-button .wp-block-button__link {
	display: grid;
	justify-items: center;
	font-size: 18px;
	line-height: 1.2;
	padding-top: 40px;
	letter-spacing: .8px;
	animation: wiggle_btn 2s infinite
}
.wp-block-button.donate-button .wp-block-button__link:hover, .wp-block-button.accent-button .wp-block-button__link:hover {color: black}
.wp-block-button.donate-button .wp-block-button__link::before {
	content: "\e068";
	position: absolute;
	font-family: 'simple-line-icons';
	margin-top: 25px;
}
@keyframes wiggle_btn {
  0%, 100% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
}

.donate_button-column {
	background: #000;
	border: 2px solid rgb(215 253 88 / 30%);
	border: 2px solid rgb(64 179 247 / 85%);
	border-radius: 10px;
	box-shadow: 0px 0px 35px 10px rgb(215 253 88 / 25%);
	padding: 40px 30px 45px
}
.donate_button-column .wp-block-heading {
	text-align: center;
	font-size: 28px;
	font-weight: 900;
	text-transform: uppercase
}
.donate_button-row {justify-content: space-evenly}
.donate_button-row form, #right-sidebar .donate_button-row figure {line-height: 1px}
.donate_button-row a, .donate_button {
	line-height: 1px;
	border-radius: 10px;
	border: 2px solid #d7fd58;
	border: 2px solid rgb(215 253 88 / 80%);
	padding: 14px 28px
}
.donate_button-column img {
	height: 26px;
	width: 100%
}
#right-sidebar .donate_button-column {
	align-items: center;
	padding: 25px 15px
}
#right-sidebar .donate_button-row a, #right-sidebar .donate_button {padding: 14px}

.apply_grant-btn {
	display: flex;
	align-items: center;
	height: 90px;
	width: 90px;
	border-radius: 9999px;
	background-color: #d7fd58
}
.apply_grant-btn a {
	color: #000 !important;
	font-size: 11px !important;
	font-weight: 900;
	text-transform: uppercase
}
.apply_grant-btn a span.icon-wrap span.menu-text {line-height: 1.3 !important}


/* spaces */
.pt20 {padding-top: 20px}
.pt40 {padding-top: 40px}
.pt60 {padding-top: 60px}
.pt80 {padding-top: 80px}
.pt100 {padding-top: 100px}
.pt120 {padding-top: 120px}

.pb20 {padding-bottom: 20px}
.pb40 {padding-bottom: 40px}
.pb60 {padding-bottom: 60px}
.pb80 {padding-bottom: 80px}
.pb100 {padding-bottom: 100px}
.pb1000 {padding-bottom: 1000px}


/* mobile */
@media (max-width: 1283px) {
	.wp-block-list_space_bottom8 {padding-bottom: 0}
}
@media (max-width: 1200px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex: 1 0 50%}
}
@media (max-width: 925px) {
	.social_icons-block {display: grid !important}
}
@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.icon_title_card-column {flex-basis: 50%!important}
	.icon_title_card-column {padding: 5px}
}
@media (max-width: 600px) {
	h1 span {font-size: 40px}
	.media-text_block {gap: 40px}
	.media-text_block img {object-position: unset}
	.wp-block-media-text>.wp-block-media-text__content {padding: 0 !important}
	.icon_title_card-columns {gap: 0}
	
	.home-video_foreground, .home-video_background iframe {
		width: 325vw;
		height: 200vw
	}
	.news-columns {grid-template-columns: repeat(1, minmax(0, 1fr)) !important}
	.partner_logo-grid {
		grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
	}
	.partner_logo-grid figure {padding: 10px}
	.partner_logo-grid figure:nth-child(1), .partner_logo-grid figure:nth-child(2), .partner_logo-grid figure:nth-child(6), .partner_logo-grid figure:nth-child(7) {grid-column: span 6 }
	.partner_logo-grid figure:nth-child(3), .partner_logo-grid figure:nth-child(4), .partner_logo-grid figure:nth-child(5),
	.partner_logo-grid figure:nth-child(8), .partner_logo-grid figure:nth-child(9), .partner_logo-grid figure:nth-child(10) {grid-column: span 4}
	
	.partner_logo_text-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
	
	/* spaces */
	.ptm0 {padding-top: 0}
	.ptm20 {padding-top: 20px}
	.ptm40 {padding-top: 40px}
	.ptm60 {padding-top: 60px}
	.ptm80 {padding-top: 80px}
	.ptm100 {padding-top: 100px}

	.pbm0 {padding-bottom: 0}
	.pbm20 {padding-bottom: 20px}
	.pbm40 {padding-bottom: 40px}
	.pbm60 {padding-bottom: 60px}
	.pbm80 {padding-bottom: 80px}
	.pbm100 {padding-bottom: 100px}
}
@media (max-width: 480px) {
	.steps-columns {gap: 50px}
	.steps-column h5 {margin-top: -57px}
	.wp-block-button.donate-button {margin-top: -15px}
	.donate_button-column {padding: 20px}
	.donate_button-column .wp-block-heading {font-size: 20px}
	.donate_button-row a, .donate_button {padding: 14px 12px}
	.wp-block-buttons.button_center-mobile {justify-content: center}
	.news-column figure img, .blog-entry.post .thumbnail img, .wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image img {
		height: 185px;
		width: 100%;
		object-position: top
	}
	.news-column figure, .blog-entry.post .thumbnail, .wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image {height: 195px}
}