.bg {
    background-image: url("../images/bgFooter.45661d286b8c.png"), url("../images/bgBeach.22f306518b28.jpg");
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 5%;
}

.bg-spain {
    background-image: url("../images/bgFooterSpain.0eb06b957a24.png"), url("../images/bgBeach.22f306518b28.jpg");
    background-size: 100% auto, 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 5%;
}

.bgLoc {
    background-image: url("../images/bgFooter2.8b031a248341.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 5%;
}

.bgLoc-spain {
    background-image: url("../images/bgFooterSpain.0eb06b957a24.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 5%;
}

.regionText h1, .titleText {
    color: #fcc108ff !important;
}

#readMore, #readLess {
    color: #fcc108ff;
    background-color: white;
    border: 1px solid #fcc108ff;
    border-radius: 5px;
    float: right;
    font-size: 1.1rem;
}

#readMore:hover, #readLess:hover, 
#readMoreMob:hover, #readLessMob:hover {
    background-color: #fcc108ff;
}

.eventLocTitle, 
.eventLocTitle:hover,
.eventTitle, 
.eventTitle:hover,
.colorButton:hover {
    color: #fcc108ff;
}

.colorButton {
    background-image: url("../images/buttonBeach.66d11bd16107.png");
    background-size: 100% 100%;
    padding: 6% 15% 2% 5%;
    color: white;
    cursor: pointer;
    font-weight: bold;
}

.textCol {
    border-right: 1px solid #fcc108ff;
}

/*** Responsive styles ***/
@media screen and (max-width: 1150px) {
    .textCol {
        border-bottom: 1px solid #fcc108ff;
        border-right: none;
    }
}