/* Tipo de letra - Montserrat -  https://fonts.google.com/specimen/Montserrat
Medium 40 - titulos
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 4em;

Light 14 - textos
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;

Regular 13.5 - Menu
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13,5px;

Cores
    Verde - #8FD5BD
    Framboesa - #BB2253
    Pink -  background-color: rgba(185, 34, 82, 0.25); */

/* HTML */

html {
    scroll-behavior: smooth;
}

/* Backgrounds */

.bg-green {
    background-color: #8FD5BD;
}

.bg-red {
    background-color: #BB2253;
}

.bg-pink {
    background-color: rgba(185, 34, 82, 0.25);
}

hr {
    border-color: transparent;
}

/* Fonts */

.lang-separator, .lang p, .nav-link, h1, a, h4, .btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: white !important;
}

.lang-separator, .lang p {
    color: #8FD5BD !important;
}

.lang p:hover {
    font-weight: 500;
    cursor: pointer;
}

.nav-link-lang {
    cursor: pointer;
}

.lang p.active {
    font-weight: 500;
}

h4 {
    font-weight: 500;
}

#receitas h1, #produtos h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #BB2253 !important;
}

#receitas .nav-link {
    color: #5a5a5a !important;
}

#contactos a {
    font-weight: 300;
    text-decoration: none;
    color: white;
}

p, td, th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #5a5a5a;
}

th {
    font-weight: 500;
}

#contactos p {
    color: white;
}

.sticky-top .nav-item .active {
    font-weight: 500;
}

.sticky-top .nav-link:hover {
    font-weight: 500;
}

/* Navbar */

.nav-item img {
    vertical-align: -webkit-baseline-middle;
}

.navbar-dark .navbar-toggler {
    border-color: transparent;
}

.navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    background-image: url("./media/x.svg");
}

/* Produtos Section */

#produtos .btn{
    background-color: #8FD5BD;
    border-color: #8FD5BD;
}

.table td, .table th {
    border-top: none;
}

.table thead th {
    border-bottom: none;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(229, 242, 235, 1);
}

/* Receitas Section */

#myTab .nav-link.active, #myTab .nav-link.active:hover {
    background-color: fff;
    border-color: #5a5a5a #5a5a5a #fff;
    border-bottom-color: #fff;
}

#myTab .nav-link:hover {
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #5a5a5a;
}

/* .col-	.col-sm-	.col-md-	.col-lg-	.col-xl- */

/* Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */

/* XS devices */

.nav-link, h4, th, td, #receitas p, #contactos p {
    font-size: 0.9em;
}

p {
    font-size: 1.1em;
}

h1 {
    font-size: 3em;
}

.coqen {
    width: 20%;
}

/* SM devices */

@media (min-width: 576px) {
    .nav-link, h4, th, td, #receitas p, #contactos p {
        font-size: 1em;
    }
    p {
        font-size: 1.2em;
    }
    h1 {
        font-size: 3.5em;
    }
    .lang p {
        font-size: 0.9em;
    }
    .coqen {
        width: 18%;
    }
}

/* Md devices */

@media (min-width: 768px) {
    .navbar .nav-link {
        padding: 0px;
    }
    .navbar {
        padding: 0px;
    }
    .navbar-nav {
        align-items: center!important;
    }
    .coqen {
        width: 10%;
    }
}

/* LG devices */

@media (min-width: 992px) {
    .coqen {
        width: 8%;
    }
}

/* XL devices */

@media (min-width: 1200px) {
    .coqen {
        width: 8%;
    }
}