/*
Theme Name: The Mugg Theme
Author: Melissa Tiedt
Description: A theme specifically designed for Mugg&Bean
Version: 1.0
*/

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

/*---------------------------------------------------------------------------------------------------- Global */

@font-face {
    font-family: 'FuturaStd-Book_gdi';
    src: url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.ttf'),
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.eot'), /* IE9 Compat Modes */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.woff') format('woff'), /* Pretty Modern Browsers */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Book/FuturaStd-Book_gdi.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'FuturaStd-Bold';
    src: url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.ttf'),
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.eot'), /* IE9 Compat Modes */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/FuturaStd-Bold/FuturaStd-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Langdon';
    src: url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/Langdon/Langdon.ttf.eot'), /* IE9 Compat Modes */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/Langdon/Langdon.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/Langdon/Langdon.ttf.woff') format('woff'), /* Pretty Modern Browsers */
        url('http://www.themugg.com/wp-content/themes/themugg-theme/fonts/Langdon/Langdon.ttf.svg#svgFontName') format('svg'); /* Legacy iOS */
}

ol {
    padding: 0;
    counter-reset: item;
}

ol > li {
    margin: 0;
    list-style-type: none;
    counter-increment: item;
}

ol > li:before {
    display: inline-block;
    width: 1em;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #f9f1e4;
}

#global_wrapper {
    width: 100%;
    background: #f9f1e4;
}

.outer_wrapper {
    width: 100%;
}

.inner_wrapper {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

h1 {
    font-family: 'Langdon', 'Hind Vadodara';
    text-transform: lowercase;
    color: #393F3F;
    font-size: 41px;
    font-weight: 500;
}

h2, h3, h4, h5, h6 {
    font-family: 'FuturaStd-Bold';
    color: #393F3F;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: #393F3F;
}

p {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-size: 14px;
}

#content p#breadcrumbs, #content p#breadcrumbs a {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-size: 10px;
    text-decoration: none;
    text-align: left !important;
    margin: 0;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    width: 100%;

}

#banner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

#banner img, #mobi_banner img {
    width: 100%;
    height: auto;
}

#mobi_banner, #social_icons_mobi {
    display: none;
}

#content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 0 170px 0;
}

/*---------------------------------------------------------------------- Fix iPhone display issues */

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

input[type=submit] {
    -webkit-border-radius:0px !important;
    border-radius: 0 !important;
}

/*---------------------------------------------------------------------------------------------------- Header - header.php */

#header .inner_wrapper {
    padding: 10px 0 0 0;
}

#header.outer_wrapper {
    background: #000000;
    height: 110px;
}

#logo {
    max-width: 200px;

}

/*---------------------------------------------------------------------------------------------------- Nav */

#nav {
    float: left;
    padding: 21px 0 0 0;
}

#nav_top {
    width: 550px;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 0;
    float: right;
}

#nav_top p a {
    font-family: 'FuturaStd-Book_gdi';
    color: #ffffff;
    text-decoration: none;
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 15px;
}

#nav_top #social_icons {
    float: left;
}

#nav_top #social_icons img {
    float: left;
    height: 15px;
    margin: 0 15px 0 0;
}

#nav_bottom {
    width: 550px;
    float: right;
}

#nav_bottom ul li {
    display: inline-block;
    padding: 0 3.9% 0 0;
}

#nav_bottom ul li:last-child {
    padding: 0 0 0 0;
}

#nav_bottom ul li a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'FuturaStd-Book_gdi';
    font-size: 12px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1px;
}

#nav_bottom ul li a:hover {
    color: #A7A7A7;
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 160px;
    margin: 0 0 0 0;
    padding: 0;
    border-top: none;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
}

#nav  li.menu-item .sub-menu li {
    width:100%;
    text-align:left;
    margin: 0;
    padding: 10px;
    border-bottom:1px solid #FFFFFF;
    background-color: #000000;
    display: block;
    z-index: 100;
    position: relative;
}

#nav li.menu-item .sub-menu li a {
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
    padding: 10px;
}

#nav li.menu-item .sub-menu li a:hover {
    color: #A7A7A7;
}

#mobile-header { 
    display: none;
}

#nav .menu-main-menu-container ul#menu-main-menu li.menu-item .sub-menu li.menu-facebook, 
#nav .menu-main-menu-container ul#menu-main-menu li.menu-item .sub-menu li.menu-twitter, 
#nav .menu-main-menu-container ul#menu-main-menu li.menu-item .sub-menu li.menu-instagram, 
#nav .menu-main-menu-container ul#menu-main-menu li.menu-item .sub-menu li.menu-youtube {
    display: none !important;
}

/*---------------------------------------------------------------------- Mobi Menu */

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

    .desktop-header {
        display: none;
    }	

    #logo a img {
        min-width: 150px;
    }

    #social_icons_mobi {
        display: block;
        width: 50%;
        float: left;
        padding: 36px 0 0 0;
    }

    #social_icons_mobi img {
        float: right;
        height: 23px;
        padding: 0 5%;
    }

    #fix-the-menu {
        display: block;
        float: right;
        margin: 10px 10px 10px 0px;
        z-index: 100;
        position: relative;
        top: 35px;
        right: 0px;
    }

    #mobile-header { 
        display: block;
    }

    .social-icons img {
        height: 23px;

    }

    .social-icons {
        margin-top: 36px;
    }

    #desktop-header { 
        display: none;
    }

    /* Important styles */

    #toggle {
        display: block;
        width: 28px;
        height: 30px;
        margin: 0px 0px 0px 10px;
    }

    #toggle span:after,
    #toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after{
        top: 9px;
    }
    #toggle span {
        position: relative;
        display: block;
    }

    #toggle span,
    #toggle span:after,
    #toggle span:before {
        width: 100%;
        height: 5px;
        background-color: #FFFFFF;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }

    /* on activation */

    #toggle.on span {
        background-color: transparent;
    }
    #toggle.on span:before {
        transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
        transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + .menu-main-menu-container {
        opacity: 1;
        visibility: visible;
    } 

    /* menu appearance */
    .menu-main-menu-container {
        color: #999;
        height: 100%;
        margin: auto;
        text-align: center;
        padding: 0 0 110px 0;
        background: #000000;
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s;
        right: 0px;
        position: fixed;
        width: 100%;
        top: 110px;
        z-index: 100;
        overflow: scroll;
    }

    ul#menu-main-menu, li.menu-item, li.menu-item a {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }

    ul#menu-main-menu, li.menu-item {
        padding: 10px 2%;
    }

    li.menu-item a {
        padding: 5px 30px;
        text-decoration: none;
        transition: all .2s;
        color: #ffffff;
        font-family: 'FuturaStd-Book_gdi';
        font-size: 12px;
        text-transform: uppercase;
        font-weight: lighter;
        letter-spacing: 1px;
    }

    li.menu-item a:hover,
    li.menu-item a:focus {

    } 

    ul.sub-menu {
        display: block;
        position: static;
    }

    ul.sub-menu li {
        display: block;
        position: static;
        background: #000000;
    }

    ul.sub-menu li a {
        display: block;
        position: static;
        color: #ffffff;
        text-decoration: none;
        font-family: 'FuturaStd-Book_gdi';
        font-size: 12px;
        text-transform: uppercase;
        font-weight: lighter;
        letter-spacing: 1px;
    }

    li.menu-item-has-children a {
        color: #616161;
        font-size: 15px;
    }

    li.menu-item-has-children {
        border-top: 1px solid #616161;
        font-size: 15px;
    }
}

/*---------------------------------------------------------------------------------------------------- Home Page - index.php */

#post-61 #content {
    width: 100%;
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 170px 0;
}

#post-61 #content h1 {
    padding: 15px 0;
}

#post-61 #content p {
    font-size: 14px;
    width: 75%;
    margin: 0 auto;
}

/*---------------------------------------------------------------------------------------------------- Home Page - Slider */

.amazingslider-text-box-1, .amazingslider-text-wrapper-1, .amazingslider-text-holding-1, .amazingslider-text-1 {
    height: 100%;
}

.amazingslider-text-wrapper-1 {
    margin: 0 5% 0 0 !important;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 33%;
}

.amazingslider-description-1 h2 {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    line-height: 27px;
    padding: 0 0 20px 0;
    font-weight: 700;
    width: 85%;
    margin: 0 auto;
}

.amazingslider-description-1 p {
    font-size: 17px !important;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.amazingslider-description-1 h3 {
    font-size: 20px;
    padding: 10px 0;
    letter-spacing: 0.5px;
    text-align: center;
}

.amazingslider-text-bg-1, .amazingslider-text-bg-2 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(249,241,228,1), rgba(249,241,228,1), rgba(249,241,228,0));
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.amazingslider-text-holding-1 {
    display:block; 
    padding:5%;
    text-align:left;
}

.amazingslider-title-1, .amazingslider-title-2 {
    display: block;
    position: relative;
    font: bold 14px Georgia,serif,Arial;
    color: #333;
    text-align: center;
}

.amazingslider-title-1 img {
    max-width: 100px;
    padding: 6% 0 4% 0;
}

.amazingslider-title-1 span {
    width: 100px;
    height: 100%;
    padding: 10% 0 5% 0;
}

.amazingslider-description-1, .amazingslider-description-2 {
    display: block;
    position: relative;
    font: 12px Georgia,serif,Arial;
    color: #333;
}

.amazingslider-text-1 {
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 1;
    width: 100%;	
}

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

    #banner {
        display: none;
    }

    #recent_post #banner {
        display: block;
    }

    #mobi_banner {
        display: block;
        position: relative;
    }

    .amazingslider-text-holding-2 {
        padding: 1%;
    }

    .amazingslider-text-wrapper-2 {
        margin: 0 0% 0 0 !important;
        right: 0px;
        top: 65% !important;
        min-width: 100%;
        height: auto;
    }

    .amazingslider-text-2 {
        position: absolute;
        top: 0%;
        left: 0%;
        opacity: 1;
        width: 100%;	
        padding:2%; 
    }

    .amazingslider-text-bg-2 {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(249,241,228,1), rgba(249,241,228,1), rgba(249,241,228,0));
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .amazingslider-title-2 img {
        padding: 0 0 0 0;
        float: left;
        width: 15% !important;
        margin: 2%;
    }

    .amazingslider-description-2 {
        float: left;
        width: 78%;
        margin: 2% 2% 2% 0;
    }

    .amazingslider-description-2 h2, .amazingslider-description-2 p {
        text-align: left !important;
        width: 100%;
        padding: 0 0 7px 0;
    }

    .amazingslider-description-2 h2 {
        font-size: 15px;
        text-transform: uppercase;
        line-height: 15px;
        font-weight: 700;
    }

    .amazingslider-description-2 h3 {
        font-size: 16px;
    }

    .amazingslider-description-2 .download_buttons {
        margin: 0;
    }

    .amazingslider-description-2 .download_buttons .download_button {
        width: 40%;
        margin: 1% 1% 0% 1%;
    }
}

/*---------------------------------------------------------------------------------------------------- Home Page - Slider - Individual Styles - Temporary */

.download_buttons {
    max-width: 300px;
    margin: 0 auto;
    padding: 10px;
}

/*---------------------------------------------------------------------------------------------------- Generic Page - page.php */

#banner-title {
    position: absolute; 
    height: 100%; 
    width: 33%;
    background: linear-gradient(rgba(249,241,228,0.7), rgba(249,241,228,0.7), rgba(249,241,228,0));
    right: 5%; 
    text-align: center;
}

#banner-title h2 {
    font-size: 25px;
    padding: 6% 5% 0 5%;
    line-height: 30px;
    text-transform: uppercase;
    width: 100% !important;
}

#banner-title img {
    padding: 5% 5% 0 5%;
    width: 55%;
}

#content h1, #content p, #content h2, #content h3, #content h4 {
    width: 75%;
    margin: 20px auto;
    text-align: center;
}

#content p strong {
    font-family: 'FuturaStd-Bold';
}

#content p {
    font-size: 14px;
}

#content p a {
    font-size: 14px;
    text-decoration: underline;
    color: #393F3F;
}

#content h2, #content h3, #content h4 {
    text-transform: uppercase;
}

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

    #banner-title h2 {
        font-size: 20px;
        padding: 5% 5% 5% 5%;
        line-height: 20px;
        float: left;
        width: 60% !important;
    }

    #mobi_banner #banner-title img {
        width: auto;
        height: 130px; 
        float: left;
        margin: 0 0 0 0;
        padding: 5% 0% 5% 0%;

    }

    #banner-title {
        position: absolute;
        background: linear-gradient(to right, rgba(249,241,228,1), rgba(249,241,228,1), rgba(249,241,228,0));
        right: 0;
        text-align: left;
        width: 100%;
        bottom: 7%;
        height: auto;
    } 

    img.c4kc_logo {
        max-height: 100px;
    } 

    img#discovery-vitality-logo {
        max-height: 90px;
        padding: 5% 0% 5% 5% !important;
    } 
}

/*---------------------------------------------------------------------------------------------------- Franchising Page - page.php */

#post-66 #content span.left, #post-66 #content span.right {
    float: left;
    width: 48%;
    margin: 0 1%;
}

#post-66 #content span.left {
    border-right: 1px solid #393F3F;
}

#post-66 #content a button {
    background-color: #444a4b;
    border: 1px solid #444a4b;
    color: #fff;
    text-decoration: none;
    text-align: center!important;
    padding: 20px;
    text-transform: uppercase;
    margin: 0 auto !important;
    cursor: pointer;
}

#nf-form-2-cont .nf-field-container, #nf-form-3-cont .nf-field-container {
    width: 98% !important;
    margin: 0 1%;
}

#nf-field-15, #nf-field-11 {
    background-color: #444a4b;
    border: 1px solid #444a4b;
    color: #fff;
    text-decoration: none;
    text-align: center!important;
    padding: 0 20px;
    text-transform: uppercase;
    margin: 0 auto !important;
    cursor: pointer;
}

#nf-field-10-container, #nf-field-14-container {
    height: 130px;
}

#nf-field-16-container, #nf-field-17-container {
	height: 135px;
}

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

    #post-66 #content span.left, #post-66 #content span.right {
        float: none;
        width: 96%;
        margin: 0 2%;
    }

}

/*---------------------------------------------------------------------------------------------------- Generosity App Page - page.php */

.download_button {
    float: left;
    width: 48%;
    margin: 1%;
}

/*---------------------------------------------------------------------------------------------------- Generosity App FAQ's Page - page.php */

.accordion {
    background-color: #f9f1e4;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

#post-154 #content button.accordion h3 {
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: contents;
    font-size: 14px;
}

.active, .accordion:hover {
    background-color: #e4d7c2;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

#post-154 #content .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#post-154 #content .panel p {
    text-align: left;
}

#post-154 #content .panel ol {
    padding: 0 0 0 40px;
}

#post-154 #content .panel ol li {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-size: 14px;
}

/*---------------------------------------------------------------------------------------------------- Vitality Rewards Page - page.php */

#banner-title h1 img {
    width: 240px;
    padding: 10px 0 0 0;
}

img#discovery-vitality-logo {
    width: 65%;
} 

#post-91 ol li {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-size: 14px;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

#post-91 #banner-title p {
    font-size: 10px;
    line-height: 13px;
    padding: 0 0 5% 5%;
    float: left;
    width: 90%;
}

#post-91 #banner-title h2 {
    padding: 5% 5% 0 5%;
}

#drinks_list {
    display: table;
}

.drinks_list {
    width: 49%;
    display: table-cell;
    border: 1px solid #3c4447;
    padding: 1% 3% 3% 3%;
}

.drinks_list ul li {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-size: 14px;
    text-align: left;
    width: 49%;
    display: inline-block;
}

.drinks_list ul li sup {
    font-size: 10px;
}

#drinks_list .drinks_list h3 {
    width: 100%;
}

.spacer {
    width: 2%;
    display: table-cell;
}

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

    .drinks_list ul li {
        width: 99%;
    }

}

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

    #post-91 #banner-title p {
        font-size: 10px;
        line-height: 13px;
        padding: 0 0 5% 5%;
        float: left;
        width: 60%;
        margin: -70px 0 0 0;
    }
}

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

    #post-91 #banner-title h2 {
        display: none;
    }

    #post-91 #banner-title p {
        font-size: 10px;
        line-height: 13px;
        padding: 0 0 5% 5%;
        float: left;
        width: 55%;
        margin: 7% 0 0 0;
    }
}

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

    .drinks_list {
        width: 100%;
        display: block;
    }

    .spacer {
        width: 100%;
        display: block;
        height: 10px;
    }

    .drinks_list ul li {
        text-align: center;
    }
}

/*---------------------------------------------------------------------------------------------------- Store Locator Page - category-muggbean-restaurants.php and Store Search Results Page - search.php */

.responsive-map #locationDiv {
    top: 10px;
    height: 35px;
}

.responsive-map #locationInput {
    border: 2px solid #000000;
    font-family: 'FuturaStd-Book_gdi';
    color:#000000;
}

#map {
    width: 45%;
    float: left;
    height: 520px;
}

#storelist {
    position: relative;
    right: 0;
    width: 100%; 
    height: 520px; 
    overflow-y: scroll;
}

#storelist h3 {
    text-align: left;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 12px;
}

#storelist p, #storelist p a {
    text-align: left;
    font-size: 12px;
    margin: 0px;
    padding: 0;
}

.store {
    width:31%;
    float: left;
    height: 220px;
    background: #ffffff;
    padding: 2% 0 0 2%;
    margin: 0% 1% 2% 1%;
}

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

    .responsive-map #locationDiv {
        top: 190px !important;
    }

    #map {
        width: 100%; 
        float: none; 
        padding: 0 2%;
        height: 250px;
    }

    #storelist {
        width: 100%; 
        float: none; 
        padding: 0 2%;
        margin: 10px 0 0 0;
    }

    .store_address {
        display: none;
    }

    .store {
        height: 70px;
        width: 98%;
    }

    #post-566 #content h1, #post-566 #content h2 {
        width: 96%;
    }

    #post-566 #content h1 {
        font-size: 40px;
        margin: 10px 0;
    }

    #post-566 #content h2 {
        font-size: 20px;
        margin: 10px 0;
    }
}

/*---------------------------------------------------------------------------------------------------- Single Store Page - single-mugg_stores.php */

#store_map {
    width: 45%;
    padding: 35px 0 0 15px;
    position: relative;
    left: 0;
    height: 520px;
    float: left;
}

#store_details {
    text-align: left;
    position: relative;
    right: 0;
    width: 55%; 
    height: 520px; 
    float: left;
    padding: 0 0 0 2%;
}

#store_details h1, #store_details h2 {
    font-family: 'FuturaStd-Bold';
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    padding: 0;
    margin: 0;
}	
#store_details h1 {
    padding: 35px 0 0 0;
}

#store_details p, #store_details p a {
    padding: 0 !important ;
    font-size: 13px;
    text-align: left;
    margin: 10px 0;
}

#store_attributes img {
    width: 20px;
    padding: 20px 0;
}

p#store_back {
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

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

    #store_map {
        width: 96%;
        float: none;
        margin: 0 auto;
        height: 250px;
    }

    #store_details {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    #store_details h1, #store_details h2 {
        font-size: 20px;
        padding: 0 0 0 0;
    }

}

/*---------------------------------------------------------------------------------------------------- Storeform Styles - searchform.php */


#searchbox {
    width: 32%;
    margin: 20px auto;
    min-width: 352px;
}

#searchbox input#s {
    width: 68%;
    height: 40px;
    font-size: 18px;
    font-family: 'FuturaStd-Book_gdi';
    padding: 5px 0 10px 10px;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

#searchbox input#searchsubmit {
    margin: 0 0 0 3%;
    font-family: 'FuturaStd-Bold';
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 15px;
    background: #393F3F;
    padding: 3%;
    border: none;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 360px) {
    #searchbox {
        width: 100%;
        min-width: 100%;
    }

    #searchbox input#s {
        width: 94%;
        padding: 10px 3% 10px 3%;
        margin: 0 3%;
    }

    #searchbox input#searchsubmit {
        margin: 3% auto 0% auto;
        display: block;
    }
}


/*---------------------------------------------------------------------------------------------------- Varsity Hockey Page - page.php */

#vs-text {
    width: 50%;
    float: left;
}

#vs-text p {
    text-align: left;
}

#vs-gallery {
    width: 50%;
    float: left;
}

/*---------------------------------------------------------------------------------------------------- Blog Page - category.php */

div#blog_list {
    background: #eee7dc; 
    width: 40%; 
    float: left; 
    padding: 0 1%;
}

div#blog_list div.category-blog {
    width: 100%; 
}

div#blog_list div.category-blog img {
    max-width: 80px;
    width: 20%;
    margin: 0 2% 10px 0; 
    float: left;
}

div#blog_list div.category-blog h4, div#blog_list div.category-blog p {
    text-align: left; 
    float: left; 
    width: 77%;
}

div#blog_list div.category-blog h4 {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

div#blog_list div.category-blog p {
    font-size: 12px;
}

div#recent_post { 
    background: #ffffff; 
    border: solid 20px #ffffff; 
    width: 60%; 
    float: left;
}

div#recent_post p { 
    width: 90%; 
}

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

    div#blog_list {
        width: 100%; 
        float: none; 
        padding: 0 2%;
    }

    div#blog_list h3 {
        padding: 20px 0 0 0;
    }

    div#recent_post { 
        width: 100%; 
        float: none; 
    }

}

/*---------------------------------------------------------------------------------------------------- Blog Article Page - single.php */

p#blog_back {
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

p#date_stamp {
    font-size: 12px;
    line-height: 30px;
}

/*---------------------------------------------------------------------------------------------------- Menu Styles New */



/*---------------------------------------------------------------------------------------------------- Contact Page - page.php */

.half {
    width: 100%;
    padding: 1%;
    float: left;
}

.half .half {
    width:33%;
}


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

    .half .half {
        width: 100%;
    }

}

/*---------------------------------------------------------------------------------------------------- Form Styles - Ninja Forms */

.nf-error-msg, .ninja-forms-req-symbol {
    color: #3c4447 !important;
}

.nf-error .ninja-forms-field {
    border: none !important;
}

.nf-error-field-errors {
    display: none;
}

.nf-error-required-error {
    font-family: 'FuturaStd-Book_gdi';
    font-weight: 500 !important;
    font-size: 12px;
    color: #3c4447 !important;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-label label {
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
    font-weight: 500 !important;
    font-size: 15px;
}

.nf-field-container, .recaptcha-container {
    width: 33% !important;
    float: left;
    clear: none !important;
    padding: 1%;
    height: 100px;
}

#nf-field-3-container {
    height: 130px;
}

.nf-field-element input, .nf-field-element textarea {
    border:none;
}

.nf-field-element textarea {
    height: 75px !important;
}

.nf-field-element input {
    height: 30px !important;
}

.nf-field-element input#nf-field-4 {
    background-color: #444a4b;
    border: 1px solid #444a4b;
    color: #fff;
    text-decoration: none;
    text-align: center !important;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0 auto !important;
    cursor: pointer;
    width: 100%;
    height: 35px !important;
}

#nf-field-4-container {
    clear: both !important;
}

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

    .nf-field-container, .recaptcha-container {
        width: 50% !important;
        float: left;
        clear: none !important;
        padding: 1%;
    }

}

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

    .nf-field-container, .recaptcha-container {
        width: 100% !important;
        float: left;
        clear: none !important;
        padding: 1%;
    }

}

/*---------------------------------------------------------------------------------------------------- Terms & Conditions Page - page.php */

#post-147 #content {
    text-align: left;
}

#post-147 #content h1, #post-147 #content p, #post-147 #content h2, #post-147 #content h3, #post-147 #content h4 {
    width: 96%;
    margin: 20px 0;
    text-align: left !important;
}

#post-147 #content ul li {
    margin: 0 0 0 20px;
    font-size: 14px;
    font-family: 'FuturaStd-Book_gdi';
    color: #3c4447;
}

/*---------------------------------------------------------------------------------------------------- Footer - footer.php */

#footer_top.outer_wrapper {
    background: #fcf7f0;
    border-top: 2px solid #444a4b;
    position: fixed;
    bottom: 45px;
}

#footer_top #quicklinks {
    width: 80%;
    float: left;
    margin: 15px 0 0 0;
}

#footer_top #footer_logo {
    width: 20%;
    float: left;
    text-align: right;
    padding: 10px 0 10px 0;
}

#footer_top #footer_logo img {
    width: 110px;
}

#footer_top #quicklinks h3 {
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 0 12px 0;
    letter-spacing: 0.6px;
}

#footer_top ul li {
    list-style-image: url(images/star-list-item.png);
    margin: 0 0 0 20px;
    line-height: 15px;
    float: left;
    padding: 0 2% 0 0;
}

#footer_top ul li a {
    color: #000000;
    text-decoration: none;
    font-family: 'FuturaStd-Book_gdi';
    font-size: 11px;
    text-transform: uppercase;
}

#footer_top_mobi {
    display: none;
}

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

    #footer_top {
        display: none;
    }

    #footer_top_mobi {
        display: block;
        background:#F9F1E7;
        position: fixed;
        bottom: 44px;
    }

    #footer_top_mobi #button1 {
        background:#9e2624;
        width: 48.5%;
        float: left;
        text-align: center;
        padding: 20px 5%;
        margin: 1% 0.5% 1% 1%;
    }

    #footer_top_mobi #button2 {
        background:#9e2624;
        width: 48.5%;
        text-align: center;
        padding: 20px 5% 20px 5%;
        float: left;
        margin: 1% 1% 1% 0.5%;
    }


    #footer_top_mobi h3 a {
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px;
        color: #FFFFFF;
        text-decoration: none;
    }

    #footer_top_mobi h3 {
        line-height: 20px;
    }

    /*Menu Select Code*/

    #footer_top_mobi #button2 select option {
        text-align: center;
    }

    #footer_top_mobi #button2 select {
        text-align: center;
        width: 130px;
        margin: 0 auto;
        padding: 0;
    }

    .form-control-menu-button {
        border-radius: 0;
        -webkit-appearance: none;
        display: block;
        background-color: #9e2624;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px;
        color: #FFFFFF;
        text-decoration: none;
        font-family: 'FuturaStd-Bold';
        text-align: center !important;
        border:none;
    }

    #controls {
        width: auto;
    }

    .form-control-menu-button i {
        float: right;
        margin-right: 15%;
        margin-top: -25px;
        color: #fff;
    }

    option[value=""][disabled] {
        display: none;
    }

}

#footer_bottom.outer_wrapper {
    background: #000000;
    height: 45px;
    position: fixed;
    bottom: 0;
}

#footer_bottom .inner_wrapper p, #footer_bottom .inner_wrapper p a {
    color:#ffffff;
    font-family: 'FuturaStd-Book_gdi';
    font-size: 10px;
    text-decoration: none;
    padding: 15px 0;
}

#footer_bottom .inner_wrapper p {
    text-align: center;
}


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

    #footer_bottom.outer_wrapper {
        position: fixed;
        bottom: 0;
    }

    #content {
        padding: 0 0 130px 0;
    }
}

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

    #footer_bottom .inner_wrapper p, #footer_bottom .inner_wrapper p a {
        padding: 2px 0;
    }

    #footer_bottom {
        padding: 5px;
    }

    #footer_bottom br {
        display: none;
    }

}