/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body, p{
	color: hsl(210, 20%, 15%);
	  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, h1, h2,h3, h4, h5, h6, input, textarea, span, div{
	font-family: Open Sans;
}
.admin-bar .dtr_header{
	top: 32px !important;
}
.elementor-icon-box-title {
  margin-top: 0px;
}
p {
  margin-top: 0px;
}

.inner_icons .elementor-icon {
  padding: .5rem;
  background-color: hsla(207 100% 45% / 0.1);
  border-radius: 50%;
}

.toggle_content{
	display: none;
}
.elementor-editor-active .toggle_content{
	display: flex;
}
.toggle_content.active{
	display: flex;
}
.more_text.active .elementor-button-icon {
  transform: rotate(180deg);
}


.dtr-donations-list {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2rem;
  display: grid;
}
.dtr-donation-item {
  animation-duration: .3s;
  position: relative;
  z-index: 0;
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  color: hsl(210, 20%, 15%);
  border-radius: .75rem;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
  display: flex;
  border: 1px solid hsl(0, 0%, 92%);
  background: hsl(0, 0%, 96%);
}
.dtr-donation-thumb {
  overflow: hidden;
  aspect-ratio: 16 / 9;
}
.dtr-donation-thumb img {
  animation-duration: .5s;
  transition-duration: .5s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.dtr-donation-content {
  padding: 1.5rem;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}
.dtr-donation-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  font-family: Open sans;
  margin: 0px 0px 16px 0px;
}
.dtr-donation-excerpt p {
  color: hsl(207, 15%, 40%);
  font-family: Open Sans;
  line-height: 1.625;
}
.dtr-donation-text p {
  color: hsl(207, 15%, 40%);
  font-family: Open Sans;
  line-height: 1.625;
}
.dtr-donation-text {
  display: none;
}
.dtr-donation-sub {
    font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(207, 15%, 40%);
  font-family: Open Sans;
  margin-bottom: 16px;
  margin-top: 24px;
}
.dtr-donation-sub svg {
 width: 16px;
  height: 16px;
  color: hsl(207,100%,45%);
  vertical-align: middle;
  margin-right: 4px;
}
.dtr-donation-high {
  padding: .75rem;
  background: hsla(207, 100%, 45%, .05);
  border: 1px solid hsla(207, 100%, 45%, .2);
  border-radius: .375rem;
  margin-bottom: 16px;
  font-family: Open Sans;
  color: hsl(210, 20%, 15%);
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.25rem;
}
.donation_btn a {
  background: #007ee6;
  width: 100%;
  display: block;
  text-align: center;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  padding: 8px 16px;
  border-radius: .375rem;
  border: 1px solid hsl(207, 100%, 45%);
  font-family: Open Sans;
  font-weight: 600;
}
.dtr-donation-item:hover {
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
}

.dtr-donation-more-text {
  display: flex;
  align-items: center;
  color: #007ee6;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.25rem;
  font-family: Open Sans;
  gap: 4px;
  margin-top: 8px;
  cursor: pointer;
}
.dtr-donation-more-text svg {
  width: 16px;
  height: 16px;
}

.dtr-modal-open #dtrDonationModal {
  overflow: auto;
  min-height: 90vh;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  overflow: auto;
  align-items: flex-start;
}

.dtr-donation-modal__overlay {
  background-color: #000c;
  z-index: 50;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
}
.dtr-donation-modal__panel {
  max-width: 32rem;
  transition-duration: .2s;
  padding: 1.5rem;
  width: 100%;
  display: grid;
  background: #fff;
  position: relative;
  z-index: 999;
  top: 10%;
}
.dtr-modal-image img {
  border-radius: .375rem;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.dtr-modal-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.dtr-modal-open {
  overflow: hidden;
}

.dtr-donation-modal__close {
  position: absolute;
  right: 16px;
  top: 16px;
  background: transparent;
  border: none;
  color: #000 !important;
  padding: 0px !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
.dtr-modal-title {
  letter-spacing: -.025em;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0px;
}

.dtr-modal-subtitle {
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(207, 15%, 40%);
  margin-top: 4px;
}
.dtr-modal-image {
  margin-top: 24px;
}
.dtr-modal-amounts {
  margin-top: 24px;
}
.dtr-modal-amounts__label {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: .75rem;
}
.dtr-modal-amounts__buttons {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .75rem;
}
.dtr-modal-amounts__buttons .dtr-amount-btn {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: .375rem;
  white-space: nowrap;
  gap: .5rem;
  height: 56px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 1px solid rgba(0,0,0,.1);
  color: #000;
  cursor: pointer;
}
.dtr-modal-amounts__buttons .dtr-amount-btn.is-active, .dtr-modal-amounts__buttons .dtr-amount-btn:hover {
  background: hsl(207.1, 100%, 45.1%);
  color: #fff;
  border-color: hsl(207.1, 100%, 45.1%);
}

.dtr-modal-custom {
  margin-top: 24px;
}
.dtr-modal-custom__label {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  margin-bottom: .5rem;
}
.dtr-custom-amount {
  color: hsl(207, 15%, 40%);
  font-size: .875rem;
  line-height: 1.25rem;
  padding-left: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: .75rem;
  border-radius: .375rem;
  border: 1px solid hsl(0,0%,68%);
  width: 100%;
  height: 2.25rem;
  display: flex;
  box-sizing: border-box;
}
.dtr-modal-note {
  padding: 1rem;
  background: hsla(207, 100%, 45%, .05);
  border: 1px solid hsla(207, 100%, 45%, .2);
  margin-top: 24px;
  border-radius: .375rem;
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(210, 20%, 15%);
  margin-bottom: 24px;
}
.dtr-paypal-btn {
}
.dtr-paypal-btn {
  background: #007ee6;
  width: 100%;
  display: block;
  text-align: center;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  padding: 8px 16px;
  border-radius: .375rem;
  border: 1px solid hsl(207, 100%, 45%);
  font-family: Open Sans;
  cursor: pointer;
}



.dtr-thumb-slider__main {
  position: relative;
  overflow: hidden;
   aspect-ratio: 4/3;
}

.dtr-thumb-slider__main-img {
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

.dtr-thumb-slider__counter {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: rgba(255,255,255,.85);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
}

.dtr-thumb-slider__thumbs {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.dtr-thumb-slider[data-thumbs="2"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(2, 1fr); }
.dtr-thumb-slider[data-thumbs="3"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(3, 1fr); }
.dtr-thumb-slider[data-thumbs="4"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(4, 1fr); }
.dtr-thumb-slider[data-thumbs="5"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(5, 1fr); }
.dtr-thumb-slider[data-thumbs="6"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(6, 1fr); }
.dtr-thumb-slider[data-thumbs="7"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(7, 1fr); }
.dtr-thumb-slider[data-thumbs="8"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(8, 1fr); }
.dtr-thumb-slider[data-thumbs="9"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(9, 1fr); }
.dtr-thumb-slider[data-thumbs="10"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(10, 1fr); }
.dtr-thumb-slider[data-thumbs="11"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(11, 1fr); }
.dtr-thumb-slider[data-thumbs="12"] .dtr-thumb-slider__thumbs { grid-template-columns: repeat(12, 1fr); }

.dtr-thumb-slider__thumb {
  padding: 0;
  border: 2px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
}

.dtr-thumb-slider__thumb img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  display: block;
}

.dtr-thumb-slider__thumb.is-active {
  border-color: #0b74ff; /* you can change later */
}

.dtr-thumb-slider {
    border-radius: .375rem;
  overflow: hidden;
  border: 1px solid hsl(0,0%, 92%);
  background: hsl(0,0%,92%);
}
.dtr-thumb-slider__thumbs {
  padding: 1rem;
  margin: 0px;
  background: hsla(207,10%,90%,.3);
  gap: .5rem;
}
.dtr-thumb-slider__thumb {
  padding: 0px !important;
  opacity: .6;
  border-radius: .375rem;
}
.dtr-thumb-slider__thumb:hover{
	opacity: 1;
	border-radius: .375rem;
}
.dtr-thumb-slider__thumb.is-active {
  opacity: 1;
}
.dtr-thumb-slider__thumb img {
  width: 64px;
  height: 64px;
}
@media (max-width: 768px) {
  .dtr-thumb-slider__thumb img { height: 60px; }
}

.inner_right_sticky > div:last-child {
  position: sticky;
  top: 6rem;
}

.dtr_header{
	animation-duration: .3s;
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.dtr_header.dtr_sticky {
  background: hsla(0,0%,95%, .95);
  
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.dtr_header.dtr_sticky .hfe-menu-item {
  color: #000 !important;
}
.dtr_header .hfe-menu-item.elementor-button {
    font-size: 1.125rem;
  line-height: 1.75rem;
}
.dtr_header.dtr_sticky .hfe-menu-item.elementor-button {
  color: #fff !important;
}


.website_alert {
  width: 100vw;
  height: 100vh;
  display: flex;
  z-index: 99999;
  position: fixed;
  top: 0px;
  left: 0px;
  flex-direction: column;
  background: #fff;
    border: 1px solid #fff;
}
.dtr-alert-loaded{
	overflow: hidden;
}
.elementor-editor-active .website_alert {
	display: none;
}
.elementor-editor-active.dtr-alert-loaded{
	overflow: visible;
}
.alert_close {
  position: absolute;
}
.alert_top {
  overflow-y: auto;
  flex: 1 1 0%;
}
.alert_bottom {
  padding: 2rem;
  background: hsl(0,0%,98%);
  border-top: 1px solid hsl(0,0%,88%);
}
.alert_top_bar {
  padding-top: 6rem;
  padding-bottom: 6rem;
  padding-left: 3rem;
  padding-right: 3rem;
  flex-direction: column;
  justify-content: center;
  min-height: 60vh;
  display: flex;
  position: relative;
  background: #000;
  box-sizing: border-box;
}
.alert_top_bar_content {
  padding: 3rem;
  max-width: 896px;
  margin: auto;
}
.alert_top_bar_content p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.alert_top_high {
  margin-top: 24px;
  padding: 1.5rem;
  text-align: center;
  background-color: hsl(207 100% 45% / .05);
  border: 1px solid hsl(207 100% 45% / .2);
  border-radius: .375rem;
}
.alert_top_high h3 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: .5rem;
  margin-top: 0px;
}
.alert_top_high h2 {
  margin: 0px;
  color: hsl(207,100%,45%);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.alert_bottom_inner {
  max-width: 896px;
  margin: auto;
  display: flex;
  gap: 1rem;
  cursor: pointer;
}
.alert_bottom_inner a {
  flex: 1 1 0%;
  background: #007ee6;
  width: 100%;
  text-align: center;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  padding: 8px 16px;
  border-radius: .375rem;
  border: 1px solid hsl(207, 100%, 45%);
  font-family: Open Sans;
  text-decoration: none;
  box-sizing: border-box;
  font-weight: 700;
}
.alert_bottom_inner button {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: .375rem;
  height: 56px;
  border: 1px solid rgba(0,0,0,.1);
  color: #000;
  background: transparent;
  cursor: pointer;
}
.alert_bottom_inner button:hover {
  background: rgba(0,0,0,.03);
  color: #000;
}


.alert_top_bar_bg {
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}
.alert_top_bar_gra {
  background-image: linear-gradient(to bottom right,rgba(0,0,0,.7), rgba(0,0,0,.6),rgba(0,0,0,.7));
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 11;
}
.alert_top_bar_con {
  z-index: 111;
  position: relative;
  text-align: center;
}
.alert_top_bar_con h2 {
  margin-bottom: 1rem;
  text-align: center;
  margin-top: 0px;
  font-weight: 700;
  color: #fff;
  font-size: 3rem;
  line-height: 1;
}
.alert_top_bar_con p {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 600;
  color: #fffffff2;
}
.alert_icon {
  background-color: #fff3;
  display: inline-flex;
  padding: 1rem;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}
.alert_icon svg {
  width: 48px;
  height: 48px;
  color: #fff;
}

.dtr-donation-item.is-hidden { display: none; }

.dtr-donations-toggle {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.dtr-donations-toggle-btn {
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  border-radius: .375rem;
  height: 56px;
  border: 1px solid rgba(0,0,0,.1);
  color: #000 !important;
  background: transparent;
  cursor: pointer;
}
.dtr-donation-tog {
  flex: 1 1 0%;
}
.dtr-donation-more-text.is-open svg { transform: rotate(180deg); }
.dtr-donation-amount {
  font-weight: 700;
  color: #007ee6;
}

.hero_gradient:before{
  background-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,.6), rgba(0,0,0,.7)) !important;
}

.animate-bounce {
  animation: bounce 1s infinite;
  ransition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
}
@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}

.btn_drop{
  backdrop-filter: blur(12px);
}