/* Add base styles here  */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root{
    --secondary-color: #345A33;
}

body {
    font-family: 'Open Sans', sans-serif;
}

body > * {
    word-break: break-word;
}
h1{
    font-weight: 600;
}
h2, h3, h4, h5, h6{
    font-family: 'Cormorant';
    color: var(--secondary-color);
    font-weight: 600;
}
h2{
    font-weight: 700;
}
a{
    color: #345A33;
}
a:hover{
    color: #274d26;
}
img{
    max-width: 100%;
}
.overlay-link:hover{
    text-decoration: none;
}
.overlay-link::before{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
}
/* Buttons - Start */
/* Default button - Start */
.btn{
    padding: 16px 36px;
    line-height: 1;
    border-radius: 0;
    font-weight: 600;
}
/* Default button - End  */
/* Input */
input,
textarea
.form-control:focus {
    color: #345A33;
}
input:focus,
textarea:focus,
.form-control:focus {
    color: #345A33;
    border-color: #345A33;
    box-shadow: 0 0 0 0.2rem rgb(52 90 51 / 25%);
}
input::placeholder,
textarea::placeholder {
    color: #345A33;
}
/* End input */
/* Secondary button - Start */
.secondary-button{
    --secondary-btn-color: var(--secondary-color);
    background-color: var(--secondary-btn-color);
    border-color: var(--secondary-btn-color);
    color: #fff;
}
.secondary-button:hover, .overlay-link:hover ~ .secondary-button{
    --secondary-btn-hover-color: #274d26;
    background-color: var(--secondary-btn-hover-color);
    border-color: var(--secondary-btn-hover-color);
    color: #fff;
}
/* Secondary button - End */
/* Outline button */
.btn-outline-secondary{
    color: #345A33;
    border-color: #345A33;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #274d26;
    border-color: #274d26;
}
/*Outline Button - End */
/* Buttons - End */
.small-column-gap-row{
    margin-left: -11px;
    margin-right: -11px;
}
.small-column-gap{
    padding-left: 11px;
    padding-right: 11px;
}
.navbar-expand-lg .navbar-nav .nav-link.btn-header{
    background-color: #CA9B52;
    padding: 16px 36px;
    margin-left: 14px;
    color: #fff;
    display: inline-flex;
}
.navbar-expand-lg .navbar-nav .nav-link.btn-header:hover {
    background-color: #b3853e;
}
@media (max-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link.btn-header{
        padding: 12px 12px;
    }
}
@media (max-width: 991px){
    .navbar-expand-lg .navbar-nav .nav-link.btn-header{
        padding: 15px 20px;
    }
}
.btn-banner{
    background-color: #CA9B52;
    padding: 17px 36px;
    color: #fff;
    display: inline-block;
    transition: all .5s ease-in-out;
}
.btn-banner:hover {
    text-decoration: none;
    background-color: #b3853e;
    color: #fff;
}

.btn-banner-outline{
    background-color: #fff;
    padding: 17px 36px;
    color: #CA9B52;
    display: inline-block;
    transition: all .5s ease-in-out;
    border: 2px solid #CA9B52;
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1252px;
    }
}