@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root{ 

    font-family: 'Montserrat', sans-serif;

    /* cores padrões */
    --color-primary: #125e42;
    --color-secondary: #77933c;
    --color-tertiary: #e6a23f;
    --color-text: #000;
    --color-back: #FFF;
    --color-dark: #000;
    --color-light: #f3f3f3;

    /* botões */
    --btn-back: var(--color-tertiary);
    --btn-back-hover: var(--color-text);
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: var(--color-secondary);
    --bar-color: rgba(255,255,255,0.8);
    --bar-icon-color: var(--color-primary);
    --bar-icon-redes-color: var(--color-primary);
    --bar-icon-redes-color-hover: var(--color-primary);

    /* top */
    --top-logo-padding: 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 160px;
    --top-logo-height-responsive: 80px;
    --top-back: #FFF;    
    --top-nav-back: transparent;
    --top-nav-color: var(--color-primary);    
    --top-nav-hover-back: transparent;
    --top-nav-hover-color: var(--color-secondary);
    --top-drop-back: #FFF;
    --top-drop-color: var(--color-text);
    --top-drop-hover-back: rgba(0,0,0,0.05);
    --top-drop-hover-color: var(--color-text);

    /* footer */
    --footer-back: var(--color-secondary);
    --footer-color: rgba(255,255,255,0.8);
    --footer-copy-back: rgba(255,255,255,0.05);
    --footer-copy-color: rgba(255,255,255,0.8);
    --footer-icon-color: rgba(255,255,255,0.8);
    --footer-icon-redes-color: #FFF;
    --footer-icon-redes-color-hover: #FFF;

    /* title */
    --title-color: var(--color-primary);
    --title-line-color: var(--color-secondary);
    --title-line-size: 150px;
    --title-post-color: #333;

    --title-internal-color: var(--color-text);
    --title-internal-back: var(--color-light);

}

body { font-size: 15px; font-weight: 500; }


header .navbar-nav a { font-size: 1.1em; border-radius: 30px; padding: 15px 35px; /*font-family: 'Libre Bodoni', serif;*/ font-weight: 700; text-transform: uppercase;  }
header .navbar-nav li.whats a { background: var(--color-tertiary); color: #FFF; }

header.fixed .navbar { position: fixed; top: 0; padding: 0 !important; width: 100%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; z-index: 999; }
header.fixed .navbar-brand img { height: 50px; }

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}


/*
header .navbar-nav li.whats a{color:#FFF;background:#25D366; font-size:0.8em; border-radius: 30px; padding: 10px 25px; font-family: 'Montserrat', sans-serif; }
header .navbar-nav li.whats a i { font-size: 1.8em; vertical-align:-4px }
*/

.btn-primary { padding: 15px 50px; font-size: 1.1em; border-radius:30px; font-weight: 700; }
.bg-primary { background: var(--color-primary) !important; }
.bg-secondary { background: var(--color-secondary) !important; }
.bg-tertiary { background: var(--color-tertiary) !important; }

.title { /*font-family: 'Libre Bodoni', serif;*/ font-weight: 700; text-transform: uppercase; }
.title-text { font-weight: 500; }

#box-welcome { font-size:1.0em; }
#box-welcome .title { font-size: 2.0em; font-weight: 700; }

.box-chamada { font-size: 1.05em; line-height: 1.6em; font-weight:500; }
.box-chamada h2 { /*font-family: 'Libre Bodoni', serif;*/ font-weight: 700; text-transform: uppercase; }
.box-chamada ul { list-style: none; padding: 0; margin: 0 0 0 25px; }
.box-chamada li { position: relative; margin-bottom: 20px; }
.box-chamada li:before { position: absolute; display: block; content: '2022'; text-indent: -999999px; left: -25px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url('https://sitescriar.com.br/xj9moneipu/favicon.ico'); background-size: 16px 16px; background-position: 0 0; margin-top: 5px; }

.box-chamada .btn { margin-top: 20px; }

#sobre { background: var(--color-light); background: linear-gradient(90deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-back) 50%, var(--color-back) 100%); }
#sobre p { font-size: 1.15em; font-weight: 500; line-height: 1.7em; }

#servicos .image { display: flex; height: 50vh; flex-grow: 1; }
#servicos .image img { max-height: 100%; min-width: 100%; object-fit: cover;vertical-align: bottom; }
#servicos h2 { color: var(--color-primary); }

#treino-box .border { font-size: 0.9em; border: 3px solid var(--color-primary) !important; border-radius: 5px !important; }

.widget-header{ background:var(--color-secondary); }