/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@font-face {
  font-family: "FS-PFBeauSansPro";
  src: url("fonts/FS PFBeauSansPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FS-PFBeauSansPro";
  src: url("fonts/FS PFBeauSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FS-PFBeauSansPro";
  src: url("fonts/FS PFBeauSansPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: "FS-PFBeauSansPro"!important;
	font-weight: 700!important;
}
.woocommerce-Price-amount,
.woocommerce-Price-amount * {
  font-family: "FS-PFBeauSansPro", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
	font-size:24px;
}
.footer-cafe .icon-cafe-2 p > i.fab{
  padding: 10px 0 0 10px;
}
.footer-cafe .icon-cafe-2 p > i{
  border: 1px solid rgba(0, 0, 0, 0.06);
  width: 36px;
  height: 36px;
  margin: 2px;
  background-color: rgba(0, 0, 0, 0.06);
}
.footer-cafe .icon-cafe-2 .fab.fa-facebook-f{
  padding-left: 14px;
}
.footer-cafe .icon-cafe-2 .fab.fa-youtube{
  padding-left: 8px;
}
.footer-cafe .icon-cafe-2 p > i:hover{
  background-color: #dd7d53;
  color: #fff;
}
.footer-cafe .icon-cafe-1 p > i{
  padding: 10px;
  color: #dd7d53;
}
.footer-cafe h3{
  font-size: 17px;
  color: #111111;
}
.footer-cafe .icon-cafe-1 p > span, .footer-cafe .icon-cafe-2 p , .footer-cafe .icon-cafe-1 a{
  color: #666;
  font-size: 15px;
}
.footer-cafe .icon-cafe-1 a:hover{
  color: #dd7d53;
}
.footer-cafe .blog-post-inner div.is-divider{
  display: none;
}
.footer-cafe .post-item{
  padding: 0;
}
.footer-cafe .box-text{
  padding: 6px;
}
.footer-cafe .box-text-inner:before{
  content: "\f111";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 7px;
  padding-top: 4px;
  padding-left: 10px;
  color: #dd7d53;
}
.footer-cafe h5.post-title.is-large{
  color: #666;
  font-size: 15px;
  padding-left: 25px;
  font-weight: normal;
}
#crumbs li {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: 15px;
    padding: 0 5px;
}

ul#crumbs {
    text-align: center;
    padding-bottom: 90px;
}

#crumbs a {
    color: #fff;
    transition: 0.2s;
    font-size: 15px;
    padding: 0 5px;
}

#crumbs a:hover {
    color: #F27C66;
    transition: 0.2s;
}

#crumbs span {
    color: #fff;
    font-size: 15px;
    padding: 0;
}

.z-entry-title{
    text-align: center;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 90px;
    font-family: prompt-b;
}

.z-entry-title a {
    color: #fff;
    transition: 0.2s;
}

.z-entry-title a:hover {
    color: #02CDB3;
    transition: 0.2s;
}

.z-entry-title-2 {
    text-align: center;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 90px;
}

.z-entry-title-2 a {
    color: #fff;
    transition: 0.2s;
}

.z-entry-title-2 a:hover {
    color: #F27C66;
    transition: 0.2s;
}

#header .duong_dan_breadcrumb {
    position: relative;
    background-position: center center;
    background: url(/wp-content/uploads/2022/09/1ae4d8de141cd32d63c6c0e2a5d199e30b9edd07.jpg) center;
    text-align: center;
    background-size: cover;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    color: #fff;
    background-color: rgb(2 2 2 / 20%);
    background-blend-mode: overlay;
    width: 100vw;
    background-size: 100% auto;
    height: 31.25vw;
}
.home.page-template .duong_dan_breadcrumb{
  display: none;
}

.footer-cafe:before{
  content: "";
  position: absolute;
  background-color: #ddd;
  height: 1px;
  width: 100%;
  top: -15px;
}
.absolute-footer{

  border-top: 1px solid #ddd;
}
.footer-bottom{
  color: #666;
}
.footer-cafe .box .box-image{
  display: none;
}
.quick-view i{
    font-size: 25px;
    color: #994d00;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px 11.57px;
    background-color: #fff;
}
.quick-view{
  background: none!important;
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    left: 0;
    position: absolute;
    top: 90px;
    opacity: 1;
    cursor: pointer;
}
.contact .icon-cafe strong{
  padding-left: 50px;
}
.contact .icon-cafe i{
  border: 1px solid #ddd;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding: 20px;
  color: #dd7d53;
  font-size: 25px;
}
.contact .icon-cafe p{
  padding-left: 115px;
  margin-top: -25px;
}

.entry-image-float .badge.absolute.top.post-date.badge-outline {
    display: none;
}

.entry-image-float img.attachment-large.size-large.wp-post-image {
    width: 100%;
    transition: transform 3s;
    -webkt-transition: transform 3s;
    -moz-transition: transform 3s;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border: 1px solid #cfcfcf;
    padding: 3px;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    height: 150px;
}

.entry-image-float {
    max-width:  30%;
    margin: 0;
    /* border: 1px solid #cfcfcf; */
    /* padding: 3px; */
    /* border-top-left-radius: 10px; */
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    /* -webkit-border-top-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    /* -webkit-border-bottom-right-radius: 10px; */
}

#post-list .entry-content {
    max-width: 66%;
    float:  right;
    padding-bottom:  0;
}

#post-list footer.entry-meta.clearfix {
    display:  none;
}

#post-list .entry-content .text-center {
    display:  none;
}

#post-list a:hover img.attachment-large.size-large.wp-post-image {
    transform: scale(1.2, 1.2);
}

#post-list .entry-content span.posted-on {
    display:  block;
    font-size:  13px;
    color:  #000;
    padding-bottom:  5px;
    padding-top:  5px;
}

#post-list .entry-content span.posted-on:before {
    content: "\f017";
    font-family:  FontAwesome;
    padding-right:  5px;
    font-size:  13px;
}

#post-list .entry-content span.posted-on a {
    color:  #000;
}

#post-list .entry-content span.byline:before {
    content: "\f007";
    font-family:  FontAwesome;
    padding-right: 2px;
    padding-left: 1px;
    font-size:  13px;
    color:  #000;
}

#post-list .entry-content span.byline a {
    color:  #000;
    font-size:  13px;
    text-transform: none;
}

#post-list .entry-content p {
    font-size:  14px;
    color:  #000;
}

.entry-header .entry-image.relative {
    display:  none;
}

.entry-header .entry-header-text.entry-header-text-top.text-center {
    padding:  0;
    text-align:  left;
}

.entry-header h6.entry-category.is-xsmall {
    max-width: 100%;
    width:  auto;
    margin:  0;
    display:  inline-block;
    opacity: 1;
    transition: all 0.3s ease;
}

.entry-header .entry-meta.uppercase.is-xsmall {
    max-width: 100%;
    margin:  0;
    display:  inline-block;
    width:  auto;
}

.entry-header h6.entry-category.is-xsmall:before {
    content:  '\f115';
    font-family:  FontAwesome;
    color:  #000;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on:before {
    content: '\f017';
    color:  #000;
    font-family:  FontAwesome;
    padding-right: 3px;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.byline:before {
    content:  '\f007';
    font-family:  FontAwesome;
    color:  #000;
    transition: all 0.3s ease;
}

.entry-header .entry-meta a {
    color:  #000;
    text-transform:  none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on {
    padding-right:  20px;
}

.entry-header .entry-meta span.byline {
    padding-right:  20px;

}

.entry-header h6.entry-category.is-xsmall a {
    color:  #000;
    font-weight: normal;
    text-transform:  none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on:hover:before, .entry-header .entry-meta span.posted-on:hover a, .entry-header .entry-meta span.byline:hover:before, .entry-header .entry-meta span.byline:hover a, .entry-header h6.entry-category.is-xsmall:hover:before, .entry-header h6.entry-category.is-xsmall:hover a {
    color:  #f27c66;
}

header.archive-page-header {
    display: none;
}

ul.header-nav.header-nav-main.nav.nav-left.nav-size-medium.nav-spacing-medium.nav-uppercase {
    justify-content:  center;
}

.menu-item a.nav-top-link {
    font-family: 'prompt';
    color: rgba(0, 0, 0, 0.85);
    padding: 14px 18px;
    margin-bottom: -2px;
    z-index: 999;
    background: none;
    text-transform: uppercase;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    border-bottom: 2px solid transparent;
    line-height: 19.5px;
    position: relative;
}


.menu-item {
    margin: 0 !important;
}

/*.menu-item:not(:first-child) a.nav-top-link:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -2px;
}*/

.entry-header h1.entry-title {
    font-family: prompt-bs;
}

.cafe-shop h2 {
    font-family: prompt-bs;
}

.cafe-shop {
    border-bottom:  1px solid #ddd;
}

.cafe-product h3 {
    font-family: prompt-bs;
}
li.tab.has-icon a {
    font-family: prompt;
}

.news .is-divider {
    display:  none;
}

.news h5.post-title.is-large {
    font-family:  prompt;
    font-size:  20px;
}

.news .post-meta.is-small.op-8 {
    font-size:  13px;
}

.news button.button.is-outline.is-small.mb-0:hover {
    background-color:  #352000;
    border-color:  #352000;
    border-radius: 20px;
}

.news button.button.is-outline.is-small.mb-0 {
    transition:  ease all 0.3s;
    font-weight:  normal;
    border-width:  1px;
}

label.label-dk {
    position: absolute;
    top: 10px;
    left: 15px;
    cursor: text;
    font-weight: 400;
    transition: all .25s ease;
    width:auto;
    pointer-events: none;
}

input#form-dk {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 15px 10px 5px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 0;
    margin-bottom: 30px;
}

#form-dk:focus+.label-dk {
    top: -10px;
    font-size: 10px;
    font-weight: 700;
}

#form-dk:focus{
    max-width: 100%;
}

.hoten-lh {
    padding-left: 80px !important;
    transition: 0.3s !important;
}

.hoten-lh:focus, .tieude-lh:focus, .email-lh:focus, .noidung-lh:focus {
    padding-left:  10px !important;
}

.tieude-lh {
    padding-left: 85px !important;
    transition: 0.3s !important;
}

.email-lh {
    padding-left: 75px !important;
    transition: 0.3s !important;
}

.noidung-lh {
    padding-left: 95px !important;
    transition: 0.3s !important;
}

input#bt-dk {
    color:  #352000;
    border-color:  #352000;
    background: none;
    border-radius:  10px;
}

input#bt-dk:hover {
    box-shadow:  none;
    background-color:  #352000;
    color:  #fff;
}

p.icon-fas i {
    height: 65px;
    width: 65px;
    line-height: 65px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    color: #dd7d53;
    font-size: 24px;
    transition: all 0.4s ease;
}

p.icon-fas i:hover {
    border-color:  #dd7d53;
    background-color:  #dd7d53;
    color:  #fff;
}

.post-sidebar input#s {
    border: 1px solid #e2e2e2;
    box-shadow:  none;
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
    transition:  border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color:  #555;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    color: #fff;
    border:  1px solid;
    background-color:  #dd7d53;
    border-color:  #dd7d53;
    border-bottom-right-radius:  5px;
    border-top-right-radius:  5px;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover {
    box-shadow:  none;
}

.post-sidebar input#s:focus {
    border-color:  #dd7d53;
}

.post-sidebar span.widget-title {
    font-size: 20px;
    font-weight: normal;
    color: #000;
    padding-bottom: 12px;
    margin-bottom: 10px;
    text-transform: none;
    display: block;
    font-family: prompt-b;
}

.post-sidebar .is-divider.small {
    display:  none;
}

.post-sidebar ul {}

.post-sidebar aside {
    margin: 0 0 40px 0;
}

.post-sidebar ul li a {
    font-size:  14px;
    color: #6d6d6d;
    transition:  all ease-in-out 0.2s;
}

.post-sidebar ul li a:hover {
    color:  #000;
}

.post-sidebar a.tag-cloud-link {
    font-size: 13px !important;
    padding: 6px 8px;
    line-height: 34px;
    background-color: #f1f3f4;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.post-sidebar a.tag-cloud-link:hover {
    background-color:  #dd7d53;
    color:  #fff;
    text-decoration: none;
}
























@font-face {
font-family: prompt;
src: url(/wp-content/themes/flatsome-child/fonts/Prompt-Light.ttf);
font-weight: normal;
}

@font-face {
font-family: prompt-b;
src: url(/wp-content/themes/flatsome-child/fonts/Prompt-SemiBold.ttf);
font-weight: normal;
}

@font-face {
font-family: prompt-bs;
src: url(/wp-content/themes/flatsome-child/fonts/Prompt-Bold.ttf);
font-weight: normal;
}














@media only screen and (max-width: 768px) {
.entry-image-float{
    float: left;
}

#post-list .entry-content{
    padding-top: 0;
}

}

@media only screen and (max-width: 414px) {
.z-entry-title{
    padding-top: 30px;
}
ul#crumbs{
    padding-bottom: 30px;
}
}
#crumbs{display:none}