.elementor-117 .elementor-element.elementor-element-de38e17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--flex-wrap:nowrap;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-117 .elementor-element.elementor-element-de38e17:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-de38e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-502fac5 );}.elementor-117 .elementor-element.elementor-element-de38e17.e-con{--align-self:flex-start;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-slide-btn .bdt-slide-btn-icon{background-color:#FFFFFF00;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-prime-slider-next:hover, .elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-prime-slider-previous:hover{background-color:#129AC2;border-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-dad3503{width:100%;max-width:100%;background-color:var( --e-global-color-502fac5 );margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-117 .elementor-element.elementor-element-dad3503.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-slideshow .bdt-overlay-default{background-color:#00000029;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-prime-slider-desc .bdt-ps-sub-title{color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-slider-excerpt{font-family:"DM", Sans-serif;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-slide-btn{border-style:none;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-slide-btn svg *{stroke:var( --e-global-color-502fac5 );}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-slide-btn:hover svg *{stroke:#FFFFFF !important;}.elementor-117 .elementor-element.elementor-element-e952403{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-117 .elementor-element.elementor-element-e952403:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-e952403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-502fac5 );}.elementor-117 .elementor-element.elementor-element-e952403.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-117 .elementor-element.elementor-element-2f96371{--display:flex;--min-height:800px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--flex-wrap:wrap;--align-content:space-between;}.elementor-117 .elementor-element.elementor-element-2f96371:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-2f96371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-502fac5 );}.elementor-117 .elementor-element.elementor-element-1b4a199{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-b89e111{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;text-align:start;}.elementor-117 .elementor-element.elementor-element-b89e111.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-117 .elementor-element.elementor-element-b89e111 .elementor-heading-title{font-size:1.9rem;}.elementor-117 .elementor-element.elementor-element-ef3de8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-117 .elementor-element.elementor-element-ef3de8c.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-117 .elementor-element.elementor-element-aaade8c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-117 .elementor-element.elementor-element-b5795de{--display:flex;}.ee-tooltip.ee-tooltip-a79bbff.to--top,
							 .ee-tooltip.ee-tooltip-a79bbff.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-a79bbff.to--left,
							 .ee-tooltip.ee-tooltip-a79bbff.to--right{margin-top:0px;}.elementor-117 .elementor-element.elementor-element-a79bbff img{width:550px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-117 .elementor-element.elementor-element-e0f60ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-117 .elementor-element.elementor-element-3b51b1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -35px;text-align:start;}.elementor-117 .elementor-element.elementor-element-3b51b1a .elementor-heading-title{font-size:1.9rem;}.elementor-117 .elementor-element.elementor-element-0cfa0d9{text-align:start;font-size:1.1rem;color:var( --e-global-color-secondary );}.elementor-117 .elementor-element.elementor-element-5c7e630{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-117 .elementor-element.elementor-element-9bcc597{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-117 .elementor-element.elementor-element-ce506f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -35px;text-align:start;}.elementor-117 .elementor-element.elementor-element-ce506f6 .elementor-heading-title{font-size:1.9rem;}.elementor-117 .elementor-element.elementor-element-72a0f7e{text-align:start;font-size:1.1rem;color:var( --e-global-color-secondary );}.elementor-117 .elementor-element.elementor-element-0b575b1{--display:flex;}.ee-tooltip.ee-tooltip-17c7f12.to--top,
							 .ee-tooltip.ee-tooltip-17c7f12.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-17c7f12.to--left,
							 .ee-tooltip.ee-tooltip-17c7f12.to--right{margin-top:0px;}.elementor-117 .elementor-element.elementor-element-17c7f12 img{width:550px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-117 .elementor-element.elementor-element-36dd94e{--display:flex;}.elementor-117 .elementor-element.elementor-element-a782d8d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-a782d8d:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-a782d8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF96;}.elementor-117 .elementor-element.elementor-element-49f8de0{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-117 .elementor-element.elementor-element-46525f3 .elementor-button:hover, .elementor-117 .elementor-element.elementor-element-46525f3 .elementor-button:focus{background-color:var( --e-global-color-e02dd2c );}.elementor-117 .elementor-element.elementor-element-46525f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-117 .elementor-element.elementor-element-8a08087{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:stretch;--flex-wrap:wrap;}.elementor-117 .elementor-element.elementor-element-d2b6956{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-117 .elementor-element.elementor-element-c19a747{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 20px 16px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;border-style:none;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-117 .elementor-element.elementor-element-c19a747.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-117 .elementor-element.elementor-element-c19a747 .elementor-heading-title{color:var( --e-global-color-ea3f92c );}.elementor-117 .elementor-element.elementor-element-6294356{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -35px;text-align:start;}.elementor-117 .elementor-element.elementor-element-6294356 .elementor-heading-title{font-size:1.9rem;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid__item{padding-left:18px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid{margin-left:-18px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post{margin-bottom:24px;background-color:#FFFFFF96;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__header{order:1;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media{order:1;margin:0px 0px 0px 0px;z-index:1;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__body,
						 .elementor-117 .elementor-element.elementor-element-7155718 .ee-post--horizontal .ee-post__content{order:1;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__footer{order:1;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__metas--has-metas.ee-post__metas--has-avatar{align-items:center;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__content,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__content > *,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__overlay,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__thumbnail,

										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__header,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__body,
										.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__footer{transition-property:all;transition-timing-function:linear;transition-duration:0.3s;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post__media__overlay{mix-blend-mode:normal;}.elementor-117 .elementor-element.elementor-element-64519a8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:2px 2px 2px 2px;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.5);--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-64519a8:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-64519a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-117 .elementor-element.elementor-element-eeb2d39{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-117 .elementor-element.elementor-element-524c75e .elementor-button{background-color:var( --e-global-color-e02dd2c );fill:#FFF;color:#FFF;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-117 .elementor-element.elementor-element-524c75e{--e-transform-scale:1.3;}.elementor-117 .elementor-element.elementor-element-524c75e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-117 .elementor-element.elementor-element-524c75e .elementor-button-content-wrapper{flex-direction:row;}.elementor-117 .elementor-element.elementor-element-da50798{--display:flex;}body.elementor-page-117:not(.elementor-motion-effects-element-type-background), body.elementor-page-117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9E0E6;}body.elementor-page-117{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-117 .elementor-element.elementor-element-e952403{--width:100vw;}.elementor-117 .elementor-element.elementor-element-2f96371{--width:80vw;}.elementor-117 .elementor-element.elementor-element-b5795de{--width:45%;}.elementor-117 .elementor-element.elementor-element-e0f60ed{--width:40%;}.elementor-117 .elementor-element.elementor-element-9bcc597{--width:40%;}.elementor-117 .elementor-element.elementor-element-0b575b1{--width:45%;}.elementor-117 .elementor-element.elementor-element-d2b6956{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-117 .elementor-element.elementor-element-2f96371{--width:100vw;}}@media(max-width:1024px){.elementor-117 .elementor-element.elementor-element-e952403{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid__item{padding-left:12px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid{margin-left:-12px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post{margin-bottom:12px;}}@media(max-width:767px){.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-prime-slider-desc .bdt-main-title{width:25%;margin-bottom:11px;}.elementor-117 .elementor-element.elementor-element-dad3503 .bdt-prime-slider .bdt-scroll-down{right:0px;}.elementor-117 .elementor-element.elementor-element-e952403{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:20px;--margin-bottom:1px;--margin-left:1px;--margin-right:0px;--padding-top:10px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-c19a747{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid__item{padding-left:0px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-grid{margin-left:-0px;}.elementor-117 .elementor-element.elementor-element-7155718 .ee-post{margin-bottom:0px;}.elementor-117 .elementor-element.elementor-element-64519a8{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-de38e17 */.bdt-prime-slider-button-text  {
     display: flex !important;
    align-items: center !important;
    width: 100% !important;
}
.bdt-slide-btn {
    position: relative !important;
    border-radius: 8px !important;
    border: none !important;
    background: #1099bf !important;
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #eaeaea !important;
    margin-top: 20px !important;
   
transition: transform 0.3s ease !important;
}

.bdt-slide-btn:hover {
    background: #15afdd !important;
    color: #fff !important;
}

.bdt-slide-btn-icon {
    color: #eaeaea;
    position: absolute !important;
    right: 16px; 
    top: 50%; 
    transform: translateY(-50%); 
    transition: transform 0.3s ease !important;
}


.bdt-slide-btn:hover .bdt-slide-btn-icon {
    color: #fff;
       transform: translateY(-50%) translateX(4px);
}


.bdt-title-tag {
    font-family: "DM Serif Text", serif !important;
      text-transform: none !important;
      text-shadow: none !important;
      margin-top: 0 !important;
      line-height: 1 !important;
}

.bdt-ps-sub-title {
        color: #aeaeae  !important;
font-size: 22px !important;
font-weight: 500 !important;
margin-bottom: 0 !important;
font-family: "DM Serif Text", serif !important;
      text-transform: none !important;
      text-shadow: none !important;
}

.box-item p {
    color: #666 !important;
}


.bdt-slider-excerpt p {
      font-family: "Montserrat", sans-serif;
    font-weight: normal !important;
    color: #aeaeae  !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b4a199 */.termin-button {
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for posts-extra, class: .elementor-element-7155718 */h1, h2, h3, h3, h4, h5, h6 {
      font-family: "DM Serif Text", serif !important;
      text-transform: none !important;
}

#side-box p {
      font-family: "Montserrat", sans-serif !important;
    font-weight: lighter !important;
    color: #999;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64519a8 */.insta-box {
	background-color: transparent !important;
	box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ==== DONATION ==== */

.donation-overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  color: rgba(37,38,35,1);
  padding: 50px 80px;
  user-select: none;
  pointer-events: none; 
  max-width: 90%;
  min-height: 50%;
  background: #fff6;
  box-shadow: 0 4px 30px #0000001a;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}


.donation-overlay .donation-content {
margin-top: -20px;
}

.donation-overlay .donation-content h3 {
        font-family: "DM Serif Text", serif;
            font-size: 1.6rem;
margin-bottom: 0 !important;
}

.donation-overlay .donation-content .donation-subtitle {
    font-size: 1rem;
}

.donation-btn {
position: absolute;
z-index: 345;
top: 56%;
left: 44%;
box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.25);
border-radius: 10px;
  transition: all 0.3s ease;
}



.donation-video-hero {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAEA; /* fallback color while video loads */
}

.donation-video-hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  z-index: 1;
}

/* ==== FAITH ==== */

.faith-video-hero {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: black; /* fallback color while video loads */
}

.faith-video-hero video {
  position: absolute;
  top: 70%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.faith-overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  padding: 20px;
  user-select: none;
  pointer-events: none; /* prevent text from capturing mouse events */
  max-width: 90%;
}

  
 @media (min-width: 1900px) {
     .faith-video-hero video {
  top: 130%;
  }
 
}


/* Typography for small lines - handwritten style */
.faith-overlay .line-small {
  font-family: 'Patrick Hand', 'Comic Sans MS', cursive;
  font-size: 38px;
  margin: 0 0 10px 0;
}

/* Typography for big emphasized lines */
.faith-overlay .line-big {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 82px;
  font-weight: 700;
  margin: 0 0 18px 0;
  line-height: 1;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .faith-video-hero {
    height: 400px;
  }
   .donation-video-hero {
    height: 400px;
  }
  .faith-overlay .line-big {
    font-size: 56px;
  }
  .faith-overlay .line-small {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .faith-video-hero {
    height: 320px;
  }
  .faith-overlay .line-big {
    font-size: 44px;
  }
  .faith-overlay .line-small {
    font-size: 22px;
  }
  .faith-video-hero video {
  position: absolute;
  top: 60%;
}
}


/* ====== SOCIAL ====== */

.social-flip-section {
  height: 300px;
  width: 100%;
}

.social-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
}

.flip-card {
  perspective: 1200px;
  text-decoration: none;
}

.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(.4,.2,.2,1);
}

.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transition: background-color 0.6s ease, color 0.6s ease;
}

.flip-front {
  background: #EAEAEA;
}

.flip-front i {
  font-size: 64px;
  margin-bottom: 12px;
   transform: translateY(0);
  transition: transform 0.45s cubic-bezier(.4,.2,.2,1);
  will-change: transform;
}


.flip-card:hover .flip-front i {
  transform: translateY(-6px);
}

.flip-front span {
  font-size: 20px;
  letter-spacing: 1px;
}


.flip-back {
  transform: rotateY(180deg);
  text-align: center;
}

.flip-back i {
  font-size: 28px;
  margin-bottom: 14px;
}

.flip-back p {
  max-width: 70%;
  margin-bottom: 18px;
  font-size: 18px;
}

.arrow {
  font-size: 28px;
}


/* Platform colors */
.youtube .flip-front { color: #ff0000; }
.youtube .flip-back { background: #ff0000; color: #fff; }

.facebook .flip-front { color: #1877f2; }
.facebook .flip-back { background: #1877f2; color: #fff; }

.instagram .flip-front {
  color: #e1306c;
}
.instagram .flip-back {
  background: linear-gradient(45deg, #f77737, #e1306c, #833ab4);
  color: #fff;
}

.spotify .flip-front { color: #1db954; }
.spotify .flip-back { background: #1db954; color: #fff; }

/* Responsive */
@media (max-width: 1024px) {
  .social-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .social-flip-section {
    height: auto;
  }
  .flip-card {
    min-height: 350px;
  }
}

@media (max-width: 767px) {
  .social-grid {
    grid-template-columns: 1fr;
  }
  .flip-card {
    min-height: 300px;
  }
  
  body, html {
    overflow-x: hidden;
  }
}



@media (max-width: 767px) {

  /* Hero container */
  .donation-video-hero {
    position: relative;
    width: 100%;
    height: auto;         /* let it expand with content */
    min-height: 360px;    /* ensures enough space for video */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
  }

  /* Video stays absolute as background */
  .donation-video-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    display: block;
    pointer-events: auto;  /* so taps register */
  }

  /* Overlay card */
  .donation-overlay {
    position: relative;
    z-index: 2;
    padding: 20px 16px;
    max-width: 95%;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-align: center;
  }

  .donation-overlay .donation-content {
    margin-top: 0;
  }

  /* Typography scaling */
  .donation-overlay h3 {
    font-size: 1.25rem;
  }

  .donation-overlay .donation-subtitle {
    font-size: 0.95rem;
  }

  /* Button stacks naturally inside overlay */
  .donation-btn {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 12px;
    display: inline-block;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cdn.gottinberlin.de/m:0/a:https://www.gottinberlin.de/wp-content/uploads/2025/09/DMSerifText-Regular.woff2') format('woff2'),
		url('https://cdn.gottinberlin.de/m:0/a:https://www.gottinberlin.de/wp-content/uploads/2025/09/DMSerifText-Regular.woff') format('woff'),
		url('https://cdn.gottinberlin.de/m:0/a:https://www.gottinberlin.de/wp-content/uploads/2025/09/DMSerifText-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */