/* =============================
 * Estilos personalizados. 
 * ============================= */


/* =============================
 * VARIABLES
 * ============================= */
:root {
    --red: #d9534f;
    --red-dark: #a33a37;
    --teal: #20c997;
    --white: #fff;
    --gray: #bbb;
    --gray-dark: #777;
    --gray-light: #ddd;
    --primary: #FA58B6;
    --primary-dark: #c22982;
    --secondary: #0B0B23;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #d9534f;
    --light: #eaeced;
    --dark: #333;
    --purple: #7A0BC0;
    --purple-dark: #530881;
    --violet: #270082;
    --bs-primary-rgb: 250, 88, 182;
    --bs-secondary-rgb: 11, 11, 35;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'Poppins', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/* -----------------------------------------------------
  *  HTML
 /* ----------------------------------------------------- */
html {
    scroll-behavior: smooth !important;
}

body {
    color: var(--dark);
    font-weight: 400;
    padding-top: 0px;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
}

h1,
.h1 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 20px;
}

/* -----------------------------------------------------
 *  BOOTSTRAP
/* ----------------------------------------------------- */
.lead {
    font-weight: 500;
}

.btn-purple {
    background-color: var(--purple);
    color: var(--white);
    font-size: 18px;
    padding-left: 100px !important;
    padding-right: 100px !important;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

.btn-purple:hover {
    background-color: var(--primary-dark);
    color: var(--white);
    padding-left: 110px !important;
    padding-right: 110px !important;
}


/* -----------------------------------------------------
 *  YETI LAB
/* ----------------------------------------------------- */
.text-violet {
    color: var(--violet);
}

.text-purple {
    color: var(--purple);
}


/* -----------------------------------------------------
 *  MENU
/* ----------------------------------------------------- */
#menu-1 .navbar-brand img {
    height: 78px;
    margin: 10px 0px;
}

#menu-1 .navbar-nav>li>a {
    color: var(--white);
    font-size: 13px;
    text-transform: uppercase;
}
#menu-1 .navbar-nav>li>a:hover {
    color: var(--primary);
}
#menu-1 .navbar-nav>.active>a {
    background-color: transparent;
    color: #FFF;
    font-weight: normal;
}

#menu-1.resize {
    background-color: #0B0B23 !important;
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/menu-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
}

#menu-1.resize .navbar-brand img {
    height: 43px;
}


/* -----------------------------------------------------
  *  HEADER
 /* ----------------------------------------------------- */
.y-divider-waves {
    bottom: -150px !important;
    height: 700px;
}

#header {
    background-position: right center;
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/header-img.jpg);
}

#header h2 {
    font-size: 46px;
    font-weight: 400;
}

#header .y-header-text {
    font-size: 16px;
    line-height: 22px;
}



/* -----------------------------------------------------
 *  POR QUE CANTAR?
/* ----------------------------------------------------- */
#por-que-cantar {
    padding: 130px 0px 150px 0px;
}


/* -----------------------------------------------------
 *  MARISA
/* ----------------------------------------------------- */
#marisa-brito, #playlists {
    background-position: center;
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/marisa-bg.webp);
    padding-top: 120px;
    background-size: cover;
}


/* -----------------------------------------------------
 *  SERVIÇOS
/* ----------------------------------------------------- */
#servicos {
    padding: 180px 0px;
}

#servicos .card {
    background-position: bottom center;
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/card-bg.png);
    background-repeat: no-repeat;
}


/* -----------------------------------------------------
 *  DEPOIMENTOS
/* ----------------------------------------------------- */
#depoimentos {
    padding: 180px 0px;
    background-position: center left;
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/depoimentos-bg.png);
    background-repeat: no-repeat;
}



/* -----------------------------------------------------
 *  BLOG
/* ----------------------------------------------------- */
#blog {
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/blog-bg.png);
    background-position: bottom center;
    background-repeat: repeat-x;
}


/* -----------------------------------------------------
 *  CONTATO
/* ----------------------------------------------------- */
.wpcf7-form-control {
    background-color: #F9F9F9;
}

.wpcf7-form-control-wrap {
    margin-bottom: 5px;
}

.wpcf7-form-control.wpcf7-submit {
    width: auto;
    background-color: var(--purple);
    color: var(--white);
    font-size: 18px;
    padding-left: 100px !important;
    padding-right: 100px !important;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    text-transform: uppercase;
    margin-top: 10px;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background-color: var(--primary-dark);
    color: var(--white);
    padding-left: 110px !important;
    padding-right: 110px !important;
}



/* -----------------------------------------------------
 *  FOOTER
/* ----------------------------------------------------- */
.footer-content {
    background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/footer-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #0B0B23;
}


/* =============================
 * Regras de responsividade.
 * ============================= */

/* Dispositivos grandes (desktops, menores que 1200px) */
@media (max-width: 1199.98px) {}


/* Dispositivos medianos (tablets, menores que 992px) */
@media (max-width: 991.98px) {
    #menu-1 .navbar-brand img {
        height: 55px;
    }
}


/* Dispositivos pequenos (smartphones na horizontal, menores que 768px) */
@media (max-width: 767.98px) {
    #marisa-brito {
        background-position: bottom right;
        background-color: #f756b4;
    }
}


/* Dispositivos extra pequenos (smartphones na vertical, menores que 576px) */
@media (max-width: 575.98px) {}