/*
Theme Name: Mesh Child
Template: brewkitchen
Text Domain: mesh-child
Theme URI: http://meshomnimedia.com
Description: Base theme for WP development
Version: 2.0
Author: Mesh Omnimedia
Author URI: http://meshomnimedia.com
*/

@font-face {
    font-family: 'Buccaneer';
    src: url('fonts/buccaneer.ttf') format('truetype');
}

/*
*
*	1. Typography
*	2. Global Styles
*	3. Header
*	4. Navigation
*	5. Pages
*	6. Blog
*	7. Sidebars
*	8. Footer
*	9. Forms
*	10. Icons
*
*/


/*
**********************************************************************************************
 Typography
**********************************************************************************************
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Buccaneer';
}


/*
**********************************************************************************************
 Global Styles
**********************************************************************************************
*/

.body-wrapper {
    overflow-x: hidden !important;
}

.tb-section {
    padding-top: 0;
}

.title-bar-left {
    height: 70px;
    margin-top: 10px;
}

.tb-left.blue .title-bar-left {
    background-color: #0b5779;
}

.tb-left.red .title-bar-left {
    background-color: #60201e;
}

.title-bar-left:before {
    content: '';
    display: block;
    height: 70px;
    position: absolute;
    width: 999em;
    left: -999em;
}

.tb-left.blue .title-bar-left:before {
    background-color: #0b5779;
}

.tb-left.red .title-bar-left:before {
    background-color: #60201e;
}

.title-bar-right {
    height: 70px;
    margin-top: 10px;
}

.tb-right.blue .title-bar-right {
    background-color: #0b5779;
}

.tb-right.red .title-bar-right {
    background-color: #60201e;
}

.title-bar-right:before {
    content: '';
    display: block;
    height: 70px;
    position: absolute;
    right: -999em;
    width: 999em;
}

.tb-right.blue .title-bar-right:before {
    background-color: #0b5779;
}

.tb-right.red .title-bar-right:before {
    background-color: #60201e;
}

.tb-left,
.tb-right {
    padding-left: 0;
    padding-right: 0;
}

.tb-left .content-block,
.tb-right .content-block {
    padding-left: 15px;
    padding-right: 15px;
}

.tb-left .content-block h3,
.tb-right .content-block h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 70px;
    margin-top: -65px;
    text-transform: uppercase;
}

.section-title-bar  {
    padding: 0;
}

.section-title-bar .title-container {
    padding: 0;
}

.section-title-bar h2.section-title {
    color: #fff;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
}

.grid {
    padding-bottom: 0;
    padding-top: 0;
}

.grid .content-block .image-container img {
    width: 100%;
}

.grid .content-block {
    margin-top: 0;
}

.grid .content-block h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.7);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.circle-style .content-block {
    padding: 0 20px;
}

.circle-style .image-container img {
    border-radius: 50%;
    transition: 0.3s;
}

.circle-style .content-block:hover img {
    -webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
    filter: blur(2px);
    transition: 0.3s;
}

.circle-style .content-block h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.7);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 15%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*
**********************************************************************************************
 Header
**********************************************************************************************
*/

#header-one .solid-header-wrap {
    background-image: url('../../uploads/2018/03/MBK_homepage_header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
}

#header-one .logo-container {
    float: none;
    width: 100%;
}

#header-one .logo-container img {
    margin: 0 auto;
    width: 270px;
}

.bottom-header-bar {
    background-color: #60201e;
    padding: 13px 0 8px 0;
}

.bottom-header-bar ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
}

.bottom-header-bar ul li {
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    float: none;
    padding: 0 10px;
}

.bottom-header-bar ul li:last-child {
    border-right: none;
}

/*
**********************************************************************************************
 Menus
**********************************************************************************************
*/

div#navbar.navbar-collapse.collapse.pull-right {
    width: 100%;
}

.navbar-nav {
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.navbar-nav>li>a {
    color: #fff;
    font-size: 18px;
    font-family: 'Buccaneer', 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.navbar-nav>li {
    display: inline-block;
    float: none;
}

.navbar-nav>li:nth-of-type(1) {
    margin-left: -18px;
}

.navbar-nav>li:nth-of-type(3) {
    margin-right: 70px;
}

.navbar-nav>li:nth-of-type(4) {
    margin-left: 70px;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    text-decoration: underline;
}


/*
**********************************************************************************************
 Page Styles
**********************************************************************************************
*/

.main-content {
    margin-bottom: 40px;
}

/*
 Home
**********************************************************************************************
*/

.soliloquy-container .soliloquy-caption {
    font-family: 'Buccaneer', serif;
    font-size: 48px;
    background-color: transparent !important;
    text-align: left !important;
}

.soliloquy-container .soliloquy-caption-inside {
    text-shadow: 3px 3px 5px rgba(0,0,0,0.7) !important;
    text-align: left !important;
    padding-left: 10% !important;
}

.tb-section .block-button-container {
    margin-top: 20px;
    text-align: center;
}

.event-row {
    margin-bottom: 15px;
}

.event-row .image-container img {
    max-width: 100%;
}

.event-row .event-date {
    color: #60201e;
    text-transform: uppercase;
}

.event-row .event-description {
    padding-top: 10px;
}

/*
 Events
**********************************************************************************************
*/

.event-row.list {
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.event-thumbnail-container img {
    max-width: 100%;
}

.event-row.list:nth-of-type(odd) {
    background-color: #efefef;
}

.list-event-date,
.list-event-time {
    font-weight: 600;
}

.single-event h1 {
    text-align: center;
}

a.page-numbers {
    color: #fff;
    display: inline-block;
    font-weight: normal;
    width: 30px;
    padding: 7px 0;
    line-height: 1;
    vertical-align: middle;
    background-color: #0b5779;
    text-align: center;
    border-radius: 50%;
}

span.page-numbers.current {
    color: #fff;
    display: inline-block;
    width: 30px;
    padding: 7px 0;
    line-height: 1;
    vertical-align: middle;
    background-color: #60201e;
    text-align: center;
    border-radius: 50%;
}

span.em-pagination {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 30px 0;
}


/*
 Calendar
**********************************************************************************************
*/

/*  Calendar  */

.wpfc-calendar-wrapper {
    margin-top: 30px;
}

.wpfc-calendar-wrapper * {
    font-size: 16px !important;
    /*font-weight: bold;*/
}

/*  Calendar  */

.wpfc-calendar-wrapper h2 {
    font-size: 18px !important;
    font-weight: normal;
}

.ui-widget-header {
    background: #0b5779;
    border-color: #0b5779;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ui-widget-content {
    background: #fff;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.wpfc-more {
    background-color: #73aece !important;
    border-color: #73aece !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: rgba(254,195,10, 0.2);
    border-color: rgba(254,195,10, 1);
}

.ui-state-default {
    color: #73aece;
}
/*
**********************************************************************************************
 Blog
**********************************************************************************************
*/



/*
**********************************************************************************************
 Sidebars
**********************************************************************************************
*/



/*
**********************************************************************************************
 Parallax
**********************************************************************************************
*/



/*
**********************************************************************************************
 Footer
**********************************************************************************************
*/

.site-footer {
    background-color: #0b5779;
}

.main-footer {
    background-image: url(../../uploads/2018/03/Footer_Anchor.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%;
}

.footer-widget-one,
.footer-widget-three {
    text-align: center;
}

.footer-copyright {
    text-align: center;
}

/*
**********************************************************************************************
 Forms
**********************************************************************************************
*/






/*
**********************************************************************************************
 Buttons
**********************************************************************************************
*/

a.btn-solid {
    background-color: #0b5779 !important;
    border-radius: 3px;
}

a.btn-solid:hover {
    background-color: #0f79a9 !important;
}

/*
**********************************************************************************************
 Icons
**********************************************************************************************
*/


/*
**********************************************************************************************
 Digital Pour
**********************************************************************************************
*/

.responsecontainer {
    margin-bottom: 30px;
    text-align: center;
}

.beverage-title {
    font-size: 20px;
}

.percentbar-wrap {
    margin: 10px auto 0 auto;
    width: 50%;
}

.percentbar {
    border: 1px solid #efefef;
    border-radius: 15px;
}

.dp-bar {
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
}

/*
**********************************************************************************************
 Responsive Styles
**********************************************************************************************
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .container {
        width: 980px;
    }

    div#navbar.navbar-collapse.collapse.pull-right {
        padding-left: 0px;
        padding-right: 0;
    }

    .navbar-nav {
        text-align: left;
    }
}

@media screen and (max-width: 991px) {

    #header-one .logo-container {
        max-height: 100%;
    }

    #header-one .logo-container img {
        width: 200px;
    }

    #header-one .navbar-toggle {
        top: 40px;
        right: 20px;
        border: 1px solid #fff;
    }

    #header-one .navbar-toggle .icon-bar {
        border: 1px solid #fff;
    }

    #header-one .navbar-collapse {
        background-color: #282828 !important;
        float: none;
        position: absolute;
        z-index: 1000;
        text-align: center;
    }

    #header-one .navbar-collapse.in {
        background-color: #282828;
    }

    .navbar-collapse ul li {
        display: block;
        float: none;
    }

    .navbar-nav {
        margin-right: 0;
        margin-left: 0;
    }
    
    .navbar-nav>li:nth-of-type(1) {
        margin-left: 0;
    }

    .navbar-nav>li:nth-of-type(3) {
        margin-right: 0;
    }

    .navbar-nav>li:nth-of-type(4) {
        margin-left: 0;
    }

    .dropdown-menu {
        background-color: #333;
        text-align: center;
        width: 100%;
    }

    .dropdown-menu li a {
        color: #fff;
    }
}

@media screen and (max-width: 480px) {

    .tb-left .content-block h3,
    .tb-right .content-block h3 {
        font-size: 26px;
    }

    .circle-style .content-block h3,
    .grid .content-block h3 {
        font-size: 30px;
    }


}

@media screen and (max-width: 320px) {

    #header-one .navbar-toggle {
        top: 20px;
        right: 5px;
        border: 1px solid #fff;
    }

    .bottom-header-bar ul li {
        border-right: none;
    }
}