/*

Theme Name: Porto

Theme URI: https://www.portotheme.com/wordpress/porto

Author: P-THEMES

Author URI: https://www.portotheme.com/

Description: Porto Responsive Wordpress Multi Purpose + eCommerce Theme.

Version: 6.12.1

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: woocommerce, business, corporate, e-commerce, blog, news, education, food-and-drink, portfolio, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-styles, custom-background, custom-colors, custom-header, custom-logo, footer-widgets, template-editing, grid-layout, one-column, wide-blocks

Text Domain: porto

*/



/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.bypostauthor { display: block; }

:root {

  --color-1:#ccff00; 

  --color-2: #000080;

  --color-3: #fff;

}

#header .main-menu > li.menu-item:hover > a {
    color: var(--color-2) !important;
}

#header .main-menu > li.menu-item.active > a {
    color: var(--color-2) !important;
}

.text-phone-header p:hover  {
    color: var(--color-2) !important;
} 

.display-none, .vc_custom_1650947683421 {
    display: none;
}

.vc_custom_1640732421815 .vc_column-inner .container {
    max-width: 1460px;
}

.btn-banner .btn-primary {
    background-color: var(--color-2);
}.btn-banner .btn-primary:hover {
    background-color: var(--color-1);
    color: var(--color-2);
}

.btn-datlich .btn-primary {
    color: var(--color-2);
}.btn-datlich .btn-primary:hover {
    color: var(--color-2);
    background-color: var(--color-1);
}

.custom-icon-style-1 .wpb_wrapper::before {
    border: 2px solid var(--color-2) !important;
}

.custom-service-1 .vc_column-inner:hover .icon-about .wpb_wrapper::before {
    background-color: var(--color-1) !important;
}

.custom-service-1 .vc_column-inner svg {
    fill: var(--color-2) !important;
}

.custom-service-1 .title-icon-about:hover a {
    color: var(--color-2) !important;
}

.row-background-about, .vc_custom_1640720800799, .vc_custom_1650632454451 .bg-primary  {
    background-color: var(--color-2) !important;
}

.btn-dv-about:hover a, .vc_custom_1640720800799 .vc_btn3-container:hover a,
.vc_btn3-center .wpb_custom_6687b26f39488ddbb85ddb3c1ce8e111:hover{
    background-color: var(--color-1) !important;
    border-color: var(--color-2) !important;
    color: var(--color-2) !important;
}

.pagination span.current,  .woocommerce-pagination li span.current {
    color: var(--color-2);
    background: var(--color-1);
    border-color: var(--color-2);
}

.woocommerce-pagination li a {
    color: var(--color-2);
    border: 1px solid var(--color-2);
}

.woocommerce-pagination li a:hover {
    color: var(--color-1);
}

h2.vc_custom_heading {
    color: var(--color-2);
}

hr.separator-line {
    background-color: var(--color-1) !important;
}

.wpb_custom_1c48026322403b10bd57e07f0d7d99cd .widget-title,
.wpb_custom_1c48026322403b10bd57e07f0d7d99cd .sidebar-menu-wrap .current-menu-item a  {
    color: var(--color-2) !important;
}

.wpb_custom_1c48026322403b10bd57e07f0d7d99cd .sidebar-menu-wrap .menu-item:hover a {
    color: var(--color-2) !important;
}

.wpb_custom_1c48026322403b10bd57e07f0d7d99cd .current-menu-item::before,
.wpb_custom_1c48026322403b10bd57e07f0d7d99cd .menu-item:hover::before {
    border-top-color: var(--color-1) !important;
}

.footer .footer-middle .porto-separator hr.separator-line {
    background-color: #46474a !important;
}

.dangky-contact-page .wpcf7-form #go {
    background-color: var(--color-2);
}

.form-contact-page .btn-primary {
    background-color: var(--color-2);
} 

.form-contact-page .btn-primary:hover,
.dangky-contact-page .wpcf7-form #go:hover {
    background-color: var(--color-1);
    color: var(--color-2);
    border: 1px solid var(--color-2);
}