/* IFACCA – home styles */

/* ---- Page wrapper ---- */
.page {
    padding-bottom: 40px;
}

/* ---- Mainpage sliders ---- */
.slideshow.default .bx-wrapper {
    margin: 0 auto 0;
    padding-left: 10px;
    padding-right: 10px;
}
.slideshow.default .bx-wrapper .bx-viewport,
.slideshow.default .bx-wrapper .bx-viewport {
    border: none;
    left: auto;
    margin: 0;
    box-shadow: none;
}
.slideshow.default .bx-wrapper .bx-controls-direction a {
    background-image: none;
    background-color: rgba(49, 77, 90, 0.65);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-top: -18px;
    top: 40%;
}
.slideshow.default .bx-wrapper .bx-controls-direction a::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}
.slideshow.default .bx-wrapper .bx-next,
.slideshow.default .bx-wrapper .bx-next:hover {
    background-position: unset;
    right: 10px;
}
.slideshow.default .bx-wrapper .bx-next::before {
    transform: rotate(45deg);
    right: 13px;
}
.slideshow.default .bx-wrapper .bx-prev,
.slideshow.default .bx-wrapper .bx-prev:hover {
    background-position: unset;
    left: 10px;
}
.slideshow.default .bx-wrapper .bx-prev::before {
    transform: rotate(-135deg);
    left: 13px;
}
.slide-footer {
    display: flex;
    align-items: center;
    padding: 14px 17px;
    min-height: 56px;
    margin: 0 10px 48px;
}
.slide-footer .hero-pager {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 14px;
}
.slide-footer .hero-pager a {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid #fff;
    margin: 0 4px;
    text-indent: -9999px;
    text-decoration: none;
}
.slide-footer .hero-pager a.active,
.slide-footer .hero-pager a:hover {
    background-color: #fff;
}
.slide-footer .slide-caption-text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
.slide-footer .slide-caption-text a {
    color: #fff;
    text-decoration: none;
}
.slideshow.default .bx-wrapper .caption {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 17px;
}
.slideshow.double .bx-wrapper {
    max-width: 100% !important;
}
.slideshow.double .bx-wrapper .bx-viewport {
    border: none;
    left: auto;
    margin: 0;
    box-shadow: none;
}
.slideshow.double .bx-wrapper .bx-controls-direction a {
    background-image: url("../../img/small-elements-sprite.png");
    width: 32px;
    height: 32px;
    top: auto;
    bottom: -53px;
}
.slideshow.double .bx-wrapper .bx-next,
.slideshow.double .bx-wrapper .bx-next:hover {
    background-position: -59px -8px;
    right: 0;
}
.slideshow.double .bx-wrapper .bx-prev,
.slideshow.double .bx-wrapper .bx-prev:hover {
    background-position: -94px -8px;
    left: 0;
}
.slideshow.double .bx-wrapper .bx-pager,
.slideshow.double .bx-wrapper .bx-controls-auto {
    bottom: -53px;
}
.slideshow.double .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: initial;
    background-image: url("../../img/small-elements-sprite.png");
    width: 10px;
    height: 9px;
    background-position: -130px -31px;
    margin-left: 1px;
    margin-right: 1px;
}
.slideshow.double .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slideshow.double .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: initial;
    background-image: url("../../img/small-elements-sprite.png");
    width: 10px;
    height: 9px;
    background-position: -130px -20px;
}
.slideshow.double a {
    text-decoration: none;
    color: #000;
}
.slideshow.double span { display: block; }
.slideshow.double .slide-header {
    font-family: "gotham-bold";
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 6px;
}
.slideshow.double .slide-description { font-size: 12px; }

/* ---- Mainpage header/subheader ---- */
.mainpage-header {
    font-size: 48px;
    font-family: "gotham-bold";
}
.mainpage-subheader {
    font-size: 38px;
    font-family: "gotham-medium";
    margin-bottom: 10px;
}

/* ---- About container ---- */
.about-container .mainpage-header { margin-bottom: 6px; }
.about-container .mp-details { font-size: 16px; }
.about-container .mainpage-header, .about-container .mp-details {
    color: var(--color-red);
}
.about-container .medium-line { background-color: var(--color-red); }

/* ---- News container (homepage) ---- */
.news-container .mainpage-header { color: var(--color-blue); }
.news-container .basic-button { background-color: var(--color-blue); }
.news-container .medium-line { background-color: var(--color-blue); }
.news-container .news-block-item { padding: 0; }

/* ---- Themes and places blocks ---- */
.themes-block, .places-block { margin-top: 50px; }
.themes-block, .places-block{
    padding: 0 10px !important;
}
.themes-block .medium-line { background-color: #00A8A2; }
.places-block .medium-line { background-color: #DE7626; }
.themes-block .mainpage-subheader { color: #00A8A2; }
.places-block .mainpage-subheader { color: #DE7626; }

/* ---- Watch and projects block ---- */
.watch-n-projects .mainpage-subheader { color: var(--color-red); }
.watch-n-projects .medium-line {
    background-color: var(--color-red);
    margin-top: 52px;
}
.watch-n-projects .basic-button {
    margin-top: 13px;
    padding: 7px 51px;
}

/* ---- Embed / oembed ---- */
.oembed .embed {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    max-width: 100%;
    height: 0;
}
.oembed .caption {
    padding: 18px;
    color: #FFF;
}
.oembed .embed iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

/* ---- Media queries: home ---- */
@media only screen and (min-width: 320px) and (max-width: 989px) {
    #hp-top-slider-container .slide-description {
        font-size: 18px;
        padding-right: 15%;
        min-height: 97px;
    }
    .about-container { margin-bottom: 48px; }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #slider-container-homepage-top {
        display: none;
    }
}