﻿div.homeAlertContainer{
    position: relative;    
}

/* Styling Home alerts */
div.homeAlert {
    padding: 10px 20px 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

div.homeAlert span.close {
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

div.homeAlert span.close:hover {
    text-decoration: underline;
}

div.homeAlert span.close:hover + h3 a {
    text-decoration: none;
}

div.homeAlert h2 {
    margin-top: 10px;
    font-weight: normal;
    font-size: 23px;
}

div.homeAlert h3 {
    margin-top: 10px;
    color: #000;
    font-weight: normal;
    font-size: 17px;
}

div.homeAlert h2.date {
    padding: 5px 0 5px 35px;
}

div.homeAlert h3 a {
    text-decoration: none;
    padding: 5px 25px 5px 0;
}

div.homeAlert:hover h3 a {
    text-decoration: underline;
}

/* Styling Home alert small */
div.homeAlertSmall {
    background: #edf2f7;
}

div.homeAlertSmall span.close {
    color: #007dc0;
}

div.homeAlertSmall h2 {
    color: #000;
}

div.homeAlertSmall h2.date {
    background: url("/_layouts/15/BrabantWater.Global.InfoBlokClient/images/iconAlert.png") left center no-repeat;
    color: #000;
}

div.homeAlertSmall h3 a {
    background: url("/_layouts/15/BrabantWater.Global.InfoBlokClient/images/sprite.png") no-repeat scroll right -939px;
}

/* Styling Home alert big */
div.homeAlertBig {
    background: #d7182a;
    position: absolute;
    top: 10px;    
    width: 100%;
    z-index: 5;
}

div.homeAlertBig h2, div.homeAlertBig h3, div.homeAlertBig h3 a, div.homeAlertBig span.close {
    color: #fff;
}

div.homeAlertBig h2.date {
    background: url("/_layouts/15/BrabantWater.Global.InfoBlokClient/images/iconAlertWhite.png") left center no-repeat;
}

div.homeAlertBig h3 a {
    background: url("/_layouts/15/BrabantWater.Global.InfoBlokClient/images/readMoreWhite.png") no-repeat right center;
}

/* sluit button van home alert blocks hebben geen pointer*/
.homeAlert .close {
    cursor: pointer;
}