/*
Theme Name: Matsu Chemicals
Theme URI: https://matsychemicals.com.br/
Description: Logica Comunicação
Version: 1.0
Tags: site
Author: Henryson Vieira
*/


/* SCROLLBAR */
/* ===== Scrollbar para Chrome, Edge e Safari ===== */
::-webkit-scrollbar {
  width: 12px;              /* largura da barra */
  height: 12px;             /* altura da barra horizontal */
}

::-webkit-scrollbar-track {
  background: #EEE;      /* cor de fundo */
}

::-webkit-scrollbar-thumb {
  background-color: #dad4ba; /* cor da barra */
  border-radius: 6px;        /* borda arredondada */
  border: 2px solid #EEE; /* "espaço" entre a barra e o fundo */
}

/* setas */
::-webkit-scrollbar-button {
  background-color: #dad4ba;
}

/* ===== Scrollbar para Firefox ===== */
* {
  scrollbar-width: thin;                   /* "auto" | "thin" */
  scrollbar-color: #dad4ba #EEE;        /* thumb cor | track cor */
}


@font-face {
    font-family: 'Ageo';
    src: url('../fonts/Ageo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ageo';
    src: url('../fonts/Ageo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ageo';
    src: url('../fonts/Ageo-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ageo';
    src: url('../fonts/Ageo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ageo';
    src: url('../fonts/Ageo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AmsiPro';
    src: url('../fonts/AmsiPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AmsiPro';
    src: url('../fonts/AmsiPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Sans Extra Condensed';
    src: url('../fonts/SofiaSansExtraCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{scroll-behavior: smooth;}
body{font-family: 'Ageo', sans-serif; font-size: 17px; line-height: 23px; font-weight: normal; color: #4a4a4a;}
.animation, a, .btn-primary, .btn-secondary{transition: 0.3s ease-in-out;}

a{color: #1c4e89;}
a, a:hover{text-decoration: none; color: #46b28a;}

figure{margin: 0;}
img{max-width: 100%;}

h1, h2, h3, h4, h5, h6{font-family: 'AmsiPro'; font-weight: normal; color: #46b28a;}
h1{color: #FFF;}
h1 strong{font-weight: 900;}
h2, h3, h4, h5, h6{color: #1c4e89;}

.btn-primary, .btn-secondary{font-family: 'AmsiPro'; font-weight: 400; color: #FFF; text-align: center; border: 1px solid #FFF; transition: .3s; box-shadow: none !important;}
.btn-primary:hover, .btn-secondary:hover{color: #FFF; border-color: #FFF; outline: none;}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus{color: #FFF; border-color: #FFF; outline: none;}

.btn-primary{background: #46b28a;}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus{background: #2d916c;}

.btn-secondary{background: #1c4e89;}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus{background: #0d3563;}

section{overflow: hidden;}

*{outline: none; box-sizing: border-box;}


@media (max-width: 576px){
	body{font-size: 14px; line-height: 20px}
	h1{font-size: 28px; line-height: 32px;}

	.btn-primary, .btn-secondary{padding: 0 1rem; font-size: 15px; line-height: 32px; height: 38px; border-radius: 19px;}
}

@media (min-width: 576px){
  body{font-size: 19px; line-height: 27px}
	h1{font-size: 50px; line-height: 54px;}
  
  .btn-primary, .btn-secondary{padding: 0 1.5rem; font-size: 18px; line-height: 38px; height: 44px; border-radius: 22px;}
}

@media (min-width: 992px){
  .btn-primary:hover, .btn-secondary:hover{letter-spacing: 1px;}
}