/* IFACCA – places styles */

/* ---- Regions map ---- */
.map-container {
    margin-bottom: 30px;
}
.map-container .medium-line {
    background-color: var(--color-red);
}
.map-container .regionsmap-header {
    color: var(--color-red);
    font-family: "gotham-bold";
    margin-top: 10px;
    margin-bottom: 20px;
}
.map-container .regionsmap-container {
    position: relative;
    overflow: hidden;
}
.map-container .regionsmap-container img {
    max-width: 100%;
    height: auto;
}
.map-container .regionsmap-container .map-regions {
    position: absolute;
    display: block;
    background-color: rgba(178, 196, 203, .4);
    opacity: 0;
    transition: opacity .3s;
}
.map-container .regionsmap-container .map-regions:hover {
    opacity: 1;
}
.map-container .regionsmap-container .map-regions:after {
    content: "";
    position: absolute;
    width: 23px;
    height: 22px;
    margin-left: -11px;
    margin-top: -11px;
    top: 50%;
    left: 50%;
    display: block;
    background-image: url("../../img/small-elements-sprite.png");
    background-repeat: no-repeat;
    background-position: -144px -18px;
}
.map-container .mr-1 {
    top: 14%;
    left: 11%;
    width: 31%;
    height: 75.897263262%;
    border-radius: 100%;
}
.map-container .mr-2 {
    top: 1%;
    left: 41%;
    width: 15%;
    height: 36.724482224%;
    border-radius: 100%;
}
.map-container .mr-3 {
    top: 35%;
    left: 39%;
    width: 24%;
    height: 58.759171558%;
    border-radius: 100%;
}
.map-container .mr-4 {
    top: 22%;
    left: 51%;
    width: 12%;
    height: 29.379585779%;
    border-radius: 100%;
}
.map-container .mr-5 {
    top: 16%;
    left: 61%;
    width: 21%;
    height: 51.414275113%;
    border-radius: 100%;
}
.map-container .mr-6 {
    top: 33%;
    left: 71%;
    width: 33%;
    height: 80.793860892%;
    border-radius: 100%;
}
.map-container .proceed-region {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 14px;
    font-family: "gotham-medium";
    color: var(--color-blue);
    display: none;
}

/* ---- Country details ---- */
.chosen-country-details {
    background-color: #DEE3E5;
    padding: 30px 4% 39px 18%;
}
.chosen-country-details-header {
    font-family: "gotham-bold";
    font-size: 17px;
    margin-bottom: 5px;
}
.chosen-country-details { position: relative; }
.chosen-country-details .flag {
    position: absolute;
    width: 68px;
    height: 34px;
    top: 34px;
    left: 15px;
}
.chosen-country-details-list li { margin-bottom: 5px; }
.chosen-country-details .fluid-width-video-wrapper {
    margin-top: 40px;
    padding-top: 59%;
}

/* ---- Cultural policy ---- */
.cultural-policy-profile-container,
.cultural-policy-quick-facts-container {
    font-size: 18px;
    font-family: "gotham-bold";
    margin-top: 9px;
}
.cultural-policy-profile-container a,
.cultural-policy-quick-facts-container a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding: 3px 0 3px 16px;
    border-radius: 15px;
}
.cultural-policy-profile-container a, .cultural-policy-profile-container a:hover {
    background-color: var(--color-blue);
    color: #fff;
    position: relative;
}
.cultural-policy-profile-container.worldcp a:after {
    position: absolute;
    content: " ";
    right: 21px;
    top: 50%;
    margin-top: -8px;
    width: 81px;
    height: 16px;
    background-image: url("../../img/world-cp.png");
}
.cultural-policy-quick-facts-container a, .cultural-policy-quick-facts-container a:hover {
    background-color: #DEE3E5;
    color: var(--color-blue);
}
.places-rnh-second-header { margin-top: 38px; }

/* ---- Org list item ---- */
.org-list-item {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

/* ---- Places social ---- */
.places-social { margin-top: 26px; }
.places-social .basic-button {
    background-color: var(--color-blue);
    float: left;
    margin-top: 0;
}

/* ---- Places regional news ---- */
.regional-news.places-regional-news {
    margin-bottom: 30px;
}
.regional-news-bottom-link {
    font-family: "gotham-bold";
    font-size: 14px;
    color: var(--color-blue);
    display: inline-block;
    margin-top: 7px;
}

/* ---- Media queries: places ---- */
@media only screen and (max-width: 767px) {
    .places-social .basic-button {
        float: none;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .chosen-country-details {
        padding: 30px 4% 39px 7%;
    }
    .chosen-country-details:before {
        background-size: 69%;
        background-repeat: no-repeat;
        top: 5px;
        left: 26px;
    }
}