﻿/* CMS settings */
div.sideBlock .rss-feed-list { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; width: 380px;}
div.sideBlock .rss-feed-list select { padding:10px; margin:-5px -20px -5px -5px; width: 405px;}
div.sideBlock .rss-feed-list.input-validation-error { border-color:red;}
div.sideBlock .rss-grouping > div {float:left; width: 95px;}
div.sideBlock .rss-grouping input[type=radio] {display:none; margin:10px;}
div.sideBlock .rss-grouping input[type=radio] + label {
    display:inline-block;
    height: 70px;
    width: 78px;
    overflow: hidden;
    padding: 10px 4px 4px 8px;
    background-color: #fff;
    border: solid 2px #ddd;
}
div.sideBlock .rss-grouping input[type=radio] + label > span {
    border: 3px solid #000000;
    display: block;
    float: right;
    margin: 0 4px 4px 0;
}
div.sideBlock .rss-grouping input[type=radio] + label.rss-headlines > span {
    border-top: medium none;
    margin-bottom: 6px;
    width: 68px;
}
div.sideBlock .rss-grouping input[type=radio] + label.rss-4-items > span {
    height: 25px;
    width: 29px;
}
div.sideBlock .rss-grouping input[type=radio] + label.rss-items > span {
    height: 60px;
    width: 29px;
}
div.sideBlock .rss-grouping input[type=radio]:checked + label {
    background-image: none;
    background-color:#d0d0d0;
    border: solid 2px #000;
}


.rss-feed-plugin {background-color: #a2a2a2; height:100vh;}
/* RSS items */
/* default (landscape) settings */
.rss-feed-plugin .rss-feeds {
    position: absolute;
    left: 0;
    height: 98vh;
    width:100vw; margin:0;
}
.rss-feed-plugin .rss-box-item {
    position: relative;
    padding: 0.5vw 0 0 0.5vw;
    width: 48vw;
    height: 11vw;
    display: block;
    float: left;
    color: #fff;
    margin:1vw 0 0 1vw;
}
.rss-feed-plugin .rss-box-item > div { float:left; }
.rss-feed-plugin .rss-box-item .image {
	height: 11vw; width: 11vw; background-color: #343434;
    display: block; border: #fff solid 2px; border-radius: 0.4vw; overflow: hidden; text-align: center; z-index:1; position:relative;
}
.rss-feed-plugin .rss-box-item .image a {
    height: inherit;
    position: relative;
    margin: auto;
    display: inline-block;
    top: 0; left: 0; right: 0; bottom: 0;
}
.rss-feed-plugin .rss-box-item .image a img { border: 0; height:inherit; }
.rss-feed-plugin .rss-box-item .body {
	background-color: #343434; position: relative; overflow: hidden; margin-top: 0.1vw;
	width: 36vw; height: 10.8vw;
	border-radius: 0.5vw; margin-left: -0.5vw; padding-left: 1vw;
}
.rss-feed-plugin .rss-box-item .body-content {
    width: 30vw;
    display: inline-block;
    padding: 0.5vw 0 0 0.5vw;    
}
.rss-feed-plugin .rss-box-item .body-content > p {
    font-size: 1.1vw;
    font-style: italic;
}
.rss-feed-plugin .rss-box-item .heading {
    width: inherit; overflow: hidden;
	white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5vw;
    padding-bottom: 0.5vw;
    display: inline-block;
}
.rss-feed-plugin .rss-box-item .datetime {
    width: 4vw;
    display: inline-block;
    position: absolute;
    bottom: 0.5vw;
    right: 0.5vw;
    font-size: 2.5vw;
	font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    text-align: right;
    background-color: inherit;
}
.rss-feed-plugin .rss-box-item .datetime .day{ font-size: 3.5vw; font-weight: bold; }

.rss-feed-plugin .two-items .rss-box-item,
.rss-feed-plugin .one-item .rss-box-item {width:45vw; height:50vw; background-color:#343434; border-radius:0.5vw; margin:1vw;}
.rss-feed-plugin .two-items .rss-box-item .image,
.rss-feed-plugin .one-item .rss-box-item .image {top: 1vw; left: 1vw; margin-right:1vw;}
.rss-feed-plugin .two-items .rss-box-item .heading,
.rss-feed-plugin .one-item .rss-box-item .heading {font-size: 2vw; display: inline-block; position: absolute; top: 6vw; left: 14vw; width: 30vw;}
.rss-feed-plugin .two-items .rss-box-item .datetime,
.rss-feed-plugin .one-item .rss-box-item .datetime{width: auto; height: 4vw; position: absolute; top: 2vw; left: 14vw; right:auto; display: inline-block; text-transform:capitalize; font-size:1.5vw;}
.rss-feed-plugin .two-items .rss-box-item .datetime .day,
.rss-feed-plugin .one-item .rss-box-item .datetime .day{ font-size:inherit; font-weight:inherit; }
.rss-feed-plugin .two-items .rss-box-item .body,
.rss-feed-plugin .one-item .rss-box-item .body {width:43vw; height:35vw; background:none; border:none;}
.rss-feed-plugin .two-items .rss-box-item .body-content,
.rss-feed-plugin .one-item .rss-box-item .body-content {width:inherit;}

/* specific layouts: image-landscape-2, image-landscape-3 */
.rss-feed-plugin.image-landscape-2 .rss-feeds,
.rss-feed-plugin.image-landscape-3 .rss-feeds{width:100vw; height:30vw; right:auto; left:0; top:20vw;}
.rss-feed-plugin.image-landscape-2 .rss-feeds{top:5vw;}

.rss-feed-plugin.image-landscape-2 .two-items .rss-box-item,
.rss-feed-plugin.image-landscape-2 .one-item .rss-box-item,
.rss-feed-plugin.image-landscape-3 .two-items .rss-box-item,
.rss-feed-plugin.image-landscape-3 .one-item .rss-box-item {height:28vw;}

.rss-feed-plugin.image-landscape-2 .two-items .rss-box-item .body,
.rss-feed-plugin.image-landscape-2 .one-item .rss-box-item .body,
.rss-feed-plugin.image-landscape-3 .two-items .rss-box-item .body,
.rss-feed-plugin.image-landscape-3 .one-item .rss-box-item .body {height:16vw;}

div.landscape .slide .rss-feed-plugin .one-item,
div.landscape .slide .rss-feed-plugin.image-landscape-1 .rss-feeds{right:0 !important; left:auto !important; width:50vw !important;}
div.landscape .slide .rss-feed-plugin.image-landscape-1 .two-items .rss-box-item{height:25vw !important;}
div.landscape .slide .rss-feed-plugin.image-landscape-1 .two-items .rss-box-item .body{height:12vw !important;}


div.portrait .slide .rss-feed-plugin .rss-feeds {width:100vw; height:98vh; right:auto; left:1vw;}
div.portrait .slide .rss-feed-plugin .rss-box-item {height:24vw; width:98vw;}
div.portrait .slide .rss-feed-plugin .rss-box-item .image {height:22vw; width:22vw; border-radius:1vw;}
div.portrait .slide .rss-feed-plugin .rss-box-item .heading {font-size:2vh;}
div.portrait .slide .rss-feed-plugin .rss-box-item .body {height:22vw; width:73vw;}
div.portrait .slide .rss-feed-plugin .rss-box-item .datetime {width:4vh; font-size:2vh; bottom:0.5vh; right:0.5vh;}
div.portrait .slide .rss-feed-plugin .rss-box-item .datetime .day{ font-size: 3.2vh;}
div.portrait .slide .rss-feed-plugin .rss-box-item .body-content {width:64vw;}
div.portrait .slide .rss-feed-plugin .rss-box-item .body-content > p {font-size: 1.5vh; margin: -2vh 0 0 0;}


div.portrait .slide .rss-feed-plugin .two-items .rss-box-item,
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item {height:60vw; width:95vw; border-radius:2vw;}
div.portrait .slide .rss-feed-plugin .two-items .rss-box-item .heading,
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .heading{left:26vw; top:10vw;}
div.portrait .slide .rss-feed-plugin .two-items .rss-box-item .datetime,
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .datetime{left: 26vw; top: 2vw; right: auto; width:auto;}
div.portrait .slide .rss-feed-plugin .two-items .rss-box-item .datetime .day,
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .datetime .day{ font-size: inherit;}
div.portrait .slide .rss-feed-plugin .two-items .rss-box-item .body,
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .body{margin-top:2vw; height:30vw;}

div.portrait .slide .rss-feed-plugin .one-item .rss-box-item {height:100vw;}
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .body{height:70vw; width:95vw;}
div.portrait .slide .rss-feed-plugin .one-item .rss-box-item .body-content{width:92vw;}

div.portrait .rss-feed-plugin.image-portrait-1 .rss-feeds{height: 70vw; top: 95vw;}
div.portrait .rss-feed-plugin.image-portrait-1 .one-item .rss-box-item {height:60vw;}
div.portrait .rss-feed-plugin.image-portrait-1 .one-item .rss-box-item .body{height:30vw;}
div.portrait .rss-feed-plugin.image-portrait-3 .rss-feeds,
div.portrait .rss-feed-plugin.image-portrait-4 .rss-feeds{height: 130vw; top: 45vw;}