/*
Theme Name: Roobykon
Author: Roobykon team
Description: Roobykon site theme.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 5.6

Tags: Blog, Two-columns, Right-sidebar, custom-header, custom-menu, featured-images, full-width-template, editor-style, microformats, post-formats, sticky-post, flexible-header 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Custom css
# Typography
# Elements
# Forms
# Header
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Responsive style 
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

:root {
  --white: #F7F8FA;
  --dark: #484848;
  --gray: #C9C9C9;
  --grayDark: #D0D0D0;
  --grayBorder: #C4C4C4;
  --grayLightBorder: #D9D9D9;
  --yellow: #B15800;
  --lightYellow:#F48A1F;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('./ProximaNova/proximanova-light.ttf');
    src: url('./ProximaNova/proximanova-light.eot?#iefix') format('embedded-opentype'),
         url('./ProximaNova/proximanova-light.woff2') format('woff2'),
         url('./ProximaNova/proximanova-light.woff') format('woff'),
         url('./ProximaNova/proximanova-light.ttf') format('truetype'),
         url('./ProximaNova/proximanova-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('./ProximaNova/proximanova-regular.ttf');
    src: url('./ProximaNova/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('./ProximaNova/proximanova-regular.woff2') format('woff2'),
         url('./ProximaNova/proximanova-regular.woff') format('woff'),
         url('./ProximaNova/proximanova-regular.ttf') format('truetype'),
         url('./ProximaNova/proximanova-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('./ProximaNova/proximanova-semibold.ttf');
    src: url('./ProximaNova/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
         url('./ProximaNova/proximanova-semibold.woff2') format('woff2'),
         url('./ProximaNova/proximanova-semibold.woff') format('woff'),
         url('./ProximaNova/proximanova-semibold.ttf') format('truetype'),
         url('./ProximaNova/proximanova-semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('./ProximaNova/proximanova-bold.ttf');
    src: url('./ProximaNova/proximanova-bold.eot?#iefix') format('embedded-opentype'),
         url('./ProximaNova/proximanova-bold.woff2') format('woff2'),
         url('./ProximaNova/proximanova-bold.woff') format('woff'),
         url('./ProximaNova/proximanova-bold.ttf') format('truetype'),
         url('./ProximaNova/proximanova-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

html {
  scroll-behavior: smooth;
  font-family: 'ProximaNova', monospace;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

body.sidemenu_open {
  height: 100vh;
  overflow: hidden;
}

body .sidemenu section {
  border: none;
}

/* body.home:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  background: url("https://staging.roobykon.net/wp-content/uploads/2022/06/main-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: -1;
} */

article,
aside,
details,
figcaption,
figure,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  text-decoration: none;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# custom css
--------------------------------------------------------------*/
html,
body {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  overflow-x: hidden;
}

.baby-container {
  width: 100% !important;
  margin: 0 auto;
}
.content-area {
  float: left;
  margin: 0;
  width: 100%;
}
.content-area.full-width {
  width: 100%;
  margin: 0;
  float: none;
}
.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 24%;
}
.left-sidebar .content-area {
  float: right;
  margin: 0 0 0 2%;
  width: 74%;
}
.site-content.left-sidebar .widget-area {
  float: left;
}
.full-width .content-area {
  width: 90%;
  margin-left: 5%;
}
.site-content.full-width .widget-area {
  float: inherit;
  overflow: hidden;
  width: 90%;
  margin-left: 5%;
}
.site-content.full-width aside section.widget {
  width: 31%;
  float: left;
  margin: 0 1% 15px 1%;
  min-height: 250px;
}

.site-main article,
.site-main section,
.comments-area,
.site-footer .site-info,
.page-header {
  padding: 30px;
}

.site-header .site-branding {
  padding: 15px 0;
}
.widget {
  padding: 20px;
}

article.sticky {
  position: relative;
  overflow: hidden;
}

article.sticky:before {
  position: absolute;
  content: "sticky";
  width: 120px;
  height: 60px;
  background: #000;
  top: 0;
  right: 0;
  color: var(--white);
  padding: 30px 0 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  margin: -7px -38px 0 6px;
  text-transform: uppercase;
}
.entry-content table,
.comment-content table {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.entry-content table td,
.entry-content table th,
.comment-content table td,
.comment-content table th {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
}

.entry-content table th,
.comment-content table th {
  background: #ccc;
}

.page-links a {
  background: #000;
  color: var(--white);
  padding: 2px 10px;
  margin: 0 3px;
}

.page-links a:hover {
  background: #555;
}
.redmore-btn {
  margin-bottom: 1.5em;
}

.site-branding.logo-left {
  text-align: left;
}
.site-branding.logo-right {
  text-align: right;
}
.site-branding.logo-center {
  text-align: center;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
  color: #1D173D;
  font-family: 'ProximaNova', monospace, sans-serif;
  font-size: 17px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: 'ProximaNova', monospace, sans-serif;
  font-weight: 400;
  margin-top: 0;
  white-space: normal;
  /* letter-spacing: 1px; */
}
h1 {
  font-size: 50px;
}
h2 {
  font-size: 28px;
  line-height: 1.2;
}

p {
  margin-bottom: 1.5em;
  margin-top: 0;
  color: #0A0528;
  white-space: normal;
}

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

blockquote,
.format-quote p {
  margin: 0 1.5em 1.5em;
  font-size: 20px;
  border-left: 5px solid #ccc;
  padding-left: 15px;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: var(--white);
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  border: 1px solid #ccc;
}

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

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

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

big {
  font-size: 125%;
}

.yellow-text {
  color: var(--yellow) !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: var(--white);
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  padding: 0;
  margin: 0 0 1.5em 3em;
  white-space: normal;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0 1.5em;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #000000;
  color: var(--white);
  font-size: 14px;
  line-height: 1;
  padding: 0.8em 1.8em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  background: #000;
  color: var(--white);
}

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;
  background: #555;
  color: var(--white);
}

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: 3px;
}

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%;
}

.colored-text {
  color: var(--yellow) !important;
}

.colored-list li::marker {
  color: var(--yellow) !important;
}

.middle-text {
  font-size: 20px;
  line-height: 1.5;
}

.block-title {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}

@media screen and (min-width: 1600px) and (max-width: 1680px) {
  .hide-on-mid-screen {
    display: none;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header.site-header {
  position: relative;
  z-index: 10;
}

.header-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background: #fff;
}

.header-content:after {
  content: "";
  display: block;
  position: fixed;
  left: 15px;
  top: 60px;
  width: calc(100% - 30px);
  border-bottom: 1px solid #373737;
}

/* @media screen and (min-width: 360px) {
  .header-content:after {
    top: 60px;
  }
} */

.header-logo {
  height: 40px;
  display: flex;
  align-items: center;
}

.header-logo:focus,
.header-logo:hover {
  outline: none;
}

.header-logo svg path {
  fill: #1D173D;
}

.header-get-in-toch {
  position: fixed;
  bottom: 32px;
  left: 15px;
  right: 15px;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  background: var(--yellow);
  color: var(--white);
  transition: all .3s;
  text-align: center;
  
  display: none;
}

@media screen and (min-width: 768px) {
  .header-get-in-toch {
    display: flex;
    margin-right: 10px;
    font-weight: 500;
  }
}
@media screen and (min-width: 786px) {
  .header-get-in-toch {
    margin-right: 0;
  }
}

.header-get-in-toch:hover,
.header-get-in-toch:focus {
  color: var(--white);
  background: var(--yellow);
}

.get-in-toch-holder {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 768px) {
  .get-in-toch-holder {
    display: none;
  }
}

.get-in-toch-holder .header-get-in-toch {
  display: flex;
  justify-content: center;
  position: static;
}

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

  .header-content {
    padding: 10px 90px 10px 15px;
    border-bottom: none;
    width: 100%;
    left: 0;
    /* background: transparent; */
  }

  .header-content:after {
    display: none;
  }
  
  .header-get-in-toch {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: var(--white);
    background: var(--yellow);
    border: 1px solid var(--yellow);
    padding: 0 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
  }
  
  .header-get-in-toch:hover,
  .header-get-in-toch:focus {
    background: none;
    color: var(--yellow);
    border: 1px solid var(--yellow);
  }
}

@media screen and (min-width: 1280px) {
  .header-content {
    padding: 10px 140px 10px 64px;
  }
}

@media screen and (min-width: 1921px) {
  .header-get-in-toch {
    font-size: 24px;
  }
}

.site-title {
  font-size: 60px;
  margin-bottom: 5px;
  text-transform: uppercase;
  line-height: 45px;
}
.site-title a {
  text-shadow: 3px 4px #ccc;
  color: #000;
}
.site-title a:hover {
  text-decoration: none;
}
.site-branding {
  text-align: center;
}
.site-description {
  font-size: 20px;
  margin: 14px 0;
  color: #555;
}
.title-left header.entry-header {
  text-align: left !important;
}
header.baby-head-img {
  position: relative;
  padding-top: 0;
}

header.baby-head-img .site-branding {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  right: auto;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 80px;
}

.header-img {
  height: 250px;
}
.baby-head-img p.site-description {
  color: var(--white);
}
.header-img img {
  height: 250px;
  width: 100%;
}
section.home-feature-slider {
  margin-top: -1.5em;
}
.menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.menu-bar {
  /* display: none; */
}

.header-search {
  width: 30px;
  overflow: hidden;
  margin-left: auto;
  text-align: right;
}
.menu-bar.text-right nav {
  margin-left: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.menu-bar.text-center nav {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.header-search i {
  color: var(--white);
  cursor: pointer;
}
.header-search-form {
  position: absolute;
  right: 170px;
  bottom: -40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  visibility: hidden;
}
.header-search-form.show {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 99999;
}
.header-search-form form {
  overflow: hidden;
}
.header-search-form form input {
  height: 35px;
  padding: 10px 15px;
}

input.search-submit .header-search-form form input {
}

.header-search-form form input.search-submit {
  margin: 0 0 0 -5px;
  border: 1px solid #222;
  height: 35px;
}

.header-search-form form input.search-submit:hover {
  background: #222;
}

.small-title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media screen and (min-width: 1025px) {
  .small-title {
    font-size: 36px;
  }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}

a:visited {
  /* color: purple; */
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
}

a:focus {
  outline: thin dotted;
}

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

.menu-bar {
  position: relative;
}

div#baby-menu ul {
  margin: 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

html body .slicknav_menu {
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  left: auto;
  right: 8px;
  top: 20px;
  background: none;
}

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

  html body .slicknav_menu {
    right: 30px;
    top: 25px;
    height: 36px;
    width: 64px;
    background: none;
  }
}

html body .slicknav_menu .slicknav_nav {
  min-width: 250px;
  position: fixed;
  width: calc(100% + 2px);
  height: 100% !important;
  background: #1D173D;
  transition: all 0.5s;
  top: 0;
  left: 100%;
  transform: translateX(100%);
}

@media screen and (min-width: 768px) {
  html body .slicknav_menu .slicknav_nav {
    background: var(--white);
  }
}

@keyframes menu-slide-effect {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(50%);
  }
}

html body .slicknav_menu .slicknav_open {

}

html body .slicknav_menu .slicknav_open + .slicknav_nav {
  animation-name: menu-slide-effect;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  left: calc(-50% - 2px);

  overflow-y: scroll;
}

@media screen and (min-width: 768px) {
  html body .slicknav_menu .slicknav_open + .slicknav_nav {
    overflow-y: hidden;
  }
}

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

  html body .slicknav_menu .slicknav_open + .slicknav_nav {
    left: -16%;
  }
}

html body .slicknav_menu .slicknav_btn {
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  z-index: 2;
}

html body .slicknav_menu .slicknav_menutxt {
  position: relative;
  margin: 5px 0 0 0;
  font-size: 14px;
  font-weight: 700;
  color: #1D173D;
  text-shadow: none;
}

html body .slicknav_menu .slicknav_menutxt:after,
html body .slicknav_menu .slicknav_menutxt:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #1D173D;
  position: absolute;
  left: 0;
}

html body .slicknav_menu .slicknav_menutxt:before {
  top: -10px;
}

html body .slicknav_menu .slicknav_menutxt:after {
  bottom: -6px;
}

html body .slicknav_menu .slicknav_icon-bar {
  background: var(--yellow);
  box-shadow: none;
}

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

  html body .slicknav_menu .slicknav_btn {
    height: 36px;
  }

  html body .slicknav_menu .slicknav_menutxt {
    font-size: 16px;
    margin: 5px 0 0 0;
  }

  html body .slicknav_menu .slicknav_icon-bar {
    background: var(--white);
  }
}


html body .slicknav_menu .slicknav_open .slicknav_menutxt {
  font-size: 0;
  opacity: 0;
}

html body .slicknav_menu .slicknav_open .slicknav_menutxt:after {
  content: "CLOSE";
  font-size: 16px;
}

html body .slicknav_menu .slicknav_icon-bar {
  width: 14px;
  height: 2px;
  transition: all 0.3s;
}

html body .slicknav_menu .slicknav_icon-bar:nth-child(2) {
  display: none;
}

html body .slicknav_menu .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 6px;
  transform: translateX(50%);
}

html body .slicknav_menu .slicknav_open .slicknav_icon-bar {
  transform: rotate(45deg);
  background: var(--white);
}

html body .slicknav_menu .slicknav_open .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: -2px;
  transform: rotate(-45deg);
  background: var(--white);
}

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

  html body .slicknav_menu .slicknav_icon-bar {
    width: 18px;
  }

  html body .slicknav_menu .slicknav_open .slicknav_icon-bar {
    background: #1D173D;
  }
  
  html body .slicknav_menu .slicknav_open .slicknav_icon-bar + .slicknav_icon-bar {
    background: #1D173D;
  }
}

html body .slicknav_nav ul {
  width: 100%;
  margin: 20px 0 20px;
  padding: 0 0 0 20px;
}

@media screen and (min-width: 768px) {
  html body .slicknav_nav ul {
    width: 50%;
    margin: 40px 0 0;
    padding: 0 0 0 40px;
  }
}

html body .slicknav_nav > li {
  /* position: relative; */
  padding: 0 15px 34px;
  /* margin: 0 0 64px; */
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  html body .slicknav_nav > li {
    max-width: 280px;
    padding: 10px 30px 10px;
  }
}

@media screen and (min-width: 782px) {
  html body .slicknav_nav > li {
    max-width: 420px;
    padding: 17px 64px 17px;
    margin-bottom: 2vh;
  }
}

html body .slicknav_nav > li:first-child {
  margin-top: 40px;
}

/* html body .slicknav_nav > li .sub-menu,  */
html body .slicknav_nav > li:hover .sub-menu {
  /* display: block !important; */
  /* position: absolute;
  top: 0;
  left: 320px;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  margin: 0;
  padding: 150px 48px 0;
  background: #B15800; */
}

@media screen and (min-width: 768px) {
  html body .slicknav_nav > li:hover .sub-menu {
    display: block !important;
    position: absolute;
    top: 0;
    left: 280px;
    width: 100%;
    max-width: 280px;
    height: 100vh;
    margin: 0;
    padding: 50px 40px 0;
    background: #FFF9F0;
    overflow: visible;
  }
	
	html body .slicknav_nav > li:hover .sub-menu .sub-menu {
   left: 250px;
	}
}

@media screen and (min-width: 960px) {
	html body .slicknav_nav > li:hover .sub-menu .sub-menu {
    left: 380px;
   }
}

html body .slicknav_nav > li:hover .sub-menu .sub-menu {
	display: none !important;
}

html body .slicknav_nav > li:hover .sub-menu > li:hover .sub-menu {
	display: block !important;
}

@media screen and (min-width: 782px) {
  html body .slicknav_nav > li:hover .sub-menu {
    left: 420px;
    max-width: 420px;
  }
}

html body .slicknav_nav > li > a,
html body .slicknav_nav > li > a > a {
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (min-width: 1600px) {
  html body .slicknav_nav > li > a,
  html body .slicknav_nav > li > a > a {
    font-size: 26px;
  }
}


html body .slicknav_nav > li .sub-menu > a {
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

html body .slicknav_nav > li.menu-item ul.sub-menu a,
html body .slicknav_nav > li.menu-item ul.sub-menu a > a {
  color: var(--white) !important;
}

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

  html body .slicknav_nav > li .sub-menu a {
    padding-bottom: 0;
  }


  html body .slicknav_nav > li.menu-item ul.sub-menu a,
  html body .slicknav_nav > li.menu-item ul.sub-menu a > a {
    color: #484848 !important;
  }
}

html body .slicknav_nav > li.menu-item ul.sub-menu a:hover,
html body .slicknav_nav > li.menu-item ul.sub-menu a > a:hover {
  color: var(--yellow) !important;
  opacity: 1;
}

html body .slicknav_nav > li.menu-item ul.sub-menu a + ul li a {
  font-weight: 400;
}

@media screen and (min-width: 782px) {
  html body .slicknav_nav > li .sub-menu li > a {
    padding-bottom: 20px;
  }
}

html body .slicknav_nav > li:hover {
  cursor: pointer;
}

html body .slicknav_nav > li > a.slicknav_row:after,
html body .slicknav_nav > li .sub-menu li > a.slicknav_row:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -5px 0 0 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.5L0.249999 12.1292L0.25 0.870834L10 6.5Z' fill='%23B0B0B0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

html body .slicknav_nav > li > a.slicknav_row:hover:after,
html body .slicknav_nav > li .sub-menu li > a.slicknav_row:hover:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.5L0.249999 12.1292L0.25 0.870834L10 6.5Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

html body .slicknav_nav > li:hover a,
html body .slicknav_nav > li:hover a.slicknav_item a {
  color: var(--yellow) !important;
}

html body .slicknav_nav a,
html body .slicknav_nav .slicknav_row {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  outline: none;
}

html body .slicknav_nav .slicknav_row:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

html body .slicknav_nav .slicknav_row > a {
  position: relative;
  /* z-index: -1; */
}

@media screen and (min-width: 768px) {
  html body .slicknav_nav .slicknav_row > a {
    position: static;
  }

  html body .slicknav_nav a,
  html body .slicknav_nav .slicknav_row {
    justify-content: space-between;
  }
}

html body .slicknav_nav a:hover,
html body .slicknav_menu .slicknav_nav a:focus,
html body .slicknav_menu .slicknav_nav a:active,
html body .slicknav_nav .slicknav_item.slicknav_row:hover,
html body .slicknav_nav .slicknav_item.slicknav_row:focus,
html body .slicknav_nav .slicknav_item.slicknav_row:active {
  border-radius: 0;
  background: none;
  color: inherit !important;
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

ul.slicknav_nav {
  background: #000;
  min-width: 320px;
}

ul.slicknav_nav:before {
  content: "";
  display: block;
}

ul.slicknav_nav li {
  border-bottom: none;
}

html body .slicknav_menu .slicknav_icon {
  margin: 0;
  width: 20px;
  height: 15px;
  display: none;
}

html body .slicknav_menu .slicknav_open .slicknav_icon {
  display: inline-block;
}

html body .slicknav_nav a,
html body .slicknav_nav a:visited {
  color: #484848;
  font-size: 18px;
/*   margin-bottom: 12px; */
}

@media screen and (min-width: 768px) {
  html body .slicknav_nav a,
  html body .slicknav_nav a:visited {
    font-size: 24px;
  }
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

html body .slicknav_nav .slicknav_arrow {
  display: none;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.site-main .post-navigation {
  display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 14px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after{
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget img {
  margin: 10px 0;
}
.widget select {
  width: 100%;
}

.widget .search-form input {
  width: 100%;
  margin: 5px 0;
  padding: 8px;
}
.widget .search-form input.search-submit {
  padding: 11px 0px;
}
.widget .search-form input.search-submit:hover {
  background: #000;
  color: var(--white);
}

.tagcloud a {
  border: 1px solid #fafafa;
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 700;
  text-shadow: inherit;
}
/*calender widget*/
.calendar_wrap tr {
  border-bottom: 1px solid #ccc;
}
.calendar_wrap td,
.calendar_wrap th {
  border-right: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}
.calendar_wrap tr:first-child {
  border-top: 1px solid #ccc;
}
.calendar_wrap table {
  border-left: 1px solid #ccc;
}
#wp-calendar caption {
  border: 1px solid #ccc;
  padding: 10px 0;
  color: #000;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


.site-main article,
.single .site-main article,
.site-main article.page {
  padding: 70px 15px 0 15px;
}

@media screen and (min-width: 1280px) {
  .site-main article,
  .single .site-main article,
  .site-main article.page {
    padding: 70px 64px 0 64px;
  }
}

.site-main article header.entry-header {
  margin-top: 20px;
}

.site-main article .entry-title {
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 1600px) {
  .site-main article .entry-title {
    font-size: 50px;
  }  
}

.sticky {
  display: block;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-center ul.sub-menu,
.text-right ul.sub-menu {
  text-align: left;
}
.hentry {
  margin: 0 0 1.5em;
}
h1.page-title {
  font-size: 40px;
}
h2.entry-title {
  margin-bottom: 10px;
}
.middle-title {
  font-size: 30px;
  margin-bottom: 40px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
} 

@media screen and (min-width: 1600px) {
  .middle-title {
    font-size: 36px;
  }
}

.entry-header span.posted-on {
  margin-right: 10px;
}
.entry-footer span {
  margin-right: 20px;
}
.entry-footer span i {
  margin-right: 5px;
}
header.entry-header {
  padding-bottom: 20px;
}

.home header.entry-header {
  display: none;
}


.entry-meta span a,
.entry-footer span a {
  font-size: 100%;
  pointer-events: none;
}
.entry-meta span i {
  margin-right: 2px;
}
.entry-title a {
  color: #444444;
}
.entry-title a:hover {
  color: #000000;
}
.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

a.more-link {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  padding: 10px;
  display: block;
  text-align: center;
  margin-top: 20px;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* .site-content {
  margin: 50px auto;
} */
.baby-feature-image {
  margin: 20px 0 10px;
}

.post-navigation,
.posts-navigation {
  padding: 20px;
}

.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  position: relative;
  margin-left: 20px;
}

.post-navigation .nav-next a,
.posts-navigation .nav-next a {
  position: relative;
  margin-right: 20px;
}

.format-chat .entry-content p:nth-child(even) {
  color: #000;
  padding-left: 15px;
  font-weight: 700;
}
.format-status .entry-content p:before,
.format-status .entry-content p:after {
  content: '"';
  padding: 0 2px;
  font-weight: bold;
  font-size: 20px;
}

.format-status .entry-content p {
  font-size: 18px;
  font-style: italic;
  text-transform: capitalize;
}
section.not-found .page-content p {
  text-align: center;
}
section.not-found header.page-header {
  margin-bottom: 0;
  padding: 10px 10px 40px;
  color: #ff0000;
  text-align: center;
}

section.not-found .page-content input {
  width: 80%;
  margin: 5px 10%;
  padding: 8px 20px;
}

section.not-found .page-content .widget {
  width: 45%;
  float: left;
  margin-right: 5%;
  border: 1px solid var(--white);
}

section.not-found .page-content {
  overflow: hidden;
}

section.not-found .page-content input[type="submit"] {
  padding: 12px;
  margin-bottom: 50px;
}

section.not-found .page-content .widget h2.widget-title {
  text-align: left;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}
.comment-author.vcard img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #555;
  margin-right: 10px;
}
.comments-title {
  font-size: 30px;
}
.comment-author.vcard {
  margin-bottom: 8px;
}
.comment-metadata {
  font-size: 90%;
  margin-bottom: 10px;
}
ol.comment-list,
ul.comment-list {
  padding: 0 20px;
  margin: 0;
}

.comment-list li article {
  padding: 10px;
}

ol.comment-list li,
ul.comment-list li {
  padding-left: 15px;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
  padding: 10px;
}

.comment-form input#submit {
  width: auto;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

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

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

/* 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;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}


/*--------------------------------------------------------------
# Responsive style 
--------------------------------------------------------------*/

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .baby-container.site-content  {
    width: 1024px;
  }
  div.kc_tabs > .kc_wrapper > .kc_tabs_nav {
    padding: 0;
  }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baby-container {
    width: 760px;
  }
  .header-search i {
    right: 0;
  }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .hide {
    display: none;
  }
  .baby-container {
    width: 300px;
  }
  .slicknav_menu {
    display: block;
  }
  h1 {
    font-size: 35px;
  }
  h1.page-title {
    font-size: 20px;
  }
  h2 {
    font-size: 28px;
  }
  .middle-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .site-main article,
  .site-main section,
  .comments-area,
  .page-header {
    padding: 20px 5px;
  }
  .site-content .widget-area {
    width: auto;
    float: inherit;
  }
  nav#site-navigation {
    /* display: none; */
    display: block !important;
  }
  html body ul.slicknav_nav li a {
    text-decoration: none;
    color: #484848;
  }
  .content-area {
    float: inherit;
    margin: 0 auto;
    width: auto;
  }
  section.not-found .page-content .widget {
    width: auto;
    float: inherit;
    margin: auto;
  }
  #page {
    position: relative;
  }
  .menu-bar {
    position: absolute;
    top: -24px;
    right: -54px;
    background: #000;
  }
  .menu-bar .header-search-form .search-field {
    width: 200px;
  }
  .header-search-form {
    position: absolute;
    right: 40px;
    bottom: -40px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 300px;
    z-index: 99999999;
  }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .baby-container {
    width: 90%;
  }
  h1 {
    font-size: 35px;
  }
  h1.page-title {
    font-size: 24px;
  }
  h2 {
    font-size: 30px;
  }
  .middle-title {
    font-size: 26px;
  }
}


/*--------------------------------------------------------------
# Horizontal scroll
--------------------------------------------------------------*/

#page {
  display: flex;
  flex-direction: column;
}

#page > .site-header {
  order: 1;
}

#page > .site-content {
  order: 3;
}

#page > .footer {
  order: 4;
}

#page > .footer-advanced {
  order: 4;
}

@media only screen and (max-width: 767px) {
  .home .footer {
    padding: 0 15px 15px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .home.page-template-horizontal-scroll-template #page > .site-header {
    padding-top: 0;
  }
}

.home-page-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 15px 15px 90px 15px;
  margin: 0;
  gap: 0;
}

@media screen and (min-width: 768px) {
  .home-page-row {
    padding: 0 15px 90px 15px;
  }
}

.home-page-row:before {
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: calc(100% + 100px);
  opacity: 0.06;
  background: url("/wp-content/uploads/2024/06/main-backgraund-image.webp") no-repeat center;
  background-size: cover;
  z-index: -1;
}

.home-page-row .wp-block-column:nth-child(1) {
  /* width: 50%;
  max-width: 630px; */
  margin-bottom: 15px;
  flex-direction: column !important;
  justify-content: flex-start;
}

.home-page-row .wp-block-column:nth-child(2) {
  display: block;
  /* top: 20px; */
  bottom: 0;
  /* position: absolute; */
  max-width: 480px;
  /* left: 50%; */
  transform: translateX(0);
  position: relative;
  opacity: 1;
  max-width: 100vw !important;
}


/* @media screen and (min-width: 768px) {
  .home-page-row .wp-block-column:nth-child(2) {
    bottom: 0;
  }
} */

@media screen and (min-width: 1280px) {
  .home-page-row .wp-block-column:nth-child(2) {
    bottom: -60px;
  }
}

@media screen and (min-width: 1440px) {
  .home-page-row .wp-block-column:nth-child(2) {
    bottom: -40px;
  }
}

/* @media screen and (min-width: 1600px) {
  .home-page-row .wp-block-column:nth-child(2) {
    top: 10vh;
  }
}

@media screen and (min-width: 1800px) {
  .home-page-row .wp-block-column:nth-child(2) {
    top: 8vh;
  }
} */

.home-page-row .wp-block-column:nth-child(3) {
  position: relative;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.section-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
}

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

  #page {
    display: block;
  }

  .home-page-row {
    padding: 80px 15px 70px 15px;
  }

  .home-page-row:before {
    top: -21px;
    height: calc(100% + 20px);
  }

  .home-page-row .wp-block-column:nth-child(1) {
    margin-bottom: 40px;
  }

  .section-title {
    font-size: 30px;
  }
}


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

  .home-page-row {
    flex-direction: row;
    padding: 80px 64px 80px 64px; 
  }

  .home-page-row .wp-block-column:nth-child(1) {
    width: 100%;
    max-width: 630px;
    margin-bottom: -20px;
    flex-direction: row !important;
    justify-content: space-between;
  }
    
  .home-page-row .wp-block-column:nth-child(3) {
    width: 50%;
    max-width: 630px;
    padding-top: 0;
  }

  .home-page-row:before {
    top: -77px;
    height: calc(100% + 77px);
  }
}

@media screen and (min-width: 1440px) {
  .home-page-row {
    padding: 100px 64px 100px 64px; 
  }
}

@media screen and (min-width: 1600px) {
  .section-title {
    font-size: 48px;
  }
}

@media screen and (min-width: 1800px) {
  .section-title {
    font-size: 50px;
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

#horizontall-wrapper.home-page .breadcrumbs {
  display: none;
}

.breadcrumbs {
  margin-bottom: 15px;
  padding-left: 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.breadcrumbs span a {
  color: #000;
}

.breadcrumbs span:first-child a span[property="name"] {
  font-size: 0;
}

.breadcrumbs span:first-child a span[property="name"]::after {
  content: "Home";
  font-size: 12px;
}

.breadcrumbs > span:last-child {
  color: var(--yellow);
}

.breadcrumbs-custom {
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.breadcrumbs-custom .active {
  color: var(--yellow);
}

@media screen and (min-width: 1921px) {
  .breadcrumbs,
  .breadcrumbs-custom {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/

.newsletter-wrapper > p {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.newsletter-wrapper > div form {
  position: relative;
  margin: 0;
  display: flex;
  align-items: flex-end;
  z-index: 9;
}

@media screen and (min-width: 1280px) {
  .newsletter-wrapper > div form {
    margin: 0 auto;
    max-width: 650px;
    padding-left: 80px;
  }
}

@media screen and (min-width: 1600px) {
  .newsletter-wrapper > div form {
    margin: 0;
    max-width: 100%;
    padding-left: 0;
  }
}

.newsletter-wrapper .tnp-email {
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #D2D2D2;
  border-radius: 0;
  padding: 0 0 5px 0;
  margin: 0 20px 0 0;
  width: 100%;
  outline: none;
  background: transparent;
  color: #1D173D;
}

.newsletter-wrapper .tnp-submit {
  border: 1px solid var(--yellow);
  background: none;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  color: var(--yellow);
  border-radius: 0;
  padding: 8px 33px 8px 33px;
  flex-shrink: 0;
  font-weight: 500;
  transition: all .3s;
}

.newsletter-wrapper .tnp-submit:hover,
.newsletter-wrapper .tnp-submit:focus {
  border: 1px solid var(--yellow);
  color: var(--white);
  background: var(--yellow);
}

.newsletter-wrapper .tnp-submit[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.newsletter-wrapper-blog {
  border-top: 1px solid #D2D2D2;
  margin-top: 0;
  padding-top: 40px !important;
  margin-bottom: 60px;
}

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

  .newsletter-wrapper-blog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 10px !important;
  }

  .horizontall-wrapper.blog-wrapper .newsletter-wrapper-blog {
    position: fixed;
    bottom: 60px;
    left: 64px;
    margin: 0;
    padding-top: 20px !important;
    width: calc(100% - 128px);
    z-index: 10;
  }
}

@media screen and (min-width: 1440px) {
  .horizontall-wrapper.blog-wrapper .newsletter-wrapper-blog {
    padding-top: 34px !important;
    bottom: 88px;
  }
}

@media screen and (min-width: 1600px) {
  .blog-wrapper .newsletter-wrapper-blog > p {
    display: block;
  }
}

.newsletter-wrapper-blog > p {
  margin: 0 0 20px 0;
  font-size: 16px;
  flex-shrink: 0;
  white-space: break-spaces;
  width: 100%;
}

.newsletter-wrapper-blog > div {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .newsletter-wrapper-blog > p {
    width: 50%;
    margin: 0 60px 0 0;
  }
}

@media screen and (min-width: 14404px) {
  .newsletter-wrapper-blog > p {
    font-size: 18px;
  }
}

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

  .newsletter-wrapper-blog {
    margin-top: 20px;
    padding-top: 20px !important;
  }

  .newsletter-wrapper-blog > p {
    width: auto;
  }
}


.home-page .newsletter-wrapper-blog {
  padding-top: 40px !important;
}

@media screen and (min-width: 1280px) {
  .home-page .newsletter-wrapper-blog {
    position: relative;
    width: 100%;
    z-index: 11;
    margin: 0;
    border-top: none;
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 1440px) {
  .home-page .newsletter-wrapper-blog {
    padding-top: 34px !important;
  }
}

@media screen and (min-width: 1600px) {
  .home-page .newsletter-wrapper-blog {
    position: static;
    width: 100%;
    transform: translateX(0);
  }
}

/*--------------------------------------------------------------
# Archive category
--------------------------------------------------------------*/

.archive.category .breadcrumbs {
  position: static;
}


/*--------------------------------------------------------------
# Search no results
--------------------------------------------------------------*/

.search-no-results .widget-area {
  display: none;
}

section.not-found .page-content {
  margin-top: 0;
}

.no-results.not-found {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 50%;
  margin: 0 auto;
}

.no-results .page-title {
  margin: 0;
  color: var(--yellow);
  text-transform: uppercase;
  font-weight: 600;
}

body.dark-theme .no-results .page-title {
  color: var(--lightYellow);
}

body.dark-theme section.not-found .page-content input {
  background-color: transparent;
  color: var(--white);
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
:root {
  --white: #ffffff;
  --gray: #C9C9C9;
  --grayBorder: #C4C4C4;
  --yellow: #B15800;
}



.footer {
  position: relative;
  bottom: auto;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  padding: 15px 15px;
  z-index: 9;
}

.footer-item {
  display: flex;
  align-items: center;
}

.footer-item:last-child {
  display: none;
}


.footer-switcher-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding-right: 50px;
  margin: 0;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .footer-switcher-wrapper {
    width: auto;
    padding-right: 0;
  }
}

.footer-light {
  position: relative;
  margin: 0 9px;
  color: var(--yellow);
}

.footer-light:before {
  content: ":";
  font-size: 15px;
  line-height: 1;
  position: absolute;
  left: -9px;
  bottom: 7px;
  color: #1D173D;
  display: none;
}

.footer-dark {
  color: #7E7E7E;
}

.footer-switcher-text {
  display: none;
}

@media screen and (min-width: 960px) {
  .footer-switcher-text {
    display: inline;
  }
}

.footer-switcher-mode {
  display: none;
}

@media screen and (min-width: 480px) {
  .footer-switcher-mode {
    display: inline;
  }
}

.footer-switcher {
  position: relative;
  display: inline-block;
  margin-right: 9px;
  width: 28px;
  height: 18px;
  border: 1px solid #1D173D;
  border-radius: 12px;
  cursor: pointer;
}

.footer-switcher:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: var(--yellow);
  position: absolute;
  left: 3px;
  top: 3px;
  transition: all 0.3s;
}

.dark-theme .footer-switcher:before {
  left: 13px;
}

@keyframes footer-arrow-animation {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

.footer-arrow {
  margin-left: 12px;
  animation-name: footer-arrow-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@media screen and (min-width: 360px) {
  .footer-switcher-wrapper {
    font-size: 10px;
    line-height: 27px;
  }
}

@media screen and (min-width: 960px) {
  .footer-light:before {
    display: inline-block;
  }
}

@media screen and (min-width: 1280px) {
  .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 0 64px 15px 64px;
  }

  .footer-switcher-wrapper {
    font-size: 12px;
  }

  .footer-item:last-child {
    display: flex;
  }

  .service-page-footer .footer-item:last-child {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .service-page-footer .footer-item:last-child {
    display: flex;
  }
}

@media screen and (min-width: 1921px) {
  .footer-switcher-wrapper {
    font-size: 18px;
  }
}

.footer-social-menu {
  margin: 0;
  padding: 0;
}

.footer-social-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
}

.footer-social-menu ul li {
  padding-right: 9px;
  margin-right: 9px;
  border-right: 1px solid #7E7E7E;
}

.footer-social-menu ul li a {
  font-size: 12px;
  line-height: 1;
  color: #0A0528;
}

@media screen and (min-width: 1921px) {
  .footer-social-menu ul li a {
    font-size: 16px;
  }
}

.footer-social-menu ul li a:hover,
.footer-social-menu ul li a:focus {
  color: var(--yellow);
}

.footer-advanced {
  display: none;
  background: #1D173D;
}

.single-post .footer-advanced,
.page-template-case-studies-template .footer-advanced,
.page-template-template-fullwidth .footer-advanced,
.page-template-single-vertical .footer-advanced,
.single-awsm_job_openings .footer-advanced {
  display: block;
}

.single-awsm_job_openings .footer,
.page-template-single-vertical .footer {
  position: static;
}

.home .footer-advanced,
.search-results .footer-advanced,
.page-template-horizontal-scroll-template .footer-advanced {
  display: block;
  background: #1D173D;
}

@media screen and (min-width: 1280px) {
  .home .footer-advanced,
  .search-results .footer-advanced,
  .page-template-horizontal-scroll-template .footer-advanced {
    display: none;
  }
}

.footer-advanced .widget-footer {
  margin: 0 auto;
  padding: 46px 15px 72px;
}

@media screen and (min-width: 782px) {
  .footer-advanced .widget-footer {
    max-width: calc(100% - 128px);
    padding: 46px 0 24px 0;
  }
}

.footer-advanced .widget-footer .widget_block > .wp-block-columns {
  display: block;
}

@media screen and (min-width: 768px) {
  .footer-advanced .widget-footer .widget_block > .wp-block-columns {
    display: flex;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1600px) {
  .footer-advanced .widget-footer .widget_block > .wp-block-columns {
    align-items: flex-start !important;
  }
}

.footer-advanced .widget {
  margin: 0;
  padding: 0;
  border: none;
}

.footer-advanced .footer-logo {
  margin: 0 0 35px;
  width: 100%;
}

.footer-advanced .footer-contacts {
  width: 100%;
  flex-shrink: 0;
}

@media screen and (min-width: 782px) {
  .footer-advanced .footer-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1025px) {
  .footer-advanced .footer-contacts {
    max-width: 202px;
  }
}

@media screen and (min-width: 1600px) {
  .footer-advanced .footer-contacts {
    max-width: 288px;

  }
}

.footer-advanced .contact-info-item {
  margin-bottom: 20px;
}

.footer-advanced .contact-info-item .wp-block-column {
  display: flex;
  align-items: center;
}

.footer-advanced .contact-info-item .wp-block-image,
.footer-advanced .contact-info-item .wp-block-image img,
.footer-advanced .contact-info-item p {
  margin: 0;
}

.footer-advanced .contact-info-item p,
.footer-advanced .contact-info-item a {
  color: var(--white);
}

.footer-advanced .contact-info-item p:hover,
.footer-advanced .contact-info-item p:focus,
.footer-advanced .contact-info-item a:hover,
.footer-advanced .contact-info-item a:focus {
  color: var(--yellow);
}

.footer-advanced .contact-info-item a {
  display: flex;
  align-items: center;
}

.footer-advanced .contact-info-item a:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background-position: center;
  background-size: contain;
}

.footer-advanced .contact-info-item a:last-child {
  margin-bottom: 0;
}

.footer-advanced .contact-info-item-email a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6429 1H2.35714C1.99721 1 1.65201 1.1475 1.3975 1.41005C1.14298 1.6726 1 2.0287 1 2.4V13.6C1 13.9713 1.14298 14.3274 1.3975 14.5899C1.65201 14.8525 1.99721 15 2.35714 15H18.6429C19.0028 15 19.348 14.8525 19.6025 14.5899C19.857 14.3274 20 13.9713 20 13.6V2.4C20 2.0287 19.857 1.6726 19.6025 1.41005C19.348 1.1475 19.0028 1 18.6429 1ZM17.15 2.4L10.5 7.146L3.85 2.4H17.15ZM2.35714 13.6V3.037L10.1132 8.574C10.2268 8.65529 10.3618 8.69885 10.5 8.69885C10.6382 8.69885 10.7732 8.65529 10.8868 8.574L18.6429 3.037V13.6H2.35714Z' fill='%23D78516' stroke='%23D78516' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.footer-advanced .contact-info-item-phone a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2 2.4C12.5713 2.4 12.9274 2.5475 13.1899 2.81005C13.4525 3.0726 13.6 3.4287 13.6 3.8V20.6C13.6 20.9713 13.4525 21.3274 13.1899 21.5899C12.9274 21.8525 12.5713 22 12.2 22H3.8C3.4287 22 3.0726 21.8525 2.81005 21.5899C2.5475 21.3274 2.4 20.9713 2.4 20.6V3.8C2.4 3.4287 2.5475 3.0726 2.81005 2.81005C3.0726 2.5475 3.4287 2.4 3.8 2.4H12.2ZM3.8 1C3.05739 1 2.3452 1.295 1.8201 1.8201C1.295 2.3452 1 3.05739 1 3.8V20.6C1 21.3426 1.295 22.0548 1.8201 22.5799C2.3452 23.105 3.05739 23.4 3.8 23.4H12.2C12.9426 23.4 13.6548 23.105 14.1799 22.5799C14.705 22.0548 15 21.3426 15 20.6V3.8C15 3.05739 14.705 2.3452 14.1799 1.8201C13.6548 1.295 12.9426 1 12.2 1H3.8Z' fill='%23D78516' stroke='%23D78516' stroke-width='0.5'/%3E%3Cpath d='M7.99961 20.5998C8.37091 20.5998 8.72701 20.4523 8.98956 20.1898C9.25211 19.9272 9.39961 19.5711 9.39961 19.1998C9.39961 18.8285 9.25211 18.4724 8.98956 18.2099C8.72701 17.9473 8.37091 17.7998 7.99961 17.7998C7.62831 17.7998 7.27221 17.9473 7.00966 18.2099C6.74711 18.4724 6.59961 18.8285 6.59961 19.1998C6.59961 19.5711 6.74711 19.9272 7.00966 20.1898C7.27221 20.4523 7.62831 20.5998 7.99961 20.5998Z' fill='%23D78516'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.footer-advanced .contact-info-item-location a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1387 2C10.0307 1.99989 8.00793 2.83176 6.50991 4.31479C5.0119 5.79782 4.15975 7.81216 4.13867 9.92C4.13867 15.4 11.1887 21.5 11.4887 21.76C11.6698 21.9149 11.9003 22.0001 12.1387 22.0001C12.377 22.0001 12.6075 21.9149 12.7887 21.76C13.1387 21.5 20.1387 15.4 20.1387 9.92C20.1176 7.81216 19.2654 5.79782 17.7674 4.31479C16.2694 2.83176 14.2466 1.99989 12.1387 2ZM12.1387 19.65C10.4687 18.06 6.13867 13.65 6.13867 9.92C6.13867 8.3287 6.77081 6.80258 7.89603 5.67736C9.02125 4.55214 10.5474 3.92 12.1387 3.92C13.73 3.92 15.2561 4.55214 16.3813 5.67736C17.5065 6.80258 18.1387 8.3287 18.1387 9.92C18.1387 13.62 13.8087 18.06 12.1387 19.65Z' fill='%23D78516'/%3E%3Cpath d='M12.1387 6C11.4464 6 10.7697 6.20527 10.1942 6.58986C9.61861 6.97444 9.17 7.52107 8.9051 8.16061C8.64019 8.80015 8.57088 9.50388 8.70592 10.1828C8.84097 10.8618 9.17432 11.4854 9.6638 11.9749C10.1533 12.4644 10.7769 12.7977 11.4559 12.9327C12.1348 13.0678 12.8385 12.9985 13.4781 12.7336C14.1176 12.4687 14.6642 12.0201 15.0488 11.4445C15.4334 10.8689 15.6387 10.1922 15.6387 9.5C15.6387 8.57174 15.2699 7.6815 14.6135 7.02513C13.9572 6.36875 13.0669 6 12.1387 6ZM12.1387 11C11.842 11 11.552 10.912 11.3053 10.7472C11.0586 10.5824 10.8664 10.3481 10.7529 10.074C10.6393 9.79994 10.6096 9.49834 10.6675 9.20736C10.7254 8.91639 10.8682 8.64912 11.078 8.43934C11.2878 8.22956 11.5551 8.0867 11.846 8.02882C12.137 7.97094 12.4386 8.00065 12.7127 8.11418C12.9868 8.22771 13.2211 8.41997 13.3859 8.66665C13.5507 8.91332 13.6387 9.20333 13.6387 9.5C13.6387 9.89782 13.4806 10.2794 13.1993 10.5607C12.918 10.842 12.5365 11 12.1387 11Z' fill='%23D78516'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.footer-advanced .contact-info-item .wp-block-image {
  margin-right: 20px;
  flex-shrink: 0;
}

.footer-advanced .footer-menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 30px 0;
  flex-basis: 100% !important;
}

@media screen and (min-width: 768px) {
  .footer-advanced .footer-menu {
    margin: 10px 0 0;
  }
}

@media screen and (min-width: 1025px) {
  .footer-advanced .footer-menu {
    flex-basis: 50% !important;
  }
}

@media screen and (min-width: 1280px) {
  .footer-advanced .footer-menu {

    flex-basis: 0 !important;
    margin: 10px 0 0;
    order: unset;
  }
}

@media screen and (min-width: 1600px) {
  .footer-advanced .footer-menu {
    margin: 10px 80px 0;
  }
}

.footer-advanced .widget_nav_menu {
  width: 100%;
}
  
@media screen and (min-width: 768px) {
  .footer-advanced .widget_nav_menu {
    width: 50%;
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 782px) {
  .footer-advanced .widget_nav_menu {
    width: auto;
    margin-bottom: 0; 
  }
}

.footer-advanced .widget_nav_menu ul {
  margin: 0;
  list-style: none;
}

.footer-advanced .widget_nav_menu ul li {
  margin-bottom: 5px;
}

.footer-advanced .widget_nav_menu ul li a {
  color: var(--white);
}

.footer-advanced .widget_nav_menu ul li a:hover,
.footer-advanced .widget_nav_menu ul li a:focus {
  color: var(--yellow);
}

.footer-advanced .widget_nav_menu .widgettitle {
  margin: 0 0 7px;
  font-size: 18px;
  line-height: 24px;
  color: var(--lightYellow);
}

.footer-advanced .widget_nav_menu .menu-info {

}

.footer-advanced .footer-parnters {
  display: flex;
  width: 100%;
  min-width: 100%;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.footer-advanced .footer-parnters .wp-block-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100%/3);
}


.footer-advanced .footer-parnters .wp-block-image img {
  margin: 0 auto 10px;
  max-width: 70px;
}

@media screen and (min-width: 768px) {
  .footer-advanced .footer-parnters {
    max-width: 100%;
    order: 2;
  }

  .footer-advanced .footer-parnters .wp-block-image img {
    max-width: 50px;
  }
}

@media screen and (min-width: 768px) {
  .footer-advanced .footer-parnters .wp-block-image {
    width: calc(100%/3);
  }
}

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

  .footer-advanced .footer-parnters {
    max-width: 128px;
    min-width: unset;
    order: unset;
  }

  .footer-advanced .footer-parnters .wp-block-image {
    width: calc(100%/2);
  }

  .footer-advanced .footer-parnters .wp-block-image img {
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 1440px) {
  
  .footer-advanced .footer-parnters {
    max-width: 195px;
  }

  .footer-advanced .footer-parnters .wp-block-image {
    width: calc(100%/3);
  }
}

.footer-advanced .advanced-copyrights {
  border-top: 1px solid #474456;
  margin: 0;
  padding-top: 16px;
  color: var(--white);
}


@media screen and (max-width: 767px) {

  .footer-advanced .widget_nav_menu .widgettitle {
    border-bottom: 1px solid #b0b0b0;
    padding: 16px 0;
    font-size: 18px;
    font-weight: 700;
  }

  .footer-advanced .footer-menu .widget_nav_menu .menu {
    display: none;
    padding-left: 20px;
  }

  .footer-advanced .footer-menu .widget_nav_menu.active .menu {
    display: block;
  }

  .footer-advanced .footer-menu .widget_nav_menu .widgettitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-advanced .footer-menu .widget_nav_menu .widgettitle::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_520_256)'%3E%3Cpath d='M12 16.125L21.75 6.375H24L12 18.375L0 6.375H2.24998L12 16.125Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_520_256'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 24 0.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center;
  }

  .footer-advanced .footer-menu .widget_nav_menu.active .widgettitle::after {
    transform: rotate(180deg);
  }
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

body.error404,
body.error404 #page,
body.error404 #content,
body.error404 .content-area {
  min-height: 100vh;
}

body.error404 #page {
  justify-content: center;
}

body.error404 .content-area {
  float: none;
}

body.error404 .header-content {
  background: transparent;
}

body.error404 .footer {
  display: none;
}

.error-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  text-align: center;
  padding: 70px 0 100px;
}

.error-404:before {
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: calc(100% + 100px);
  opacity: 0.06;
  background: url("/wp-content/uploads/2024/06/main-backgraund-image.webp") no-repeat center;
  background-size: cover;
  z-index: -1;
}

@media screen and (min-width: 1280px) {
  .error-404 {
    height: 100vh;
    padding: 70px 0;
  }
}

.error-404-icon {
  margin: 0 auto;
  max-width: 280px;
  max-height: 200px;
}

@media screen and (min-width: 768px) {
  .error-404-icon {
    max-width: 400px;
    max-height: 280px;
  }
}

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

  .error-404-icon  {
    max-height: unset;
    max-width: unset;
  }
}

.error-404 .page-title {
  margin: -25px 0 0;
  padding: 0;
  color: #0A0528;
  font-size: 36px;
  font-weight: 300;
  line-height: 70px;
}

@media screen and (min-width: 1440px) {
  .error-404 .page-title {
    margin: -75px 0 0;
  }
}

.error-404 .page-description {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .error-404 .page-title {
    font-size: 56px;
    line-height: 90px;
  }

  .error-404 .page-description {
    font-size: 30px;
    line-height: 45px;
  }
}

.error-404 .page-button {
  display: block;
  margin: 0 auto;
  max-width: 240px;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  background: var(--yellow);
  border: 1px solid var(--yellow);
  color: var(--white);
  transition: all .3s;
  text-align: center;
}
 
.error-404 .page-button:hover,
.error-404 .page-button:focus {
  background: transparent;
  color: var(--yellow);
}

/*--------------------------------------------------------------
# Accordion custom styles
--------------------------------------------------------------*/

#content .faq-main {
  /* padding-top: 10px;
  border-top: 1px solid #E7B673; */
}

#content .wpsm_panel-group .wpsm_panel {
  background-color: transparent !important;
  border-top: 1px solid var(--yellow) !important;
  border-radius: 0 !important;
  padding-bottom: 0;
  margin: 0 0;
}

#content .wpsm_panel-group .wpsm_panel:last-of-type {
  border-bottom: 1px solid var(--yellow) !important;
}

#content .wpsm_panel-group .wpsm_panel .wpsm_panel-heading {
  background-color: transparent !important;
  padding: 0;
}

#content .wpsm_panel-group .wpsm_panel .ac_title_class {
  padding: 0 40px 0 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  color: #1D173D;
  line-height: 1.5;
  white-space: normal;
}

body.dark-theme #content .wpsm_panel-group .wpsm_panel .ac_title_class {
  color: var(--white) !important;
}

@media screen and (min-width: 768px) {
  #content .wpsm_panel-group .wpsm_panel .ac_title_class {
    font-size: 20px;
  }
}

#content .wpsm_panel-group .wpsm_panel a {
  padding: 20px 0;
  color: var(--yellow);
}

#content .wpsm_panel-group .wpsm_panel a.collapsed .ac_title_class {
  padding: 0 40px 0 0;
}

#content .wpsm_panel-group .wpsm_panel-body {
  border: none !important;
  padding: 0 40px 20px 0;
  color: #1D173D !important;
  background-color: transparent !important;
  white-space: normal;
}

body.dark-theme #content .wpsm_panel-group .wpsm_panel-body {
  /* color: var(--white) !important; */
  color: #B0B0B0 !important;
}

#content .wpsm_panel-group .wpsm_panel-body,
#content .wpsm_panel-group .wpsm_panel a {
  position: relative;
  font-family: 'ProximaNova', monospace, sans-serif !important;
}

#content .wpsm_panel-group .wpsm_panel .ac_open_cl_icon {
  background-color: transparent !important;
  color: var(--yellow) !important;
  padding: 0px !important;
  line-height: 1.0 !important;
  display: inline-block !important;
  float: none !important;

  position: absolute;
  right: 0;
}

#content .wpsm_panel-group .wpsm_panel .fa-plus::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.2973L15.4 22L29 7.2973' stroke='%23B15800' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

#content .wpsm_panel-group .wpsm_panel .fa-minus::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 22.7026L15.4 7.99993L29 22.7026' stroke='%23B15800' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}


/*--------------------------------------------------------------
# Template page vertical
--------------------------------------------------------------*/

.page-template-single-vertical .footer {
  background: var(--white);
  padding: 12px 15px 12px 15px;
}

@media screen and (min-width: 782px) {
  .page-template-single-vertical .footer {
    padding: 24px 64px 24px 64px;
  }
}

.page-template-single-vertical .footer .footer-item:last-child {
  display: none;
}

/*--------------------------------------------------------------
# Template page full width
--------------------------------------------------------------*/

.page-template-template-fullwidth .footer {
  display: none;
}


.page-template .ays-pb-modals div.ays_pb_description {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
}

.page-template .ays-pb-modals .ays-popup-hrs-default {
  display: none;
}

.page-template .ays-pb-modal-close {
  top: 10px !important;
  right: 10px !important;
}

.page-template .ays-pb-modal-close svg {
  width: 20px;
  height: 20px;
}

.page-template div[class*=ays-pb-modal_].ays-pb-modal {
  padding: 25px;
}

.page-template div[class*=ays-pb-modal_].ays-pb-modal {
  height: max-content !important;
  max-width: 90vw !important;
  max-height: 75vh !important;
}

@media screen and (min-width: 1280px) {
  .page-template div[class*=ays-pb-modal_].ays-pb-modal {
    max-width: 50vw !important;
  }
}

.page-template div[class*=ays-pb-modal_].ays-pb-modal hr {
  display: none;
}

.page-template .ays_content_box {
  padding: 0 !important;
}

.page-template .ays-pb-modals .ays_pb_description > *:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Lightbox custom styles
--------------------------------------------------------------*/

#slb_viewer_wrap .slb_theme_slb_default .slb_content {
  min-width: 50vw !important;
  height: auto !important;
}

.not-colored-text {
  color: var(--dark) !important;
}




/*--------------------------------------------------------------
# jigsaw animation (Oleg)
--------------------------------------------------------------*/


.panel {
  display: inline-block;
  padding: 0px;
}

.panel img {
  display: none;
}

.jigsaw_panel_ {
  display: flex;
  flex-wrap: wrap;
}

.jigsaw_panel_ div {
  display: inline-block;
  margin: 3px;
  padding: 0px;
  background-repeat: no-repeat;
  transition: background-position .5s ease-out;
}

.panel_ div.clearfix {
  margin: 0px;
  height: 1px;
  width: 100%;
  display: block;
  padding: 0px;
}

/* ---------------- */

#canvas-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

canvas {
  display: block;
  width: 100%;
  height: 100%;
}


#canvas {
  max-width: 500px;
  max-height: 500px;
}

#myCanvas {
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
}

.tag {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 10px;
  text-align: center;
}

.tag img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.slideshow {
  margin: 0 auto;
  padding-top: 50px;
  height: 500px;
  background: #444;
  perspective: 1000px;
}

@media (min-width: 1280px) {
  .slideshow {
    height: 700px;
  }
}

.content{
  /* margin: auto; */
  /* width: 150px; */
  perspective: 1000px;
  position:relative;
  /* padding-top: 80px; */
  /* transform-style: preserve-3d; */
}
section:not(.rotation-slideshow) .slider-content{
  animation: rotate 15s infinite linear;
}
.slider-content{
  width: 200px;
  height: 250px;
}
.slider-content:hover{
  cursor: pointer;
  animation-play-state: paused;
}

@media screen and (min-width: 768px) {
  .slider-content {
    position: absolute;
    transform-style: preserve-3d;
    left: 50%;
    transform: translateX(-50%);
  }
}

.slider-content .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
}

.slider-content .shadow {
  opacity: 0;
}

.slider-content .shadow.mobile-active {
  opacity: 1;
  transition: opacity 0.6s ease;
}

@media screen and (min-width: 768px) {
  .slider-content .shadow {
    width: 245px;
    height: 120px;
    overflow:hidden;
    position:absolute;
    margin: 0;
    object-fit: cover;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.8);
    pointer-events: none;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
}

@media screen and (min-width: 1600px) {
  .slider-content .shadow {
    height: 145px;
  }
}

.slider-content .shadow[style*="transform: rotateY(0deg)"] {
  pointer-events: all;
}

.slider-content figure {
  margin: 0;
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 200px;
}


@media screen and (min-width: 768px) {
  .slider-content figure {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .slider-content .shadow:nth-child(1){
    transform:rotateY(0deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(2){
    transform:rotateY(36deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(3){
    transform:rotateY(72deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(4){
    transform:rotateY(108deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(5){
    transform:rotateY(144deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(6){
    transform:rotateY(180deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(7){
    transform:rotateY(216deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(8){
    transform:rotateY(252deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(9){
    transform:rotateY(288deg) translateZ(350px);
  }
  .slider-content .shadow:nth-child(10){
    transform:rotateY(324deg) translateZ(350px);
  }
  
  .slider-content .shadow {
    transform: rotateY(var(--angle)) translateZ(350px);
    opacity: 0;
    animation: fade-in 1s ease-in-out forwards;
  }
}

@media (min-width: 1800px) {
  .slider-content .shadow {
    width: 265px;
    height: 155px;
  }
  .slider-content .shadow:nth-child(1){
    transform:rotateY(0deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(2){
    transform:rotateY(36deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(3){
    transform:rotateY(72deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(4){
    transform:rotateY(108deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(5){
    transform:rotateY(144deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(6){
    transform:rotateY(180deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(7){
    transform:rotateY(216deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(8){
    transform:rotateY(252deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(9){
    transform:rotateY(288deg) translateZ(400px);
  }
  .slider-content .shadow:nth-child(10){
    transform:rotateY(324deg) translateZ(400px);
  }
  .slider-content .shadow {
    transform: rotateY(var(--angle)) translateZ(400px);
  }
}

.slider-content .shadow:nth-child(1) { animation-delay: 0s; }
.slider-content .shadow:nth-child(2) { animation-delay: 0.2s; }
.slider-content .shadow:nth-child(3) { animation-delay: 0.4s; }
.slider-content .shadow:nth-child(4) { animation-delay: 0.6s; }
.slider-content .shadow:nth-child(5) { animation-delay: 0.8s; }
.slider-content .shadow:nth-child(6) { animation-delay: 1s; }
.slider-content .shadow:nth-child(7) { animation-delay: 1.2s; }
.slider-content .shadow:nth-child(8) { animation-delay: 1.4s; }
.slider-content .shadow:nth-child(9) { animation-delay: 1.6s; }
.slider-content .shadow:nth-child(10) { animation-delay: 1.8s; }

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.shadow{
  position: absolute;
  box-shadow: 0px 0px 0px #000;
 
}
.slider-content img{
  image-rendering: auto;
  transition: all 300ms;
  width: 100%;
  height: 100%;
  /* transform: perspective(1000px) rotateX(-10deg); */
}

@media screen and (max-width: 767px) {
  .slider-content img {
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;

  }
}

/* .slider-content img:hover{
  transform: scale(1.2);
  transition: all 300ms;
} */

@keyframes rotate {
  from{
    transform: rotateY(0deg);
  }
  to{
      transform: rotateY(360deg);
  }
}

.rotation-slideshow {
  background-color: transparent;
}

.slider-content-items-text {
  display: none;
  text-align: center;
  margin-top: 0;
  position: relative;
  z-index: 2;
}

.slider-text-content {
  /* top: 280px; */
  width: 100%;
}

@media screen and (min-width: 768px) {
  .slider-text-content {
    position: absolute;
    bottom: -30px;
  }

  .slider-content-items-text {
    margin-top: -20px;
  }
}

@media screen and (min-width: 1024px) {
  .slider-text-content {
    bottom: 0;
  }
}

@media screen and (min-width: 1800px) {
  .slider-text-content {
    bottom: -40px;
  }
}

.slider-buttons {
  display: flex;
  justify-content: space-between;
  max-width: 880px;
  margin: 20px auto 0;
}

.slider-content-item-title {
  position: relative;
  font-size: 24px;
}
.slider-content-item-description,
.slider-content-item-link {
  color: var(--dark);
}
.slider-content-item-description {
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .slider-content-item-description {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1600px) {
  .slider-content-item-description {
    margin-top: 15px;
  }
}

@media screen and (min-width: 1921px) {
  .slider-content-item-description {
    font-size: 24px;
  }
}

.slider-content-item-link {
  font-size: 18px;
}

.slider-content-item-title {
  background: rgb(180,158,181);
  background: linear-gradient(90deg, #1D173D 50%, rgb(72,72,72,0.5) 50%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  display: block;
  position: relative;
  transition: 2s all;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: 100%;
  font-size: 24px;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}

@media screen and (min-width: 1921px) {
  .slider-content-item-title {
    font-size: 48px;
  }
}

.slider-content-item-title {
  background-position: 100% 0;
  transition: background-position 2s ease-in-out;
}

.slider-content-items-text {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.slider-content-items-text.active,
.carousel2-description.active .slider-content-items-text {
  display: block;
  opacity: 1;
}


/* Test homepage */
/* .home-page-row {
  padding-top: 100px;
  z-index: 1;
} */

.home-page-row .main-title {
  font-size: clamp(24px, 2.5vh, 32px);
  font-weight: 600;
}

@media screen and (min-width: 1600px) {
  .home-page-row .main-title {
    font-size: 32px;
  }
}

@media screen and (min-width: 1600px) {
  .home-page-row .main-title {
    font-size: 36px;
  }
}

@media screen and (min-width: 1921px) {
  .home-page-row .main-title {
    font-size: 54px;
  }
}

.home-page-row .slideshow {
  margin: 0 auto;
  padding-top: 0;
  height: 100%;
  /* background: #444; */
  position: relative;
}

@media screen and (min-width: 768px) {
  .home-page-row .slideshow {
    height: 240px;
    perspective: 1000px;
  }
}

@media screen and (min-width: 1600px) {
  .home-page-row .slideshow {
    height: 268px;
  }
}

/* @media screen and (min-width: 1800px) {
  .home-page-row .slideshow {
    transform: scale(1.2);
  }
} */

.home-page-row .content {
  /* margin: auto; */
  width: 100%;
  /* height: 700px; */
  height: 100%;
  max-height: 200px;
  min-height: 200px;
  perspective: none;
  position: relative;
  padding-top: 0;
  /* padding-top: 80px; */
  /* transform-style: preserve-3d; */
}

.home-page-row .slider-content {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .home-page-row .content {
    height: 100%;
    max-height: unset;
  }

  .home-page-row .slider-content {
    position: absolute;
    transform-style: preserve-3d;
    width: 176px;
    height: 150px;
    transform: perspective(850px) translateX(-50%);
    left: calc(50% + 10px);
  }
}

@media screen and (min-width: 1024px) {
  .home-page-row .slider-content {
    left: calc(50% - 20px);
  }
}

@media screen and (min-width: 1280px) {
  .home-page-row .slider-content {
    left: 50%;
  }
}

@media screen and (min-width: 1600px) {
  .home-page-row .slider-content {
    height: 250px;
  }
}


.home-page-row.home-page-row .wp-block-column:nth-child(3) {
  text-align: right;
  align-items: flex-end;
  justify-content: flex-start;
}

.home-page-row .slider-button-prev,
.home-page-row .slider-button-next {
  position: relative;
  color: #484848;
  border: none;
  background-color: transparent;
  z-index: 4;
  font-size: 16px;
}

.home-page-row .slider-content-item-description {
  color: #484848;
}

.active-layer {
  position: absolute;
  left: calc(50% - 4px);
  top: 24px;
  transform: translate(-50%, -50%);
  width: 572px;
  height: auto;
  pointer-events: none;
  z-index: 5;
  display: none;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.8); */
}

@media screen and (max-width: 767px) {
  .active-layer {
    display: none !important;
  }
}

.active-layer.visible {
  display: flex;
}

.active-layer figure {
  margin: 0;
  width: 100%;
  height: 100%;
}

.active-layer img {
  transform: none !important;
  backface-visibility: hidden;
  image-rendering: auto;
  width: 100%;
  height: 100%;
}

/* carousel2 */

#dragger, #carousel2-ring, .carousel2-img, .carousel2-vignette {
  width:100%;
  height: 100%;
  transform-style: preserve-3d;
  user-select:none;
}

.carousel2-main-container {
  transform-style: preserve-3d;
  width: 100%;
  height: 600px;
}

#dragger {
  position: absolute;
}
#carousel2-ring {
  position: absolute;
}
.carousel2-img {
  position: absolute;
}
.carousel2-vignette {
  position: absolute;
}

.carousel2-container {
  perspective: 2000px;
  width: 350px;
  height: 280px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  position: absolute;;
}

.carousel2-vignette {
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(to left, rgba(20,20,20,1) 12%, rgba(20,20,20,0) 40%, rgba(20,20,20,0) 60%, rgba(20,20,20,1) 88%);
}

#carousel2-description-container {
color: red;}

.home-page-row .column-with-carousel.wp-block-column:nth-child(1) {
  max-width: 100%;
}

.home-page-row.carousel2:before {
  background: none;
}

.carousel2-content-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.carousel2-buttons-container {
  display: flex;
  align-items: center;
  justify-content: center;
}




/*--------------------------------------------------------------
# Cookie popup
--------------------------------------------------------------*/

.cookie-popup {
  display: none;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px 15px;
  background-color: var(--yellow);

  z-index: 9999;

  @media screen and (min-width: 768px) {
    gap: 24px;
    flex-direction: row;
  }

  @media screen and (min-width: 1280px) {
    padding: 22px 64px;
    gap: 62px;
  }
}

.cookie-popup-text {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  color: #1A1A1B !important;
}

.cookie-popup-text a {
  color: #1A1A1B !important;
  text-decoration: underline;
}

.cookie-popup-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cookie-popup-accept,
.cookie-popup-decline {
  min-width: 124px;
  line-height: 36px;
  padding: 0;
  border: 1px solid #1A1A1B;
  background-color: transparent;
  border-radius: 0;
}

.cookie-popup-accept:hover,
.cookie-popup-decline:hover,
.cookie-popup-accept:focus,
.cookie-popup-decline:focus {
  border: 1px solid #1A1A1B;
}

.cookie-popup-accept {
  background-color: #1A1A1B;
  color: var(--white);
}

.cookie-popup-decline {
  color: #1A1A1B;
}

.sidemenu_open .cookie-popup {
  transform: translateX(0)
}

@media screen and (max-width: 767px) {
  .home-page-row.home-page-row .home-page-main-heading {
    display: block !important;
  }

  /* .home-page-row.home-page-row .home-page-main-heading > .wp-block-group {
    max-width: 100%;
    width: 100% !important;
  } */
}