@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;
}
.card{
    background-color: #fdebd0;
    border-color: #fad7a0;
}
.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;
}
.color-gradient{
    background: linear-gradient(#008E36, #0011FF, #FF4300);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* iphone and ipad */
@media (max-device-width : 1024px) {
    .hide-on-iphone{
        display: none;
    }
    .page-padding{
        padding: 1em;
        margin-top: 2em;
    } 
}

/* Desktop */
@media (min-device-width : 1024px) {
    .hide-on-desktop{
        display: none;
    }    
    .page-padding{
        padding: 3em;
    }  
}