@charset "UTF-8";
*{
    margin:0
}
html,body{
    height:100%
}
.page-wrap{
    min-height:100%;
    margin-bottom:-142px
}
.page-wrap:after{
    content:"";
    display:block
}
.site-footer,.page-wrap:after{
    height:142px
}
body{
    padding-top:50px;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    font-size:16px
}
body,h1,h2,h3,h4,h5,h6{
    font-family:"utopia-std",sans-serif!important
}
.mono{
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif!important;
    font-weight:300;
    font-style:normal
}
.smalltextwrap{
    padding:10px 0
}
.smalltext_top1{
    padding-top:7px;
    font-size:16px
}
.smalltext_top2{
    padding-top:4px;
    font-size:16px;
    text-align:right
}
.smalltext_top2 img{
    margin:0 2px 6px 2px;
    padding:0
}
.navbar{
    border:0;
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    font-weight:300;
    font-style:normal;
    font-size:16px
}
.navbar-nav{
    float:none;
    margin:0 auto;
    display:table;
    table-layout:fixed
}
.navbar-nav li{
    margin:0!important
}
.navbar-nav li a{
    padding:0;
    margin:10px;
    color:#231f20!important
}
.navbar-nav>.active>a,.navbar-nav>.active>a:hover,.navbar-nav>.active>a:focus{
    color:#231f20!important;
    background:none!important;
    border-bottom:1px solid #231f20
}
.navbar{
    min-height:20px;
    background:#fff
}
.navbar-toggle{
    background:#fff!important;
    outline:0
}
.navbar-toggle .icon-bar{
    display:block;
    width:22px;
    height:2px;
    background-color:#231f20!important;
    border-radius:0
}
.navbar-toggle{
    border:0;
    border-radius:0
}
#main{
    border:none!important;
    box-shadow:none!important
}
#main article{
    border-bottom:none!important
}
.footer-links-new,.about_nav,.blog_nav,.shop_nav{
    margin-top:40px;
    margin-bottom:30px;
    float:none;
    text-align:center;
    font-size:16px;
    line-height:30px
}
.footer-links-new ul,.about_nav ul,.blog_nav ul,.shop_nav ul{
    list-style:none;
    margin:0 auto;
    padding:0
}
.footer-links-new ul li,.about_nav ul li,.blog_nav ul li,.shop_nav ul li{
    display:inline;
    margin:7px
}
.footer-links-new ul li a,.about_nav ul li a,.blog_nav ul li a,.shop_nav ul li a{
    color:#231f20;
    text-decoration:none
}
.footer-links-new .active,.about_nav .active,.blog_nav .active,.shop_nav .active{
    border-bottom:1px solid #231f20
}
.about_nav{
    margin-bottom:60px!important
}
.blog_nav{
    max-width:300px;
    margin:30px auto
}
.coffee_nav{
    margin-top:10px;
    margin-bottom:30px;
    float:none;
    text-align:center;
    font-size:16px
}
.coffee_nav ul{
    list-style:none;
    margin:0 auto;
    padding:0
}
.coffee_nav ul li{
    display:inline;
    margin:7px
}
.coffee_nav ul li a{
    color:#231f20;
    text-decoration:none
}
.coffee_nav .active{
    border-bottom:1px solid #231f20
}
.hometwitter{
    background:#ffc523;
    min-height:240px
}
.hometwitter a{
    color:#231f20
}
.twitterdate{
    padding-top:15px;
    font-size:11px;
    margin-bottom:5px;
    text-decoration:underline
}
.followus{
    margin-top:20px;
    margin-bottom:20px;
    font-size:11px
}
.followus img{
    margin-left:10px
}
.twitterfeedfooter{
    font-size:26px;
    line-height:30px
}
.twitterfeedfooter ul{
    list-style-type:none;
    padding:0
}
.instagramhome{
    font-size:16px
}
.instagramhome h1{
    font-weight:300;
    font-size:21px
}
.instagramhome a{
    color:#231f20
}
.bloghome{
    font-size:16px;
    margin-bottom:30px
}
.bloghome h1{
    font-weight:300;
    font-size:21px
}
.bloghome h1 a{
    color:#231f20
}
.aboutleft{
    width:40%;
    float:left;
    margin-bottom:30px
}
.aboutleft img{
    width:100%;
    height:auto
}
.aboutright{
    width:60%;
    float:right;
    background:#fff;
    padding:20px 70px 50px 70px;
    margin-bottom:20px
}
.abouthome{
    font-size:16px
}
.abouthome h1{
    font-weight:300;
    font-size:21px
}
.abouthome h1 a{
    color:#231f20
}
.abouthomewrap{
    margin:30px 0
}
.post_content-new{
    margin-top:40px
}
.rsNav{
    height:20px;
    position:absolute;
    z-index:100;
    width:70px!important;
    left:50%
}
.innerpageslider .rsNav{
    left:50%!important;
    margin-left:-35px!important;
    bottom:-10px!important
}
.innerpageslider .rs-clement .rsBullet span{
    border:none!important
}
.innerpageslider .rs-clement,.innerpageslider .rs-clement .rsOverflow,.innerpageslider .rs-clement .rsSlide,.innerpageslider .rs-clement .rsVideoFrameHolder,.innerpageslider .rs-clement .rsThumbs{
    background:#fff!important
}
.rs-clement .rsBullets{
    position:relative;
    z-index:35;
    padding-top:4px;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    line-height:5px;
    overflow:hidden
}
.rs-clement .rsBullet{
    width:6px!important;
    height:6px!important;
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:9px!important
}
.rs-clement .rsBullet span{
    display:block;
    width:6px!important;
    height:6px!important;
    border-radius:50%;
    background:#ffc523!important;
    border:1px solid #231f20
}
.rs-clement .rsBullet.rsNavSelected span{
    background-color:#231f20!important
}
.aboutcontact{
    font-size:11px
}
.aboutcontact a{
    color:#231f20;
    text-decoration:none
}
.aboutcontact a:hover{
    border-bottom:1px solid #231f20
}
.aboutcontent{
    font-size:26px;
    line-height:30px
}
#pagecontent{
    padding-top:50px
}
.abouttabcopy{
    font-size:18px;
    line-height:24px
}
.abouttabcopy h1{
    font-size:21px;
    text-align:center;
    padding:20px 0 20px 0
}
.abouttabimage img{
    width:100%;
    height:auto
}
.aboutsocial{
    margin-top:30px;
    text-align:center
}
.coffeetoppic img{
    width:100%;
    height:auto
}
.coffeepic img{
    width:100%;
    height:auto
}
.coffeewrap{
    background:#ffc523
}
.coffeewrap h1{
    font-size:21px;
    line-height:30px;
    text-align:center;
    padding:16px 0 20px 0
}
.teawrap{
    background:#eff0ea
}
.teawrap h1{
    font-size:21px;
    line-height:30px;
    text-align:center;
    padding:16px 0 20px 0
}
.whitebg{
    background:#fff;
    padding-bottom:70px
}
.coffeehead{
    text-align:center;
    font-size:21px;
    padding-top:40px
}
.coffeetextleft{
    padding-top:40px;
    font-size:11px;
    line-height:19px
}
.coffeetextleft h2{
    color:#ffc523;
    font-size:11px;
    line-height:19px;
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    font-weight:300;
    font-style:normal;
    padding:0;
    margin:0
}
.coffeetextright{
    padding-top:20px;
    font-size:16px;
    line-height:20px
}
.innerpageslider{
    width:800px
}
.post_content_shop{
    padding:60px 0 0 0;
    font-size:144px;
    line-height:144px
}
.moreaboutcoffee{
    padding:20px 0 60px 0
}
.moreaboutcoffee a{
    color:#231f20;
    text-decoration:none
}
.page-header-blog h1{
    font-size:21px;
    padding-top:30px;
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    font-weight:300;
    font-style:normal;
    margin:0;
    text-align:center
}
.page-header-blog h1 a{
    color:#231f20
}
.metanew{
    font-size:11px;
    text-align:center;
    padding:5px 0 10px 0
}
.metanew a{
    color:#808285
}
.post_content_blog{
    padding-bottom:40px
}
.shareit{
    font-size:11px;
    text-align:center;
    padding-bottom:30px
}
.shareit a{
    color:#231f20
}
.page-header-archive h1{
    font-size:21px;
    padding:30px 0;
    margin:0;
    text-align:center
}
.page-header-archive h1 a{
    color:#231f20
}
.productwrap{
    background:#f8f8f9
}
.clearfix2{
    clear:both
}
.shopbtn{
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    background:0;
    border:0;
    text-transform:uppercase;
    font-size:21px;
    margin-top:40px;
    padding:0;
    color:#231f20
}
.shopbtn:hover{
    border-bottom:1px solid #231f20
}
.woocommerce-message{
    background:#f8f8f9;
    font-size:16px;
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif
}
h3{
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    font-size:16px;
    font-weight:300
}
.nomobile{
    display:block
}
.nodesktop{
    display:none
}
.tab-content h2{
    font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif;
    font-size:21px;
    font-weight:300;
    text-align:center;
    padding:10px 0
}
.blogwrap{
    background:#fff
}
.coffee_cup_gallery img{
    margin-top:20px
}

/* Noah edits, remove cookie branding */
.moove-gdpr-branding-cnt {
  display:none!important;
}

.bg-yellow {
  background-color:#ffc523;
  padding:2%;
}


.kommain {
  width:100%;
  height:auto;
}

.monobg {
  font-family:"Maison Neue Mono",Helvetica,Arial,Sans-Serif,sans-serif!important;
  font-weight:300;
  font-style:normal;
  font-size:110%;
}

.homemain hover > .overlay {
    width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.5;

}

/* Gallery */
.img-fluid {
  width:100%;
  height:auto;
  padding-top: 5%;
}

.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}

/*end of gallery */

@media(min-width:992px) and (max-width:1199px){
    .smalltext_top1,.smalltext_top2{
        font-size:11px
    }
    .post_content_shop{
        padding:60px 0 0 0;
        font-size:114px;
        line-height:114px
    }
}
@media(min-width:768px) and (max-width:991px){
    .smalltext_top1,.smalltext_top2{
        font-size:11px
    }
    .post_content_shop{
        padding:60px 0 0 0;
        font-size:84px;
        line-height:84px
    }
}
@media(max-width:767px){
    .navbar-collapse{
        padding:0!important
    }
    .navbar-nav{
        background:#ffc523;
        display:block;
        padding:0!important;
        margin:0!important
    }
    .navbar-nav li{
        margin:0!important;
        text-align:center
    }
    .navbar-nav li a{
        padding:15px;
        margin:0;
        color:#231f20!important
    }
    .navbar-nav .post_content_shop{
        padding:60px 0 0 0;
        font-size:64px;
        line-height:64px
    }
    .navbar-nav>.active>a,.navbar-nav>.active>a:hover,.navbar-nav>.active>a:focus{
        color:#231f20!important;
        background:#f6b21a!important;
        border-bottom:0
    }
    .nomobile{
        display:none
    }
    .nodesktop{
        display:block
    }
}
.contactwholesale{
    padding-top:30px;
    font-size:11px;
    line-height:13px;
    text-align:center;
    text-decoration:underline
}
.contactwholesale a{
    color:#231f20
}
@media(max-width:480px){
    .aboutleft,.aboutright{
        width:100%
    }
    .aboutright{
        padding:20px 20px 50px 20px
    }
    .post_content_shop{
        padding:60px 0 0 0;
        font-size:54px;
        line-height:54px
    }
}

/* Noah media queries */

@media screen and (max-width: 767px) {
  .kommain {
    padding-bottom: 5%;
}
}

@media screen and (max-width: 767px) {
.bg-yellow {
  padding-top: 10%;
  padding-bottom: 10%;
}
}