@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/*Use DM Sans font*/
body { font-family: "DM Sans"; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:"DM Sans"; }
.btn-primary {
    color:#FBFBFB;
}

/*Update background color of the tiles on the home page*/
.tiles {
    background-color: #EFEEEC;
}

/*For anything with orange background, set the text/icon colors to white instead of the primary text color (black)*/
.bg-primary {
    color: #F6F6F6;
}

/*Reduce size of the logo on the login page*/
.logoContainer img {
    height: 40px;
    width: auto;
}

/*Update colors on the events page to use less orange*/
.events-count-area.bg-primary.rounded-right {
    background-color: #735F5B;
}
.mag-events-list .event-date {
    background-color: #735F5B;
}

/*Update star icons to use Zip orange*/
.mag-icon.mag-icon-star.star-orange {
    color: #E7593A;
}

/*Remove wave animation*/
.waves {
    display: none;
}

/*Set height to auto for the home page banner, instead of a default 400px*/
.mag-banner-container, .home-page-banner {
    height:auto;
}    

/*Update positioning since we're not using the default height and animation. This makes the banner just fit the height of the contents*/
.banner-content-container {
    position: static; 
    max-width: 700px;
    transform: none;
}

/*Add margins to the page banner*/
.page-hero-container {
    margin-top: 3rem;
    margin-bottom: 3rem;
}