/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
@font-face {
    font-family: 'brannboll';
    src: url("../webfonts/brannboll.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.contrology-font {
    font-family: "brannboll" !important;
}

.container {
    max-width: 1440px;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.logo--small {
    font-size: 2.5rem;
    padding-top: 15px;
}

.copyright {
    font-size: 8px !important;
    position: absolute;
    top: 0;
}

.home-map {
    width: 100%;
    height: auto;
}

.custom-overlay {
    background: rgba(0, 0, 0, 1.59);
}

h2.ac-title {
    font-size: 30px !important;
}

h3.text-gallery {
    position: absolute;
    top: calc(50% - 1em);
    left: 0;
    width: 100%;
    text-align: center;
    color: inherit;
}

a.image-hover-zoom {
    color: transparent !important;
}

a.image-hover-zoom:hover {
    color: black !important;
}

.map-bottom-home {
    background-image: url("../images/home/map2.png");
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 600px;
}

.whatsapp-button {
    padding: 9px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #73cf73;
    position: fixed;
    bottom: 80px;
    right: 25px;
    z-index: 3;
    color: white;
    width: 43px;
    font-size: 25px;
    height: 43px;
}

.whatsapp-button:hover {
    opacity: 0.7;
    color: white!important;
}
.whatsapp-button:visited {
    color: white!important;
}