/* ค่าเริ่มต้น */
.godsila-logo-text path {
    fill: var(--godsila-black);
    transition: fill .3s ease;
}

/* สำหรับกำหนดค่าสีเอง */
.blue .godsila-logo-text path {
    fill: var(--godsila-blue)
}

.white .godsila-logo-text path {
    fill: var(--godsila-white)
}

/* สำหรับกำหนดพื้นหลัง */
.bg-white .godsila-logo-text path {
    fill: var(--godsila-blue)
}

.bg-blue .godsila-logo-text path {
    fill: var(--godsila-white)
}



/* ค่าเริ่มต้น */
.godsila-logo-img path {
    transition: fill .3s ease;
}

.godsila-logo-img #logo_path1 {
    fill: var(--godsila-red);

}

.godsila-logo-img #logo_path2 {
    fill: var(--godsila-blue);

}

.godsila-logo-img #logo_path3 {
    fill: var(--godsila-blue);

}


/* สำหรับกำหนดพื้นหลัง */

/* bg-white */
.godsila-bg-white .godsila-logo-img #logo_path1 {
    fill: var(--godsila-red);
}

.godsila-bg-white .godsila-logo-img #logo_path2 {
    fill: var(--godsila-blue);
}

.godsila-bg-white .godsila-logo-img #logo_path3 {
    fill: var(--godsila-blue);
}

/* bg-blue */
.godsila-bg-blue .godsila-logo-img #logo_path1 {
    fill: var(--godsila-white);
}

.godsila-bg-blue .godsila-logo-img #logo_path2 {
    fill: var(--godsila-white);
}

.godsila-bg-blue .godsila-logo-img #logo_path3 {
    fill: var(--godsila-white);
}

/* bg-red */
.godsila-bg-red .godsila-logo-img #logo_path1 {
    fill: var(--godsila-white);
}

.godsila-bg-red .godsila-logo-img #logo_path2 {
    fill: var(--godsila-white);
}

.godsila-bg-red .godsila-logo-img #logo_path3 {
    fill: var(--godsila-white);
}

/* navbar control */


#nav-cover.show-menu .godsila-logo-img #logo_path1 {
    fill: var(--godsila-white);
}

#nav-cover.show-menu .godsila-logo-img #logo_path2 {
    fill: var(--godsila-white);
}

#nav-cover.show-menu .godsila-logo-img #logo_path3 {
    fill: var(--godsila-white);
}



/* hamberger icon */
.ham-img path {
    cursor: pointer;
    transition: 0.3s;
}

.ham-img path:hover {
    transform: scale(1.2);
}

.godsila-bg-white .ham-img path {
    fill: var(--godsila-blue);
}

.godsila-bg-blue .ham-img path {
    fill: var(--godsila-white);
}

.godsila-bg-red .ham-img path {
    fill: var(--godsila-white);
}

#nav-cover.show-menu .ham-img path {
    fill: var(--godsila-white);
}