/*
Theme Name: Industria interior 2021
Author: Juan Peirotti
Description: Tema hecho en el 2021
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: industriainterior
Tags: fullscreen, minimal

*/
/* SASS colors */
/* BOOTSTRAP MODS AND EXPANSIONS */
/* SIZES WITH BREAKPOINTS EXTension and general widths*/
/*Los declaro yo porque en Bootstrap 5 no parecen usarlos como variables en el width-100,w-75, en Utilities.scss linea 138*/
.w-xs-25 {
  width: 25% !important; }

.h-xs-25 {
  height: 25% !important; }

.w-xs-50 {
  width: 50% !important; }

.h-xs-50 {
  height: 50% !important; }

.w-xs-75 {
  width: 75% !important; }

.h-xs-75 {
  height: 75% !important; }

.w-xs-100 {
  width: 100% !important; }

.h-xs-100 {
  height: 100% !important; }

.w-xs-auto {
  width: auto !important; }

.h-xs-auto {
  height: auto !important; }

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important; }

  .h-sm-25 {
    height: 25% !important; } }
@media (min-width: 576px) {
  .w-sm-50 {
    width: 50% !important; }

  .h-sm-50 {
    height: 50% !important; } }
@media (min-width: 576px) {
  .w-sm-75 {
    width: 75% !important; }

  .h-sm-75 {
    height: 75% !important; } }
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important; }

  .h-sm-100 {
    height: 100% !important; } }
@media (min-width: 576px) {
  .w-sm-auto {
    width: auto !important; }

  .h-sm-auto {
    height: auto !important; } }
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important; }

  .h-md-25 {
    height: 25% !important; } }
@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important; }

  .h-md-50 {
    height: 50% !important; } }
@media (min-width: 768px) {
  .w-md-75 {
    width: 75% !important; }

  .h-md-75 {
    height: 75% !important; } }
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important; }

  .h-md-100 {
    height: 100% !important; } }
@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important; }

  .h-md-auto {
    height: auto !important; } }
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important; }

  .h-lg-25 {
    height: 25% !important; } }
@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important; }

  .h-lg-50 {
    height: 50% !important; } }
@media (min-width: 992px) {
  .w-lg-75 {
    width: 75% !important; }

  .h-lg-75 {
    height: 75% !important; } }
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important; }

  .h-lg-100 {
    height: 100% !important; } }
@media (min-width: 992px) {
  .w-lg-auto {
    width: auto !important; }

  .h-lg-auto {
    height: auto !important; } }
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important; }

  .h-xl-25 {
    height: 25% !important; } }
@media (min-width: 1200px) {
  .w-xl-50 {
    width: 50% !important; }

  .h-xl-50 {
    height: 50% !important; } }
@media (min-width: 1200px) {
  .w-xl-75 {
    width: 75% !important; }

  .h-xl-75 {
    height: 75% !important; } }
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important; }

  .h-xl-100 {
    height: 100% !important; } }
@media (min-width: 1200px) {
  .w-xl-auto {
    width: auto !important; }

  .h-xl-auto {
    height: auto !important; } }
@media (min-width: 1400px) {
  .w-xxl-25 {
    width: 25% !important; }

  .h-xxl-25 {
    height: 25% !important; } }
@media (min-width: 1400px) {
  .w-xxl-50 {
    width: 50% !important; }

  .h-xxl-50 {
    height: 50% !important; } }
@media (min-width: 1400px) {
  .w-xxl-75 {
    width: 75% !important; }

  .h-xxl-75 {
    height: 75% !important; } }
@media (min-width: 1400px) {
  .w-xxl-100 {
    width: 100% !important; }

  .h-xxl-100 {
    height: 100% !important; } }
@media (min-width: 1400px) {
  .w-xxl-auto {
    width: auto !important; }

  .h-xxl-auto {
    height: auto !important; } }
.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.position-auto {
  position: auto !important; }

@media (min-width: 576px) {
  .position-sm-static {
    position: static !important; }

  .position-sm-relative {
    position: relative !important; }

  .position-sm-absolute {
    position: absolute !important; }

  .position-sm-fixed {
    position: fixed !important; }

  .position-sm-sticky {
    position: sticky !important; }

  .position-sm-auto {
    position: auto !important; } }
@media (min-width: 768px) {
  .position-md-static {
    position: static !important; }

  .position-md-relative {
    position: relative !important; }

  .position-md-absolute {
    position: absolute !important; }

  .position-md-fixed {
    position: fixed !important; }

  .position-md-sticky {
    position: sticky !important; }

  .position-md-auto {
    position: auto !important; } }
@media (min-width: 992px) {
  .position-lg-static {
    position: static !important; }

  .position-lg-relative {
    position: relative !important; }

  .position-lg-absolute {
    position: absolute !important; }

  .position-lg-fixed {
    position: fixed !important; }

  .position-lg-sticky {
    position: sticky !important; }

  .position-lg-auto {
    position: auto !important; } }
@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important; }

  .position-xl-relative {
    position: relative !important; }

  .position-xl-absolute {
    position: absolute !important; }

  .position-xl-fixed {
    position: fixed !important; }

  .position-xl-sticky {
    position: sticky !important; }

  .position-xl-auto {
    position: auto !important; } }
@media (min-width: 1400px) {
  .position-xxl-static {
    position: static !important; }

  .position-xxl-relative {
    position: relative !important; }

  .position-xxl-absolute {
    position: absolute !important; }

  .position-xxl-fixed {
    position: fixed !important; }

  .position-xxl-sticky {
    position: sticky !important; }

  .position-xxl-auto {
    position: auto !important; } }
.vh-xs-100 {
  height: 100vh !important; }

.vh-xs-auto {
  height: auto !important; }

@media (min-width: 576px) {
  .vh-sm-100 {
    height: 100vh !important; } }
@media (min-width: 576px) {
  .vh-sm-auto {
    height: auto !important; } }
@media (min-width: 768px) {
  .vh-md-100 {
    height: 100vh !important; } }
@media (min-width: 768px) {
  .vh-md-auto {
    height: auto !important; } }
@media (min-width: 992px) {
  .vh-lg-100 {
    height: 100vh !important; } }
@media (min-width: 992px) {
  .vh-lg-auto {
    height: auto !important; } }
@media (min-width: 1200px) {
  .vh-xl-100 {
    height: 100vh !important; } }
@media (min-width: 1200px) {
  .vh-xl-auto {
    height: auto !important; } }
@media (min-width: 1400px) {
  .vh-xxl-100 {
    height: 100vh !important; } }
@media (min-width: 1400px) {
  .vh-xxl-auto {
    height: auto !important; } }
.btn:active {
  transform: translate(2px, 2px) !important;
  -webkit-transform: translate(2px, 2px) !important; }

body .btn-check:focus + .btn, .btn:focus {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4) !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400 !important; }

/*General */
body {
  font-family: 'Roboto', sans-serif;
  color: #fff !important;
  background-color: #fff !important; }

body a {
  color: #fff;
  text-decoration: none; }

body a:hover {
  text-decoration: none; }

/* Alignments and full width*/
.entry-content .alignwide {
  margin-left: -80px;
  margin-right: -80px; }

.alignfull {
  margin-left: calc( -98vw / 2 + 99% / 2 );
  margin-right: calc( -98vw / 2 + 99% / 2 );
  max-width: 99vw; }

.alignfull img {
  width: 100vw; }

/* Background colors */
.bg-black {
  background-color: #000 !important; }

.bg-softblack {
  background-color: #141414 !important; }

/* text colors*/
.text-white {
  color: #fff; }

.text-black {
  color: #000; }

.text-grey {
  color: #a4a4a4; }

.text-softblack {
  color: #141414; }

.text-tight-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); }

.tight-shadow, #slider .thumbs a.active img {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4); }

/* NOSOTROS */
.offcanvas {
  color: #141414;
  box-sizing: content-box; }
  .offcanvas .close-offcanvas {
    left: -10px;
    position: absolute;
    height: 40px; }
  .offcanvas .bottom .row .col {
    font-size: 0.88rem; }

.offcanvas-start {
  width: 450px !important; }

#nosotros-sm h5 {
  font-weight: 500 !important; }

/* MENU */
.navbar {
  z-index: 1030 !important; }
  .navbar .logo {
    height: 123px; }
  .navbar .menu-item {
    margin-left: 0.6rem !important; }
  .navbar .current-menu-item {
    font-weight: 300 !important;
    background-color: #141414; }
    .navbar .current-menu-item .nav-link {
      color: #fff !important; }
  .navbar .nav-link {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .navbar .nav-link {
        color: #fff !important;
        text-shadow: 2px 1px 2px #00000057; } }
    @media (max-width: 767.98px) {
      .navbar .nav-link {
        color: #141414 !important; } }
    .navbar .nav-link:hover, .navbar .nav-link :active {
      font-weight: 300 !important;
      color: #fff !important;
      background-color: rgba(20, 20, 20, 0.75); }
  .navbar .navbar-toggler {
    color: #fafafa !important; }

[aria-current]:not([aria-current="false"]) {
  font-weight: bold; }

#home-categories ul {
  list-style-type: none; }
  #home-categories ul a {
    color: #141414; }

.conocenos-md button {
  transition: all .2s ease-in-out; }
  .conocenos-md button:hover {
    background-color: #000 !important;
    transform: scale(1.15); }

.bg-img {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: -99;
  background-color: #000; }
  .bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    opacity: .8; }

#slider-nosotros1 .carousel-item {
  height: 250px; }

#slider {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  #slider .carousel-item {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important; }
    @media (max-width: 767.98px) {
      #slider .carousel-item {
        background: none !important; } }
    @media (max-width: 575.98px) {
      #slider .carousel-item img {
        height: 212px; } }
  #slider .description {
    right: 25% !important;
    left: 25% !important;
    height: 200px;
    bottom: 12% !important;
    background-color: rgba(0, 0, 0, 0.3); }
    #slider .description p {
      margin-bottom: 0 !important; }
  #slider .description-mobile {
    color: #737373; }
    #slider .description-mobile h4 {
      background-color: #393939;
      color: #fff;
      position: absolute;
      margin-bottom: 50px;
      clear: both;
      width: 100%;
      left: 0;
      padding: 10px;
      text-align: center; }
    #slider .description-mobile p {
      margin-bottom: 0 !important;
      margin-top: 2rem;
      padding: 1.5rem 0.2rem 0.2rem 0.2rem; }
  @media (max-width: 767.98px) {
    #slider .thumbs {
      top: 350px; } }
  @media (max-width: 575.98px) {
    #slider .thumbs {
      top: 170px; } }
  @media (max-width: 767.98px) {
    #slider .thumbs a {
      width: 10px !important;
      height: 10px !important;
      opacity: 0.5; } }
  @media (min-width: 768px) {
    #slider .thumbs a {
      width: 2.5em !important;
      height: 2.5em !important;
      opacity: 0.4; } }
  #slider .thumbs a:hover {
    opacity: 1 !important; }
  #slider .thumbs a.active {
    opacity: 1 !important; }
  #slider .controls-mobile button {
    height: 470px; }
  #slider .controls-mobile .carousel-control-prev :active {
    transform: translate(-3px, 0px) !important;
    -webkit-transform: translate(-3px, 0px) !important; }
  #slider .controls-mobile .carousel-control-next :active {
    transform: translate(3px, 0px) !important;
    -webkit-transform: translate(3px, 0px) !important; }

.black-grad {
  background: black;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
  height: 8em;
  position: absolute;
  z-index: 2;
  width: 100%;
  opacity: 0.6; }

/* FOOTER */
.bottom-footer {
  z-index: 10; }

.icons > div {
  width: 2em;
  height: 2em;
  line-height: 2em; }
  .icons > div a {
    color: #fff; }
    .icons > div a:hover {
      background-color: #fff;
      color: #141414; }

/* IMG BLOCK FIX*/
.wp-block-image img {
  height: auto; }

/* IMG FIX*/
.wp-block-media-text__media img, .wp-block-media-text__media video {
  height: auto; }