/*!
Theme Name: WP Gooweb
Theme URI: https://gooweb.vn
Author: Dev Gooweb
Author URI:
Description: "WP Gooweb" là 1 theme wordpress được phát triển và xây dựng bởi đội ngũ kỹ thuật của Gooweb. Theme được xây dựng dựa trên nền tảng là css boostraps 4 mới nhất. 
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: wp-gooweb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Gooweb is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:900&display=swap&subset=vietnamese');
@media (min-width: 768px) { .hentry.card .card-body { padding: 2.5rem 4rem; }
  .wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: block; } }

div#page {
    width: 1150px;
    margin: 0 auto;
    display: table;
    background-color: #fff;
}
body {
    position: relative;
    background-color: #F7C445;
    background-image: url(https://taoquangsang.vn/wp-content/uploads/2018/10/Untitled-2-33.jpg);
}

/*@font-face {
    font-family: "arial";
    src: url("assets/fonts/ariblk.ttf");
}*/

/*Header*/
.marquee_home {
    background-color: #dbdbdb;
    padding: 5px 0;
}
a.header__logo__link img {
    width: 200px;
}
a.header__logo__mobile img {
    width: 150px;
    padding: 5px;
}
p.slogan {
    font-weight: 700;
}
.header__main__info p,.header__main__info>h2 {
    margin-bottom: 5px;
}
.header__main__info {
    text-align: center;
}
.header__main {
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.chu-noi {
    text-shadow: 2px 1px 0 #fff, 1px 2px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 4px 4px 4px #808080;
}
.header__main__info>h2 {
    color: #000;
    font-weight: 700;
    font-size: 2.3rem;
}
.hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.hotline>span {
    margin-left: 8px;
    font-weight: 700;
    color: #f57500;
    font-size: 1.2rem;
    line-height: 25px;
}
/*Table*/
section.table_price,section.table_price_old,section.info_table {
    padding: 3rem 0;
}
.title_section>h1:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background-color: #f57500;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
}
.title_section>h1 {
    font-size: 26pt;
    font-weight: 900;
    position: relative;
    color: #f57500;
    margin-bottom: 1.5rem;
}
.title_section {
    text-align: center;
    margin-bottom: 2rem;
}

table.tabledang {
    margin: 0px auto;
    
}
table.tabledang {
    border: 2px solid #71BFDD;
    margin: 0px auto;
    border-collapse: collapse;
}

td.tddang {
    border: 2px solid #71bfdd;
	  padding: 3px 7px;
	  font-family: arial;
	  text-align: center;
	  font-weight: bold;
	  font-size: 16px;
	  height: 36px;
	  color: #0000ff;
}
section.info_account {
    padding-top: 1rem;
    padding-bottom: 3rem;
}
.item_account span {
    font-weight: 600;
}
.item_account p {
    margin-bottom: 5px;
}
.item_account h4 {
    font-size: 1.1rem;
    background-color: #f57500;
    padding: 10px 0;
    color: #fff;
}
.item_account {
    text-align: center;
    border: 1.5px solid #f57500;
}


/*Footer*/
footer#footer {
    background-color: #F57500;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 1rem;
    position: relative;
}
footer#footer h3 {
    font-size: 18pt;
    font-weight: 700;
    margin-bottom: 1rem;
}
.info_footer>ul>li {
    margin-bottom: 5px;
    font-size: 13pt;
}
.social_footer ul li a {
    display: inline-flex;
    background-color: #fff;
    padding: 4px 10px;
    margin-right: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 14pt;
    transition: all .3s;
    color: #000;
}
.social_footer ul li a:hover {
	color: #f57500;
}
.social_footer ul li {
	display: inline-block;
}
.info_footer ul {
    list-style: none;
    padding: 0;
}
.menu_footer ul li {
    margin-bottom: 4px;
}
.menu_footer ul li a:before {
    font-family: fontawesome;
    content: '\f105';
    margin-right: 8px;
}
.menu_footer ul li a {
    color: #fff;
    position: relative;
    font-size: 15px;
    transition: all .3s;
}
.menu_footer ul {
    list-style: none;
    padding: 0;
}
.maps_footer iframe {
    width: 90%;
    height: 130px;
}
.copyright p {
    margin-bottom: 0;
    text-align: center;
    padding: 5px 0;
}
footer#footer img {
    width: 185px;
    height: 350px;
    box-shadow: 1px 2px 6px #3333;
}

/*Single*/
h1.title__post {
    text-align: center;
    font-weight: 700;
    margin-bottom: 2rem;
}
.single__content {
    min-height: 10rem;
}
.menu_footer ul li a:hover {
    color: #000;
    padding-left: 5px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px) {
.dk-spin {
    width: 220px !important;
    height: 220px !important;
}
.dk-spinHotline {
    background-size: 60px 70px !important;
}
.zalo__chat {
    left: 4% !important;
}
.zalo__chat>a>img {
    width: 130px;
}
.img_banner {
    display: none;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.dk-spin {
    width: 200px !important;
    height: 200px !important;
}
.zalo__chat {
    left: 4% !important;
}
.zalo__chat>a>img {
    width: 110px;
}	
.dk-spinHotline {
    background-size: 50px 60px !important;
}
.img_banner {
    display: none;
}
}		


.anchor_div ul {
    column-count: 3;
    padding-left: 0;
    list-style: none;
    text-align: justify;
}

html {
  scroll-behavior: smooth;
}