/*
Theme Name: GOAT BLOG
Theme URI: https://goatdigital.com.br/
Author: Gabriel Barros
Author URI: https://goatdigital.com.br/
Description: TEMA PARA O BLOG - GOAT
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Goat - BLOG
Tags: responsivo, blog, ecommerce, moderno, customizado
*/

@import url(./css/footer.css);
@import url(./css/header.css);
@import url(./css/home.css);
@import url(./css/single.css);
@import url(./css/category.css);
@import url(./css/hero-slider.css);
@import url(./css/archive.css);
@import url(./css/parceiros.css);


/* ================================================
   RESET E CONFIGURAÇÕES BASE
================================================ */
* {
  font-family: 'Manrope', sans-serif;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

:root {
  --color-black: #2d2d2f;
  --color-white: #ffff;
  --color-blue: #183354;
}

/* ================================================
   WRAPPERS GLOBAIS
================================================ */
.wrapper_padding {
  padding-left: 220px;
  padding-right: 220px;
}

.wrapper_margin {
  margin-left: 220px;
  margin-right: 220px;
}

@media (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
  .wrapper_margin {
    margin-left: 240px;
    margin-right: 240px;
  }

  .wrapper_padding {
    padding-left: 240px;
    padding-right: 240px;
  }
}

/* ================================================
   RESPONSIVIDADE AVANÇADA
================================================ */

@media (max-width: 1600px) {
  .wrapper_padding,
  .wrapper_margin {
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media (max-width: 1000px) {
  .wrapper_padding,
  .wrapper_margin {
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media (max-width: 800px) {
  .wrapper_padding,
  .wrapper_margin {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 30px;
    margin-right: 30px;
  }
  
}

@media (max-width: 600px) {
  .wrapper_padding,
  .wrapper_margin {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
  }

}


.nav_bar ul,
.nav_bar ul li,
.nav_bar ul.sub-menu {
  list-style: none;
}

article > a {
  text-decoration: none;
  color: var(--color-black);
}