/*!
Theme Name: B - EmpressTravelCruises
Theme URI: 
Author: Daniel Sanchez
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: biziq
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
     ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');

 html {
     -webkit-text-size-adjust: 100%;
 }
 
 /* Sections
      ========================================================================== */
 /**
  * Remove the margin in all browsers.
  */
 :root {
     --burgundy: #751715;
     --blue: #071e22;
     --gray: #d2d2d2;
     --light: #f2f2f2;
 }
 
 body {
     margin: 0;
     font-size: 17px;
     line-height: 1.6em;
 }
 
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 /**
  * Render the `main` element consistently in IE.
  */
 main {
     display: block;
     padding-bottom: 2em;
 }
 
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
 h1 {
     font-size: 3em;
     margin: 0.67em 0;
 }
 
 /* Grouping content
      ========================================================================== */
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 /* Text-level semantics
      ========================================================================== */
 /**
  * Remove the gray background on active links in IE 10.
  */
 a {
     background-color: transparent;
     color: inherit;
     font-weight: bold;
     text-decoration: none;
 }
 
 /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
 }
 
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
 b,
 strong {
     font-weight: bolder;
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 /**
  * Add the correct font size in all browsers.
  */
 small {
     line-height: 1.0em;
     font-size: 80%;
     color: #071e22bf;
     display: inline-block;
 }
 
 /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 sup {
     top: -0.5em;
 }
 
 /* Embedded content
      ========================================================================== */
 /**
  * Remove the border on images inside links in IE 10.
  */
 img {
     border-style: none;
     max-width: 100%;
     width: auto;
 }
 
 /* Forms
      ========================================================================== */
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
 
 form.wpcf7-form input[type=submit].sending {
     background: #ff7417;
     color: #000;
     pointer-events: none;
 }
 
 form.wpcf7-form input[type=submit].sending+.ajax-loader {
     visibility: visible;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
 }
 
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
 button,
 input {
     overflow: visible;
 }
 
 /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
 select {
     text-transform: none;
 }
 
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
 /**
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
 /**
  * Correct the padding in Firefox.
  */
 fieldset {
     padding: 0.35em 0.75em 0.625em;
 }
 
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *      `fieldset` elements in all browsers.
  */
 legend {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
 }
 
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 progress {
     vertical-align: baseline;
 }
 
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 textarea {
     overflow: auto;
 }
 
 /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
 [type="checkbox"],
 [type="radio"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     width: auto;
 }
 
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }
 
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
 /* Interactive
      ========================================================================== */
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
 details {
     display: block;
 }
 
 /*
  * Add the correct display in all browsers.
  */
 summary {
     display: list-item;
 }
 
 /* Misc
      ========================================================================== */
 /**
  * Add the correct display in IE 10+.
  */
 template {
     display: none;
 }
 
 /**
  * Add the correct display in IE 10.
  */
 [hidden] {
     display: none;
 }
 
 /* Box sizing
 --------------------------------------------- */
 /* Inherit box-sizing to more easily change it's value on a component level.
 @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 *,
 *::before,
 *::after {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
 }
 
 html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 /*--------------------------------------------------------------
 # Base
 --------------------------------------------------------------*/
 /* Typography
 --------------------------------------------- */
 body,
 button,
 input,
 select,
 optgroup,
 textarea {
     color: var(--blue);
     font-family: "Jaldi", sans-serif;
     font-size: 1.2em;
 }
 
 h1,
 h2,
 h3 {
     line-height: 1.2em;
     text-transform: uppercase;
     margin: .5em 0 .25em;
     font-weight: 900;
 }
 
 h3 {
     font-size: 1.5em;
 }
 
 p {
     margin-bottom: 1.5em;
     color: #343434;
 }
 
 dfn,
 cite,
 em,
 i {
     font-style: italic;
 }
 
 blockquote {
     margin: 0 1.5em;
 }
 
 address {
     margin: 0 0 1.5em;
 }
 
 pre {
     background: #eee;
     font-family: monospace;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
 }
 
 code,
 kbd,
 tt,
 var {
     font-family: monospace;
 }
 
 abbr,
 acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
 }
 
 mark,
 ins {
     background: #fff9c0;
     text-decoration: none;
 }
 
 big {
     font-size: 125%;
 }
 
 /* Elements
 --------------------------------------------- */
 hr {
     background-color: #ccc;
     border: 0;
     height: 1px;
     margin-bottom: 1.5em;
 }
 
 ul,
 ol {
     margin: 1.5em 0 1.5em 2em;
     padding-left: .5em;
 }
 
 ul {
     list-style: disc;
 }
 
 ol {
     list-style: decimal;
 }
 
 li>ul,
 li>ol {
     margin-bottom: 0;
     margin-left: 1.5em;
 }
 
 dt {
     font-weight: 700;
 }
 
 dd {
     margin: 0 1.5em 1.5em;
 }
 
 /* Make sure embeds and iframes fit their containers. */
 embed,
 iframe,
 object {
     max-width: 100%;
 }
 
 img {
     height: auto;
     max-width: 100%;
 }
 
 .wp-block-image,
 figure {
     margin: 1em 0;
 }
 
 table {
     margin: 0 0 1.5em;
     width: 100%;
 }
 
 /* Links
 --------------------------------------------- */
 
 a:visited {}
 
 a:hover,
 a:focus,
 a:active {}
 
 a:focus {
     outline: thin dotted;
 }
 
 a:hover,
 a:active {
     outline: 0;
 }
 
 /* Forms
 --------------------------------------------- */
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 
     cursor: pointer;
 }
 
 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {}
 
 button:active,
 button:focus,
 input[type="button"]:active,
 input[type="button"]:focus,
 input[type="reset"]:active,
 input[type="reset"]:focus,
 input[type="submit"]:active,
 input[type="submit"]:focus {
     border-color: #aaa #bbb #bbb;
 }
 
 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 input[type="number"],
 input[type="tel"],
 input[type="range"],
 input[type="date"],
 input[type="month"],
 input[type="week"],
 input[type="time"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
     color: #666;
     border: 1px solid #ccc;
     border-radius: 3px;
     padding: .5em;
     font-weight: bold;
 }
 
 ::-webkit-input-placeholder {
     /* Edge */
     color: black;
 }
 
 :-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: black;
 }
 
 ::placeholder {
     color: black;
 }
 
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="number"]:focus,
 input[type="tel"]:focus,
 input[type="range"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="week"]:focus,
 input[type="time"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
     color: #111;
 }
 
 select {
     border: 1px solid #ccc;
 }
 
 textarea {
     width: 100%;
     height: 150px;
 }
 
 /*--------------------------------------------------------------
 # Layouts
 --------------------------------------------------------------*/
 .row.feedback img {
     max-height: 100px;
 }
 
 /*--------------------------------------------------------------
 # Components
 --------------------------------------------------------------*/
 /* Navigation
 --------------------------------------------- */
 .main-navigation ul ul {
     position: inherit;
     width: auto;
     padding: 0 !important;
 }
 
 .main-navigation ul ul ul {
     left: -999em;
     top: 0;
 }
 
 .main-navigation ul ul li:hover>ul,
 .main-navigation ul ul li.focus>ul {
     display: block;
     left: auto;
 }
 
 .main-navigation ul ul a {
     text-align: left;
     display: block !important;
 }
 
 .main-navigation ul li:hover>ul,
 .main-navigation ul li.focus>ul {
     left: auto;
 }
 
 nav li img,
 .main-navigation li img,
 header ul li img {
     filter: invert(1);
 }
 
 .main-navigation li {
     position: relative;
 }
 
 .main-navigation li ul li {
     display: block;
 }
 
 #header-number {
     position: absolute;
     top: 12px;
     right: 10px;
     transition: 0.5s;
 }
 
 #header-number:hover {
     opacity: 0.9;
 }
 
 /* Small menu. */
 .menu-toggle,
 .main-navigation.toggled ul {
     display: block;
     border: none !important;
     padding: .8em;
     text-align: left;
     background: #151518;
     z-index: 99;
 }
 
 
 .site-main .comment-navigation,
 .site-main .posts-navigation,
 .site-main .post-navigation {
     margin: 0 0 1.5em;
 }
 
 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
     -webkit-box-flex: 1;
     -webkit-flex: 1 0 50%;
     -ms-flex: 1 0 50%;
     flex: 1 0 50%;
 }
 
 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
     text-align: end;
     -webkit-box-flex: 1;
     -webkit-flex: 1 0 50%;
     -ms-flex: 1 0 50%;
     flex: 1 0 50%;
 }
 
 /** Desktop Top Bar **/
 div#desktop-top-bar {
     background: #333;
     color: #fff;
     /* z-index: 1001; */
     position: relative;
     font-size: .95em;
     font-weight: bold;
 }
 
 div#desktop-top-bar a {
     text-decoration: none;
     color: #fff;
 }
 
 
 /* Posts and pages
 --------------------------------------------- */
 
 div#page {
     overflow: hidden;
 }
 
 .sticky {
     display: block;
 }
 
 .post,
 .page {
     /* margin: 0 0 1.5em; */
 }
 
 .updated:not(.published) {
     display: none;
 }
 
 .page-content,
 .entry-content,
 .entry-summary {
     margin: 1.5em 0 0;
 }
 
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
 }
 
 /* Comments
 --------------------------------------------- */
 .comment-content a {
     word-wrap: break-word;
 }
 
 .bypostauthor {
     display: block;
 }
 
 /* Widgets
 --------------------------------------------- */
 .widget {
     margin: 0 0 1.5em;
 }
 
 .widget select {
     max-width: 100%;
 }
 
 /* Media
 --------------------------------------------- */
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
 }
 
 /* Make sure logo link wraps around logo image. */
 .custom-logo-link {
     display: inline-block;
 }
 
 /* Captions
 --------------------------------------------- */
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
 }
 
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 
 .wp-caption .wp-caption-text {
     margin: 0.8075em 0;
 }
 
 .wp-caption-text {
     text-align: center;
 }
 
 /* Galleries
 --------------------------------------------- */
 .gallery {
     margin-bottom: 1.5em;
     display: grid;
     grid-gap: .8em;
     grid-template-columns: repeat(2, 1fr);
 }
 
 .gallery-item {
     display: inline-block;
     text-align: center;
     width: 100%;
     margin: 0;
 }
 
 .gallery-columns-2 {
     grid-template-columns: repeat(2, 1fr);
 }
 .gallery-columns-6 {
     grid-template-columns: repeat(3, 1fr);
 }
 .gallery-caption {
     display: block;
 }
 
 /*--------------------------------------------------------------
 # Plugins
 --------------------------------------------------------------*/
 /* Jetpack infinite scroll
 --------------------------------------------- */
 /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
 .infinite-scroll .posts-navigation,
 .infinite-scroll.neverending .site-footer {
     display: none;
 }
 
 /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
 .infinity-end.neverending .site-footer {
     display: block;
 }
 
 /*--------------------------------------------------------------
 # Utilities
 --------------------------------------------------------------*/
 /* Accessibility
 --------------------------------------------- */
 /* Text meant only for screen readers. */
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     word-wrap: normal !important;
 }
 
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     -webkit-clip-path: none;
     clip-path: none;
     color: #21759b;
     display: block;
     font-size: 0.875rem;
     font-weight: 700;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
 }
 
 /* Do not show the outline on the skip link target. */
 #primary[tabindex="-1"]:focus {
     outline: 0;
 }
 
 /* Alignments --------------------------------------------- */
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.5em;
 }
 
 i {
     margin: 0;
     padding: 0;
 }
 
 i.sprite.phone {
     display: inline-block;
     height: 35px;
     width: 30px;
     background: url(/wp-content/uploads/2022/10/phone-icon-2.png);
     background-size: auto 100%;
     background-position: -5px 0px;
 }
 
 i.sprite.down {
     display: inline-block;
     height: 35px;
     width: 35px;
     background: url(/wp-content/uploads/2022/08/icon-spitesheet.png) -32px 0;
     background-size: auto 100%;
 }
 
 i.sprite.right {
     display: inline-block;
     height: 35px;
     width: 35px;
     background: url(/wp-content/uploads/2022/08/icon-spitesheet.png) -64px 0;
     background-size: auto 100%;
 }
 
 i.sprite.pin {
     display: inline-block;
     height: 35px;
     width: 28px;
     background: url(/wp-content/uploads/2022/10/map-pin.png) -104px 0;
     background-size: auto 100%;
 }
 
 .far.fa-star.star {
     display: inline-block;
     height: 30px;
     width: 30px;
     background: url(/wp-content/uploads/2022/08/icon-spitesheet.png) 60px 0;
     background-size: auto 100%;
 }
 
 .fas.fa-star.star {
     display: inline-block;
     height: 30px;
     width: 30px;
     background: url(/wp-content/uploads/2022/08/icon-spitesheet.png) 30px 0;
     background-size: auto 100%;
 }
 
 .slider-wrapper {
     position: relative;
     overflow: hidden;
     width: 100%;
 }
 
 .slider-wrapper .slides-container {
     overflow: hidden;
     scroll-behavior: smooth;
     list-style: none;
     margin: 0;
     padding: 0;
     flex-wrap: nowrap;
 }
 
 .slider-wrapper .slides-container .slide {
     width: 100%;
     height: 60vh;
     -webkit-box-flex: 1;
     -webkit-flex: 1 0 100%;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
     background-size: cover;
 }
 
 .slider-wrapper .slides-container .slide .slider-content {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-flow: column wrap;
     -ms-flex-flow: column wrap;
     flex-flow: column wrap;
     height: 100%;
     /*  background: rgba(0, 0, 0, 0.45);*/
     padding: 1em 2em;
     text-align: center;
 }
 
 .slider-wrapper .slide-header {
     font-size: 2em;
     font-weight: 900;
     line-height: 1.1em;
     text-shadow: 3px 3px 8px #000;
     color: #fff;
     margin-bottom: 1rem;
 }
 
 .slider-wrapper .slides-container .slide .slider-content .all-the-ctas .btn:hover:after {
     opacity: 1;
     right: -18px;
 }
 
 .thumbs {
     margin: 30px 30px 20px;
 }
 
 .thumbs img {
     border: none;
     padding: 2em;
     filter: invert(1);
     max-height: 180px;
     display: block;
 }
 
 .up-down a.link {
     background: rgb(0 0 0) !important;
     display: inline-block;
     border-radius: 100%;
     padding: 5px;
 }
 
 .up-down a.link:hover {
     opacity: 0.8;
 }
 
 .thumbs#thumbs-down img {
     -webkit-transform: scaley(-100%);
     -ms-transform: scaley(-100%);
     transform: scaley(-100%);
 }
 
 #wform label {
     display: block;
 }
 
 .text-capitalize {
     text-transform: capitalize;
 }
 
 #hp {
     opacity: 0;
     margin: 0;
     position: fixed;
     top: -99999999px;
 }
 
 .gallery-icon:hover {
     cursor: pointer;
 }
 
 #glass {
     position: fixed;
     top: 0;
     display: none;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     background: rgba(0, 0, 0, 0.85);
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     width: 100vw;
     height: 100vh;
     z-index: 11900;
 }
 
 #glass .gallery-img {
     display: none;
 }
 
 #glass .gallery-img.active {
     display: block;
     z-index: 12900;
 }
 
 #glass::after {
     display: block;
     content: "X";
     position: fixed;
     top: 100px;
     right: 100px;
     font-size: 72px;
     color: #fff;
 }
 
 h2 {
     font-size: 2em;
 }
 
 .entry-content {
     margin-top: 0;
 }
 
 .archive .page-title {
     margin-top: 0;
 }
 
 header#masthead {
     clear: left;
     width: 100%;
     z-index: 999;
     padding: 5px 0;
     text-align: center;
     background: #fff;
     transition: all 0.25s ease-in-out;
 }
 
 #logo,
 .logo-mobile {
     color: #000;
 }
 
 #logo img {
     max-height: 84px;
     transition: all 0.5s ease-in-out;
     padding: 10px 0px;
 }
 
 .logo-mobile img {
     max-height: 54px;
 }
 
 #header-number a {
     text-decoration: none;
     cursor: pointer;
     font-size: 1.2em;
     font-weight: bold;
     -webkit-transition: all ease .25s;
     transition: all ease .25s;
     text-align: center;
     background: var(--burgundy);
     color: #ffffff;
     padding: .7em .55em;
 }
 
 #header-number a:hover {
     opacity: 0.9;
 }
 
 #header-number a img {
     height: 23px;
     margin-right: 5px;
     filter: invert(1);
 }
 
 #masthead #site-navigation .current_page_item a {
     position: relative;
     color: var(--blue);
 }
 
 #masthead ul li a {
     font-size: 1.1em;
     display: block;
     text-decoration: none;
     padding: 7px 3px;
     font-weight: 500;
     text-transform: uppercase;
 }
 
 /* SHIFT */
 .main-navigation ul ul {
     position: inherit;
     width: auto;
     padding: 0 !important;
     height: auto;
 }
 
 .main-navigation ul ul ul {
     left: -999em;
     top: 0;
 }
 
 .main-navigation ul ul li:hover>ul,
 .main-navigation ul ul li.focus>ul {
     display: block;
     left: auto;
 }
 
 .main-navigation ul ul a {}
 
 .main-navigation ul li:hover>ul,
 .main-navigation ul li.focus>ul {
     left: auto;
 }
 
 .main-navigation li {
     position: relative;
 }
 
 /* SHIFT */
 .main-navigation.shift ul li a {
     position: relative;
     z-index: 1;
 }
 
 .main-navigation.shift ul li a:hover {
     color: #ffffff !important;
 }
 
 .main-navigation.shift ul li a:after {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     width: 100%;
     height: 1px;
     content: '.';
     color: transparent;
     background-color: var(--burgundy);
     visibility: none;
     opacity: 0;
     z-index: -1;
 }
 
 .main-navigation.shift ul li a:hover:after {
     opacity: 1;
     visibility: visible;
     height: 100%;
 }
 
 .main-navigation ul li a,
 .main-navigation ul li a:after,
 .main-navigation ul li a:before {
     transition: all 0.5s;
 }
 
 /* Keyframes */
 @-webkit-keyframes fill {
     0% {
         width: 0%;
         height: 1px;
     }
 
     50% {
         width: 100%;
         height: 1px;
     }
 
     100% {
         width: 100%;
         height: 100%;
         background-color: var(--burgundy);
     }
 }
 
 #masthead #site-navigation .sub-menu a:hover {
     -webkit-box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.5);
     box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.5);
 }
 
 .breakout {
     background-color: var(--light);
     padding: 1em 0;
     width: 100vw;
     position: relative;
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
     margin-top: 3em;
     margin-bottom: 3em;
 }
 
 .breakout .cta-area img {
     filter: invert(0);
     vertical-align: middle;
 }
 
 .first-b {
     margin-top: 0;
 }
 
 body.page-id-676 #primary label {
     position: absolute;
     left: -9999px;
 }
 
 input {
     width: 100%;
     margin-bottom: 5px;
 }
 
 .fancylist {
     list-style: none;
 }
 
 .fancylist li {
     position: relative;
     margin: .5em 0;
 }
 
 .fancylist li::before {
     position: absolute;
     left: -30px;
     top: 2px;
     content: '';
     display: block;
     width: 18px;
     height: 18px;
     background: url(/wp-content/uploads/2022/08/icon-spitesheet.png) -67px -6px;
     -webkit-filter: invert(1);
     filter: invert(1);
     background-size: auto 170%;
     background-color: #fff;
     border-radius: 50%;
 }
 
 .btn,
 input[type='submit'] {
     padding: 15px 20px;
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     cursor: pointer;
     display: inline-block;
     margin: 10px 0;
     color: #ffffff;
     border: 1px solid var(--burgundy);
     background-image: -webkit-linear-gradient(30deg, var(--burgundy) 50%, transparent 50%);
     background-image: linear-gradient(30deg, var(--burgundy) 50%, transparent 50%);
     background-size: 300%;
     background-repeat: no-repeat;
     background-position: 0%;
     -webkit-transition: background 300ms ease-in-out;
     transition: background 300ms ease-in-out;
     background-color: var(--blue);
 }
 
 .btn:hover,
 input[type='submit']:hover {
     background-position: 100%;
     color: var(--light);
     border-color: var(--blue);
 
 }
 
 .invert .btn:hover,
 .invert input[type='submit']:hover {
     border-color: #FFF;
 }
 
 input[type='submit'] {
     width: auto;
 }
 
 footer {
     color: #FFF
 }
 
 .byline {
     font-weight: 700;
 
 }
 
 .blog,
 .blog a,
 .entry-title,
 .entry-title a {
     text-decoration: none;
 }
 
 .widget-w {
     padding: 1em;
     background: #ededed;
     margin-top: 1em;
 }
 
 .widget-w h2 {
     margin-top: .5em;
 }
 
 .entry-meta,
 .entry-meta a {
     color: #B3B7BC;
 }
 
 footer.entry-footer {
     margin: 0;
     display: none;
 }
 
 footer#colophon {
     background: var(--blue);
     color: #fff;
     padding-top: 1.5em;
 }
 
 footer h2 {
     margin: .5em 0 .5em;
     font-size: 1.5em;
     color: #fff;
 }
 
 .cta-area * {
     vertical-align: top;
     text-indent: -44px;
     margin-left: 14px;
 }
 
 .cta-area p {
     margin-bottom: .2em;
 }
 
 .cta-area img {
     margin-right: 5px;
     max-height: 25px;
 }
 
 footer .cta-area a {
     display: block;
     color: #fff;
     text-decoration: none;
     font-weight: 700;
     padding-bottom: 0px;
     position: relative;
 }
 
 footer .cta-area a i {
     position: absolute;
     left: -32px;
     bottom: 2px;
     border: 1px solid rgba(0, 0, 0, 0);
     top: -5px;
 }
 
 .social-icons {
     margin-top: 25px;
 
     img {
         margin-right: 5px;
         max-height: 30px;
     }
 }
 
 .hours-wrap .today {
     font-weight: 700;
/*      color: var(--burgundy) !important; */
 }
 
 .b-feed .feedback {
     width: 950px;
     max-width: 100%;
 }
 
 .review-nav-container a {
     color: #fff;
 }
 
 .rev-cont {
     margin-top: 3em;
     margin-bottom: 0em;
 }
 
 .review-nav-container {
     margin-top: 2em;
 }
 
 .review-nav-container ul {
     margin: 10px 0px !important;
     padding-left: 0;
     background-color: var(--blue);
     border-radius: 50px;
     padding: 10px;
     width: auto;
 }
 
 .active-page {
     background: #00000078;
     border-radius: 50px;
     padding: 5px 10px;
 }
 
 .review-page .human-button-w input#biziq-is-human,
 .review-page .human-button-w .biziq-is-human-q {
     margin: 0;
     padding: 0;
     max-width: 50px;
 }
 
 .review-page .human-button-w .biziq-is-human-q {
     max-width: 500px;
 }
 
 #leaveAreview-form {
     display: none;
 }
 
 .open-review-form+#leaveAreview-form {
     display: block;
 }
 
 .rev-wrap {
     padding: 2.5em 1.5em 1em;
     position: relative;
     margin: 0 0em 0;
     border-radius: 0rem;
     background-color: var(--light);
 }
 
 .rev-wrap:before {
     content: '\201C ';
     font-family: Times New Roman, Georgia;
     font-weight: bold;
     position: absolute;
     background: #000;
     border-radius: 100%;
     -moz-border-radius: 100%;
     -webkit-border-radius: 100%;
     width: 50px;
     height: 50px;
     color: #ffffff;
     text-align: center;
     line-height: 67px;
     font-size: 3em;
     top: -22px;
     left: calc(50% - 25px);
     -webkit-box-shadow: 2px 2px 5px #00000066;
     box-shadow: 2px 2px 5px #00000066;
 }
 
 .review-container .rev-cont .rev-wrap {}
 
 .large-wrapper {
     max-width: 1250px;
     margin: 0 auto;
     padding: 0 30px;
 }
 
 .medium-wrapper {
     max-width: 900px;
     margin: 0 auto;
 }
 
 .small-wrapper {
     max-width: 800px;
     margin: 0 auto;
 }
 
 .small-wrapper,
 .medium-wrapper {}
 
 .breakout .small-wrapper,
 .breakout .medium-wrapper {
     padding: 0 30px;
 }
 
 .fixed {
     position: fixed !important;
     background: #222;
 }
 
 .fixed #logo img {
     max-height: 60px;
     width: auto;
 }
 
 /*---------BOOTSTRAP--------*/
 .order-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
 }
 
 .order-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
 }
 
 .order-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3;
 }
 
 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -20px;
     margin-left: -20px;
 }
 
 .row>div {
     width: 100%;
     box-sizing: border-box;
     padding: 0 20px;
 }
 
 .bg-img,
 .breakout,
 .d-flex,
 .comment-navigation .nav-links,
 .posts-navigation .nav-links,
 .post-navigation .nav-links {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
 }
 
 .col-12,
 .w-100 {
     width: 100%;
 }
 
 .h-100 {
     height: 100%;
 }
 
 .p-0 {
     padding: 0;
 }
 
 .m-0 {
     margin: 0;
 }
 
 .mr-3 {
     margin-right: 1rem !important;
 }
 
 .my-1 {
     margin-top: .25rem !important;
     margin-bottom: .25rem !important;
 }
 
 .my-2 {
     margin-top: .5rem !important;
     margin-bottom: .5rem !important;
 }
 
 .my-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
 }
 
 .my-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
 }
 
 .my-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
 }
 
 .mt-5 {
     margin-top: 3rem !important;
 }
 
 .mb-5 {
     margin-bottom: 3rem !important;
 }
 
 .py-1 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
 }
 
 .py-2 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
 }
 
 .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
 }
 
 .py-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
 }
 
 .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
 }
 
 .px-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
 }
 
 .px-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
 }
 
 .px-5 {
     padding-right: 2rem !important;
     padding-left: 2rem !important;
 }
 
 .mb-3 {
     margin-bottom: 1rem !important;
 }
 
 .mb-4 {
     margin-bottom: 1.5rem !important;
 }
 
 .mb-0 {
     margin-bottom: 0 !important;
 }
 
 .mt-0 {
     margin-top: 0 !important;
 }
 
 .align-items-start {
     align-items: start;
 }
 
 .justify-content-space-between {
     justify-content: space-between;
 }
 
 .justify-content-center {
     justify-content: center;
 }
 
 .justify-content-start {
     justify-content: start;
 }
 
 .text-left {
     text-align: left !important;
 }
 
 .text-right {
     text-align: right !important;
 }
 
 .text-center {
     text-align: center !important;
 }
 
 .d-inline-block {
     display: inline-block;
 }
 
 .d-block {
     display: block;
 }
 
 .align-items-center {
     align-items: center;
 }
 
 .d-none {
     display: none;
 }
 
 /*----------USEFUL CLASSES-----------*/
 .dk {
     background-color: #030303;
 }
 .parallaxbox {
     border: solid 3px var(--blue);
     border-radius: 20px;
     background: #ffffffdb;
 }
 .coast {
    background-image: linear-gradient(rgb(255 255 255 / 70%), rgb(255 255 255 / 70%)), url(/wp-content/uploads/Coast.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
 }
 
 .box {
     padding: 1em 1em 0;
     border: solid 3px var(--blue);
     height: 100%;
     margin-top: 1em;
     transform: scale(.95);
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     background: #ffffff69;
 }
 
 .box-icon {
     max-width: 45px;
     margin-left: 10px auto;
 }
 
 .line {
     display: block;
     max-width: 110px;
     height: 3px;
     background: var(--blue);
     margin: 15px 0 20px 0;
 }
 
 .invert *,
 .invert h1,
 .invert h2,
 .invert h3,
 .invert h4 {
     color: #fff;
 }
 
 .breakout .large-wrapper {
     /* margin: 0 2em; */
 }
 
 .last-b {
     margin-bottom: -2em;
 }
 
 .bg-img {
     position: relative;
     background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     min-height: 250px;
     flex-direction: column;
 }
 
 .bg-c {
     background-position: center;
 }
 
 header #site-navigation {
     margin-top: 0 !important;
     top: 0;
     left: 0;
     padding: 0px 0;
     width: 100%;
     align-items: center;
     justify-content: center;
 }
 
 .menu-toggle {
     background: transparent;
     padding: 3px 10px;
 }
 
 #site-navigation .menu-toggle .bar {
     display: block;
     margin-top: 5px;
     margin-bottom: 6px;
     height: 5px;
     width: 40px;
     border-radius: 20px;
     background: #fff;
 }
 
 .main-navigation ul {
     position: fixed;
     top: 0;
     left: 0;
     width: 60%;
     height: 100vh;
     margin: 0 !important;
     display: none;
     list-style: none;
     padding-left: 0;
 }
 
 #masthead #primary-menu .sub-menu li a {
     border-bottom: 2px #00000017 solid;
 }
 
 #masthead #primary-menu .sub-menu li a:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #00000017;
 }
 
 .menu-item-has-children>a:after {
     content: "\276F";
     display: inline-block;
     padding-right: 0px;
     margin-left: 8px;
     margin-right: 6px;
     transform: rotate(90deg);
     transition: all 0.35s;
 }
 
 .nav-bar a[href="#"] {
     pointer-events: none;
     cursor: default;
 }
 
 footer .btn {
    display: block;
    max-width: 80%;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    margin-right: 0;
    color: #FFF;
    border: solid 1px #fff;
 }
 
 footer .btn:hover {
     color: #ffffff;
 }
 
 @media only screen and (min-width: 576px) {
     .gallery-columns-4 {
         grid-template-columns: repeat(4, 1fr);
     }
         .gallery-columns-6 {
             grid-template-columns: repeat(6, 1fr);
         }
 }
 
 @media only screen and (min-width: 768px) {
     
     .box:hover {
         background: var(--burgundy);
         transform: scale(1);
         color: #fff;
     }

     .box:hover p, .box:hover small {
        color: #fff;
     }

     .box:hover .line {
        background: #fff;
     }
 
     .order-md-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
     }
 
     .order-md-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
     }
 
     .order-md-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
     }
 
     header#masthead {
         text-align: inherit;
         margin-top: 0;
         padding: 5px 0;
         background: #fffffff5;
     }
 
     #header-number {
         position: initial;
     }
 
     div#desktop-top-bar {
         display: block;
     }
 
 
     body.home header#masthead {
         position: fixed;
     }
 
     .slider-wrapper .slides-container .slide .slider-content {
         padding: 2em 2em;
         justify-content: flex-end;
         max-width: 1200px;
         margin: 0 auto;
         text-align: center;
     }
 
     .slider-wrapper .slides-container .slide .slider-content .all-the-ctas .btn {
         font-size: 1.1em;
     }
 
     .menu-toggle {
         display: none;
     }
 
     .main-navigation ul {
         display: block;
         position: inherit;
         width: auto;
         text-align: center;
     }
 
     header #site-navigation {
         position: inherit;
         display: flex;
         height: auto;
         width: 100%;
         top: auto;
         text-align: inherit;
         background: transparent;
         justify-content: center;
         align-items: center;
     }
 
     .main-navigation.toggled ul {
         display: flex;
         background: transparent;
     }
 
     .main-navigation ul {
         justify-content: center;
         height: auto;
     }
 
     .main-navigation ul ul {
         position: absolute;
         top: 100%;
         left: -999em;
         z-index: 99999;
         min-width: 260px;
         background: #ffff;
         display: block;
         text-align: left;
         box-shadow: 0 0 2px #535353;
     }
 
     #masthead ul li a {
         display: inline-block;
         font-size: 1.0em;
         padding: 5px 10px;
     }
 
     .justify-content-md-center {
         justify-content: center;
     }
 
     .text-md-left {
         text-align: left;
     }
 
     .main-navigation li {
         margin: 0px;
         text-align: center;
         display: inline-block;
     }
 
     .large-wrapper {
         padding: 0 2em;
     }
 
     .text-md-right {
         text-align: right;
     }
 
     header .large-wrapper {
         max-width: inherit;
     }
 
     .col-md-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
 
     .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
 
     .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }
 
     .col-md-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
 
     .col-md-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 
     .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
         padding: 0 1.5em;
     }
 
     .col-md-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 
     .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
 
     .d-md-none {
         display: none !important;
     }
 
     .d-md-block {
         display: block !important;
     }
 
     .slider-wrapper .slides-container .slide {
         height: 90vh;
     }
 
     .slider-wrapper .slide-header {
         font-size: 2.1em;
         text-align: center;
     }
 
     .slider-wrapper .slide-subheader {
         font-size: 1.5em;
         max-width: 1000px;
         display: block;
     }
 
     .bg-img {
         min-height: 250px;
     }
 
     .parallax {
         background-attachment: fixed;
     }
 
     .alignleft {
         float: left;
         margin-right: 1.5em;
         max-width: 50%;
     }
 
     .alignright {
         float: right;
         margin-left: 1.5em;
         max-width: 50%;
     }
 
 
     .pr-md-5 {
         padding-right: 3rem !important;
     }
 
     .menu-menu-1-container {
         width: 100%;
     }
 }
 
 @media only screen and (min-width: 992px) {
     .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }
 
     .col-lg-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
 }
 
 @media only screen and (max-width: 575px) {
     header .row>div {
         padding: 0 0.5em;
     }
 }
 
 @media only screen and (max-width: 767px) {
    h1, h2, h3 {
        line-height: 1em;
    }
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.7em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.3em;
    }
     #site-navigation-mobile {
         display: block !important;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         height: auto;
     }
 
     #site-navigation-mobile .nav-menu-toggle {
         position: fixed;
         border: none;
         top: 20px;
         left: 10px;
         height: 50px;
         width: 45px;
         background: transparent;
     }
 
     #site-navigation-mobile .nav-menu-toggle .bar {
         position: absolute;
         left: 0;
         width: 100%;
         height: 5px;
         background: var(--blue);
         top: 20px;
     }
 
     #site-navigation-mobile .nav-menu-toggle .bar:nth-child(1) {
         top: 5px;
     }
 
     #site-navigation-mobile .nav-menu-toggle .bar:nth-child(3) {
         top: 35px;
     }
 
     .large-wrapper-nav {
         position: fixed;
         min-width: 230px;
         top: 0;
         left: -100vw;
         bottom: 0;
         background: #fff;
         z-index: 99;
     }
 
     .large-wrapper-nav.toggled {
         left: 0 !important;
     }
 
     .large-wrapper-nav .menu-menu-1-container {
         text-align: left;
     }
 
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .menu-item {
         list-style: none;
         padding: 10px 8px;
         border-bottom: 2px #00000033 solid;
         margin: 0px 0px 0px -10px;
     }
 
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .menu-item a {
         display: inline;
     }
 
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .sub-menu {
         max-height: 350px;
         overflow: auto;
         display: none;
         margin: 0;
     }
 
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .sub-menu li,
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .sub-menu a {
         background: none !important;
         text-decoration: none;
     }
 
     .large-wrapper-nav .menu-menu-1-container #primary-menu-nav .sub-menu.active {
         display: block !important;
     }
 }
 
 
 
 .toggled.nav-glass {
     content: "";
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: -1;
     background: rgba(0, 0, 0, 0.5);
 }
 
 #site-navigation-mobile {
     display: none;
     z-index: 999999;
 }
 
 ul#primary-menu-nav {
     padding: 0;
     margin: 0 0 0 10px;
 }
 
 .no-hand a {
     cursor: inherit;
 }
 
 .logo-mobile {
     max-width: 80%;
     font-size: 40px;
     line-height: 1.0em;
     text-decoration: none;
 }
 
 /*  SCOLL ANIMATIONS  */
 
 .not.visible {
     opacity: 0;
     visibility: hidden;
     transform: translateX(0px);
     transform: translateY(0px);
 }
 
 .not.visible.left {
     opacity: 0;
     visibility: hidden;
     transform: translateX(-150px);
 }
 
 .not.visible.bottom {
     opacity: 0;
     visibility: hidden;
     transform: translateY(150px);
 }
 
 .not.visible.right {
     opacity: 0;
     transform: translateX(150px);
 }
 
 .visible,
 .visible.right,
 .visible.left {
     opacity: 1;
     visibility: visible;
     transform: translateX(0px);
     transform: translateY(0px);
     transition: all ease 1s !important;
 }
form textarea, form input[type]:not([type="checkbox"]):not([type="button"]):not([type="submit"]):not([hidden]){ display: block; }
.form-container.hide:not([style*=dis]){display: none;}