/*
Theme Name: Oxer Technologies
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: organic-stax
Text Domain: oxer-technologies
Tags: one-column, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, 
*/

.obb-header {
  background: white !important;
}

p.clients-paragraph {
  margin-left: 5px;
}

.has-huge-font-size {
  font-size: 60px !important;
}

.homepage-hero-text {
  position: relative;
  top: 280px;
  left: 50%;
}

@media screen and (max-width: 1440px) {
  .homepage-hero-text {
    position: relative;
    top: 280px;
    left: 35%;
  }
}

@media screen and (max-width: 720px) {
  .homepage-cover {
    display: none !important;
  }

  .contact-page-column {
    padding-left: 0 !important;
    padding-top: 5rem;
  }
}

@media screen and (min-width: 720px) {
  .homepage-cover-mobile {
    display: none !important;
  }
}

.obb-hero-content .wp-container-1.wp-block-group {
  position: relative;
}

ul.sub-menu {
  display: grid;
  width: 600px !important;
  left: -160px !important;
  right: unset !important;
  margin-left: unset !important;
}

ul.sub-menu li:nth-child(2n) {
  grid-column-start: 2;
}

.obb-menu span {
  font-weight: 100;
  box-shadow: unset;
  text-shadow: none;
}

.obb-navigation.primary li li a {
  font-size: 18px !important;
  padding-left: 0;
  padding-right: 0;
}

.obb-menu li.menu-item-has-children > a::after {
  display: none !important;
}

.page-id-2938 .homepage-hero-text {
  position: relative;
  top: 140px;
  left: 32%;
  color: var(--wp--preset--color--dark-gray) !important;
  width: fit-content;
  margin: 0 !important;
  line-height: 60px;
  padding: 90px;
  font-family: "Heebo";
  font-weight: 300;
  border-radius: 5px;
  font-size: 64px !important;
  white-space: nowrap;
}

.page-id-3323 .homepage-hero-text {
  position: relative;
  top: -220px;
  left: 100%;
  color: white !important;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(0 0 0 / 70%);
  line-height: 60px;
  padding: 90px;
  font-family: "Heebo";
  border-radius: 5px;
  font-weight: 300;
}

.page-id-3321 .homepage-hero-text {
  color: var(--wp--preset--color--dark-gray) !important;
  font-weight: 300;
  top: -100px;
  left: 65%;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(255 255 255 / 80%);
  line-height: 60px;
  padding: 60px;
  font-family: "Heebo";
}

.page-id-3325 .homepage-hero-text {
  position: relative;
  top: -135px;
  left: 50%;
  color: white !important;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(0 0 0 / 80%);
  line-height: 75px;
  padding: 90px;
  font-family: "Heebo";
  border-radius: 5px;
  font-weight: 300;
}

.page-id-3302 .homepage-hero-text {
  position: relative;
  top: -180px;
  left: 90%;
  color: white !important;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(0 0 0 / 80%);
  line-height: 60px;
  padding: 60px;
  font-family: "Heebo";
  font-weight: 300;
}

.page-id-3300 .homepage-hero-text {
  position: relative;
  top: -180px;
  left: 75%;
  color: white !important;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(0 0 0 / 90%);
  line-height: 60px;
  padding: 90px;
  font-family: "Heebo";
  border-radius: 5px;
  font-weight: 300;
}

.page-id-3304 .homepage-hero-text {
  position: relative;
  top: -90px;
  left: 45%;
  color: white !important;
  width: fit-content;
  margin: 0 !important;
  background-color: rgb(0 0 0 / 80%);
  line-height: 60px;
  padding: 90px;
  font-family: "Heebo";
  border-radius: 5px;
  font-size: 44px !important;
  font-weight: 300;
}

a:hover {
  background: none !important;
}

.obb-footer-container {
  flex-direction: row-reverse !important;
  justify-content: space-between;
  max-width: 1366px;
  margin: auto;
}

.obb-footer-icon {
  width: unset !important;
}

a.wp-block-button__link.has-white-color.has-text-color.has-background {
  background-color: #2f4a82 !important;
}

a {
  text-decoration: none;
}

.has-normal-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.wp-block-column ul {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}

.remove-top-margin {
  margin-top: 0 !important;
}

body {
  --wp--style--block-gap: 104px;
}

.contact-page-heading {
  width: fit-content;
  margin-left: 0 !important;
  margin-top: 40px !important;
}

.contact-page-cities {
  padding-left: 10px;
}

.contact-page-separator {
  margin-top: 40px !important;
}

.about-us-heading {
  width: fit-content;
}

@media screen and (max-width: 781px) {
  .obb-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .obb-header-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .obb-site-info {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  button.obb-menu-toggle {
    font-size: 0px;
  }

  .wp-block-spacer {
    max-height: 25px;
  }

  .homepage-header-column {
    background: rgb(255, 255, 255, 0.85);
    padding: 40px;
  }

  .homepage-three-image-column p {
    margin-top: 20px;
    font-size: 1.5rem !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .wp-block-column.tech-solutions-text.is-layout-flow.wp-block-column-is-layout-flow {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .contact-page-column {
    width: fit-content !important;
  }

  .hide-on-mobile {
    display: none !important;
  }

  /* .wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column:not(.is-layout-flow):not(.services-image-title):not(
      .contact-page-info
    ) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
  } */

  .entry-content h2:not(.industry-experience-blurb),
  .post-content h2,
  .page-content h2,
  #content h2,
  .type-post h2,
  .type-page h2,
  .elementor h2 {
    margin-bottom: 0px !important;
  }

  .obb-footer .obb-footer-container {
    flex-direction: column !important;
  }

  .is-layout-flow.wp-block-column.has-black-color.has-text-color.has-background {
    padding: 10px !important;
  }

  .wp-block-cover {
    padding-bottom: 0px !important;
  }

  .wp-block-cover.alignfull.is-light {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }

  h2.wp-block-heading.alignwide.trends-section-header.has-dark-gray-color.has-text-color {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wp-block-cover-image.is-position-top-left,
  .wp-block-cover.is-position-top-left {
    padding-left: 5px !important;
  }

  .obb-header.position-fixed {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .wp-site-blocks > * + * {
    margin-block-start: calc(var(--wp--style--block-gap) - 30px);
  }

  .services-image-title {
    padding: 5px;
  }

  .mobile-stacked-columns {
    margin-top: 20px !important;
  }

  .wp-block-columns .is-not-stacked-on-mobile {
    margin-bottom: 20px !important;
  }

  p.hero-image-paragraph.has-dark-gray-color.has-text-color {
    font-size: 22.4px !important;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .tech-solutions-text {
    font-size: 22.4px !important;
  }

  .trends-section-header {
    margin-top: 12px !important;
  }

  .industry-experience-blurb {
    font-size: 2rem !important;
    margin-bottom: 24px !important;
  }

  .contact-page-heading {
    margin-bottom: 40px;
  }

  ul.sub-menu li:nth-child(3n + 1) > a > span {
    font-weight: normal !important;
    padding-right: 10px;
  }

  ul.sub-menu li:nth-child(3n - 1) {
    display: none;
  }

  .homepage-cover-container {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .wp-block-column{
    flex-basis:20% !important;
  }

  .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 80% !important;
  }

  h3.contact-page-heading {
    letter-spacing: normal !important;
    line-height: normal !important;
    margin-left: 0px !important;
    padding-left: 10px !important;
  }

  h3.contact-page-heading br{
    display: block !important;
  }

  .wp-block-columns.alignwide.client-partner-section.wp-container-content-1.is-layout-flex.wp-container-core-columns-is-layout-9.wp-block-columns-is-layout-flex {
    gap: 0px !important;
  } 

  .wp-block-columns.are-vertically-aligned-top.contact-page-column.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    margin: auto !important;
  } 

  body {
    --wp--style--block-gap: 0px !important;
  }

  .obb-mobile-menu-container .obb-site-logo {
    padding-left: 10px !important;
    padding-right: 36px !important;
  }

  .obb-site-info {
    padding-top: 10px !important;
  }

  svg#icon-close {
    padding-right: 10px !important;
  } 

  h2.has-text-align-center.about-us-heading.has-white-color.has-text-color.has-background.wp-block-heading {
    margin: auto !important;
  }

  .wp-block-columns.alignwide.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex {
    margin-top: 25px !important;
  }

  p.clients-paragraph.has-dark-gray-color.has-text-color.has-medium-large-font-size {
    margin-top: 18px !important;
  }

  .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex.wp-container-core-columns-is-layout-8.wp-block-columns-is-layout-flex {
    padding-bottom: 25px !important;
  }

  .wp-block-button.has-custom-font-size.is-style-fill.has-extra-small-font-size {
    padding-bottom: 25px !important;
  }

}

.stats-paragraph {
  margin-top: 20px !important;
}

.trends-section p {
  margin-top: 5px !important;
}

.homepage-three-image-column p {
  margin-top: 10px;
}

.obb-footer {
  margin-top: 0 !important;
}

.blue-section-text {
  margin-top: 0 !important;
}

.services-text {
  margin-top: 15px;
}

.services-table table {
  border: none;
}

.services-table table td {
  border: none;
  padding-top: 0;
}

.adjust-top-margin {
  margin-top: 25px !important;
}

.homepage-cover {
  height: calc(100vh - 104px);
  background-size: unset;
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .homepage-cover-title-1 {
    font-size: 2.75rem !important;
  }

  .homepage-cover-title-2 {
    font-size: 1.75rem !important;
  }

  .homepage-cover-container {
    max-width: 580px !important;
  }

  .hero-image-paragraph {
    font-size: 1rem !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 264dpi),
  only screen and (min-resolution: 2dppx) {
  .homepage-cover-title-1 {
    font-size: 2.75rem !important;
  }

  .homepage-cover-title-2 {
    font-size: 1.75rem !important;
  }

  .homepage-cover-container {
    max-width: 580px !important;
  }

  .hero-image-paragraph {
    font-size: 1.1rem !important;
  }
}

@media screen and (min-width: 1366px) {
  .services-systems-cloud-section {
    min-width: 1366px;
  }
}

ul.sub-menu li:nth-child(3n) {
  grid-column-start: 3;
}

ul.sub-menu li:nth-child(3n + 1) > a > span {
  font-weight: bold;
  color: #383f40;
  padding-left: 15px;
}

ul.obb-menu ul li {
  width: fit-content !important;
}

ul.sub-menu li:nth-child(3n + 1) {
  grid-column-start: 1;
}

.contact-page-column {
  justify-content: end;
  width: 50%;
  margin-left: auto;
}

.homepage-three-images {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 1024px) {
  .obb-menu li {
    flex-direction: column;
  }

  ul.sub-menu {
    width: fit-content !important;
    box-shadow: none !important;
    position: unset !important;
    display: grid !important;
    opacity: 100% !important;
    visibility: visible !important;
  }

  .obb-menu ul.sub-menu::before {
    display: none;
  }

  .obb-header .obb-header-content {
    flex-wrap: nowrap !important;
  }
}

@media screen and (min-width: 782px) {
  .contact-page-column {
    width: fit-content !important;
  }

  .contact-page-column > .wp-block-column {
    flex-basis: unset !important;
    flex-grow: 1 !important;
  }
}

table {
  border: none !important;
}

.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
  column-gap: 32px !important;
}

.landing-page-paragraph {
  color: #414548 !important;
  margin-bottom: 50px !important;
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  max-width: unset !important;
}

.landing-page-success-container {
  min-width: -webkit-fill-available;
}

.page-id-5430 #obb-nav {
  display: none;
}

.cover-landing-contact {
  max-width: unset !important;
}

.contact-page-heading a {
  color: white;
}

.contact-landing-table {
  overflow: visible;
  margin-bottom: 0px !important;
  max-width: 650px !important;
}

.contact-landing-table a {
  color: white !important;
}

.contact-landing-table table td {
  border: none !important;
  min-width: 110px;
}

.contact-landing-table:first-of-type td {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-landing-table:first-of-type tr:first-of-type {
  position: relative;
  top: -50px;
}

.is-style-wide.contact-page-separator {
  margin-top: 0 !important;
}

.page-id-5430 #obb-menu-toggle {
  display: none;
}

.contact-us-btn {
  background-color: #2f4a82 !important;
}

.wp-block-columns {
  margin-bottom: 0 !important;
}

.wp-block-group {
  margin-block-start: 0 !important;
}

.oxer-light-grey-background {
  background-color: var(--wp--preset--color--light-gray) !important;
}

.wp-block-table > table {
  margin-top: 0 !important;
}

span.dropdown {
  visibility: hidden !important;
}

.wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 {
  gap: 36px !important;
}

body .is-layout-constrained > .aligncenter {
  padding-right: 0 !important;
}

.wp-block-cover.is-light.has-custom-content-position.is-position-top-left {
  padding-right: 0;
}

.wp-block-heading {
  font-family: "Heebo";
  color: #383F40;
  margin-bottom: 20px;
}

.wp-block-heading a:where(:not(.wp-element-button)):hover {
  color: inherit !important;
}

.has-off-white-background-color {
  background-color: #dddddd4d;
}

.wp-block-group:not(.homepage-cover-text):not(.landing-page-text) {
  padding-left: 48px;
  padding-right: 48px;
}

.wp-block-column.is-vertically-aligned-center.is-layout-constrained.wp-block-column-is-layout-constrained {
  flex-grow: unset;
  flex-basis: 100% !important;
}

@media screen and (max-width: 782px) {
  .about-us-pic-heading {
    margin-bottom: 15px !important;
    margin-top: 30px !important;
  }

  .management-team-heading {
    margin-bottom: 15px !important;
  }

  .management-team-name {
    font-weight: 600;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(.services-image-title) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .entry-content h2:not(.industry-experience-blurb), .post-content h2, .page-content h2, #content h2, .type-post h2, .type-page h2, .elementor h2 {
    margin-bottom: 0.83em !important;
  }

  .wp-block-group:not(.homepage-cover-text) {
    padding-left: 2em;
    padding-right: 2em;
  }

  .wp-block-cover.is-light {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }

  .has-medium-font-size {
    font-size: 20px !important;
  }

  .obb-menu span {
    font-family: 'Heebo';
    font-weight: 300;
  }

  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-13.wp-block-columns-is-layout-flex {
    gap: 0;
  }

  .industry-experience-cover .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
    gap: 20px !important;
  }

  [role=menuitem] {
    font-size: smaller;
  }

  .obb-mobile-menus #mobile-nav-large ul.sub-menu li a {
    padding-right: 0px !important;
  }

  .obb-mobile-menus #mobile-nav-large ul.obb-menu ul.sub-menu>li>a>span {
    font-size: unset;
  }
}

#menu-item-5671 > a {
  font-size: 32px !important;
}

#menu-item-5671 > a::before {
  display: none;
}

#menu-item-5671 > a > span {
  display: inline;
}