* {margin: 0; padding: 0; box-sizing: border-box;}
a, a:hover, a:focus, a:active {text-decoration: none; color: inherit;}
p {margin-bottom: 0px;}
button {background-color: transparent; border: 0;}

/* Color Pallet */
/* ------------------------------------------ */
.kcolor-background {background-color: #F0F8FF;} 
/* .kcolor-foreground {background-color: #BCD3EE;} */
.kcolor-primary-lt {background-color: #729CD2;} 
.kcolor-primary {background-color: #092d70;} 
.kcolor-primary-dk {background-color: #293241;} 
/* .kcolor-accent-lt {background-color: #ff8243;}  */
.kcolor-accent {background-color: #d26b5d;} 
/* TEXT COLOR */
.kcolor-background-txt {color: #F0F8FF;}
.kcolor-primary-lt-txt {color: #729CD2;} 
.kcolor-primary-txt {color: #092d70;}
.kcolor-primary-dk-txt {color: #293241;}
.kcolor-accent-txt {color: #d26b5d;}
/* GRADIENTS */
.kgradient-3 {background-image: linear-gradient(to bottom, #729CD2 62%, transparent 38%);}
.kgradient-4 {background-image: linear-gradient(to bottom,#092d70 75%, transparent 75%);}
/* SHADOWS */
.kcolor-primary.kshadow {box-shadow: 0px 0px .75rem #092d70;}
.kcolor-primary-lt.kshadow {box-shadow: 0px 0px 1rem #729CD2;}
.kcolor-accent.kshadow {box-shadow: 0px 0px 1rem #ee6c4d;}
.kcolor-primary-lt.kshadow:hover, .kcolor-primary-lt.kshadow:focus {box-shadow: 0px 0px 0rem #729CD2;}

/* Background Settings*/
/* ------------------------------------------ */
/* FONTS DECORATIONS */
body, .kdisplay-1 
{font-family: 'Yeseva One', serif !important;}
.menu, .menu-donations, .hamburger2, .nav-full-screen-menu 
{font-family: 'Montserrat', sans-serif !important;}
p, a, label, input, textarea, button, .kfont-p, .kfont-accent, .kfont-btn, .kfont-logo, .kfont-label, .kbtn-learn-more
{font-family: 'Montserrat', sans-serif !important;}

.kfont-logo {color: #729CD2; font-weight: 500; font-size: 18px; line-height: 1.25;}
.kfont-logo div:last-child {letter-spacing: .9px;}
.kfont-logo:hover, .kfont-logo:focus {color: #729CD2;}

.kfont-p {font-size: 16px; font-weight: 400; line-height: 1.75;}
.kfont-accent {font-size: 14px; font-weight: 700;}
.kfont-btn {font-size: 14px;}
.kfont-label {font-size: 14px; font-weight: 700;}
.kfont-s1416 {font-size: 14px;}
.kfont-s1214 {font-size: 12px;}
.kfont-cardtitle {font-size: 22px;}
.kfont-cardtitle span {font-weight: 600;}

.kdisplay-1 {font-size: 1.75rem; line-height: 1.35; letter-spacing: -.75px;}

/* ADJUSTMENTS FOR FLEX-BOXES, DIVS, CARDS */
.kboxes {padding: 3rem .75rem;}
.kboxes-bottom {padding: 2rem .75rem 1.5rem .75rem;}
.kboxes-width-constraint {max-width: 1200px; min-width: 300px; margin-left: auto; margin-right: auto;}
.kpadding-footer {padding: .75rem;}
.kmw-100vw-280px {max-width: 100vw;}
.card-body {padding: 1.5rem 1rem;}
.kmb-6 {margin-bottom: 1.25rem;}
.kmt-35 {margin-top: 3.5rem;}
.kdonations-card {position: relative; aspect-ratio: .95; align-items: flex-start; max-width: 215px;}

/* VISIBILITY TOGGLE */
.visibility-1 {display: none;}
.visibility-3 {display: none;}

/* MENU STUFF */
/* ------------------------------------------ */
.menu, .menu-donations {padding: .4rem .75rem; font-size: 16px;}
.menu {color: #092d70; fill: #F0F8FF; border-bottom: 3px solid #F0F8FF;}
.menu-donations {background-color: #d26b5d; color: #F0F8FF; fill: #F0F8FF;}
.menu:hover {fill: #092d70; border-bottom: 3px solid #092d70;}
.menu-donations:hover {background-color: transparent; color: #d26b5d; fill: #d26b5d; border-bottom: 3px solid #d26b5d;}
.menu.active {background-color: #092d70; color: #F0F8FF; border-bottom: 3px solid #092d70;}

/* BUTTONS */
/* ------------------------------------------ */
.active {pointer-events: none;}
.kbtn-learn-more {
  position: relative; width: 134px; 
  border: 1.5px solid #092d70; color: #092d70;
  padding: 2.5px 0px; margin-left: auto; 
  text-align: center;
  transition: .3s;
}
.kcolor-primary .kbtn-learn-more {border: 1.5px solid #F0F8FF; color: #F0F8FF}
.kbtn-learn-more:hover, .kbtn-learn-more:focus {
  background-color: #092d70; color: #F0F8FF;
  transition: .3s;
}
.kcolor-primary .kbtn-learn-more:hover, .kcolor-primary .kbtn-learn-more:focus {
  background-color: #F0F8FF; color: #092d70;
  transition: .3s;
}
.kbtn-gallery {
  display: inline-block; padding: 6px 0px;
  border: 3.5px solid #729CD2; color: #729CD2;
  transition: .3s;
}
.kbtn-gallery:hover, .kbtn-gallery:focus {
  background-color: #729CD2; color: #F0F8FF; border-color: #729CD2;
  transition: .3s;
}
.khighlight {border-bottom: 2.5px dashed #092d70;}
.kjump {margin-left: auto; margin-right: 1rem; transition: .3s;}
a:hover div.kjump, a:focus div.kjump {margin-right: .25rem !important; transition: .3s;}
/* These btns are for the GALLERY page */
.accordion-button {background-color: #729CD2; color: #F0F8FF;}
.accordion-button:focus {box-shadow: none; border: none; background-color: #729CD2; color: #F0F8FF;}

/* DONATION SECTION BUTTONS */
.kmargin-jump {margin-left: auto; margin-right: 2rem; transition: .3s;}
.kcard-donation:hover .kmargin-jump, .kcard-donation:focus .kmargin-jump {
  margin-right: 0; transition: .3s;
}
.kcard-donation:first-child {background-color: transparent; transition: .3s;}
.kcard-donation:last-child {background-color: transparent; transition: .3s;}

.kcard-donation .kborder-circle {border-radius: 50%; position: relative; width: 70px; height: 70px; transition: .3s;}
.kcard-donation:first-child .kborder-circle {border: dashed 5px #729CD2;}
.kcard-donation:last-child .kborder-circle {border: dashed 5px #ee6c4d;}

.kcard-donation:first-child:hover, .kcard-donation:first-child:focus {
  background-color: #729CD2; color: #F0F8FF; transition: .3s;
}
.kcard-donation:last-child:hover, .kcard-donation:last-child:focus {
  background-color: #ee6c4d; color: #F0F8FF; transition: .3s;
}
.kcard-donation:hover .kborder-circle, .kcard-donation:focus .kborder-circle {
  border: dashed 5px #F0F8FF;
}

/* MOBILE MENU */
/* ------------------------------------------ */
.hamburger {cursor: pointer;}
.hamburger img {height: 30px;}
.navbar-top {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 56px;
  background: rgba(240,248,255,0.75);
  backdrop-filter: blur(4px);
  /* box-shadow: 0px 0rem 1rem rgba(41,50,65,.5); */
}
.nav-full-screen {
  position: fixed;
  background: rgba(240,248,255,0.75); backdrop-filter: blur(4px);
  height: calc(100vh - 56px); width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: all .3s linear;
  pointer-events: none;
  z-index: 99;
}
.nav-full-screen.open{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: all;
}
.nav-full-screen-menu {color: #729CD2; font-size: 24px; font-weight: 600; line-height: 1.25;}
.nav-full-screen-menu svg {fill: #729CD2; width: 27px;}
.nav-full-screen-menu .kdonations-menu {color: #ee6c4d;}
.nav-full-screen-menu .kdonations-menu svg {fill: #ee6c4d; width: 27px;}
.nav-full-screen-menu .active {color: #F0F8FF; cursor: default; background-color: #729CD2;}
.nav-full-screen-menu .active svg {fill: #F0F8FF;}
.nav-full-screen-menu .active.kdonations-menu {background-color: #ee6c4d; color: #F0F8FF;}
.nav-full-screen-menu .active.kdonations-menu svg {fill: #F0F8FF;}
.nav-full-screen-menu a {position: relative;}
.nav-align-xy {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 1rem=16px; 1.5rem=24; 2rem=32; 2.5rem=40px; 3rem=48; 3.5rem=56; 4rem=64; 4.5rem=72; 5rem=80  */
@media (min-width: 376px) {
  .kdisplay-1 {font-size: 2rem;}
}
@media (min-width: 576px) {
  .kdisplay-1 {font-size: 2.25rem}
  .kdonations-card {aspect-ratio: .75}
  .kmw-100vw-280px {max-width: 280px;}
  .kfont-p {font-size: 18px;}
  .kfont-accent {font-size: 16px;}
  .kfont-label {font-size: 16px;}
  .kfont-s1416 {font-size: 16px;}
  .kfont-s1214 {font-size: 14px;}
  .visibility-1 {display: block;}
  #aboutus.visibility-1 {display: flex;}
  .visibility-2 {display: none;}
  .k-razorpay-btn2 {margin-top: 5rem;}
  .kpadding-footer {padding: 12px;}
  .kgradient-4 {background-image: linear-gradient(to right, transparent 40%, #092d70 40%);}
  .kgradient-5 {background-image: linear-gradient(to right, transparent 40%, #092d70 40%), linear-gradient(to bottom, #F0F8FF 7%, #729CD2 7%, #729CD2 50%, #ee6c4d 50%, #ee6c4d 93%, #F0F8FF 93%);}
}
@media (min-width: 768px) {
  .kmt-35 {margin-top: 0;}
  .kdisplay-1 {font-size: 2.5rem}
  .kboxes {padding: 4rem 1rem;}
  .kboxes-bottom {padding: 3rem 1rem 1.5rem 1rem;}
  .visibility-3 {display: block;}
  .visibility-4 {display: none;}
}
@media (min-width: 992px) {
  .kdisplay-1 {font-size: 3rem; line-height: 1.25}
  .kboxes {padding: 5rem 3rem;}
  .kboxes-bottom {padding: 3rem 3rem 1.5rem 3rem;}
}