/*
Theme Name: ManhPhuc Child
Description: Dich vu thiet ke website - Ho tro khach hang tot nhat Viet Nam
Author: Nguyen Manh Phuc
Template: manhphuc
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}
/* Fonts */
@font-face {
    font-family: 'manhphucbold';
    src: url('../manhphuc/assets/fonts/manhphuc/manhphucbold.eot');
    src: local('manhphucbold'), 
    url('../manhphuc/assets/fonts/manhphuc/manhphucbold.woff') format('woff'), 
    url('../manhphuc/assets/fonts/manhphuc/manhphucbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'manhphuc';
    src: url('../manhphuc/assets/fonts/manhphuc/manhphuc.eot');
    src: local('manhphuc'), 
    url('../manhphuc/assets/fonts/manhphuc/manhphuc.woff') format('woff'), 
    url('../manhphuc/assets/fonts/manhphuc/manhphuc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* latin-ext */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: local('Berkshire Swash Regular'), local('BerkshireSwash-Regular'), url(http://fonts.gstatic.com/s/berkshireswash/v6/ptRRTi-cavZOGqCvnNJDl5m5XmN_pM4zXX4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: local('Berkshire Swash Regular'), local('BerkshireSwash-Regular'), url(http://fonts.gstatic.com/s/berkshireswash/v6/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4z.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300italic,300&subset=latin,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700);
body {color: #777 !important;font-family: "Roboto",Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "manhphucbold", sans-serif !important;}
a {font-family: "Roboto",Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif !important;}

/*************** BODY CSS HERE  ***************/

.header:not(.transparent) .header-nav.nav > li > a:hover, .header:not(.transparent) .header-nav.nav > li.active > a, .header:not(.transparent) .header-nav.nav > li.current > a, .header:not(.transparent) .header-nav.nav > li > a.active, .header:not(.transparent) .header-nav.nav > li > a.current {
    color: #F3E385;
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #C6C6C6;
    font-family: Roboto;
    font-weight: 350;
    font-size: 15px;
}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    background-color: #F3E385;
}
.nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
    border: 1px solid #F3E385;
}
.primary.is-outline:hover {
    color: black;
    text-transform: none;
}
.nav-dark .header-button .is-outline:not(:hover) {
    color: #C6C6C6;
    border: 1px solid #C6C6C6;
    text-transform: none;
}
/*GIOI THIEU*/
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button {
    background-color: #000000;
}
/*WIDHT*/
.full-width .ubermenu-nav, .container, .row{max-width: 1170px;}.row.row-collapse{max-width: 1140px;}.row.row-small{max-width: 1162.5px;}.row.row-large{max-width: 1200px;}

/*FONT*/
.alt-font {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -2px;
    font-family: "Berkshire Swash", sans-serif !important;
}
/*FORM*/
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.09);
    color: #FFF;
}
input[type='submit']:not(.is-form) {
    color: black;
    border-radius: 5px;
}
ul li.bullet-arrow {
    border-bottom: 1px solid #3a3a3a;
}
.col-hihiweb .wpcf7 {
    color: #7f6767 !important;
}
.nav-tabs > li > a {
    text-transform: unset;
}
.nav-tabs > li.active > a {
    border-top-color: #F3E385;
}