/*
Theme Name: Base network theme
Theme URI: http://bloggersdelight.dk
Description: Bloggers Delight network base theme
Version: 1.0
Author URI: http://bloggersdelight.dk
*/


/*****
image tags
 *****/

.image-taglist ul {
    list-style: none;
    padding: 0;
    list-style-type: none;
    padding: 0!important;
    margin-top: 10px;
    line-height: 100%;
}

.image-taglist ul li {
    display: inline;
    border-left: 1px solid #DDD;
    padding-left: 10px;
    margin-left: 10px;
}

.tagview {
    width: 130px;
    height: 130px;
    position: absolute;
    color: #FFFFFF;
    text-align: center;
}

#tagview-main .tagview {
    border: 1px dotted #FFF;
    background-color: rgba(255, 255, 255, 0.2);
}

.tagview a {
    width: 100%;
    height: 100%;
    display: block;
}

.square {
    display: block;
    height: 79px;
}

.dot {
    position: absolute;
    top: 55px;
    left: 55px;
    background-color: rgba(219, 50, 92, 1);
    cursor: pointer;
    display: block;
    padding: 7px;
    z-index: 1000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    border: 3px solid #FFF;
    opacity: 0.3;
}

a:hover .dot {
    background-color: rgba(219, 50, 92, 1);
    opacity: 0.75;
}

.dot a {
    display: block;
    width: 100%;
    height: 100%;
}

#tagit {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
}

#tagit .box {
    border: 1px solid #F10303;
    width: 100px;
    height: 100px;
    float: left;
}

#tagit .name {
    float: left;
    background-color: #FFF;
    font-size: 10pt;
    padding: 20px;
    border: 1px solid #bbb;
}

#tagit DIV.text {
    margin-bottom: 5px;
}

#tagit INPUT[type=text] {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #DDD;
    width: 100%;
}

#taglist {
    color: #000;
}

#taglist OL {
    padding: 0 20px;
    float: left;
    cursor: pointer;
}

#taglist ul {
    list-style-type: none;
}

#taglist li {
    float: left;
    padding-right: 20px;
}

#taglist OL A {}

#taglist OL A:hover {
    text-decoration: underline;
}

.tagtitle {
    font-size: 14px;
    text-align: center;
    width: 100%;
    float: left;
}

.image-tag {
    position: relative;
    overflow: hidden;
}

.entry-content p {
    clear: both;
}

#tagview-main .entry-content img {
    max-width: 990px;
    margin-left: 0;
    height: auto;
}

.image-taglist li:first-child {
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

.btn-line {
    margin-top: 8px;
}
/*Popular posts styling*/
.post-container-inner{

	margin-bottom: -120px
}
.post-container-inner > a{

	height:250px;
	width: inherit;
}

.image-overlay-square{
		display:flex;
		align-items: center;
		justify-content: center;
		position: relative;
		bottom: 225px;
		background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
		background: rgba(255, 255, 255, 0.75);
		color: black;
		height:200px;
		width: 200px;


 }
.image-overlay-square > .popular-post-title >h2{
	width: 200px;
	overflow-wrap:break-word;
	font-size: 25px;

}
.image-overlay-square > .popular-post-title >h2 a{
	text-align: center;

}
.popular-header{
	text-transform: uppercase;
	letter-spacing: 3px;

}
.yarpp-related h3{
    text-transform: none;
}
.wide-style{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.wide-style > .popular-link.popular-post-title{
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	overflow: hidden;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
	background: rgba(255, 255, 255, 0.75);
	color: black;
	width:80%;
	overflow:break-word;

}
.popular-post.wide-style > p.popular-link.popular-post-title{
	/*Let it be known that coding consistency is impossible when safari doesnt even implement line-clamp*/
	display: block;
  	text-align:center;
  overflow: hidden;
  color:black;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wide-style.popular-post{
	margin-bottom: 20px;
}
.popular-post.wide-style > p.popular-link.popular-post-title > a{
	color:black;
	text-transform: uppercase;
		font-size: 15px;
		padding-top:1rem;
		padding-bottom: 0.5rem;
}
.wide-style > .popular-link{
	height:auto;
}
.popular-post.wide-style > a > img{
overflow: hidden;
align-self: center;
max-width:100%;
height:auto;
margin-right:0px;

}

.wide-style > .popular-post-title {
	overflow-wrap:break-word;
}

.post-meta-2 .post-meta-text,
.post-meta-3 .post-meta-text,
.post-meta-4 .post-meta-text,
.post-meta-5 .post-meta-text {
	padding-left:1rem;
}
.post-meta-2 .post-meta-text > div:first-child ,
.post-meta-3 .post-meta-text > div:first-child ,
.post-meta-4 .post-meta-text > div:first-child ,
.post-meta-5 .post-meta-text > div:first-child  {
	margin-left: 9px;
}