/*
Theme Name:SpearmintOne
Theme URI: http://www.spearmintdesign.co.uk/
Description: SpearmintOne Template Theme
Author: Spearmint Design
Author URI: http://www.spearmintdesign.co.uk/
Version: 1.2
*/
/* TEMPORARY STYLING */
#mapBox2 { display: none; }

/*
-------------------------------------- Core Color Settings -----------------------------------------
*/
/* Almost Black */
/* Dark Grey */
/* Middle Grey */
/* Light Grey */
/* Almost White */
/* Anchor Hover #9B83DB */
/* Anchor Hover #6B53AB*/
/* Anchor Hover */
/* Anchor Hover */
/* Anchor Hover */
/* Anchor Hover */
/* Anchor Hover */
/* LOADING VARS */
/*
-------------------------------------- Main Layout Styling -----------------------------------------
*/
/* Site Size */
/* Grid Breakpoints */
/* Layout Colors */
/*  none  -OR-  $colorTwo */
/*  none  -OR-  url('images/layout/bckgrnd.jpg')  */
/* Margins & Spacing */
/* margins either side of content */
/* spacing above and below content */
/* Section Curves */
/* Font */
/*$fontFamilyOne:'p22-hopper-josephine',sans-serif;
$fontFamilyTwo:'korolev-rounded',sans-serif;*/
@font-face { font-family: Meath; src: url(MeathFLF.ttf); }
/* Image Rollover Caption Size */
/*
-------------------------------------- Overall Page Styles -----------------------------------------
*/
/* Horizontal Rule */
/* Logo + Contact Sizes */
/* Bullet Points */
/* Base Font Size */
/* Slider Settings */
/*  none  -OR-  url('images/layout/bckgrnd.jpg')  */
/* all 4 corners -OR- TopLeft TopRight BottomRight BottomLeft */
/*
-------------------------------------- Nav Style -----------------------------------------
*/
/* main menu bar color - where applicable */
/* mobile panel background color */
/* none or uppercase */
/* Main Nav Elements */
/* adjust as necessary - decrease to fit more items on at smallest scale */
/* 0 2px 3px #000; */
/* Border - Regular Color */
/* Border - Hover Color */
/* Border - Current Color */
/* Background - Regular Color */
/* Background - Hover Color */
/* Background - Current Color */
/* Text - Regular Color */
/* Text - Hover Color */
/* Text - Current Color */
/* Foot Nav Elements */
/* 0 2px 3px #000; */
/* Border - Regular Color */
/* Border - Hover Color */
/* Border - Current Color */
/* Background - Regular Color */
/* Background - Hover Color */
/* Background - Current Color */
/* Text - Regular Color */
/* Text - Hover Color */
/* Text - Current Color */
/* Mobile Nav Elements */
/* 0 2px 3px #000; */
/* Border - Regular Color */
/* Border - Hover Color */
/* Border - Current Color */
/* Background - Regular Color */
/* Background - Hover Color */
/* Background - Current Color */
/* Text - Regular Color */
/* Text - Hover Color */
/* Text - Current Color */
/* Sub Nav Elements */
/* Additional Button Elements */
/* Background - Regular Color */
/* Background - Hover Color */
/* Text - Regular Color */
/* Hover Text Color */
/*
-------------------------------------- Fonts -----------------------------------------
*/
/* Body */
/* Headings */
/* Testimonials */
/*
-------------------------------------- Section Styles -----------------------------------------
*/
/* $elementSpaces $elementMargins; */
/*
-------------------------------------- Section Style 1 -----------------------------------------
*/
/* $elementSpaces $elementMargins; */
/* Elements */
/* Links */
/* Form Labels */
/* Input Fields */
/* Buttons */
/*
-------------------------------------- Section Style 2 -----------------------------------------
*/
/* $elementSpaces $elementMargins; */
/* Elements */
/* Links */
/* Form Labels */
/* Input Fields */
/* Buttons */
/*
-------------------------------------- Section Style 3 -----------------------------------------
*/
/* $elementSpaces $elementMargins; */
/* Elements */
/* Links */
/* Form Labels */
/* Input Fields */
/* Buttons */
/*
-------------------------------------- Section Style 4 -----------------------------------------
*/
/* $elementSpaces $elementMargins; */
/* Elements */
/* Links */
/* Form Labels */
/* Input Fields */
/* Buttons */
/*
-------------------------------------- CSS RESET & LAYOUT SETUP -----------------------------------------
*/
@-ms-viewport { width: device-width; zoom: 1; }
* { border: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, footer2, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: top; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { width: 100vw; height: 100vh; -webkit-text-size-adjust: 100%; /* iPhone Safari text size fix */ -webkit-font-smoothing: antialiased; /* use "subpixel-antialiased" for dark text on light background */ }

html { line-height: 1.5rem; font-family: "korolev-rounded", sans-serif; font-size: 18px; font-weight: 400; }

body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; background-color: #e0e0e0; overflow-x: hidden; }

#bckgrnd { position: fixed; min-height: 100vh; min-width: 100vw; z-index: -1; text-align: center; background-image: url("images/layout/bckgrnd.jpg"); /* Background Image (Tile) */ background-repeat: no-repeat; /* Background Repeat */ background-size: cover; /* Background Coverage */ background-position: center center; background-color: #e0e0e0; overflow: hidden; }

.sliderBody { background-image: none; /* Background Image (Tile) */ background-repeat: repeat-x; /* Background Repeat */ background-size: contain; /* Background Coverage */ background-position: center top; background-color: #383838; }

.sliderBody, .sliderBody img { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.sliderMain { background-image: url("images/layout/sliderBckgrnd.png"); /* Background Image (Tile) */ background-repeat: repeat-x; /* Background Repeat */ background-size: contain; /* Background Coverage */ background-position: center top; background-color: none; }

.sliderMain, .sliderMain img { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

/* IE Flex Height Fix - Part 1 */
#pageWrap, main, section, p { min-height: 1vh; }

/* Page Loading Setup - correctly positions pageWrap (page content) with the yet to load menu elements */
#menu { height: 86px; }

#mobMenu { height: 60px; }

div#pageWrap { margin-top: 86px; }

@media screen and (min-width: 721px) and (max-width: 1200px) { div#pageWrap { margin-top: 80px; } }
@media screen and (max-width: 720px) { div#pageWrap { margin-top: 60px; } }
/*
-------------------------------------- CORE LAYOUT -----------------------------------------
*/
#colSite { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; -webkit-align-self: center; align-self: center; width: 100%; height: 100%; max-width: 4000px; background-color: none; }

header, footer { -webkit-box-flex: none; -moz-box-flex: none; -ms-flex: none; -webkit-flex: none; flex: none; overflow: hidden; }

header:not(.woocommerce-products-header) { background-color: #282828; }

footer { background-color: #282828; }

#menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; font-size: .8rem; }

header { /* padding-top:$siteTopMargin; */ }

footer { text-align: center; }

.f2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 2 1 auto; -moz-box-flex: 2 1 auto; -ms-flex: 2 1 auto; -webkit-flex: 2 1 auto; flex: 2 1 auto; }

.f3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 3 1 auto; -moz-box-flex: 3 1 auto; -ms-flex: 3 1 auto; -webkit-flex: 3 1 auto; flex: 3 1 auto; }

hr { height: 1px; width: 100%; margin: 1rem 0 1rem 0; }

/*
-------------------------------------- FRIENDLY GRID SYSTEM FOR LAYOUT -----------------------------------------
*/
.grid_x8 *, .grid_x6 *, .grid_x4 *, .grid_x3 *, .grid_x2 * { margin: 0; }

.grid_x8 * p, .grid_x6 * p, .grid_x4 * p, .grid_x3 * p, .grid_x2 * p { padding: 1rem; margin: 0; font-weight: 600; }

.gridPar { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: -1rem -.5rem 0 -.5rem; }

.gridMarg { max-width: 400px; margin: .5rem .5%; }

.grid_x8 { width: 11.375%; }

.grid_x6 { width: 15.5%; }

.grid_x4 { width: 23.75%; }

.grid_x3 { width: 32%; }

.grid_x2 { width: 48.5%; }

@media screen and (min-width: 621px) and (max-width: 1200px) { .gridPar { margin: -1rem -.5rem 0 -.5rem; }
  .gridMarg { margin: .5rem 1%; }
  .grid_x8 { width: 23%; }
  .grid_x6 { width: 31.3%; }
  .grid_x4 { width: 48%; }
  .grid_x3 { width: 31.3%; }
  .grid_x2 { width: 98%; } }
@media screen and (max-width: 620px) { .gridPar { margin: -.5rem 0 0 0; }
  .gridMarg { margin: .5rem .125%; }
  .grid_x8 { width: 49%; }
  .grid_x6 { width: 49%; }
  .grid_x4 { width: 99.5%; }
  .grid_x3 { width: 99.5%; }
  .grid_x2 { width: 99.5%; } }
/*
-------------------------------------- HEADER LAYOUT -----------------------------------------
*/
#logo, #contact, #accreds { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; padding: 0 0.5em; }

#logo { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

#contact { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }

#accreds { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }

#menuSlider, #mobSlider { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; }

@media screen and (min-width: 721px) and (max-width: 1200px) { #logo, #contact, #accreds { padding: 0 0.125em; width: 30%; } }
@media screen and (max-width: 720px) { #logo, #contact { padding: 0 0.0625em; width: 30%; } }
/*
-------------------------------------- MENU STYLING -----------------------------------------
*/
#pageWrap, #bckgrnd, #mobMenu { left: 0; width: 100vw; }

#menu { width: 4000px; position: fixed; z-index: 2; max-width: 100%; }

#menu img, .size-full { width: 100%; height: auto; }

#mobMenu { position: fixed; z-index: 2; width: 100%; z-index: 3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }

.mobMenuIcons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-height: 60px; width: auto; max-width: 100%; }

#mobMenuLogo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; }

#mobMenuLogo2 { display: block; }

#mobMenuIcon1, #mobMenuIcon2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; }

.mobileMenuPanel { display: none; position: absolute; z-index: -1; min-height: 100%; overflow-y: auto; background-color: #e0e0e0; /* Panel Background Color */ }

#mobMenu1Div { display: none; }

#mobMenu2Div { display: none; }

.wrap1, wrap2 { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

@media (max-width: 720px) { #menu { display: none; }
  #mobMenu { display: inherit; } }
@media (min-width: 721px) { #menu { display: inherit; }
  #mobMenu { display: none; } }
footer p { font-size: 1rem; padding: 1em 0; }

/*
-------------------------------------- NAVIGATION LAYOUT -----------------------------------------
*/
#menu nav, footer nav, #mobNav, .cButton, .subNavParent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; text-align: center; position: relative; clear: both; }

#menu nav, footer nav { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }

#mobNav, .cButton { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.subNavParent { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }

.actTag { background-color: #e0e0e0 !important; }

.inActTag { background-color: rgba(30, 0, 60, 0.1) !important; }

.actTag:hover, .inActTag:hover { background-color: #9978b0 !important; }

#menu nav, #foot nav { padding: .4rem; }

#menu nav li, footer nav li, #mobNav li, .subNavParent li, .wpcf7-submit { list-style: none; cursor: pointer; display: inline; }

#menu nav li a, footer nav li a, #mobNav li a, .subNavParent li a, .cButton a, .wpcf7-submit { text-align: center; display: inline-block; white-space: inherit; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* Remove default button styles applied by browser software */ -webkit-appearance: none; -moz-appearance: none; }

#menu nav li { margin: 0 2%; }

footer nav li { margin: 0.5rem 0.1rem 0.1rem 0.1rem; }

#mobNav li { margin: 0.1rem; width: 100%; }

.subNavParent li { margin: 0.1rem; }

#menu nav li a { text-transform: none; font-family: "meath", sans-serif; padding: 0.4rem 0; color: #b096c2; /* Main Menu - Text Color */ font-size: 1.2rem; font-weight: 600; line-height: 1.2rem; border: 0px solid #000; text-shadow: none; letter-spacing: 0; }

footer nav li a { text-transform: none; font-family: "meath", sans-serif; padding: 0 0.1rem; color: #b096c2; /* Main Menu - Text Color */ font-size: 0.5rem; font-weight: 600; line-height: 1.2rem; border: 0px solid #000; text-shadow: none; letter-spacing: 0.02rem; }

#mobNav li a, .cButton a, .wpcf7-submit { text-transform: none; font-family: "meath", sans-serif; padding: 0.6rem 0; color: #282828; /* Main Menu - Text Color */ font-size: 1rem; font-weight: 600; line-height: 1rem; width: 86%; border: 1px solid rgba(30, 0, 60, 0.1); text-shadow: none; letter-spacing: 0.01rem; }

.subNavParent li a { text-transform: none; font-family: "meath", sans-serif; padding: 0.6rem 1rem; color: #282828; /* Main Menu - Text Color */ font-size: 1rem; font-weight: 600; line-height: 1rem; width: 100%; border: 1px solid rgba(30, 0, 60, 0.1); text-shadow: none; letter-spacing: 0.01rem; }

#menu nav li:not(.current-menu-item) a { background-color: none; }

footer nav li:not(.current-menu-item) a { background-color: none; }

#mobNav li:not(.current-menu-item) a, .cButton a, .wpcf7-submit, .subNavParent li:not(.current-menu-item) a { background-color: #b096c2; }

#menu nav li:hover > a { color: #e0e0e0; background-color: none; border: 0px solid #000; }

footer nav li:hover > a { color: #e0e0e0; background-color: none; border: 0px solid #000; }

#mobNav li:hover > a, .cButton a:hover, .wpcf7-submit:hover, .subNavParent li:hover > a { color: #282828; background-color: #e0e0e0; border: 1px solid rgba(30, 0, 60, 0.1); }

#menu .current-menu-item a, #menu .current-page-ancestor a, .subMenu .current-menu-item, #menu .current-category-ancestor a { color: #ffe681; background-color: none; border: 0px solid #000; }

footer .current-menu-item a { color: #ffe681; background-color: none; border: 0px solid #000; }

#mobNav .current-menu-item a, .subNavParent .current-menu-item a { color: #282828; background-color: #ffe681; border: 1px solid rgba(30, 0, 60, 0.1); }

/* Cookie Consent Styles */
.cc-window { font-family: "meath", sans-serif !important; border: 2px solid #e0e0e0; color: #5f676a; background-color: #282828; font-size: .8rem !important; line-height: 1.1rem !important; }

.cc-compliance .cc-btn:hover { background-color: #e0e0e0 !important; }

.cc-compliance .cc-btn { background-color: #b096c2 !important; color: #383838 !important; font-size: 1.1rem !important; padding: .5rem !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; border: none !important; }

.cc-link { text-decoration: none !important; display: inline !important; color: #e0e0e0 !important; font-weight: 600 !important; }

/* Social Media Buttons */
.at-icon-wrapper { -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; }

@media screen and (min-width: 721px) and (max-width: 1200px) { #menu nav { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; background-color: #282828; width: 100%; margin: 0; } }
@media screen and (max-width: 720px) { #menu nav { display: none; }
  .subNavParent li { margin: 0 .1rem; width: 100%; } }
/*
-------------------------------------- CONTENT LAYOUT -----------------------------------------
*/
main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; padding: 0em 0em; z-index: 0; }

section, .wpcf7-form, .wpcf7 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; }

.noScale { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; }

.contWidth { max-width: 1000px; }

.contWidth > section { -webkit-justify-content: flex-start !important; -moz-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; }

article { /* ---------- CSS3 COLUMNS ---------- */ /* Chrome, Safari, Opera */ -webkit-column-count: auto; -webkit-column-width: 400px; -webkit-column-gap: 2rem; /* Firefox */ -moz-column-count: auto; -moz-column-width: 400px; -moz-column-gap: 2rem; /* Non-prefixed */ column-count: auto; column-width: 400px; column-gap: 2rem; /* THE NON-PREFIXED VERSION WHEN USED IN CONJUCTION WITH FLEXBOX ON IE11 & IS VERY BUGGY - I HAVE COMMENTED OUT (SO NO COLUMNS FOR IE USERS) BUT IT STOPS THE PAGE BREAKING */ -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }

article p { margin-bottom: 1rem; }

article p img { margin-top: .5rem; margin-bottom: 1.5rem; }

div.postAuth { font-size: 1rem; font-weight: 600; line-height: 1.2rem; text-align: center; padding-top: .5rem; margin-top: .5rem; border-top: 0px solid #1f1f1f; }

div.postAuth p { margin: .5rem 0; }

div.postAuth span { font-size: .75rem; color: #680; }

.noGrow { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; }

.bx-wrapper { width: 100%; }

.credit { padding-top: .5em; }

.credit:before, .credit .join { display: none; }

.credit .company { font-family: "meath", sans-serif; width: 100%; display: block; text-transform: none; position: relative; text-align: center; font-size: 1rem; color: #6e438d; font-weight: 600; letter-spacing: -0.02rem; line-height: 1.4rem; margin: 0; padding: 0; border: 0px solid #1f1f1f; }

.credit .author { font-family: "meath", sans-serif; width: 100%; display: block; text-transform: none; position: relative; text-align: center; font-size: 0.8rem; color: #9978b0; font-weight: 600; letter-spacing: -0.02rem; line-height: 1.2rem; margin: 0; padding: 0; border: 0px solid #1f1f1f; }

#map_canvas { position: relative; display: inline-block; width: 100%; height: 400px; background-color: #c0c0c0; }

.orderBody { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

.orderForm { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }

@media screen and (min-width: 721px) and (max-width: 1200px) { main { padding: 0em 0em; }
  .postFull { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; margin-bottom: 1rem; }
  .wrap1 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; } }
@media (max-width: 720px) { main { padding: 0em 0em; }
  .postFull { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; margin-bottom: 1rem; }
  .wrap1, .wrap2 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; }
  #map_canvas { height: 250px; }
  .orderBody { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  .orderForm { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } }
/*
-------------------------------------- GALLERY STYLING -----------------------------------------
*/
.gallery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; padding: .5rem 0 1rem 0; }

.gallery-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: .25em; opacity: .75; }

.gallery-item:hover { opacity: 1; }

.gallery-icon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; }

.gall { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-wrap: wrap-reverse; -moz-flex-wrap: wrap-reverse; -ms-flex-order: wrap-reverse; flex-wrap: wrap-reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; width: 100%; padding: .5em; position: relative; }

.gall:not(.gridPar) { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }

.gall > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; min-width: 80px; width: 125px; margin: .25em; }

.gall:not(.gridPar) img { height: 100px; width: 100px; }

.gall .gridMarg img { height: 100%; width: 100%; }

.gall section { cursor: pointer; overflow: hidden; position: relative; }

.gall section .animCap { position: absolute; z-index: 100; text-align: left; padding: .2rem .7rem 0 .7rem; width: 100%; height: 100%; top: -webkit-calc(100% - 5.5rem); top: -moz-calc(100% - 5.5rem); top: -o-calc(100% - 5.5rem); top: calc(100% - 5.5rem); left: 0%; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.animCap .nom { display: block; padding: .3rem 0; }

.animCap .pos { display: block; padding: .2em 0 1.6rem 0; }

.animCap .txt { display: block; padding: .2em 0; }

.animCap a { position: absolute; left: .7rem; right: .7rem; bottom: .7rem; display: block; font-weight: 600; font-size: 1.2em; padding: .4rem .5rem; text-align: center; white-space: nowrap; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.gall section:hover .animCap { -moz-transform: translateY(-100%) translateY(5.5rem); -o-transform: translateY(-100%) translateY(5.5rem); -webkit-transform: translateY(-100%) translateY(5.5rem); transform: translateY(-100%) translateY(5.5rem); }

.gall section .animCap { /* ----- MOVE ----- */ background-color: rgba(40, 40, 40, 0.9); color: #e0e0e0; }

.animCap1 .nom, .animCap2 .nom, .animCap3 .nom, .animCap4 .nom { /* ----- MOVE ----- */ color: #e0e0e0; font-weight: 600; font-size: 1.2em; line-height: 1.1em; }

.animCap1 .pos, .animCap2 .pos, .animCap3 .pos, .animCap4 .pos { /* ----- MOVE ----- */ color: #9978b0; font-weight: 400; font-size: .8em; }

.animCap1 .txt strong, .animCap2 .txt strong, .animCap3 .txt strong, .animCap4 .txt strong { /* ----- MOVE ----- */ font-weight: 600; color: #5f676a; }

.animCap1 .txt, .animCap2 .txt, .animCap3 .txt, .animCap4 .txt { /* ----- MOVE ----- */ color: #c0c0c0; font-weight: 400; font-size: 1rem; line-height: 1.4rem; }

.testimonials-widget-testimonials { width: 100%; }

/*
-------------------------------------- FORM STYLING -----------------------------------------
*/
form section p, section form p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; margin: 0 .25rem .25rem .25rem; }

input, textarea { font-family: "korolev-rounded", sans-serif; padding: .6rem; width: 100%; resize: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

input[type="radio"], input[type="checkbox"] { width: auto; }

.wpcf7-list-item { text-align: left; margin-top: 0.2rem; }

.wpcf7-list-item-label { display: inline-block; margin-top: .05rem; }

.wpcf7-form section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: .5rem; width: 100%; margin: 0; }

.wpcf7-form section p strong { margin-bottom: .4rem; display: inline; }

.wpcf7-form section p *:not(.wpcf7-captchar):not(.wpcf7-captchac):not(.wpcf7-list-item):not([type="checkbox"]):not([type="radio"]):not(.ajax-loader) { width: 100%; }

span.wpcf7-list-item { width: auto; display: block; }

input.wpcf7-captchar { max-width: 100%; width: 100px; }

.wpcf7-captchac { width: 72px; height: 24px; }

.wpcf7-submit { margin-top: .5rem; margin-bottom: .2rem; width: 100%; }

.wpcf7-response-output { width: 100%; padding: 0.3rem 0.7rem 0.4rem 0.75rem !important; }

.wpcf7-validation-errors { background-color: #282828; }

.ajax-loader { display: none !important; width: 0 !important; }

.flexStart { -webkit-align-content: flex-start; align-content: flex-start; }

.flexEnd { -webkit-align-content: flex-end; align-content: flex-end; }

.flexEndSelf { -webkit-align-self: flex-end; align-self: flex-end; }

.wpcf7-form-control-wrap { width: 100%; text-align: center; }

.wpcf7-form hr { margin-top: 1rem; }

.wpcf7-form-control-wrap div { display: inline-block; }

/* Vehicle Registration Plate Form Field Style*/
.wpcf7-form input[name="plate"] { width: 100%; max-width: 16rem; font-family: "industry-inc-base", sans-serif; font-weight: 400; letter-spacing: -.075rem; font-size: 2.3rem; color: #282828; resize: none; padding: .63rem 0 0 2.5rem; text-align: center; background-image: url("images/icons/registrationPlate.jpg"); background-repeat: no-repeat; background-size: contain; background-position: left center; border: 3px solid #5f676a; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.wpcf7-form input[name="plate"]:not(:focus) { background-color: #FC0; }

.wpcf7-form input[name="plate"]:focus { background-color: #FD8; }

.wpcf7-response-output { margin: .5rem 0 0 0 !important; padding: .2rem .5rem .3rem .75rem !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border: none !important; */ display: block; width: 500px; text-align: center; line-height: 1.5; font-weight: 600; }

/*
-------------------------------------- FONT STYLING -----------------------------------------
*/
.footTxt { white-space: normal; padding: 0 .5rem; }

a { white-space: normal; display: inline; word-break: break-word; text-decoration: none; }

main a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a) { display: flex; flex: 1 1 auto; }

.footTxt a { color: #9978b0; }

.footTxt a:hover { color: #b096c2; }

.sectStyle1 a:not(.subNav):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #ffe681; }

.sectStyle1 a:hover:not(.subNav):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #9978b0; }

.sectStyle2 a:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #5f676a; }

.sectStyle2 a:hover:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #6e438d; }

.sectStyle3 a:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #9978b0; }

.sectStyle3 a:hover:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #6e438d; }

.sectStyle4 a:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #9978b0; }

.sectStyle4 a:hover:not(.subNav):not(.animCap):not(.bulletBox1):not(.bulletBox2):not(.wpcf7-submit) { color: #6e438d; }

.postStyle { /*padding-bottom:1rem;*/ text-align: left; /*border-bottom:2px solid rgba(0,0,0,.2);*/ }

.subNav { margin: .1rem 0; padding: .3rem; width: 200px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; background-color: rgba(0, 0, 0, 0.1); }

.subNav:hover { background-color: #e0e0e0; }

.subNavParent { max-width: 4000px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }

h1 { font-family: "meath", sans-serif; position: relative; display: block; width: 100%; text-align: center; text-transform: none; font-size: 2.8rem; color: #282828; font-weight: 600; line-height: 2.5rem; letter-spacing: -0.01rem; margin: 0 0.5rem 1dwdwdrem 0.5rem; padding: 0; border-bottom: 0px solid #1f1f1f; -webkit-column-span: all; -moz-column-span: all; column-span: all; }

h2 { font-family: "meath", sans-serif; position: relative; display: block; width: 100%; text-align: center; text-transform: none; font-size: 1.8rem; color: #6e438d; font-weight: 600; line-height: 1.75rem; letter-spacing: -0.01rem; margin: 0.5rem 0 0.75rem 0; padding: 0; border-bottom: 0px solid #1f1f1f; -webkit-column-span: all; -moz-column-span: all; column-span: all; }

h3 { font-family: "meath", sans-serif; position: relative; display: block; width: 100%; text-align: center; text-transform: none; font-size: 1.4rem; color: #282828; font-weight: 600; line-height: 1.5rem; letter-spacing: -0.01rem; margin: 0 0 0.2rem 0; padding: 0.5rem 0 0.25rem 0; border-bottom: 0px solid #1f1f1f; }

h4 { font-family: "meath", sans-serif; position: relative; display: block; width: 100%; text-align: center; text-transform: none; font-size: 1.4rem; color: #383838; font-weight: 600; line-height: 1.8rem; letter-spacing: 0; margin: 0 0 0.5rem 0; padding: 0.5rem 0 0 0; border-bottom: 0px solid #1f1f1f; }

h5 { font-family: "korolev-rounded", sans-serif; position: relative; display: block; width: 100%; text-align: center; text-transform: none; font-size: 1rem; color: #383838; font-weight: 600; line-height: 2.2rem; letter-spacing: -0.02rem; margin: 0; padding: 0.8rem 0 0.4rem 0; border-bottom: 0px solid #1f1f1f; }

h6 { font-family: "korolev-rounded", sans-serif; position: relative; display: block; width: auto; text-align: inherit; text-transform: none; font-size: 0.6rem; color: #ffe681; font-weight: 400; line-height: 1rem; letter-spacing: 0.02rem; margin: 0.5rem 0 0.75rem 0; padding: 0; border-bottom: 0; }

/* Alter some aspects of headings when on mobile */
@media (max-width: 720px) { h5 { text-align: center; margin: -1rem 0 0 0rem; } }
p { font-size: 1rem; margin-bottom: .8rem; margin-top: .5rem; line-height: 1.5em; }

p:last-child:not(.gridMarg *) { margin-bottom: .75rem; }

strong { font-weight: 600; }

#areas a { display: block; width: 100%; font-size: 1.4rem; line-height: 1.8rem; }

main ul { list-style-type: none; margin: 1rem 0 0 0; padding: 0; display: inline-block; width: 100%; }

main ul li:not(.ms-image):not(.tabs li):not(.woocommerce li) { background: url(/wp-content/themes/spearmintOne/images/layout/bullet.png) no-repeat left 0.1rem; background-size: 20px; padding-left: 25px; padding-bottom: 13px; line-height: 1.35rem; }

main ul li:not(.ms-image) a { color: red; }

main ul li:not(.ms-image) a:hover { color: #9978b0; }

main ul li:last-child { padding-bottom: 1rem; }

.contnt { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

.subMenu li { background: none; padding-left: 10px; padding-right: 0; padding-top: 10px; line-height: 1.3rem; }

.subMenu a { color: #FFF; background-color: #e0e0e0; margin-bottom: 1px; }

.subMenu a:hover { color: #FFF; background-color: #c0c0c0; }

.subMenu strong { color: #383838; }

.subMenu span { color: #282828; }

.more-link, .addButt { display: inline-block; font-weight: 400; font-size: 1rem; padding: 0.4rem 0.8rem; margin: 0; background-color: #5f676a; color: #282828; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 2px solid #5f676a; }

.more-link:hover, .addButt:hover { background-color: #6e438d; color: #282828; }

.headPara { text-align: center; font-size: 1.3rem; line-height: 2rem; padding: .25rem; }

@media (max-width: 720px) { .headPara { text-align: center; font-size: 1.2rem; line-height: 1.8rem; padding: 0rem; }
  header { padding-top: 0; } }
/*
-------------------------------------- GENERAL STYLING -----------------------------------------
*/
#mainbar { width: 650px; }

#sidebar { margin: .5rem 0 .5rem .5rem; text-align: left; padding: 0; width: 200px; }

@media (max-width: 1200px) { #sidebar { margin: .5rem 0 .5rem 0; } }
section p { position: relative; text-align: inherit; width: 100%; display: inline; }

/* section p img:not(.metaslider img),section img:not(.metaslider img){ */
section p img, section img { position: relative; width: 100%; height: auto; clear: both; margin-bottom: .5rem; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.metaslider img { position: relative; width: 100%; height: auto; clear: both; }

.smlCurve { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.medCurve { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.lrgCurve { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.size-thumbnail { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.noCurveTop img { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

/* VIDEO ELEMENTS */
.mejs-container, .mejs-inner, .wp-video-shortcode { -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; }

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; }

.mejs-container { padding-top: 56.25%; }

.wp-video, video.wp-video-shortcode { max-width: 100% !important; }

video.wp-video-shortcode { position: relative; }

.mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.mejs-controls { display: none; }

.mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; }

/* multipart form fields */
section .quesFld, section .rsltFld { padding: 0; }

section .rsltFld a, section .quesInit a { margin-top: 1.5rem; }

section .quesFld .ajax-loader, section .rsltFld .ajax-loader { display: none !important; }

section .quesFld label { line-height: 1.2rem; margin-bottom: .5rem; }

section .quesFld .wpcf7-submit { text-align: center; margin: .25rem; }

section .rsltFld .wpcf7-submit { text-align: center; margin: 1rem 0 0 0; }

section .quesFld > p, section .rsltFld > p { -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; margin: 0; }

section .quesFld span, section .rsltFld span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }

section .quesFld span a, section .rsltFld span a { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }

.progParent { margin: .25rem; }

.progBckgrnd { background-color: #9978b0; padding: .22rem; }

.progBarGhost { background-color: rgba(30, 0, 60, 0.1); width: 100%; }

.progBar { height: 15px; background-color: #b096c2; width: 1%; }

.bulletBox1, .bulletBox2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; margin-bottom: .3rem; }

a > .bulletBox1 { background-color: #9978b0; padding: .25rem; }

a > .bulletBox2 { background-color: #9978b0; padding: .5rem; }

a > .bulletBox1 p { font-size: .8rem; color: #e0e0e0; letter-spacing: -.01rem; padding: 0 .5rem; font-weight: 600; text-align: left; }

a > .bulletBox2 p { font-size: 1rem; color: #e0e0e0; letter-spacing: -.01rem; padding: .5rem .5rem .15rem .5rem; font-weight: 600; text-align: left; }

a > .bulletBox1:hover { background-color: #6e438d; }

a > .bulletBox2:hover { background-color: #6e438d; }

.bBox { width: auto; margin: .80rem; }

.bBox p:first-of-type { margin: 0; padding: 0; line-height: 1.3rem; -webkit-align-self: flex-start; align-self: flex-start; }

.bBox p:nth-of-type(1n+2) { margin: 0; padding: 0; line-height: 1rem; -webkit-align-self: flex-end; align-self: flex-end; }

.imgSumm { border-bottom: 0px solid #1f1f1f; }

#pageWrap { margin-top: 44px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

/* MetaSlider Orientation */
@media (orientation: landscape) { #menuSlider { display: inherit; }
  #mobSlider { display: none; }
  .tabHide { display: inherit; }
  .subMenu { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } }
@media (orientation: portrait) { #menuSlider { display: none; }
  #mobSlider { display: inherit; }
  .subMenu { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } }
.mobHide { display: inherit; }

.mobShow { display: none; }

.hideStep1, .hideStep2 { display: block; }

@media (max-width: 720px) { p { font-size: 1rem; line-height: 1.4rem; }
  .mobHide { display: none; }
  .mobShow { display: inherit; } }
/* Google Maps */
#map_canvas { width: 100%; margin-bottom: 1rem; border: 0.5rem solid #282828; margin: 0 0 .5rem 0; }

.gm-style-cc { visibility: hidden; }

@media (orientation: landscape) { .map_canvas { height: 300px; } }
@media (orientation: landscape) and (max-width: 720px) { .map_canvas { height: 150px; } }
@media screen and (orientation: landscape) and (min-width: 721px) and (max-width: 1200px) { .map_canvas { height: 250px; } }
@media (orientation: portrait) { .map_canvas { height: 300px; } }
@media (orientation: portrait) and (max-width: 720px) { .map_canvas { height: 150px; }
  .hideStep1, .hideStep2 { display: none; } }
@media screen and (orientation: portrait) and (min-width: 721px) and (max-width: 1200px) { .map_canvas { height: 150px; }
  .hideStep2 { display: none; } }
/* ------------------------------------------------------------------ */
/* ----------------- Woocommerce - Overwriting CSS  ----------------- */
/* ------------------------------------------------------------------ */
.woocommerce { width: 100%; }

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul, .woocommerce ul.products { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; padding-top: 1rem; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product { margin-top: auto; display: table; }

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; display: flex; justify-content: center; }

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }

.shop_table_responsive .cart-subtotal td, .shop_table_responsive .order-total td { float: right; }

#order_review_heading { padding: 1.5rem 0 .5rem 0; }

.woocommerce form .form-row textarea { height: 15rem; }

.woocommerce-error, .woocommerce-info, .woocommerce-message { width: 100%; }

.woocommerce a.button { background: #9978b0 !important; color: #e0e0e0 !important; }

.woocommerce a.button:hover { background: #6e438d !important; }

.woocommerce a { color: #9978b0; }

.woocommerce a:hover { color: #6e438d; }

.woocommerce .woocommerce-loop-product__title { font-size: 3rem; }

.woocommerce .woocommerce-result-count { margin: 0 0 1em; text-align: center; display: none; /* REMOVE RESULT COUNT FROM SHOP PAGE */ }

.woocommerce .woocommerce-ordering { display: none; /* REMOVE RESULT SORTING FROM SHOP PAGE */ }

.woocommerce ul.products li.product .price { color: #e0e0e0; margin-bottom: 0.25rem; font-size: 1.4rem; font-weight: 900; }

/* */
.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title { padding: 0; margin: 0 0 .5rem 0; font-size: 1.4rem; color: #e0e0e0; }

.woocommerce ul.products li.product a { text-decoration: none; margin-bottom: .25rem; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; float: none; margin: 1rem; padding: 0; position: relative; width: 200px; }

.woocommerce ul.products li.product .button { margin-top: auto; display: table; text-align: center; width: 100%; }

.woocommerce ul.products[class*='columns-'] li.product, .woocommerce-page ul.products[class*='columns-'] li.product { width: 200px; float: none; clear: none; margin: 0 .5rem .75rem .5rem; }

.woocommerce ul.products li.product .price { width: 100%; text-align: center; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { font-size: 1rem; }

.woocommerce-form-row { -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.woocommerce .quantity .qty { width: 2.75rem; text-align: left; font-size: .8rem; }

.woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, #add_payment_method #payment ul.payment_methods li img { width: auto; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.woocommerce .product-name a { text-align: right; }

.woocommerce table.shop_table, .woocommerce .checkout .col-1, .woocommerce .checkout .col-2 { border: 3px solid rgba(155, 131, 219, 0.75); background-color: rgba(255, 255, 255, 0.5); }

.woocommerce ul.order_details, .woocommerce .woocommerce-customer-details address { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid rgba(155, 131, 219, 0.75); background-color: rgba(255, 255, 255, 0.5); margin: 0 0 1rem; padding: .5rem 0; }

.woocommerce .woocommerce-customer-details address { padding: 1rem; }

.woocommerce ul.order_details li { padding: .5rem .75rem .25rem .75rem; margin: 0; }

.woocommerce .woocommerce-column { margin: 0 .5rem; }

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { margin-left: -1.2rem; line-height: 1.4; }

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { line-height: 1.5; }

.woocommerce .woocommerce-notice { text-align: center; display: block; font-weight: 700; }

.woocommerce .checkout .col-1, .woocommerce .checkout .col-2 { padding: 1rem; margin: .5rem 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-additional-fields h3 { padding: 0; text-align: left; padding: 1rem 0 1.5rem 0; }

.woocommerce form .form-row { padding-bottom: .5rem; border-top: 1px solid #ddd; }

.woocommerce form .form-row label { font-weight: 700; }

.woocommerce .woocommerce-privacy-policy-text p { display: block; }

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; display: block; text-align: center; margin-bottom: 0; font-size: 1.25em; padding: 1rem; }

.woocommerce div.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-order: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; margin-top: 2rem; }

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { clear: none; width: 300px; margin: .5rem; }

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; float: none; clear: none; width: 500px; margin: .5rem; }

/* .woocommerce-cart-form{
	margin-top:1rem;
} */
.woocommerce .added_to_cart { display: none !important; }

.woocommerce form .form-row { display: block; width: 100%; }

.woocommerce .gallery-icon img { width: 90px !important; height: 90px !important; object-fit: cover; margin: 0; }

.sku_wrapper, .tagged_in { display: block; }

.posted_in { display: none; }

.woocommerce div.product span.price, .woocommerce div.product p.price { display: block; color: #6e438d; font-size: 2rem; font-weight: 900; margin-bottom: 1rem !important; }

.woocommerce .upsells { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }

.woocommerce .upsells > h2 { text-align: left; }

.woocommerce .upsells .products { max-width: 220px; }

.woocommerce div.product form.cart { margin-bottom: 1rem !important; *zoom: 1; }

.woocommerce div.product div.summary { max-width: 600px; width: 100%; }

.woocommerce div.product div.images { clear: none; width: 300px; margin: .5rem; }

/*
-------------------------------------- CONTENT LAYOUT -----------------------------------------
*/
.subMenu { font-size: 1rem; padding: 0.3rem 0; color: #383838; background-color: #282828; text-align: center; border-radius: 2px; margin: 0; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

/* -------------------------------------------- */
/* ------------- Section Style 0 -------------- */
/* -------------------------------------------- */
.sectStyle0 { padding: 0 .5rem; background-color: none; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

/* -------------------------------------------- */
/* ------------- Section Style 1 -------------- */
/* -------------------------------------------- */
/* ----------- General Section Styles ----------- */
.sectStyle1 { font-size: 1rem; padding: 0.5rem 1rem; color: #5f676a; background-color: #b096c2; border: none; text-align: center; margin: 0 0 1rem 0; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

.sectStyle1 hr { background-color: #9876af; height: 2px; margin: 0.5rem; }

.sectStyle1 strong { color: #383838; }

/* ----------- Form Field Styles ----------- */
.sectStyle1 input:not([name="plate"]):not([type=radio]):not([type=checkbox]):not([type=submit]), .sectStyle1 textarea { font-weight: 600; font-size: 1.2rem; color: #282828; background-color: #c0c0c0; }

.sectStyle1 input:focus, .sectStyle1 textarea:focus { background-color: #e0e0e0 !important; }

.sectStyle1 label { color: #6e438d; font-weight: 600; font-size: 1rem; }

.sectStyle1 .wpcf7-list-item-label { color: #9978b0; font-weight: 600; font-size: 0.8rem; }

/* ----------- Submit and Button Styles ----------- */
.sectStyle1 .wpcf7-submit, .animCap1 a { color: #383838; background-color: #9978b0; border: none; }

.sectStyle1 .wpcf7-submit:hover, .animCap1 a:hover { color: #383838; background-color: #e0e0e0; border: none; }

/* -------------------------------------------- */
/* ------------- Section Style 2 -------------- */
/* -------------------------------------------- */
/* ----------- General Section Styles ----------- */
.sectStyle2 { font-size: 1rem; padding: 0.1rem 0.5rem; color: #c0c0c0; background-color: #383838; border: none; text-align: center; margin: 0; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

.sectStyle2 hr { background-color: rgba(30, 0, 60, 0.1); height: 2px; margin: 0.5rem; }

.sectStyle2 strong { color: #e0e0e0; }

/* ----------- Form Field Styles ----------- */
.sectStyle2 input:not([name="plate"]):not([type=radio]):not([type=checkbox]):not([type=submit]), .sectStyle2 textarea { font-weight: 600; font-size: 1.2rem; color: #282828; background-color: #c0c0c0; }

.sectStyle2 input:focus, .sectStyle2 textarea:focus { background-color: #e0e0e0 !important; }

.sectStyle2 label { color: #6e438d; font-weight: 600; font-size: 1rem; }

.sectStyle2 .wpcf7-list-item-label { color: #9978b0; font-weight: 600; font-size: 0.8rem; }

/* ----------- Submit, Gallery and Button Styles ----------- */
.sectStyle2 .wpcf7-submit, .animCap2 a { color: #282828; background-color: #9978b0; border: none; }

.sectStyle2 .wpcf7-submit:hover, .animCap2 a:hover { color: #282828; background-color: #6e438d; border: none; }

/* -------------------------------------------- */
/* ------------- Section Style 3 -------------- */
/* -------------------------------------------- */
/* ----------- General Section Styles ----------- */
.sectStyle3 { font-size: 1rem; padding: 1rem; color: #383838; background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); text-align: left; margin: 0 0.5rem 0.5rem 0.5rem; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }

.sectStyle3 hr { background-color: #778185; height: 2px; margin: 0.75rem 0 -0.3rem; }

.sectStyle3 strong { color: #e0e0e0; }

/* ----------- Form Field Styles ----------- */
.sectStyle3 input:not([name="plate"]):not([type=radio]):not([type=checkbox]):not([type=submit]), .sectStyle3 textarea { font-weight: 600; font-size: 1.1rem; color: #383838; background-color: #c0c0c0; }

.sectStyle3 input:focus, .sectStyle3 textarea:focus { background-color: #b096c2 !important; }

.sectStyle3 label { color: #6e438d; font-weight: 700; font-size: 0.9rem; line-height: 1.6rem; }

.sectStyle3 .wpcf7-list-item-label { color: #9978b0; font-weight: 600; font-size: 0.8rem; }

/* ----------- Submit and Button Styles ----------- */
.sectStyle3 .wpcf7-submit, .animCap3 a { color: #383838; background-color: #ffe681; border: none; }

.sectStyle3 .wpcf7-submit:hover, .animCap3 a:hover { color: #383838; background-color: #9978b0; border: none; }

/* -------------------------------------------- */
/* ------------- Section Style 4 -------------- */
/* -------------------------------------------- */
/* ----------- General Section Styles ----------- */
.sectStyle4 { font-size: 1rem; padding: 0.75rem 0; color: #e0e0e0; background-color: #282828; border: none; text-align: center; margin: 0; -webkit-box-orient: vertical; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-order: nowrap; flex-wrap: nowrap; }

.sectStyle4 hr { background-color: #0f0f0f; height: 2px; margin: 0.5rem; }

.sectStyle4 strong { color: #e0e0e0; }

/* ----------- Form Field Styles ----------- */
.sectStyle4 input:not([name="plate"]):not([type=radio]):not([type=checkbox]):not([type=submit]), .sectStyle4 textarea { font-weight: 600; font-size: 1.2rem; color: #282828; background-color: #c0c0c0; }

.sectStyle4 input:focus, .sectStyle4 textarea:focus { background-color: #e0e0e0 !important; }

.sectStyle4 label { color: #6e438d; font-weight: 600; font-size: 1rem; }

.sectStyle4 .wpcf7-list-item-label { color: #9978b0; font-weight: 600; font-size: 0.8rem; }

/* ----------- Submit and Button Styles ----------- */
.sectStyle4 .wpcf7-submit, .animCap4 a { color: #383838; background-color: #9978b0; border: none; }

.sectStyle4 .wpcf7-submit:hover, .animCap4 a:hover { color: #383838; background-color: #e0e0e0; border: none; }

.sectStyle3:not(.gall) div img { margin: 0; width: 100%; height: auto; }

main hr { background-color: rgba(30, 0, 60, 0.1); }

.badgeBox { margin-top: -webkit-calc(50px - 0.5em); margin-top: -moz-calc(50px - 0.5em); margin-top: calc(50px - 0.5em); text-align: center; }

.badge { width: 100px; margin-top: -50px; }

@media screen and (min-width: 721px) and (max-width: 1200px) { .badgeBox { margin-top: -webkit-calc(43px - 0.5em); margin-top: -moz-calc(43px - 0.5em); margin-top: calc(43px - 0.5em); text-align: center; }
  .badge { width: 100px; margin-top: -43px; } }
@media (max-width: 720px) { .badgeBox { margin-top: -webkit-calc(40px - 0.5em); margin-top: -moz-calc(40px - 0.5em); margin-top: calc(40px - 0.5em); text-align: center; }
  .badge { width: 100px; margin-top: -40px; } }