/*
 * Copyright (c) 2015-2020. Carolina Capellari Simon - All Rights Reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 * Written by Andrei Andrade <info@andreiandrade.com>, 2020.
 */

/*Global*/
body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.do-not-display {
    display: none !important;
}

.modal-body {
    color: #212529;
}

.fa-icon {
    padding-right: 3px;
    color: #b1c304;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.logo-brand {
    height: 5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #b1c304;
}

.btn-primary {
    color: #ffffff;
    background-color: #b1c304;
    border-color: #b1c304;
}

.btn-primary:active {
    color: #ffffff;
    background-color: #b1c304 !important;
    border-color: #b1c304;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #e94e1b;
    border-color: #005cbf;
}

.btn-secondary {
    color: #ffffff;
    background-color: #e94e1b;
    border-color: #e94e1b;
}

.dropdown-item:active {
    background-color: #e94e1b;
    border-color: #005cbf;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #8d9b02;
    border-color: #8d9b02;
}

.btn-light {
    color: #ffffff;
    background-color: #b1c304;
    border-color: #808d03;
}

.btn-light:hover {
    color: #ffffff;
    background-color: #808d03;
    border-color: #667100;
}

.btn-light:active {
    color: #ffffff;
    background-color: #b1c304 !important;
    border-color: #808d03;
}

.btn-light.disabled,
.btn-light:disabled {
    color: #ffffff;
    background-color: #b1c304;
    border-color: #808d03;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #ffffff;
    background-color: #b1c304;
    border-color: #808d03;
}

.navbar-light .navbar-toggler-icon {
    background-color: #95c221;
}

.navbar-dark .navbar-toggler-icon {
    background-color: #95c221;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #448d34
}

.navbar-dark .navbar-nav .nav-link {
    color: #95c221
}

.sections {
    padding: 3% 15%;
}

.articles {
    padding: 3% 15%;
}

/*Header*/
#header-container,
#header-top {
    padding: 0;
}

/*Header Top*/
#header-top {
    background-color: #e94e1b;
    padding-top: 0.320rem;
    padding-bottom: 0.320rem;
    padding-left: 1rem;
}

#header-action-call {
    padding-top: 2px;
    color: #ffffff;
    font-size: 0.75rem;
}

#header-txt-question {
    font-family: 'Indie Flower', cursive;
    color: #f9e60e;
    font-size: 1rem;
}

.flag-icon {
    width: 1.925rem;
    margin-right: 10px;
}

/*Header menu*/
.navbar {
    background-color: #f8fbea;
}

.nav-item {
    padding: 0 15px;
}

.nav-link {
    font-size: 1.2rem;
}

/*Banner*/
#banner-image {
    padding: 9% 15%;
    color: #e94e1b;
    background-image: url("../images/banner-nutritionist-carolina-simon.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#banner-title {
    font-family: 'Indie Flower', cursive;
}

/*Features*/
#features {
    background-color: #f8fae9;
    text-align: center;
}

.feature-icon {
    color: #91a106;
    padding-bottom: 1rem;
}

.feature-icon:hover {
    color: #a5b707;
}

/*About*/
.about-picture {
    width: 19rem;
}

/*Service*/
#services {
    background-color: #f8fae9;
}

.card-deck {
    padding-left: 2.975rem;
    padding-right: 2.975rem;
}

.carousel-control-prev {
    width: 1.975rem;
}

.carousel-control-next {
    width: 1.975rem;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #a5b707;
    margin-bottom: 10px;
}

.carousel-indicators {
    bottom: -50px;
    color: #a5b707;
}

.carousel-indicators .active {
    background-color: #91a106;
}

.carousel-icon {
    color: #91a106;
}

.carousel-icon:hover {
    color: #a5b707;
}

/*Sign In*/
.form-sign-in {
    padding-left: 15%;
    padding-right: 15%;
}

/*Testimonials*/
#testimonial {
    background-color: #f8fae9;
    text-align: center;
}

.testimonial-carousel-item {
    padding-left: 15%;
    padding-right: 15%;
}

.testimonial-image {
    width: 5%;
    border-radius: 100%;
    margin: 20px;
}

/*Contact*/
.form-contact {
    padding-left: 15%;
    padding-right: 15%;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*Footer*/
#footer {
    background-color: #282828;
    color: #ffffff;
    text-align: center;
    padding-bottom: 3px;
}

#footer ul {
    color: #ffffff;
    font-size: 0.8rem;

}

#copyright {
    font-size: 0.725rem;
    color: #8f8f8f;
}

.content-patientarea {
    margin-top: 9rem;
}

/*for small laptops*/
@media (max-width: 1200px) {
    .sections {
        padding: 5% 3%;
    }

    .articles {
        padding: 5% 3%;
    }

    #banner-image {
        padding: 6% 10%;
    }

    #testimonial {
        padding-left: 4%;
        padding-right: 4%;
    }

    .testimonial-carousel-item {
        padding-left: 7%;
        padding-right: 7%;
    }

    .logo-brand {
        height: 4rem;
    }

    .content-patientarea {
        margin-top: 8rem;
    }

}

/*for tablets*/
@media (max-width: 992px) {

    #banner-image {
        padding-top: 6%;
        padding-bottom: 5%;
        padding-left: 6%;
        padding-right: 55%;
    }

    #testimonial {
        padding-left: 4%;
        padding-right: 4%;
    }

    .testimonial-carousel-item {
        padding-left: 7%;
        padding-right: 7%;
    }

    .logo-brand {
        height: 3.750rem;
    }

    .logo-brand-footer {
        margin-bottom: 5%;
    }

    .content-patientarea {
        margin-top: 7.750rem;
    }

}

/*hide Google reCaptcha badge*/
.grecaptcha-badge {
    display: none;
}

/*for phones*/
@media (max-width: 576px) {

    #banner-image {
        text-align: center;
        padding-top: 5%;
        padding-bottom: 4%;
        padding-right: 0;
        padding-left: 0;
        background-size: 0 0;
    }

    #banner-greeting,
    #banner-text {
        padding-left: 2%;
        padding-right: 2%;
    }

    .form-sign-in,
    .form-contact {
        padding-left: 0;
        padding-right: 0;
    }

    #testimonial {
        padding-left: 4%;
        padding-right: 4%;
    }

    .testimonial-carousel-item {
        padding-left: 7%;
        padding-right: 7%;
    }

    .logo-brand {
        height: 3rem;
    }

    .content-patientarea {
        margin-top: 6.950rem;
    }

}

/*patient area*/
.sections-patientarea {
    padding-top: 0.800rem;
    padding-bottom: 0.650rem;
}

a.urlblack {
    color: #000000;
    text-decoration: none;
}

a.urlblack:hover {
    color: #000000;
    text-decoration: underline;
}

a.urlgreen {
    color: #b1c304;
    text-decoration: none;
}

a.urlgreen:hover {
    color: #b1c304;
    text-decoration: underline;
}

a.urlorange {
    color: #e94e1b;
    text-decoration: none;
}

a.urlorange:hover {
    color: #e94e1b;
    text-decoration: underline;
}

a.urlblue {
    color: #007bff;
    text-decoration: none;
}

a.urlblue:hover {
    color: #007bff;
    text-decoration: underline;
}

.file-table-row {
    cursor: pointer;
}

.whatsapp-bubble-chat {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999999;
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 16px;
}

#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    position: fixed;
    color: #ffffff;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

#myCookieConsent div {
    padding: 5px 0 0;
}

#myCookieConsent a {
    color: #b1c304;
    display: inline-block;
    padding: 0 10px;
}

#myCookieConsent a:hover {
    color: #b1c304;
}

#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
    background: #b1c304;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
    margin-right: 10px;
}

#myCookieConsent a#cookieButton:hover {
    background: #b1c304;
    color: #000000;
}

#myCookieConsent a#cookieButtonNo {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
    background: #b1c304;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}

#myCookieConsent a#cookieButtonNo:hover {
    background: #b1c304;
    color: #000000;
}