/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* font converted using font-converter.net. thank you! */


#menu-menu-danh-muc-san-pham > li a {
    padding: 10px 15px !important;
    text-transform: none !important;
}

.nav-dropdown-default .nav-column li>a:before, .nav-dropdown.nav-dropdown-default>li>a:before {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-right: 10px !important;
}

.switcher .option {
    position: absolute!important;
}

.s2 .a div h3, .qh_at div h3 {
	border-radius: 0 !important
}

.call-home span {
	    background: #df0000;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 30px;
    animation: pulse 1s infinite linear;
    -webkit-animation: pulse 1s infinite linear;
    -moz-animation: pulse 1s infinite linear;
}
@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
.call-home span a {
	font-size: 18px;
  line-height: 22px;
  color: #fff;
}

.float-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
}

.btn-zalo {
    background: #0091e5;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
    font-weight: normal;
    text-transform: none;
}

.btn-zalo span, .btn-phone span {
    font-size: 15px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}

.float-contact .btn-phone {
    background: #e21818!important;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
    font-weight: normal;
    text-transform: none;
}

.fixed_group_right-phone i {
	float: left;
    color: #fff;
    font-size: 35px;
}

.s8 .post-item, .s8 .small-12 {
	padding-bottom: 0 !important
}

.breadcrumbs {
    font-size: 14px;
}

.product-info p.stock {
    display: none;
}

.r-summary {
    height: 400px;
}

#ftwp-postcontent a {
	    color: #ff5200;
}

#ftwp-postcontent h2, .term-description h2 {
    font-size: 22px;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    width: 100%;
    border-left: 7px solid #d17f00;
    background: #447fc1;
    padding: 8px 8px 10px 8px;
    margin-bottom: 12px;
    border-radius: 3px;
    font-size: 20px !important;
}

#ftwp-postcontent h3, .term-description h3  {
	color: #2f5d91;
}

#ftwp-postcontent h4, .term-description h4 {
	color: #0027b7;
}

.top-post, .top-blog-author {
	    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.top-post {
    margin-bottom: 15px;
}

.top-blog-author img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50%;
}

.single-post .last-modified, .top-blog-author p {
    margin-bottom: 0;
}

.author h1 {
    text-align: left;
    border-bottom: 1px solid #04a850;
    padding-bottom: 10px;
    margin-bottom: 40px !important;
    color: #ec3724;
    font-size: 22px;
    line-height: 30px;
}

.info-author {
    text-align: left;
}

.author-name {
    padding: 0 !important;
}

.author-desc {
    margin: 0 !important;
}

#wide-nav>.flex-row>.flex-left {
	 width: 100%;
}

#wide-nav .nav > li> a {
    padding: 0 10px;
}

h1.shop-page-title {
    color: #447fc1 !important;
}


@media screen and (max-width: 1145px) {
.top-post {
    display: block;
}
  
      #logo {
    
        justify-content: center;
    }
  
  #logo a img {
  	padding: 5px 0 !important
  }
  
.top-blog-author {
   margin-bottom: 5px;
    justify-content: start;
}


.author-box .flex-row {
    display: block !important;
}

.blog-author-image, .author-name {
    text-align: center;
}
}