/* COLORS:
* light green: #EAEDE8
* mid green: #475532
* dark green: #çç
* highlight pink: #F5C8DB
* light grey: #e4e4e4
*/

@font-face {
    font-family: "Bloverly";
    src:
      url("../fonts/bloverly.ttf")
}

@font-face {
    font-family: "Champagne & Limousines";
    src:
      url("../fonts/champagne-limousines.ttf"),
      url("../fonts/champagne-limousines-italic.ttf"),
      url("../fonts/champagne-limousines-italic-bold.ttf"),
      url("../fonts/champagne-limousines-bold.ttf"),
}

body {
    color: black;
    font-family: "Champagne & Limousines", sans-serif;
    font-size: 1rem;
}

ul, ol {
    list-style: none;
}

.bg {
    background-color: #EAEDE8;
    background-image: url("../images/faded-leaves.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 250%;
    min-height: 100vh;
}

.maxw-1920 {
    max-width: 1366px;
}

.z-behind {
    z-index: -1;
}

.bullets li {
    list-style-type: disc;
}

.b--dark-grey {
    border-color:#999;
}

/* Flash form */
.claim-modal {
    visibility:hidden;
    height: 0;
}

.claim-form {
    visibility:hidden;
}

.claim-modal.active{
    visibility:visible;
    height: auto;
}
    
.claim-form.active {
    visibility:visible;
}



/**** PASTED FROM RAILS APP ******/

h1, h2, h3, h4, h5, h6, nav li {
    font-family: Bloverly, serif;
}

h2 {
    font-size: 2.25rem;
}

p {
    font-size: 1.25rem;
}

ul, ol {
    list-style: none;
    padding-left: 0;
}

h1, h2, h3, h4, h5, h6, p, a, li, button, input, textarea, label {
    color: black;
}

.pa2-5 {
    padding: 0.75rem;
}

.t-red {
    color: red;
}

.t-blue {
    color: blue;
}

.t-bloverly {
    font-family: Bloverly, serif;
}

.t-champagne {
    font-family: "Champagne & Limousines", sans-serif;
}

.t-grey-hover:hover {
    color: #999;
}

.maxw-1920 {
    max-width: 1366px;
}

.minw-80 {
    min-width: 80rem;
}

#menu-logo {
    width: 100px;
}

.bg-light-grey {
    background-color: #e4e4e4;
}

.b--light-grey {
    border-color: #afafaf;
}

.bg-grey-hover:hover {
    background-color: #afafaf;
    transition: 0.2s all ease-in;
}

.bg-green-hover:hover {
    background-color: #475532;
    transition: 0.2s all ease-in;
    color: white;
}

.bg-grey {
    background-color: #fff;
}

.bg-light-green {
    background-color: #EAEDE8;
}

#availability-table {
    border-spacing: 0px;
}
.tr-bb td {
    border-bottom: 1px solid #a6a6a6;
}

/* Not small */
@media screen and (min-width: 30em) {
    .bg-light-grey-o50-ns {
        background-color: rgba(228, 228, 228, .5);  
    }

    .bg-none-ns {
        background: none;
    }
}

/* Large */
@media screen and (min-width: 60em) {
    .bg-none-l {
        background-size: 150%;
    }
}