@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@@0,400;0,500;0,600;1,100;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
*{
    margin:0;
    padding:0;
    font-family:'Montserrat', sans-serif;
}
body, html{
    height:100%;
    width:100%;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    position:relative;
    color: white;
    font-weight:500;
}
.navbar-nav .nav-link.active:after, .navbar-nav .show>.nav-link:after {
  content: "";
  position: absolute;
  left: calc(40%);
  bottom: 0;
  width: 25px;
  border-bottom: 3px solid white;
}
.nav-item img.img-fluid{
    width:20px;
    height:auto;
}
.logo{
    height:85px;
    width:auto;
}
.construmatos-header{
    background-image:url("../img/bg-header.png");
    background-repeat:no-repeat;
    background-size:cover;
}
h2{
    position:relative;
    display: inline-block;
    padding-bottom: 15px;
    font-weight:700;
    font-size:22px;
}
h2:before{
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
    border-bottom: 4px solid #af8c68;
}
h5{
    font-weight:bold;
    font-size:3em;
}
p{
    text-align:justify;
    font-weight:normal;
}
span.signature{
    text-align:right;
    font-family: "Caveat", cursive;
    font-size:30px;
}
.btn-primary{
    background:#af8c68;
    border:2px solid #af8c68;
    border-radius:0;
}
.btn-primary:hover{
    background:white;
    border:2px solid #af8c68;
    border-radius:0;
    color:#af8c68;
}
.btn-secondary:hover{
    background:#af8c68;
    border:2px solid #af8c68;
    border-radius:0;
    color:white;
}
.btn-secondary{
    background:none;
    border:2px solid #af8c68;
    border-radius:0;
    color:#af8c68;
}
.main-caption{
    color:white;
}
.nav-link .active{
    border-bottom:2px solid white;
}
.full-img{
    background-image:url('../img/bg-main.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center bottom;
    min-height:500px;
}
.img-overlay{
    background: rgba(0, 0, 0, 0.5);
}
.main-title{
    background-image:url("../img/bg-title.jpg");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    min-height:150px;
}
.main-title h1{
    color:#FFFFFF;
    font-size:3em;
    font-weight:bold;
    text-align:center;
}
.dark-section{
    background:#000000;
    color:white;
}
.light-section{
    background:#FFFFFF;
    color:black;
}
.gold-section{
    background:#af8c68;
    color:#FFFFFF;
}
.business-photo{
   z-index:100;
}
.img-container {
    display: inline-block;
    position: relative;
    width: 60%;
    margin-top: 50px;
    margin-bottom: 35px;
    margin-left: 30%;
}
.img-container-noborder{
    display: inline-block;
    position: relative;
    width: 60%;
    margin-top: 50px;
    margin-bottom: 35px;
    margin-left: 30%;
}
.img-container::before {
    position: absolute;
    top: -5%;
    left: -15%;
    width: 100%;
    height: 100%;
    border: 2px solid #af8c68;
    content: '';
    z-index:1;
}
.accordion-button{
    background:transparent;
}
.dark-section .accordion-button{
    color:white;
}
.dark-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.light-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color:black;
}
.accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform);
}
.dark-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.dark-section .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23af8c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.light-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.light-section .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23af8c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
footer{
    background:#999999;
    color:#FFFFFF;
}
footer p:first-child{
    text-transform:uppercase;
    font-weight:bold;
}
footer p{
    margin:0;
}