.searchForm input[type="search"] {
    float: left;
    width: 100%;
    border: 0;
    height: 44px;
    background: #363636;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Merriweather', Arial, Verdana, sans-serif;
    padding: 5px 54px 5px 15px;
}

.searchwp-live-search-results {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    top: 45px !important;
    width: 100% !important;
    background: #3097dd;
}

.admin-bar .searchwp-live-search-results {
    top: 75px !important;
}

.searchwp-live-search-results .searchwp-live-search-result {
    max-width: 1400px;
    margin: 0 auto;
}

.searchwp-live-search-results .searchwp-live-search-result p {
    border: none;
    font-size: 1.2em;
    padding: .5em 1em;
}

.searchwp-live-search-results .searchwp-live-search-result p a {
    color: #fff;
    text-decoration: none;
    font-family: 'Merriweather';
}

.searchwp-live-search-results .searchwp-live-search-result p:hover {
    background: #fff;
}

.searchwp-live-search-results .searchwp-live-search-result p:hover a {
    color: #3097dd;
}

.searchwp-live-search-no-min-chars:after,
.searchwp-live-search-no-results {
    color: #fff;
}

.mepr-login-link {
    display: none;
}

.membership-btn {
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 10px 50px;
    background: #3097dd;
    text-transform: uppercase;
    max-width: 250px;
    text-align: center;
    margin: 20px auto;
}

.login_purchase {
    margin: 50px 0;
    text-align: center;
}

.login_purchase a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 50px;
    background: #3097dd;
    text-transform: uppercase;
    max-width: 250px;
    text-align: center;
    margin: 20px auto;
}

/* promo styles */

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

    /*article img below promos sticking out*/
    .home .latestWrap .articleWrap .articleThumb {
        width: 100% !important;
    }

    .articleWrap {
        width: 100% !important;
    }

    .home .latestWrap .articleWrap {
        width: 50% !important;
    }

    .home .promoWrap .articleWrap {
        width: 48% !important;
    }
}

.oneArticleWrap {
    width: 100% !important;
    height: auto !important;
}

.oneWrap,
.onePromoWrap {
    text-align: center !important;
    margin: 0 auto !important;
}

.onePromoWrap {
    width: 50% !important;
}

@media screen and (max-width: 760px) {
    .oneArticleWrap {
        width: 100% !important;
    }
}

.twoArticleWrap {
    width: 50% !important;
    height: auto !important;
}

.twoWrap,
.twoPromoWrap {
    text-align: center !important;
    margin: 0 auto !important;
}

.twoPromoWrap {
    width: 100% !important;
}

@media screen and (max-width: 760px) {
    .twoArticleWrap {
        width: 50% !important;
    }
}

@media screen and (max-width: 640px) {
    .twoPromoWrap {
        width: 100% !important;
    }
}

.threeArticleWrap {
    width: 33% !important;
    height: auto !important;
}

.threeWrap,
.threePromoWrap {
    text-align: center !important;
    margin: 0 auto !important;
}

.threePromoWrap {
    width: 100% !important;
}

@media screen and (max-width: 760px) {
    .threeArticleWrap {
        width: 50% !important;
    }
}

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

    .mainNavWrap,
    .pageWrap {
        padding: 0 !important;
    }

    .promoWrap {
        margin: 0 !important;
    }
}

/* slider bug */
@media screen and (max-width: 480px) {
    .featuredArticle .articleWrap {
        position: static !important;
    }

    .slideArticleWrap {
        width: 100% !important;
    }

    .ubermenu .ubermenu-column,
    .ubermenu .ubermenu-submenu-type-stack {
        padding: 0px 0px 0px 0px !important;
    }
}

/* fix responsive product styles*/
@media screen and (max-width: 760px) {
    #main div .images {
        display: table !important;
    }

    #main nav>* {
        font-size: 12px !important;
    }

    h1.product_title.entry-title {
        font-size: 16px !important;
    }
}

/* fix submenu transparency */
.ubermenu-submenu {
    background-color: #000 !important;
}

.pageHeadline h2.categoryBreadcrumb {
    font-size: 14px !important;
}

.categoryBreadcrumb a {
    color: #3097dd !important;
}


/* posts width bug */
@media screen and (max-width: 480px) {
    div.blogPage div.mainContent div.contentWrap div.articleWrap {
        width: 100% !important;
    }

    .postArticleWrap {
        width: 100% !important;
    }
}


div.contentMeta h6.blogBreadcrumb {
    float: right;
    text-align: right;
    width: 50%;
}

div.contentMeta h2.categoryBreadcrumb,
div.contentMeta h6.blogBreadcrumb {
    text-transform: none !important;
    font-family: "Montserrat", ​Arial, ​Verdana, ​sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size-adjust: none !important;
    color: #373737 !important;
    text-transform: none !important;
    line-height: 14px !important;
    margin-top: -15px !important;
}

.woocommerce .quantity .qty {
    height: 40px;
}

@-moz-document url-prefix() {
    .woocommerce .quantity .qty {
        height: 42px !important;
    }
}

.coupon input {
    height: 40px;
}


@media screen and (max-width: 1024px) {
    #mainNav {
        width: 100%;
        display: block !important;
    }

    ul#mainNav ul li a {
        font-family: "Montserrat", ​Arial, ​Verdana, ​sans-serif;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-size-adjust: none;
        color: #fff;
        text-transform: none;
        text-decoration: none;
        line-height: 20.8px;
        text-align: left;
        vertical-align: top;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-color: #6c5f9e;
        border-right-color: #6c5f9e;
        border-bottom-color: #6c5f9e;
        border-left-color: #6c5f9e;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: none;
        outline-color: #6c5f9e;
    }
}


/* START Make the table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

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

    /* Force table to not be like tables anymore */
    .woocommerce table.shop_table,
    .woocommerce table.shop_table thead,
    .woocommerce table.shop_table tbody,
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td,
    .woocommerce table.shop_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce table.shop_table tr {
        /*border: 1px solid #d2d3d3; */
    }

    .woocommerce table.shop_table td {
        /* Behave like a "row" */
        border: 1px solid #d2d3d3;
        position: relative;
        /* padding-left: 30% !important; */
    }

    .woocommerce table.shop_table {
        border: none;
    }

    .woocommerce table.shop_table td.product-spacer {
        border-color: #FFF;
        height: 10px;
    }

    .woocommerce table.shop_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }


    body.woocommerce-checkout .pageWrap .amsContainer .row .col .mainContent .contentWrap .woocommerce form.checkout.woocommerce-checkout div#order_review > .arm-checkout-order-table-wrap table.shop_table tfoot tr td {
        text-align: left;
        padding: 0 !important;
    }
    
    body.woocommerce-checkout .pageWrap .amsContainer .row .col .mainContent .contentWrap .woocommerce form.checkout.woocommerce-checkout div#order_review > .arm-checkout-order-table-wrap table.shop_table tfoot tr th {
        text-align: left;
    }


    /*
Label the data
*/
    .woocommerce table.shop_table td.product-remove:before {
        content: "DELETE";
    }

    .woocommerce table.shop_table td.product-thumbnail:before {
        content: "IMAGE";
    }

    .woocommerce table.shop_table td.product-name:before {
        content: "PRODUCT";
    }

    .woocommerce table.shop_table td.product-price:before {
        content: "PRICE";
    }

    .woocommerce table.shop_table td.product-quantity:before {
        content: "QUANTITY";
    }

    .woocommerce table.shop_table td.product-subtotal:before {
        content: "SUBTOTAL";
    }

    .woocommerce table.shop_table td.product-total:before {
        content: "TOTAL";
    }

    .woocommerce .quantity,
    .woocommerce .quantity,
    .woocommerce .quantity,
    .woocommerce .quantity {
        margin: 0;
    }

    .woocommerce table td.actions,
    .woocommerce table td.actions {
        text-align: left;
        border: 0;
        padding-left: 6px !important;
    }

    .woocommerce table td.actions .button.alt,
    .woocommerce table td.actions .button.alt {
        float: left;
        margin-top: 10px;
    }

    .woocommerce table td.actions div,
    .woocommerce table td.actions div,
    .woocommerce table td.actions input,
    .woocommerce table td.actions input {
        margin-bottom: 10px;
    }

    .woocommerce -collaterals _totals {
        float: left;
        width: 100%;
        text-align: left;
    }

    .woocommerce -collaterals _totals th,
    .woocommerce -collaterals _totals td {
        border: 0 !important;
    }

    .woocommerce -collaterals _totals table tr-subtotal td,
    .woocommerce -collaterals _totals table tr.shipping td,
    .woocommerce -collaterals _totals table tr.total td {
        padding-left: 6px !important;
    }

    .woocommerce table.shop_table tr-subtotal td,
    .woocommerce table.shop_table tr.shipping td,
    .woocommerce table.shop_table tr.total td,
    .woocommerce table.shop_table.order_details tfoot th,
    .woocommerce table.shop_table.order_details tfoot td {
        padding-left: 6px !important;
        border: 0 !important;
    }

    .woocommerce table.shop_table tbody {
        padding-top: 10px;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce .col2-set .col-2,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        float: none;
        width: 100%;
    }

    .woocommerce .order_details ul,
    .woocommerce .order_details ul,
    .woocommerce .order_details,
    .woocommerce .order_details {
        padding: 0;
    }

    .woocommerce .order_details li,
    .woocommerce .order_details li {
        clear: left;
        margin-bottom: 10px;
        border: 0;
    }

    /* make buttons full width, text wide anyway, improves effectiveness */
    table td.actions .button,
    .woocommerce table td.actions .input-text,
    .woocommerce table td.actions input,
    .woocommerce table td.actions .button,
    .woocommerce table td.actions .input-text,
    .woocommerce table td.actions input,
    .woocommerce table td.actions .button,
    .woocommerce table td.actions .input-text,
    .woocommerce table td.actions input,
    .woocommerce table td.actions .button,
    .woocommerce table td.actions .input-text,
    .woocommerce table td.actions input {
        width: 100%;
    }

    /* keep coupon at 50% */
    table td.actions .coupon .button,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon input,
    .woocommerce table td.actions .coupon .button,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon input,
    .woocommerce table td.actions .coupon .button,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon input,
    .woocommerce table td.actions .coupon .button,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon input {
        width: 48%;
    }

    /* clean up how coupon inputs display */
    table td.actions .coupon,
    .woocommerce table td.actions .coupon,
    .woocommerce table td.actions .coupon,
    .woocommerce table td.actions .coupon {
        margin-top: 1.5em;
    }

    table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon .input-text,
    .woocommerce table td.actions .coupon .input-text {
        margin-bottom: 1em;
    }

    /* remove cross sells, they interfere with flow between and totals + shipping calculator */
    .woocommerce -collaterals .cross-sells,
    .woocommerce -collaterals .cross-sells {
        display: none;
    }

}

/* END Make the table responsive */


.topNav {
    position: fixed;
    z-index: 999;
}

.admin-bar .topNav {
    top: 32px;
}

.mainContent .contentWrap h1 a:link,
.mainContent .contentWrap h2 a:link,
.mainContent .contentWrap h3 a:link,
.mainContent .contentWrap h4 a:link,
.mainContent .contentWrap h5 a:link,
.mainContent .contentWrap h6 a:link {
    color: #3097dd;
    text-decoration: underline;
}

.mainContent .contentWrap h1 a:hover,
.mainContent .contentWrap h2 a:hover,
.mainContent .contentWrap h3 a:hover,
.mainContent .contentWrap h4 a:hover,
.mainContent .contentWrap h5 a:hover,
.mainContent .contentWrap h6 a:hover,
.mainContent .contentWrap h1 a:active,
.mainContent .contentWrap h2 a:active,
.mainContent .contentWrap h3 a:active,
.mainContent .contentWrap h4 a:active,
.mainContent .contentWrap h5 a:active,
.mainContent .contentWrap h6 a:active {
    color: magenta;
    text-decoration: underline;
}

.mainContent .contentWrap h1 a:visited,
.mainContent .contentWrap h2 a:visited,
.mainContent .contentWrap h3 a:visited,
.mainContent .contentWrap h4 a:visited,
.mainContent .contentWrap h5 a:visited,
.mainContent .contentWrap h6 a:visited {
    color: gray;
    text-decoration: underline;
}

.woocommerce ul.products li.product .button.add_to_cart_button {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-top: 10px;
}

.woocommerce ul.products li.product .added_to_cart.wc-forward {
    vertical-align: middle;
    display: inline-block;
    float: none;
    font-size: 15px;
    padding-top: 0;
    margin-top: 10px;
}

.subscribeTY {
    text-align: center;
}

.subscribeTY>h2 {
    margin-bottom: 20px;
    margin-top: 50px !important;
}

.subscribeTY .frm_form_fields {
    overflow: hidden;
}

.subscribeTY .membership-btn {
    max-width: 100%;
}

.subscribeTY .frm_fields_container {
    display: block !important;
}

.subscribeTY input[type="email"] {
    padding: 1.5em 1em !important;
}

.subscribeTY .frm_submit {
    text-align: center;
}

.subscribeTY .frm_submit input {
    min-width: 200px;
}

.subscribeTY .frm_ajax_loading {
    display: none;
}

.page-content p {
    margin-bottom: 20px;
    clear: both;
}

.page-content ul {
    margin: 10px 0;
}

img.alignright {
    margin: 0 0 20px 20px;
}

img.alignnone {
    margin: 20px 0;
}
img.alignleft {
    margin: 0 20px 20px 0;
}
h1 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}
h2 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}
h3 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}
h4 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}
h5 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}
h6 {
	color: #171821;
	font-family: 'Merriweather';
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
    margin: 15px 0;
	a {
		font-family: "Merriweather";
		font-style: normal;
		font-weight: 700;
		text-decoration: none;
	}
}

a.membership-btn {
    border-radius: 4px;
    font-family: 'Merriweather';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: normal;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: capitalize;
    text-align: center;
    background: #3D97D3;
    color: #ffffff;
    border: 1.5px solid #3D97D3;
}

a.membership-btn:hover {
    background: #2877AE;
    border: 1.5px solid #2877AE;
    color: #fff;
}

.page-content table {
    border: 1px solid #000000;
    border-collapse: collapse;
}
.page-content table td, .page-content table th {
    border: 1px solid #000000;
    padding: 3px 2px;
}
.page-content table thead {
    background: #3D97D3;
    border-bottom: 2px solid #000000;
}

.page-content table thead th {
    font-weight: bold;
    color: #FFFFFF;
}
.page-content table {
    width: calc(100% - 40px);
    margin: 20px;
}

.accordian-boxes .accordian-box ul {
    list-style: none;
}