/*
Theme Name: Satcomp Theme
Description: Satcomp theme based on OceanWP Theme.
Author: OceanWP
Author URI: https://halcore.com.br
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* CLASSES */
.flex { 
  display: flex !important;
}

.display-grid {
  display: grid !important;
}

.items-center {
  align-items: center !important;
}

.w-15 {
  width: 15px !important;
}

.w-225 {
  width: 22.5px !important;
}

.w-25{
  width: 25px !important;
}

.gap-1{
  gap: 1rem !important;
}

.gap-125{
  gap: 1.25rem !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.font-bold{
  font-weight: bold !important;
}

.text-white {
  color: #fff !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-10 {
  margin-right: 1rem !important;
}

.ms-3 {
  margin-left: 0.75rem !important;
}

.ms-5{
  margin-left: 5px !important;
}

.mb-6{
  margin-bottom: 1.25rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.p-3 {
  padding: 3% 0 !important;
}

/* ROOT */
a {
  text-decoration: none !important;
}

.button, .submit, .wp-element-button { 
  background-color: #080D24 !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 10px !important;
}

.button:hover, .submit:hover, .wp-element-button:hover {
  background-color: #BFBFBF !important;
  color: #080D24 !important;
}

.button:focus, .submit:focus, .wp-element-button:focus {
  background-color: #BFBFBF !important;
  color: #080D24 !important;
}

.add_to_cart_button {
    background-color: #080D24 !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: 10px !important;
}

.add_to_cart_button:hover {
    background-color: #BFBFBF !important;
    color: #080D24 !important;
}

.price { 
  color: #080D24 !important;
  font-weight: bold !important;
}
/* HEADER */

#site-header {
  background-image: url("/wp-content/uploads/2025/05/header-background.jpg");
  padding: 40px;
  border: 0 !important;
}

#top-bar-content {
  width: 100%;
}

.topbar-content {
  display: flex !important;
  justify-content: space-between !important;
}

@media only screen and (max-width: 959px) {
    #site-header {
      padding: 20px;
    }

    #site-header-inner {
      display: flex !important;
    }

    body.default-breakpoint .oceanwp-mobile-menu-icon {
      width: 100%;
      text-align: end;
    }
  }

@media (max-width: 480px) {
    #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 175px !important;
    }
}

/* FOOTER */

#footer-widgets {
  background-image: url("/wp-content/uploads/2025/05/footer-background.jpg") !important;
  background-position: cover !important;
  padding-top: 80px !important;
}

#footer img {
  max-width: 125px !important;
}

#footer #about {
  color: #fff;
  font-size: 12px;
  line-height: 19px"
}

#footer #cnpj {
  color: #fff;
  font-weight: bold !important;
}

/* TITLE BREADCRUMB */

.page-header .page-header-title, .page-header.background-image-page-header .page-header-title{
  display: none !important;
}

.page-header .page-subheading {
  display: none !important;
}

.site-breadcrumbs {
  left: 0 !important;
}

/* HOME */

#home-smartslider-16-9 { 
  margin-top: -65px !important;
}

#home-smartslider-9-16 { 
	display: none !important;
}

@media (max-width: 768px) {
	#home-smartslider-16-9 { 
	  display: none !important;
	}
	#home-smartslider-9-16 { 
		display: block !important;
		margin-top: -65px !important;
	}
}

#home-brands {
  margin: 30px 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

body .oceanwp-row .col {
  padding: 0 3.625rem !important;
}

#home-gamer h1 {
  font-size: 8rem !important;
  line-height: 1 !important;
}

#home-gamer p {
  font-size: 2.25rem !important;
  line-height: 1.5 !important;
}

#about-slider {
	padding: 0 80px;
}

/* STORE */

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount {
  font-weight: bold !important;
}

/* SIDEBAR */

.widget-title {
  border-color: #080D24 !important;
}

.woocommerce form input[type=number] {
  max-width: 100px !important;
}

@