/*
Theme Name: VNN
Template: share
*/
:root {
  --primary-color: #e11a43;
  --base-padding: 12px;
}
body.dark{
    background-color: #111111;
	color: #ababab;
}
.container{
	max-width: 1240px;
}
.dark .site-header {
    background: #2b2b2b;
    border-bottom: 1px solid #797171;
}
h1, h2, h3, h4, h5, h6{
	color: #ababab;
}
a, a:visited, .sf-menu ul li li a:hover, .sf-menu li.sfHover li a:hover, #secondary-menu li li a:hover, #secondary-menu li li.current-menu-item a:hover, #primary-menu li li a:hover, .entry-meta a, .edit-link a, .comment-reply-title small a:hover, .entry-content a, .entry-content a:visited, .page-content a, .page-content a:visited, .pagination .page-numbers.current, a:hover, .mobile-menu ul li a:hover, .pagination .page-numbers:hover, .sidebar .widget a:hover, .sidebar .widget ul li a:hover, .entry-related .hentry .entry-title a:hover, .author-box .author-name span a:hover, .entry-tags .tag-links a:hover:before, .page-content ul li:before, .entry-content ul li:before, .content-loop .entry-summary span a:hover {
    color: var(--primary-color);
}
.thumbnail-link .icon-play{
	left: 45%;
    bottom: 50%;
}
.thumbnail-link .cv {
    background-color: rgba(0, 0, 0, 0.45);
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: normal;
	padding:3px;
    text-align: center;
    bottom: 0;
    right: 0px;
    transition: 0.3s all;
}
.sf-menu li a .menu-text{
	background: #fff;
    border-radius: 5px;
    height: 24px;
    line-height: 24px;
}
.sf-menu li{margin-left:5px;}
.dark .header-search .search-input, .dark .header-toggles .toggle-icon svg, .dark .header-toggles .toggle-text{
	color:#f2f2f2;
	fill:#f2f2f2;
}
.content-loop .entry-title a{
	color: #ababab;
}.content-loop .entry-title a:hover{
	color: #e11a43;
}
.content-loop .thumbnail-link img{
	width: 100%; 
	height: auto; 
	aspect-ratio: 16 / 9;
	object-fit: cover; 
}
.responsive-player {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
	background:#000;
    box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 10px 0 #2d2d2d !important;
    margin-bottom: 10px;
}
.responsive-player>iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.thumbs{
	object-fit: cover;
}
.ttag h3{
	font-size: 16px;
    font-weight: bold;
}
.ttag ul {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
.ttag ul li {
    list-style-type: none;
    display: inline-grid;
    margin-right: 5px;
}
.ttag a {
    display: inline-block;
    font-size: 13px;
    padding: 3px 7px;
    margin-top: 3px;
    white-space: nowrap;
    background: #2b2b2b;
    border-radius: 4px;
}
.entry-tags .tag-links a{
	background-color: inherit;
    color: #f7f7f7;
}
.page-content p, .entry-content p{
	margin-bottom:5px;
}
.single .site-main .entry-header .entry-category{
	margin-right:0px;
}
.single .site-main .entry-header{
	border-bottom: 1px solid #494949;
}
.footer-columns{padding-top:5px;}
.footer-columns .ht_grid_1_4{
	width:100%;
}
.site-footer .widget{margin:0;}
.site-footer .widget p{margin-bottom:5px;}
@media only screen and (max-width: 959px) {
	.dark .site-header{
		height:125px;
	}
	.dark .header-search{
		display:block;
		height: 40px;
	}
	.dark .header-search .search-input{
		height: 40px;		
	}
	.dark .header-search .search-submit{
		color: #03A9F4;
	}
}