@charset "UTF-8";   
/*
Theme Name: Customfit-Flex
*/   
 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - Reset
# - Typography
# - Elements
# - Forms
# - Grids
# - Accessibility.
# - Alignments
# - Clearings
# - Header
      ##  - Header Search
# - Navigation
	  ## - Links
	  ## - Menus
	  ## - Menu-social
	  ## - Page and Post Navigation
# -  Widgets
# - Content
	## - Global
    ## - Indexes
	## - Posts and Pages
	## - Comments
# - Infinite scroll
# - Media
      ## - Captions
	  ## - Galleries
	  ## - Images
# - Footer
# - Customer Reviews
# - Privacy Policy
# - Ninja Forms
# - Gutenberg Styling
# - Woocommerce
# - Media Queries
--------------------------------------------------------------*/

/*  # - Reset  */

@font-face {
  font-family: 'Autumn-in-November';
  src: url('https://www.stitchnstickboutique.com/wp-content/themes/customfit-flex/fonts/autumn-in-november.eot'); /* IE9 Compat Modes */
  src: url('https://www.stitchnstickboutique.com/wp-content/themes/customfit-flex/fonts/autumn-in-november.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.stitchnstickboutique.com/wp-content/themes/customfit-flex/fonts/autumn-in-november.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://www.stitchnstickboutique.com/wp-content/themes/customfit-flex/fonts/autumn-in-november.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/*   font-family: 'Autumn-in-November', Arial, sans-serif;  */

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

html {
  font-family: sans-serif; 
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-tap-highlight-color: transparent; /* Change the default tap highlight to be completely transparent in iOS */
  /*  or */
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
  -ms-overflow-style: scrollbar; /* Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */
}

/* IE10+ doesn't honor `<meta name="viewport">` in some cases. */
@-ms-viewport {
  width: device-width;
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;  
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    background-color: #fff;
}

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

/*
Suppress the focus outline on elements that cannot be accessed via keyboard.
This prevents an unwanted focus outline from appearing around elements that might still respond to pointer events.

Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
  outline: 0!important;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block; 
  vertical-align: baseline; 
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
} 

address { 
    margin: 0 0 24px; 
    margin: 0 0 2.4rem;
    font-style: normal;
    line-height: inherit;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none!important;
}

/*
Correct element displays
*/

output {
  display: inline-block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}


a   { 
margin: 0; 
padding: 0; 
vertical-align: baseline; 
background-color: transparent; /* Remove the gray background on active links in IE 10. */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+. */
}

/* See https://github.com/twbs/bootstrap/issues/19402 */

a:not([href]):not([tabindex]) {
  color: #fff;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
} 
a:active,
a:hover {
	outline: 0;
} 

/*  Responsive images */
img   {
    	display: block;
        vertical-align: middle;
        height: auto; /* Make sure images are scaled correctly. */
        max-width: 100%; /* Adhere to container width. */
	    border-style: none; /* Remove the border on images inside links in IE 10-. */
        position: relative;
}

a img {
	border: 0;
}

a:focus img {
    outline: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/*
Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.

In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11 DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present. However, they DO support removing the click delay via `touch-action: manipulation`.

See:

* https://getbootstrap.com/docs/4.0/content/reboot/#click-delay-optimization-for-touch

* https://caniuse.com/#feat=css-touch-action

*  https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
*/

a,
area,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

b,
strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

mark, ins {
    text-decoration: none;
    background: #fff9c0;
}

small { 
font-size: 12px;
font-size: 1.2rem;
line-height: 2.0;
 }
 
big { 
font-size: 20px;
font-size: 2.0rem;
line-height: 1;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
} 

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

hr {
	-webkit-box-sizing: content-box; /* Add the correct box sizing in Firefox */
            box-sizing: content-box;
	height: 0;
        overflow: visible;  /* Show the overflow in Edge and IE */
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 14px;
        font-size: 1.4rem;
}

/*
Abbreviations

1. Remove the bottom border in Firefox 39-.
2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
3. Add explicit cursor to indicate changed behavior.
4. Duplicate behavior to the data-* attribute for our tooltip plugin
*/
abbr[title],
abbr[data-original-title] { /* 4 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted; /* 2 */
          text-decoration: underline dotted; /* 2 */
  cursor: help; /* 3 */
  border-bottom: 0; /* 1 */
}

/*
Remove the default `border-radius` that macOS Chrome adds.

Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline: 0;
}

button,
input,
select,
optgroup,
textarea {
  margin: 0; /* Remove the margin in Firefox and Safari */
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input {
  overflow: visible; /* Show the overflow in Edge */
}

button,
select {
  text-transform: none; /* Remove the inheritance of text transform in Firefox */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
  outline: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
            box-sizing: border-box;
        padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  /* 
  Remove the default appearance of temporal inputs to avoid a Mobile Safari bug where setting a custom line-height prevents text from being vertically centered within the input.
  
  See https://bugs.webkit.org/show_bug.cgi?id=139848
  and https://github.com/twbs/bootstrap/issues/11266
  */
  -webkit-appearance: listbox;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box;
            box-sizing: content-box;
         outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

/*
1. Correct the text wrapping in Edge and IE.
2. Correct the color inheritance from `fieldset` elements in IE.
*/
legend {
  display: block;
  width: 100%;
  max-width: 100%; /* 1 */
  padding: 0;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: inherit;
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

textarea {
	overflow: auto;
        resize: vertical;
}

optgroup {
	font-weight: bold;
}

figure {
	margin: 0;
}

/**
 * Remove most spacing between table cells.
 */
 
 table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

html, body {
     height: 100%;
 /*   overflow: auto;
    overflow-x: hidden; */
}

html { 
    height: 100%;
    width: 100%;
    font-size: 62.5%; /* 62.5% of 16px = 10px; Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    /*overflow-y: hidden;*/
}
	
body   {
  height: 100%; 
  width: 100%;
  margin: 0 auto;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333333;
  /* overflow-y: auto; */
}

/* Margins, or “vertical spacing” is calculated using either 24px or 48px to maintain vertical rhythm. */
h1, h2, h3, h4, h5, h6  {
	clear: both;
       /* font-family: 'Roboto', sans-serif;
        font-family: 'Autumn-in-November', Arial, sans-serif;*/
        font-family: 'Dancing Script', cursive;
        color: #000;
        font-weight: 700;
	overflow-wrap: break-word;
        word-break: break-word;
        margin-top: 0; /* Remove top margins from headings */
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
	margin-top: 0;
}

/* Smartphones */
/*  max-width: 781px */ 
@media only screen and (max-width: 48.8125em) {

    h1, h2, h3, h4, h5, h6  {
        text-align: center;
    }

} /* end media query max-width: 781px */

h1 {
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.2; /* 48px */
}

h2 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.33333333; /* 48px */
   }
   

h3 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.2; /* 36px */
    padding-top: 6px;
	padding-top: 0.6rem;
	padding-bottom: 6px;
	padding-bottom: 0.6rem;
   }

h4 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1; 
   }

h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.33333333333; /* 24px */
   }


h6 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5; /* 24px */
}

p {
  margin-top: 0;  
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p:empty  { /* hide all empty elements like <p></p> added by wordpress  */ 
    display: none;  
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 24px;
	margin: 0 2.4rem; 
}

/* Blockquotes */
blockquote {
  border-left: 4px solid #000000;
  border-left: 0.4rem solid #000000;
  padding-left: 24px;
  padding-left: 2.4rem;
  margin: 0;
}

blockquote cite {
    display: block;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
} 

blockquote.alignleft {
    float: left;
    width: 50%;
    padding: 24px 0 0;
    padding: 2.4rem 0 0;
    margin-right: 24px;
    margin-right: 2.4rem;
}

blockquote.alignright {
    float: right;
    width: 50%;
    padding: 24px 0 0;
    padding: 2.4rem 0 0;
    margin-left: 24px;
    margin-left: 2.4rem;
} 

blockquote em { 
    font-style: normal; 
}

pre {
    max-width: 100%;
    padding: 24px;
    padding: 2.4rem;
    margin: 0;
    margin-bottom: 24px!important;
    margin-bottom: 2.4rem!important;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    background: #eee;
    white-space: pre-wrap; 
    overflow-wrap: break-word;
    overflow: auto;
}

code, 
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 14px;
	font-size: 1.4rem; 
}

abbr,
acronym {
       border-bottom: none; /* keep underline to maintain the vertical rhythm */
       text-decoration: underline;
       text-decoration: underline dotted;
       cursor: help;
       color: red; 
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none; 
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #f5c6dc; /* pink */
	width: 100%;
	border: 0;
	height: 4px;
        margin-top: 42px;
	margin-top: 4.2rem;
        margin-bottom: 28px;
	margin-bottom: 2.8rem;
	padding: 0;
        outline: 0;
        display: block;
}

 /* Smartphones */
/* max-width: 781px */ 
ul, ol {
        margin: 0 0 24px 24px;
	margin: 0 0 2.4rem 2.4rem;
        padding: 0;
}

/* min-width: 782px */ 
@media only screen and (min-width: 48.875em) {
ul, ol {
	margin-left: 48px;
	margin-left: 4.8rem;
}
} /* end media query min-width: 782px  */

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 24px; 
	margin-left: 2.4rem;
        padding: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
        margin-bottom: 2.4rem;
        margin-left: 0; /* Undo browser default */
}

table {
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 23px;
        margin: 0 0 2.3rem;
}

caption {
  padding-top: 12px;  
  padding-top: 1.2rem;
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}

table,
th,
td {
	/*border: 1px solid #000;
        margin: 0 0 24px;
	margin: 0 0 2.4rem;
        width: 100%;*/
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
        vertical-align: middle;
}

th,
td {
	padding: 12px 11px 11px 12px;
        padding: 1.2rem 1.1rem 1.1rem 1.2rem;
        vertical-align: middle;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
    outline: 0; /* get rid of the blue border */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
    border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
    padding: 11px; /* 12px - 1px=border */
    padding: 1.1rem;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 11px; /* 12px - 1px=border */
	padding: 1.1rem;
}

select {
	/* border: 1px solid #ccc; */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
}

/*--------------------------------------------------------------
   # GRIDS
--------------------------------------------------------------*/

/* add .customfit-container to fullpage only */
.customfit-container {  
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-left: 2.4rem;
  padding-right: 24px;
  padding-right: 2.4rem;
}

.customfit-container.no-pad {
    padding-right: 0;
    padding-left: 0;
}

/*  max-width: 991px  */
@media only screen and (max-width: 61.9375em)  {
 .customfit-container  {
     width: 100%;    
  } 
} /* end media query for max 991px */


/*  min-width: 992px  */
@media only screen and (min-width: 62em)  {
    .customfit-container  {
      /* width: 92%; */ 
       margin-right: 4%;
       margin-left: 4%;
     }
} /* end media query for min 992px */

/*  min-width: 1200px  */
@media only screen and (min-width: 75em)  {
    .customfit-container  {   
      /* width: 84%; */
       margin-right: 8%;
       margin-left: 8%;
     }
} /* end media query for min 1200px */

/*  min-width: 1920px  */
@media only screen and (min-width: 120em)  {
    .customfit-container  {
      /* width: 70%; */
       margin-right: 15%;
       margin-left: 15%;
    }
} /* end media query for min 1920px */

/* min-width: 2560px  */
@media only screen and (min-width: 160em)  {
    .customfit-container  {
      /* width: 60%; */
       margin-right: 20%;
       margin-left: 20%;
    }
} /* end media query for min 2560px */

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

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

.text-right  {
    text-align: right;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.pad  {
	 padding: 24px;
    padding: 2.4rem;
}

.no-pad {
    padding: 0;
}

.mar  {
    margin: 24px;
    margin: 2.4rem;
}

.no-mar {
    margin: 0;
}

.pad-top {
  padding-top: 24px;
  padding-top: 2.4rem;
}

.no-pad-top  {
  padding-top: 0; 
}

.pad-bottom {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}

.no-pad-bottom {
  padding-bottom: 0;
} 

.pad-right {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.no-pad-right  {
    padding-right: 0;
}

.pad-left {
  padding-left: 24px;
  padding-left: 2.4rem;
} 

.no-pad-left  {
    padding-left: 0;
}

.mar-top {
  margin-top: 24px;
  margin-top: 2.4rem;
}

.no-mar-top {
    margin-top: 0;
}

.mar-bottom {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

.mar-right {
  margin-right: 24px;
  margin-right: 2.4rem;
} 

.no-mar-right  {
    margin-right: 0;
}

.mar-left {
  margin-left: 24px;
  margin-left: 2.4rem;
} 

.no-mar-left  {
    margin-left: 0;
}

  /* min-width: 600px  */
@media only screen and (min-width: 37.5em)  {

.no-pad-sm {
   padding: 0;
}

.no-mar-sm {
    margin: 0;
}
    
.pad-top-sm {
  padding-top: 24px;
  padding-top: 2.4rem;
}

.no-pad-top-sm  {
  padding-top: 0; 
}

.pad-bottom-sm {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}

.no-pad-bottom-sm {
  padding-bottom: 0;
} 

.pad-right-sm {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.no-pad-right-sm  {
    padding-right: 0;
}

.pad-left-sm {
  padding-left: 24px;
  padding-left: 2.4rem;
} 

.no-pad-left-sm  {
    padding-left: 0;
}

.mar-top-sm {
  margin-top: 24px;
  margin-top: 2.4rem;
}

.no-mar-top-sm {
    margin-top: 0;
}

.mar-bottom-sm {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

.mar-right-sm {
  margin-right: 24px;
  margin-right: 2.4rem;
} 

.no-mar-right-sm  {
    margin-right: 0;
}

.mar-left-sm {
  margin-left: 24px;
  margin-left: 2.4rem;
} 

.no-mar-left-sm  {
    margin-left: 0;
}

.center-sm {
    margin-left: auto;
    margin-right: auto;
} 

.text-center-sm {
    text-align: center;
}

.text-left-sm  {
    text-align: left;
}

.text-right-sm {
    text-align: right;
}
    
} /* end media query for min-width: 600px */


/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
   
.no-pad-md {
   padding: 0;
}

.no-mar-md {
    margin: 0;
}
    
.pad-top-md {
  padding-top: 24px;
  padding-top: 2.4rem;
}

.no-pad-top-md  {
  padding-top: 0; 
}

.pad-bottom-md {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}

.no-pad-bottom-md {
  padding-bottom: 0;
} 

.pad-right-md {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.no-pad-right-md  {
    padding-right: 0;
}

.pad-left-md {
  padding-left: 24px;
  padding-left: 2.4rem;
} 

.no-pad-left-md  {
    padding-left: 0;
}

.mar-top-md {
  margin-top: 24px;
  margin-top: 2.4rem;
}

.no-mar-top-md {
    margin-top: 0;
}

.mar-bottom-md {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

.mar-right-md {
  margin-right: 24px;
  margin-right: 2.4rem;
} 

.no-mar-right-md  {
    margin-right: 0;
}

.mar-left-md {
  margin-left: 24px;
  margin-left: 2.4rem;
} 

.no-mar-left-md  {
    margin-left: 0;
}

.center-md {
    margin-left: auto;
    margin-right: auto;
} 

.text-center-md {
    text-align: center;
}

.text-left-md  {
    text-align: left;
}

.text-right-md {
    text-align: right;
}
    
} /* end media query for min-width: 782px */ 

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
.no-pad-lg {
   padding: 0;
}

.no-mar-lg {
    margin: 0;
}
    
.pad-top-lg {
  padding-top: 24px;
  padding-top: 2.4rem;
}

.no-pad-top-lg  {
  padding-top: 0; 
}

.pad-bottom-lg {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}

.no-pad-bottom-lg {
  padding-bottom: 0;
} 

.pad-right-lg {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.no-pad-right-lg  {
    padding-right: 0;
}

.pad-left-lg {
  padding-left: 24px;
  padding-left: 2.4rem;
} 

.no-pad-left-lg  {
    padding-left: 0;
}

.mar-top-lg {
  margin-top: 24px;
  margin-top: 2.4rem;
}

.no-mar-top-lg {
    margin-top: 0;
}

.mar-bottom-lg {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

.mar-right-lg {
  margin-right: 24px;
  margin-right: 2.4rem;
} 

.no-mar-right-lg  {
    margin-right: 0;
}

.mar-left-lg {
  margin-left: 24px;
  margin-left: 2.4rem;
} 

.no-mar-left-lg  {
    margin-left: 0;
}

.center-lg {
    margin-left: auto;
    margin-right: auto;
} 

.text-center-lg {
    text-align: center;
}

.text-left-lg  {
    text-align: left;
}

.text-right-lg {
    text-align: right;
}
    
} /* end media query for min-width: 992px */ 


 /* min-width: 1200px  */
@media only screen and (min-width: 75em)  {

.no-pad-xl {
   padding: 0;
}

.no-mar-xl {
    margin: 0;
}    
.pad-top-xl {
  padding-top: 24px;
  padding-top: 2.4rem;
}

.no-pad-top-xl  {
  padding-top: 0; 
}

.pad-bottom-xl {
  padding-bottom: 24px;
  padding-bottom: 2.4rem;
}

.no-pad-bottom-xl {
  padding-bottom: 0;
} 

.pad-right-xl {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.no-pad-right-xl  {
    padding-right: 0;
}

.pad-left-xl {
  padding-left: 24px;
  padding-left: 2.4rem;
} 

.no-pad-left-xl  {
    padding-left: 0;
}

.mar-top-xl {
  margin-top: 24px;
  margin-top: 2.4rem;
}

.no-mar-top-xl {
    margin-top: 0;
}

.mar-bottom-xl {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

.mar-right-xl {
  margin-right: 24px;
  margin-right: 2.4rem;
} 

.no-mar-right-xl  {
    margin-right: 0;
}

.mar-left-xl {
  margin-left: 24px;
  margin-left: 2.4rem;
} 

.no-mar-left-xl  {
    margin-left: 0;
}

.center-xl {
    margin-left: auto;
    margin-right: auto;
} 

.text-center-xl {
    text-align: center;
}

.text-left-xl  {
    text-align: left;
}

.text-right-xl {
    text-align: right;
}
    
} /* end media query for min-width: 1200px */

.module {
     padding: 24px; 
     padding: 2.4rem;    
}

/*  if the margin is applied to the top of the elements 
.module * + * { 
margin-top: 24px;
margin-top: 2.4rem;
 } */

/* get rid of the margin on the bottom of the module */
.module > *:last-child,
.module > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

/* get rid of the margin on the bottom of the section */
/*section > *:last-child,
section > *:last-child > *:last-child,
section > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
} */


section, .section  {  /* make the width of the browser  */
    padding-top: 24px;
    padding-top: 2.4rem;
   /* padding-bottom: 24px;
    padding-bottom: 2.4rem; */
}

.fl  {
	float: left;
}

.fr  {
	float: right;
}

.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    margin-left: -24px;
    margin-left: -2.4rem;
    margin-right: -24px;
    margin-right: -2.4rem; 
}

/*  column widths - Mobile first  */
/* For Smartphones: max-width: 599px .gp */
/* all .gp are 100% unless added additional classes */


.gp-1, .gp-2, .gp-3, .gp-4, .gp-5, .gp-6, .gp-7, .gp-8, .gp-9, .gp-10, .gp-11, .gp-12, .gp, .gp-auto, 
.gp-1-sm, .gp-2-sm, .gp-3-sm, .gp-4-sm, .gp-5-sm, .gp-6-sm, .gp-7-sm, .gp-8-sm, .gp-9-sm, .gp-10-sm, .gp-11-sm, .gp-12-sm, .gp-sm, .gp-auto-sm, 
.gp-1-md, .gp-2-md, .gp-3-md, .gp-4-md, .gp-5-md, .gp-6-md, .gp-7-md, .gp-8-md, .gp-9-md, .gp-10-md, .gp-11-md, .gp-12-md, .gp-md, .gp-auto-md, 
.gp-1-lg, .gp-2-lg, .gp-3-lg, .gp-4-lg, .gp-5-lg, .gp-6-lg, .gp-7-lg, .gp-8-lg, .gp-9-lg, .gp-10-lg, .gp-11-lg, .gp-12-lg, .gp-lg, .gp-auto-lg, 
.gp-1-xl, .gp-2-xl, .gp-3-xl, .gp-4-xl, .gp-5-xl, .gp-6-xl, .gp-7-xl, .gp-8-xl, .gp-9-xl, .gp-10-xl, .gp-11-xl, .gp-12-xl, .gp-xl, .gp-auto-xl  {
  position: relative;
  min-height: 1px;
  padding-right: 24px;
  padding-right: 2.4rem;
  padding-left: 24px;
  padding-left: 2.4rem;
  width: 100%; 
}

/* default styles up to 599px */

.gp {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.gp-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.gp-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.gp-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.gp-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.gp-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.gp-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.gp-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.gp-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.gp-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.gp-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.gp-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.gp-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.gp-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-0 {
  margin-left: 0;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

  .gp-1-tl,
  .gp-2-tl,
  .gp-3-tl,
  .gp-4-tl,
  .gp-5-tl,
  .gp-6-tl,
  .gp-7-tl,
  .gp-8-tl,
  .gp-9-tl,
  .gp-10-tl,
  .gp-11-tl,
  .gp-12-tl   {
     text-align: left;  
  }
  
  .gp-1-tr,
  .gp-2-tr,
  .gp-3-tr,
  .gp-4-tr,
  .gp-5-tr,
  .gp-6-tr,
  .gp-7-tr,
  .gp-8-tr,
  .gp-9-tr,
  .gp-10-tr,
  .gp-11-tr,
  .gp-12-tr  {
     text-align: right;  
  }
  
  .gp-1-tc,
  .gp-2-tc,
  .gp-3-tc,
  .gp-4-tc,
  .gp-5-tc,
  .gp-6-tc,
  .gp-7-tc,
  .gp-8-tc,
  .gp-9-tc,
  .gp-10-tc,
  .gp-11-tc,
  .gp-12-tc  {
     text-align: center;  
  }

/* Tablets */
 /* min-width:  600px gp-sm */
@media only screen and (min-width: 37.5em)  {
    
.gp-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .gp-auto-sm {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .gp-1-sm {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .gp-2-sm {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .gp-3-sm {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .gp-4-sm {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .gp-5-sm {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .gp-6-sm {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gp-7-sm {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .gp-8-sm {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .gp-9-sm {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .gp-10-sm {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .gp-11-sm {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .gp-12-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-first-sm {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-last-sm {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-0-sm {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-1-sm {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-2-sm {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-3-sm {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-4-sm {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-5-sm {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-6-sm {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-7-sm {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-8-sm {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-9-sm {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-10-sm {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-11-sm {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-12-sm {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-0-sm {
    margin-left: 0;
  }
  .offset-1-sm {
    margin-left: 8.333333%;
  }
  .offset-2-sm {
    margin-left: 16.666667%;
  }
 .offset-3-sm {
    margin-left: 25%;
  }
  .offset-4-sm {
    margin-left: 33.333333%;
  }
  .offset-5-sm {
    margin-left: 41.666667%;
  }
  .offset-6-sm {
    margin-left: 50%;
  }
  .offset-7-sm {
    margin-left: 58.333333%;
  }
  .offset-8-sm {
    margin-left: 66.666667%;
  }
  .offset-9-sm {
    margin-left: 75%;
  }
 .offset-10-sm {
    margin-left: 83.333333%;
  }
  .offset-11-sm {
    margin-left: 91.666667%;
  }
  
  .gp-1-tl-sm,
  .gp-2-tl-sm,
  .gp-3-tl-sm,
  .gp-4-tl-sm,
  .gp-5-tl-sm,
  .gp-6-tl-sm,
  .gp-7-tl-sm,
  .gp-8-tl-sm,
  .gp-9-tl-sm,
  .gp-10-tl-sm,
  .gp-11-tl-sm,
  .gp-12-tl-sm {
     text-align: left;  
  }
  
  .gp-1-tr-sm,
  .gp-2-tr-sm,
  .gp-3-tr-sm,
  .gp-4-tr-sm,
  .gp-5-tr-sm,
  .gp-6-tr-sm,
  .gp-7-tr-sm,
  .gp-8-tr-sm,
  .gp-9-tr-sm,
  .gp-10-tr-sm,
  .gp-11-tr-sm,
  .gp-12-tr-sm {
     text-align: right;  
  }
  
  .gp-1-tc-sm,
  .gp-2-tc-sm,
  .gp-3-tc-sm,
  .gp-4-tc-sm,
  .gp-5-tc-sm,
  .gp-6-tc-sm,
  .gp-7-tc-sm,
  .gp-8-tc-sm,
  .gp-9-tc-sm,
  .gp-10-tc-sm,
  .gp-11-tc-sm,
  .gp-12-tc-sm  {
     text-align: center;  
  }
  
} /* end media query for min-width:  600px */


/* min-width: 782px gp-md */
@media only screen and (min-width: 48.875em)  {
    
.gp-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .gp-auto-md {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .gp-1-md {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .gp-2-md {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .gp-3-md {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .gp-4-md {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .gp-5-md {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .gp-6-md {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gp-7-md {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .gp-8-md {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .gp-9-md {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .gp-10-md {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .gp-11-md {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .gp-12-md {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-first-md {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-last-md {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-0-md {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-1-md {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-2-md {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-3-md {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-4-md {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-5-md {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-6-md {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-7-md {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-8-md {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-9-md {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-10-md {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-11-md {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-12-md {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-0-md {
    margin-left: 0;
  }
  .offset-1-md {
    margin-left: 8.333333%;
  }
  .offset-2-md {
    margin-left: 16.666667%;
  }
  .offset-3-md {
    margin-left: 25%;
  }
  .offset-4-md {
    margin-left: 33.333333%;
  }
  .offset-5-md {
    margin-left: 41.666667%;
  }
  .offset-6-md {
    margin-left: 50%;
  }
  .offset-7-md {
    margin-left: 58.333333%;
  }
  .offset-8-md {
    margin-left: 66.666667%;
  }
  .offset-9-md {
    margin-left: 75%;
  }
 .offset-10-md {
    margin-left: 83.333333%;
  }
  .offset-11-md {
    margin-left: 91.666667%;
  }
  
  .gp-1-tl-md,
  .gp-2-tl-md,
  .gp-3-tl-md,
  .gp-4-tl-md,
  .gp-5-tl-md,
  .gp-6-tl-md,
  .gp-7-tl-md,
  .gp-8-tl-md,
  .gp-9-tl-md,
  .gp-10-tl-md,
  .gp-11-tl-md,
  .gp-12-tl-md {
     text-align: left;  
  }
  
  .gp-1-tr-md,
  .gp-2-tr-md,
  .gp-3-tr-md,
  .gp-4-tr-md,
  .gp-5-tr-md,
  .gp-6-tr-md,
  .gp-7-tr-md,
  .gp-8-tr-md,
  .gp-9-tr-md,
  .gp-10-tr-md,
  .gp-11-tr-md,
  .gp-12-tr-md {
     text-align: right;  
  }
  
  .gp-1-tc-md,
  .gp-2-tc-md,
  .gp-3-tc-md,
  .gp-4-tc-md,
  .gp-5-tc-md,
  .gp-6-tc-md,
  .gp-7-tc-md,
  .gp-8-tc-md,
  .gp-9-tc-md,
  .gp-10-tc-md,
  .gp-11-tc-md,
  .gp-12-tc-md  {
     text-align: center;  
  }
} /* end media query for min-width: 782px gp-md */


 /* min-width: 992px gp-lg */
@media only screen and (min-width: 62em)  {
    
.gp-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .gp-auto-lg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .gp-1-lg {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .gp-2-lg {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .gp-3-lg {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .gp-4-lg {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .gp-5-lg {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .gp-6-lg {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gp-7-lg {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .gp-8-lg {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .gp-9-lg {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .gp-10-lg {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .gp-11-lg {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .gp-12-lg {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-first-lg {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-last-lg {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-0-lg {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-1-lg {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-2-lg {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-3-lg {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-4-lg {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-5-lg {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-6-lg {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-7-lg {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-8-lg {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-9-lg {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-10-lg {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-11-lg {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-12-lg {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-0-lg {
    margin-left: 0;
  }
  .offset-1-lg {
    margin-left: 8.333333%;
  }
  .offset-2-lg {
    margin-left: 16.666667%;
  }
  .offset-3-lg {
    margin-left: 25%;
  }
  .offset-4-lg {
    margin-left: 33.333333%;
  }
  .offset-5-lg {
    margin-left: 41.666667%;
  }
  .offset-6-lg {
    margin-left: 50%;
  }
  .offset-7-lg {
    margin-left: 58.333333%;
  }
  .offset-8-lg {
    margin-left: 66.666667%;
  }
  .offset-9-lg {
    margin-left: 75%;
  }
 .offset-10-lg {
    margin-left: 83.333333%;
  }
  .offset-11-lg {
    margin-left: 91.666667%;
  }
  
  .gp-1-tl-lg,
  .gp-2-tl-lg,
  .gp-3-tl-lg,
  .gp-4-tl-lg,
  .gp-5-tl-lg,
  .gp-6-tl-lg,
  .gp-7-tl-lg,
  .gp-8-tl-lg,
  .gp-9-tl-lg,
  .gp-10-tl-lg,
  .gp-11-tl-lg,
  .gp-12-tl-lg {
     text-align: left;  
  }
  
  .gp-1-tr-lg,
  .gp-2-tr-lg,
  .gp-3-tr-lg,
  .gp-4-tr-lg,
  .gp-5-tr-lg,
  .gp-6-tr-lg,
  .gp-7-tr-lg,
  .gp-8-tr-lg,
  .gp-9-tr-lg,
  .gp-10-tr-lg,
  .gp-11-tr-lg,
  .gp-12-tr-lg {
     text-align: right;  
  }
  
  .gp-1-tc-lg,
  .gp-2-tc-lg,
  .gp-3-tc-lg,
  .gp-4-tc-lg,
  .gp-5-tc-lg,
  .gp-6-tc-lg,
  .gp-7-tc-lg,
  .gp-8-tc-lg,
  .gp-9-tc-lg,
  .gp-10-tc-lg,
  .gp-11-tc-lg,
  .gp-12-tc-lg  {
     text-align: center;  
  }

} /* end media query for min-width: 992px gp-lg */


/* min-width: 1200px gp-xl */
@media only screen and (min-width: 75em)  {
    
 .gp-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .gp-auto-xl {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .gp-1-xl {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .gp-2-xl {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .gp-3-xl {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .gp-4-xl {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .gp-5-xl {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .gp-6-xl {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .gp-7-xl {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .gp-8-xl {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .gp-9-xl {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .gp-10-xl {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .gp-11-xl {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .gp-12-xl {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-first-xl {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-last-xl {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-0-xl {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-1-xl {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-2-xl {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-3-xl {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-4-xl {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-5-xl {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-6-xl {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-7-xl {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-8-xl {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-9-xl {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-10-xl {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-11-xl {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-12-xl {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-0-xl {
    margin-left: 0;
  }
  .offset-1-xl {
    margin-left: 8.333333%;
  }
  .offset-2-xl {
    margin-left: 16.666667%;
  }
 .offset-3-xl {
    margin-left: 25%;
  }
  .offset-4-xl {
    margin-left: 33.333333%;
  }
  .offset-5-xl {
    margin-left: 41.666667%;
  }
  .offset-6-xl {
    margin-left: 50%;
  }
  .offset-7-xl {
    margin-left: 58.333333%;
  }
  .offset-8-xl {
    margin-left: 66.666667%;
  }
  .offset-9-xl {
    margin-left: 75%;
  }
 .offset-10-xl {
    margin-left: 83.333333%;
  }
  .offset-11-xl {
    margin-left: 91.666667%;
  }
  
  .gp-1-tl-xl,
  .gp-2-tl-xl,
  .gp-3-tl-xl,
  .gp-4-tl-xl,
  .gp-5-tl-xl,
  .gp-6-tl-xl,
  .gp-7-tl-xl,
  .gp-8-tl-xl,
  .gp-9-tl-xl,
  .gp-10-tl-xl,
  .gp-11-tl-xl,
  .gp-12-tl-xl {
     text-align: left;  
  }
  
  .gp-1-tr-xl,
  .gp-2-tr-xl,
  .gp-3-tr-xl,
  .gp-4-tr-xl,
  .gp-5-tr-xl,
  .gp-6-tr-xl,
  .gp-7-tr-xl,
  .gp-8-tr-xl,
  .gp-9-tr-xl,
  .gp-10-tr-xl,
  .gp-11-tr-xl,
  .gp-12-tr-xl {
     text-align: right;  
  }
  
  .gp-1-tc-xl,
  .gp-2-tc-xl,
  .gp-3-tc-xl,
  .gp-4-tc-xl,
  .gp-5-tc-xl,
  .gp-6-tc-xl,
  .gp-7-tc-xl,
  .gp-8-tc-xl,
  .gp-9-tc-xl,
  .gp-10-tc-xl,
  .gp-11-tc-xl,
  .gp-12-tc-xl  {
     text-align: center;  
  }

} /* end media query for min-width: 1200px gp-xl */


/* FLEX */

/* max-width: 599px */
.cf-flex {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1 {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2 {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3 {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0 {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1 {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

 /* min-width: 600px  */
@media only screen and (min-width: 37.5em)  {
   .cf-flex-sm {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex-sm {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row-sm {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column-sm {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse-sm {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse-sm {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-sm {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap-sm {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse-sm {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill-sm {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1-sm {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2-sm {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3-sm {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0-sm {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1-sm {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0-sm {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1-sm {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start-sm {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end-sm {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center-sm {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between-sm {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around-sm {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start-sm {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end-sm {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center-sm {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline-sm {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch-sm {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start-sm {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end-sm {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center-sm {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between-sm {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around-sm {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch-sm {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto-sm {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start-sm {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end-sm {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center-sm {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline-sm {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch-sm {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

    
} /* end media query for min-width: 600px */

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
   .cf-flex-md {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex-md {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row-md {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column-md {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse-md {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse-md {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-md {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap-md {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse-md {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill-md {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1-md {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2-md {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3-md {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0-md {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1-md {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0-md {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1-md {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start-md {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end-md {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center-md {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between-md {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around-md {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start-md {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end-md {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center-md {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline-md {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch-md {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start-md {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end-md {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center-md {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between-md {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around-md {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch-md {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto-md {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start-md {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end-md {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center-md {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline-md {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch-md {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
	
} /* end media query for min-width: 782px */ 

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    .cf-flex-lg {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex-lg {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row-lg {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column-lg {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse-lg {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse-lg {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-lg {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap-lg {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse-lg {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill-lg {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1-lg {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2-lg {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3-lg {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0-lg {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1-lg {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0-lg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1-lg {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start-lg {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end-lg {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center-lg {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between-lg {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around-lg {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start-lg {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end-lg {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center-lg {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline-lg {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch-lg {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start-lg {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end-lg {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center-lg {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between-lg {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around-lg {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch-lg {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto-lg {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start-lg {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end-lg {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center-lg {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline-lg {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch-lg {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
	
} /* end media query for min-width: 992px */ 

/* min-width: 1100px  */
@media only screen and (min-width: 68.75em)  {
    .cf-flex-1100 {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex-1100 {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row-1100 {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column-1100 {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse-1100 {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse-1100 {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-1100 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap-1100 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse-1100 {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill-1100 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1-1100 {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2-1100 {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3-1100 {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0-1100 {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1-1100 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0-1100 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1-1100 {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start-1100 {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end-1100 {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center-1100 {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between-1100 {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around-1100 {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start-1100 {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end-1100 {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center-1100 {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline-1100 {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch-1100 {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start-1100 {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end-1100 {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center-1100 {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between-1100 {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around-1100 {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch-1100 {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto-1100 {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start-1100 {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end-1100 {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center-1100 {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline-1100 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch-1100 {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
	
} /* end media query for min-width: 1100px */ 


 /* min-width: 1200px  */
@media only screen and (min-width: 75em)  {
    .cf-flex-xl {
        display: -ms-flexbox;
        display: flex;
    }
    
.cf-inline-flex-xl {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
            display: inline-flex;
}

.flex-row-xl {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column-xl {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse-xl {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse-xl {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap-xl {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse-xl {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill-xl {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-1-xl {
   -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;  
}

.flex-2-xl {
   -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2; 
}

.flex-3-xl {
   -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
}

.flex-grow-0-xl {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1-xl {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0-xl {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-shrink-1-xl {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.justify-content-start-xl {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end-xl {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center-xl {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between-xl {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around-xl {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start-xl {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end-xl {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center-xl {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline-xl {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-stretch-xl {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-content-start-xl {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end-xl {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center-xl {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between-xl {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around-xl {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch-xl {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-self-auto-xl {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.align-self-start-xl {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end-xl {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center-xl {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-self-baseline-xl {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch-xl {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
    
} /* end media query for min-width: 1200px */


/*--------------------------------------------------------------
# Accessibility 
--------------------------------------------------------------*/
/* Text meant only for screen readers, Assitive Text */
.screen-reader-text {
    position: absolute!important;
    height: 1px; 
    width: 1px; 
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000; /* Above WP toolbar */	
    clip: auto!important;
    display: block;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/* Smartphones */
/* max-width: 991px */
.aligncenter {
    display: block;
    margin: 0 auto;
    margin-top: 24px;
    margin-top: 2.4rem; 
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    clear: both;
}
.alignnone  {
    display: block;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.alignleft, .alignright  {
	display: block;
	margin: 0 auto;
        float: none;
} 

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
 .alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-right: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-left: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
} 
  
} /* end media query for min-width: 992px */

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:after {  
  content: "";
  display: table;
  clear: both;
} 

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* h1.site-title {
    font-weight: 700;
    font-size: 40px;
    font-size: 4.0rem;
    text-transform: uppercase;
    line-height: 1.2;
}

.site-description {
    font-weight: 100;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2; 
    margin-bottom: 0px!important;
} */

/*  hide site description */

h1.site-title  {
   position:absolute;
    top:-9999px !important;
    left:-9999px !important;
}  

h2.site-description {
	color: transparent; 
	font: 0/0 a;
	margin: 0px!important; 
}

.site-title  {
    margin-bottom: 0;
}

.site-description  {
    margin-bottom: 0; /* vertically adjust display: table-cell */
}

/* or   
.site-title,
.site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
} */

.site-header  {
    width: 100%; 
    -ms-flex-negative: 0;
       flex-shrink: 0;
}

#header-wrapper {
border-image: -moz-linear-gradient(left, #ae8625 0%, #f7ef8a 38%, #d2ac47 80%, #f7ef8a 92%, #d2ac47 100%); /* FF3.6-15 */
border-image: -webkit-linear-gradient(left, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* Chrome10-25,Safari5.1-6 */
border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae8625', endColorstr='#d2ac47',GradientType=1 ); /* IE6-9 */

/* border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 33%,#d2ac47 69%,#edc967 100%); */
  border-image-slice: 1;
  border-width: 6px;
  border-width: 0.6rem;
  border-bottom: 6px solid #a9d04d;
  border-bottom: 0.6rem solid #a9d04d;
}

.site-branding {
    text-align: center;
    background-color: lightblue;
}

.site-branding a { 
text-decoration: none; 
} 

#header-wrapper  {
  /*  background: #f5c6dc; /* pink */
  background: url(images/paintbrush-bg.jpg);
  background-size: cover;
  background-position: center center;
}

#header-wrapper  {
  /*  background: #f5c6dc; /* pink */
  background: url(images/paintbrush-bg.jpg);
  background-size: cover;
  background-position: center center;
    height: 150px;
    height: 15rem;
}

img.logo-pic  {
   margin-top: -60px;
   margin-top: -6.0rem;
}

/* max-width: 450px */ 
@media only screen and (max-width: 28.125em) {
     img.logo-pic  {
        max-width: 150px;
        max-width: 15.0rem;
        margin-top: -30px;
        margin-top: -3.0rem;
    } 
    
} /* end media query for max-width: 450px */

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
    img.logo-pic  {
        margin-top: 0;
    }
    
} /* end media query for min-width: 782px */ 

/* min-width: 782px and max-width 1099px  */
@media only screen and (min-width: 48.875em) and (max-width: 68.6875em)  {
    .header-image {
        margin-top: -60px;
        margin-top: -6.0rem;
    }
    
} /* end media query for min-width: 782px and max-width 1099px */


/*--------------------------------------------------------------
# Header-Search
--------------------------------------------------------------*/

input[type="search"] {
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

#desktop-search.search-toggle {
    display: none;
}

/*  max-width: 599px */
#mobile-search.search-toggle {
    position: absolute;
    top: 0;
    margin-top: 90px;
    left: 0;
    margin-left: -12px;
    margin-left: -1.2rem;
    width: 48px;
    width: 4.8rem;
    height: 48px;
    height: 4.8rem;
    padding: 12px;
    padding: 1.2rem; 
    color: #000;
    text-align: center; 
    cursor: pointer;
}

.search-toggle:hover,
.search-toggle.active {
  /*  background: #8582be;
    color: #fff; */
}
.search-toggle .screen-reader-text {
    top: 0;
    right: 0;
}
.search-box-wrapper {
    z-index: 2;
    width: 100%;
}

.search-box {
    padding: 12px;
    padding: 1.2rem;
    background: #f5b6d3; 
}

.hide { display: none; }
 
.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }

/*  min-width: 1100px */
@media only screen and (min-width: 68.75em) {

#desktop-search.search-toggle {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 24px;
    margin-right: 2.4rem;
    float: right; 
    color: #000;
    text-align: center; 
    cursor: pointer;
}

#desktop-search.search-toggle ul  {
    width: 48px;
    width: 4.8rem;
    height: 48px;
    height: 4.8rem;
    padding: 12px;
    padding: 1.2rem; 
    margin-left: 0;
}

.search-box .search-field {
    padding: 12px 24px 12px 24px;
    padding: 1.2rem 2.4rem 1.2rem 2.4rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    background-color: #fff;
    border: 0; 
}
} /* end media query for min-width: 1100px */

.ysm-search-widget .search-field[type="search"]  {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333333;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #e073a6; /* dark pink */
	text-decoration: none;
}

a:visited {
	/* color: #743762; /*cranberry */
}

a:hover,
a:focus,
a:active {
	/*color: #743762; /*cranberry */
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:focus {
	 outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
/*  max-width: 1099px */

    .site-header {
        position: relative;
    }

    #nav-desktop {
        display: none;
    }

    .menu-toggle {
        position: relative;
        display: inline-block;
        font-weight: normal;
	padding: 0;
	color: #000;
        font-size: 24px;
        background: none;
        border: none;
        z-index: 600;
    }
   
    .menu-toggle .fa-bars, .menu-toggle .fa-times  {
        font-size: 28px;
        font-size: 2.8rem;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
            transition: 0.5s;
    }
    
    .menu-toggle .fa-times {
        display: none;
    }
   
    .main-navigation {
        position: relative;
        width: 100%;
        padding-left: 0; 
        display: block;
        clear: both;
        font-family: 'Varela Round', sans-serif;
        font-weight: 400;       
    }
    
    .main-navigation a {  
        display: block;
        padding: 12px 24px;
        padding: 1.2rem 2.4rem;
        font-size: 18px;
        font-size: 1.8rem;
        text-decoration: none;
        line-height: 1.3333333; /* 24px */
        color: #fff;
    }
 
    .main-navigation ul {
        list-style: none;
        display: none;
    }
 
    .main-navigation ul.nav-menu {
        display: none; 
        list-style: none;
    }
    
   .main-navigation.toggled ul.nav-menu {
       display: block;
       margin: 0;
       padding: 0;
       list-style: none;
       position: absolute;
       top: 0; 
       right: 0; 
       width: 100%;
    /*   text-align: center; */
        z-index: 500; 
        padding-left: 24px;
        padding-left: 2.4rem;
        padding-right: 24px;
        padding-right: 2.4rem;
        margin-top: 48px;
        margin-top: 4.8rem;
    }
    
    .main-navigation.toggled .menu-toggle .fa-bars {
       display: none;
    }
    
    .main-navigation.toggled .menu-toggle .fa-times {
        display: block;
    }
    
    .main-navigation.toggled .menu-toggle {
        color: #fff;
        z-index: 10000; 
    }
    
    .main-navigation.toggled ul a {
        border-bottom: 1px solid #fff; 
    }
    
   .main-navigation.toggled ul.nav-menu ul.sub-menu {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;  
    }
    
    .main-navigation li a { 
        padding: 12px 24px; 
        padding: 1.2rem 2.4rem; 
    }
    
    .main-navigation li.has-submenu > a {
      /*  cursor: initial; */
    }
    
    .main-navigation.toggled li.has-submenu > a  {
        padding-right: 0;  /*adding plus and minus sign with padding 24px */
    }

    .main-navigation li li a { 
        padding-left: 48px; 
        padding-left: 4.8rem;
    } 

    .main-navigation li li li a { 
        padding-left: 84px; 
        padding-left: 8.4rem;
    }

    .main-navigation ul ul a { width: auto; }

    .main-navigation ul a:hover,
    .main-navigation ul a:focus   {
         background: #f5c6dc; /* darker pink */
         color: #000;
    }
    
    .main-navigation ul ul a:hover,
    .main-navigation ul ul a:focus   {
        background: rgba(245, 198, 220, 0.5); /* lighter pink */
    } 

    .main-navigation .current_page_ancestor {
         background: #4d4d4d;
    }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #000;
        background: #f5c6dc; /* darker pink */
    }
                
    .main-navigation.toggled .nav-menu > li a.sub-menu-wrap {
    }
    
    .main-navigation.toggled .nav-menu > li .sub-menu-opener {   
       display: block;
       text-align: right;
       margin-top: -24px; /* span inside "a", need to move it up 24px */
       margin-top: -2.4rem;
    }
    
    .main-navigation.toggled .nav-menu > li .sub-menu-opener:hover {
        background: none;
    }
    
    .sub-menu-opener.icon-plus:before {
      /* content: "\002B";*/
      content: "+";
      font-size: 24px; 
      font-size: 2.4rem;
      line-height: 1;
     /* background: blue;*/
      padding: 0 24px;
      padding: 0 2.4rem;
    }
    
    .sub-menu-opener.icon-minus:before {
      /*  content: "\2212"; */
      content: "-";
      font-size: 24px; 
      font-size: 2.4rem;
      line-height: 1;
    /*  background: red;*/
      padding: 0 24px;
      padding: 0 2.4rem;
    }
    
    #nav-mobile .main-navigation #overlay {
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.8);
      z-index: 5;
      width: 100%;
      height: 100%;
      display: none;
    }
    
    #nav-mobile .main-navigation.toggled #overlay {
        display: block;
    }
        
/*  min-width: 1100px */
@media only screen and (min-width: 68.75em) {
    
    #nav-mobile {
        display: none;
    }
    
    #nav-desktop {
        display: block;
        
    }

    .main-navigation-wrapper {
        width: 100%;
        position: relative;
    }
    
    .main-navigation.toggled ul a {
     border-bottom: none;
    }
    
    .main-navigation.toggled .nav-menu > li .sub-menu-opener {
        margin: 0;
        padding: 0;
    }
    
    .sub-menu-opener.icon-plus:before,
    .sub-menu-opener.icon-minus:before  {
        display: none;
    }
    
.main-navigation {  
  position: relative; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center; /* center the navigation on larger screens */
  width: auto;
  background: none;
}

.main-navigation ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center; /* center the navigation on larger screens */
}

.main-navigation ul.nav-menu {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center; /* center the navigation on larger screens */
}

.main-navigation ul a  {
    border-bottom: none;
}

.main-navigation li {
    position: relative;
}

.main-navigation a { /* height is 56px  */
    display: block;
    padding: 12px 6px;
    padding: 1.2rem 0.6rem;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    line-height: 1.33333; /* 24px */
    color: #000; 
    transition: 0.2s;
}

.main-navigation li a { 
    padding: 12px; 
    padding: 1.2rem;
}

.main-navigation li li a { 
    padding: 12px 6px; 
    padding: 1.2rem 0.6rem;
} 

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    padding: 0;
    background: #fff; 
    color: #000;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
    
}
.main-navigation li li a { 
        padding-left: 12px; 
        padding-left: 1.2rem;
        margin-left: 0;
        margin-right: 0;
    } 

.main-navigation ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #4d4d4d;
}

.main-navigation li li li a { 
        padding-left: 15px; 
        padding-left: 1.5rem;
}

.main-navigation ul ul a {
    width: 250px;
    width: 25.0rem;
    color: #000;
}

.main-navigation ul ul li { }

.main-navigation li:hover > a,
.main-navigation li > a:focus {
    background: #f5c6dc;  /* darker pink */
    color: #000;   
}

.main-navigation ul ul:hover > a {
 
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
   /*  background: #b10431; /* darker red */
     background: rgba(245, 198, 220, 0.5); /* lighter pink */
     color: #000;
}

.main-navigation ul li:hover > ul { display: block; }



.main-navigation .current-menu-item > a:focus {
     border-bottom: 4px solid #f31f33;
     color: #fff;
}

    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #e073a6; /* dark pink */
    }

/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
}

}  /* end media query for main-navigation min-width: 1100px */

/*--------------------------------------------------------------
## Menu-social
--------------------------------------------------------------*/

.menu-social-container  {
   /* background: gold; */
}

.menu-social ul  {
  margin: 0;
  padding: 0;
  font-size: 0; /* improve display: inline-block - margin between li */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;  
}

/* ONLY if YES hover on social icon */
/*.menu-social li:hover > a,
.menu-social li > a:focus {
   background: #313131; 
   color: #fff; 
} */

/* ONLY if YES hover on social icon */
/*.menu-social li:first-child a  {
    margin-left: 0;
} */

/* ONLY if NO hover and we add padding to the icon */
.menu-social li a { 
    padding: 0;
}

/* ONLY if NO hover on social icon */ 
.menu-social li:first-child  {
    margin-left: 0;
}

.menu-social li a::before {
    vertical-align: top;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
    font-size: 30px;
    font-size: 3.0rem;
    width: 30px;
    line-height: 1.2;
}

.menu-social li a[href*="facebook.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f39e";
    color: #f6d1d8; 
}

.menu-social li a[href*="instagram.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f16d"; 
    color: #f6d1d8; 
}

.sara-facebook {
    margin-right: 12px;
    margin-right: 1.2rem;
}

.menu-social li a[href*="linkedin.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f0e1";
    background: #0077b5;
}

.menu-social li a[href*="pinterest.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f0d2";
    background: #e50022;
}

.menu-social li a[href*="twitter.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f099";
    background: #55acee;
}

.menu-social li a[href*="vimeo.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f194"; 
}

.menu-social li a[href*="youtube.com"]::before { 
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f167"; 
    background: #f61c0d;
}

.menu-social li:hover > a,
.menu-social li > a:focus {
   background: #517ea8;
}

/*  min-width: 782px */
@media only screen and (min-width: 48.875em) {
	
.menu-social ul {
  list-style: none;
  font-size: 0; /* improve display: inline-block - margin between li */
  -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

} /* End media query for menu-social min 782px */


/*--------------------------------------------------------------
# - Page and Post navigation
--------------------------------------------------------------*/

/* pagination */

/* styling page pagination - <!-- nextpage -->  */
/* custom styling for long posts pagination, split into more pages */
/* <?php custom_wp_link_pages(); ?> */

.page-pagination-wrapper  {
   background: green; 
}

#page-pagination {
/* text-align: right;*/
}
#page-pagination a { 
  color: #000000;
  margin: 0 10px;
  margin: 0 1.0rem;
  text-decoration: underline;
}
#page-pagination .current-post-page { 
  background-color: #17365d;
  color: #FFFFFF;
  margin: 0 10px;
  margin: 0 1.0rem;
  padding: 2px 12px;
  padding: 0.2rem 1.2rem;
}
/* post pagination on search page and single post page */
body.search #page-pagination a, 
body.single #page-pagination a  { 
	color: #000000;
     margin: 0 10px;
     margin: 0 1.0rem;
	text-decoration: underline;
}
body.search #page-pagination .current-post-page, 
body.single #page-pagination .current-post-page  {
    background-color: #17365d;
    color: #FFFFFF;
    margin: 0 10px;
    margin: 0 1.0rem;
    padding: 2px 12px;
    padding: 0.2rem 1.2rem;
}

/* post pagination on blog page */
body.blog #page-pagination a:first-of-type {
	text-decoration: none;
	background-color: #17365d;
    color: #FFFFFF;
    margin: 0 10px;
    margin: 0 1.0rem;
    padding: 2px 12px;
    padding: 0.2rem 1.2rem;
}

.search-page-header h1, .search-page-header h1  {
    margin-bottom: 0px;
    margin-bottom: 0rem;
}

/* replace older posts with numeric post navigation blog-page, page1 page2 page3 ... */
/* or on index.php and the archive page */
/* nav class="pagination" */

.pagination-wrapper  {
  background: lightblue; 
}

.pagination .nav-links, .pagination .nav-links a  {
   /* color: #fff;*/
}

.pagination .nav-links a   {
    color: #000;
}

/* adding font-size: 0 to the parent element to adjust unwanted margin
in display: inline-block for  .page-numbers */
.pagination .nav-links  {
    font-size: 0;
}

.page-numbers {
        color: #000;
	display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
	border-radius: 2px;
        text-decoration:none;	
        background-color: #f5c6dc; /* pink */
        cursor: pointer;
        padding: 4px 12px;
        padding: 0.4rem 1.2rem;
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-right: 6px; 
        margin-right: 0.6rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem;
}

.page-numbers.current,
a.page-numbers:hover,
a.page-numbers:focus  {
        background-color: #e073a6; /* dark pink */
        color: #fff;
}

/*  max-width: 781px */
.paging-navigation  {
    width: 100%;
    margin: 0 auto; 
}

/*  min-width: 782px and max-width: 991px */
@media only screen and (min-width: 48.875em) and (max-width: 61.9375em) {
.paging-navigation {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 24px;
     margin-bottom: 2.4rem; 
    }
    
 } /*  end media query min-width: 782px and max-width: 991px */   

.paging-navigation ul {
   margin-bottom: 0; 
   margin-left: 0; 
}
                        
/*  previous and next post on single.php */

.post-title  {
    text-align: left;
    padding: 12px;
    padding: 1.2rem;
    background: #ececec;
}

.meta-nav {
   display: block;
   margin-bottom: 12px;
   margin-bottom: 1.2rem;
}

.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next  {
        margin-top: 24px;
        margin-top: 2.4rem;
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a  {
        display: block;
        padding: 12px;
	padding: 1.2rem;
        background: #d2d2d2;
 }
 
/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    
    .post-navigation .nav-links {    
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; 
    } 
    
   .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next  {
       -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    }

    .post-navigation .nav-links .nav-previous  {
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .post-navigation .nav-links .nav-next  {
        margin-left: 24px;
        margin-left: 2.4rem;
    }
    
} /* End media query for nav-single min 992px */

/* twitter embed is around 220px high  240 - 220 = 20px */ 
#twitter-widget-0 { 
    margin-bottom: 20px!important;
    margin-bottom: 2.0rem!important;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
} 

.widget-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    padding-bottom: 6px; 
    padding-bottom: 0.6rem;
    margin-bottom: 12px; 
    margin-bottom: 1.2rem; 
    border-bottom: 2px solid #f5c6dc;
    border-bottom: 0.2rem solid #f5c6dc;
}

.widget a {
   /* font-weight: 700;*/
    color: #000;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.widget li li { 
     margin-left: 12px;
     margin-left: 1.2rem;
 }
 
 /* Archive and Categories widgets */
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before,
.widget_categories li:before  {
    padding-top: 2px;
    padding-top: 0.2rem;
    margin-left: -30px; 
    margin-left: -3.0rem;
    margin-right: 12px;
    margin-right: 1.2rem;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
} 

.widget_recent_entries li,
.widget_recent_comments li,
.widget_categories li { 
margin: 0 0 0 24px;
margin: 0 0 0 2.4rem;
 }

.widget_recent_entries li:before { 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; /* need this weight to show the icon */
     content: "\f5d7"; 

}

.widget_recent_comments li:before { 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; /* need this weight to show the icon */
    content: "\f075";  

}

.widget_archive li {
	 margin: 0 0 0 24px;
	 margin: 0 0 0 2.4rem;
}

.widget_archive li:before { 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; /* need this weight to show the icon */
    content: "\f187"; 
}

.widget_categories li:before { 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; /* need this weight to show the icon */
    content: "\f054";
}


/* Pages and Menu widgets */

.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 24px 0 23px 0;
    padding: 2.4rem 0 2.3rem 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

/* RSS widget */

.widget_rss li { 
margin-bottom: 24px;
margin-bottom: 2.4rem;
 }

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71428571428;
}

img.rss-widget-icon  { /* the height is 14px, we need additional 10px till 24px  */
   padding-top: 5px;
   padding-top: 0.5rem;
   padding-bottom: 5px;
   padding-bottom: 0.5rem;
}

/* Make sure  elements fit in widgets */
.widget select {   
    max-width: 100%;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    height: 24px;
    height: 2.4rem;
}

/* Search widget */
.widget_search input[type="search"] {
  margin-top: -1px; /* border 1px, we need to move it up vertical rhythm */
  margin-top: -0.1rem;
}

/* submit button within the search button, we don't want it */
.widget_search .search-submit {	
        display: none;
        -webkit-box-sizing: border-box;
            box-sizing: border-box;
	   width: 100%;
	  padding: 11px;
      padding: 1.1rem;
	  border: 1px solid #ccc;
      border: 0.1rem solid #ccc;
	  border-radius: 0;
}

/* calendar widget */

.widget_calendar {
	font-family: 'Open Sans', sans-serif; 
}

.widget_calendar a { }

.widget_calendar table  {
    border: none;
} 

.widget_calendar th,
.widget_calendar td {
	border: 2px solid #fff;
        border: 0.2rem solid #fff;
}

.widget_calendar table { 
    width: 100%; 
    max-width: 400px; 
    max-width: 40.0rem; 
    margin: 0 auto 24px auto;
    margin: 0 auto 2.4rem auto;
}

.widget_calendar caption { 
    text-align: right; 
    color: #333;  
    margin-top: 12px; 
    margin-top: 1.2rem;
    margin-bottom: 12px; 
    margin-bottom: 1.2rem;
}

.widget_calendar thead {
    background: #333;
	color: #fff;
}

.widget_calendar thead th { 
    padding: 4px;
    padding: 0.4rem;
    text-align: center; 
    border-top: none!important;
    border-bottom: none!important;
}

.widget_calendar tbody { 
    color: #aaa; 
}

.widget_calendar tbody td { 
    padding: 4px;
    padding: 0.4rem;
    background: #d6d6d6;
    text-align: center; 
}

.widget_calendar tbody td:hover { 
    background: #fff; 
} 

.widget_calendar .pad {
	background: #eaeaea;
}

.widget_calendar tfoot { 
    
}
 
.widget_calendar tfoot td  { 
    padding: 6px 4px 6px 4px;
    padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}

.widget_calendar tfoot #next { 
    text-transform: uppercase; 
    text-align: right; 
}

.widget_calendartfoot #prev {  
    text-transform: uppercase; 
} 

.textwidget {
	/* font-size: ;
	line-height: ; */
}

/* About Us page */
a.our-shop {
    background: #f5c6dc;
    color: #000;
    padding: 3px 8px 4px 8px;
    padding: 0.3rem 0.8rem 0.4rem 0.8rem;
    border: 2px solid #d4af37;
    border: 0.2rem solid #d4af37;
}

/*--------------------------------------------------------------
# Content
----------------------------------------------------------- */
/* design with flex: #page, .site-header, #content-wrapper, .site-footer */

html, body {
    width: 100%;
    height: 100%;
}

html {
  /* overflow-y: hidden; */
}

body  {
  /* overflow-x: hidden; */
}

#page {
   min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.site-header {
    -ms-flex-negative: 0;
            flex-shrink: 0;
}

#content-wrapper {
   min-height: 100%;
  -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
          /*  background: red; */
}

.site-footer {
   -ms-flex-negative: 0;
       flex-shrink: 0;
} 

.site-content {
   /* background: lightcoral; */
}


/* Rules for content left and sidebar right */


/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    
    .content-left-wrapper  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        -webkit-box-flex: 1;
        -ms-flex: 1;
           flex: 1; 
    }

    .content-area.content-left {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 calc(100% - 250px);
           flex: 0 0 calc(100% - 250px);   
       -ms-flex: 0 0 calc(100% - 25rem);
           flex: 0 0 calc(100% - 25rem); 
           max-width: calc(100% - 250px);
           max-width: calc(100% - 25rem);
    }
    
    .sidebar-right  {                
         -ms-flex: 0 0 250px;
             flex: 0 0 250px;
         -ms-flex: 0 0 25rem;
             flex: 0 0 25rem;  
           max-width: 250px;
           max-width: 25rem;
    }  
} /* end media query for min-width: 992px content-sidebar */
 
 @media only screen and (max-width: 61.9375em )  {
    aside {
        width: 100%;
        max-width: 500px;
        max-width: 50rem;
        margin: 0 auto;
    }
} /* end media query for max-width: 991px */  

.widget-area.sidebar-right {
  background: #fff;
 /* border-image: -moz-linear-gradient(left, #ae8625 0%, #f7ef8a 38%, #d2ac47 80%, #f7ef8a 92%, #d2ac47 100%); /* FF3.6-15 */
 /* border-image: -webkit-linear-gradient(left, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* Chrome10-25,Safari5.1-6 */
/*  border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae8625', endColorstr='#d2ac47',GradientType=1 ); /* IE6-9 */

/*  border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); */
 /* border-image-slice: 1;
  border-style: solid;
  border-width: 2px;
  border-width: 0.2rem;*/
  border: 4px solid #f5c6dc;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.widget-area.sidebar-right .module {
  /*  padding: 12px;
    padding: 1.2rem; */
}

.widget-area.sidebar-right aside ul {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

.widget-area.sidebar-right aside ul.children {
    margin-top: 12px;
    margin-top: 1.2rem;
}

.widget-area.sidebar-right aside ul li {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

/* ---------------------------------------------------------------
 ## - Index and Archives
-----------------------------------------------------------------*/

/* Blog Page  */

.page-title-wrapper {
    background: yellow;
}

.page-title {
	text-align: center;
	font-style: italic; 
}

/* hide page title */
.page-title {
/* position:absolute; 
top:-9999px;
left:-9999px; */
}

.byline .author a  {
    color: #009a17; /* green */
}

.taxonomy-description {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.taxonomy-description p {
   
}

.entry-title  {
  position:absolute; 
  top:-9999px;
  left:-9999px; 
}

.entry-title-wrapper {
  background: #d2d2d2; 
}

.entry-title.index-excerpt {
  color: #34558b; 
}

.entry-content.index-excerpt hr  {
    background-color: #34558b;
}

.index-entry-meta-wrapper  {
  background: #ececec; 
}

.index-excerpt-wrapper  {
    background: #f5c6dc; /* pink */
} 

.entry-content-wrapper  {
    background: lightcyan;
}

/* password protected page */

.post-password-form  {
    margin-top: 24px;
    margin-top: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.post-password-form p  {
    margin-bottom: 0;
}

.post-password-form input[type="password"]  {
    width: 100%;
    max-width: 350px;
    max-width: 35.0rem;
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    margin-right: 24px;
    margin-right: 2.4rem;
}


/* blog page  - Continue reading  */

.continue-reading a {
    color: #009a17; /* green */
}

.continue-reading i { 
    margin-left: 10px;
    margin-left: 1.0rem; 
    font-size: 18px;
    font-size: 1.8rem;

}

.continue-reading-wrapper  {
  background: lightyellow; 
}

.continue-reading a,
.entry-content .continue-reading a {
	   display: inline-block;
	   font-family: 'Open Sans', sans-serif;
	   border: 1px solid #009a17; /* green */
        border: 0.1rem solid #009a17; /* green */
        padding: 11px 24px;
        padding: 1.1rem 2.4rem;
      /*  margin-top: 24px;
        margin-top: 2.4rem;*/
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

.continue-reading a:hover,
.continue-reading a:focus,
.entry-content .continue-reading a:hover,
.entry-content .continue-reading a:focus {
	border-color: #2a2a2d; /* black */
	border-width: 1px;
	box-shadow: none; 
}

/* archive page */

.index-entry-meta .byline,
.index-entry-meta .posted-on,
.index-entry-meta .comments-link,
.index-entry-meta .edit-link  {
         
}

.page-header-wrapper {
    background: greenyellow;
}

 .pagination-wrapper  {}

.error-404 input[type="search"],
.search-no-results input[type="search"] {
	width: 100%;
	-webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.error-404 .search-submit,
.search-no-results .search-submit {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/* search results  */

.entry-summary-wrapper  {
  background: #84bd68;
}


/*--------------------------------------------------------------
## Posts and Pages
--------------------------------------------------------------*/

.sticky-post {
 float: right;
 margin-left: 24px;
 margin-left: 2.4rem;
 margin-top: 2px;
 margin-top: 0.2rem;
} 

.entry-header  {
    position: relative;
}

.site-content ul,
.site-content ol,
.site-content ul li,
.site-content ol li  {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.site-content ul  {
    margin-top: 24px;
    margin-top: 2.4rem;
}

/* tags with icons */

.entry-footer-wrapper {
  
}

.entry-footer  { 
   /* margin-bottom: 24px;
    margin-bottom: 2.4rem;*/
}
.entry-footer ul {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 20px;
    margin-right: 2.0rem;
}

.entry-footer i { 
    margin-right: 5px;
    margin-right: 0.5rem;
}

.tags-links {
    display: block;
    line-height: 1.5;
}

.tags-links ul { 
    margin-left: 24px;
    margin-left: 2.4rem;
    display: inline;
}

.tags-links a {
    color: #009a17; /*green */
}

.tags-links li {
    display: inline-block;
    margin-right: 12px;
    margin-right: 1.2rem; 
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

.tags-links i { 
    margin-right: 5px;
    margin-right: 0.5rem;
    color: #009a17; /*green */
}

.cat-links {
    line-height: 1.5;
    display: block;
}

.cat-links a {
    color: #009a17;
}

/* blog page, single post */

.blog .entry-title,
.single .entry-title {
    position: static;
    font-size: 40px;
    font-size: 4.0rem;
    line-height: 1.2;
}

.blog .entry-title a  {
    color: #34558b;
}

.blog .comments-link {
    display: none;
}

.deck {
	margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

.deck p {
	text-align: center;
}

body.blog article h1 {
	text-transform: uppercase;
}

.navigation-wrapper  {
    background: lightgreen;
}

/* date of the post */
.entry-date  {
	font-style: italic;
} 
 
.postmetadata {
	margin-bottom: 24px!important; 
	margin-bottom: 2.4rem!important;
}

.updated:not(.published) {
	display: none;
}

.edit-link {
    display: block;
}

.edit-link a {
    color: green;
    font-style: italic;
    display: block;
}

/* search-page */
 

/* error404, search, search-no-results */
 .page-content-wrapper  {
     background: #d2d2d2;
 }
 
/* Shipping Options */
 .page-shipping-options .entry-title {
     position: static;
 }

/* Refund and Returns */
 .page-refund_returns .entry-title {
     position: static;
 } 
 
 /* Privacy Policy */
 .page-privacy-policy .entry-title {
     position: static;
 }

 /* Terms Of Use */
 .page-terms-of-use .entry-title {
     position: static;
 }

 /* Size Charts */
 
 .page-size-charts .entry-title  {
     position: static;
     text-align: center;
 }
 
/* woocommerce */

nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #000;
}

.woocommerce-MyAccount-navigation-link a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; 
    color: #f5c6dc; /* pink */
    margin-right: 12px;
    margin-right: 1.2rem;
}

.woocommerce-MyAccount-navigation-link--dashboard a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f3fd";
}

 .woocommerce-MyAccount-navigation-link--orders a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f290";
}

 .woocommerce-MyAccount-navigation-link--downloads a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f56d";
}

 .woocommerce-MyAccount-navigation-link--edit-address a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f2b9";
}

 .woocommerce-MyAccount-navigation-link--edit-account a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f007";
}

 .woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f571";
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f2f5";
}
 /*--------------------------------------------------------------
##  Comments
--------------------------------------------------------------*/
 
 /*  post-template-comments  */ 
.author-avatar {
       display: block;
       height: 96px;
       height: 9.6rem;
       width: 96px;
       width: 9.6rem;
       margin-bottom: 24px;
       margin-bottom: 2.4rem;
}

/* name of the author */
.byline span.author {
	font-weight: bold;
}

.meta-content-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

/* Hide post updated */
.meta-content-updated  {
    position:absolute;
    top:-9999px !important;
    left:-9999px !important;
}

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {

	.meta-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
	}
	
	.author-avatar {
		margin-right: 24px;
        margin-right: 2.4rem;
		margin-bottom: 24px;
		margin-bottom: 2.4rem;
	}
        

}  /* end media query for min 992px  */ 
 
/*reply comment - leave a reply*/

.comments-wrapper { 
  background: #d4d4d4;
}

 /* max-width: 991px  */
@media only screen and (max-width: 61.9375em)  {
   .comments-wrapper .module {
    padding-left: 0;
    padding-right: 0;
} 
} /* end media query for max-width: 991px */ 


#respond { 
background: #B8B7BC;
padding: 24px;
padding: 2.4rem; 
} 

#respond p.comment-notes, #respond label  {
     font-size: 16px;
     font-size: 1.6rem;
 }

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
    padding: 24px;
    padding: 2.4rem;
    margin: 24px 0;
    margin: 2.4rem 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333333;
    color: #fff;
    background: #84bd68;
}

/* Comment Output reply to the post - commentlist */

.comment-author {
    color: #222222;
    text-decoration: none;
}

.comment-author .fn  {
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.090909090909;
}

.comment-author .fn   {
display: block;	
}

.comment-author .avatar {
    display: block;
    float: left;
    width: 48px; /* this is set in comments.php wp_list_comments(); */
    width: 4.8rem;
    margin-right: 24px;
    margin-right: 2.4rem;
}

.comment-meta  {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  display: block;
}

.comment-metadata  {
    color: #888888;
  /*  font-style: italic;*/
}

.comment-metadata .edit-link  {
    margin-left: 72px;
    margin-left: 7.2rem;
}

.comment-metadata .edit-link a  {
    color: green;
    font-style: italic;
}

.comment-metadata a {
   /* border-bottom: 1px dotted #888888;*/
    text-decoration: none;
}

.commentlist pre {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #E2E2E2;
}

.comment-content a { overflow-wrap: break-word; }

.bypostauthor > .comment-body { /*  comment from the author  */
    background: red!important; 
}

.comment .url {
    font-style: italic;
}

ol.commentlist  {
    margin: 0;
    padding-left: 0;
}

.commentlist .comment-body {
    background: none repeat scroll 0 0 #FFFFFF; 
    display: block;
    position: relative;
    padding: 24px;
    padding: 2.4rem;
    
    z-index: 100; 
}

.commentlist, .commentlist ul.children, .commentlist ol.children {
    list-style: none outside none;
    margin-left: 0;
}

.commentlist  li.comment, .commentlist li.pingback {
    padding-bottom: 24px;
    padding-bottom: 2.4rem; 
}

.commentlist li.comment:last-child, .commentlist li.pingback:last-child  {
    padding-bottom: 0;
}
.commentlist ul.children, .commentlist ol.children {
   margin: 24px 0 0; 
   margin: 2.4rem 0 0; 
}
.commentlist .children .comment {
    border-left: 1px solid #E6E6E6;
    position: relative; 
}

.commentlist .children > li.comment {
    padding-left: 23px; 
}

/*  max-width: 991px */
@media only screen and (max-width: 61.9375em) {
       
.commentlist .children .comment:before, 
.commentlist .children .comment:after  {
	display: none;
}
.commentlist .children .comment {
	border: none;
}
.commentlist .children > li.comment {
	padding: 0;
}
.commentlist .comment-body  {
	margin-bottom: 23px;
	margin-bottom: 2.3rem;
}
.commentlist li.comment, .commentlist li.pingback {
    padding-bottom: 0px;
    padding-bottom: 0rem;
}

.comment-content  {
    margin-left: 0px; 
    margin-left: 0rem;
}

} /* End media query ol.commentlist  max-width: 991px*/

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    
    #respond  {
        padding: 24px;
        padding: 2.4rem;
        background: darkgray;
    }
    
    .comments-title {
    padding-left: 24px;
    padding-left: 2.4rem;
    padding-right: 24px;
    padding-right: 2.4rem;
}

   ol.commentlist  {
	margin-top: -1px;
    margin-top: -0.1rem;
       /* margin-left: 0;
        margin-right: 0;*/
}

.commentlist .comment-body {
    border: 1px solid #BBBBBB; 
    padding: 23px; /* 24px - 1px */
    padding: 2.3rem; 
    margin-left: 0;
    margin-right: 0;
}

.commentlist .children .comment:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    content: "";
    display: block;
    height: 12px;
    left: -7px;
    position: absolute;
    top: 30px;
    width: 12px;
    z-index: 60; 
}
.commentlist .children .comment:after {
    border-top: 1px solid #E6E6E6;
    content: "";
    display: block;
    height: 1px;
    left: -5px;
    position: absolute;
    top: 36px;
    width: 100px;
    z-index: 50; 
}

} /* end media query for .commentlist .comment-body for min-width 992px  */

/* reply comment */

.comment-reply-title {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    font-weight: 900;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
}

.comment-form  {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

.comment-form input {
    width: 100%;
    max-width: 300px;
    max-width: 30.0rem;
}

.comment-form textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333333333333;
    padding: 12px;
    border: none;
}

.comment-form label { 
    display: block; 
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.required { color: red; }

.says {
  display:none;
}

.reply {
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71428571428;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 0;
    margin-right: 24px;
    margin-right: 2.4rem;
    bottom: 0;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

#cancel-comment-reply-link {
    float: right;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

textarea#comment {
    width: 100%;
}

/* hovering over post comment button */
.comment-form .form-submit input:hover,
.comment-form .form-submit input:focus,
.comment-form .form-submit input:active  {
	border-color: #000;
	color: #fff;
	background-color: #000;
}

/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* audio file mp3 , the height is 30px, keep vertical rhythm */
.mejs-mediaelement {
    margin-bottom: 18px!important;
    margin-bottom: 1.8rem!important;
}
.mejs-audio  {
    margin-bottom: 18px!important;
    margin-bottom: 1.8rem!important;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	max-width: 100%; 
}

.wp-caption .aligncenter {
	margin-top: 24px;
        margin-top: 2.4rem;
	margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

.wp-caption.alignright,
.wp-caption.alignleft {
	margin-top: 0;
	margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

.wp-caption > p { /* empty p tag inserted by monster widget */
    margin: 0;
}

.wp-caption em {
	font-style: normal; /* Inverse emphasis because of all italics */
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption-text {
        display: block;
	text-align: center;
        margin-bottom: 0;
        position: relative;
}

.wp-caption .wp-caption-text  { 
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71428571428;
    padding: 12px 16px!important;
    padding: 1.2rem 1.6rem!important;
    font-family: 'Open Sans', sans-serif;
    background: #e5e5e5; 
}


/*--------------------------------------------------------------
### Images
-------------------------------------------------------------*/

img.aligncenter {
    
}

img.alignright,
img.alignleft {
    
}

.centered-image,
.featured-image {
 	
}

.featured-caption  {
    text-align: center;
}

.featured-image-wrapper  {
  background: #3279BB;
}

.featured-image img {
	display: block;
	margin: 0 auto;
}

.featured-image a:hover img,
.featured-image a:focus img {
	outline: 0;
}

.featured-image p.featured-caption {
  margin-bottom: 0; 
} 

.customfit-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

/*--------------------------------------------------------------
##  Galleries
--------------------------------------------------------------*/

.gallery {
        width: 100%;
	    margin: 0 auto;
	    overflow: hidden; 
         /* fixes the white space with inline-block */
        /* and font-size: 0 to the parent container. fix for = .gallery-item */
        font-size: 0; 
        text-align: center; 
}

 .gallery-item { 
        display: inline-block;
        position: relative;
        max-width: 100%; 
        width: 100%;
	    text-align: center;
	    vertical-align: top;
        padding: 0 12px;
        padding: 0 1.2rem;
	    margin-bottom: 24px;
        margin-bottom: 2.4rem;
       /* overflow: hidden; /* get rid of the space on the bottom */
}

.gallery-item img {
	    max-width: 100%;
	    width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        border: none;
}

.gallery-item a {
	display: inline-block;
        border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus {
	border-bottom: none;
	box-shadow: none;
}

.gallery-icon  {
    
}

.gallery-icon img {
}

.gallery-item a img {
    margin: 0 auto;
}

.gallery-caption {
   position: absolute; 
   bottom: 0;
   left: 0;  
   right: 0; 
    max-height: 50%; 
    width: auto;
   font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71428571428;
    padding: 6px 8px!important;
    padding: 0.6rem 0.8rem!important;
    font-family: 'Open Sans', sans-serif;
   /* background: #e5e5e5; */
    color: #fff;
    text-align: left;
    /* background-color: hsla(0, 0%, 0%, .8);*/
     background-color: rgba(0, 0, 0, 0.8);
     opacity: 0; 
}

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

.gallery-caption::before {
	content: "";
}

/* Sizes for pics if we want to scale them down */

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.333333%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.666666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.285714%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.11111111%;
}

/* max-width: 599px */ 
@media only screen and (max-width: 37.4375em) {
/* sizes for pics if we want to scale them down */
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item   {
      width: 100%;
      padding: 0;
}

}  /* end media query for gallery max-width: 599px */

/*  min-width: 600px max-width: 781px */
@media only screen and (min-width: 37.5em) and (max-width: 48.8125em) {
/* sizes for pics if we want to scale them down */
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item  {
   width: 50%;	
}

}  /* end media query for gallery min-width: 600px max-width: 781px */


/*  min-width: 782px max-width: 1199px */
@media only screen and (min-width: 48.875em) and (max-width: 74.9375em) {
/* sizes for pics if we want to scale them down */
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item  {
   width: 33.33333%;	
}

}  /* end media query for gallery min-width: 782px max-width: 1199px */



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
   width: 100%;
   /* font-family: 'PT Serif', serif; */
   font-family: 'Open Sans', sans-serif; 
   color: #000; 
   background: #fff; 
border-image: -moz-linear-gradient(left, #ae8625 0%, #f7ef8a 38%, #d2ac47 80%, #f7ef8a 92%, #d2ac47 100%); /* FF3.6-15 */
border-image: -webkit-linear-gradient(left, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* Chrome10-25,Safari5.1-6 */
border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae8625', endColorstr='#d2ac47',GradientType=1 ); /* IE6-9 */

/*  border-image: linear-gradient(to right, #ae8625 0%,#f7ef8a 38%,#d2ac47 80%,#f7ef8a 92%,#d2ac47 100%); */
  border-image-slice: 1;
  border-width: 6px;
  border-width: 0.6rem;
  border-top: 6px solid #a9d04d;
  border-top: 0.6rem solid #a9d04d;
} 

.site-footer a {
	color: #f31f33;
}
.site-footer .wp-caption-text {
	color: #000;
}

/* sidebar - footer  */

#supplementary  {
background: #f5c6dc; /* pink */;
}

#site-info-wrapper {
  background: #f5c6dc; 
  background: url(images/paintbrush-bg.jpg);
  background-size: cover;
  background-position: center center;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; 
}

.site-info  {
  color: #000; 
  text-align: center;
}

ul#menu-footer-menu, ul#menu-company-menu  {
    list-style: none;
    color: #000; 
    margin: 0;
    padding: 0;
}

ul#menu-footer-menu a, ul#menu-company-menu a {
    color: #000; 
    font-weight: 400;
}

ul#menu-footer-menu li, ul#menu-company-menu li  {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

.girl-pic-wrap {
    display: none;
}

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    .girl-pic-wrap {
        display: block;
    }
    
} /* end media query for min-width: 992px */  

/*-------------------------------------------------------------- 
# Customer Reviews
--------------------------------------------------------------*/
/* Wp_customer_reviews3  */

table.wpcr3_table_2  {
    background: #f5f5f5;
    width: 100%;
   }
   
.wpcr3_table_2 .text-input {
        width: 100%;
        padding: 5px;
        padding: 0.5rem;
}   

.wpcr3_respond_2 textarea  {
    width: 100%;
    min-width: 300px!important;
    min-width: 30.0rem!important;
    padding: 5px!important;
    padding: 0.5rem!important; 
} 

/* Smartphones */

/* max-width: 781px */ 
@media only screen and (max-width: 48.8125em) {
    
    /* review itself */ 
div.wpcr3_review   {
    color: #000;
    border-bottom: 1px solid #743762;
    padding: 24px;
    padding: 2.4rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    background: #ececec;
    margin-left: -24px;
    margin-left: -2.4rem;
    margin-right: -24px;
    margin-right: -2.4rem;
}
    
table.wpcr3_table_2  {
    background: none;
    margin-left: -12px;
    margin-left: -1.2rem;
    margin-right: -12px;
    margin-right: -1.2rem;
    width: auto;
}
    .wpcr3_table_2 td  {
    width: 100%; 
    display: block;
    padding-top: 0;
    margin-bottom: 0;
}

.wpcr3_review_form_text_field td  {
    padding-bottom: 0px;
}

.wpcr3_table_2 .text-input {
	    width: 100%!important;
        padding: 5px;
        padding: 0.5rem;
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
}

 .wpcr3_respond_2 textarea  {
    width: 100%;
    min-width: 300px!important;
    min-width: 30.0rem!important;
    padding: 5px!important;
    padding: 0.5rem!important; 
} 
} /* end media query for max-width: 781px */

   div.wpcr3_review blockquote.wpcr3_content  {
        margin: 0;
    }
    
    div.wpcr3_review blockquote.wpcr3_content p { 
    font-size: 17px; 
    font-size: 1.7rem;
    line-height: 1.4117647;
    font-weight: normal;
   /* display: inline!important; original css styling */
    display: block!important; 
    color: #000;
  }
  
/* Tablets */
/*  min-width: 782px  */
@media only screen and (min-width: 48.875em) {
    
  div.wpcr3_review {
    background: #f4f4e8;
    padding: 24px;
    padding: 2.4rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
   }
   
   table.wpcr3_table_2  {
    background: #d2d2d2;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
   }
   
   div.wpcr3_review blockquote  {
       position: relative;
       border-left: none;
   } 
    
  div.wpcr3_review blockquote:before {
    font: bold 50px/1px Times, serif;
    color: #3d0519;
    position: absolute;
    content:"\201C";
    margin: 12px 0px 0px -24px;
    margin: 1.2rem 0rem 0rem -2.4rem;
  }
  
  div.wpcr3_review blockquote.wpcr3_content  {
        margin-left: 24px;
        margin-top: 24px;
        margin-top: 2.4rem;
    }
  
  div.wpcr3_review blockquote.wpcr3_content p { 
    padding-left: 12px!important;
    padding-left: 1.2rem!important;
  }
  
  .wpcr3_table_2 .comment-field  {
    margin-top: 24px;
    margin-top: 2.4rem; 
}

/* input fields */
.wpcr3_table_2 .text-input {
        width: 100%;
        padding: 5px;
        padding: 0.5rem;
        max-width: 400px!important;
        max-width: 40.0rem!important;
}

.wpcr3_respond_2 textarea  {
    margin-top: 24px!important; 
    margin-top: 2.4rem!important;
    margin-bottom: 24px!important;
    margin-bottom: 2.4rem!important;
} 

} /*  end media query for min-width: 782px  */ 


/* Business Title  */
div.wpcr3_review_item div.wpcr3_item_name { 
    font-size: 28px; 
    font-size: 2.8rem;
    font-style: italic; 
}

/* Average Rating with the stars */
div.wpcr3_aggregateRating { 
    display: block!important; 
    margin-bottom: 30px; 
    line-height: 24px; 
    font-size: 18px;
    font-size: 1.8rem;
}

div.wpcr3_aggregateRating div.wpcr3_aggregateRating_ratingValue { 
    display: inline-block !important; 
    position: relative; 
    top: 2px; 
}

/* business name next to person's name */
div.wpcr3_review_author span.wpcr3_item_name a { 
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    color: #000;
}

div.wpcr3_review div, div.wpcr3_review span { display:inline-block !important; line-height:24px; }
div.wpcr3_review div.wpcr3_review_ratingValue { position:relative; top:2px; margin-right:5px; }

/* Review Title */
div.wpcr3_review div.wpcr3_review_title { 
    font-size: 20px;
    font-size: 2.0rem;
    display: block !important;
    margin-top: 24px;
    margin-top: 2.4rem;
}

/* dotted line up and down of the review */
div.wpcr3_dotline, div.wpcr3_review div.wpcr3_dotline {
  display: none!important;  
  border-bottom-color: #CCCCCC !important;
  border-bottom-style: dotted !important;
  border-bottom-width: 1px !important;
  clear: both !important;
 /* display: block !important; */
  margin-bottom: 10px !important;
}

/* blockquote within the review */
div.wpcr3_review blockquote.wpcr3_content { 
    font-weight: normal; 
    display: block!important;
    padding-bottom: 0px;
}

  div.wpcr3_review blockquote.wpcr3_content.wpcr3_admin_response {
    margin-left: 30px;
    color: #00c; 
}

div.wpcr3_review div.wpcr3_review_datePublished { 
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic; 
}
div.wpcr3_review div.wpcr3_review_author { 
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
}

/* URL of the website with the name of the author*/
span.wpcr3_caps a {
    color: red;
    text-decoration: underline;
}

/* Authors name */
div.wpcr3_review div.wpcr3_review_author span.wpcr3_caps  {
    color: red;
}

div.wpcr3_review div.wpcr3_review_customs {
    margin-bottom: 5px; 
}
div.wpcr3_review div.wpcr3_review_custom { 
    font-size: 12px; 
    float: left; 
    margin-right: 60px; 
    margin-right: 6.0rem;
}

/* Submit your review box */
.wpcr3_leave_text { 
    font-weight: bold; 
    font-size: 18px;
    font-size: 1.8rem;
}

.wpcr3_div_2   {
   width: 100%!important;
   max-width: 600px!important;
   max-width: 60.0rem!important;
   margin: 0!important; 
   padding: 0!important;
} 

.wpcr3_pagination {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0;
  position: relative; 
}

.wpcr3_pagination_page {
  padding-right: 10px;
  padding-right: 1.0rem;
  line-height: 3; 
}

.wpcr3_pagination .wpcr3_a {
   margin:  10px 10px 10px 0;
   margin: 1.0rem 1.0rem 1.0rem 0;
   background-color: #f4f4e8;
   color: #000;
}

.wpcr3_disabled  {
  background-color: #f4f4e8!important;
   color: #000!important;  
}

.wpcr3_pagination .wpcr3_a.wpcr3_current {
 background: #3279BB;
    color: #fff;
    cursor: default;
    margin:  10px 10px 10px 0;
    margin: 1.0rem 1.0rem 1.0rem 0; 
}

/*  Check this box to confirm you are human */
.wpcr3_respond_2 .wpcr3_check_confirm label {
    margin: -2px 0px 24px 5px; 
    margin: -0.2rem 0rem 2.4rem 0.5rem; 
}

.wpcr3cform  {
  margin-bottom: 48px;
  margin-bottom: 4.8rem; 
}
 /*--------------------------------------------------------------
# Privacy Policy 
--------------------------------------------------------------*/
 
 .page-privacy-policy .content-area {
     width: 100%;
     float: none;
 }
 
 .page-privacy-policy .entry-content {
     margin-right: 0;
 }
 
 .page-privacy-policy .widget-area {
     display: none;
 }
 
.page-privacy-policy h1.page-title  {
 position: static;
 text-align: center;
}

.page-privacy-policy .entry-content  {
   
}

a.ctcc-more-info-link  {
    text-decoration: underline; 
}

/* flexslider */

.flexslider img {
    margin-bottom: 0;
    margin-top: 0;
}

.flexslider.regular ul {
    margin-left: 0;
	list-style: none;
}

.flexslider.regular.loading .slides > li:first-child { opacity: 0!important; display: none; }
.flexslider.regular.loading .slides > li {
    display: none;
	opacity: 0!important;
}

/* avoid fading on the first slide */
.flexslider.loading .slides > li:first-child { opacity: 1 !important; }


/* Animation */
  
/*  -webkit-animation-duration: 5s; 
        animation-duration: 5s;

    -webkit-animation-delay: 2s;
        animation-delay: 2s;
        
    -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite; (1,2,3...)
*/

/* recaptcha responsive */

 /* max-width: 599px  */
@media only screen and (max-width: 37.4375em)  {
    .g-recaptcha iframe {
    max-width: 100% !important;
   transform:scale(0.77) !important;
    -webkit-transform:scale(0.77) !important;
     transform-origin:left center !important;
    -webkit-transform-origin: left center !important;
}

  #rc-imageselect {
    transform:scale(0.77) !important;
    -webkit-transform:scale(0.77) !important;
    transform-origin:0 0 !important;
    -webkit-transform-origin:0 0 !important;
  }
   
} /* end media query max-width: 599px */


/* remove gray background on ipad */
html{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Ninja Form */
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #f5c6dc!important;
    color: #000!important;
}

.nf-form-content button:hover, 
.nf-form-content button:focus, 
.nf-form-content button:active, 
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=button]:focus,
.nf-form-content input[type=button]:active,
.nf-form-content input[type=submit]:hover,
.nf-form-content input[type=submit]:focus,
.nf-form-content input[type=submit]:active {
    background: #edc967!important;
    color: #000!important;
}



/*--------------------------------------------------------------
  # Gutenberg Styling - block elements 
--------------------------------------------------------------*/

html  {
  overflow-x: hidden; /* get rid of scroll bar with alignfull */
}

.wp-block.is-selected {
    background-color: #e0e0e0;
}

div[class*="wp-block"],
figure[class*="wp-block"],
blockquote[class*="wp-block"] {
    /*  margin-top: 0px; 
      margin-top: 0rem;
      margin-bottom: 24px;
      margin-bottom: 2.4rem;*/
}

.entry-content > [class*="wp-block-"]:not(:last-child):not([class*="gp"]) {
  /*  margin-bottom: 24px;
    margin-bottom: 2.4rem; */
}

/* .entry-content *[class^="wp-block-"]:not([class*="gp"]) {    /* put a margin at the bottom of each block */
.entry-content *[class^="wp-block-"] {    /* put a margin at the bottom of each block */
 /* margin-top: 24px;
  margin-top: 2.4rem;*/
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

/* get rid of the margin on the bottom of the .wp-block */
.entry-content *[class^="wp-block-"] > *:last-child,
.entry-content *[class^="wp-block-"] > *:last-child > *:last-child,
.entry-content *[class^="wp-block-"] > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.entry-content [class*="wp-block"].section,
.entry-content [class*="wp-block"].customfit-container  {
    margin-bottom: 0!important;
}

.entry-content *[class^="wp-block-"].section.no-pad-top  {
    padding-top: 0;
}

p.has-background {
    padding: 24px;
    padding: 2.4rem;
}

.entry-content > *.alignleft, 
.entry-content > *.alignright, 
.entry-content > *.alignleft:first-child + *, 
.entry-content > *.alignright:first-child + *, 
.entry-content > *.alignfull.has-background {
    margin-top: 0;
}

.entry-content *[class^="wp-block-"].alignnone {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.entry-content .alignfull {
   /* margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );*/
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); 
   /* margin-top: 24px; /* Extra wide images within figure tags don't overflow the content area. */
   /* margin-top: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;*/
    max-width: 100vw;
	
}

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
.entry-content .alignwide {
    margin-left: calc(75% - 50vw);
    margin-right: calc(75% - 50vw);
  /*  margin-top: 24px; /* Extra wide images within figure tags don't overflow the content area. */
   /* margin-top: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;*/
    max-width: 100vw;
	
}
} /* end media query min-width 782px */

/* Gutenberg */
h1.has-background, 
h2.has-background, 
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background {
    padding: 24px;
    padding: 2.4rem;
}

/* hr.wp-block-separator */

hr.wp-block-separator    {
    height: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333333!important;
    margin-top: 0;
    display: block;
    margin-bottom: 22px!important;
    margin-bottom: 2.2rem!important;
}

hr.wp-block-separator.is-style-wide {
  display: block;
  border-bottom-width: 2px;
  border-bottom-width: 0.2rem;
  margin-bottom: 22px!important;
  margin-bottom: 2.2rem!important;
}

.wp-block-separator.is-style-dots  {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1!important;
    margin-top: 0;
    margin-bottom: 24px!important;
    margin-bottom: 2.4rem!important;
}

.wp-block-separator.is-style-dots:before {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1!important;
}

/* wp-block-table */

figure.wp-block-table {
    margin-bottom: 0!important;
}

.wp-block-table table {
	border-collapse: collapse;
	/*border-collapse: separate;*/
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 22px!important;
        margin-bottom: 2.2rem!important;
	/*table-layout: fixed;*/
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
        background: #ececec;
}

.wp-block-table figcaption {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857;
  padding-top: 12px;  
  padding-top: 1.2rem;
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
  color: #868e96;
  text-align: center;
}

.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
	border: 1px solid #000;
        width: 100%;
}

.wp-block-table th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

.wp-block-table td {
	border-width: 0 1px 1px 0;
        vertical-align: middle;
}

.wp-block-table td, .wp-block-table th {
    padding: 12px 11px 11px 12px;
    padding: 1.2rem 1.1rem 1.1rem 1.2rem;
}

/*  wp-block-latest-posts  */

.wp-block-latest-posts.is-grid {
   /* list-style: disc; */
    list-style: none;
}

.wp-block-latest-posts a  {
   display: block; 
}

/* wp-block-latest-posts.is-grid */

.wp-block-latest-posts.is-grid li {
    margin: 0 24px 24px 0;
    margin: 0 2.4rem 2.4rem 0; 
}

 /* min-width: 600px  */
@media only screen and (min-width: 37.5em)  {
  .wp-block-latest-posts.columns-2 li {
     /* 2 columns, 1 gutter 24x1=24 divided by 2 columns = 12px */
     width: calc(50% - 12px)!important;
     width: calc(50% - 1.2rem)!important; 
  }
  
   .wp-block-latest-posts.columns-2 li:nth-child(2n) {
      margin-right: 0; 
    }
     .wp-block-latest-posts.columns-3 li   {
      /* 3 columns, 2 gutters 24x2=48 divided by 3 columns = 16px */     
        width: calc(33.3333334% - 16px);
        width: calc(33.3333334% - 1.6rem);
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .wp-block-latest-posts.columns-3 li:last-child {
        margin-right: 0;
    }
    
    .wp-block-latest-posts.columns-4 li  {
      /* 4 columns, 3 gutters 24x3=72 divided by 4 columns = 18px */  
        width: calc(25% - 18px);
        width: calc(25% - 1.8rem);
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .wp-block-latest-posts.columns-4 li:last-child {
        margin-right: 0;
    }
    
    .wp-block-latest-posts.columns-5 li  {
       /* 5 columns, 4 gutters 24x4=96 divided by 5 columns = 19.2px */    
        width: calc(20% - 19.2px);
        width: calc(20% - 1.92rem);
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .wp-block-latest-posts.columns-5 li:last-child {
        margin-right: 0;
    }
    
    .wp-block-latest-posts.columns-6 li  {
      /* 6 columns, 5 gutters 24x5=120 divided by 6 columns = 20px */    
        width: calc(16.66667% - 20px);
        width: calc(16.66667% - 2.0rem);
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .wp-block-latest-posts.columns-5 li:last-child {
        margin-right: 0;
    }
    
} /* end media query for min-width 600px; */


/* min-width: 600px and max-width: 781px  */
@media only screen and (min-width: 37.5em) and (max-width: 48.8125em)  {

    /* make 3 COLUMN .wp-block-latest-posts.is-grid to 2 COLUMNS */

    .wp-block-latest-posts.columns-3 li   {
        width: calc(50% - 12px)!important;
        width: calc(50% - 1.2rem)!important;
        margin-right: 24px;
        margin-right: 2.4rem;
    }

    .wp-block-latest-posts.columns-3 li:nth-of-type(3n):not(:last-child)  {
        margin-right: 24px;
        margin-right: 2.4rem; 
    }

    .wp-block-latest-posts.columns-3 li:nth-of-type(2n), 
    .wp-block-latest-posts.columns-3 li:last-child  {
        margin-right: 0!important;
    }

    /* make 4 COLUMN gallery 2 COLUMNS */

    .wp-block-latest-posts.columns-4 li {
      /* 2 columns, 1 gutter 24x1=24 divided by 2 columns = 12px */     
        width: calc(50% - 12px)!important;
        width: calc(50% - 1.2rem)!important;
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    

   .wp-block-latest-posts.columns-4 li:nth-of-type(2n),
   .wp-block-latest-posts.columns-4 li:last-child {
        margin-right: 0!important;
    }

    /* make 5 column gallery 2 columns */
    .wp-block-latest-posts.columns-5 li {
        width: calc(50% - 12px)!important;
        width: calc(50% - 1.2rem)!important;
        margin-right: 24px;
        margin-right: 2.4rem;
    }

   
    .wp-block-latest-posts.columns-5 li:nth-of-type(5n):not(:last-child) {
        margin-right: 24px;
        margin-right: 2.4rem;  
    }

    .wp-block-latest-posts.columns-5 li:nth-of-type(2n),
    .wp-block-latest-posts.columns-5 li:last-child {
        margin-right: 0!important;
    }
    
    /* make 6 COLUMNS .wp-block-latest-posts 2 COLUMNS */
    .wp-block-latest-posts.columns-6 li{
        width: calc(50% - 12px)!important;
        width: calc(50% - 1.2rem)!important;
        margin-right: 24px;
        margin-right: 2.4rem;
    }

    .wp-block-latest-posts.columns-6 li:nth-of-type(2n),
    .wp-block-latest-posts.columns-6 li:last-child  {
        margin-right: 0!important;
    }

} /* end media query min-width: 600px and max-width: 781px */

/* min-width: 782px and max-width: 991px  */
@media only screen and (min-width: 48.875em) and (max-width: 61.9375em)  {
    
/* make 4 COLUMNS .wp-block-latest-posts 2 COLUMNS */   
.wp-block-latest-posts.columns-4 li { 
    /* 2 columns, 1 gutter 24x1=24 divided by 2 columns = 12px */     
    width: calc(50% - 12px);
    width: calc(50% - 1.2rem);
    margin-right: 24px;
    margin-right: 2.4rem;
}

.wp-block-latest-posts.columns-4 li:nth-of-type(2n), 
.wp-block-latest-posts.columns-4 li:last-child {
    margin-right: 0;
} 

 /* make 5 COLUMNs .wp-block-latest-posts 3 COLUMNS */
.wp-block-latest-posts.columns-5 li  {
   /* 3 columns, 2 gutters 24x2=48 divided by 3 columns = 16px */     
    width: calc(33.3333334% - 16px);
    width: calc(33.3333334% - 1.6rem);
    margin-right: 24px;
    margin-right: 2.4rem;
}

.wp-block-latest-posts.columns-5 li:nth-of-type(5n):not(:last-child):not(:last-child) {
    margin-right: 24px;
    margin-right: 2.4rem;
} 

.wp-block-latest-posts.columns-5 li:nth-of-type(3n),
.wp-block-latest-posts.columns-5 li:last-child {
    margin-right: 0;
} 

/* make 6 COLUMNs .wp-block-latest-posts 3 COLUMNS */
 .wp-block-latest-posts.columns-6 li {
    /* 3 columns, 2 gutters 24x2=48 divided by 3 columns = 16px */     
        width: calc(33.3333334% - 16px);
        width: calc(33.3333334% - 1.6rem);
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    
    .wp-block-latest-posts.columns-6 li:nth-of-type(3n),
    .wp-block-latest-posts.columns-6 li :last-child {
        margin-right: 0;
    } 
    
} /* end media query for min-width: 782px and max-width: 991px */ 

/* list */
/* if we have a margin for ul li */

    .wp-block-column ul li:last-child {
        margin-bottom: 0!important;
    }


/* COVER IMAGE .wp-block-cover */


.wp-block-cover {
    height: 432px; /* multiplier of 24px */
    height: 43.2rem;
    padding: 0;
}

.wp-block-cover.alignleft, 
.wp-block-cover.alignright, 
.wp-block-cover-image.alignleft, 
.wp-block-cover-image.alignright {
    margin-top: 0;
}

.wp-block-cover.alignwide  {
    width: auto;
}

.wp-block-cover.alignfull  {
    width: auto;
}

.entry-content .wp-block-group__inner-container  {
    margin-bottom: 0;
}

/* IMAGE wp-block-image  */
 .wp-block-image  {
     margin-bottom: 24px;
     margin-bottom: 2.4rem;
 }
 
 .wp-block-image   {
    position: relative;
}

.wp-block-image figure {
    position: relative;
}

.wp-block-image figcaption  {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 12px!important;
    padding: 1.2rem!important;
    font-family: 'Open Sans', sans-serif; 
    color: #000;
    display: block!important;
}

/* max-width: 991px  */
@media only screen and (max-width: 61.9375em )  {
    .wp-block-image .alignleft, .wp-block-image .alignright  {
        float: none;
        margin: 0 auto;   
    }

    .wp-block-image img {
        margin: 0 auto;
    }    
} /* end media query for max-width: 991px */ 

/* float images left and right for screens more than 992px*/
/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    .wp-block-image .alignleft {
        margin-right: 24px;
        margin-right: 2.4rem;
        margin-top: 0;
    }

    .wp-block-image .alignright {
        margin-top: 0;
        margin-left: 24px;
        margin-left: 2.4rem;
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
    }
    
} /* end media query for min-width: 992px */ 

/* Media-Text block */

/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
    
   .wp-block-media-text.is-stacked-on-mobile {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important; 
   }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 1;
      grid-row: 1; 
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 2;
      grid-row: 2; 
    }
    
   .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
      padding: 0px;
      padding: 0rem;
   }
   
   .wp-block-media-text.is-stacked-on-mobile figure.wp-block-media-text__media {
       margin-bottom: 24px;
       margin-bottom: 2.4rem;
   }   
    
} /* end media query for max-width: 781px */  


/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
  .wp-block-media-text .wp-block-media-text__content,
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
     padding: 0 24px;
     padding: 0 2.4rem;
   }
   
   .wp-block-media-text.is-stacked-on-mobile figure.wp-block-media-text__media {
       margin-bottom: 0px;
       margin-bottom: 0rem;
   }  
} /* end media query for min-width: 782px */ 

pre.wp-block-preformatted  {
    overflow: auto;
}

/* wp-block-quote */

.wp-block-quote {
  padding-left: 24px;
  padding-left: 2.4rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 4px solid #000000;
}

.wp-block-quote:not(.is-large):not(.is-style-large) cite {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857;
  margin-top: 0!important;
  font-style: normal;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  border-left: none;
  padding: 0;
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p  {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.8461539;
}

.wp-block-quote.is-large cite {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857;
  margin-top: 0!important;
  font-style: normal;
}

/* pullquote */

.wp-block-pullquote {
   border-bottom: 4px solid #000;
   border-top: 4px solid #000;
   padding: 20px 24px; /* 24px - 4px border = 20px */
   padding: 2.0rem 2.4rem;
   text-align: center; 
}

.wp-block-pullquote p,
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.71428571428;
}

.wp-block-pullquote blockquote  {
    border: none;
    padding: 0; 
}

.wp-block-pullquote cite {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857; 
}

/* wp-block list  recent posts, archives, categories */

.entry-content .wp-block-latest-posts.aligncenter,
.entry-content .wp-block-archives.aligncenter,
.entry-content .wp-block-categories.aligncenter {
  text-align: center;
  list-style-position: inside;
}

.entry-content .wp-block-latest-posts.aligncenter ul,
.entry-content .wp-block-archives.aligncenter ul,
.entry-content .wp-block-categories.aligncenter ul  {
    list-style-position: inside;
}

/* AUDIO wp-block-audio */

.wp-block-audio {
   height: 72px;
   height: 7.2rem;
   position: relative;
}

.wp-block-audio,
.wp-block-audio.aligncenter,
.wp-block-audio.alignleft,
.wp-block-audio.alignright  {
   min-width: 300px;
   min-width: 30.0rem;
   width: 100%;  
}

.wp-block-audio figcaption {
  color: #555D66;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-top: 0!important;
  margin-bottom: -24px!important;
  margin-bottom: -2.4rem!important;
}

.wp-block-audio.aligncenter,
.wp-block-audio.alignleft,
.wp-block-audio.alignright  {
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
}

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
.wp-block-audio,
.wp-block-audio.alignleft,
.wp-block-audio.alignright {
       max-width: 500px;
       max-width: 50.0rem;
    }    
} /* end media query for min-width: 782px */ 

/* wp-block-button */

.wp-block-button__link {
  background-color:#32373C;
  border:none;
  border-radius: 24px;
  border-radius: 2.4rem;
  box-shadow:none;
  color:#FFFFFF;
  cursor:pointer;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333334;
  overflow-wrap:break-word;
  padding: 12px 24px;
  padding: 1.2rem 2.4rem;
  text-align:center;
  text-decoration:none;
}

.wp-block-button.aligncenter {
  text-align: center;
}

.wp-block-button.alignright {
  text-align: right;
}

/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
    .wp-block-button.alignleft, .wp-block-button.alignright  {
         text-align: center;
    }
} /* end media query for max-width: 781px */  

.wp-block-button__link  {
  margin-bottom: 0!important;
}

/* GALLERY wp-block-gallery */

figure.wp-block-gallery  {
    margin-bottom: 0!important;
}

.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item {
    margin-right: 24px;
    margin-right: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}

  .wp-block-gallery .blocks-gallery-image:last-child,
  .wp-block-gallery .blocks-gallery-item:last-child,
  .blocks-gallery-grid .blocks-gallery-image:last-child,
  .blocks-gallery-grid .blocks-gallery-item:last-child {
    margin-right: 0;
  }
  
/* fix the: get rid of the margin on the bottom of the .wp-block */
.entry-content .wp-block-gallery .blocks-gallery-item:last-child {
  margin-bottom: 24px!important;
  margin-bottom: 2.4rem!important;
}

/* delete margin for ul gallery for gallery except alignwide and alignfull  */
.wp-block-gallery:not(.alignwide):not(.alignfull) {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

/* disable alignwide for small screen max-781px */
/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
    .entry-content .wp-block-gallery.alignwide {
       list-style-type: none;
       padding-left: 0;
       margin-left: 0; 
    }
    
} /* end media query max-width 781px */

/* make gallery 1 column on small screens */
/* max-width: 599px  */
@media only screen and (max-width: 37.4375em )  {
    .wp-block-gallery,
    .blocks-gallery-grid {
        display: block;
    }
    
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item,
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item {
        width: 100%;
        margin-right: 0;
    } 
  
} /* end media query max-width 599px */


/* min-width: 600px and max-width: 991px  */
@media only screen and (min-width: 37.5em) and (max-width: 61.9375em)  {
    
/* make 4 COLUMNS gallery 2 COLUMNS */   
.wp-block-gallery.columns-4 .blocks-gallery-image, 
.wp-block-gallery.columns-4 .blocks-gallery-item,
.blocks-gallery-grid.columns-4 .blocks-gallery-image, 
.blocks-gallery-grid.columns-4 .blocks-gallery-item  { 
    /* 2 columns, 1 gutter 24x1=24 divided by 2 columns = 12px */     
    width: calc(50% - 12px);
    width: calc(50% - 1.2rem);
    margin-right: 24px;
    margin-right: 2.4rem;
}


.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(2n), 
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(2n), 
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(2n), 
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(2n), 
.wp-block-gallery.columns-4 .blocks-gallery-image:last-child, 
.wp-block-gallery.columns-4 .blocks-gallery-item:last-child,
.blocks-gallery-grid.columns-4 .blocks-gallery-image:last-child,
.blocks-gallery-grid.columns-4 .blocks-gallery-item:last-child {
    margin-right: 0;
} 

 /* make 5 COLUMNs gallery 3 COLUMNS */
.wp-block-gallery.columns-5 .blocks-gallery-image, 
.wp-block-gallery.columns-5 .blocks-gallery-item,
.blocks-gallery-grid.columns-5 .blocks-gallery-image, 
.blocks-gallery-grid.columns-5 .blocks-gallery-item  {
   /* 3 columns, 2 gutters 24x2=48 divided by 3 columns = 16px */     
    width: calc(33.3333334% - 16px);
    width: calc(33.3333334% - 1.6rem);
    margin-right: 24px;
    margin-right: 2.4rem;
}

.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n):not(:last-child), 
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n):not(:last-child),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n):not(:last-child):not(:last-child),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n):not(:last-child):not(:last-child) {
    margin-right: 24px;
    margin-right: 2.4rem;
} 

.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(3n), 
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-5 .blocks-gallery-image:last-child, 
.wp-block-gallery.columns-5 .blocks-gallery-item:last-child,
.blocks-gallery-grid.columns-5 .blocks-gallery-image:last-child,
.blocks-gallery-grid.columns-5 .blocks-gallery-item:last-child {
    margin-right: 0;
} 

/* make 6 COLUMNs gallery 3 COLUMNS */
    .wp-block-gallery.columns-6 .blocks-gallery-image, 
    .wp-block-gallery.columns-6 .blocks-gallery-item,
    .blocks-gallery-grid.columns-6 .blocks-gallery-image, 
    .blocks-gallery-grid.columns-6 .blocks-gallery-item {
    /* 3 columns, 2 gutters 24x2=48 divided by 3 columns = 16px */     
    width: calc(33.3333334% - 16px);
    width: calc(33.3333334% - 1.6rem);
    margin-right: 24px;
    margin-right: 2.4rem;
    }
    
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(3n), 
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(3n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(3n),
    .wp-block-gallery.columns-6 .blocks-gallery-image:last-child, 
    .wp-block-gallery.columns-6 .blocks-gallery-item:last-child,
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:last-child,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:last-child {
        margin-right: 0;
    } 
    
} /* end media query for min-width: 600px and max-width: 991px */ 

/* COLUMNS wp-block-columns */


/* fix the: get rid of the margin on the bottom of the .wp-block */
.entry-content .wp-block-columns .wp-block-column:last-child {
  margin-bottom: 24px!important;
  margin-bottom: 2.4rem!important;
}

/* min-width: 600px and max-width: 781px  */
@media only screen and (min-width: 37.5em) and (max-width: 48.8125em)  {
    
    .wp-block-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
  /*  .wp-block-columns .wp-block-column  {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
        margin-left: 0;
    } */
    
    .wp-block-column {
        flex-basis: calc(50% - 12px)!important;
        flex-grow: 0; 
    }
    
    .wp-block-column:nth-child(even) {
        margin-left: 24px; 
        margin-left: 2.4rem;
       
    }
    
 /* columns */
    .pics-wrap  {
        display: block;
    }
    
    /* column */
    .pics  {
       width: 100%; 
    }
    
    .pics-wrap .wp-block-column {
        margin-left: 0;
      /*  -ms-flex-preferred-size: 100%;
        flex-basis: 100%; */
    } 
      
} /* end media query for min-width: 600px and max-width: 781px */

/* min-width: 782px and max-width: 991px  */
@media only screen and (min-width: 48.875em) and (max-width: 61.9375em)  {
   /* make 4 COLUMNS into 2 COLUMNS with 24px gutter */ 
   .entry-content .wp-block-columns.has-4-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; 
    }
  
   .wp-block-columns.has-4-columns .wp-block-column {
       -ms-flex-preferred-size: calc( 50% - 12px ); /* for 24px gutter */
        flex-basis: calc( 50% - 12px )!important;
    } 
    
    .wp-block-columns.has-4-columns .wp-block-column:nth-of-type(3n) {
        margin-left: 0!important;
    } 
   
    
} /* end media query for min-width: 782px and max-width: 991px */


/* styles for 24px margin instead of 32px for columns */

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
    
    /* Changing 32px margin left to 24px */
    .wp-block-columns .wp-block-column:not(:first-child) {
        margin-left: 24px;
        margin-left: 2.4rem; 
        margin-right: 0;
    }
    
    .has-2-columns .wp-block-column {
    -ms-flex-preferred-size: calc( 50% - 12px ); /* for 24px gutter */
        flex-basis: calc( 50% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-58  {
    -ms-flex-preferred-size: calc( 58% - 12px );
        flex-basis: calc( 58% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-42  {
    -ms-flex-preferred-size: calc( 42% - 12px );
        flex-basis: calc( 42% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-75  {
    -ms-flex-preferred-size: calc( 75% - 12px );
        flex-basis: calc( 75% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-25  {
    -ms-flex-preferred-size: calc( 25% - 12px );
        flex-basis: calc( 25% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-70  {
    -ms-flex-preferred-size: calc( 70% - 12px );
        flex-basis: calc( 70% - 12px );
    } 
    
    .has-2-columns .wp-block-column.wp-30  {
    -ms-flex-preferred-size: calc( 30% - 12px );
        flex-basis: calc( 30% - 12px );
    } 
    
} /* end media query for min-width: 782px */


/* COLUMNS With GRID and GP wp-block-columns.grid  */

@media (min-width: 600px) and (max-width: 781px) {
    
/*.wp-block-columns.grid,
.wp-block-column[class*="gp"] {
  flex-basis: initial;
}*/
}

/* adding bootstrap classes to the columns */
.wp-block-columns .wp-block-column[class*="gp"] .wp-block-image .alignleft,
.wp-block-columns .wp-block-column[class*="gp"] .wp-block-image .alignright  {
      float: none;
      margin: 0;
}

.entry-content .wp-block-columns.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important; 
    margin-left: -24px;
    margin-left: -2.4rem;
    margin-right: -24px;
    margin-right: -2.4rem; 
	gap: 0!important;
}
  
.entry-content .wp-block-columns.grid .wp-block-column[class*="gp"] {
   -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; 
    margin: 0;
    position: relative;
    min-height: 1px;
    padding-right: 24px;
    padding-right: 2.4rem;
    padding-left: 24px;
    padding-left: 2.4rem;
    margin-bottom: 24px!important;
    margin-bottom: 2.4rem!important;
}

/* max-width: 599px */ 
@media only screen and (max-width: 37.4375em) {
    
.entry-content .wp-block-columns.grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
} 

.entry-content .wp-block-columns.grid .wp-block-column.gp {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-1 {
  -ms-flex: 0 0 8.333333%!important;
  flex: 0 0 8.333333%!important;
  max-width: 8.333333%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-2 {
  -ms-flex: 0 0 16.666667%!important;
  flex: 0 0 16.666667%!important;
  max-width: 16.666667%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-3 {
  -ms-flex: 0 0 25%!important;
  flex: 0 0 25%!important;
  max-width: 25%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-4 {
  -ms-flex: 0 0 33.333333%!important;
  flex: 0 0 33.333333%!important;
  max-width: 33.333333%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-5 {
  -ms-flex: 0 0 41.666667%!important;
  flex: 0 0 41.666667%!important;
  max-width: 41.666667%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-6 {
  -ms-flex: 0 0 50%!important;
  flex: 0 0 50%!important;
  max-width: 50%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-7 {
  -ms-flex: 0 0 58.333333%!important;
  flex: 0 0 58.333333%!important;
  max-width: 58.333333%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-8 {
  -ms-flex: 0 0 66.666667%!important;
  flex: 0 0 66.666667%!important;
  max-width: 66.666667%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-9 {
  -ms-flex: 0 0 75%!important;
  flex: 0 0 75%!important;
  max-width: 75%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-10 {
  -ms-flex: 0 0 83.333333%!important;
  flex: 0 0 83.333333%!important;
  max-width: 83.333333%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-11 {
  -ms-flex: 0 0 91.666667%!important;
  flex: 0 0 91.666667%!important;
  max-width: 91.666667%;
}

.entry-content .wp-block-columns.grid .wp-block-column.gp-12 {
  -ms-flex: 0 0 100%!important;
  flex: 0 0 100%!important;
  max-width: 100%;
}
} /* end media query for max-width: 599px */


/* Tablets */
 /* min-width:  600px gp-sm */
@media only screen and (min-width: 37.5em)  {
    
.entry-content .wp-block-columns.grid .wp-block-column.gp-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-auto-sm {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

 .entry-content .wp-block-columns.grid .wp-block-column.gp-1-sm {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-2-sm {
    -ms-flex: 0 0 16.666667%!important;
    flex: 0 0 16.666667%!important;
    max-width: 16.666667%;
  }

 .entry-content .wp-block-columns.grid .wp-block-column.gp-3-sm {
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-4-sm {
    -ms-flex: 0 0 33.333333%!important;
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-5-sm {
    -ms-flex: 0 0 41.666667%!important;
    flex: 0 0 41.666667%!important;
    max-width: 41.666667%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-6-sm {
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-7-sm {
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 58.333333%!important;
    max-width: 58.333333%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-8-sm {
    -ms-flex: 0 0 66.666667%!important;
    flex: 0 0 66.666667%!important;
    max-width: 66.666667%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-9-sm {
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-10-sm {
    -ms-flex: 0 0 83.333333%!important;
    flex: 0 0 83.333333%!important;
    max-width: 83.333333%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-11-sm {
    -ms-flex: 0 0 91.666667%!important;
    flex: 0 0 91.666667%!important;
    max-width: 91.666667%;
  }

  .entry-content .wp-block-columns.grid .wp-block-column.gp-12-sm {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%;
  }

  } /* end media query for min-width: 600px */
  
  /* min-width: 782px gp-md */
@media only screen and (min-width: 48.875em)  {
    
  .entry-content .wp-block-columns.grid .wp-block-column.gp-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-auto-md {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-1-md {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-2-md {
    -ms-flex: 0 0 16.666667%!important;
    flex: 0 0 16.666667%!important;
    max-width: 16.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-3-md {
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-4-md {
    -ms-flex: 0 0 33.333333%!important;
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-5-md {
    -ms-flex: 0 0 41.666667%!important;
    flex: 0 0 41.666667%!important;
    max-width: 41.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-6-md {
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-7-md {
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 58.333333%!important;
    max-width: 58.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-8-md {
    -ms-flex: 0 0 66.666667%!important;
    flex: 0 0 66.666667%!important;
    max-width: 66.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-9-md {
    -ms-flex: 0 0 75%!important;;
    flex: 0 0 75%!important;
    max-width: 75%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-10-md {
    -ms-flex: 0 0 83.333333%!important;
    flex: 0 0 83.333333%!important;
    max-width: 83.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-11-md {
    -ms-flex: 0 0 91.666667%!important;
    flex: 0 0 91.666667%!important;
    max-width: 91.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-12-md {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%;
  }
  
} /* end media query for min-width 782px gp-md */


 /* min-width: 992px gp-lg */
@media only screen and (min-width: 62em)  {
    
.entry-content .wp-block-columns.grid .wp-block-column.gp-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-auto-lg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-1-lg {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%;
  }
    .entry-content .wp-block-columns.grid .wp-block-column.gp-2-lg {
    -ms-flex: 0 0 16.666667%!important;
    flex: 0 0 16.666667%!important;
    max-width: 16.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-3-lg {
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-4-lg {
    -ms-flex: 0 0 33.333333%!important;
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-5-lg {
    -ms-flex: 0 0 41.666667%!important;
    flex: 0 0 41.666667%!important;
    max-width: 41.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-6-lg {
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-7-lg {
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 58.333333%!important;
    max-width: 58.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-8-lg {
    -ms-flex: 0 0 66.666667%!important;
    flex: 0 0 66.666667%!important;
    max-width: 66.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-9-lg {
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-10-lg {
    -ms-flex: 0 0 83.333333%!important;
    flex: 0 0 83.333333%!important;
    max-width: 83.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-11-lg {
    -ms-flex: 0 0 91.666667%!important;
    flex: 0 0 91.666667%!important;
    max-width: 91.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-12-lg {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%;
  }
  
} /* end media query for min-width: 992px gp-lg */

/* min-width: 1200px gp-xl */
@media only screen and (min-width: 75em)  {
    
 .entry-content .wp-block-columns.grid .wp-block-column.gp-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-auto-xl {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-1-xl {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-2-xl {
    -ms-flex: 0 0 16.666667%!important;
    flex: 0 0 16.666667%!important;
    max-width: 16.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-3-xl {
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-4-xl {
    -ms-flex: 0 0 33.333333%!important;
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-5-xl {
    -ms-flex: 0 0 41.666667%!important;
    flex: 0 0 41.666667%!important;
    max-width: 41.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-6-xl {
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-7-xl {
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 58.333333%!important;
    max-width: 58.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-8-xl {
    -ms-flex: 0 0 66.666667%!important;
    flex: 0 0 66.666667%!important;
    max-width: 66.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-9-xl {
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-10-xl {
    -ms-flex: 0 0 83.333333%!important;
    flex: 0 0 83.333333%!important;
    max-width: 83.333333%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-11-xl {
    -ms-flex: 0 0 91.666667%!important;
    flex: 0 0 91.666667%!important;
    max-width: 91.666667%;
  }
  .entry-content .wp-block-columns.grid .wp-block-column.gp-12-xl {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%;
  }
 
 } /* end media query for min-width: 1200px gp-xl */


/* Make the wp-block-group__inner-container following .grid = 100% width */
/* so we can use the gp classes */

.entry-content .grid > .wp-block-group__inner-container {
        width: 100%;
    }
 


/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
     .cover-photo {
        min-height: 270px;
        min-height: 27.0rem;
    }
    
} /* end media query for max-width: 781px */  

p.cover-photo-text {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.logo-icon {
    position: relative;
}

.shop-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.shop-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; 
    display: flex;
}

.shop-nav ul li {
    margin-left: 24px;
    margin-left: 2.4rem;
    font-family: 'Roboto', sans-serif;
}

.shop-nav ul li a {
    color: #000;
}

/* max-width: 991px  */
@media only screen and (max-width: 61.9375em )  {
    .shop-nav ul {
        display: block;
    }
    
    .shop-nav ul li {
        margin-bottom: 24px;
        margin-bottom: 2.4rem;
    }
    
    a.sara-account span  {
        display: none;
    }
    
    a.sara-account::before {
         display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900; 
        content: "\f007";
    }
    
     a.sara-cart span  {
        display: none;
    }
    
    a.sara-cart::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free"; 
        font-weight: 900; 
        content: "\f290";
    }
    
} /* end media query for max-width: 991px */  


/* woocommerce */

/* woocommerce Pagination */
.woocommerce nav.woocommerce-pagination ul {
    border: none;
    background: none;
    width: 100%;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-color: #000;
    border: none;
    border-right: none;
    margin-right: 12px; 
    margin-right: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

.woocommerce nav.woocommerce-pagination ul li.page-item  {
    display: inline-block;
    float: none!important;
}

.woocommerce nav.woocommerce-pagination ul li a {
    background: #f5c6dc; /* pink */
    border: none;
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul li span.current { 
    background: #e073a6; /* dark pink */
    color: #fff;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus  {
    background: #edc967; /* gold */
    color: #000;
}

ul.page-numbers li.prev-list-item {
    float: left!important;
}

ul.page-numbers li.next-list-item {
   float: right!important; 
}


/* hide the image title on the slider */
.pswp__caption {
    display: none;
}

.woocommerce ul.products li.product a img {
    margin-bottom: 0;
}

.woocommerce ul.products li.product .price  {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333333;
    margin-top: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3  {
    padding-top: 12px;
    padding-top: 1.2rem;
}

/* shorten the title with ... */
.woocommerce-loop-product__title  {
  /*  overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    font-size: 16px;
    font-size: 1.6rem!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    max-width: 100%;
    height: 60px;
    height: 6.0rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
    ul.flex-direction-nav  {
       display: none;
    }

    .woocommerce-page div.product div.images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
       height: auto!important;
       overflow: hidden;
    }
    
    .woocommerce div.product div.images .flex-control-thumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
       -ms-flex-pack: center;
        justify-content: center;
        margin-top: 12px;
        margin-top: 1.2rem;
      /*  overflow-x: scroll!important; 
       -webkit-overflow-scrolling: touch;
      -webkit-overflow-scrolling: auto; */
      
    }
    
    .woocommerce div.product div.images .flex-control-thumbs li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
        clear: none;
    }
    
    .woocommerce div.product div.images .flex-control-thumbs li {
        display: inline-block; 
        float: none;
        padding: 6px; 
        padding: 0.6rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px; /* width of the thumbnail */
        -ms-flex: 0 0 8.0rem;
        flex: 0 0 80px;
        flex: 0 0 8.0rem;
    }
    
    
/* VERSION 1 - Vertical Scrolling Thumbnails */

    /* max-height for single product images only */
    .woocommerce-product-gallery .woocommerce-product-gallery__image { 
        width: 100%; 
        overflow: hidden!important;
		/* new  line */
		display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
       -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
        float: none;
        margin: auto;
      /*  height: 350px;
        height: 35rem; */
    } 

    .woocommerce-product-gallery .woocommerce-product-gallery__image img { 
       /* width: auto!important; 
        max-height: 350px;
        max-height: 35rem;*/
    }

    /* max-height for single product slider */
    .single.single-product .woocommerce-product-gallery__image.flex-active-slide {
      /*  min-height: 350px;
        min-height: 35rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
       -ms-flex-pack: center;
        justify-content: center; */
    }
 
    .single.single-product .woocommerce-product-gallery__image.flex-active-slide a img {
       /* max-height: 350px;
        max-height: 35rem; */
    }
    
} /* end media query for max-width: 781px */  


/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
   

/* VERSION 1 - Vertical Scrolling Thumbnails */

    /* max-height for single product images only */
    .woocommerce-product-gallery .woocommerce-product-gallery__image { 
        width: 100%; 
		/* new line */
		overflow: hidden!important;
        width: 100%;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
       -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
        float: none;
        margin: auto;
        height: 500px;
        height: 50rem;
    }

    .woocommerce-product-gallery .woocommerce-product-gallery__image img { 
        width: auto!important; 
        max-height: 500px;
        max-height: 50rem;
        margin: 0px auto;
    }

    /* max-height for single product slider */
    .single.single-product .woocommerce-product-gallery__image.flex-active-slide {
        min-height: 500px;
        min-height: 50rem; 
    }
 
    .single.single-product .woocommerce-product-gallery__image.flex-active-slide a img {
        max-height: 500px;
        max-height: 50rem;  
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .woocommerce-page div.product div.images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center; 
        
    }
    
    .woocommerce div.product div.images .flex-control-thumbs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
       -ms-flex: 0 0 100px;
        -ms-flex: 0 0 10rem;
           flex: 0 0 100px;
           flex: 0 0 10rem;
        /* Adjust PX to suit width of thumbnails */
        max-height: 500px;
        max-height: 50rem;
        /* Adjust Height to Image height on desktop */
        overflow: hidden;
        z-index: 1200; /* put it above ul nav previous next z-index 999 */
         -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
        overflow-y: scroll; 
    }
    
    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
       display: none; /* for Chrome, Safari, and Opera */
    }
    
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
        padding: 0 24px 12px 0;
        padding: 0 2.4rem 1.2rem 0;
    }
    
    ul.flex-direction-nav {
        display: block;
        position: absolute;
        top: 236px;
	top: 23.6rem;
        z-index: 999;
        width: 100%;
        left: 0; 
        margin: 0;
        padding: 0px;
        list-style: none;
    }

    li.flex-nav-prev {
        float: left;
        margin-left: 100px;
        margin-left: 10rem;
        margin-bottom: 0!important;
        position: relative;
    }

    li.flex-nav-next {
        float: right;
        margin-bottom: 0!important;
        position: relative;
    }

    a.flex-next {
        visibility: hidden;
        display: block;
    }

    a.flex-prev { 
        visibility: hidden;
        display: block;   
    }

    a.flex-next::after {
	visibility: visible;
        content: '\f054';
	font-family: 'Font Awesome 5 Free';
        display: inline-block;
	font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
	font-size: 24px;
        font-size: 2.4rem;
        line-height: 1;
        padding: 6px; 
        padding: 0.6rem;
        padding-left: 12px;
        padding-left: 1.2rem;
	font-weight: bold;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 4px 20px;
        border-radius: 50%;
        width: 36px;
        width: 3.6rem;
        height: 36px;
        height: 3.6rem;
    }

    a.flex-prev::before {
        visibility: visible;
        content: '\f053';
	font-family: 'Font Awesome 5 Free';   
	display: inline-block;
	font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
	font-size: 24px;
        font-size: 2.4rem;
        line-height: 1;
        padding: 6px; 
        padding: 0.6rem;
        padding-left: 10px;
        padding-left: 1.0rem;
        font-weight: bold;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 4px 20px;
        border-radius: 50%;
        width: 36px;
        width: 3.6rem;
        height: 36px;
        height: 3.6rem;
    }

    ul.flex-direction-nav li a {
	color: #ccc;
    }

    ul.flex-direction-nav li a:hover {
	text-decoration: none;
    }
} /* end media query for min-width: 782px */ 


/* min-width: 769px  */
@media only screen and (min-width: 48.0625em )  {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        float: none;
        width: 100%;
    }
    
    figure.woocommerce-product-gallery__wrapper  {
        margin-right: 0px;
        margin-right: 0rem!important;
    }
    
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: none;
        width: 100%;
        
    }
} /* end media query for min-width: 769px */  


/* min-width: 992px  */
@media only screen and (min-width: 62em )  {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        float: left;
        width: 66%;
        clear: none;
    }
    
    figure.woocommerce-product-gallery__wrapper  {
        margin-right: 48px!important;
        margin-right: 4.8rem!important;
    }
    
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: right;
        width: 34%;
        clear: none;
    }
    
    li.flex-nav-prev {
        float: left;
        margin-left: 100px;
        margin-left: 10.0rem;
        margin-bottom: 0!important;
        position: relative;
    }

    li.flex-nav-next {
        float: right;
        margin-right: 48px;
        margin-right: 4.8rem;
        margin-bottom: 0!important;
        position: relative;
    }
    
} /* end media query for min-width: 992px */  

/* equal height */
   /*   width: 100%;
      height: 300px!important;
      object-fit: cover; /* I use cover but contain also works */
   
 /* Single product */
 
.woocommerce div.product p.price, 
.woocommerce div.product span.price  {
    color: #000;
    font-weight: 700;
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

/* override the product title  */
.woocommerce div.product .product_title {
    font-size: 30px;
    font-size: 3.0rem;
}

.woocommerce ul.products li.product .price  {
    color: #000;
    font-weight: 700;
}

.product_meta > span {
    display: block;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
 
 /* Overriding the SELECT button for all browsers */

.woocommerce div.product table.variations {
    background: none;
    margin-bottom: 0!important;
}

.woocommerce div.product form.cart .variations label {
    font-size: 20px!important;
    font-size: 2.0rem!important;
    line-height: 1.2!important;
    font-weight: 700!important;
}

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
    line-height: 1.5;
}

.woocommerce div.product form.cart .variations th.label,
.woocommerce div.product form.cart .variations td.value {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 0;
}

.woocommerce div.product form.cart .variations th.label {
    padding-bottom: 6px;
    padding-bottom: 0.6rem;
   /* max-width: 400px;
    max-width: 40rem;*/
}

.woocommerce div.product form.cart .variations td.value {
   position: relative;
  /* max-width: 400px;
   max-width: 40rem;*/
   margin-bottom: 12px;
   margin-bottom: 1.2rem;
}

/*  changing the default style for ALL select fields */
/* .woocommerce div.product form.cart .variations td.value select {
  -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; 
  background: #FFFFFF;
  border-color: rgba(34, 34, 34, 0.15);
  border-radius: 6px;
  border-radius: 0.6rem;
  border-style: solid;
  border-width: 1px;
  border-width: 0.1rem;
  box-shadow: rgba(34, 34, 34, 0.15) 0 1px 6px 0;
  color: #222222;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
  height: 4.8rem;
  padding-left: 12px;
  padding-left: 1.2rem;
  padding-right: 36px;
  padding-right: 3.6rem;
  margin-right: 0;
  width: 100%;
  text-indent: 0.01px;
  transition: border-color 200ms ease-out 0s, box-shadow 200ms ease-out 0s;
} */

/* changing the style for all select fields */
/*.woocommerce div.product form.cart .variations td.value:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: 1.2rem;
    top: 0;
    color: #aaa; 
}
*/

/*  changing the style for select fields with ATTRIBUTE Sweatshirt Color, Shirt Color */
 .woocommerce div.product form.cart .variations tr.pa_sweatshirt-color td.value select,
 .woocommerce div.product form.cart .variations tr.pa_shirt-color td.value select,
 .woocommerce div.product form.cart .variations tr.pa_gildan-2000-color td.value select,
 .woocommerce div.product form.cart .variations tr.pa_gildan-1800-crewneck td.value select,
 .woocommerce div.product form.cart .variations tr.pa_gildan-g2400-long-sleeve td.value select,
 .woocommerce div.product form.cart .variations tr.pa_soft-style-sweatshirt-color td.value select,
 .woocommerce div.product form.cart .variations tr.pa_family-member td.value select {
  -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; 
  background: #FFFFFF;
  border-color: rgba(34, 34, 34, 0.15);
  border-radius: 6px;
  border-radius: 0.6rem;
  border-style: solid;
  border-width: 1px;
  border-width: 0.1rem;
  box-shadow: rgba(34, 34, 34, 0.15) 0 1px 6px 0;
  color: #222222;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
  height: 4.8rem;
  padding-left: 12px;
  padding-left: 1.2rem;
  padding-right: 36px;
  padding-right: 3.6rem;
  margin-right: 0;
  width: 100%;
  text-indent: 0.01px;
  transition: border-color 200ms ease-out 0s, box-shadow 200ms ease-out 0s;
} 

.woocommerce div.product form.cart .variations tr.pa_sweatshirt-color td.value:after,
.woocommerce div.product form.cart .variations tr.pa_shirt-color td.value:after,
.woocommerce div.product form.cart .variations tr.pa_gildan-2000-color td.value:after,
.woocommerce div.product form.cart .variations tr.pa_gildan-1800-crewneck td.value:after,
.woocommerce div.product form.cart .variations tr.pa_gildan-g2400-long-sleeve td.value:after,
.woocommerce div.product form.cart .variations tr.pa_soft-style-sweatshirt-color td.value:after,
.woocommerce div.product form.cart .variations tr.pa_family-member td.value:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: 1.2rem;
    top: 0;
    color: #aaa; 
}

/* Clear */
a.reset_variations {
    color: red;
    display: block;
    margin-top: 12px;
    margin-top: 1.2rem;
    float: right;
}

/* Add to Cart button */

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #f5c6dc; 
    color: #000;
    opacity: 1;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
   line-height: 1.5;
   padding: 12px;
   padding: 1.2rem;
}

.woocommerce div.product form.cart div.quantity  {
    margin-right: 24px;
    margin-right: 2.4rem;
}

div.woocommerce-variation.single_variation  {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    display: block;
}

/* Custom Product Add-on */

.wcpa_wrap .wcpa_field_wrap {
    margin: 0 0 24px;
}

th.label {
    padding: 0;
}

/* Adding class="intro-text", "intro-textearea" for the label */
.wcpa_wrap .wcpa_field_wrap.intro-text .wcpa_field_label,
.wcpa_wrap .wcpa_field_wrap.intro-textarea .wcpa_field_label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

.wcpa_wrap .wcpa_field_wrap.outline-thread {
    
}

.wcpa_wrap .wcpa_field_wrap textarea,
.wcpa_wrap .wcpa_field_wrap input {
    background: #FFFFFF;
    border-color: rgba(34, 34, 34, 0.15) !important;
    border-radius: 6px !important;
    border-radius: 0.6rem !important;
    border-style: solid;
    border-width: 1px;
    border-width: 0.1rem;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 6px 0 !important;
    color: #222222;
    line-height: 25px;
    padding: 5px 15px;
    outline: 0;
    box-sizing: border-box;
    max-width: 400px;
    max-width: 40rem;
}

.wcpa_wrap .wcpa_field_wrap.custom-select.wcpa_type_select select {
    -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; 
  background: #FFFFFF;
  border-color: rgba(34, 34, 34, 0.15);
  border-radius: 6px;
  border-radius: 0.6rem;
  border-style: solid;
  border-width: 1px;
  border-width: 0.1rem;
  box-shadow: rgba(34, 34, 34, 0.15) 0 1px 6px 0;
  color: #222222;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
  height: 4.8rem;
  padding-left: 12px;
  padding-left: 1.2rem;
  padding-right: 36px;
  padding-right: 3.6rem;
  margin-right: 0;
  width: 100%;
  text-indent: 0.01px;
  transition: border-color 200ms ease-out 0s, box-shadow 200ms ease-out 0s;
}

.wcpa_wrap .wcpa_field_wrap.custom-select select:hover,
.wcpa_wrap .wcpa_field_wrap.custom-select select:focus,
.wcpa_wrap .wcpa_field_wrap.custom-select select:active {
    outline: none !important; 
}

.wcpa_wrap .wcpa_field_wrap.custom-select {
    position: relative;
    max-width: 400px;
    max-width: 40rem;
}

.wcpa_wrap .wcpa_field_wrap.custom-select:after {
   display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: 1.2rem;
    top: 0;
    margin-top: 30px;
    margin-top: 3.0rem;
    color: #aaa;
}

.wcpa_wrap .wcpa_field_wrap.personalization-label {
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
}

.wcpa_wrap .wcpa_field_wrap.personalization-label p.wcpa_field,
.wcpa_wrap .wcpa_field_wrap.personalization-label label {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0;
}

.wcpa_wrap .wcpa_field_wrap.outline-thread label {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
}


.wcpa_form_outer .wcpa_form_item .select_arrow {
    content: '';
    display: block;
    position: absolute;
    top: 22px;
    top: 2.2rem;
    right: 12px;
    right: 1.2rem;
    border-width: 8px 8px 0 8px;
    border-width: 0.8rem 0.8rem 0rem 0.8rem;
    border-color: #aaa transparent transparent transparent;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #f5c6dc; 
    color: #000;
    opacity: 1;
}

button[type="submit"].single_add_to_cart_button:hover,
button[type="submit"].single_add_to_cart_button:focus,
button[type="submit"].single_add_to_cart_button:active {
    background: #edc967;
    color: #000!important;
}

/* Cart */

.woocommerce-message {
    border-top-color: #f5c6dc;
}

.woocommerce-message::before {
    color: #f5c6dc;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button  {
    background-color: #f5c6dc;
    color: #000;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td  {
    padding: 12px;
    padding: 1.2rem;
}

button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]  {
    color: #000;
    opacity: 0.7;
}

table.cart .product-thumbnail img {
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
    max-width: 20rem;
    height: auto;
}

tr.cart_item td.product-name a {
    color: #000;
}

/*** MAIN FORMS BACKGROUND COLOR ***/
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment,
#customer_details, 
h3#order_review_heading,
form.woocommerce-EditAccountForm.edit-account {
	border: 0 !important; /* you can add a border if you prefer */
	background: #f5f5f5; /* this is the main background color for all forms */
}

/*** QUANTITY BOX ***/
.woocommerce #content .quantity input.qty, 
.woocommerce .quantity input.qty, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
	background: #ebe9eb !important;
}

.woocommerce table.shop_table td,
#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th, 
.woocommerce-checkout #main-content .cart-subtotal td {
	border-top: 2px solid #fff;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background: transparent;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover   {
    background: #edc967!important; 
    color: #000;
}

/* Proceed to checkout button */
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover, 
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active  {
    background-color: #edc967; /* gold */
    color: #000;
}

/* Billing and Shipping details */
.woocommerce .col2-set, .woocommerce-page .col2-set, h3#order_review_heading {
    padding: 14px!important;
    padding: 1.4rem!important;
}

h3#order_review_heading {
    margin-bottom: 0;
    margin-top: 14px;
    margin-top: 1.4rem;
}

/* Free shipping label bold */
ul.woocommerce-shipping-methods li label {
    font-weight: 700;
}

/* Additional information */

.woocommerce table.shop_attributes  {
    background: none;
}

.woocommerce table.shop_attributes th  {
    color: #6b6a6b;
    padding: 12px;
    padding: 1.2rem;
}

.woocommerce table.shop_attributes td {
    font-style: normal;
    padding: 12px;
    padding: 1.2rem;
}

.woocommerce table.shop_attributes, 
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    border: none;
}

.personalize-front_parent label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 6px;
    padding-bottom: 0.6rem;
}

/* Variation swatches plugin - change select to buttons */

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.color-variable-item):not(.radio-variable-item) {
        margin: 6px 12px 6px 0!important;
	margin: 0.6rem 1.2rem 0.6rem 0rem!important;
	padding: 6px!important;
	padding: 0.6rem!important;
        font-size: 16px!important;
	line-height: 1.5!important;
	/*height: 36px!important;
	height: 3.6rem!important;*/
}

/* Add additional info under the thumbnail - get rid of big space */
/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
        clear: none;
        width: calc(66% - 48px);
        width: calc(66% - 4.8rem);
    }

    .woocommerce div.product .woocommerce-tabs .panel h2,
    .woocommerce div.product .woocommerce-tabs .panel h3,
    .woocommerce div.product .woocommerce-tabs .panel h4  {
        clear: none;
    }
    
} /* end media query for min-width: 992px */  

/* Reviews section */
 
.woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before {
	content: none;
	display: block;
}

.woocommerce #reviews #comments ol.commentlist::after {
    clear: none;
}
 
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0;
}

.woocommerce div.product .product_title {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

label[for="pa_pom-beanie-hat-color"] {
	width: 100%;
}

.star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: #f59bbe!important;
}

/* add star reviews even if there is no review - shop page */
.woocommerce ul.products li.product .ehi-star-rating,
.woocommerce-page ul.products li.product .ehi-star-rating {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: inherit;
    height: 24px!important;
    height: 2.4rem!important;
    float: none;
    display: block!important;
}

.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
    display: none;
}

.woocommerce-review-link  {
    color: #000;
}

.iv-comment-images {
    display: inline-block;
}

/* Advanced AJAX Product Filters */
.bapf_head h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    padding-bottom: 6px; 
    padding-bottom: 0.6rem;
    margin-bottom: 12px; 
    margin-bottom: 1.2rem; 
    border-bottom: 2px solid #f5c6dc;
    border-bottom: 0.2rem solid #f5c6dc;
}

/* show values */
.bapf_show_hide {
	font-style: italic;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}


/* Custom Add-On - overriding their checkbox and adding colors instead */
.wcpa_form_outer .wcpa_form_item .checkbox-group  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wcpa_type_checkbox-group > label  {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
    font-weight: 700; 
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox {
   position: relative; 
   height: 36px;
   height: 3.6rem;
   width: 36px;
   width: 3.6rem;
   padding: 2px;
   padding: 0.2rem;
   background: #fff;
   margin: 4px 8px 4px 0;
   margin: 0.4rem 0.8rem 0.4rem 0rem;
   box-shadow: 0 0 0 1px rgb(0 0 0 / 30%);
   border: none;
   border-radius: 2px;
   border-radius: 0.2rem;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox .wcpa_check {
    display: inline-block;
    position: relative;
    height: 32px;
    height: 3.2rem;
    width: 32px;
    width: 3.2rem;
    border: none;    
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type=checkbox]:checked+label .wcpa_check {
    border: 2px solid #000;
}


.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label[for="customize-thread_0"] .wcpa_check  {
    background: #e3e9ff; /* White */
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type=checkbox]:checked+label[for="customize-thread_0"] .wcpa_check {
    background: #e3e9ff; /* White */
}


.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label[for="customize-thread_1"] .wcpa_check  {
    background: #fff9e2; /* Ivory */
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type=checkbox]:checked+label[for="customize-thread_1"] .wcpa_check {
    background: #fff9e2; /* Ivory */
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label  {
    font-size: 0!important; /* hide the label white, ivory etc */
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label {
    position: relative;
    padding-left: 0;
    margin-left: 0;
    z-index: 9;
    line-height: 1; 
    margin-bottom: 0px; 
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label::before {
    content: " ";
    opacity: 0;
    transition: opacity .3s linear,bottom .3s linear;
    visibility: hidden;
    left: 0;
    position: absolute;
    min-width: 100px;
    background-color: rgba(51,51,51,.9);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    padding: 7px;
    border-radius: 3px;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label:hover::before {
  opacity: 1;
  bottom: 120%;
  visibility: visible;
  transform: translateX(-25%);
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label[for="customize-thread_0"]::before {
    content: "White";
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label[for="customize-thread_1"]::before {
    content: "Ivory";
}

span.wcpa_check::before {
    display: none; /* hide the check symbol */
}

h2.coming-soon  {
    font-size: 42px;
    font-size: 4.2rem;
    color: #f5c6dc;
    margin-top: 56px;
    margin-top: 5.6rem;
    padding: 28px;
    padding: 2.8rem;
    font-family: 'Open Sans', sans-serif;
}

/* Advanced Woo Search */

.aws-container .aws-search-field  {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.aws-search-result .aws_result_image img {
    width: 100px;
    width: 10rem;
}

.aws-search-result .aws_result_title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #e073a6;
}

.aws-search-result .aws_result_excerpt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857;
}

.aws-search-result .aws_result_price {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #e073a6;
    font-style: italic;
    font-weight: 700;
}
 
/* # Media Queries */

/* max-width: 599px */ 
@media only screen and (max-width: 37.4375em) {
} /* end media query for max-width: 599px */

 /* min-width: 600px  */
@media only screen and (min-width: 37.5em)  {
} /* end media query for min-width: 600px */

/* max-width: 640px */ 
@media only screen and (max-width: 40em) {
} /* end media query for max-width: 640px */

 /* min-width: 641px  */
@media only screen and (min-width: 40.0625em)  {
} /* end media query for min-width: 641px */

/* min-width: 599px and max-width 781px   */
@media only screen and (min-width: 37.4375em) and (max-width: 48.8125em)  {
} /* end media query for min-width: 599px and max-width 781px */

/* max-width: 781px  */
@media only screen and (max-width: 48.8125em )  {
} /* end media query for max-width: 781px */  

/* min-width: 782px  */
@media only screen and (min-width: 48.875em)  {
} /* end media query for min-width: 782px */ 

/* min-width: 782px and max-width 991px  */
@media only screen and (min-width: 48.875em) and (max-width: 61.9375em)  {
} /* end media query for min-width: 782px and max-width 991px */

/* max-width: 991px  */
@media only screen and (max-width: 61.9375em )  {
} /* end media query for max-width: 991px */  

/* min-width: 992px  */
@media only screen and (min-width: 62em)  {
} /* end media query for min-width: 992px */  
 
/* max-width: 1199px */
@media only screen and (max-width: 74.9375em) {
} /* end media query for max-width: 1199px */

 /* min-width: 1200px  */
@media only screen and (min-width: 75em)  {
} /* end media query for min-width: 1200px */

/* min-width: 1200px and max-width 1366px   */
@media only screen and (min-width: 75em) and (max-width: 85.375em)  {
} /* end media query for min-width: 1201px and max-width 1366px */

 /* min-width: 1367px  */
@media only screen and (min-width: 85.4375em)  {
} /* end media query for min-width: 1367px */

/*  min-width: 1920px  */
@media only screen and (min-width: 120em)  {
} /* end media query for min 1920px */

/* min-width: 2560px  */
@media only screen and (min-width: 160em)  {
} /* end media query for min 2560px */

/* retina display  */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (min-device-pixel-ratio: 2), 
       only screen and (min-resolution: 192dpi) {
  /* Style Rules */
} /* end media query for retina */

/* Loading */
#cover {
    position: fixed; 
    height: 100%; 
    width: 100%; 
    top:0; 
    left: 0;
    background: #a52a2a;
    z-index: 999999; 
   /* font-size: 50px; */
    text-align: center; 
    padding-top: 200px; 
    color: #fff;
}

#cover i  {
  /*  display: block;*/
}

#cover #loading-text  {
    font-size: 40px;
}

/* colors */

/* #f5c6dc; /* pink */

/* #f6d1d8; /* darker pink */

/* #e073a6; /* dark pink */

/* #edc967; /* gold */

/* #f31f33; */

/* families */

/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Dancing Script', cursive;
*/

/* Tidio live chat */
#chat-button-wrap {
	width: 100%;
	text-align: center;
}

button.chat-button {
	background: #f5c6dc!important;
	font-weight: 700;
}

button.chat-button a {
	color: #000;
}

h2.free-ship {
	padding: 24px;
	padding: 2.4rem;
	background: #f5c6dc;
	display: inline-block;
}

.free-ship {
	padding: 24px;
	padding: 2.4rem;
	background: #f5c6dc;
	display: inline-block;
}

ul.nobreak {
	overflow-wrap: normal;
}

table.variations th.label label,
table.variations th.label span.woo-selected-variation-item-name {
   display: block;
   margin: 0 2px;
}

table.variations th.label span.woo-selected-variation-item-name  {
	font-weight: 300;
	font-style: italic;
	color: red;
}


/* Premiere Group */
.custom-label  {
    font-weight: normal;
    margin-top: 12px;
    margin-top: 1.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0;
}