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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #site-content {
  padding-top: var(--totalHeaderHeight);
}

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

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