/*
    Theme Name: ProTheme
    Description: This is a child theme
    Author: ProTheme
    Template: flatsome
    Version: dev
*/
/*GAMES*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.phnContent .accordion-inner {background: #fff;}
.phnContent a.accordion-title.plain {background: #40508b;}
.phnContent a.plain {color:#fff}
/*.homeGames * {border-radius: 12px;}*/
.phnFooter {border-top: 1px solid rgba(144,162,220,.3058823529411765);}
.xosoBox .col-inner .img:hover {box-shadow: 0 0 10px 0 rgb(201 187 254 / 55%);}
.xosoBox .col-inner .img img {border-radius: 8px;}
.xosoBox .col-inner .img {box-shadow: 0 1px 4px 0 rgb(33 41 70 / 60%);}
.gameBox .col-inner .icon-box .icon-box-img img {padding: 0;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.gameBox .col-inner .icon-box .icon-box-text p {margin-top: 6px;font-size: 13px;color: hsla(0, 0%, 100%, .6);text-align: center;font-weight: 400;}
.gameBox .col-inner .icon-box .icon-box-text h3 {color: #fff;height: 26px;font-size: 24px;font-weight: 700;padding-top: 5px;}
.gameBox .col-inner .icon-box .icon-box-text {height: 81px;background: #1b233d;border-radius: 0 0 8px 8px;text-align: center;color: #fff;box-shadow: 0 4px 22px 7px rgb(0 0 0 / 47%);display: flex;flex-direction: column;justify-content: center;}
.homeGames .icon-box .icon-box-text .text > div {font-size: .7em;color: #adb7cc;font-weight: 700;display: inline-flex;align-items: center;}
.homeGames .icon-box .icon-box-img {margin-bottom: 0;}
/* GAMES  */
#popup .wpcf7 form .wpcf7-response-output {margin: 0;}
#popup input.dkform {padding: 0 !important;margin: 0 !important;}
#popup form.wpcf7-form {margin-bottom: 0}
div#popup {border-radius: 3px;}
div#popup .wpcf7 {border: 3px dashed #0903;padding: 10px;}
.formsdt form-control.wpcf7-submit.dkform {margin: 5px 0 0 0px;border-radius: 3px;}
span.wpcf7-spinner {display: block;align-items: center;text-align: center;justify-content: center;margin: 0 auto;}
input.wpcf7-form-control.wpcf7-submit.dkform {background-color: rgb(56 185 229);min-width: 38%;border-radius: 3px;}
span.register-form-title {color: rgb(56 185 229);font-size: 20px;line-height: 1em;font-weight: 600;margin-bottom: 20px;display: inline-block;}
a.nhankm_btn-link {text-align: center;width: 85px;text-decoration: none;background-color: #fcaa04;padding: 5px 18px;color: #000000d1;line-height: 30px;height: 30px;font-size: 14px;font-weight: bold;border-radius: 20px;text-transform: uppercase;}
div#nhanquakm > .wpcf7 {border-color: rgb(56 185 229);border-width: 2px 2px 2px 2px;border-style: dashed;padding: 10px;}
.phnContent table * {color: rgb(173, 183, 204);}

/* Title */
.titleSection .col-inner p {margin-top: 5px;margin-bottom: 15px;font-size: 0.8em;}
.titleSection .col-inner {text-align: center;}
.yivic-title {margin: 0;position: relative;}
.yivic-title:before {content: "";display: block;position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 9px;width: 50%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.yivic-title h2,.yivic-title h3 {border-radius: 0;display: block;z-index: 9999;text-align: center;padding: 10px 90px;text-transform: uppercase;font-size: 1em;letter-spacing: 1px;font-weight: bold;position: relative;margin: 0 auto;background: #35416d;overflow: hidden;-webkit-box-shadow: inset 0 3px 0 0 #fff, inset 0 -3px 0 0 #fff;}
.yivic-title h2:before,.yivic-title h3:before {border: 4px solid #fff;content: "";display: block;width: 100px;height: 100px;position: absolute;background: #35416d;z-index: 2;right: -63px;top: 0;bottom: 0;margin: auto 0;-webkit-transform: rotate(45deg) skew(26deg, 26deg);-moz-transform: rotate(45deg) skew(26deg, 26deg);-ms-transform: rotate(45deg) skew(26deg, 26deg);-o-transform: rotate(45deg) skew(26deg, 26deg);transform: rotate(45deg) skew(26deg, 26deg);}
.yivic-title h2 span:before,.yivic-title h3 span:before {color: #fff;content: "\22C6";font-size: 14px;font-family: "icons";position: absolute;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 50px;}
.yivic-title h2 span:after,.yivic-title h3 span:after {color: #fff;content: "\22C6";font-size: 14px;font-family: "icons";position: absolute;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 50px;}
.yivic-title h2:after,.yivic-title h3:after {border: 4px solid #fff;content: "";display: block;width: 100px;height: 100px;position: absolute;background: #35416d;z-index: 99999;top: 0;bottom: 0;margin: auto 0;left: -63px;-webkit-transform: rotate(45deg) skew(26deg, 26deg);-moz-transform: rotate(45deg) skew(26deg, 26deg);-ms-transform: rotate(45deg) skew(26deg, 26deg);-o-transform: rotate(45deg) skew(26deg, 26deg);transform: rotate(45deg) skew(26deg, 26deg);}
.yivic-title:after {content: "";display: block;position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 1px;width: 70%;background: #fff;}
/* End title */

/* MENU */
.sidebar-menu .form-flat input:not([type=submit]) {background-color: rgb(255 255 255);}
.nav-vertical>li>a>img {color: #90a2dc;font-size: 20px;margin-right: 10px !important;}
.nav-vertical>li>a>i {color: #fff;font-size: 20px;margin-right: 10px;}
.header:not(.transparent) .header-bottom-nav.nav > li:hover > a {background: #fff;border-radius: 24px;color: #34248b;}
.header:not(.transparent) .header-bottom-nav.nav > li.active.current-menu-item > a {background: #fff;border-radius: 24px;color: #34248b;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {padding: 8px 12px;font-weight: 500;}
.header:not(.transparent) .header-bottom-nav.nav > li > a i {margin-right: 10px;margin-bottom: -3px;}
.header-bottom {background-color: transparent;background-image: linear-gradient(180deg,#644abf,#34248b);box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);}
li.nav-icon.has-icon i {color: #adb7cc;}
.header-main li.html.custom {display: block;}
.header-top {border-bottom: 1px solid #ffffff14;}
.nav li.has-icon-left>a>i, .nav li.has-icon-left>a>svg, .nav li.has-icon-left>a>img {width: 20px;height: 20px;margin-bottom: -3px;}
/*.header-nav-main.nav > li > a:after {content: "";position: absolute;top: 0;left: -75%;z-index: 2;display: block;width: 50%;height: 100%;background: #151618;-webkit-animation: shine-1e4ba6ac 1.5s infinite;animation: shine-1e4ba6ac 2.5s infinite;mix-blend-mode: color-dodge;}*/
.mfp-content .form-flat input:not([type=submit]) {border-color: rgb(255 255 255 / 9%);}
.nav-sidebar.nav-vertical>li+li {border-top: 1px solid #ececec14;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {color: #adb7cc;font-weight: 700;white-space: nowrap;text-transform: unset;}
.off-canvas-left.mfp-ready .mfp-content {background-image: linear-gradient(180deg,#644abf,#34248b);}
/*.header:not(.transparent) .header-nav-main.nav > li > a i, .off-canvas:not(.off-canvas-center) .nav-vertical li>a i {font-size: 20px;color: #adb7cc;margin-right: 10px;background: linear-gradient(68.69deg,#00a3ff 23.17%,#fffb91 94.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;overflow: hidden;isolation: isolate;height: 20px;}*/
/*.header:not(.transparent) .header-nav-main.nav > li > a {color: #adb7cc;font-weight: 700;white-space: nowrap;}*/
/* END MENU */
@-webkit-keyframes shine-1e4ba6ac { 0% {left: -75%;} to {left: 125%;} }
@keyframes shine-1e4ba6ac { 0% {left: -75%;} to { left: 125%;} }
/* ENTRY CONTENT POST */
h1.entry-title {color: #19a3ff;}
.entry-header-text-top {padding-bottom: 0;}
.entry-content {padding-top: 0;}
.entry-header-text .entry-divider.is-divider.small {background-color: rgb(213 35 41);}
/* END ENTRY CONTENT POST */

/* =========== MARQUEE =========== */
.marquee-news {background-color: #222733;border-radius: 4px;}
/*.marqueeSection .section-content {background-color: #222733;box-shadow: 0 1px 10px rgb(0 0 0 / 50%);}*/
.marquee-wrap:after {background: linear-gradient(35.57deg,#00a3ff 29.98%,#73e6ff 122.48%);border-radius: 0;color: #fff;font-weight: 700;line-height: 30px;padding: 0 10px;position: absolute;right: 0;top: 10px;z-index: 2;}
span.news-title i {margin-right: 5px;font-size: 20px;}
.news-title:after {font-weight: 700;text-transform: uppercase;font-size: 15px;content: none;}
.news-title {color: #37c6ff;font-size: 13px;font-weight: 400;line-height: 30px;text-align: center;width: 35px;}
.news-title {border-top-left-radius: 4px;border-bottom-left-radius: 4px;align-items: center;background-color: #222733;display: flex;height: 49px;justify-content: center;padding: 0;position: absolute;top: 0;width: 50px;}
.news-title {padding: 0 15px;width: auto;}
.visible-area {margin-left: 0;width: 100%;height: 100%;overflow: hidden;position: relative;}
.marquee-wrap {color: #5a5959;cursor: pointer;font-size: 15px;height: 35px;line-height: 35px;margin: auto;position: relative;width: 100%;}
.marquee-wrap {height: 50px;line-height: 50px;}
.marquee-block {border-radius:5px;height: 50px;line-height: 50px;}
.marquee-item:first-child {margin-left: 100px;}
.marquee-item:last-child {margin-right: 0;}
.marquee-item {color: #adb7cc;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;height: 35px;line-height: 35px;padding: 0 20px;font-weight: bold;}
.scrollLeft { animation: scrollLeft linear infinite; }
.marquee-content { position: absolute;white-space: nowrap; }
.marquee-content { padding-left: 50vw; }
@keyframes scrollLeft{ 0% { transform:translate(0) }to { transform:translate(-100%) } }
/* =========== END MARQUEE =========== */

.container.section-title-container {margin-bottom: 0;}
.section-title-normal {border-bottom: none;}
.section-title-normal span {border-bottom: 1px solid #fff;}
.absolute-footer {border-top: 1px solid #ffffff14;}
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {color: #fff;text-decoration: underline;}
.phnFooter { padding-top: 30px!important; }
.pd0 {padding: 0 !important;}
.homeBanner * {border-radius: 6px;}
.phnMenu .ux-menu-link__link {min-height: unset;padding: 0;margin-bottom: 0.3rem;font-weight: bold;color: #adb7cc;white-space: nowrap;font-size: .7em;}
@media only screen and (max-width: 48em) {.yivic-title h2,.yivic-title h3 {font-size: .7em;}
    .marquee-wrap:after {display: none;}
    body .header-main {height: 3.112rem;}
    body .logo-left img {max-height: 33px;display: initial;margin-left: 0;float: left;}
    .topRight-section__button .btn {width: 85px !important;margin-left: 5px !important;font-size: .85em !important;}  }

@media only screen and ( min-width: 48em ) {
    .titleSection .col-inner p {font-size: .9em;}.yivic-title h2,.yivic-title h3 {width: max-content;font-size: 0.8em;}
    /*.news-title {padding-left: 0px !important;}*/
    input[type=search] {height: unset;}
    /*.nav-box>li.active>a, .nav-pills>li.active>a,.nav-box>li:hover>a, .nav-pills>li:hover>a  {background-color: #939bad30;}*/
    /*.header:not(.transparent) .header-nav-main.nav > li > a {padding: 0 .5em;font-size: .55em;}*/
}
@media only screen and ( min-width: 53.063em ) {}
@media only screen and ( min-width: 68em ) {
    /*.header:not(.transparent) .header-nav-main.nav > li > a {padding: 0 .7em;font-size: .76em;}*/
}
@media only screen and ( min-width: 85em ) {  }
@media only screen and ( min-width: 88em ) {  }
@media only screen and ( min-width: 95em ) {  }