/* MAIN THEME BANNER */

.jumbotron {
    background-color: #f8f8f8;
}

.maintheme .views-row {
    position: relative;
}

.maintheme .views-field-title {
    position: absolute;
    bottom: 18px;
    left: 15px;
    right: 10px;
}

.maintheme .views-field-title a {
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    text-shadow: 1px 1px 10px black;
}

@media only screen and (max-width: 393px) {
    .maintheme .views-field-title {
        top: 5px;
    }
}

.maintheme .views-field-field-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, transparent, #000);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
    pointer-events: none;
}

/* NEWS GRID */

.news-grid .col-md-4, .news-grid .col-xs-12 {
    margin-top: 15px;
}

.news-grid .views-field-title {
    position: absolute;
    bottom: 19px;
    left: 25px;
    right: 25px;
}

.news-grid .views-field-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 1px 1px 10px black;
}

.news-grid .views-field-field-postauthor {
    position: absolute;
    bottom: 3px;
    left: 25px;
}

.news-grid .views-field-field-postauthor .field-content {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.news-grid .views-field-created {
    position: absolute;
    bottom: 3px;
    right: 25px;
}

.news-grid .views-field-created .field-content {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.news-grid .views-field-field-category-on-view {
    position: absolute;
    top: 10px;
    left: 25px;
    
}

.news-grid .views-field-field-category-on-view .field-content {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.5);
}

.news-grid .views-field-field-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, transparent, #000);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
    pointer-events: none;
}

/* SLICK SLIDER */

@media only screen and (min-width: 395px) {
    .slick-block-mobile {
        display: none;
    }
}

@media only screen and (max-width: 394px) {
    .slick-block-desktop {
        display: none;
    }
}

.slide__content {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

.slick-slide .views-field-title {
    position: absolute;
    bottom: 25px;
    left: 15px;
    right: 15px;
}

.slick-slide .views-field-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 1px 1px 10px black;
}

.slick-slide .views-field-field-postauthor {
    position: absolute;
    bottom: 5px;
    left: 15px;
}

.slick-slide .views-field-field-postauthor .field-content {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 1px 1px 10px black;
}

.slick {
    position: relative;
}

.slick__arrow {
    width: 100%;
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
}

.slick-prev {
    position: absolute;
    left: 2%;
    height: 100px;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: white;
    text-shadow: 0px -2px 5px black;
    font-weight: 500;
    font-size: 25px;
    border: none;
    cursor: pointer;
}

.slick-next {
    position: absolute;
    left: 98%;
    height: 100px;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: white;
    text-shadow: 0px 2px 5px black;
    font-weight: 500;
    font-size: 25px;
    border: none;
    cursor: pointer;
}

.slide__content .views-field-field-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, transparent, #000);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
    pointer-events: none;
}

/* PHOTO AND VIDEO BLOCKS */

#block-views-sidebar-block {
    position: absolute;
    left: 800px;
    z-index: 1;
}

#block-views-sidebar-block-1 {
    position: absolute;
    left: 800px;
    top: 1260px;
    z-index: 1;
}

@media only screen and (max-width: 1199px) {
    #block-views-sidebar-block, #block-views-sidebar-block-1 {
        display: none;
    }
}

.photo-block .block-title, .video-block .block-title {
    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.photo-block:hover .block-title, .video-block:hover .block-title {
    visibility: visible;
    opacity: 1;
}

.photo-block .block-title a, .video-block .block-title a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 1px 1px 25px black;
}

#block-views-sidebar-block h2 a, #block-views-sidebar-block-1 h2 a {
    font-size: 22px;
    color: #006eb4;
}

/* ADS */

.front #block--managed-2 {
    position: absolute;
    left: 800px;
    top: 1570px;
    z-index: 1;
}

.front #block--managed-0, .front #block--managed-4 {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media only screen and (min-width: 500px) {
    .front #block--managed-4 {
        display: none;
    }
}

@media only screen and (max-width: 499px) {
    .front #block--managed-0 {
        display: none;
    }
}