@charset "UTF-8";
/* CSS Document */

/* Fix for bootstrap */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 .dropdown-menu-end {
  right: 0;
  left: auto;
}

.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed){
   	outline: none;
	box-shadow: none;
    --bs-accordion-active-bg: black;
    --bs-accordion-active-color: white; 
}
.accordion{
    --bs-accordion-bg: #f6f2f2;
}
.center{
    margin: 0 auto;
}
.page-bg{
    background-color: #fff1da;
}
.bg-dark{
        background-color: black !important;
}
.btn-dark{
    --bs-btn-bg: black;
    --bs-btn-hover-bg: #04a879;
}
a{
	text-decoration: none;
	color: #04a879;
	font-weight: bold;
}
a:hover{
    color: #04a879;
}
.white{
	color: white;
}
.alert-warning {
    color: black;
    background-color: #ffc68e;  
    border: #f79b0b 1px solid;
    border-left: #f79b0b 5px solid;
}
.alert-success {
    border: #104d02 1px solid;
    border-left: #104d02 5px solid;
    background-color: #18bc9c;  
    
}
.card{
    background-color: #fdebd0;
    border-color: #fad7a0;
	border-radius: 1em;
}
.card:hover {
	transition-property: background-color, box-shadow, scale;
	transition-duration: 0.5s;
	background-color: #fad7a0;
	box-shadow: 5px 5px 30px rgba(33,33,33,0.21);
	scale: 1.02;
}
.photo-in-card {
    border-radius: 1em 1em 0 0;
}
.color-gradient{
    background: linear-gradient(to right, #0011FF, #008E36, #ed8c08 75%, #ea00dc);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
.animating-gradient {
    background: linear-gradient(-45deg, black, #0ecc06, black, #026102, black) 0% 0% / 400% 400%;
    animation: 9s ease 0s infinite normal none running gradient;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.wavy-top-border {
    --mask: radial-gradient(13.42em at 50% 18em, #000 99%, #0000 101%) calc(50% - 12em) 0 / 24em 100%, radial-gradient(13.42em at 50% -12em, #0000 99%, #000 101%) 50% 6em / 24em 100% repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
}

@font-face {
  font-family: 'Akaash'; /* Choose a name for your font */
  src: url('fonts/Akaash.ttf') format('truetype'); /* Path to your font file */
  font-weight: bold;
  font-style: bold;
}
.akaash-font{
	font-family: 'Akaash', Arial, sans-serif;
}


/* Tabs */
.nav-tabs{
	--bs-nav-tabs-link-active-bg: #fad7a0;
}
.tab-content{
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

/* iphone and ipad */
@media (max-device-width : 1024px) {
    .hide-on-iphone{
        display: none;
    }
    .page-padding{
        padding: 1em;
        margin-top: 2em;
    } 
	.photo-in-search{
		max-width: 100%;
	}
	.right-aligned-on-desktop{
		display: block;
	}
	body {
        padding-bottom: 3em;
    }	
}

/* Desktop */
@media (min-device-width : 1024px) {
    .hide-on-desktop{
        display: none;
    } 
	.photo-in-search{
		max-width: 50%;
	}	
	.right-aligned-on-desktop{
		float: right;
	}	
    .page-padding{
        padding: 3em;
    }  
}