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

/* ============================================
   FONT IMPORTS
   ============================================ */
@import url('font.css');

/* ============================================
   GLOBAL STYLES - NEW BRAND FONTS
   ============================================ */

p {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

div {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

/* Headings - Roxborough CF */
h1, h2, h3, h4, h5, h6, h7 {
    font-family: 'Roxborough CF', serif !important;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */

form, input, select, textarea {
    width: 600px;
    margin: auto;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

/* ============================================
   CONTAINERS
   ============================================ */

#container {
    min-height: 100%;
    position: relative;
    margin: auto;
    max-width: 1430px;
}

.container-independent {
    position: relative;
    margin: auto;
    max-width: 1430px;
}

/* ============================================
   SPACING UTILITIES
   ============================================ */

.spacing {
    line-height: 1;
    letter-spacing: -0.07em;
}

.line-height {
    margin: 0px;
    line-height: 1;
    letter-spacing: -0.09em;
}

.align-mid {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

/* ============================================
   COPYRIGHT
   ============================================ */

#copyright {
    padding-top: 20px;
    text-align: right;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

/* ============================================
   POPUP
   ============================================ */

.popup {
    padding: 20%;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

/* ============================================
   RESPONSIVE - LAPTOP
   ============================================ */

@media screen and (max-width: 1380px) {
    .popup {
        padding: 20%;
    }
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */

@media screen and (max-width: 980px) {
    .icon-bar a:link, 
    .icon-bar a:visited {
        float: left;
        background-color: white;
    }
    
    .icon-bar {
        margin-top: 0;
        position: relative;
        display: block;
    }
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media screen and (max-width: 770px) {
    form, input, select, textarea {
        width: 100% !important;
    }
    
    #copyright {
        text-align: left;
        padding-top: 20px;
    }
    
    .mobile-align-center {
        text-align: center;
    }
    
    .popup {
        padding: 5%;
    }
}

/* ============================================
   FONT UTILITY CLASSES
   ============================================ */

/* Montserrat Utility Classes */
.montserrat {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

.montserrat-thin { font-weight: 100 !important; }
.montserrat-extralight { font-weight: 200 !important; }
.montserrat-light { font-weight: 300 !important; }
.montserrat-regular { font-weight: 400 !important; }
.montserrat-medium { font-weight: 500 !important; }
.montserrat-semibold { font-weight: 600 !important; }
.montserrat-bold { font-weight: 700 !important; }
.montserrat-extrabold { font-weight: 800 !important; }
.montserrat-black { font-weight: 900 !important; }

/* Roxborough CF Utility Classes */
.roxborough {
    font-family: 'Roxborough CF', serif !important;
}

.roxborough-thin { font-weight: 100 !important; }
.roxborough-light { font-weight: 300 !important; }
.roxborough-regular { font-weight: 400 !important; }
.roxborough-medium { font-weight: 500 !important; }
.roxborough-demibold { font-weight: 600 !important; }
.roxborough-bold { font-weight: 700 !important; }
.roxborough-extrabold { font-weight: 800 !important; }
.roxborough-heavy { font-weight: 900 !important; }

.roxborough-italic {
    font-style: italic !important;
}

.gallery-thumb {
	border: solid 6px #b49286;
}