html {scroll-behavior: smooth;}
body{margin:0;}

:root {
    --fade-time: .25s;
}

.logo {
    background-image: url('https://images.squarespace-cdn.com/content/v1/57749e263e00be33b76c3777/1480186950069-N5PMDXM2V7NEGZH7VKGA/ke17ZwdGBToddI8pDm48kDLUZ5g0fP6oKUAKFNHO9Rl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UWf4qz5BgD8N31Rn7ic7rvV7IS0xSfjTsm25Id2HWxVmm4bjm9DAHF2kOsIZRJKXnA/image-asset.png?format=300w');
    width: 100%;
    height: 110px;
    background-repeat:no-repeat;
    background-size: contain;
    background-position:center;
}

/* FONTS */
/* @font-face{
    font-family:brandon-grotesque;
    src:url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/l?subset_id=2&fvd=n3&v=3) 
    format("woff2"),
    url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/d?subset_id=2&fvd=n3&v=3) 
    format("woff"),
    url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/a?subset_id=2&fvd=n3&v=3) 
    format("opentype");
    font-weight:300;
    font-style:normal;
} */

@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/a?subset_id=2&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/a?subset_id=2&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;}@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/l?subset_id=2&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/d?subset_id=2&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/a?subset_id=2&fvd=i3&v=3) format("opentype");font-weight:300;font-style:italic;}@font-face{font-family:brandon-grotesque;src:url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?subset_id=2&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;}@font-face{font-family:baskerville-urw;src:url(https://use.typekit.net/af/a628ba/000000000000000000017918/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/a628ba/000000000000000000017918/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/a628ba/000000000000000000017918/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}@font-face{font-family:baskerville-urw;src:url(https://use.typekit.net/af/088645/00000000000000000001791c/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/088645/00000000000000000001791c/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/088645/00000000000000000001791c/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}@font-face{font-family:baskerville-urw;src:url(https://use.typekit.net/af/a04e51/00000000000000003b9acb60/27/l?subset_id=2&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/a04e51/00000000000000003b9acb60/27/d?subset_id=2&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/a04e51/00000000000000003b9acb60/27/a?subset_id=2&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;}@font-face{font-family:baskerville-urw;src:url(https://use.typekit.net/af/ba4451/00000000000000000001791b/27/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/ba4451/00000000000000000001791b/27/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/ba4451/00000000000000000001791b/27/a?subset_id=2&fvd=i5&v=3) format("opentype");font-weight:500;font-style:italic;}@font-face{font-family:baskerville-urw;src:url(https://use.typekit.net/af/f20c9f/00000000000000000001791d/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/f20c9f/00000000000000000001791d/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/f20c9f/00000000000000000001791d/27/a?subset_id=2&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;}@font-face{font-family:ltc-bodoni-175;src:url(https://use.typekit.net/af/a8a439/00000000000000003b9b21dc/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/a8a439/00000000000000003b9b21dc/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/a8a439/00000000000000003b9b21dc/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}


.title {
    font-family: 'brandon-grotesque';
    font-size: 3rem;
}

.thicker {
    font-size: 4rem !important;
    /* font-weight: bold; */
    font-weight: 400;
}

.top a, a:hover{ 
    text-decoration: none !important;
    color:black;
}

a{
    text-decoration:none !important;
    color: black;
}

.nav-item {
    font-family: 'brandon-grotesque';
    letter-spacing: .25em;
    font-weight: 500;
    font-style:bold;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 10px;
    margin: 0 .66em;
    padding: .618em 0;
    font-weight: 1000 !important;
    flex-grow:1;
}

.nav-bar {
    display:flex;
    flex-direction: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 1 !important;
    
}

.top {
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: space-between;
    height: 30%;
}

.container {
    padding: 30px 100px 30px 100px;
}

.flex-list-horizontal {
    display:flex;
    justify-content: space-around;
}

.social-icon{
    padding: 5px 5px;
}
.foot {
    padding-left: 10px;
    padding-right: 10px;
}

.center {
    text-align: center;
    justify-content: center;
}

.inner {
    margin: 0 100px;
}


/* GOOGLE MAPS */
.gmaps{
    width: 400px;
    height: 400px;
    display:inline-block;
}

/* BUTTONS */

.btn-directions{
    border: 2px solid black;
    border-radius: 3px;
    padding: 21px 34px;
    font-size: 11px;
    font-family:'brandon-grotesque';
    transition: .25s;
    letter-spacing: .3em;
    font-weight: 700;
}

.btn-directions:hover{
    background-color: black;
    color:white;
}

/* COLUMNS */

.two-columns {
    display:flex;
    flex-direction: row;
}

.column {
    width: 90%;
    object-fit: cover;
    padding: 10px;
}

.inline {
    align-items:center;
}
.column > img {
    max-width: 100%;
    height: auto;
}

.left {
    text-align: left;
}

.text {
    padding: 10px;
}

.padded {
    margin: 0 150px;
}

#origins {
    margin: 0 30%;
}

/* TEXT EDITS */
h1, h2, h3, h4, h5{
    font-family: 'brandon-grotesque';
    letter-spacing: .25em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0 .66em;
    padding: .618em 0;
}

.font-baskerville{
    font-family: 'baskerville-urw' !important;
    letter-spacing: .06em;
}


h1 {font-size: 2.3em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.0em;}
h4 {font-size: .6em;}
h5 {font-size: .3em;}

.f-1 { font-size: 2.3em;}
.f-2 { font-size: 1.5em;}
.f-3 { font-size: 1.0em;}
.f-4 { font-size: .6em;}


.quote {font-weight: 300; letter-spacing:.1em; text-transform: none !important;}

.border-left{
    padding-left: 20px;
    border-left: 1px solid #A9A9A9;
}

.box-item {
    padding: 0 20px;
}



/* MEDIA ICONS */

.media-box {
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
}
.media-icon {
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
}

.media-icon > img {
    width: 100%;
}

/*TRANSITIONS */
.fade {
    opacity: .5 !important;
    color:black;
    transition: opacity var(--fade-time);
}

    .fade:hover {
        opacity: .9 !important;
        color:black;
    }

.fontgrow {
    font-style: normal;
    transition: var(--fade-time);
}

    .fontgrow:hover {
        
        font-size: 12px;
    }



.parallax {
    /* The image used */
    
    /* Set a specific height */
    height: 700px;
    
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#image-home {
    background-image: url("./images/banner.jpg");
}

.divider {
    opacity: .2;
    margin: 100px 0;
    border-bottom: 1px solid black;
    max-width: 60%;
    margin: 0 auto;
}

/* INSTAFEED */
#insta-feed {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.instapic {
    height: 290px;
    width: 290px;
    overflow:hidden;
    margin: 5px;
}

.instapic > img{
    max-width: 100%;
    height: auto;
    opacity:1;
    transition: .25s;
}

.instapic > img:hover {
    opacity: .75;
}

/* SKIP TO MAIN */
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 15%;
    height: auto;
    overflow:auto;
    margin: 10px 40%;
    padding:5px;    
    border-radius: 15px;
    border:4px solid white;
    text-align:center;
    font-size:.7em;
    z-index:999;
}

/* EFFECT TO FADE IN AND OUT */
.fx-child {
    opacity: 1.0;
    transition: .3s;
}
.fx-child:hover {
    opacity: .5;
}
.fx-parent:hover > .fx-child{
    opacity: .5;
}
.fx-parent:hover > .fx-child:hover {
    opacity: 1.0;
}

/* RESPONSIVE */
@media only screen and (max-width: 991px) {
    .top {
        flex-direction: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .nav-bar {
        display:flex;
        flex-direction:column;
        /* justify-content:center; */
        text-align:center;
    }

    .instapic {
        height: 160px;
        width: 160px;
    }

    .media-icon {
        width: 150px;
        height: 120px;
    }

    .two-columns {
        flex-direction: column;
    }

    .container {
        padding: 30px 0px 30px 0px;
    }

    .padded {
        margin: 0 20px;
    }
        
    #origins {
        margin: 0 10%;
    }

    .inner {
        margin: 0 10px;
    }

    .gmaps {
        display:none;
    }

    .parallax {
        /* The image used */
        
        /* Set a specific height */
        height: 700px;
        
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}