/*===========================================
  Theme Name: Breeze Theme
  Theme URI: http://www.kswebdeveloper.com/
  Description: A custom theme built by KS Web Developer & Designer.
  Author: KS Web Developer & Designer
=============================================*/
/*===========================================
  0. CSS Reset
  1. WordPress Reset
  2. Variables , Mixins , Utility Classes
  3. Classes for Hiding 
  4. Common/UI elements (images, video, buttons, etc)
  5. Responsive iFrames and wysiwyg Youtube videos 
  6. Page Anchor Links 
  7. Accessibility skip to main content 
  8. Typography (and primary body style) 
  9. Layouts  
  9.1 Basic layout  
  9.2 HEADER  
  9.3 Navigation bar 
  9.4 Logo Area  
  9.5 Site header 
  9.6 Site front header 
  9.7 Content  
  9.8 Page Title 
  10. Breadcrumbs 
  11. Interior 
  12. Base Content Styles 
  13. Wordpress Default Gallery 
  14. Aside 
  15. Footer Layout  
  15.1 Lower Footer 
  15.2 Footer Nav 
  15.3 Footer Contact Form 
  16. Contact Page 
  16.1 Forms & Form Elements  
  17. Specific Templates  
  17.1 Home Page 
  17.2 Blog/Category/Archives  
  17.3 Keyframe Animation 
  17.4 FCS - Flexible Content - Start 
  17.5 General Module Classes 
  17.6 Comments 
  17.7 Single Post Coments 
  17.8 Search form 
  17.9 Archive Friends 
  17.10 Single friend 
  17.11 Recent Products Footer 
  17.12 Archive Products 
  17.13 Single Products 
  17.14 404 page 
  17.15 Our Story 
  17.16 Sitemap page 
  17.17 Fido's Friends Pop Up Submission Form 
  17.18 CTA & Pop up
  18. Random Pages
  19. Print styles
=============================================*/
/* enqueue san marino font, it needs to enqueue and have on file both the ttf and woff font files to work */
@font-face { 
  font-family: 'San Marino Beach'; 
  src: url('fonts/sanmarinobeach.ttf'); 
  src: url('fonts/sanmarinobeach.ttf?#iefix') format('embedded-opentype'),
		url('fonts/sanmarinobeach.woff') format('woff'),
		url('fonts/sanmarinobeach.ttf') format('truetype');
  font-weight: normal; 
  font-style: normal;
}

/* ======= 0. CSS Reset Normalize.css ========= */
/* HTML5 Boilerplate
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,Kroc Camen, and the H5BP dev community and team.
 * ==|== normalize =================================*/
/*=== Box sizing reset for all elements ===*/
* {/* Firefox 1*/
  -moz-box-sizing: border-box;
  /* Safari 3-4*/
  -webkit-box-sizing: border-box;
  /* Everything else */
  box-sizing: border-box;
}

/*=== HTML5 display definitions=== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/*==== Base =====*/
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate customize the background color to match your design*/
::-moz-selection {
  background: #F0CDB7;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #F0CDB7;
  color: #fff;
  text-shadow: none;
}

/*=== Links - EDIT =====*/
a {
  color: #F07270;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  color: #D98A7D;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/*=== Typography ==== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #b8b28d;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a sup, a sub {
  display: inline-block;
}

h1 > sup, h2 > sup, h3 > sup {
  font-size: 65%;
}

address {
  font-style: normal;
}

/*=== Lists ====*/
ul, ol {
  margin: 1em 0;
  padding: 0;
}

li {
  list-style-position: inside;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/*=== Embedded content =====*/
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/* Correct overflow not hidden in IE9 */
svg:not(:root) {
  overflow: hidden;
}

/*=== Figures ==== */
figure {
  margin: 0;
}

/*=== Forms ==== */
form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7*/
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers*/
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)*/
button, input {
  line-height: normal;
}

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

/*Re-set default cursor for disabled elements*/
button[disabled], input[disabled] {
  cursor: default;
}

/*Consistent box sizing and appearance*/
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*Remove inner padding and border in FF3/4: h5bp.com/l*/
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing*/
textarea {
  overflow: auto;
  /* overflow: scroll; */
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/*=== Tables ==== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/*==== Chrome Frame Prompt ==== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
/*===== End CSS Reset Normalize.css ======= */

/* === 1. WordPress Reset ===== */
div.aligncenter, .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright, .commentlist li .avatar {
  float: right;
}

.wp-caption {
  background: #f3f3f3;
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 4px;
  margin: 10px;
  border-radius: 3px;
}

.wp-caption img, .wp-caption p.wp-caption-text, #commentsDiv p, #commentsDiv h3 {
  margin: 0;
}

.wp-caption img {
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
}

#commentsDiv {
  clear: both;
  margin: 30px 20px 30px 35px;
  padding-top: 20px;
}

#commentsDiv textarea, #commentsDiv input {
  border: 1px solid #6779c3;
  font-size: 12px;
  color: #6779c3;
  line-height: 25px;
}

#commentsDiv textarea, #commentsDiv input {
  height: 25px;
}

#commentsDiv textarea {
  width: 500px;
  height: 150px;
}

/* input#submit {
  background: #fff;
  line-height: 20px;
  width: 150px;
  color: #042b5e;
} */

#comments {
  margin-bottom: 20px !important;
}

#respond {
  margin-top: 20px !important;
}

.commentlist {
  border-bottom: 1px solid #fff;
}

/* #commentform textarea, #commentform input, .commentlist li {
  font-size: 0.9em;
} */

.commentlist li {
  padding: 20px;
  border-top: 1px solid #fff;
}

.commentlist li p {
  margin-top: 10px !important;
}

.commentlist li .avatar {
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

.commentlist cite a, .commentlist cite {
  font-style: normal;
  font-size: 1.1em;
  color: #fff;
}

.commentlist p, .commentmetadata {
  font-weight: normal;
}

.commentlist p {
  line-height: 1.5em;
  text-transform: none;
}

.alt {
  background: #042b5e !important;
}

/* #commentform p {
  margin-bottom: 10px !important;
} */

h3#respond {
  margin-bottom: 20px;
}

p.comment-form-cookies-consent {
  display: none;
}
/*======= End Wordpress Reset ======== */

/*===== 2. Variables , Mixins , Utility Classes ======= */
.clear {
  clear: both;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

div.clear {
  height: .01em;
  overflow: hidden;
}

.no-clear {
  clear: none;
}

.inline-block {
  display: inline-block;
}

body.lt-ie9 .inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.aligncenter {
  display: block;
}

.no-frame {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.textcenter {
  text-align: center;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

.italic {
  font-style: italic;
}

p.break {
  min-height: 1rem;
  visibility: hidden;
}

.is--underline {
  text-decoration: underline;
}

body .disableLink {
  pointer-events: none;
  cursor: default;
}

.smoothie {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus {
  outline: none;
}
/*==== End  Variables , Mixins , Utility Classes ==== */

/*===== User Styles Start ====== */
/*===== 3. Classes for Hiding =======*/
@media only screen and (max-width: 767px) {
  .hidden-phone {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .hidden-tablet {
    display: none;
  }
}

@media only screen and (min-width: 1060px) {
  .hidden-desktop {
    display: none;
  }
}
/*=== 4. Common/UI elements (images, video, buttons, etc) ====== */
video {
  max-width: 100%;
  height: auto;
}

.back--top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: .5;
  -webkit-transition: .5s linear opacity;
          transition: .5s linear opacity;
  z-index: 9999;
}

.back--top:hover {
  opacity: .9;
}

img.alignright, img.alignleft, img.aligncenter, img.alignnone, .caption {
  display: block;
  height: auto;
  margin: 0 auto 1em;
  max-width: 100%;
}

img.alignright, img.alignleft {
  float: none;
}

@media only screen and (min-width: 768px) {
  img.alignright, img.alignleft {
    margin-bottom: 1em;
    max-width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  img.alignleft {
    float: left;
    margin-right: 1em;
  }
}

@media only screen and (min-width: 768px) {
  img.alignright {
    float: right;
    margin-left: 1em;
  }
}

.wp-caption {
  max-width: 95%;
}

.wp-caption img {
  width: 100%;
  height: auto;
}

img.alignleft, img.alignright, img.aligncenter, .yes-frame {
  visibility: visible;
}

.button, .buttons a {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-family: "Open Sans", serif;
  font-weight:700;
  font-size: 22px;
  text-transform:capitalize;
  border: 2px solid #cf5d4b;
  background: #fff;
  color: #F07270;
  padding: 12px 30px;
  margin-top:15px;
  text-transform: uppercase;
  border-radius: 5px;
}

.button:hover, .buttons a:hover {
  color: #ffffff !important;
  background: linear-gradient(to right, rgba(240,114, 112, 0.66), rgba(207, 93, 75, 0.95));
  border-color:#F07270;
  border-radius: 5px;
}

blockquote {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5em;
  position: relative;
  margin-top: 50px;
  font-style: italic;
  font-family: Open Sans, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
}

@media only screen and (min-width: 768px) {
  blockquote {
    margin-left: 50px;
    padding-left: 40px;
    border-color: #F07270;
  }
}

blockquote footer {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1em;
  color: #cf5d4b;
}

blockquote footer:before {
  content: "~ ";
}

.disclaimer {
  font-size: 11px;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .two-column {
    column-count: 2;
    column-gap: 40px;
  }
}

/* .spaced-list li {
  margin-bottom: 1.5em;
  padding-left: 30px !important;
} */

.b-lazy {
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

::selection {
  background: #f0cdb7;
}

/*==== 5. Responsive iFrames and wysiwyg Youtube videos ====*/
/*use on wp as: <div class="iframe-container iframe-container-16x9"><iframe title="" src="https://www.youtube.com/embed/bUeDF3piB8c" width="620" height="1102" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div> */
.ytwrap {
  max-width: 800px;
  margin: 60px auto;
}

.ytvideo {
  background-size: cover;
}

.iframe-container,
.ytvideo {
  position: relative;
  height: 0;
  overflow: hidden;
}

.iframe-container iframe,
.ytvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  min-height: 0;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9,
.ytvideo {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}

.custom-placeholder {
  position: relative;
}

.ytvideo.clicked {
  background: none !important;
}

.ytvideo.clicked:after,
.custom-placeholder.clicked:after {
  display: none;
}

.ytvideo:after,
.custom-placeholder:after {
  content: '\f144';
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  position: absolute;
  font-size: 100px;
  font-weight: 700;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.custom-placeholder img {
  max-width: 100%;
}
/*===== End of Responsive iFrames and wysiwyg Youtube videos ======*/
/*=== 6. Page Anchor Links ===*/
.no-wrap {
  white-space: nowrap;
}

.anchor-links {
  list-style: none;
}

@media only screen and (min-width: 768px) {
  .anchor-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 15px;
  }
}

@media only screen and (min-width: 1060px) {
  .anchor-links {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.anchor-links a {
  width: 100%;
}

/*======= 7. Accessibility skip to main content ======*/
.skipto {
  display: block;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*==== 8. Typography (and primary body style) =========*/
html {
  font: 16px/24px "geneo-std", sans-serif;
}

body {
  color: #000000;
  font: 16px/24px "geneo-std", sans-serif;
  font-weight: 300;
  line-height: 1.9em;
  min-width: 320px;
  text-align: center;
  letter-spacing: 1px;
}

p {
  margin: 0 0 1em;
}

h1, .h1{
  color: #c70806;
  font-weight: 400;
  font-size: 40px;
  font-family: "corundum-text", serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

h2, .h2, h3, .h3, h4, h5, h6 {
  font-family: "corundum-text", serif;
  color: #cf5d4b;
  font-weight: 700;
  text-transform: uppercase;
}

h2, .h2, h3, .h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: .5em;
  line-height: 100%;
}

.hdng {
  font-family: "corundum-text", serif;
  text-transform: uppercase;
}

h1, .h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.1em;
}

@media only screen and (min-width: 1060px) {
  h1, .h1 {
    font-size: 50px;
    font-size: 3.125rem;
  }
}

h2, .h2 {
  font-size: 36px;
  font-size: 2.4rem;
}

@media only screen and (min-width: 1060px) {
  h2, .h2 {
    font-size: 50px;
    font-size: 3rem;
    line-height: 1.45em;
  }
}

@media only screen and (min-width: 1060px) {
  h3, .h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.25em;
  }
}

@media only screen and (min-width: 1060px) {
  h4, h5, h6 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

a {
  color: #F07270;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

/* hides the side scrollbar, if you want scrollbar to show just comment off display:none; */
*::-webkit-scrollbar {
  /* display: none; */
  /* sets the width and color */
  width: 10px;
  background:rgb(192,96,56, 0.4);
}

*::-webkit-scrollbar-thumb {
  /* display: none; */
  /* sets the scrollbar thumb color and border */
  background:#F07270;
  border-radius: 20px;
}

* {
  scrollbar-width: none;
}

section,
/* main, */
.contain {
  padding: 20px;
}

@media only screen and (min-width: 1060px) {
  section,
  /* main, */
  .contain {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 1460px) {
  section,
  /* main, */
  .contain {
    padding-right: calc(40px + (50vw - (1460px / 2)));
    padding-left: calc(40px + (50vw - (1460px / 2)));
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/*==== 9. Layouts ==== */
/*==== 9.1 Basic layout ===== */
.container, .container-full {
  position: relative;
}

.container {
  max-width: 1060px;
  margin: 0 auto;
  text-align: left;
}

/*==== 9.2 HEADER ===== */
#sasstojsvalues {
  width: 1060px;
  height: 768px;
}

/*=== 9.3 Navigation bar ====*/
.nav-bar {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  height: 95px;
  transition: all .3s, top 0s;
  background-color: rgba(250, 249, 245, 1);
  box-shadow: 1px 0px 11px 0px rgb(0 0 0 / 16%);
  padding: 0 1em!important;
}

@media only screen and (min-width: 1060px) {
  .nav-bar {
    display: flex;
    justify-content: flex-end;
    font-family: "corundum-text", serif;
    text-transform: uppercase;
    color: #cf5d4b;
  }
}

@media only screen and (min-width: 1060px) {
  .nav-bar nav {
    width: auto;
    display: flex;
    align-items: center;
    z-index:100;
  }
}

.is--device .nav-bar nav {
  padding: 0 20px;
}

.menu-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 100;
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-buttons {
    display: none;
  }
}

.menu-buttons a {
  color: #cf5d4b;
  text-decoration: none;
}

.menu-buttons span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
  font-weight: 700;
  display: block;
}

.menu-buttons .menu-trigger {
  display: flex;
  padding-top: 6px;
  align-items: center;
  align-content: center;
  transform: translateY(75%);
}

.menu-buttons .menu-contact {
  display: flex;
}

.menu-buttons .menu-location span {
  margin-right: 0;
}

@media only screen and (min-width: 1060px) {
  .is--device .menu-buttons {
    display: block;
  }
}

.menu-wrap {
  display: none;
}

.hover-menu.menu-wrap {
  display: none;
}

.touch-menu {
  display: block;
}

.touch-menu.menu-wrap {
  width: 100%;
  position: absolute;
  top: 95px;
  right: 0;
  /* height: calc(100vh - 40px); */
  height: calc(100vh - 110px);
  z-index: -1;
  padding: 0;
  font-family: "corundum-text", serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #cf5d4b;
  overflow-y: scroll;
}

@media only screen and (min-width: 768px) {
  .touch-menu.menu-wrap {
    height: calc(100vh - 60px);
  }
}

.touch-menu .main-menu {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  opacity: 0;
  /* background: linear-gradient( #F8F7F0 60vw,rgba(248, 247, 240, 0)); */
  background: linear-gradient( #F8F7F0 calc(100vh - 50vw),rgba(248, 247, 240, 0));
}

@media only screen and (min-width: 768px) {
  .touch-menu .main-menu {
    background: linear-gradient( #F8F7F0 50vw,rgba(248, 247, 240, 0));
  }
}

.touch-menu .main-menu li {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

.touch-menu .main-menu li:before {
  display: none;
}

.touch-menu .main-menu li:hover {
  background: #fff;
  outline: none;
  box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%);
  /* transform: scale(1.02); */
}

.touch-menu .main-menu a {
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
  display: block;
  color: #cf5d4b;
  font-family: 'corundum-text',serif;
  text-transform: uppercase;
  /* letter-spacing: 0.2rem; */
}

.touch-menu .main-menu a:hover, .touch-menu .main-menu a:active, .touch-menu .main-menu a:focus {
  background: #fff;
  outline: none;
  box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%);
  /* transform: scale(1.02); */
  transform: translateX(-12px);
}

.touch-menu .main-menu .menu-item > a {
  padding: 16px 30px;
}

/* .touch-menu .main-menu .menu-item.first {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
} */

.touch-menu .main-menu .sub-menu {
  display: none;
}

.touch-menu .main-menu .sub-menu a {
  font-size: .85em;
  padding-left: 40px;
}

.touch-menu .main-menu .sub-menu .sub-menu a {
  padding-left: 60px;
}

.touch-menu .main-menu .sub-menu .sub-menu a:hover {
  background: #fff; 
  outline: none;
  transform: scale(1.02);
  color: #cf5d4b;
  font-family: 'corundum-text', serif;
  text-transform: uppercase;
}

.touch-menu .nav-dropdown-button {
  position: absolute;
  z-index: 25;
  width: 100%;
  height: 46px;
  right: 0;
  top: 0px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  align-items: center;
}

@media only screen and (min-width: 768px) {

}

.nav-dropdown-button:hover {
  outline: none;
  /* box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%); */
  transform: scale(1.02);
  color: #cf5d4b;
  font-family: 'corundum-text', serif;
  text-transform: uppercase;
}

.menu-is-open .touch-menu {
  z-index: 500;
}

.menu-is-open .touch-menu .main-menu {
  opacity: 1;
  transition: .25s ease-in-out;
  /* height: calc(100vh - 40px); */
  height: calc(100vh - 110px);
}

/* @media only screen and (min-width: 768px) {
  .menu-is-open .touch-menu .main-menu {
    height: calc(100vh - 60px);
  }
} */

/* .menu-is-open nav {
  height: calc(100vh - 53px);
  overflow: scroll;
} */

.menu-is-closed .touch-menu {
  z-index: -1;
  height: 0.1px;
}

.menu-is-closed .touch-menu .main-menu {
  opacity: 0;
  transition-duration: .25s;
  height: .1px;
}

.menu-trigger {
  cursor: pointer;
}

/* Hamburger Menu */
.nav-hamburger {
  width: 26px;
  height: 15px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #cf5d4b;
  border-radius: 1.5px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.nav-hamburger span:nth-child(1) {
  top: 0px;
}

.nav-hamburger span:nth-child(2),.nav-hamburger span:nth-child(3) {
  top: 6px;
}
.nav-hamburger span:nth-child(4) {
  top: 12px;
}

.nav-hamburger.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.nav-hamburger.open span:nth-child(2) {
  transform: rotate(45deg);
}

.nav-hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.nav-hamburger.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.menu-button-text {
  display: flex;
  margin-left: 10px;
  font-family: "corundum-text", serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #cf5d4b;
}

/* Nav Expander (Plus button) */
.nav-expander {
  width: 16px;
  height: 16px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-expander span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #cf5d4b;
  opacity: 1;
  right: 20px;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.nav-expander span:nth-child(1) {
  top: 8px;
}

.nav-expander span:nth-child(2) {
  top: 8px;
  transform: rotate(90deg);
}

.sub-menu-open > .nav-dropdown-button .nav-expander span:nth-child(2) {
  transform: rotate(180deg);
}

.touch-menu .social-segment {
  display: none;
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
    letter-spacing: 1px;
    display: block;
    flex-grow: 1;
  }
  .not--device .menu-wrap .main-menu {
    font-size: 0;
    text-align: center;
    display: flex;
    align-items: center;
    height: 60px;
  }
  .not--device .menu-wrap .main-menu > li {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    color: #cf5d4b;
    align-items: center;
  }
  .not--device .menu-wrap .main-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 50;
    top: 60px;
  }
  .not--device .menu-wrap .main-menu > li:hover > a {
    color: #b64c4b;
  }
  .not--device .menu-wrap .main-menu > li.mega-menu {
    position: static;
  }
  .not--device .menu-wrap .main-menu > li.nav-home-link {
    display: none;
  }
  .not--device .menu-wrap .main-menu > li a {
    display: block;
    text-decoration: none;
    padding: 0 10px;
    transition: .25s ease-in-out background;
    font-size: 18px;
    position: relative;
    color: #cf5d4b;
    font-family: "corundum-text", serif;
    font-weight: 600;
  }
  .not--device .menu-wrap .main-menu .mobile-only {
    display: none;
  }
  .not--device .menu-wrap a {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
  }
  .not--device .menu-wrap .nav-dropdown-button {
    border-top: 2px solid #f1fbff;
    border-right: 2px solid #f1fbff;
    width: 6px;
    height: 6px;
    right: 6px;
    top: 6px;
    transform: rotate(45deg);
  }
  .not--device .menu-wrap .sub-menu {
    background: rgba(207, 93, 75, 0.9);
    position: absolute;
    top: 50px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    width: 250px;
    z-index: -5;
    transition: .25s ease-in-out top, .25s ease-in-out opacity;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children {
    padding-right: 25px;
    position: relative;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    right: inherit;
    left: inherit;
    transform: none;
    left: 248px;
    top: 0;
  }
  .not--device .menu-wrap .sub-menu > li a {
    color: #ffffff;
    padding-left: 25px!important;
  }
  .not--device .menu-wrap .sub-menu > li:hover > a {
    color: rgba(255, 255, 255, 0.7);
  }
  .not--device .menu-wrap .sub-menu .nav-dropdown-button {
    border-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 16px;
    right: 10px;
  }
  .not--device .menu-wrap .sub-menu a {
    text-align: left;
    padding: 10px !important;
    color: #cf5d4b;
  }
  .not--device .menu-wrap .nav-dropdown-button .nav-expander {
    display: none;
  }
  .not--device .menu-wrap .duplicate-item {
    display: none;
  }
  .not--device .menu-wrap .mega-menu:hover > a {
    border-bottom: 5px solid #cf5d4b;
    position: relative;
    top: 5px;
    display: flex;
    height: calc(100% - 5px);
    align-items: center;
    margin-bottom: 5px;
  }
  .not--device .menu-wrap .mega-menu:hover > .sub-menu {
    display: flex;
    transform: translate(-50vw);
    opacity: 1;
  }
  .not--device .menu-wrap .mega-menu:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu {
    padding-right: calc(40px + (50vw - (1060px / 2)));
    padding-left: calc(40px + (50vw - (1060px / 2)));
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    transform: translate(-200vw);
    opacity: 0;
  }
}
@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap .main-menu > li a:hover {
    transform: scale(1.1);
  }
}

@media only screen and (min-width: 1200px) {
  .not--device .menu-wrap .main-menu > li {
    padding:7px;
  }
}
@media only screen and (min-width: 1060px) and (min-width: 1460px) {
  .not--device .menu-wrap .mega-menu > .sub-menu {
    padding-right: calc(40px + (50vw - (1460px / 2)));
    padding-left: calc(40px + (50vw - (1460px / 2)));
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment {
    flex-basis: 0;
    flex-grow: 2;
    column-count: 2;
    text-align: left;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li {
    display: inline-block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu {
    visibility: visible;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu > li {
    display: block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment {
    flex-basis: 0;
    flex-grow: 1;
    color: #cf5d4b;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment a {
    padding: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment i {
    color: #cf5d4b;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .hdng {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    color: #cf5d4b;
    margin-bottom: 30px;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .button {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    font-family: "corundum-text", serif;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #cf5d4b;
    text-align: center;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .sub-menu {
    position: relative;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    top: inherit;
    left: 0 !important;
    right: inherit;
    transform: none;
    z-index: 50;
    padding-left: 30px;
    background: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li {
    padding-right: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li {
    display: inline-block;
    vertical-align: top;
    padding: 25px;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li > a, .not--device .menu-wrap .mega-menu > .sub-menu > li > .sub-menu {
    background: none;
  }
  .not--device .menu-wrap .close-menu {
    display: none !important;
  }
}

/*=== 9.4 Logo Area ==== */
.logo-mark {
  display: flex;
  padding: 10px;
  justify-content: flex-end;
  position: absolute;
  top:0;
  /* right: -100px; */
  right: 10px;
  margin: 0 auto;
  align-items: center;
  max-width: 110px;
}

@media only screen and (min-width: 1060px) {
  .logo-mark {
    justify-content: flex-start;
    right: unset;
    left: 10px;
  }
}

.logo-mark a svg {
  width: 100%;
  height: 100%;
}

/*=== 9.5 Site header =====*/
.site-header {
  background-size:cover;
  background-position:center;
  /* margin-top:90px; */
  height: 100vh;
  min-height: 550px;
  animation: fadeInDownBig 1s ease-in;
}

.site-header section.tagline .h-logo {
  background: rgba(250, 249, 245, 0.85);
  padding: 25px;
  margin: 30px auto;
}

@media only screen and (min-width: 768px) {
  .site-header section.tagline .h-logo {
    padding: 100px 25px;
  }
}

.site-header section.tagline h1,
.site-header section.tagline .h1 {
  color:#cf5d4b;
  font-weight: 900;
  font-size: 40px;
  font-family: "corundum-text-sc", serif;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .site-header section.tagline h1,
  .site-header section.tagline .h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1060px) {
  .site-header section.tagline h1,
  .site-header section.tagline .h1 {
    font-size: 55px;
  }
}

.inside .site-header section.tagline {
  /* padding-top: 180px; */
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.inside .site-header section.tagline .h-logo{
  padding: 60px 25px;
  max-width: 700px;
  margin: 0 auto;
}

.inside.post.tmpl_type_single .site-header,
.inside.post.tmpl_type_category .site-header,
.inside.tmpl_type_single_products .site-header,
.inside.tmpl_type_single_friends .site-header,
.inside.tmpl_type_search .site-header,
.inside.page-826 .site-header,
.inside.page-747 .site-header,
.inside.page-1004 .site-header,
.inside.page-740 .site-header,
.inside.page-813 .site-header,
.inside.page-787 .site-header,
.inside.page-779 .site-header {
  height: 60vh;
  min-height: 400px;
}

/* .inside.post.tmpl_type_single .site-header section.tagline .h-logo {
  max-width: 800px;
} */


/*=== 9.6 Site front header =====*/
.front-header {
  background: url("images/header-bg.jpg") no-repeat;
  background-size:cover;
  background-position:center;
  height: 100vh;
  min-height: 550px;
  max-height: 1350px;
  animation: fadeInDownBig 1s ease-in;
}

@media only screen and (min-width: 1060px) {
  .front-header {
    height: 100vh;
  }
}

.front-header.site-header section.tagline {
  /* padding-top: 90px; */
  margin: 0 auto;
  display: block;
  position: relative;
  /* top: 50%; */
  top: calc(50% - 55px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .front-header.site-header section.tagline .h-logo {
    padding: 60px 25px;
  }
}

/*=== 9.7 Content ==== */
.inside h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.content {
  width: 100%;
}

@media only screen and (min-width: 1060px) {
  .content {
    width: calc(100% - 300px);
    padding-right: 70px;
    padding-bottom: 20px;
  }
}

/*=== 9.8 Page Title ===*/
.page-title {
  text-align: center;
}

/*=== 10. Breadcrumbs ===*/
.breeze-crumb {
  font-size: 13px;
  font-size: 0.85rem;
  margin: 0;
  padding:20px 20px 0;
  text-align: center;
}

.breeze-crumb a {
  text-decoration: none;
}

.breeze-crumb .crumb-sep {
  margin: 0 8px;
}

em.crumb-sep {
  padding: 0 9px 0 4px;
}

.page-title .salacious-crumb .current-crumb-item a {
  color: #393939;
}

/*=== 11. Interior ===*/
.interior {
  display: block;
  text-align: left;
  margin-bottom: 40px;
  margin-top: 0px;
}

@media only screen and (min-width: 1060px) {
  .interior {
    display: flex;
  }
}

.interior .full-width {
  position: relative;
  width: 100vw;
  left: -20px;
}

@media only screen and (min-width: 1060px) {
  .interior .full-width {
    left: -40px;
  }
}

@media only screen and (min-width: 1460px) {
  .interior .full-width {
    left: calc(((40px + (50vw - (1460px / 2)))) * -1);
  }
}

/*==== 12. Base Content Styles ===*/
.base-content-styles h2:first-child {
  margin-top: 0;
}

.base-content-styles p:first-child {
  margin-top: 0;
}

.base-content-styles ul, .base-content-styles ol {
  margin: 2em 40px;
}

.base-content-styles ul li::marker, .base-content-styles ol li::marker {
  color: #cf5d4b;
}

/*=== 13. Wordpress Default Gallery ====*/
.gallery-size-medium {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-size-medium .gallery-item {
  float: none !important;
  margin-right: 5px;
  margin-left: 5px;
  width: 45% !important;
}

@media only screen and (min-width: 768px) {
  .gallery-size-medium .gallery-item {
    margin-right: 10px;
    margin-left: 10px;
    width: 19% !important;
  }
}

.gallery-size-medium .gallery-item img {
  border: none !important;
  width: 100%;
  height: auto;
}

/*=== 14. Aside ===*/
aside {
  /* width: 500px; */
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 768px) {
  aside {
    left: 0;
    max-width: 700px; 
  }
}

@media only screen and (min-width:1060px) {
  aside {
    max-width: 300px;
  }
}
aside ul {
  list-style: none;
}

aside li {
  width: 100%;
}

/* div#sidebar {
  display: none;
}

@media only screen and (min-width: 1060px) {
  div#sidebar {
    display: block;
  }
} */

.sidebar-text {
  margin-bottom: 35px;
  margin-top: 35px;
}

.sidebar-block {
  margin-bottom: 23px;
  padding: 20px;
  color: #cf5d4b;
  /* background: url('images/bg-sidebar2.jpg') no-repeat; */
  background-color: #FAF9F5;
  background-position: left;
  background-size: cover;
}

.sidebar-block .hdng {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25em;
  margin-bottom: 20px;
  color: #cf5d4b;
  font-family: 'San Marino Beach';
}

.sidebar-block .hdng a {
  text-decoration: none;
}

.sidebar-block li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-block li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 8px 30px 8px 0px;
  font-weight: 600;
  color: #000;
  letter-spacing: 1.5px;
}

.pagination {
  /* cursor: pointer; */
  display: inline-block;
  /* font-family: "Open Sans", serif; */
  font-weight: 700;
  font-size: 16px;
  background: #fff;
  color: #cf5d4b;
  padding: 12px 30px;
  display: flex;
  justify-content: center;
}

.back-button a {
  cursor: pointer;
  text-transform: uppercase;
}

/*=== 15. Footer Layout === */
footer.site-footer{
  background: url("images/bg-footer.jpg") no-repeat;
  background-size:cover;
  padding: 60px 0px 40px;
}

.upper-footer .f-social {
  position: relative;
  margin-top: 50px;
  margin-bottom: -30px;
}

@media only screen and (min-width: 768px){
  .upper-footer .f-social {
      display: flex;
      justify-content: center;
  }
}

.upper-footer .f-social ul{
  list-style: none;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.upper-footer .f-social a {
  font-size: 29px;
  font-size: 1.8125rem;
  margin: 0 10px 20px;
  color: #cf5d4b;
}

@media only screen and (min-width: 768px){
  .upper-footer .f-social a {
      margin-bottom: 0;
  }
}

.upper-footer .f-social a:hover {
  color: #D98A7D;
}

.upper-footer .f-social a svg{
  fill: #cf5d4b;
  width: 26px;
  height: 30px;
}

.upper-footer .f-social a:hover svg{
  fill: #D98A7D;
}


.upper-footer {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  /* max-width: 1350px; */
  margin: 0 auto;
}

.upper-footer .h2 {
  color: #cf5d4b;
  text-transform: uppercase;
  margin-bottom: 70px;
}

.upper-footer a {
  color: #F07270;
  text-decoration: none;
}

.upper-footer .f-locations {
  list-style: none;
}

/*=== 15.1 Lower Footer ====*/
.lower-footer {
  font-size: 16px;
  color: #fff;
  font-family: 'geneo-std',serif;
  position: relative;
  padding-bottom: 60px;
}

@media only screen and (min-width: 1060px) {
  .lower-footer {
    padding-bottom: 90px;
  }
}

.lower-footer a {
  color: #fff;
  text-decoration: none;
}

.lower-footer a:hover {
  color: #F07270;
}

.lower-footer .sig {
  margin: 10px auto;
}

.lower-footer .sig a{
  font-weight:900;
  color: #cf5d4b;
}

.lower-footer .sig a:hover{
  font-weight:900;
  color: #D98A7D;
}

.lower-footer .sig svg {
  margin-left: 8px;
  height: 25px;
  margin-bottom: -10px;
}

.lower-footer .sig svg path {
  fill: #cf5d4b;
}

footer a.accessibility {
  padding: 5px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  line-height: 16px;
}

/*=== 15.2 Footer Nav ===*/
.footer-nav {
  margin: 30px 0;
}

.footer-nav .menu {
  display: none;
  list-style: none;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .footer-nav .menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
}

.footer-nav .menu li {
  margin: 0 10px;
}

.footer-nav .menu li ul {
  display: none;
}

/*=== 15.3 Footer Contact Form ====*/
.footer-contact-form {
  max-width: 1000px;
  margin: 0 auto;
}

/* forminator form */
#forminator-module-806 .forminator-input,
#forminator-module-806 .forminator-textarea,
#forminator-module-807 .forminator-input,
#forminator-module-807 .forminator-textarea,
#forminator-module-807 .forminator-multi-upload,
#forminator-module-500 .forminator-input,
#forminator-module-500 .forminator-textarea {
  border-radius: 5px;
  font-family: 'geneo-std',sans-serif;
}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-textarea:focus,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-textarea:active{
  background-color: rgba(255,255,255,0.7)!important;
}

#forminator-module-806.forminator-design--flat .forminator-response-message.forminator-success, #forminator-module-806.forminator-design--flat .forminator-response-message.forminator-success p,.forminator-ui#forminator-module-806.forminator-design--flat .forminator-checkbox__label p{
  color: #ffff!important;
}

.forminator-ui#forminator-module-806.forminator-design--flat .forminator-checkbox .forminator-checkbox-box {
  color: #F07270!important;
}

.forminator-ui#forminator-module-500 .forminator-row.forminator-row-last {
  text-align: center;
}

.forminator-ui#forminator-module-500.forminator-design--flat .forminator-checkbox .forminator-checkbox-box {
  color: #f07270!important;
  background-color: #FAF9F5!important;
}

.forminator-ui#forminator-module-806.forminator-design--flat .forminator-label,
.forminator-ui#forminator-module-500.forminator-design--flat .forminator-label{
  /* visibility: hidden; */
  height: 0;
  position: absolute;
  left: -111111px;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .footer-contact-form form .field-wrap {
    width: 49%;
  }
}

.footer-contact-form form .type-textarea {
  width: 100%;
}

.footer-contact-form form .disclaimer {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.footer-contact-form form .type-submitbutton {
  width: 100%;
  text-align: center;
}

.copyright {
  font-size: 13px;
}

/*==== 16. Contact Page ===*/
/*=== 16.1 Forms & Form Elements === */
.contact aside, .contact-us aside {
  display: none;
}

.contact .content {
  width: 100%;
  padding: 0 20px 50px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .contact .contact-content, .contact-us .contact-content {
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .contact .contact-content section, .contact-us .contact-content section {
    display: flex;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .contact .contact-form, .contact-us .contact-form {
    width: 50%;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .contact .office-info, .contact-us .office-info {
    width: 50%;
  }
}

.contact-form h2 {
  font-size: 28px;
  font-size: 1.75rem;
  text-transform: none;
}

@media only screen and (min-width: 1060px){
  .contact .content {
    /* width: calc(100% - 300px);
    padding-right: 0px; */
    padding-bottom: 20px;
    /* padding-right: calc(40px + (50vw - (1460px / 2))); */
    padding-right: calc(40px + (50vw - (1060px / 2)));
    /* padding-left: calc(40px + (50vw - (1460px / 2))); */
    padding-left: calc(40px + (50vw - (1060px / 2)));
  }
}
@media only screen and (min-width: 1460px){
  .contact .content {
    padding-right: calc(40px + (50vw - (1460px / 2)));
    padding-left: calc(40px + (50vw - (1460px / 2)));
  }
}
@media only screen and (min-width: 1060px) {
  .contact .interior{
    justify-content: center;
  }
}

.contact-hndg-content h2{
  text-align: center;
  font-size: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .contact-hndg-content h2{
    text-align: center;
    font-size: 2rem;
  }
}

.contact .office-img {
  width: 100%;
  margin-bottom: 16px;
  margin-top: 83px;
}

.contact .office-img img{
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .contact .contact-information, .contact-us .contact-information {
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .contact .contact-information > div,
  .contact .contact-information > address, .contact-us .contact-information > div,
  .contact-us .contact-information > address {
    font-size: 14px;
    font-size: 0.875rem;
    width: 50%;
  }
}

@media only screen and (min-width: 1060px) {
  .contact .contact-information > div,
  .contact .contact-information > address, .contact-us .contact-information > div,
  .contact-us .contact-information > address {
    font-size: 16px;
    font-size: 1rem;
  }
}

.contact .location-details, .contact-us .location-details {
  width: 100%;
  padding-bottom: 20px;
}

.contact .location-details span, .contact-us .location-details span {
  display: block;
}

.contact .location-hours .hours-each, .contact-us .location-hours .hours-each {
  display: flex;
}

.contact .location-hours .hours-each > div, .contact-us .location-hours .hours-each > div {
  width: 50%;
}

/* === 17. Specific Templates ==== */
/*=== 17.1 Home Page ===*/
/* home story */
.home-story {
  background-position: 36% center;
  padding: 0px 40px;
}
@media only screen and (min-width: 768px) {
  .home-story {
    padding: 0px 100px;
  }
}

@media only screen and (min-width: 1200px) {
  .home-story {
    background-position: 50% center;
  }
}

.home-story .story-border .two-content p{
  font-family: "geneo-std", sans-serif;
}

.home-story .story-container.story {
  padding: 100px 0px 130px;
  text-align: left;
}

@media only screen and (min-width: 1060px) {
  .home-story .story-container.story {
    padding: 100px 20px 130px;
    text-align: left;
    padding-left: calc(40% + 42px);
    max-width: 2000px;
    margin: 0 auto;
  }
}

.home-story .story-border {
  background: rgba(250, 249, 245, 0.85);
  padding: 50px;
  color: #000;
  border-radius: 25px;
}

.home-story .story-border h2 {
  margin-top: 0;
}
/* Home Blog Posts */
.home-blog-posts {
  margin-top: 0;
  padding: 100px 20px;
}

.home-blog-posts .posts-border {
  padding: 35px 0;
  max-width: 1350px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .home-blog-posts .posts-border {
    padding: 35px 50px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-blog-posts .posts-border {
    padding: 35px 100px;
    display: flex;
    align-items: center;
  }
  .home-blog-posts .posts-border .blog-content{
    text-align:left;
    margin-left:40px;
  }
}

.home-blog-posts .posts-border .blog-content h3 {
  font-size: 32px;
}

@media only screen and (min-width: 1060px) {
  .home-blog-posts .posts-border .blog-content h3 {
    margin-top: 0;
  }
}

.home-blog-posts .blog-thumbnail {
  width: 50%;
  margin: 0 auto;
}

.home-blog-posts .blog-thumbnail img {
  width: 100%;
  height: 100%;
  max-width: 420px;
  border-radius: 25px;
}

@media only screen and (min-width: 1060px) {
  .home-blog-posts .blog-thumbnail img {
    width: auto;
  }
}

@media only screen and (min-width: 768px) {
  .home-blog-posts .posts-border p {
    text-align: left;
  }
}

.home-blog-posts .posts-border a.blog-button {
  Text-transform: uppercase;
  text-decoration: none;
  font-weight: 900;
  font-size: 20px;
}

.home-blog-posts .posts-border a.blog-button:hover {
  color:#D98A7D;
}

/* Home Meet Our Friends */
.home-our-friends {
  background-position: 95% center;
  padding: 0px 40px;
}
@media only screen and (min-width: 768px) {
  .home-our-friends {
    padding: 0px 100px;
  }
}

@media only screen and (min-width: 1200px) {
  .home-our-friends {
    background-position: 90% center;
  }
}

.home-our-friends .our-friends-container.friends {
  padding: 100px 0px 130px;
  text-align: left;
}

@media only screen and (min-width: 1060px) {
  .home-our-friends .our-friends-container.friends {
    padding: 100px 20px 130px;
    text-align: left;
    padding-right: calc(40% + 42px);
    max-width: 2000px;
    margin: 0 auto;
  }
}

.home-our-friends .our-friends-border {
  background: rgba(250, 249, 245, 0.85);
  padding: 50px;
  color: #000;
  border-radius: 25px;
}

.home-our-friends .our-friends-border h2 {
  margin-top: 0;
}

/* Home Shop Products */
.home-products {
  padding-top: 50px;
  padding-bottom: 100px;
}

.home-products .latest-products {
  list-style: none;
  justify-content: center;
  column-gap: 40px;
  grid-area: middle;
  margin: 0;
  text-align: center;
  row-gap: 40px;
  padding: 35px 0;
}

@media only screen and (min-width: 768px) {
  .home-products .latest-products{
    display: grid;
    column-gap: 40px;
    grid-template-columns: 1fr 1fr;
    grid-area: middle;
    margin: 0;
    text-align: center;
    row-gap: 40px;
    justify-items: center;
  }
}
@media only screen and (min-width: 1060px) {
  .home-products .latest-products{
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
  }
}

.home-products .latest-products li{
  width: 100%;
  padding: 20px 0;
}

@media only screen and (min-width: 768px){
  .home-products .latest-products li {
      width: 100%;
  }
}

.home-products .latest-products .product-thumbnail{
  border: 2px solid #cf5d4b;
  border-radius: 50%;
  padding: 18px;
  width: 248px;
  height: 248px;
  margin: 0 auto 23px;
}
.home-products .latest-products .product-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  border-radius: 50%;
}

.home-products .latest-products a {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.27em;
  font-weight: 400;
  letter-spacing: 2px;
  font-family: 'San Marino Beach', sans-serif;
  margin-top: 30px;
  text-align: center;
}

.home-products .latest-products a:hover {
 color: #D98A7D;
}

.home-products .latest-products a:hover img{
  transform: scale(1.1);
}

/*=== 17.2 Blog/Category/Archives ==== */
.blog .interior,
.tmpl_type_category .interior,
.tmpl_type_archive .interior,
.tmpl_type_search .interior {
  flex-wrap: wrap;
  max-width: 2400px;
  margin: 0 auto;
}

.tmpl_type_search .interior {
  padding: 20px 40px;
}

.tmpl_type_search .search-query.h2 {
  margin-top: 0.4em;
}

.blog-index {
  width: 100%;
  padding: 0 20px;
}

@media only screen and (min-width: 1060px){
  .blog-index {
    padding: 20px 40px;
  }
}

.blog-title,
.tmpl_type_category h2.blog-title,
.tmpl_type_archive h2,
.tmpl_type_search .page-title,
.cat-item {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1060px) {
  .blog .interior h2,
  .tmpl_type_category h2.blog-title,
  .tmpl_type_archive h2,
  .tmpl_type_search .page-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}

.blog h2 a,
.tmpl_type_category h2.blog-title a,
.tmpl_type_archive h2 a,
.tmpl_type_search h2 a {
  text-decoration: none;
}

.sidebar-block .blog-title{
  font-size: 1rem;
}
.blog-posts {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: start;
  gap: 30px;
}

@media only screen and (min-width: 768px) {
  .blog-posts {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1060px) {
  .blog-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.blog .post-snippet,
.tmpl_type_category .post-snippet,
.tmpl_type_archive .post-snippet,
.tmpl_type_search .post-snippet {
  /* display: flex; */
  padding-bottom: 30px;
  margin-bottom: 30px;
  /* border-bottom: 1px solid rgba(213, 115, 99, 0.1); */
}

@media only screen and (min-width: 768px) {
  .blog .post-snippet,
  .tmpl_type_category .post-snippet,
  .tmpl_type_archive .post-snippet,
  .tmpl_type_search .post-snippet {
    flex-direction: row;
  }
}

.blog .post-snippet .thumb,
.tmpl_type_category .post-snippet .thumb,
.tmpl_type_archive .post-snippet .thumb,
.tmpl_type_search .post-snippet .thumb {
  /* width: 165px; */
  /* margin-right: 30px; */
  position: relative;
  margin-bottom: 20px;
  /* display: none; */
}

@media only screen and (min-width: 768px) {
  .blog .post-snippet .thumb,
  .tmpl_type_category .post-snippet .thumb,
  .tmpl_type_archive .post-snippet .thumb,
  .tmpl_type_search .post-snippet .thumb {
    display: block;
    /* width: 230px; */
  }
}

.blog .post-snippet .thumb img,
.tmpl_type_category .post-snippet .thumb img,
.tmpl_type_archive .post-snippet .thumb img,
.tmpl_type_search .post-snippet .thumb img {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 16/9;
}

@media only screen and (min-width: 768px) {
  .blog .post-snippet .excerpt,
  .tmpl_type_category .post-snippet .excerpt,
  .tmpl_type_archive .post-snippet .excerpt,
  .tmpl_type_search .post-snippet .excerpt {
    /* width: calc(100% - 230px); */
    width: 100%;
  }
}

.blog .post-snippet .excerpt p,
.tmpl_type_category .post-snippet .excerpt p,
.tmpl_type_archive .post-snippet .excerpt p,
.tmpl_type_search .post-snippet .excerpt p {
  margin-top: 0;
}

.blog .date,
.tmpl_type_category .date,
.tmpl_type_archive .date,
.tmpl_type_search .date {
  font-size: 21px;
  font-size: 1.3125rem;
  text-transform: uppercase;
  color: #cf5d4b;
  text-align: right;
  margin-bottom: 16px;
}

.blog .meta-data,
.tmpl_type_category .meta-data,
.tmpl_type_archive .meta-data,
.tmpl_type_search .meta-data {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 10px;
  font-style: italic;
  color: #7e7d7d;
}

.blog .meta-data a,
.tmpl_type_category .meta-data a,
.tmpl_type_archive .meta-data a,
.tmpl_type_search .meta-data a {
  color: #7e7d7d;
}

.post p.meta-data a {
  padding-left: 5px;
}

.blog .more,
.tmpl_type_category .more,
.tmpl_type_archive .more,
.tmpl_type_search .more {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 700;
}

.blog .more:hover,
.tmpl_type_category .more:hover,
.tmpl_type_archive .more:hover,
.tmpl_type_search .more:hover {
  text-decoration: underline;
  font-weight: 400;
}

.tmpl_type_single h2 {
  line-height: 1.2em;
}

.tmpl_type_single .button {
  text-decoration: none;
}

.search-bar {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .search-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 35px 0 0px;
  }
}

@media only screen and (min-width: 768px) {
  .search-bar .dropdowns {
    display: flex;
  }
}

.cat-select {
  position: relative;
}

.cat-select .cat-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 15px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .cat-select .cat-options {
    margin-bottom: 0;
    justify-content: space-evenly;
    margin-right: 20px;
    width: 205px;
  }
}

@media only screen and (min-width: 1060px) {
  .cat-select .cat-options {
    min-width: 230px;
  }
}

.cat-select .cat-options:after {
  transform: rotate(90deg);
}

.cat-select .cat-options i {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1em;
}

.cat-select .cat-options:hover{
  color:#fff;
}
.cat-select .cats {
  position: absolute;
  display: none;
  z-index: 100;
  background: #D98A7D;
  margin: 0;
  list-style: none;
  padding: 20px 0;
  margin-top: -10px;
  text-align: left;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .cat-select .cats {
    margin-top: 0;
    width: 200px;
  }
}

@media only screen and (min-width: 1060px) {
  .cat-select .cats {
    width: 230px;
  }
}

.cat-select .cats li {
  padding: 5px 20px;
}

.cat-select .cats li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}

.blog-search {
  position: relative;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .blog-search {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.blog-search form input[type="text"] {
  font-size: 14px;
  font-size: 0.875rem;
  border: none;
  background: transparent;
  outline: none;
  width: 80%;
}

@media only screen and (min-width: 768px) {
  .blog-search form input[type="text"] {
    width: 274px;
  }
}

.blog-search form input[type="text"]::placeholder {
  font-weight: 700;
  color: #d0cccc;
}

.blog-search form input[type="submit"] {
  border: 2px solid #D57363;
  z-index: 1;
  background: transparent;
}

.blog-search i {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 0;
  color: #cf5d4b;
}

.blog-search i:hover {
  color:#fff;
}

.nav-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.nav-links .button {
  font-size: 12px;
  font-size: 0.75rem;
  min-width: 100px;
}

@media only screen and (min-width: 768px) {
  .nav-links .button {
    font-size: 16px;
    font-size: 1rem;
    min-width: 170px;
  }
}

h2.second-title {
  font-size: 36px;
  font-size: 2.4rem;
  margin: 25px auto 50px;
}

.tmpl_type_single p.blog-disclaimer {
  font-size: 16px;
  font-style: italic;
  background: #FDE7E2;
  padding: 20px;
}


/*=== 17.3 Keyframes Animation ====*/
@media only screen and (min-width: 1060px) {
  @-webkit-keyframes fadeInUp {
    0% {
      top: 200px;
      opacity: 0;
    }
    100% {
      top: 0;
      opacity: 1;
    }
  }
  @keyframes fadeInUp {
    0% {
      top: 200px;
      opacity: 0;
    }
    100% {
      top: 0;
      opacity: 1;
    }
  }
  .animate-fadeup {
    position: relative;
  }
}

@media only screen and (min-width: 1060px) {
  .animation {
    opacity: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .animate-fadeup {
    -webkit-animation: fadeInUp 1.5s normal forwards;
    /* Safari 4+ */
    /* Fx 5+ */
    /* Opera 12+ */
    animation: fadeInUp 1.5s normal forwards;
  }
}

@media only screen and (min-width: 1060px) {
  @keyframes shake {
    10%, 90% {
      -webkit-transform: translate3d(-3px, 0, 0);
              transform: translate3d(-3px, 0, 0);
    }
    20%, 80% {
      -webkit-transform: translate3d(4px, 0, 0);
              transform: translate3d(4px, 0, 0);
    }
    30%, 50%, 70% {
      -webkit-transform: translate3d(-8px, 0, 0);
              transform: translate3d(-8px, 0, 0);
    }
    40%, 60% {
      -webkit-transform: translate3d(8px, 0, 0);
              transform: translate3d(8px, 0, 0);
    }
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
}

/*==== 17.4 FCS - Flexible Content - Start ====*/
.tmpl_type_page_fcs {
  text-align: left;
}

.fc-heading {
  margin-top: 0;
}

.default-block {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fcs-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}

.fcs-intro-anchors .fcs-anchors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  column-gap: 40px;
  row-gap: 15px;
}

@media only screen and (min-width: 768px) {
  .fcs-intro-anchors .fcs-anchors {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1060px) {
  .fcs-intro-anchors .fcs-anchors {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.fcs-intro-anchors .fcs-anchors li {
  width: 100%;
  padding: 0;
}

.fcs-intro-anchors .fcs-anchors li a {
  width: 100%;
}

.fcs-icons-section {
  background-size: cover;
}

.fcs-icons-section .icon-items {
  margin: 20px auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .fcs-icons-section .icon-items {
    margin: 40px auto;
  }
}

@media only screen and (min-width: 1060px) {
  .fcs-icons-section .icon-items {
    margin: 60px auto;
  }
}

.fcs-icons-section .icon-items li {
  margin-bottom: 20px;
  padding: 20px;
}

@media only screen and (max-width: 1059px) {
  .fcs-icons-section .icon-items li {
    width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .fcs-icons-section .icon-items li {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1060px) {
  .fcs-icons-section .icon-items li {
    flex-basis: 0;
    flex-grow: 1;
  }
}

.fcs-icons-section .icon-items li:before {
  display: none;
}

.fcs-icons-section .icon-items li .icon-img {
  text-align: center;
}

.fcs-icons-section .icon-items li .icon-img img {
  max-width: 100%;
  height: auto;
}

.fcs-icons-section .icon-items li .icon-img svg {
  max-width: 100%;
  height: 150px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.basic-content-plus.pb-0 {
  padding-bottom: 0;
}

.mod-anchors.contain {
  /* background: #cf5d4b; */
  background: url("images/paw-prints-background.jpg") no-repeat;
  background-size: cover;
}



/*--- FCS - Flexible Content - End ----*/

/*==== 17.5 General Module Classes ====*/
@media only screen and (max-width: 1059px) {
  .mtop {
    margin-top: 40px !important;
  }
}

@media only screen and (max-width: 1059px) {
  .mbottom {
    margin-bottom: 40px !important;
  }
}

/*---- Default Classes -----*/
/*---- Light Color Classes ------*/
.text-light-color {
  color: #ffffff;
}

.heading-light-color h1, .heading-light-color h2, .heading-light-color h3, .heading-light-color h4 {
  color: #ffffff;
}

.links-light-color {
  color: #ffffff;
  text-decoration: underline;
}

.links-light-color:hover {
  color: #ffffff;
  text-decoration: none;
}

.icons-light-color .icon-img svg path {
  fill: #ffffff;
}

.bullets-light-color li::marker, .bullets-light-color ol::marker {
  color: #ffffff;
}

/*---- Dark Color Classes -----*/
.text-dark-color {
  color: #000000;
}

.heading-dark-color h1, .heading-dark-color h2, .heading-dark-color h3, .heading-dark-color h4 {
  color: #000000;
}

.button-dark-color .button {
  background-color: #000000;
  color: #ffffff;
}

.button-dark-color .button:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}

.links-dark-color {
  color: #000000;
  text-decoration: underline;
}

.links-dark-color:hover {
  color: #000000;
  text-decoration: none;
}

.icons-dark-color .icon-img svg path {
  fill: #000000;
}

.bullets-dark-color li::marker, .bullets-dark-color ol::marker {
  color: #000000;
}

/*--- Primary Color Classes ----*/
.text-primary-color {
  color: #000000;
}

.heading-primary-color h1, .heading-primary-color h2, .heading-primary-color h3, .heading-primary-color h4 {
  color: #cf5d4b;
}

.links-primary-color {
  color: #F07270;
  text-decoration: underline;
}

.links-primary-color:hover {
  color: #F07270;
  text-decoration: none;
}

.icons-primary-color .icon-img svg path {
  fill: #F07270;
}

.bullets-primary-color li::marker,
.bullets-primary-color ol::marker {
  color: #F07270;
}

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

/*--- Basic Module ----*/
.basic-block-section {
  display: block;
}

.basic-hero-image {
  margin: 0;
  margin-top: 0;
  height: 57vw;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .basic-hero-image {
    height: 37vw;
  }
}

.basic-hero-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 60vw;
}

@media only screen and (min-width: 768px) {
  .basic-hero-image img {
    height: 40vw;
  }
}

.basic-content-plus {
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .basic-content-plus {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1060px) {
  .basic-content-plus {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.basic-content-plus h2 {
  margin-top: 0;
}

.basic-content-plus .contained-content {
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  .basic-content-plus .contained-content {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 1060px) {
  .basic-content-plus .contained-content {
    padding: 50px 80px;
  }
}

.basic-content-plus .no-contained-content {
  background: none !important;
}

.basic-content-plus .no-contained-content .fcs-overlay {
  background: none !important;
}

/*--- Page Feature Module ----*/
.page-feature {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .page-feature {
    flex-direction: row-reverse;
  }
}

.page-feature > div {
  min-height: 60vw;
  padding: 60px 20px;
}

@media only screen and (min-width: 1060px) {
  .page-feature > div {
    width: 50%;
    padding: 60px;
  }
}

@media only screen and (min-width: 1060px) {
  .page-feature > div {
    min-height: 650px;
  }
}

.page-feature .feature-image {
  background-size: cover;
  background-position: center;
}

.page-feature .feature-content {
  color: #ffffff;
  background-color: #cf5d4b;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-feature .feature-content h2 {
  color: #ffffff;
  text-align: left;
}

.page-feature .feature-content h2:after {
  display: none;
}

.page-feature .fc-wrap {
  max-width: 720px;
}

/*--- Table Module ----*/
/*-- Data Tables ----*/
.flexible-table {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: left;
}

th, td {
  border: 2px solid #ffffff;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin: 2.5em 0;
}

table thead {
  display: none;
}

@media only screen and (min-width: 768px) {
  table thead {
    display: table-header-group;
  }
}

table tr {
  margin-bottom: 20px;
  display: block;
}

@media only screen and (min-width: 768px) {
  table tr {
    margin-bottom: 0;
    display: table-row;
  }
}

table th {
  font-size: 16px;
  font-size: 1rem;
  background: #F07270;
  color: #ffffff;
  padding: 10px 20px;
  text-transform: uppercase;
}

table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 130%;
  padding: 8px 20px;
  display: block;
  position: relative;
  padding-left: calc(50% + 20px);
  background-color: #f2f2f2;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  table td {
    display: table-cell;
    padding: 12px 20px;
  }
}

table td span {
  color: #F07270;
  font-weight: 600;
  display: block;
}

table td div[data-title]:after {
  content: attr(data-title);
  position: relative;
  margin-top: -1em;
  color: transparent;
  display: block;
}

table td[data-title]:before {
  content: attr(data-title);
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
  background: #F07270;
  position: absolute;
  /* height: calc(100% - 6px); */
  height: calc(100% - 10px);
  width: calc(50% - 20px);
  top: 0;
  left: 0;
  padding-left: 20px;
  /* padding-top: 6px; */
  padding-top: 10px;
}

@media only screen and (min-width: 768px) {
  table td[data-title]:before {
    display: none;
  }
}

/*--- CTA Module ----*/
.mod-cta .call-to-action {
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 66% center;
}

@media only screen and (min-width: 1060px) {
  .mod-cta .call-to-action {
    padding: 80px 50% 80px 80px;
    background-position: center;
  }
}

.mod-cta .heading {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.1em;
  color: #cf5d4b;
  font-family: "corundum-text", serif;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 384px;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .mod-cta .heading {
    font-size: 55px;
    font-size: 3.4375rem;
  }
}

.mod-cta .heading span {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1em;
  font-weight: 300;
  font-family: Futura, "Lato", sans-serif;
  display: block;
}

@media only screen and (min-width: 768px) {
  .mod-cta .heading span {
    font-size: 44px;
    font-size: 2.75rem;
  }
}

.mod-cta .button {
  background-color: #fff;
}

.mod-cta .button:hover {
  background-color: #F07270;
}

/*---- FAQ Module ----*/
.module-faq {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .module-faq {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 768px) {
  .module-faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1060px) {
  .module-faq {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.module-faq h2
/* .module-faq .faq-content  */ {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .module-faq h2,
  .module-faq .faq-content {
    padding: 0 20px;
  }
}

.module-faq h2 {
  margin: 0;
}

.module-faq .faq-content {
  margin-bottom: 50px;
}

.module-faq .faq-questions {
  margin: 0;
  list-style: none;
}

.module-faq .faq-questions li {
  background-color: #ffffff;
  margin-bottom: 20px;
}

.module-faq .faq-questions h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2em;
  font-weight: 700;
  font-family: "corundum-text", serif;
  text-transform: none;
  /* border-bottom: 2px solid #ffffff; */
  position: relative;
  padding: 33px 70px 33px 86px;
  margin-top: 0;
}

.module-faq .faq-questions h3:before {
  content: 'Q';
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 1em;
  font-weight: 400;
  font-family: "corundum-text", serif;
  position: absolute;
  padding-right: 11px;
  /* border-right: 2px solid #ffffff; */
  left: 14px;
  top: 33px;
  transform: translateY(-25%);
}

.module-faq .faq-questions .answer {
  padding: 0px 70px 10px 86px;
  position: relative;
}

.module-faq .faq-questions .answer:before {
  /* content: 'Answer:';
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2em;
  font-weight: 700;
  display: block;
  margin-bottom: 10px; */
  content: 'A';
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 1em;
  font-weight: 400;
  font-family: "corundum-text", serif;
  position: absolute;
  padding-right: 11px;
  /* border-right: 2px solid #ffffff; */
  left: 14px;
  top: 11px;
  transform: translateY(-25%);
}

/*---- Split Image Styles ----*/
.split-image-full-width {
  padding: 0;
}

.split-image-full-width .split-container {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-container {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-container:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

.split-image-full-width.inverse .split-container {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width.inverse .split-container {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width.inverse .split-container:nth-of-type(even) {
    flex-direction: row;
  }
}

.split-image-full-width .split-container {
  display: flex;
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-container > div {
    width: 50%;
  }
}

.split-image-full-width .split-content {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .split-image-full-width .split-content {
    padding: 60px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-content {
    padding: 100px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-content .split-contain {
    max-width: 600px;
  }
}
.split-image-full-width .split-content h2, .split-image-full-width .split-content h3 {
  margin-top: 0;
}

.split-image-full-width .split-image {
  min-height: 60vw;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .split-image-full-width .split-image {
    min-height: 45vw;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-image {
    min-height: 32vw;
  }
}

.split-image-full-width .split-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 60vw;
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-container .rounded-image + .split-image img {
    border-radius: 100vmax 0 0 100vmax;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width .split-container:nth-of-type(even) .rounded-image + .split-image img {
    border-radius: 0 100vmax 100vmax 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width.inverse .split-container .rounded-image + .split-image img {
    border-radius: 0 100vmax 100vmax 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-full-width.inverse .split-container:nth-of-type(even) .rounded-image + .split-image img {
    border-radius: 100vmax 0 0 100vmax;
  }
}

.split-image-multiple-photos {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos {
    padding: 40px;
  }
}

.split-image-multiple-photos .split-container {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos .split-container {
    flex-direction: row;
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos .split-container:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos .split-container > div {
    width: 50%;
  }
}

.split-image-multiple-photos.inverse .split-container {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos.inverse .split-container {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos.inverse .split-container:nth-of-type(even) {
    flex-direction: row;
  }
}

.split-image-multiple-photos .split-content {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .split-image-multiple-photos .split-content {
    padding: 60px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos .split-content {
    padding: 100px 40px;
  }
}

.split-image-multiple-photos .split-content .split-contain {
  max-width: 600px;
}

.split-image-multiple-photos .split-content h2, .split-image-multiple-photos .split-content h3 {
  margin-top: 0;
}

.split-image-multiple-photos .multi-images {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 40px;
}

.split-image-multiple-photos .multi-images .split-image {
  display: none;
  height: 100%;
  min-height: 60vw;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .split-image-multiple-photos .multi-images .split-image {
    min-height: 45vw;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-multiple-photos .multi-images .split-image {
    display: block;
    min-height: 20vw;
  }
}

.split-image-multiple-photos .multi-images .split-image:first-of-type {
  display: block;
}

.split-image-multiple-photos .multi-images .split-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.split-image-cards {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .split-image-cards {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.split-image-cards .section-intro {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .section-intro {
    margin-bottom: 60px;
  }
}

.split-image-cards .split-cards .split-container {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container:nth-of-type(even) .split-content {
    margin-left: -2%;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container:nth-of-type(even) .split-image {
    margin-right: -6%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container .split-content {
    margin-right: -2%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container .split-image {
    margin-left: -6%;
    margin-right: 0;
  }
}

.split-image-cards .split-cards.inverse .split-container {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container .split-content {
    margin-left: -2%;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container .split-image {
    margin-right: -6%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container:nth-of-type(even) {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container:nth-of-type(even) .split-content {
    margin-right: -2%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards.inverse .split-container:nth-of-type(even) .split-image {
    margin-left: -6%;
    margin-right: 0;
  }
}

.split-image-cards .split-cards .split-container {
  display: flex;
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-container {
    margin-bottom: 80px;
    align-items: center;
  }
}

.split-image-cards .split-cards .split-content {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .split-image-cards .split-cards .split-content {
    padding: 60px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-content {
    padding: 100px 40px;
    width: 52%;
  }
}

.split-image-cards .split-cards .split-content .split-contain {
  max-width: 600px;
}

.split-image-cards .split-cards .split-content h2, .split-image-cards .split-cards .split-content h3 {
  margin-top: 0;
}

.split-image-cards .split-cards .split-image {
  min-height: 60vw;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 768px) {
  .split-image-cards .split-cards .split-image {
    min-height: 45vw;
  }
}

@media only screen and (min-width: 1060px) {
  .split-image-cards .split-cards .split-image {
    min-height: 32vw;
    width: 56%;
  }
}

.split-image-cards .split-cards .split-image img {
  width: 100%;
  height: 100%;
  min-height: 32vw;
  object-fit: cover;
  object-position: center;
}

/*---- Split Text Repeater ----*/
.split-text-repeater {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1060px) {
  .split-text-repeater {
    flex-direction: row;
    justify-content: space-between;
  }
}

.split-text-repeater > div {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .split-text-repeater > div {
    padding: 60px 40px;
  }
}

@media only screen and (min-width: 1060px) {
  .split-text-repeater > div {
    width: 50%;
    padding: 100px 40px;
  }
}

.split-text-repeater > div .split-contain {
  max-width: 600px;
}

.split-text-repeater > div h2,
.split-text-repeater > div h3 {
  margin-top: 0;
}

@media only screen and (min-width: 1060px) {
  .split-contained .split-primary {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1460px) {
  .split-contained .split-primary {
    padding-left: calc(40px + (50vw - (1460px / 2)));
  }
}

@media only screen and (min-width: 1060px) {
  .split-contained .split-secondary {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 1460px) {
  .split-contained .split-secondary {
    justify-content: flex-end;
    padding-right: calc(40px + (50vw - (1460px / 2)));
  }
}

/*--- Anchors -----*/
.anchor-links {
  list-style: none;
  margin: 0;
  display: grid;
  column-gap: 40px;
  row-gap: 15px;
  margin: 40px auto;
  padding: 50px 0;
}

@media only screen and (min-width: 768px) {
  .anchor-links {
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 15px;
  }
}

@media only screen and (min-width: 1060px) {
  .anchor-links {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.anchor-links li{
  background-color: #FAF9F5;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}

.anchor-links a {
  width: 100%;
}

/*--- Icons ----*/
.fcs-icons-section {
  background-size: cover;
}

.fcs-icons-section .icon-items {
  margin: 20px auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .fcs-icons-section .icon-items {
    margin: 40px auto;
  }
}

@media only screen and (min-width: 1060px) {
  .fcs-icons-section .icon-items {
    margin: 60px auto;
  }
}

.fcs-icons-section .icon-items li {
  margin-bottom: 20px;
  padding: 20px;
}

@media only screen and (max-width: 1059px) {
  .fcs-icons-section .icon-items li {
    width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .fcs-icons-section .icon-items li {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1060px) {
  .fcs-icons-section .icon-items li {
    flex-basis: 0;
    flex-grow: 1;
  }
}

.fcs-icons-section .icon-items li:before {
  display: none;
}

.fcs-icons-section .icon-items li .icon-img {
  text-align: center;
}

.fcs-icons-section .icon-items li .icon-img img {
  max-width: 100%;
  height: auto;
}

.fcs-icons-section .icon-items li .icon-img svg {
  max-width: 100%;
  height: 150px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/*--- Carousel Module ----*/
.basic-carousel {
  position: relative;
  padding: 100px 0;
}

@media only screen and (min-width: 768px) {
  .basic-carousel {
    padding: 100px 0;
  }
}

@media only screen and (min-width: 1060px) {
  .basic-carousel {
    max-width: 1150px;
    margin: 0 auto;
  }
}

.basic-carousel .owl-stage-outer {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

.basic-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.basic-carousel .owl-stage:after {
  content: '';
}

.basic-carousel img {
  margin-bottom: 0;
}

.basic-carousel .owl-nav {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1em;
  position: absolute;
  padding: 0 20px;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .basic-carousel .owl-nav {
    font-size: 90px;
    font-size: 5.625rem;
  }
}

.basic-carousel .owl-nav > div {
  background-color: #1990C4;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.basic-carousel .owl-nav > div.owl-prev {
  left: 20px;
}

.basic-carousel .owl-nav > div.owl-next {
  right: 20px;
}

/*===== 17.6 Comments =======*/
li.comment {
  list-style: none;
}

.alt {
  background: #f5e5db !important;
}

/*==== 17.7 Single Post Coments ====*/
.single .post-entry {
	border-bottom: none;
}
.author-name {
	text-transform: capitalize;
}
.comments-area {
	margin-bottom: 5em;
	clear: both;
	overflow: hidden;
}
.comments-area .comments-title {
	border: solid #bfbfbf;
	border-width: 1px 0;
	color: #150300;
  font: 16px/24px "geneo-std", sans-serif;
  padding: 0.5em 0;
	text-transform: uppercase;
	margin: 1em 0;
}
.comment-list {
	margin-bottom: 3.125em;
}
.comment-list .comment-head {
	margin: 1.5em 0 .625em;
}
.comment-list .comment {
	/* font: .8em/2.08 'Open Sans', serif; */
	border-bottom: 1px solid #BFBFBF;
	padding-bottom: 1em;
}
.comment-list .comment .comment-meta {
	float: right;
}
.comment-list .comment a {
	color: #cf5d4b;
	text-decoration: none;
}
.comment-list .comment a:hover {
	text-decoration: underline;
}
.comment-list .comment .comment-author {
	font-weight: 700;
	text-transform: capitalize;
  color: #cf5d4b;
}
.comments-area .comment-reply-title {
	color: #F07270;
	font: 700 1.176em/1.75 'Open Sans', serif;
	text-transform: uppercase;
	margin: 2em 0 1em;
}
.comments-area .comment-reply-title a {
	color: #cf5d4b;
}
.comments-area .comment-reply-title a:hover {
	text-decoration: underline;
}
/* .comments-area .comment-form p {
	font: .8em/2.08 'Open Sans', serif;
	margin: 0 auto 2em;
} */
.comment-form-author {
	width: 48%;
	float: left;
}
.comment-form-email {
	width: 48%;
	float: right;
}
.comment-form-url {
	display: none;
}
.comment-form input {
	width: 100%;
	line-height: 2em;
	text-indent: 1em;
	border: 1px solid #BFBFBF;
}
/* .comments-area{
  max-width: 700px;
} */
.comments-area .comment-form p a {
	color: #cf5d4b;
}
.comments-area .comment-form p a:hover {
	text-decoration: underline;
}
.comments-area .comment-form label {
	display: block;
	/* font: 600 1em 'Open Sans', serif; */
  font-weight:600;
	margin: .625em 0;
}
.comments-area .comment-form textarea {
	height: 11.25em;
	width: 100%;
	resize: none;
	font: 1em/1.75 'Open Sans', serif;
	padding: .5em 1em;
	border: 1px solid #BFBFBF;
}
.comments-area .comment-form input[type="submit"] {
	background: #cf5d4b;
	width: 12.875em;
	/* height: 3.5em;
	line-height: 1; */
	text-indent: 0;
	padding: 0;
}

.comments-area .comment-form textarea input:invalid, textarea:invalid {
  background-color: rgba(255,255,255,0);
}

.comments-area input#submit{
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-family: "Open Sans", serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  text-transform: capitalize;
  border: 2px solid #cf5d4b;
  background: #fff;
  color: #F07270;
  /* padding: 12px 30px; */
  margin-top: 15px;
  text-transform: uppercase;
  border-radius: 5px;
}

.comments-area input#submit:hover{
  color: #ffffff !important;
  background: linear-gradient(to right, rgba(240,114, 112, 0.66), rgba(207, 93, 75, 0.95));
  border-color: #F07270;
  border-radius: 5px;
}

/*==== 17.8 Search form =====*/
input.search-submit {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "corundum-text", serif;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #D57363;
  background: #fff;
  color: #cf5d4b;
  padding: 8px 13px;
  margin-top: 15px;
  margin-left: 10px;
}

input.search-submit:hover {
  background: #fff;
  color: #cf5d4b !important;
}

input[type="search"] {
  border: none;
  border-bottom: 1px solid #D98A7D;
  padding-bottom: 9px;
}

.tmpl_type_404 input[type="search"] {
  border: 1px solid #D98A7D;
  padding-bottom: 0;
  min-height: 37px;
  padding-left: 10px;
}


@media only screen and (min-width: 768px) {
  form.search-form {
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px;
    margin-top: -17px;
  }
}

/*===== 17.9 Archive Friends =====*/
@media only screen and (min-width: 768px) {
  .tmpl_type_archive_friends .content-friends{
    width: 100%;
  }
}
.tmpl_type_archive_friends h2{
  text-align: center;
  margin-top: 0;
}

.archive-friends {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .archive-friends {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1060px) {
  .archive-friends {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.archive-single-friend img {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 30px;
}

.archive-single-friend a {
  font-family: 'San Marino Beach';
  letter-spacing: 2px;
  font-size: 20px;
}
@media only screen and (min-width: 1060px) {
  .archive-single-friend a {
    font-size: 18px;
  }
}

/*===== 17.10 Single friend =====*/
section.message-single {
  padding-bottom: 100px;
  /* padding-top: 60px; */
}

.friends-message {
  font-size: 24px;
  margin: 2em auto 3em;
  text-align: center;
}

section.single-friend {
  background-size: cover;
  color: #fff;
  padding:0 0;
}

.split-image {
  min-height: 100vw;
  background-size: cover;
  background-position: center;
  width: 100%;
}

@media only screen and (min-width: 1060px) {
  .split-container {
    display: flex;
  }
  .split-container>div {
    width: 50%;
  }
  .split-image {
    min-height: 50vw;
    background-position: 26% center;
  }
}

.friend-image img {
  width: 100%;
}

.friend-info {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  line-height: 2em;
  letter-spacing: 1px;
  padding: 140px 40px;
  background: url("images/bg-single-friend.jpg") no-repeat;
  color: #000;
  background-size: cover;
}

@media only screen and (min-width: 1060px) {
  .info-container{
    max-width:600px;
  }
}

.friend-info>div {
  padding-bottom: 20px;
}

.friend-info .info-container span{
  font-weight: 600;
}

.friend-name,
.friend-name span {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
  font-family: "corundum-text", serif;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #cf5d4b;
}

.friend-info .info-container .about-me-info{
  padding-top: 15px; 
}

.recent-friends {
  background: url("images/bg-friends-2.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 100px;
}

.recent-friends h2{
  padding-bottom:50px;
}

.recent-friends-wrap {
  margin-bottom: 35px;
}
@media only screen and (min-width:1060px){
  .recent-friends-wrap {
    margin-bottom: 45px;
  }
}

.recent-friends .latest-friends{
  list-style: none;
  display: grid;
  justify-content: center;
  column-gap: 40px;
  grid-area: middle;
  margin: 0;
  text-align: center;
  row-gap:40px
}

@media only screen and (min-width: 768px) {
  .recent-friends .latest-friends{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
    grid-area: middle;
    margin: 0;
    text-align: center;
    row-gap:40px
  }
}

.recent-friends .latest-friends li{
  width: 100%;
}
@media only screen and (min-width: 768px){
  .recent-friends .latest-friends li {
      width: 50%;
  }
}
@media only screen and (min-width: 1060px){
  .recent-friends .latest-friends li {
      width: 30%;
  }
}

.recent-friends .latest-friends .thumb{
  border: 2px solid #cf5d4b;
  border-radius: 50%;
  padding: 18px;
  width: 248px;
  height: 248px;
  margin: 0 auto 23px;
}

.recent-friends .latest-friends .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  border-radius: 50%;
}

.recent-friends .latest-friends li a:hover img {
  transform: scale(1.1);
}

.recent-friends .latest-friends li a{
  color: #F07270;
}

.recent-friends .latest-friends li a:hover {
  color: #D98A7D;
}

.recent-friends .friend-name{
  font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.27em;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'San Marino Beach', sans-serif;
    margin-top: 30px;
}
.recent-friends a{
  text-decoration: none;
}

/* page Rosco single friend  */
.friends-414 .split-image {
  background-position: top center;
}

/*==== 17.11 Recent Products Footer ======*/
.recent-products {
  background-color: #FAF9F5;
  padding-top: 50px;
  padding-bottom: 100px;
}

.recent-products h2{
  padding-bottom:50px;
}

.recent-products-wrap {
  margin-bottom: 35px;
}
@media only screen and (min-width:1060px){
  .recent-products-wrap {
    margin-bottom: 45px;
  }
}

.recent-products .latest-products{
  list-style: none;
  display: grid;
  justify-content: center;
  column-gap: 40px;
  grid-area: middle;
  margin: 0;
  text-align: center;
  row-gap:40px
}

@media only screen and (min-width: 768px) {
  .recent-products .latest-products{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
    grid-area: middle;
    margin: 0;
    text-align: center;
    row-gap:40px
  }
}

@media only screen and (min-width: 768px) {
  .recent-products .latest-products{
    justify-content: space-evenly;
  }
}

@media only screen and (min-width: 768px){
  .recent-products .latest-products li {
      display:grid;
  }
}

.recent-products .latest-products .thumb{
  border: 2px solid #cf5d4b;
  border-radius: 50%;
  padding: 18px;
  width: 248px;
  height: 248px;
  margin: 0 auto 23px;
}
.recent-products .latest-products .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  border-radius: 50%;
}

.recent-products .latest-products li a:hover img{
  transform: scale(1.1);
} 

.recent-products .latest-products li a{
  color: #F07270;
}

.recent-products .latest-products li a:hover{
  color: #D98A7D;
}

.recent-products .product-name{
  font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.27em;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'San Marino Beach', sans-serif;
    /* margin-top: 30px; */
}
.recent-products a{
  text-decoration: none;
}

/*===== 17.12 Archive Products =====*/
@media only screen and (min-width: 768px) {
  .tmpl_type_archive_products .content{
    width: 100%;
  }
}
.tmpl_type_archive_products h2{
  text-align: center;
}

.archive-products {
  display: grid;
  grid-column-gap: 35px;
  grid-row-gap: 50px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .archive-products {
    grid-template-columns: 1fr 1fr ;
  }
}
@media only screen and (min-width: 1060px) {
  .archive-products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
  }
}

.archive-single-product img {
  width: 100%;
  margin-bottom: 20px;
  max-width: 300px;
}

.archive-single-product a {
  letter-spacing: 1px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.archive-product-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.product-name {
  color: #F07270;
  letter-spacing: 1px;
  font-size: 22px;
  text-transform: uppercase;
  min-height: 60px;
  font-family: "corundum-text-sc", serif;
  font-weight: 600;
  margin-top: 0;
}

/*==== 17.13 Single Products =====*/
.product-single {
  padding: 50px 20px 100px;
}

.single-product {
  padding: 20px;
}

.product-simple {
  margin-bottom: 20px;
  font-family: 'San Marino Beach', sans-serif;
  letter-spacing: 2px;
  color: #cf5d4b;
  font-size: 18px;
}

.product-desc {
  max-width: 800px;
  margin: 0 auto;
}

.single-product img{
  width: 50%;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  .single-product img{
    width: 36%;
  }
}
@media only screen and (min-width: 1060px) {
  .single-product img{
    width: 30%;
  }
}

.tmpl_type_single_products .product-single h2{
  margin-top:0;
}

/*==== 17.14 404 page =====*/
.inside.page-404 .tagline,
.tmpl_type_404 .site-header .tagline {
  display: none!important;
}

.tmpl_type_404 .site-header {
  height: 0;
  min-height: 0;
}

.inside.page-404 .interior{
  background: url("images/bg-404.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  margin-bottom: 0;
}

@media only screen and (min-width:1060px){
  .inside.page-404 .interior .content{
    width: 100%;
  }
}
.inside.page-404 .text404 {
  display: grid;
  justify-items: center;
  background-color: rgba(250, 249, 245, 0.8);
  margin: 90px auto;
  text-align: center;
  padding: 20px 20px 40px;
  box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%);
}

@media only screen and (min-width:768px){
  .inside.page-404 .text404 {
    display: grid;
    justify-items: center;
    margin: 100px 100px;
    text-align: center;
  }
}
@media only screen and (min-width:1060px){
  .inside.page-404 .text404 {
    padding: 20px 55px 40px;
  }
}
.inside.page-404 .text404 .home404 {
  margin-bottom: 20px;
}

.inside.page-404 .text404 p {
  font-size: 20px;
}

@media only screen and (min-width:768px){
  .inside.page-404 .text404 p {
    font-size: 22px;
  }
}

/*==== 17.15 Our Story ====*/
body.page-90 p,
body.page-740 .module-basic {
  text-align: left;
}

/*==== 17.16 Sitemap page ====*/
.page-747 .module-basic {
  text-align: left;
  margin: 0 auto;
  max-width: 500px;
}

.page-747 .module-basic ul{
  margin: 1em 40px;
}

/*==== 17.17 Fido's Friends Pop Up Submission Form =====*/
.fancybox-slide>* {
  padding: 0;
  background-color: transparent;
}

div#popup-banner-form {
  background-color: rgba(0,0,0,0.8);
  padding: 30px 20px;
}

@media only screen and (min-width: 768px) {
  div#popup-banner-form {
    padding: 30px 50px;
  }
}

#forminator-module-807.forminator-design--flat .forminator-response-message.forminator-success {
  background-color: #f07270;
}

#forminator-module-807.forminator-design--flat .forminator-response-message.forminator-success, #forminator-module-807.forminator-design--flat .forminator-response-message.forminator-success p{
  color:#fff;
}

.forminator-ui#forminator-module-807.forminator-design--flat .forminator-checkbox, .forminator-ui#forminator-module-807.forminator-design--flat .forminator-checkbox__label, .forminator-ui#forminator-module-807.forminator-design--flat .forminator-checkbox__label p {
  color: #fff!important;
}

.forminator-ui#forminator-module-807.forminator-design--flat .forminator-checkbox .forminator-checkbox-box {
  color: #f07270!important;
}

/*==== 17.18 CTA & Pop up ===*/
@media screen and (min-width: 768px){
  .hustle-ui:not(.hustle-size--small).module_id_1 .hustle-inline-content,
  .hustle-ui:not(.hustle-size--small).module_id_2 .hustle-inline-content {
      max-width: 1200px!important;
  }
}

.cta {
  padding: 50px 20px;
  background: #F07270;
}

.hustle-ui.module_id_1 .hustle-layout .hustle-title,
.hustle-ui.module_id_2 .hustle-layout .hustle-title {
  text-decoration: none!important;
  text-align: center!important;
  color: #cf5d4b!important;
  text-transform: uppercase!important;
  font-family: "corundum-text", serif!important;
  font-size: 26px!important;
}
@media screen and (min-width: 768px){
  .hustle-ui.module_id_1 .hustle-layout .hustle-title,
  .hustle-ui.module_id_2 .hustle-layout .hustle-title {
    font-size: 32px!important;
  }
}

.hustle-ui.module_id_1 .hustle-layout .hustle-layout-content,
.hustle-ui.module_id_2 .hustle-layout .hustle-layout-content,
.hustle-ui.module_id_1 .hustle-field .hustle-input,
.hustle-ui.module_id_2 .hustle-field .hustle-input {
  border-color: rgba(240, 114, 112, 1)!important;
}

.hustle-ui.module_id_1 .hustle-layout .hustle-layout-form,
.hustle-ui.module_id_2 .hustle-layout .hustle-layout-form {
  border-color: rgba(240, 114, 112, 1)!important;
}

.hustle-ui.module_id_1 .hustle-form button.hustle-button-submit,
.hustle-ui.module_id_2 .hustle-form button.hustle-button-submit {
  background-color: #f07270!important;
  color: #FFFFFF!important;
  border-color: #F07270 !important;
  padding: 12px 28px 12px 28px!important;
  text-decoration: none !important;
  font-family: "Open Sans", serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
}

.hustle-ui.module_id_1 .hustle-form button.hustle-button-submit:hover,
.hustle-ui.module_id_2 .hustle-form button.hustle-button-submit:hover {
  color: #ffffff !important;
  background: linear-gradient(to right, rgba(240,114, 112, 0.66), rgba(207, 93, 75, 0.95))!important;
  border-color: #F07270!important;
}

.hustle-ui.module_id_1 .hustle-success [class*="hustle-icon-"],
.hustle-ui.module_id_2 .hustle-success [class*="hustle-icon-"] {
  color: #F07270!important;
}

@media screen and (min-width: 768px) {
  .hustle-ui:not(.hustle-size--small).module_id_1 .hustle-main-wrapper,
  .hustle-ui:not(.hustle-size--small).module_id_2 .hustle-main-wrapper {
      padding: 0px 0 0!important;
  }
}

.hustle-ui:not(.hustle-size--small).module_id_2 button.hustle-button-close {
  background: #F07270!important;
  border-radius: 30px!important;
}

.hustle-unsubscribe-form input {
  border: 2px solid rgba(240, 114, 112, 1)!important;
  padding: 10px 19px 10px 19px;
  border-width: 1px 1px 1px 1px;
  text-transform: none;
  text-align: left;
  margin-bottom: 15px;
}

.hustle-unsubscribe-form button.hustle-unsub-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-family: "Open Sans", serif;
  font-weight: 700;
  font-size: 22px;
  text-transform: capitalize;
  border: 2px solid #cf5d4b;
  background: #fff;
  color: #F07270;
  padding: 12px 30px;
  margin-top: 15px;
  text-transform: uppercase;
  border-radius: 5px;
}

.hustle-unsubscribe-form button.hustle-unsub-button:hover {
  color: #ffffff !important;
  background: linear-gradient(to right, rgba(240,114, 112, 0.66), rgba(207, 93, 75, 0.95));
  border-radius: 5px;
  box-shadow: none!important;
  border: 2px solid #F07270;
}

/*==== 18. Random Pages ========*/
/* Opt-out preferences page */
.page-1004 div#cmplz-document,
.page-813 div#cmplz-document {
  padding-right: calc(40px + (50vw - (1460px / 2)));
  padding-left: calc(40px + (50vw - (1460px / 2)));
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: left;
  max-width: 100%;
}

/* Accessibility page */
.page-779 .module-basic {
  text-align: left;
}

/* About Page */
ul.list-align-left {
  text-align: left;
  margin: 1em 2em;
}

/*==== 19. Print styles.Inlined to avoid required HTTP connection: h5bp.com/r
==== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/* Accessibility app */
/* #INDmenu.INDmenu-loaded .INDmenuHeader{
  background-color: #d2432d!important;
} */

/* .accessibly-otm-widget-button-container.middle-right {
  left: 10px!important;
  bottom: 10px!important;
  transform: translateY(calc(100% - 45px))!important;
}

button.accessibly-otm-widget-button.accessibly-otm-icon-large {
  background-color: #cf5d5b !important;
  width: 45px !important;
  height: 45px !important;
  min-height: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
  max-height: 45px !important;
}

.accessibly-otm-widget {
  left: 0px !important;
}

.accessibly-otm-ignore.accessibly-otm-navigation,
button.accessibly-otm-reset-button.accessibly-otm-ignore {
  background-color: #cf5d5b !important;
} */