/* CSS Styles for MPMA Website */
/* Default styles are assumed via Bootstrap */

/* Custom styles */

/* Custom styles */

:root {
    --main_color_1: #C35831;
    --main_color_2: #403A3A;
    --main_color_3: #82898F;
    --font_size: 16px;
}

html {
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 100px;
}

footer {
    margin-top: auto;
}

#pageBody {
    margin-bottom: 1rem !important;
}


.btn-primary {
  color: #fff;
  background-color: var(--main_color_1);
  border-color: var(--main_color_1);
  transition: 0.2s;
  border: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--main_color_2);
    border-color: var(--main_color_1);
}

    .btn-primary:focus {
        color: #fff;
        background-color: var(--main_color_2);
        border-color: var(--main_color_2);
        box-shadow: 0 0 0 0.25rem var(--main_color_1-opacity);
    }

    .btn-primary:active {
        color: #fff;
        background-color: var(--main_color_2);
        border-color: var(--main_color_2);
        box-shadow: 0 0 0 0.25rem var(--main_color_1-opacity) !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
    }
    
    .flex-auto {
      flex: 0 0 auto;
    }
    
    .h-250 { height: 250px; }
    @media (min-width: 768px) {
      .h-md-250 { height: 250px; }
    }
    
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

.main-color {
  background-color: #850129;
  color: white;
}

.form-container {
    max-width: 1026px;
    margin: 0 auto;
}