@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Kalam&display=swap');
/*  SITE: DEMO Kiwanis Club Playground Foundation
Version 1.2
*/

/*ENABLE MAINTENANCE MODE*/

header, footer {display:none;}






/*icegram*/
.ig_action_bar {border-bottom: 2px dashed #042e5a;}
/*type*/
.entry-content p {font-size:1.2em;}
::marker {    content: "";}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color: #1e3a62 !important;text-transform: uppercase;
}
.entry-content h1 {text-transform: none;}
.entry-content h2 {
    font-size: 1.9em !important;
    font-weight: 500;
}
.entry-content .wp-block-image img {
    border-radius: 0;
    margin: 0px;
}
.wp-block-navigation a:hover {
    text-decoration: none !important;
    opacity: .8 !important;
	transition: all 0.3s ease-in-out;
	
}
/*------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------*/
.wp-block-column ul li::before {
    padding: 0 12px 0 0;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    color: #1e3a62;
    font-size: 9px;
    top: -2px;
    position: relative;
}
.bg-light-grey {
    background: linear-gradient(270deg, #ffffff 0%, #dddcdc80 100%);
    border-radius: 10px;
    padding: 2em;
}
.bg-hodag-green-fade {
    background: linear-gradient(270deg, #42a75ab3 0%, #39a352 100%
100%);    border-radius: 10px;    padding: 2em;
	background:#39a352;
	background:#008001; /*hodag green*/
}
.bg-blue-fade {
    background: linear-gradient(270deg, #203d63 0%, #1e3a62 100% 100%);
    border-radius: 10px;
    padding: 2em;
}.bg-blue-fade h2 {color:white;}
.vertical-center-col { 
display: flex; flex-direction: column; justify-content: center;}
.bg-gold {
    border-radius: 10px;
    padding: 2em;
    background-color: #a28f5d;
}






.btn-teal a { 
    background-color: #40e0d0 !important;
    color: #333333 !important;
} 

main.is-layout-flow, main .entry-content {margin-top:0 !important;}
body .wp-block-cover__inner-container h1.wp-block-post-title {color:white !important;}
ul.icon-thanks li::before {
    padding: 0 10px 0 0;
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: 900;
    color: #25beca;
}
ul.icon-thanks {color:white;}

p.white-text-shadow {
	color:white;
	    text-shadow: 2px 2px 2px rgba(50, 46, 46, 1);
	font-size: 1.1em;
}

/*------------------------------------------------------------------------------
HOME
-------------------------------------------------------------------------------*/
/*#col-fund-progress .ep_pb_wrap {
	height: auto;}
#col-fund-progress .ep_pb {height:200px;}*/

#col-fund-progress .ultimeter-705 .primary-color {
    color: #af131a;
    background-color: #af131a;
    border-color: #af131a;
}
#col-fund-progress .ultimeter-705 .secondary-color {
    color: #eee;
    font-size: 18px;
    font-weight: bold;
}

#col-fund-progress h3 {
    font-size: 1.3em;
          color: #333333 !important;    font-weight: 600;
}
#col-fund-progress .ultimeter_meter_amount {
    font-size: 1.3em !important;
    font-family: var(--wp--preset--font-family--baloo-2);
	    border-top: 1px solid #333333;
    color: #333333;
}

/*#col-fund-progress .ultimeter-container .ultimeter_thermometer .ultimeter_meter_progress .ultimeter_meter_amount {
    padding: 0 60px 0 5px;
    vertical-align: top;
    position: absolute;
    border-top: 1px solid #333333;
    color: #333333;
    right: 0;
}*/




#section-hero-banner h1 {    color: white !important;
    font-size: 3.5em !important;}
#section-hero-banner p {font-size: 1.5em;}
#section-hero-banner h1,#section-hero-banner p {text-align: center;}
/*#section-hero-banner .wp-block-button {margin:0 auto;}*/

#section-welcome .wp-element-button, #section-welcome .wp-block-button__link, .btn-blue-wht-letter a,.btn-blue-wht-letter  {
    background-color: #243560 !important;
    border-radius: .33rem;
    color: #ffffff !important;
	
}
.wp-block-buttons a {  transition: all 0.3s ease-in-out;
  display: inline-block;
  text-decoration: none;}
.btn-white-blu-letter a {
	font-size:1.1em;
    background-color: #243560 !important;
    border-radius: .33rem;
    color: #ffffff !important;
    text-transform: uppercase;
}
.btn-white-blu-letter a:hover {
	background-color:#243560db !important;
transition: all 0.3s ease-in-out;}

.btn-gold-white-letter a,div.wpforms-container-full .wpforms-form button[type=submit] {
	font-size:1.1em;
    background-color: #a28f5d !important;
    border-radius: .33rem;
    color: #ffffff !important;
    text-transform: uppercase;
	border:none;
}
.btn-gold-white-letter a:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover
{background-color:#a28f5de8 !important;transition: all 0.3s ease-in-out;
border:none;}
.btn-donate {
    padding: 7px 24px !important;
}
.btn-white-gold-letter a {
    font-size: 1.1em;
    background-color: #ffffff !important;
    border-radius: .33rem;
    color: #a28f5d !important;
    text-transform: uppercase;
}
.btn-white-gold-letter a {
  font-size: 1.1em;
  background-color: #ffffff !important;
  border-radius: 0.33rem;
  color: #a28f5d !important;
  text-transform: uppercase;
  padding: 0.6em 1.2em;
  border: 2px solid #a28f5d;

}


.btn-white-gold-letter a:hover {
  background-color: #ffffffe0 !important;
transition: all 0.3s ease-in-out;
}
#section-bag-tourny {
    background: linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 9%)), url(https://bagsfordom.com/wp-content/uploads/sites/112/bg1900-game.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
/*gallery*/
.sy-controls, .sy-slide>a, .sy-slide>a>img, .sy-slide>img {
    width: auto !important;
    padding: 0;
    margin: 0;
    margin: 0 auto;
}

.donor-list-col {
    background: #6542798c;
    padding: 1em !important;
    border-radius: .33em;
}


#section-contact-us {     margin-top: -2px;} 
#section-contact-us div.wpforms-container-full .wpforms-form .wpforms-field-label {
    color: white;
}




/* HOME SECTION WHY */
#section-why {
    background: linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 9%)), url(https://rhinelander-kiwanis-demo.dev.nwd.host/wp-content/uploads/sites/22/bg-splash-pad-42-transparent.webp);
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#section-why h2 {
    color: #008001 !important;
    font-weight: 700;
}
#section-why h4 {    color: #d0fddb !important;}
#section-why ul li::before {
    padding: 0 12px 0 0;
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: 900;
    color: #ffffff;font-size: inherit;
}

#section-why ul li {
    font-size: 1.1em;
    color: #ffffff;
    padding-bottom: 3px;
}

/* HOME > SECTION PROJECT */
#section-project {
    background: linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 9%)), url(https://rhinelander-kiwanis-demo.dev.nwd.host/wp-content/uploads/sites/22/bg-1900x1200-diagram.webp);
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
/* HOME > SECTION DONATE */
/*#section-donate h2 {color:white !important;}*/
#section-donate {
    background: linear-gradient(89deg, rgb(32 61 99 / 9%), rgb(32 60 99)), url(https://rhinelander-kiwanis-demo.dev.nwd.host/wp-content/uploads/sites/22/bg-donate-1900-02.webp);
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#section-donate h4 { color:white !important;}
#section-donate ul li {color:white;}
#section-donate ul li::before {
    padding: 0 12px 0 0;
    font-family: "Font Awesome 5 Free";
    content: "\f5a2";
    font-weight: 900;
    color: #ffffff;font-size: inherit;
}#section-donate .donation-info-block summary {font-size:.90em; color:white;text-align: center;}
#section-donate .donation-info-block .wp-block-details p {
    font-size: .90em;
    color: white;
}
#section-donate .donation-info-block summary::before {
    padding: 0 12px 0 0;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    font-weight: 900;
    color: #ffffff;
    font-size: inherit;
    top: -2px;
    position: relative;
}











/* HOME > SECTION CONTACT */
#section-contact-us form#wpforms-form-31 {
    padding: 2em;
    background: linear-gradient(360deg, rgb(32 52 93) 0% 0%, rgb(68 91 124) 100% 100%);
 /*   margin-top: -2px;*/
}
#section-contact-us div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 80px;
}


/* Ken Burns Zoom Out Effect */
@keyframes kenBurnsZoomOut {
    from {
        transform: scale(1.1); /* Start slightly zoomed in */
        transform-origin: center center; /* Zoom from the center */
    }
    to {
        transform: scale(1); /* Zoom out to original size */
        transform-origin: center center;
    }
}

.wp-block-cover__image-background {
    animation: kenBurnsZoomOut 15s ease-out forwards; /* Apply the animation */
    /* Ensure the image covers its container */
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Ensure the cover container has a defined height to see the effect */
#section-hero-banner {
    overflow: hidden; /* Important to hide parts of the image that are initially scaled out */
    position: relative; /* For positioning child elements if needed */
    height: 550px; /* Example height, adjust as needed */
}

/* Optional: To make sure the image fills the cover properly while animating */
.wp-block-cover__image-background {
    position: absolute;
    top: 0;
    left: 0;
}







/*------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------*/
footer  {
	margin-top: 0;
	background-color: #20345d;
}
footer .wp-block-site-logo {
  
    background: white;
    border-radius: .33em;
    padding: 5px;

}
footer .wp-block-image {background: white;
    border-radius: .33em;
    padding: 5px;    min-height: 61px;}
footer .wp-block-image.size-full,footer .wp-block-site-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
footer p {color:white !important}
footer footer-wrap-group{ 
padding: 2em 5em !important;
    max-width: 1200px !important;
    margin: 0 auto !important;    }
	
body footer h2 {
    color: turquoise !important;
    text-transform: uppercase;
    font-size: 1.4em !important;
}
footer li a {color: white !important;
    font-size: 1.1em !important;
}
body footer p, body > div.wp-site-blocks > footer > div > div.wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow > p, footer p a { color:white !important;}

footer .wp-block-site-logo img {
    height: auto;
    max-width: 77%;
}
footer .group-copyright {padding-top:5px !important;}
footer .wp-block-group:first-child {
    padding: 4em 4em !important;
}

/*------------------------------------------------------------------------------
MEDIA QUERIES 
-------------------------------------------------------------------------------*/

@media (min-width: 1200px) {
#col-fund-progress h3 {
    font-size: 1.6em;
color: #333333 !important;   font-weight: 600;
}
#col-fund-progress .ultimeter_meter_amount {
    font-size: 1.6em !important;
    font-family: var(--wp--preset--font-family--baloo-2);
}
	/*--------------------------*/ }


@media (min-width: 600px) {
	#section-hero-banner { min-height: 501px;}
#section-hero-banner h1, #section-hero-banner p,
	#section-hero-banner .wp-block-buttons{

            max-width: 750px;

}
    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)* .75);
        display: inline-grid;
        max-height: 200px;
        overflow: hidden;
        min-height: 200px;
    }
	
footer .wp-block-columns div.wp-block-column:nth-child(2) {margin-left:25px;}	
	
	
	
}

@media (max-width: 599px) {
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: auto;
    margin: 1em 0;
}
	a.wp-block-button__link {font-size: .80em !important;
    text-wrap-mode: nowrap;}	
	.donation-info-block { padding: 10px 10px;}	
#section-contact-us {
  
    padding: 1.5em;
}
	
 }   /*------------------------------------MAX 599px------------*/


/*---------------------------------------------
TEMPLATE CSS STYLES
--------------------------------------------*/

/*add pdf icon to links*/


/*Layout Structure*/
.row {margin: 14px 0; width:100%;overflow: hidden;padding: 15px 0;}
.col {padding:0; float:left;}
.col_1 {width:98%; }
.col_1_2 {width:48%; }
.col_1_3 {    width: 32.7%; }
.col_2_3 {    width: 62.7%; }
.col_1_4 {width:24%; }
.col_1_75 {width:68%;}
ul.list-col-2 { /*2 col lists*/
    -moz-column-count: 2;
    -moz-column-gap: 3px;
    -webkit-column-count: 2;
    -webkit-column-gap: 3px;
    column-count: 2;
    column-gap: 3px;
}
ul.list-col-3 { /*3 col lists*/
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
ul.list-col-4 { /*4 col lists*/
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
.block {overflow:auto;padding:15px;}
.bold {font-weight:bold;}
.darkblue {color:#41618a;}
.darkred {color:#800000;}
.darkgreen {color:#006633;}
.yellow {color:#ffff00;}
.dirtywhite {color: #ffefce;}
.indent-txt {padding:20px;}
.darkblue-block {background:#004080;}
.darkred-block {background:#621c17;}
.border-1-black {border:1px solid black;}
.bord-top-1-gray {border-top:1px solid gray;}
.clear {clear:both;}
.pad-top-20 {padding-top:20px !important;}
.gray-block {background-color: #FAF9F9;    border: 1px solid #D6E0E5;}
.center {text-align:center;}