/* After modifying this file, increase the version number in index.php */

.main {
	margin: 0 5.6%;
}
.category-header, .timestamp {
    margin:0 0.45%;
    position:relative;
}
.category-header h1 {
    color: white;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
.k2FeedIcon {
    text-align:right;
    margin-top:0.5em;
}
.itemListLinks > div {
    width:50%;
    float:left;
    padding-right:1em;
}
.itemListLinks h2 {
    margin: 1em 0 0;
}
.itemListLinks .author-name {
    margin-top:0.5em;
}
.itemListLinks .read-more {
    font-weight:bold;
    font-size:0.9em;
    letter-spacing: 1px;
}
.timestamp {
    margin-top: 0.55em;
    font-size: 1.75em;
    text-align: center;
    border-top:3px solid black;
    padding: 0.4em 0;
}
.load-more {
	border-top:3px solid black;
	position:relative;
	clear:both;
	text-align:center;
    margin-top:1em;
    padding-bottom:2em;
}
.load-more > div {
	position:absolute;
	top:-3px;
	left:0;
	right:0;
	font-size:2em;
}
.load-more span {
	display:inline-block;
	width:auto;
	margin:auto;
	padding:0 1em 0.5em 1em;
	border:3px solid black;
    background: #fff url('../img/noise_bg.png') repeat;
	border-top:0;
	border-radius:0 0 1em 1em;
	cursor:pointer;
	color:blue;
}
.no-js .load-more-button {
    display:none;
}
.no-js .load-more {
    padding-bottom:0;
}
.loading-error {
    text-align: center;
    margin-top: 2em;
} .loading-error p {
    display: inline-block;
    border: 2px solid red;
    border-radius: 5px;
    padding: 0.2em;
    margin: 0;
    background-color: #fff7dd;
}
.news-item p {
	margin:1em 0;
	text-align:justify;
    padding-right:2.5%;
    font-size:1em;
    font-height:1.5em;
}
.news-item.featured p {

    font-size:1.2em;
    line-height:1.4em;
    margin-right:15%;

}
.news-item h2 {
	margin:0;
	padding:0;
	font-size: 1.1em;
    line-height: 1.4em;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #82acc1;
} .news-item a:visited h2 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #A792BB;
}
.news-item a:hover h2, .news-item a:focus h2 {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #002b41;
}
.news-item a:visited:hover h2, .news-item a:visited:focus h2 {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #4C276C;
}
.news-item.wide h2 {

    margin:0.2em 1em 0 0;
	font-size: 1.2em;

}
.news-item.featured h2 {

    margin:0.5em 1em 1em 0;
    font-size:1.7em;

}
.news-item.tall > span a h2 {
    line-height: 1.4em;

}
.news-item {
	float:left;
	position:relative;
	padding-bottom:23%;
}
.news-item > a, .news-item > span {
	position:absolute;
	top:4.2%;
	left:2%;
	right:2%;
	bottom:0;
}
.news-item > a p, .news-item > span > a p {
	color:black;
}
.news-item > a, .news-item > span > a {
	text-decoration:none;
    border:1px solid #b7b7b7;
    padding:0 2.5%;
    background-color:white;
    overflow:hidden;
}
.news-item.wide > span {
	left:1%;
	right:1%;
}
.news-item.featured > a {
	left:0.7%;
	right:0.7%;
}
.main .news-item > span > a, .main .news-item > span > span {

    float:left;
    width:100%;
    clear:both;

}
.news-item.wide > span > a{

    padding:0 1.2%;

}
.main .news-item .half {
	height:47.9%;
    margin-bottom:3.95%;

} .main .news-item.wide .half {
    margin-bottom:1.9%;
}
.main .news-item .third {
	height:30.53%;
    margin-bottom:3.85%;

    position:relative;
}
.main .news-item .third span{

    position:absolute;
    top:6%;

    bottom:6%;
    overflow:hidden;

    width:95%;
}.main .news-item .two-thirds {
	height:65%;
    margin-bottom:4.1%;
}
.main .news-item .half:first-child {
    padding-bottom:2%;
}

.news-item > a:hover, .news-item > a:focus, .news-item > span > a:hover, .news-item > span > a:focus   {
	background-color:#f9f7f4;
    border: 1px solid #17479D;
}

.news-item.home-banner > span {
	position:absolute;
	top:4%;
	background-color:#f2f2f2;
	left:1%;
	right:1%;
	bottom:0;
}
.news-item.home-banner > span > div {
	position: absolute;
	top:50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width:98%;
    width:336px;
    height:280px;
    margin-top:-140px;
}
.itemListLinks .list-image-banner {
    float:right;
    padding:1em;
    text-align:center;
    padding:1.7em 1em;
}
.list-image-banner img {
    width:336px;
}
.news-item .advertisement {
    background-color:#fffed0;
}
.news-item .advertisement:hover, .news-item .advertisement:focus  {
    background-color:#e9e8ca;
}
.news-item .advertisement:after {
    bottom:0.2em;
    right:2.5%;
    padding:0 0.5em;
    position:absolute;
    content:"ADVERTISEMENT";
    font-size:0.8em;
}
/* Pagination */
div.k2Pagination {
    padding: 8px;
    margin: 24px 0 4px 0;
    text-align: center;
}
div.k2Pagination ul {
    text-align: center;
    margin-bottom: 12px;
    padding:0;
}
div.k2Pagination ul li {
    display: inline-block;
    padding: 0.25em;
    background: #fff;
}
/* Wallspinner */
body .wallspinner::after {
    animation: 0.6s linear 0s normal none infinite running spinrotation;
    border-color: rgba(128, 128, 128, 0.8) rgba(128, 128, 128, 0.15) rgba(128, 128, 128, 0.15);
    border-radius: 100%;
    border-style: solid;
    border-width: 6px;
    width: 40px;
    height: 40px;
    margin: auto;
    padding:0;
    display:block;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-20px;
    content:"";
}
@keyframes spinrotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/* Images */
.image {
    background-color:white;
}
.news-item .category-image {
    position:absolute;
    right:2%;
    left:86%;
    top:35%;
    bottom:10%;
    background-position: center center;
    background-size:cover;
}.news-item .image {
    float:left;
    position:relative;

    overflow:hidden;

    border:1px solid #b7b7b7;
}
.news-item .image img {

    position:absolute;

    width:100%;

}.news-item .wide-image img {
    width: initial;
    max-width: initial;
    height: 100%;
}.news-item.featured .image {
    width:42%;
    padding-bottom: 27.5%;
    margin: 0.625% 1.5em 0.625% 0;
}
.news-item.tall .image {

    width:100%;
    padding-bottom: 66%;
    margin: 2% 0;

}
.news-item.wide .image {

    width:30%;

    padding-bottom:19.5%;
    margin: 1% 1em 1% 0;

}

/* Four Columns */
.news-item {
	width:25%;
}

.news-item.wide, .news-item.home-banner {
	width:50%;
}
.news-item.featured {
	width:75%;
}
.news-item.featured > a {
    padding: 0 0.625%;
}

@media (min-width:1001px) {
    div.itemCategory {
        width: 52%;
        line-height: 1.35em;
        font-size: 1.4em;
    }
    .k2FeedIcon {
        position:absolute;
        right:0;
        top:0.5em;
    }
}
@media (min-width:1401px){
	.r4 {
		float:right;
	}
    div.itemCategory {
        font-size: 1.75em;
    }
}
@media (max-width:900px) {
    .k2FeedIcon {
        text-align:center;
    }
}

/* Three columns */
@media (max-width:1430px) and (min-width:641px) {
    .news-item.featured-story .image {
        padding-bottom:12%;
        width:18.5%;
        margin-right:1em;
        margin-top:1.2%;
    }
}
@media (max-width:1430px) {
	.news-item {
		width:33.333%;
		padding-bottom:30.66%;
	}
    .news-item > a, .news-item > span {
        left:1.5%;
        right:1.5%;
    }
    .news-item.home-banner > span, .news-item.wide > span {
        left:0.75%;
        right:0.75%;
    }
    .news-item.featured-story > a {
        top:8.4%;
    }
    .news-item.featured > a, .news-item.featured-story > a, .news-item.dynamic > span {
        left:0.5%;
        right:0.5%;
    }
	.news-item.wide {
		width:66.666%;
	}
    .news-item.featured, .news-item.featured-story, .news-item.dynamic {
        width:100%;
    }
    .news-item.featured-story {
		padding-bottom:15.33%;
        top:8.4%;
    }
    .news-item.featured-story h2 {
        font-size: 1.8em;
        margin-top: 1em;
        margin-right: 1em;
    }
    .news-item.dynamic {
        padding-bottom:10.77%
    }
    .news-item.dynamic > span {
        top:11.2%;
    }
    .news-item.dynamic .third {
        width:32.75%;
        margin-left:0.9%;
        padding:0 0.83%;
    }
    .news-item.dynamic .two-thirds {
        width:66.35%;
    }
    .news-item.dynamic .third, .news-item.dynamic .two-thirds {
        clear:none;
        height:100%;
    }
    .main .news-item .third {
        margin-bottom:3.72%;
    }
    .main .news-item.wide .half {
        margin-bottom:1.7%;
    }
}
@media (max-width:1430px) and (min-width:1071px) {
	.news-item.variable {
		padding-bottom:22.208%;
	}
	.news-item.variable > a {
		top:8%;
		left:2%;
		right:2%;
		bottom:8%;
	}
	.news-item.variable {
		width:66.666%;
	}
	.r3 {
		float:right;
	}
}
@media (max-width:760px) {
	.main {
		margin: 0;
	}
    .category-header, .timestamp {
        margin-left:0;
        margin-right:0;
    }
}

/* Two columns */
@media (max-width:1070px) {
	.news-item {
		width:50%;
		padding-bottom:46%;
	}
	.news-item.wide {
		width:100%;
	}
    .news-item.featured-story > a {
        top:12.6%;
    }
    .news-item.featured-story h2 {
        font-size:1.3em;
    }
    .featured .category-image {
        display:none;
    }
    .news-item.featured .image {
        width:49%;
        padding-bottom:32.5%;
        margin-right:1em;
    }
    .news-item.featured > a {
        padding:0 1.3%;
    }
    .news-item.featured h2, .news-item.featured p {
        margin-right:0;
    }
    .news-item.featured h2 {
        font-size:1.7em;
    }
    .news-item.featured p {
        font-size:1em;
        max-height: 5.6em;
        overflow: hidden;
    }
    .news-item.featured {
        padding-bottom: 34.5%;
    }
    .news-item.dynamic {
        padding:0;
    }
    .main .news-item.dynamic, .main .news-item.dynamic > span, .news-item.dynamic .third,
    .news-item.dynamic .two-thirds, .news-item.dynamic .third > span {
        display:block;
        position:relative;
        width:100%;
        max-width:100%;
        height:auto;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin:auto;
    }
    .news-item.dynamic .two-thirds {
        height:7em;
    }
    .news-item.dynamic .third, .news-item.dynamic .two-thirds {
        margin-top:2%;
        width:99%;
        float:none;
    }
    .news-item.dynamic .third span {
        padding:0.5em;
    }
}
/* Disable the dynamic adjustment on the alternate layout. */
@media (max-width:1070px) and (min-width:641px) {
    .main .news-item.dynamic.layout2 {
        padding-bottom: 46%;
        width: 50%;
        position: relative;
    }
    .main .news-item.dynamic.layout2 > span {
        position: absolute;
        top: 4.2%;
        left: 1.5%;
        right: 1.5%;
        bottom: 0;
        width:96.6%;
    }
    .news-item.dynamic.layout2 .third, .news-item.dynamic.layout2 .two-thirds {
        margin-top:0;
        float: left;
        width: 100%;
        clear: both;
    }
    .news-item.dynamic.layout2 .two-thirds {
        height: 65%;
        position: relative;
        margin-bottom: 4.1%;
    }
    .news-item.dynamic.layout2 .third {
        height: 30.53%;
        margin-bottom: 3.85%;
        position: relative;
    }
}
@media (max-width:820px) {
    .news-item.featured p {
        max-height: 2.8em;
    }
}
/* One Column */
@media (max-width:640px) {
    body .main .news-item > span {
        display:block;
        position:relative;
    }
    .news-item.featured > a {
        padding:0 2.5%;
    }
    #main .news-item .image {
        margin:2% 0;
    }
    body .main .news-item > a, body .main .news-item > span > a, .main .news-item > span > span, body .main .news-item > span, body .main .news-item .third > span,  .news-item.home-banner > span > div {
        display:block;
        position:relative;
        width:100%;
        max-width:100%;
        height:auto;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin:0;
    }
    body .main .news-item {
		width:100%;
        padding:1.6%;
    }
    body .main .news-item > span > a, .main .news-item > span > span, body .main .news-item .third span {
        padding:0.5em;
    }
    body .main .news-item.tall > a {
        padding-bottom:1em;
    }
    .main .news-item.wide .half, .main .news-item .third:nth-child(3) {
        margin-bottom:0;
    }
    .main .news-item.wide .half:first-child {
        margin-bottom:3%;
    }
    .news-item.featured h2 {
        margin: 0.2em 1em 0 0;
        font-size:1.2em;
    }
    .news-item.featured p {
        max-height:none;
    }
    body .news-item.home-banner {
        padding:1em;
    }
    .home-banner img {
        display:block;
        margin:auto;
    }
    #main .news-item .image {
        width:100%;
        padding-bottom:66%;
    }
    .news-item.featured-story h2 {
        font-size:1.1em;
    }
    .news-item.dynamic .third {
        margin-top:3.2%;
    }
    .news-item.dynamic .two-thirds {
        height:10em;
        margin-top:0;
    }
    .itemListLinks > div {
        width:100%;
        padding: 0 0.5em;
    }
}