/*
 * Theme Name: Long Thanh Long Theme 01
 * Description: Đây là giao diện của trang web xxx.com
 * Theme URI: http://longthanhlong.net
 * Version: 1.0
 * Theme Author: Luc Duc Thanh
 * Author URI: http://thocuchuoi.com
 * Tags: starter theme, framework theme, two-columns, customize
 * Text-domain: mytheme
 */

 /*@import url('fonts/styles.css');*/

 html {
 	font-size: 16px;
 }

 body {
 	background: #F7F8F9 url(images/footer.jpg) no-repeat center bottom;
 	overflow-x: hidden;
 	color: #333333;
 	font-family: 'Roboto', sans-serif;
 	font-size: 1rem;
 	line-height: 1.5;
 }

a {
	color: #fa3c18;
}
a:focus, a:hover {
	color: #247d19;
}

 /* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*Responsive 16:9 embed video*/
.wp-block-embed__wrapper {
    position: relative;
    padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe {
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}

hr {
	border-top: 1px dashed rgba(0, 0, 0, .2);
	width: 100%;
}

.top {
	background: #fff url(images/header-mobile.jpg);
    background-size: cover;
}
.head {
	height: 272px;
	display: none;
}
.home .head {
	/*display: initial;*/
}
.head header {
	position: relative;
	height: 200px;
    margin-top: 70px;
}
.head header .logo h1 {
	margin-top: 0;
	margin-bottom: 0;
}
.head header .logo {
	/*float: left;*/
}
.head header .logo img.logo {
	/*width: 125px;
	height: auto;*/
}
.head header img.banana-tree {
	position: absolute;
    left: -4px;
    bottom: -2px;
}
.head header img.thocuchuoi {
	position: absolute;
	left: 44%;
	top: 140px;
	pointer-events: none;
	animation: move 5s alternate infinite;
	animation-delay: 3s;
	-webkit-animation: move 5s alternate infinite;
	-webkit-animation-delay: 3s;
}
@keyframes move {
	0% { left: 44%; }
	100% { left: 18%; }
}
@-webkit-keyframes move {
	0% { left: 44%; }
	100% { left: 18%; }
}
.head header .logo {
	position: absolute;
	right: 15px;
	bottom: 5px;
	-ms-transform: rotate(-2deg); /* IE 9 */
	-ms-transform-origin: 50% 100%; /* IE 9 */
	-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
	-webkit-transform-origin: 50% 100%; /* Chrome, Safari, Opera */
	transform: rotate(-2deg);
	transform-origin: 71% 100%;
	animation: rotate 1s linear infinite;
	-webkit-transform: rotate(-2deg);
	-webkit-transform-origin: 71% 100%;
	-webkit-animation: rotate 1s linear infinite;
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.head header .logo:hover {
	animation-play-state: running;
	-webkit-animation-play-state: running;
}
@keyframes rotate {
	0% {
		transform: rotate(-2deg);
		bottom: 5px;
	}
	50% {
		transform: rotate(2deg);
		bottom: 1px;
	}
	100% {
		transform: rotate(-2deg);
		bottom: 5px;
	}
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(-2deg);
		bottom: 5px;
	}
	50% {
		-webkit-transform: rotate(2deg);
		bottom: 1px;
	}
	100% {
		-webkit-transform: rotate(-2deg);
		bottom: 5px;
	}
}

.navbar-header {
	margin-top: 0px;
}

.main-menu {
	background: rgba(157, 230, 4, 0.5);
	border-top: solid 5px rgba(0, 0, 0, .5);
	border-bottom: solid 5px rgba(0, 0, 0, .5);
	font-family: 'Roboto', sans-serif;
}

.navbar-form {
	position: relative;
	border: none;
	padding-left: 0;
    padding-right: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-form input[type='text'] {
	border: none;
	background-color: #f3d079;
	box-shadow: none;
}
.navbar-form button[type='submit'] {
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	box-shadow: none;
	color: initial;
	background-color: #f3d079;
	padding: 0;
	/*font-size: 1.2em;*/
    width: 32px;
}
#navbar form button[type='submit']:hover {
	background-color: #fa3c18;
	color: #fff;
}
#navbar form button[type='submit']:focus {
}

.form-control {
	border-radius: 0;
}

.navbar {
	border-radius: initial;
	margin-bottom: 0;
	border: none;
	min-height: 40px;
	padding: 0;
}

.navbar-nav {
	font-weight: 300;
}
.navbar-nav>li>a {
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	padding: 15px 10px;
}
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover, li.current-menu-item a {
	background-color: rgba(216, 112, 18, 0.75);
	color: #FFFFFF;
	transition: background-color .2s;
}
.navbar-nav>li>a .fa {
	height: 0;
}
.navbar-nav > li {
	position: relative;
	/*border-right: solid 1px #966c05;*/
}

.navbar-nav > li > ul {
	position: absolute !important;
	min-width: 100%;
	visibility: hidden;
	z-index: 1000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*border: solid 1px #775D1C;*/
	border: solid 1px #EDB938;
	display: none;
    left: -1px;
}
.navbar-nav > li:hover > ul {
	visibility: visible;
	display: initial;
}
.navbar-nav > li > ul > li {
	white-space: nowrap;
	border-bottom: solid 1px #EDB938;
	width: 100%;
	background-color: #fff;
	min-width: 200px;
}
.navbar-nav > li > ul > li:last-child {
	border-bottom: none;
}
.navbar-nav > li > ul > li > a {
	width: 100%;
	display: inline-block;
	padding: 8px 10px;
	/*font-size: 18px;*/
	color: #333;
}
.navbar-nav > li > ul > li > a:hover {
	text-decoration: none;
	background-color: #d87012;
	color: #FFFFFF;
	transition: background-color .4s;
}
.navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.dropdown-menu {
    border-radius: 0;   
}
.navbar-collapse {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.navbar-brand {
	padding-left: 50px;
	padding-top: 8px; 
	/*Thuộc tính padding-left và padding-top để đẩy chữ "Thơ củ chuối 18+" sang bên phải và thấp xuống một chút*/
	height: 50px;
    color: #fff;
	font-size: 24px;
	background: url(images/logo.png) no-repeat left center;
	background-size: 40px 40px;
	margin-right: 0;
}

.header-line {
	overflow: hidden;
	border-bottom: solid 1px rgba(36, 125, 25, 0.5);
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.header-line h2 {
	float: left;
	color: #247D19;
	font-size: 24px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
.header-line p {
	float: right;
	margin: 0;
	padding-top: 3px;
}
.header-line p a, .widget-list-readmore a {
	font-family: 'Roboto', sans-serif;
	color: #247d19;
	font-size: 18px;
}

footer {
    font-size: .9rem;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
	margin-top: 10rem;
	margin-bottom: .75rem;
}
footer .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
footer .inner .info {
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer .info a {
	color: #fff;
}
footer .logo img {
    width: 32px;
}
footer .copyright {
    margin-top: .125rem;
}

aside {
    margin-top: 2rem;
}

/*Style cho các group ở Homepage*/
.group .other .col-6:last-child {
    display: none;
}

.breadcrumb {
	background-color: #EBFACD !important;
	margin-bottom: 30px;
	padding: .5rem 1rem;
}

.mobile-break > [class*='col'] {
	margin-bottom: 1rem;
}
.mobile-break > [class*='col']:last-child {
    margin-bottom: 0;
}

.box, .articles article {
	background: #ffffff;
	border-radius: 3px;
	/*box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	overflow: hidden;
}

.articles article {
	margin-top: 30px;
	margin-bottom: 30px;
}
.single-post .articles article {
	margin-top: 0;
}
.articles article figure {
	border: none;
}

.articles article.danh-ngon .entry-title {
	/*margin-bottom: 0;*/
}
.articles article.danh-ngon .yasr-auto-insert-visitor {
    display: none;
}
.articles article.danh-ngon .entry-content {
	background: url(images/quotes.png) no-repeat scroll 5px -2px;
}
.articles h3 {
    margin-top: 20px;
	margin-bottom: 20px;
}

.entry-content {
	padding: 15px;
}
.entry-header {
	border-bottom: 1px solid #E4E5E6;
	padding: 10px 15px 10px;
}
.entry-tag {
	border-top: 1px solid #E4E5E6;
	padding: 10px 15px 10px;
}
.entry-header a, .entry-tag a {
	color: inherit;
}

.entry-title, .entry-content h2:first-child {
	margin-top: 0;
}
.entry-title {
    font-size: 2.5rem;
    line-height: .75;
}
.entry-title a, .modal-title {
	font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0 0;
    color: #fa3c18;
    text-transform: uppercase;
}
.entry-content {
	position: relative;
	overflow: hidden;
}
.entry-content p:last-child {
	margin-bottom: 0;
}
.entry-content .read-more {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.post-type-archive-video .entry-content p:last-child, .post-type-archive-photo .entry-content p:last-child {
    float: left;
}
.post-type-archive-video .entry-content .read-more, .post-type-archive-photo .entry-content .read-more {
    position: static;
    float: right;
}

/*Style cho các Modal Window*/
.modal-content {
	border-radius: 0;
}
.modal-content .close {
	color: #fa3c18;
	opacity: 1;
}
.modal-content .close:focus, .modal-content .close:hover {
	color: #247d19;
	opacity: 1;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
}

/*TÁC GIẢ*/
.tac-gia .entry-content {
    line-height: 1.3;
}
.tac-gia .entry-content p:first-child {
    margin-bottom: 10px;
}
.tac-gia .entry-content p:last-child {
    /*white-space: nowrap;*/
}
.tac-gia .entry-content .heading {
	margin-top: 0px;
	font-size: 1.5rem;
}
.tac-gia .view-all {text-align: center;}

.author-news-list {
	border-bottom: solid 1px #ddd;
}
.author-news-list ul li a {
	width: 100%;
	display: inline-block;
}
.author-news-list, .modal-body {
	background: url(images/heart-bird.png) no-repeat right bottom;
	padding-bottom: 15px;
}
.archive .picture-author, .single-tac-gia .picture-author, .search-results .picture-author {
    display: none;
}

.mytheme-breadcrumb {
	margin-bottom: 20px;
}
.mytheme-breadcrumb a {
	color: #21759B;
}
article.post img {
	height: auto;
}

.home-who-we-are {
	background: #ebfacd;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 18px;
}
.home-who-we-are .avatar {
	position: relative;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	background: url(images/avatar.jpg) no-repeat;
	background-size: 100% 100%;
}
.home-who-we-are h2 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 15px;
	color: #247d19;
	text-transform: uppercase; 
}
.home-who-we-are h2 span {
	color: #fa3c18;
	font-weight: bold;
}
.home-who-we-are h3 {
	font-size: 1.2em;
	margin: 0;
}
.home-who-we-are .intro {
	color: #fa3c18;
	margin-top: 15px;
	margin-bottom: 15px;
	font-style: italic;
}
.home-who-we-are p.button {
	margin: 15px 0 0;
}
.home-who-we-are p.button a {
	color: #333333;
	background: #f3d079;
	border: solid 1px #d87012;
	border-radius: 3px;
	padding: 8px 25px;
	display: inline-block;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
}

.main-content {
	margin-top: 30px;
}

.container .container-fluid {
	padding-right: 0px;
    padding-left: 0px;
}

figure.post-thumbnail {
    margin: 0;
}
.home-news h1 {
	font-size: 18px;
	margin: 10px 0 0;
	white-space: nowrap;
}
.home-news .other-news {
	font-size: 13px;
	
}
.home-news article {
	margin-bottom: 30px;
	overflow: hidden;
}
.home-news .entry-title a {
    white-space: nowrap;
}

.lastest-post h1 {
	margin-top: 0;
	font-size: 24px;
}
.lastest-post .intro {
	margin: -10px 0 12px;
	line-height: 24px;
	white-space: pre-line;
}
.lastest-post .button {
	margin: 0;
	/*float: right;*/
}

.entry-meta {
	font-size: 14px;
	color: #999;
}

.truyen-cuoi figure {
	background: url(images/truyen-cuoi.jpg) no-repeat !important;
	background-size: 100% 100% !important;
}
.truyen-cuoi article {
	margin-bottom: 15px;
}
.truyen-cuoi-link-list a, .truyen-cuoi-link-list a span {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.truyen-cuoi-link-list span:last-child {
	display: none;
}

.index-san-pham {
	margin-top: 30px;
}

.slider .post-thumbnail, .home-video .post-thumbnail, .home-news .post-thumbnail {
	background: #CCCCCC;
	border: solid 1px rgba(36, 125, 25, 0.2);
	overflow: hidden;
	position: relative;
    padding-top: 56.25%;
}
.slider .post-thumbnail img, .home-video .post-thumbnail img, .home-news .post-thumbnail img {
	position: absolute;
	width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
	transition: all 0.2s linear;
}
.home-video .post-thumbnail:hover, .home-news .post-thumbnail:hover  { 
	background: rgba(36, 125, 25, .4);
}
.slider .post-thumbnail:hover img, .home-news .post-thumbnail:hover img { 
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.slider h3 {
    font-size: 18px;
    margin: .5rem 0 0;
}

.home-video .item {
    position: relative;
}
.home-video .item i.fa {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.5rem;
    border: solid 3px;
    border-radius: 50%;
    padding: 8px 8.5px 8px 12.5px;
    pointer-events: none;
}

.youtube, .fb_iframe_widget {
  margin-bottom: 15px;
}

.entry-meta .youtube {
	margin-bottom: 0;
}

.widget .photo {
	margin-bottom: 15px !important; 
}

/* Bootstrap 3 Updated by ThanhLD */
.img-responsive {
	width: 100%;
}

.post-navigation:after {
	content: '';
	display: block;
	clear: both;
}
.post-navigation .nav-previous {
	float: left;
	width: 49%;
}
.post-navigation .nav-next {
	float: right;
	width: 49%;
}
.post-navigation a {
	width: 100%;
	text-align: center;
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.banner-list img {
	width: 100%;
	height: auto;
}

/*Slick Theme:*/
.slick-dots li {
    margin: 0 3px;
}
.slick-dots li button::before {
	font-size: 12px !important;
    color: #34495e !important;
    content: '' !important;
    opacity: 1 !important;
    background: url(images/dot.png) no-repeat center center;
}
.slick-dots li.slick-active button::before {
	background: url(images/dot-active.png) no-repeat center center;
}
.slick-prev:before, .slick-next:before {
	width: 24px;
    height: 53px;
    opacity: 1;
    display: inline-block;
}
.slick-prev:before {
	content: '' !important;
	background: url(images/prev-icon.png) no-repeat;
}
.slick-next:before {
	content: '' !important;
	background: url(images/next-icon.png) no-repeat;
}
.slick-prev {
	left: -10px !important;
}
.slick-next {
	right: -10px !important;
}
.slick-prev, .slick-next {
	width: 24px !important;
    height: 53px !important;
    z-index: 2;
}

/* Main Slider */
.slider {
	margin-top: 15px;
	border-top: solid 4px #9de604;
}
.slider a {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.slider .slick-slider {
    margin-top: 50px !important;
    margin-bottom: 80px !important;
}
.slider .slick-dots {
	bottom: -45px !important;
}
.slider .slick-prev:before, .slick-next:before {
	width: 45px;
    height: 80px;
}
.slider .slick-prev:before {
	background: url(images/slider-prev-icon.png) no-repeat;
}
.slider .slick-next:before {
	background: url(images/slider-next-icon.png) no-repeat;
}
.slider .slick-prev {
	left: -15px !important;
}
.slider .slick-next {
	right: -15px !important;
}
.slider .slick-prev, .slider .slick-next {
	width: 45px !important;
    height: 80px !important;
    margin-top: -12px;
}

/* Photo Slider */
.widget .photo .slick-prev {
	left: 0px !important;
}
.widget .photo .slick-next {
	right: 0px !important;
}

.widget .photo ul li {
	width: 50%;
	float: left;
	padding: 3px 3px !important;
}
.image-thumb {
	position: relative;
	border: solid 1px rgba(36, 125, 25, 0.2);
	overflow: hidden;
	padding-bottom: 56.25%;
}
.image-thumb:hover  { 
	background: rgba(36, 125, 25, .4);
}
.image-thumb .bg-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 172, 151, 0.4);
	opacity: 0;
	transition-duration: .3s;
}
.image-thumb:hover .bg-hover {
	opacity: 1;
}
.image-thumb a {
	position: absolute;
	background: rgba(0, 0, 0, .8);
	color: rgba(255, 255, 255, 1) !important;
	padding: 8px;
	border-radius: 4px;
	opacity: 0;
	transition: all .3s;
}
.image-thumb a:hover {
	color: rgba(255, 255, 255, .7) !important;
}
.image-thumb:hover a {
	opacity: 1;
}
.image-thumb a i {
	font-size: 1.5em;
}
.image-thumb a.link-icon {
	left: calc(50% - 38px - 3px - 20px);
	top: calc(50% - 20.5px);
}
.image-thumb a.image-icon {
	left: calc(50% + 3px + 20px);
	top: calc(50% - 20.5px);
}
.image-thumb:hover a.link-icon {
	left: calc(50% - 38px - 3px);
}
.image-thumb:hover a.image-icon {
	left: calc(50% + 3px);
}
.image-thumb img {
	position: absolute;
	width: 100%;
	height: 100% !important;
	transition-duration: .3s;
}
.image-thumb:hover img {
	transform: scale(1.2);
}

.main-title {
	background: #f9f9f9;
	margin-top: 40px;
	margin-bottom: 60px;
	padding-top: 15px;
	padding-bottom: 15px;	
}

.main-title .archive-title h2 {
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 0;
}

.page-contact {
	margin-top: 50px;
	margin-bottom: 50px;
}
.page-contact h3 {
	/*text-transform: uppercase*/;
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: bold;
}

/*All Button Style*/
.mytheme-button {
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
}
.mytheme-button-contained, button[type='submit'], input[type='submit'], .post-navigation .nav-previous a, .post-navigation .nav-next a {
	border: none;
	border-radius: 0;
    text-transform: uppercase;
	background-color: #D87012;
	color: #fff;
	padding: .5rem 1rem;
	transition-duration: .2s;
	display: inline-block;
}
.mytheme-button-contained:hover, button[type='submit']:hover, input[type='submit']:hover, .mytheme-button-contained:focus, button[type='submit']:focus, input[type='submit']:focus, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .post-navigation .nav-previous a:focus, .post-navigation .nav-next a:focus {
	background-color: #EBFACD;
    color: #D87012;
	text-decoration: none;
}
.mytheme-button-outlined {
    padding: .5rem 1rem;
    border: solid 1px #D87012;
}
.mytheme-button-outlined:hover {
    background-color: #D87012;
	color: #fff;
	text-decoration: none;
}
.mytheme-button-text {
}

.wpcf7-form-control {
	border-radius: 0;
}
.wpcf7-form-control[type='submit'] {
	margin-top: 20px;
	margin-right: -20px;
	border-color: transparent;
}

.e-mailit_bottom_toolbox {
	margin-top: 50px;
}

ul.page-widget-list li {
	background-image: none !important;
	margin-bottom: 15px !important;
}
ul.page-widget-list li.current_page_item {
    background: url(images/bullet-line.png) no-repeat 0 4px !important;
}
ul.page-widget-list li.current_page_item a {
    color: #242424;
    font-weight: bold;
}
.feature .post-thumbnail img {
	width: 100%;
}
.feature h2 {
	font-size: 18px;
}
.feature ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.feature .more {
	font-weight: bold;
	margin: 5px 0;
	display: block;
}

.wp-caption {
	margin-bottom: 1.5em !important;
	max-width: 100%;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.wp-caption .wp-caption-text {
	text-align: center;
    margin: 5px 0;
    color: rgba(51, 51, 51, 0.75);
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {
    text-align: center;
}

.widget-ad {
	margin-bottom: 30px;
}

.textwidget {
}

ul#sidebar .widget {
	background: #fff;
	padding: 0 15px 15px 15px;
    margin-bottom: 30px;
    /*border: solid 1px #9de604;*/
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#sidebar ul li, .author-news-list ul li {
	padding: 3px 0;
	/*background: url(images/bullet.png) no-repeat 0 8px;*/
}

.widget-title {
	margin: 0 -15px 15px -15px;
	color: #d87012;
	font-size: 1.25rem;
	padding: 8px 15px;
	background-color: #EBFACD;
	border-bottom: 1px solid #E4E5E6;
}

ul.widget-video-list li:before {
    content: '\f16a' !important;
    color: #FA3D19 !important;
    font-family: 'FontAwesome';
}

.widget_search form {
}
.widget_search form div {
	overflow: hidden;
}
.widget input[type='text'], .widget input[type='email'] {
	width: 100%;
	padding: .25rem;
}
.widget_search form input[type='submit'] {
	display: block;
    float: right;
    margin-top: 15px;
}

.adv-image {
	width: 100%;
	height: auto;
}

.post-date {
    color: #999;
    font-size: smaller;
}

#blog_subscription-2 {
	border: solid 1px #9de604 !important;
}
#blog_subscription-2 form {
}
#blog_subscription-2 #subscribe-email input {
	width: 100%;
}
#blog_subscription-2 #subscribe-submit {
	margin-bottom: 0;
	text-align: right;
}

/* Fancier Author Box plugin */

@media (min-width: 460px) {
	.ts-fab-wrapper {
		position: relative;
	}
	.ts-fab-wrapper:before {
		position: absolute;
		content: '';
		top: -269px;
		right: 0;
		background: url(images/heart-bird.png ) no-repeat;
		width: 84px;
		height: 302px;
		opacity: .6;
	}
}
.ts-fab-tab {
  /*background-color: #292929;*/
  border: 2px solid #DDD;
  /*color: #eee;*/
}
.ts-fab-list li.ts-fab-latest-posts-link a {
	white-space: nowrap;
}
.ts-fab-list li.active a {
	background-color: #D97A20;
    color: #fff;
    border-color: #DDD;
}
.ts-fab-avatar {
	margin-right: 15px;
}
.ts-fab-text {
	margin-left: 0;
}

/* Spider Random Post plugin */
.arpw-thumbnail, .widgets-list-layout .widgets-list-layout-blavatar {
	float: left;
    width: 50px !important;
    max-width: 50px !important;
    height: 38px !important;
    margin-right: 15px;
}
.arpw-time {
	font-size: smaller;
}

/*jetpack plugin Đọc nhiều nhất 24h qua*/
.widgets-list-layout-links {
	float: none !important;
	width: initial !important;
}

/* Comments Facebook and Share Button plugin */
.fb-comment-title {
	margin: 30px 0px 30px 0px;
}
.fb-comment-title h3 span {
	font-size: 16px;
}

/* Yasr Visitor Votes Shortcode */
.yasr-visitor-votes {
    margin-top: 30px;
    /*text-align: center;*/
}
.yasr-visitor-votes-after-stars {
    display: block;
    margin-top: .5rem;
}

/*Yet Another Related Posts Plugin*/
.yarpp-related {
	margin-bottom: 0 !important;
}
.yarpp-related .post-thumbnail {
	overflow: hidden;
	position: relative;
    padding-bottom: 56.25%;
    display: block;
}
.yarpp-related .post-thumbnail img {
	position: absolute;
	width: 100%;
    height: 100%;
}
.yarpp-related h3 {
	font-weight: normal !important;
	font-size: 1.25rem !important;
}

.yarpp-related h4 {
	font-size: 1.125rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.yarpp-related a {
	font-weight: normal !important;
}

/* WP-PageNavi plugin */
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #247D19;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 1px 8px;
    display: inline-block;
}

/* WP-Statistic */
#wpstats {
	display: none;
}
.widget_wp_statistics_widget ul li {
	text-align: right;
	border-bottom: dotted 1px #ccc;
}
.widget_wp_statistics_widget ul li label {
	float: left;
}

.page h2 {
	color: #242424;
	font-size: 1.5em;
	margin-top: 5px;
}

.commentlist .children {
	margin-left: 40px;
}
.widget_categories .children {
	margin-left: 15px;
}

#post-13 .alignleft {
	float: left;
	margin-right: 20px;
}

.navbar-toggler {
	background: rgba(255, 255, 255, .5);
	margin-right: 0;
	border-radius: 2px;
	font-size: 1rem;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#commentform input[type='text'] {
	width: 50%;
}
#commentform textarea {
	width: 100%;
}
#commentform input[type='submit'] {
	float: right;
}

.meta-reply {
	float: right;
}

.my-sign {
	margin-top: 15px;
}
.my-sign img {
	width: initial;
}

#back-to-top {
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 9999;
}
#back-to-top a {
	background: url(images/up-icon.png) no-repeat;
	width: 80px;
	height: 44px;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#back-to-top a:hover {
	transform: rotate(-7deg);
}

/*Xiaomi Redmi K30 5G*/
@media (min-width: 393px) {
    .slick-dots li {
        margin: 0 5px;
    }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.archive .picture-author, .single-tac-gia .picture-author, .search-results .picture-author {
        display: inline!important;
    }
    footer .inner {
        flex-direction: row;
        justify-content: space-between;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.group .mobile-break > [class*='col'] {
		margin-bottom: 0;
	}
	.group .other .col-6:last-child {
        display: initial;
    }
    .lastest-post .intro {
        margin: -12px 0 8px;
        line-height: 20px;
    }
    .tac-gia .entry-header, .tac-gia .entry-content {
    	padding-left: 0;
    }
    .slick-prev {
    	left: -15px !important;
    }
    .slick-next {
    	right: -15px !important;
    }
    footer .inner {
        margin-bottom: 1.2rem;
    }
    footer .inner .info {
        flex-direction: row;
    }
    footer .copyright {
        margin-top: 0;
        margin-left: .5rem;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .top {
	    background: #fff url(images/header.jpg) no-repeat center bottom;
	}
    .mobile-break > [class*='col'], .group .mobile-break > [class*='col']:last-child {
		margin-bottom: 0;
	}
	.group .mobile-break > [class*='col'] {
		margin-bottom: 1rem;
	}
	.lastest-post .intro {
        margin: -15px 0 2px;
        line-height: 24px;
    }
	aside {margin-top: 0;}
	.navbar-form {
		margin-top: 3px;
    	margin-bottom: 3px;
	}
	.slick-prev {
    	left: -12px !important;
    }
    .slick-next {
    	right: -12px !important;
    }
	footer {
	    font-size: 1rem;
	}
	footer .inner {
        margin-bottom: .75rem;
    }
	footer .logo img {
        width: 45px;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .group .mobile-break > [class*='col'] {
		margin-bottom: 0;
	}
    .group .other .col-6:last-child {
        display: none;
    }
    .slick-prev {
    	left: -17px !important;
    }
    .slick-next {
    	right: -17px !important;
    }
}

@media (min-width: 1360px) {
	.container {
		max-width: 1300px;
	}
	.lastest-post .intro {
        margin: -10px 0 28px;
    }
}
@media (min-width: 1400px) {
    .slider .slick-prev {
    	left: -40px !important;
    }
    .slider .slick-next {
    	right: -40px !important;
    }
}
@media (min-width: 1600px) {
	.container {
		max-width: 1540px;
	}
	.slider .slick-prev {
    	left: -25px !important;
    }
    .slider .slick-next {
    	right: -25px !important;
    }
}
@media (min-width: 1650px) {
	.container {
		max-width: 1540px;
	}
	.slider .slick-prev {
    	left: -40px !important;
    }
    .slider .slick-next {
    	right: -40px !important;
    }
}