/*
Theme Name: xetaithanhhungvn_child
Theme URI: http://xetaithanhhungvn
Author: xetaithanhhungvn
Author URI: http://xetaithanhhungvn
Description: This is child theme of xetaithanhhungvn
Template: xetaithanhhungvn
Version: 1.0.0

*/

/*---------------------------------
    Write your css code from here
------------------------------------*/
.post, .page{
	margin:0 !important;
}
.fixwidth{    
	width: 100%;
    padding: 15px;
    position: relative;
    overflow: hidden;
	}
.fixwidth:after{
	display:block;
	clear:both;
	float: left;
}

/* CSS Header*/
.site-branding{
	width:20%;
	float: left;
}
p.site-description{
	display:none;
}
.site-branding p{
	margin:0px;
	padding:0px;
}
.site-branding p a{
    display: block;
    font-size: 0;
    width: 100%;
    height: 80px;
    background:url(./images/logo.png) no-repeat center;
	background-size: 100%;
}
#site-navigation{
	width:80%;
	float: right;
	clear: unset;
}
.main-navigation ul{
	float: right;
}
.main-navigation a{
	color: #333;
    text-transform: uppercase;
    display: block;
    //background: #F4f4f4;
    padding: 10px 20px;
    font-weight: 600;
}
.main-navigation a:before{}

.menupate-left{    width: 30%;
    float: left;
    position: relative;
	}

.menupate-right{    width: 70%;
    float: right;
    position: relative;
	}
.pagemenu-header{    position: relative;
    background: #950505;
    color: #f9f9f9;
    text-align: center;
    padding: 10px 0px;}
.pagemenu-header .text1,
.pagemenu-header .text2{    display: block;
    font-weight: 600;
    font-size: 110%;}
.pagemenu-header .text2{    color: #ff0;
    font-size: 150%;}
.pagemenu-content{
	clear:both;
	position: relative;
}
.pagemenu-content ul{    margin: 0px;
    padding: 0px;
    list-style: none;}
.pagemenu-content ul li{margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;}
.pagemenu-content ul li a{    text-decoration: none;
    color: #333;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    background: #ccc;
    width: 100%;
    border-bottom: 1px solid #fff;
    font-weight: 400;
    text-transform: uppercase;}
.pagemenu-content ul li a i{    color: #950505;
    margin-right: 10px;}
.menupate-right img{
	width:100%;
	height:auto;
}
.quitrinh{    background: #950505;
    color: #f9f9f9;}
.quitrinh-inner{padding:0px 15px;}
.quitrinh ul{margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    position: relative;}
.quitrinh ul li{    
	position: relative;
	display: inline-block;
    width: 25%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
	overflow: hidden;
}
.quitrinh ul li i{    font-size: 300%;
    padding: 25px 20px;
    background: #FFF;
    color: #950505;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
	}
.quitrinh ul li h4,
.quitrinh ul li p{
	margin:0px;
	padding:0px;
}
.quitrinh ul li h4{    text-transform: uppercase; margin-top:15px;
    font-size: 120%;
    color: #ff0;}
.quitrinh ul li p{    color: #ccc;
    padding-bottom: 20px;}
.quitrinh ul li:before{}


.site-footer{
	position: relative;
	background:#950505;
	color:#f9f9f9;
}
#secondary-footer .widget{    width: 32%;
    float: left;
    margin-left: 2%;
    position: relative;
    overflow: hidden;}
#secondary-footer .widget:first-child{
	margin-left:0px;
}

.post-content{
	width: 73%;
    float: left;
    border: 1px solid #CCC;
    padding: 10px;
	}

.bvlq{
    width: 25%;
    float: right;
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px;
	}
ul.postsbycategory{    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    float: left;
    width: 100%;
    clear: both;}
ul.postsbycategory li{position: relative;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;}
ul.postsbycategory li div.postbycat{}
div.thumcat img{    float: left;}
div.thumcat:hover img{opacity:0.5}
h5.bycattitle{    margin: 0px;
    padding: 0px;
    font-size: 100%;
    text-transform: uppercase;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;}
h5.bycattitle a{display: block;
    color: #FFF;
    text-decoration: none;
    padding: 15px;}
.bycattitle i{    color: #ff0;
    float: left;
    padding: 15px;
    font-size: 140%;
    font-weight: 200;}
	
.bvlq h3{
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.bvlq ul{list-style: none;
    margin: 0px !important;
    padding: 0px !important;}
.bvlq ul li{    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;}
.bvlq h4{    margin: 0;
    padding: 0;}
.bvlq h4 a{    color: #333;
    text-decoration: none;
    text-transform: uppercase;}
.bvlq .new-img{    float: left;
    width: 30%;}
.bvlq .new-img img{width:100%; height: auto; border: 1px solid #ccc;}
.bvlq .item-list{    width: 70%;
    float: left; padding-left: 15px;}
.item-list p{    margin: 0;}

.entry-content table{    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
	border-collapse: collapse;
}
.entry-content table td,
.entry-content table th{    padding: 10px;
    border: 1px solid #ccc;}
	
.entry-content table tr:nth-child(2n+1){    background: #f4f4f4;}
.entry-content table th{background:#FFF; color:#905050}

/* CSS PAGE */
.page .hentry h1.entry-title{display:none}
.page .hentry h2{    text-align: center;
    font-size: 200%;
    color: #905050;
    text-transform: uppercase;}
.page .hentry h3{text-align: center;
    font-size: 150%;
    text-transform: uppercase;
    color: #950505;}
.page .hentry h3:after{
    content: " ";
    display: block;
    clear: both;
    height: 5px;
    background: #905050;
    width: 100px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.page .hentry ul{list-style:none;}

.entry-meta,
.entry-footer{
	display:none
}

/* CSS TOP BAR */
#top-bar{    background: #950505;
    color: #f4f4f4;
    position: relative;}
#top-bar h2.widget-title{display: none;}
#tops .widget{    margin: 0;
    width: 20%;
    float: left;}
#custom_html-4{width:40% !important;}

.widget ul{list-style:none; margin:0px ; padding:0px;}

.site-footer h2.widget-title:after{
content: " ";
    display: block;
    clear: both;
    height: 3px;
    width: 100px;
    background: #f4f4f4;
    margin: 15px 0px;  
}
.posts-navigation{display:none;}
.pagenavi{    position: relative;    padding: 20px 0px;
    clear: both;
    margin: 15px 0px;
    text-align: center;}
.pagenavi a,
.pagenavi span{    text-decoration: none;
    color: #333;
    padding: 10px 15px;
    border: 1px solid #ccc;
    margin-right: 10px;
    text-transform: uppercase;}
.pagenavi span{background:#950505; color:#FFF;}
.pagenavi a:hover{background:#f4f4f4;}

.cat2 .post{    width:25%;
    float: left;
    position: relative;
    overflow: hidden;}
	
.cat2 .post .entry-content{margin: 7px;
    padding: 0;
    background: #950505;
    color: #f4f4f4;}
.cat2 .post .entry-content p{    font-style: italic;
    padding: 5px;
    margin: 0;}
.cat2 .post .entry-content h3{margin: 0;
    padding: 0px;}
.cat2 .post .entry-content h3 a{    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    padding: 5px;}
h1.page-title{text-align:Center;}
.archive-description{text-align:center; font-style: italic;}

a.hotline2{    color: #ff0;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;}
#custom_html-7 a.hotline2{font-size:120%;}

#secondary-footer .widget_nav_menu{}
#secondary-footer .widget_nav_menu ul li a{color: #333;
    text-decoration: none;
    background: #FFF;
    padding: 10px;
    float: left;
    clear: both;
    margin-bottom: 10px;
    border-radius: 3px;font-weight: 600;}


@media only screen and (max-width: 600px){
.site-branding{width:80%;}
#site-navigation{width:100%;}
.menu-toggle{position: absolute;top: 25px;    right: 15px;    margin: 0;
    padding: 0;
    background: none;
    font-size: 150%;
    border: 0;
    cursor: pointer;
    outline: none;}
.main-navigation li{clear:both; width:100%;}
.main-navigation ul{width:100%;}
.main-navigation a{    background: #950505;color: #f4f4f4;    border-bottom: 1px solid #FFF;}
#tops .widget{width:100% !important; clear:both; text-align:center;}
.menupate-left, .menupate-right{width:100%; clear:both;}
.quitrinh ul li{width:100%; clear:both;}
.wp-block-media-text__media, .wp-block-media-text__content{width:100%; clear:both;}
#secondary-footer .widget{width:100%; clear:both;}
ul.postsbycategory li{width:100%; clear:both;}
.wp-block-media-text{display:unset;}
.post-content{width:100%;}
.bvlq{width:100%; clear:both; margin-top:30px;}
.nav-links{display:none}
.has-3-columns .wp-block-column{border:1px solid #CCC; padding:10px;}
.cat2 .post{    width: 100%; clear: both;    margin: 0 !important;}
}