.float-left{
	float: left;
}

/*DEFAULTS*/
.post-row{ 
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	height: auto;
}
.flex-row{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
	height: auto;
}
.justify-center{
	justify-content: center;
}
.max-width-1280{
	max-width: 1280px;
}
/*.ratio-16-9{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
}
.ratio-16-9:before{
	display: inline-block;
	content: "";
	padding-top: 56.25%;
}*/

.mt-6{ margin-top: 3rem !important; 		}
.mt-3{ margin-top: 1rem !important; 		}
.mb-1{ margin-bottom: 0.25rem !important; 		}
.mb-2{ margin-bottom: 0.5rem !important; 		}
.mb-3{ margin-bottom: 1rem !important; 		}
.mb-4{ margin-bottom: 1.5rem !important; 	}
.mb-5{ margin-bottom: 2rem !important; 		}
.mb-6{ margin-bottom: 3rem !important; 		}

.divider{
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	height: 1px;
	margin: 1rem 0;
	background: rgba(0,0,0,0.12);
}

/*CORE*/
.container{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
	height: auto;
	justify-content: center;
}
.container .inner-container{
	width: 1080px;
	overflow: hidden;
}
.container .post_container{
	float: left;
	width: 100%;
	max-width: 705px;
	min-height: 200px;
}
.container .right_side_content{
	float: right;
	width: 300px;
	min-height: 500px;

	flex-grow: 0;
	flex-shrink: 0;
}
.view_post_holder{
	/*background-color: orange;*/
}

@media(max-width: 980px){
	.container .post_container{
		width: 100%;
	}
	.container .right_side_content{
		display: none;
		width: 0;
	}
}












/*STRUCTURE*/
/*category*/
.view_post_holder .category{
	float: left;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	font-style: italic;
	text-transform: uppercase;
	margin-right: 1rem;
	color: rgba(0,0,0,0.87);
}
/*date*/
.view_post_holder .date{
	float: left;
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: rgba(0,0,0,0.5);

	margin-right: 1rem;
}
/*title*/
.view_post_holder .title{
	padding: 0;	
}
.view_post_holder .title a{
	font-family: "Montserrat", sans-serif;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.118;
	
	text-transform: uppercase;
	letter-spacing: -0.1rem;
	color: rgba(0,0,0,0.92);
	margin-bottom: 1rem;
}
/*post title*/
.view_post_holder .post_title{
	font-family: "Roboto Slab", sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.218;
	color: rgba(0,0,0,0.92);
}
/*author */
.view_post_holder .author{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
	width: auto;
	height: auto;
	align-items: center;
}
.view_post_holder .author-profile{
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	border-radius: 0.25rem;
	margin-right: 0.5rem;
}
.view_post_holder .author-name{
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	color: rgba(0,0,0,0.67);
	text-transform: capitalize;
}
/*heading image*/
.view_post_holder .post_header_image{
	float: left;
	/*margin-bottom: 1rem;*/
}

/*links of videos and posts*/
.view_post_holder .post_big_answer_to{
	position: relative;
    display: inline-block;
    width: calc(100% - 4rem);
    height: auto;
    padding: 2rem;
    margin: 2rem;
    border: 1px solid rgba(0,0,0,0.12);
}
/*tags*/
.view_post_holder .tags .tag{
	position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 0.25rem 0.25rem 0;
    padding: 0.65rem 1rem;
    font-family: "Roboto Slab", "Roboto", sans-serif;
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;

    color: rgba(0,0,0,0.67);
    overflow: hidden;
    background-color: rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
}
.view_post_holder .tags .tag span{
	margin-right: 0.25rem;
}
.view_post_holder .tags .tag:hover {
    color: rgba(0,0,0,0.87);
    border-color: rgba(0,0,0,0.24);
}
.view_post_holder .tags-title{
	font-family: "Roboto Slab", sans-serif;
	font-weight: 600;
	font-size: 2rem;
	line-height: 1;
}
/*END STRUCTURE*/


/*MOST SHARED ITEMS / NAJBOLJ OBISKANO*/
.most-shared-items {
/*	position: relative;
	display: table;
	width: 100%;*/
	position: relative;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.most-shared-item{
	position: relative;
	display: inline-block;
	/*width: 20%;*/
	width: 16.66666667%;
	height: auto;
	padding: 0.5rem;
	margin-bottom: 1rem;
}
@media(max-width: 1199px){
	.most-shared-item{
		width: 33.33333%;
	}
}
@media(max-width: 991px){
	.most-shared-item{
		width: 50%;
	}
}
.most-visited-posts {
/*	position: relative;
	display: table;
	width: 100%;*/
	position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-bottom: 3rem;
}
.most-visited-post{
	position: relative;
	display: inline-block;
	/*float: left;*/
	width: 25%;
	height: auto;
	padding: 0.5rem;
	padding-bottom: 1rem;
}
@media(max-width: 991px){
	.most-visited-post{
		width: 50%;
	}
}
.fluid-holder .heading-title{
	font-family: "Roboto", sans-serif;
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 1rem;
}
.most-shared-item:hover .title,
.most-visited-post:hover .title{
	text-decoration: underline;
}
.most-shared-item .title,
.most-visited-post .title{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;

	/*min-height: calc(5 * 16px * 1.258);*/

	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.258;
	color: rgba(0,0,0,1);
	letter-spacing: -0.1px;
	text-transform: uppercase;
}
.most-shared-item .image-holder,
.most-visited-post .image-holder{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
.image-cover{
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.image-cover.image-position-top{
	background-position: top;
}
/*END MOST SHARED ITEMS / NAJBOLJ OBISKANO*/

/*MOST VISITED POSTS*/
/*END MOST VISITED POSTS*/






/*SETTINGS VIEW POST*/
	.post-settings{
		position: absolute;
	    display: -webkit-inline-box;
	    display: -ms-inline-flexbox;
	    display: inline-flex;
		flex-direction: column;
		height: auto;
		right: 0;
		top: 0;
		background: white;
		color: white;
		z-index: 99;
		padding: 5px;	
		cursor: default;
	}
	.post-settings .setting-head{
		position: relative;
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    background: #2196f3;
	    padding: 10px;

	    font-size: 13px;
	    text-transform: uppercase;
	    font-family: "Roboto", sans-serif;
	    font-weight: 600;

	    flex-shrink: 0;
	    cursor: pointer;
	}
	.post-settings .opt{
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		max-height: 0;
		overflow: hidden;
		flex-shrink: 0;

		-webkit-transition: max-height 500ms;
		-o-transition: max-height 500ms;
		transition: max-height 500ms;

		cursor: pointer;
	}
	.post-settings:hover .opt{
		max-height: 125px;
		-webkit-transition: max-height 500ms;
		-o-transition: max-height 500ms;
		transition: max-height 500ms;
	}
	.post-settings .opt a{
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;

	    margin-top: 2px;

	    font-family: "Roboto", sans-serif;
	    font-size: 13px;
	    line-height: 28px;
	    font-weight: 500;
	    text-align: right;

		color: rgba(0,0,0,0.87);
		background: rgba(146, 146, 146, 0.1);
		border-bottom: 1px solid rgba(0,0,0,0.12);
	}
	.post-settings .opt a:hover,
	.post-settings .opt .delete-wrap:hover{
	    background: rgba(21,21,21,0.1);
	}
	.post-settings a > .fa,
	.post-settings .delete-wrap > .fa{
		margin: 5px;
		color: rgba(0,0,0,0.87);
	}

	.post-settings .delete-wrap{
		position: relative;
	    display: -webkit-inline-box;
	    display: -ms-inline-flexbox;
	    display: inline-flex;
	    align-items: center;
	    justify-content: flex-end;
	    width: 100%;
	    height: auto;

		background: rgba(146, 146, 146, 0.1);
		border-bottom: 1px solid rgba(0,0,0,0.12);
	}
	.post-settings .delete-wrap input[type="submit"]{
		position: relative;
	    display: -webkit-inline-box;
	    display: -ms-inline-flexbox;
	    display: inline-flex;
	    align-items: center;
	    justify-content: flex-end;
	    height: auto;
	    background: none;
	    border: none;

	    font-family: "Roboto", sans-serif;
	    font-size: 13px;
	    line-height: 28px;
	    font-weight: 500;
	    text-align: right;

	    color: rgba(0,0,0,0.87);
	    outline: none;
	}
/*END SETTINGS VIEW POST*/



/*BUTTON SIGN AND COMMENT*/
#request-signin{
	text-align: center;
	/*background-color: #da2032;*/
	overflow: hidden;
	border-radius: 0.125rem;
	background-color: white;
	border: 1px solid rgba(0,0,0,0.12);
}
#request-signin .title{
	font-family: "Roboto Slab", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.218;
	/*text-transform: uppercase;*/

	padding: 1rem 0;
	border-bottom: 1px solid rgba(255,255,255,0.33);
	color: #333;
	background-color: #cccccc;
}
#request-signin img{
	padding: 1.5rem 4rem;
	border-bottom: 1px solid rgba(0,0,0,0.12);
}
#request-signin .btn-goTo{
	position: relative;
    display: inline-block;
    float: right;
    width: auto;
    min-width: 50%;
    height: auto;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 0.25rem;
    font-family: "Roboto Slab", sans-serif;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(0,0,0,0.67);
    background-color: rgba(0,0,0,0.12);
    margin: 0 1rem 1px 0;



}
#request-signin .btn-goTo:hover{
	margin-bottom: 0;
	border-bottom: 2px solid rgba(0,0,0,0.5);
	/*background-color: rgba(255,255,255,0.87);*/
}
#request-signin .btn-goTo:active{
	margin-top: 1px;
	border-bottom-width: 1px;
	/*background-color: rgba(255,255,255,0.87);*/
}
/*END BUTTON SIGN AND COMMENT*/




.widget_zadnji_komentarji .widget_title{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
}
.widget_zadnji_komentarji .widget_title p,
.widget_prijatelji .widget_title p{
	font-family: "Roboto Slab", "Roboto", sans-serif;
	font-weight: 600;
	font-size: 2rem;
	color: #333;
	padding-bottom: 0.5rem;
	margin: 0;
}



























/*CHECK WHAT TO DO WITH THIS*/
/*repainting comments*/
.widget_zadnji_komentarji .comment_wrapper a:first-child{
	color: #d7222f !important;
}