/*
Theme Name: VerticalVertical
Text Domain: verticalvertical
Version: 1.0.0
Description: Our default theme for 2024 is designed to take full advantage of the flexibility of the block editor..
Author: Vertical Vertical
Author URI: https://verticalvertical.com/
*/

body *,
html * {
  box-sizing: border-box;
  letter-spacing: 0;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  white-space: normal;
  word-break: normal
}

::selection {
  background-color: var(--selectionBgColor) !important;
  color: var(--selectionTextColor) !important;
}

::-webkit-scrollbar {
  width: 10px;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollBarBgColor)
}

#vertical-cookie-banner {
  background-color: var(--scrollBarBgColor);
}

.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box
}

.half-container {
  width: 100%;
  box-sizing: border-box
}

@media(min-width:320px) {
  .half-container {
    max-width: 185px
  }

  .container {
    max-width: 390px
  }
}

@media(min-width:400px) {
  .half-container {
    max-width: 200px
  }

  .container {
    max-width: 400px
  }
}

@media(min-width:430px) {
  .half-container {
    max-width: 215px
  }

  .container {
    max-width: 430px
  }
}

@media(min-width:500px) {
  .half-container {
    max-width: 250px
  }

  .container {
    max-width: 500px
  }
}

@media(min-width:540px) {
  .half-container {
    max-width: 270px
  }

  .container {
    max-width: 540px
  }
}

@media(min-width:600px) {
  .half-container {
    max-width: 300px
  }

  .container {
    max-width: 600px
  }
}

@media(min-width:720px) {
  .half-container {
    max-width: 360px
  }

  .container {
    max-width: 720px
  }
}

@media(min-width:840px) {
  .half-container {
    max-width: 420px
  }

  .container {
    max-width: 840px
  }
}

@media(min-width:960px) {
  .half-container {
    max-width: 480px
  }

  .container {
    max-width: 960px
  }
}

@media(min-width:991px) {
  .half-container {
    max-width: 485.5px
  }

  .container {
    max-width: 991px
  }
}

@media(min-width:1170px) {
  .half-container {
    max-width: 585px
  }

  .container {
    max-width: 1170px
  }
}

@media(min-width:1270px) {
  .half-container {
    max-width: 620px
  }

  .container {
    max-width: 1270px
  }
}

#site-header {
  position: fixed;
  z-index: 999;
  width: 100%;
}

#site-header .header-socket-wrapper {
  padding: 8px 0px;
  background-color: var(--headerSocketColor);
}

#site-header .header-socket-wrapper .header-socket-inner-section {
  display: flex;
  justify-content: flex-end;
}

#site-header .header-socket-wrapper .header-socket-inner-section .header-socket-item {
  color: var(--whiteColor);
  display: flex;
  align-items: center;
}

#site-header .header-socket-wrapper .header-socket-inner-section .header-socket-item:not(:last-child) {
  margin-right: 30px;
}

#site-header .header-socket-wrapper .header-socket-inner-section .header-socket-item img {
  margin-right: 10px;
}

#site-header .header-main-wrapper {
  background-color: var(--headerMainColor);
}

#site-header .header-main-wrapper .header-main-inner-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#site-header .header-main-wrapper .header-main-inner-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu li:not(:last-child) {
  margin-right: 25px;
}

#site-header.has-sticky .site-header-inner {
  transition: all .3s ease-in-out;
}

#site-header.has-sticky.sticky .site-header-inner {
  background-color: var(--headerMainStickyColor);
}

.hidden-seo-img {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important
}