@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


/* ------------------------------------------------------------------------------- */
/* FONTS */
body, p {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

body, p {
	font-size: 16px;
	line-height: 150%;
	color: #808080;
	font-weight: 400;
}

ul {
	font-size: 16px;
	line-height: 27px;
	color: #808080;
}

@media only screen and (max-width : 479px) {
body, p {
	font-size: 15px;
	line-height: 150%;
	color: #808080;
}
ul {
	font-size: 15px;
	line-height: 25px;
	color: #808080;
}
}

h1 {
	font-size: 26px;
	line-height: 140%;
	font-weight: 600;
	color: #282421;
	margin-bottom: 20px;
}

h2 {
	font-size: 26px;
	line-height: 140%;
	font-weight: 600;
	color: #282421;
	margin-bottom: 20px;
}

h3 {
	font-size: 22px;
	line-height: 140%;
	font-weight: 600;
	color: #282421;
}

h4 {
    font-size: 16px;
	line-height: 140%;
	font-weight: 600;
	color: #00c1de;
}

h4.mk-homepage-link {
	font-size: 18px;
	line-height: 140%;
	font-weight: 600;
	color: #282421;
	margin-top: 20px;
}

h5 {
	font-size: 16px;
    margin-top: 15px;
    color: #282421;
}

h6 {
	color: #282421;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fa {
	font-size: 90%;
}


/* ------------------------------------------------------------------------------- */
/* GENERAL */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.margin-above {
	margin-top: 30px;
}

.no-bottom-margin {
    margin-bottom: 0;
}

@media only screen and (max-width : 380px) {
a.mobile-hide {
    display: none;
}
}


/* ------------------------------------------------------------------------------- */
/* HEADER */

#masthead {
	background-color: #ffffff;
}

.site-branding {
    padding-top: 25px;
}

.site-header-inner {
    padding-bottom: 20px;
}

.site-header-rhs {
    padding-top: 15px;
    text-align: right;
}

@media only screen and (max-width : 300px) {
.site-header-rhs {
	display: none;
}
}

.site-header-rhs p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.site-header-rhs h3 {
    color: #00c1de;
    font-weight: 300;
    margin-top: 10px;
    font-size: 20px;
}

@media only screen and (max-width : 480px) {
.site-header-rhs h3 {
    color: #00c1de;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
}
}

.site-header-fb-icon {
    margin-right: 8px;
}

.site-header-phone-icon {
    margin-right: 4px;
    color: #282421;
    font-size: 120%
}

.site-header-login-arrow {
    color: #00c1de;
    font-size: 100%
}

.e-learning-login-container {
    margin-bottom: 40px;
}

a.e-learning-login-link {
    color: #808080;
}

a.e-learning-login-link:hover {
    color: #6b1e74;
}

@media only screen and (max-width : 480px) {
a.e-learning-login-link {
    display: none;
}
}

#single-wrapper, #wrapper-index, #archive-wrapper, #woocommerce-wrapper, #page-wrapper, #four-o-four-wrapper {
    padding: 0 0 20px 0;
}

.home-wrapper {
    padding: 0 0 30px 0;
}

@media only screen and (max-width : 480px) {
.site-header-button {
    display: none!important;
}
.site-header-fb-icon {
    margin-right: 0;
}
}


/* ------------------------------------------------------------------------------- */
/* HOME PAGE */

.mk-intro-band {
	margin-top: 70px;
	margin-bottom: 20px;
}

/* Fix for padding on normal width bands */
@media only screen and (max-width : 575px) {
.mk-intro-band, .mk-separator-band, .mk-pad-fix, .mk-article-band, .mk-social-feed {
    margin-left: -15px;
    margin-right: -15px;
}
}

@media only screen and (max-width : 767px) {
.mk-intro-band {
    margin-top: 40px;
}
}

.mk-search-band {
    background-color: #c9c3ba;
    margin: 0 -15px;
    padding: 30px 0 15px 0;
}

.projects-image-holder {
	overflow: hidden;
}

.projects-image-holder img {
    transition: all 0.2s ease-in-out 0s;
}

.projects-image-holder img:hover {
    transform: Scale(1.05);
}

@media only screen and (max-width : 767px) {
.projects-text-outer {
    margin-bottom: 40px;
}
}

/* TESTIMONIALS CAROUSEL ------------------ */

.owl-prev {
    color: #00c1de;
    float: left;
    font-size: 200%;
    margin-right: 10px;
}

.owl-next {
    font-size: 200%;
    color: #00c1de;
}


/* ------------------------------------------------------------------------------- */
/* SEPARATORS */

.mk-separator-1 {
	background-color: #c9c3ba;
    height: 2px;
    margin-bottom: 20px;
    width: 130px;
}

.mk-separator-band {
    margin-bottom: 20px;
    margin-top: 80px;
}

.mk-separator-band-footer {
    margin-bottom: 20px;
}

.mk-separator-hr {
    border-top: 1px solid #282421;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Section headings */
.mk-separator-heading {
    border-top: 1px solid #282421;
    margin-bottom: 20px;
}

.mk-separator-heading::before {
    background: #282421 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 26px;
    left: 15px;
    margin: -26px 0 0 0;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 140px;
}

.mk-separator-text-courses::before {
    content: "Courses";
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.mk-separator-text-testimonials {
    margin-bottom: 30px;
}

.mk-separator-text-testimonials::before {
    content: "Testimonials";
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.mk-separator-text-footer::before {
    content: "Get in touch";
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

@media only screen and (max-width : 767px) {
.mk-separator-hr {
    margin-top: 0px;
}
}

.pink-arrow-1 {
	color: #c9c3ba;
}

hr {
    margin-bottom: 1.7rem;
    margin-top: 1.7rem;
    border-color: rgba(0, 0, 0, 1) -moz-use-text-color -moz-use-text-color;
}

hr.mk-dotted {
    border-style: dotted;
    border-color: #808080;
    margin-bottom: 1.7rem;
    margin-top: 1.7rem;
}


/* ------------------------------------------------------------------------------- */
/* BANNER IMAGE */

.mk-banner {
	/*Background image url is inline styled into header.php for use as custom field so image can be changed in editor*/
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 60px;
    margin-bottom: 50px;
    background-color: #00c1de;
}

.mk-banner:after {
    /*background: rgba(94, 81, 77, 0.8);*/ /*This is for a transparent overlay*/
    /*background: rgba(39, 19, 19, 0.76) linear-gradient(rgba(39, 19, 19, 0.76), rgba(45, 22, 21, 0.38)) repeat scroll 0 0;*/ /*CSS3 gradient in addition to overlay*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

h1.page-title {
	color: #ffffff;
	font-weight: 600;
	margin-top: 100px;
	font-size: 40px;
	line-height: 120%;
	margin-bottom: 40px;
}

.mk-banner .page-title-box {
	z-index: 2;
	position: relative; /*z-index only works on positioned elements*/
}

@media only screen and (max-width : 991px) {
.mk-banner {
	/*Background image url is inline styled into header.php for use as custom field so image can be changed in editor*/
    background-repeat: repeat;
    margin-bottom: 30px;
    padding-bottom: 0px;
    padding-top: 5px;
}
h1.page-title {
	margin-top: 40px;
	font-size: 30px;
}
}

@media only screen and (max-width : 604px) {
h1.page-title {
	margin-left: -15px;
}
}


/* ------------------------------------------------------------------------------- */
/* NAVIGATION */
.bg-inverse {
    background-color: #c9c3ba;
}


/* ------------------------------------------------------------------------------- */
/* FOOTER */
#wrapper-footer {
	background-color: transparent;
	color: #282421;
    padding: 45px 0 20px;
}

#wrapper-footer p {
	color: #282421;
	font-size: 14px;
}

#wrapper-footer h3 {
	color: #282421;
	font-size: 18px;
}

.mk-footer-image-wrap {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 40px;
}

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

.site-footer-social-icons {
	font-size: 28px;
}

.site-footer-social-icons a {
	color: #ffffff;
}

.footer-logo {
	margin-bottom: 15px;
}

ul#menu-footer {
    font-size: 14px;
    line-height: 22px;
    list-style: outside none none;
    padding-left: 0;
    text-transform: uppercase;
}

ul#menu-footer a {
    color: #ffffff;
}

ul#menu-footer a:hover {
    color: #c9c3ba;
}


/* ------------------------------------------------------------------------------- */
/* FOOTER MAILCHIMP */
.widget_mc4wp_form_widget .mk-mailchimp-input {
    border: 0 none;
    padding: 0.5rem 0.7rem;
    width: 100%;
    background-color: #e2e6e8;
    color: #282421;
}

.widget_mc4wp_form_widget .mk-mailchimp-input:focus {
    background-color: #d3d8da;
}

.widget_mc4wp_form_widget .mk-mailchimp-button {
    background-color: transparent;
    border: 1px solid #282421;
    color: #282421;
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 0.5rem 0.8rem;
    font-weight: 600;
    border-radius: 0rem;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.widget_mc4wp_form_widget .mk-mailchimp-button:hover, .widget_mc4wp_form_widget .mk-mailchimp-button:active, .widget_mc4wp_form_widget .mk-mailchimp-button:focus {
    color: #00c1de;
}


/* ------------------------------------------------------------------------------- */
/* SIGN-UP BAND MAILCHIMP */
.mk-sign-up-band .mk-mailchimp-input {
    border: 0 none;
    padding: 0.4rem;
    width: 100%;
    background-color: #ffffff;
    border-radius: 0.25rem;
}

.mk-sign-up-band .mk-mailchimp-button {
    background-color: transparent;
    border-color: #006cad!important;
    color: #006cad;
    border: 2px solid transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25;
    padding: 0.4rem 0.8rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
}

.mk-sign-up-band .mk-mailchimp-button:hover, .mk-sign-up-band .mk-mailchimp-button:active, .mk-sign-up-band .mk-mailchimp-button:focus {
    border-color: #c9c3ba!important;
    color: #c9c3ba!important;
}


/* ------------------------------------------------------------------------------- */
/* COPYRIGHT */
.copyright-container {
	background-color: transparent;
	color: #282421;
	padding-top: 20px;
}
p.disclaimer {
	font-size: 14px;
	color: #282421;
	font-weight: 300;
}
.copyright-container a {
    color: #00c1de;
    text-decoration: none;
}

.site-info {
    border-top: 1px solid #333;
    padding-top: 15px;
}


/* ------------------------------------------------------------------------------- */
/* LINKS */

a:focus, a:hover {
    color: #6b1e74;
    text-decoration: underline;
}

a {
    color: #00c1de;
    text-decoration: none;
}


/* ------------------------------------------------------------------------------- */
/* LISTS */

ul.services-list
{
    list-style-type: none;
    font-size: 16px;
    line-height: 150%;
    margin-left: -15px;
    color: #808080;
}

ul.services-list li
{
    text-indent: -1.4em;
}

ul.services-list li:before
{
    font-family: FontAwesome;
    content: "\f138";
    float: left;
    width: 1.4em;
    color: #6b1e74;
}


/* ------------------------------------------------------------------------------- */
/* VIDEO */
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-top: 20px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper-column {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}

@media only screen and (max-width : 991px) {
.videowrapper-column {
    margin-top: 40px;
}
}

.videowrapper-column iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------------------------------------------------- */
/* AUDIO */
.mejs-container {
    margin-bottom: 15px;
    margin-top: 30px;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: #4063a1 none repeat scroll 0 0!important;
}


/* ------------------------------------------------------------------------------- */
/* BLOG AND CUSTOM POST TYPE DISPLAY */

/* Scale custom image size (article-full) image to full-width */
img.size-article-full {
    width: 100%;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
.mk-speaker-image {
    float: left;
    margin-right: 30px;
}
}

.mk-speaker-image {
    margin-bottom: 20px;
    border-radius: 50%;
}

@media screen and (min-width: 992px) {
.mk-venue-image {
    margin-right: 30px;
}
}

.mk-venue-image {
    margin-bottom: 20px;
    border-radius: 50%;
}

/* Archive images ------------------------------- */

/* Removed due to restructure of archive image so that hover overlay works. Applied to archive-image-outer
@media screen and (min-width: 992px) {
.mk-archive-image {
    float: left;
    margin-right: 30px;
    max-width: 260px!important;
}
}

.mk-archive-image {
    margin-bottom: 20px;
}*/


/* Outer holder */

.archive-image-outer {
    position: relative;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
.archive-image-outer {
    position: relative;
    float: left;
    margin-right: 30px;
    max-width: 260px !important;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.archive-image-outer {
    margin-right: 30px;
}
}


/* Overlay container */

.archive-image-overlay {
    display: block;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 4;
    background-color: #333333;
    color: #fff;
}

.archive-image-overlay:hover {
    opacity: 0.9;
    background-color: #6b1e74;
}


/* Icon container and icon */

.overlay-icon {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.fa-icon::before {
    content: "\f054";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.overlay-icon i {
    font-size: 44px;
    height: 30px;
    line-height: 33px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    top: 50%;
    width: 100%;
}

.archive-image-overlay:hover .overlay-icon {
    opacity: 1;
}




.mk-archive-meta-details {
	margin-bottom: 30px;
	font-size: 14px;
	border-bottom: 1px solid #e5e0d9;
    border-top: 1px solid #e5e0d9;
    padding: 10px 0;
}

.mk-archive-article-home {
    padding-bottom: 30px;
}

h3.mk-course-details {
    font-size: 14px;
    font-weight: 400;
    color: #282421;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.mk-archive-article {
	border-bottom: 1px solid #282421;
	padding-bottom: 30px;
	padding-top: 50px;
}

.mk-archive-article:last-child {
    border-bottom: 0 none;
}

.mk-archive-article:first-child {
    padding-top: 0px;
}

.mk-archive-heading h2 {
    margin-bottom: 6px;
    overflow: hidden;
}

.mk-archive-content {
    overflow: hidden;
}


/* Single course */
.course-info-icons {
    background-color: #00c1de;;
    margin-bottom: 26px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #ffffff;
}

.course-info-icons a {
    color: #ffffff;
}

.course-icon {
    float:left;
    margin-right: 10px;
    font-size: 24px;
    width: 20px;
    text-align: center;
    padding: 10px 0;
}

.course-info-text {
    overflow: hidden;
    padding: 12px 0 10px 0;
}

.course-info-icons p {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 6px;
    font-size: 14px;
}

.course-info-icons h6 {
    color: #ffffff;
    line-height: 120%;
    margin: 6px 0 10px 0;
    font-size: 12px;
    font-weight: 300;
}

.price-row {
    background-color: #edf1f3;
    margin-top: 30px;
    padding: 15px 15px 1px 15px;
}

.disclaimer {
    margin-top: 20px;
}

.disclaimer p {
    font-size: 12px;
    margin-bottom: 0;
}

/* Social sharing plugin */
.addtoany_share_save_container {
    margin: 30px 0 16px!important;
}

.entry-footer .cat-links {
	font-size: 14px;
}

/* Post navigation */
.post-navigation, .prev-next-posts {
    margin-top: 30px;
}

.nav-previous, .next-posts-link {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}

.nav-next, .prev-posts-link {
    display: inline-block;
    float: right;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}

.paged-navigation, .post-navigation {
    border-top: 0px solid #eceeef;
    margin: 30px 0 10px;
}

/*.nav-links .btn {
    border: none;
    text-transform: none;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}*/


/* ------------------------------------------------------------------------------- */
/* SIDEBAR */

/* RECENT POSTS WIDGET */

.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: 0px solid #e5e0d9;
margin-bottom: 4px;
padding-bottom: 4px;
list-style-type: none;
}

.rpwe-block li:last-child {
    border-bottom: 0 none;
    margin-bottom: 26px;
}

.rpwe-block a::after {
    color: #282421;
    content: "";
    font-family: FontAwesome;
    margin-left: 8px;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    float: right;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 15px !important;
line-height: 1.3em;
font-style: normal;
}

.rpwe-thumb{
border: 1px solid #e5e0d9 !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary{
font-size: 12px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}


/* CATEGORIES */

.widget_categories, .widget_text, .widget_products, .widget_shopping_cart {
    margin-bottom: 26px;
}

.widget_categories ul {
    list-style: none;
    padding-left: 0;
}

li.cat-item {
    border: 1px solid #00c1de;
    border-radius: 0 0 10px 0;
    /*display: inline;*/
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    list-style-type: none;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 5px 8px;
    text-transform: uppercase;
    width: 100%;
}

ul.product-categories li {
    border: 1px solid #e5e0d9;
    border-radius: 4px;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 5px 8px;
    list-style-type: none;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 3em;
    font-style: normal;
    display: inline;
    text-transform: uppercase;
}

.widget-title {
    border-top: 1px solid #282421;
    padding-top: 10px;
    padding-bottom: 6px;
}


/* ------------------------------------------------------------------------------- */
/* TESTIMONIALS */

.mk-archive-testimonial {
    border-bottom: 1px solid #e5e0d9;
    padding-bottom: 20px;
    padding-top: 30px;
}

.mk-archive-testimonial:last-child {
    border-bottom: 0 none;
}

.mk-archive-testimonial:first-child {
    padding-top: 0px;
}

.testimonial-feature {
    background-image: url('../../../../wp-content/uploads/2017/01/testimonials-backg.jpg');
    background-repeat: repeat;
    background-color: #fcf4e8;
    padding-top: 15px;
    margin-bottom: 15px;
}

.testimonial-feature h2 {
    margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
.testimonial-picture {
    border-bottom: 1px solid #8da0c3;
    margin-bottom: 15px;
}
}


/* ------------------------------------------------------------------------------- */
/* RECIPES SINGLE POSTS */

.highlight-box {
	background-color: #e5eef5;
	padding: 16px 24px 4px 24px;
    border-radius: 0.25rem;
}

.method ol, .entry-content ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

.method ol > li, .entry-content ol > li {
  margin: 0;
  padding: 0.5em 0 0 2em;
  text-indent: -1em;
  list-style-type: none;
  counter-increment: item;
}

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

.difficulty-icons .fa {
	font-size: 60%;
	letter-spacing: -0.1rem;
}

.coloured-pipe-symbol {
	font-weight: 400;
	color: #c9c3ba;
}



/* ------------------------------------------------------------------------------- */
/* TABS */

li.nav-item {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #006cad;
	font-style: italic;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    color: #006cad;
}

.nav-tabs .nav-link {
    background-color: #f5e7ee;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    display: block;
    padding: 0.5em 1em;
}

#ingredients-nav-content {
	margin-top: 15px;
}

#ingredients-nav-content #ingredients p {
	font-weight: 600;
}

#ingredients-nav-content #nutrition {
	font-weight: 400;
	font-size: 14px;
}

.nav-link {
    margin-left: 0rem;
    margin-right: 0.5rem;
}



/* ------------------------------------------------------------------------------- */
/* PILLS */

.nav-pills {
    margin-bottom: 20px;
}

.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
    background-color: transparent;
    border: 1px solid #282421;
    border-radius: 0;
    color: #282421;
    cursor: default;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
}

.nav-pills .nav-link {
    border: 1px solid #282421;
    border-radius: 0;
    display: block;
    font-size: 14px;
    font-style: normal;
    padding: 0.5em 1em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------------------------- */
/* TABLES */
.table-bordered {
    border: 0px solid #eceeef;
}

.table-sm th, .table-sm td {
    padding: 0.1rem 0.5rem;
}



/* ------------------------------------------------------------------------------- */
/* BUTTONS */
.btn-secondary {
    background-color: transparent;
    border-color: #282421;
    color: #282421;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: transparent;
    border-color: #282421;
    color: #00c1de;
}

.btn, .wpcf7 input[type=submit] {
    background-color: transparent;
    border: 1px solid #282421;
    color: #282421;
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 0.5rem 0.8rem;
    font-weight: 600;
    border-radius: 0rem;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}


.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle, .wpcf7 .show > input.dropdown-toggle[type="submit"], .wpcf7 input.active[type="submit"], .wpcf7 input[type="submit"]:active {
    background-color: transparent;
    border-color: #282421;
    color: #00c1de;
}

.btn-outline-primary:hover, .wpcf7 input[type="submit"]:hover {
    background-color: transparent;
    border-color: #282421;
    color: #00c1de;
}

.btn:focus, .wpcf7 input[type="submit"]:focus, .btn.focus, .wpcf7 input.focus[type="submit"] {
    box-shadow: 0 0 0 2px rgba(0, 193, 222, 0.25);
    outline: 0 none;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type="submit"], .wpcf7 input[type="submit"]:disabled {
    background-color: transparent;
    color: #00c1de;
}

button, input, optgroup, select, textarea {
    font-family: "Montserrat", sans-serif;
}

.btn-lg {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    background-color: transparent;
    color: #282421;
}

.btn-lg:hover, .btn-lg:active, .btn-lg:focus {
    background-color: transparent;
    border-color: #282421;
    color: #00c1de;
}

.btn-lg-rev {
    font-size: 1rem;
    padding: 0.6rem 1rem;
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.btn-lg-rev:hover, .btn-lg-rev:active, .btn-lg-rev:focus {
    background-color: transparent;
    border-color: #ffffff;
    color: #00c1de;
}

@media only screen and (max-width : 575px) {
.btn-lg-rev {
    font-size: 0.7rem;
}
}

.btn-outline-primary {
    border: 2px solid transparent;
    background-color: #ffffff;
    border-color: #282421;
    color: #282421;
}

.btn-outline-primary:hover {
    background-color: #ffffff;
    border-color: #282421;
    color: #00c1de;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    background-color: #ffffff;
    border-color: #6b1e74;
    color: #6b1e74;
}

.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
    background-color: #ffffff;
    border-color: #6b1e74;
    color: #6b1e74;
}

.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary.focus:active, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
    background-color: #ffffff;
    border-color: #6b1e74;
    color: #6b1e74;
}

.btn-primary {
    background-color: #00c1de;
    border-color: #00c1de;
    color: #fff;
}

.btn-primary:hover {
    background-color: #6b1e74;
    border-color: #6b1e74;
    color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #6b1e74;
    border-color: #6b1e74;
    color: #fff;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.focus:active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    background-color: #6b1e74;
    border-color: #6b1e74;
    color: #fff;
}


/* ------------------------------------------------------------------------------- */
/* BLOCKQUOTES */

blockquote {
    margin: 25px 0;
    padding: 15px 0 5px;
}

blockquote p {
    color: #6b1e74;
    font-size: 20px;
    font-weight: 300;
}

@media only screen and (max-width : 479px) {
blockquote p {
    color: #6b1e74;
    font-size: 18px;
    font-weight: 300;
}
}


/* ------------------------------------------------------------------------------- */
/* PAGINATION */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: #00c1de;
    border-color: #00c1de;
    color: #fff;
    cursor: default;
    z-index: 2;
    cursor: pointer;
}

.page-link {
    background-color: #fff;
    border: 1px solid #00c1de;
    color: #00c1de;
    padding: 0.25rem 0.75rem;
}

.page-link:focus, .page-link:hover {
    background-color: #e2e6e8;;
    border-color: #00c1de;
    color: #6b1e74;
}

.page-item:first-child .page-link {
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 0rem;
}

.page-item:last-child .page-link {
    border-bottom-right-radius: 0rem;
    border-top-right-radius: 0rem;
}


/* ------------------------------------------------------------------------------- */
/* ACCORDION */

h5.mk-accordion-title {
    margin-top: 0;
    font-size: 16px;
    color: #ffffff;
}

.mk-accordion-title a {
    color: #ffffff;
}

p.mk-accordion-subtitle {
    margin-top: 4px;
    font-size: 14px;
    margin-bottom: 0;
    color: #282421;
}

h5.mk-accordion-title:after {
    content: "";
    font-family: FontAwesome;
    margin-left: 2px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

.card {
    margin-top: 15px;
    border-radius: 0;
}

.card-header {
    background-color: #00c1de;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: 0;
}


/* ------------------------------------------------------------------------------- */
/* WOOCOMMERCE */

/* BUTTONS */

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ffffff;
    color: #006cad;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #ffffff;
    border: 2px solid #006cad;
    border-radius: 0.4rem;
    color: #006cad;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25;
    padding: 0.4rem 0.8rem;
    text-transform: uppercase;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #ffffff;
    background-image: none;
    color: #c9c3ba;
    text-decoration: none;
    border: 2px solid #c9c3ba;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #ffffff;
    color: #c9c3ba;
}

.btn-block {
    width: auto;
}

/* SORTING DROP DOWN */


/* SIDEBAR */
/*.widget + .woocommerce {
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e0d9;
    padding-bottom: 15px;
}

.widget_price_filter, .widget_shopping_cart {
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e0d9;
    padding-bottom: 15px;
}*/

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 135%;
}

ul.product-categories {
    list-style: outside none none;
    padding-left: 0;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    box-shadow: none;
    float: right;
    height: auto;
    margin-left: 4px;
    width: 55px;
}


/* FILTER WIDGET */
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: inherit;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #c9c3ba;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #c9c3ba;
}

/* BASKET WIDGET */
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 1px dotted #e3e3e3;
    padding: 4px 0 0;
}


/* SINGLE PAGE */

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #c9c3ba;
    font-size: 1.25em;
}

.woocommerce div.product div.images img {
    border: 1px solid #e5e0d9;
    border-radius: 0.25rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.2em 0;
    text-transform: uppercase;
}

/*TABS*/
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #e5e0d9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: 2px 2px 0 #e5e0d9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0px solid #e5e0d9;
    height: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0px solid #d3ced2;
    height: 0px;
}

/* ARCHIVE PAGES */

.woocommerce ul.products li.product a img {
    border: 1px solid #e5e0d9;
    border-radius: 0.25rem;
}

.woocommerce ul.products li.product .price {
    color: #c9c3ba;
    font-size: 1em;
    font-weight: 400;
}

.custom-select {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='grey' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
}

.custom-select:focus {
    border-color: #e5e0d9;
    outline: medium none;
}

.woocommerce ul.products li.product h3 {
    line-height: 135%;
}

.product-category mark, .product-category .mark {
    background-color: #ffffff;
    color: #c9c3ba;
    font-style: normal;
}

/* CATEGORY PAGES */
.tax-product_cat .mk-archive-content img {
    display: none;
}

/* POST PAGES - PRODUCT ITEMS */
.single-post .woocommerce.columns-4, .single-recipes .woocommerce.columns-4 {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
.single-post .woocommerce ul.products li.product, .single-recipes .woocommerce ul.products li.product {
    margin: 0 3.8% 1.5em 0;
}
}
@media screen and (min-width: 768px) {
.single-post .woocommerce ul.products li.last, .single-recipes .woocommerce ul.products li.last {
    margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.single-post .woocommerce ul.products li.product, .single-recipes .woocommerce ul.products li.product {
    margin: 0 0 1.5em;
}
}




/* ------------------------------------------------------------------------------- */
/* CONTACT FORM */

.wpcf7 {
    max-width: none;
}

.wpcf7-form p {
	font-size: 16px;
}
.wpcf7-form label {
	width: 100%;
}

.mc4wp-checkbox [type="checkbox"] {
    margin-right: 8px;
    margin-top: 15px;
}

div.wpcf7-response-output {
    border-radius: 5px;
    margin: 2em 0 1em;
    padding: 0.2em 1em;
}

.g-recaptcha {
    margin-bottom: 20px;
}

.form-control, .wpcf7 input[type=text],
.wpcf7 input[type=search],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 input[type=range],
.wpcf7 input[type=date],
.wpcf7 input[type=month],
.wpcf7 input[type=week],
.wpcf7 input[type=time],
.wpcf7 input[type=datetime],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=color],
.wpcf7 input[type=email],
.wpcf7 input[type=file],
.wpcf7 select,
.wpcf7 textarea, .wpcf7 .wpcf7-validation-errors {
      display: block;
      width: 100%;
      padding: 0.5rem 0.75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #282421;
      background-color: #e2e6e8;
      background-image: none;
      background-clip: padding-box;
      border: 0px solid rgba(0, 0, 0, 0.15);
      border-radius: 0rem;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus, .wpcf7 input[type=text]:focus,
  .wpcf7 input[type=search]:focus,
  .wpcf7 input[type=url]:focus,
  .wpcf7 input[type=tel]:focus,
  .wpcf7 input[type=number]:focus,
  .wpcf7 input[type=range]:focus,
  .wpcf7 input[type=date]:focus,
  .wpcf7 input[type=month]:focus,
  .wpcf7 input[type=week]:focus,
  .wpcf7 input[type=time]:focus,
  .wpcf7 input[type=datetime]:focus,
  .wpcf7 input[type=datetime-local]:focus,
  .wpcf7 input[type=color]:focus,
  .wpcf7 input[type=email]:focus,
  .wpcf7 input[type=file]:focus,
  .wpcf7 select:focus,
  .wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus {
    color: #282421;
    background-color: #d3d8da;
    border: 0px solid rgba(0, 0, 0, 0.15);
    outline: none; }

.wpcf7 .wpcf7-not-valid-tip {
    margin-bottom: 20px;
}


/* ------------------------------------------------------------------------------- */
/* GRAVITY FORMS */

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    background-color: #e2e6e8;
    border: none;
    font-size: 14px!important;
    padding: 4px 8px!important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus {
    background-color: #d3d8da;
}

.gform_wrapper textarea {
    background-color: #e2e6e8;
    border: none;
    font-size: 14px!important;
    padding: 4px 8px!important;
}

.gform_wrapper textarea:focus {
    background-color: #d3d8da;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100%!important;
}

.gform_wrapper label.gfield_label {
    font-weight: 400!important;
    color: #282421;
}

.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {
    font-weight: 600!important;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
    font-weight: 600!important;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 6px!important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    margin: 0 16px 0 0;
    width: auto;
    background-color: transparent;
    border: 1px solid #282421;
    color: #282421;
    font-size: 0.9rem!important;
    text-transform: uppercase;
    padding: 0.6rem 1rem;
    font-weight: 600;
    border-radius: 0rem;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {
    color: #00c1de;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 2px!important;
}


/* ------------------------------------------------------------------------------- */
/* Menus - from twenty sixteen */

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin: 0.3em 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.main-navigation {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	font-size: 16px;
}

.main-navigation li {
	border-top: 1px solid #ffffff;
	position: relative;
}

.main-navigation a {
	color: #282421;
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.6em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #808080;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 600;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation .main-menu {
	border-bottom: 1px solid #ffffff;
	padding-left: 0px;
}

/* Margin added to bottom of mobile drop down menu */
@media screen and (max-width: 909px) {
.main-navigation .main-menu {
    margin-bottom: 1em;
}
}

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle-mk {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #282421;
	content: "";
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 68px;
}

.dropdown-toggle-mk:after {
	border: 0 solid #ffffff;
	border-left-width: 1px;
	content: "\f107";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
	font-family: "FontAwesome";
	padding-left: 15px;
    border-color: #ffffff;
}

.dropdown-toggle-mk:hover,
.dropdown-toggle-mk:focus {
	background-color: transparent;
	color: #808080;
}

.dropdown-toggle-mk:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle-mk:focus:after {
	border-color: transparent;
}

.dropdown-toggle-mk.toggled-on:after {
	content: "\f106";
}

.site-header .main-navigation + .social-navigation {
	margin-top: 1.5em;
}

.site-footer .social-navigation {
	margin-bottom: 1.75em;
}

.social-navigation ul {
	list-style: none;
	margin: 0 0 -0.4375em;
    padding-left: 0;
}

.social-navigation li {
	float: left;
	margin: 0 0.4375em 1em 0;
}

.social-navigation a::before {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

.social-navigation a {
	color: #ffffff;
	display: block;
	position: relative;
    text-decoration: none;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
	color: #c9c3ba;
}

.social-navigation a[href*="codepen.io"]:before {
	font-family: "FontAwesome";
	content: "\f1cb";
}

.social-navigation a[href*="dropbox.com"]:before {
	font-family: "FontAwesome";
	content: "\f16b";
}

.social-navigation a[href*="facebook.com"]:before {
	font-family: "FontAwesome";
	content: "\f082";
}

.social-navigation a[href*="plus.google.com"]:before {
	font-family: "FontAwesome";
	content: "\f0d5";
}

.social-navigation a[href*="instagram.com"]:before {
	font-family: "FontAwesome";
	content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before {
	font-family: "FontAwesome";
	content: "\f0e1";
}

.social-navigation a[href*="pinterest.com"]:before {
	font-family: "FontAwesome";
	content: "\f0d2";
}

.social-navigation a[href*="skype.com"]:before {
	font-family: "FontAwesome";
	content: "\f17e";
}

.social-navigation a[href*="twitter.com"]:before {
	font-family: "FontAwesome";
	content: "\f099";
}

.social-navigation a[href*="vimeo.com"]:before {
	font-family: "FontAwesome";
	content: "\f27d";
}

.social-navigation a[href*="youtube.com"]:before {
	font-family: "FontAwesome";
	content: "\f166";
}

.social-navigation a[href^="mailto:"]:before {
	font-family: "FontAwesome";
	content: "\f0e0";
}

.social-navigation a[href$="/feed/"]:before {
	font-family: "FontAwesome";
	content: "\f09e";
}

.sub-menu {
		padding-left: 0px;
	}


/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Montserrat", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
Mobile menu
 */


/* Mobile menu background */
.menu-wrapper {
    background-color: #e2e6e8;
}

/* Mobile menu padding */
.menu-wrapper .container {
    padding-bottom: 0;
}

.menu-toggle {
	background-color: transparent;
	border: 0px solid #282421;
	border-radius: 0.25rem;
	color: #282421;
	font-size: 28px;
	margin: 0.3em 0;
	padding: 0em 0em;
	font-weight: 700;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #808080;
	color: #808080;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: transparent;
	border-color: #282421;
	color: #282421;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}


/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation {
		margin: 0 -0.7em;
	}

	.main-navigation .main-menu,
	.main-navigation .main-menu > li {
		border: 0;
	}

	.main-navigation .main-menu > li {
		float: left;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 0.875em;
		white-space: nowrap;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #808080;
	}

	.main-navigation ul ul {
		border-bottom: 1px solid #d1d1d1;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 12.6875em;
		padding-bottom: 7px;
    	padding-top: 7px;
    	font-size: 15px;
    	color: #282421;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}

/* Arrow device location on top of drop down box which adds outline to below arrow */
	.main-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		left: 9px;
		top: -9px;
	}

/* Arrow device location on top of drop down box */
	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		left: 11px;
		top: -7px;
	}

/* Defines where the dropdown sits under the main nav item */
	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		right: auto;
		left: 0;
	}

/* Defines where the secondary dropdown sits (left or right) of the dropdown item */
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: auto;
		left: 100%;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2em;
	}

	.main-navigation .menu-item-has-children > a:after {
		content: "\f107";
		position: absolute;
		right: 1em;
		top: 0.8125em;
		font-family: "FontAwesome";
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.dropdown-toggle-mk,
	.main-navigation ul .dropdown-toggle-mk.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	.menu-wrapper {
    background-color: #e2e6e8;
	}

	.menu-wrapper .container {
    padding-bottom: 5px;
	}
}