/* Main Color scheme 
/* 
/* Pink */
 .btn.btn-secondary,.progress-bar-danger,.blog-tags a:hover, .social-media i,.label-default,.btn-default:active:hover, .post-slide .post-date,.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav.nav-tabs li:nth-child(even),.breadcrumb,figure.team:hover i, .btn:hover,.btn-default:hover,.back-to-top i , .pager li>a:focus, .pager li>a:hover,a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .pagination>li>a:hover,.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.date-category,.navbar-default .navbar-nav>li>a::after , .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .spinner > div,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .bg-color1,.btn:before,.nav-pills>li>a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover{
     background:#eb134d;
}
 .post-info i, .table>thead>tr>th,.blog-single h2 a:hover, .contact-icon .top-icon, .box-hover i,.post-slide .post-title a:hover, .testimonial .testimonial-title,.team h4,.menu-item-price,.post-slide .post-bar li i, h1,h2,.panel-heading a:hover,.panel-heading a,blockquote:before,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, a:hover,a:focus,.alert:after, .alert:before, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .owl-prev i:hover, .owl-next i:hover,ul.custom li:before,.margin-icon,.brand,.brand i{
     color:#eb134d;
}
 .post-slide .post-review, .testimonial-pic>img, figure.team img,.content-box.home,.section-heading:after,.service-icon img,.contact-icon,.btn:hover,.btn-default:hover{
     border-color:#eb134d;
}
/* orange */
 a, figure.team-style3 i, .nav.nav-tabs > li:focus > a, .btn,.btn-default,.testimonial .content:before {
     color:#eb810a;
}
 .progress-bar-warning,#elements h3.sub-header, .social-media i:hover,.navbar-toggle,.back-to-top i:hover,.navbar-nav>li>.dropdown-menu, .btn.btn-secondary:hover,.btn.btn-secondary:focus, .navbar-default .navbar-nav>li:hover, .btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary.focus, .btn-primary:focus,.btn-default.focus, .btn-default:focus,.btn,.btn-default, .nav.nav-tabs li:nth-child(odd), .pager li>a, .pager li>span,.blog-tags a,.nav-pills>li>a ,.owl-prev i, .owl-next i,.owl-theme .owl-dots .owl-dot span:hover:before , .owl-theme .owl-dots .owl-dot.active span:before{
     background-color:#eb810a ;
}
 h3.title:after, .menu-item-name,.post-slide .post-bar, .btn,.btn-default, .form-control:focus,.btn-primary.focus, .btn-primary:focus{
     border-color:#eb810a;
}
/* light yellow */
 .table-striped>tbody>tr:nth-of-type(odd), .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pagination>li>a, .pagination>li>span, .pagination>li>a:focus, .progress-bar-info, .well,.list-group-item,.dropdown-menu, .alert-info,.contact-info,.panel-heading,.box-hover i.circle,.bg-light, #sidebar{
     background-color: #ffeddd
}
 .gradient-overlay{
     background: -moz-linear-gradient(bottom, rgba(255, 237, 221, 0.65) 0%, rgba(0, 0, 0, 0) 100%)!important;
    /* FF3.6-15 */
     background: -webkit-linear-gradient(bottom, rgba(255, 237, 221, 0.65) 0%, rgba(0, 0, 0, 0) 100%)!important;
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to top, rgb(255, 237, 221) 0%, rgba(0, 0, 0, 0) 100%)!important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
 .gradient-overlay.top-to-bottom{
     background: -moz-linear-gradient(top, rgba(255, 237, 221, 0.85) 0%, rgba(0, 0, 0, 0) 90%)!important;
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255, 237, 221, 0.85) 0%, rgba(0, 0, 0, 0) 90%)!important;
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgb(255, 237, 221) 0%, rgba(0, 0, 0, 0) 90%)!important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Kings 9 Thai Cuisine - black and gold theme */
:root {
     --king-black: #050505;
     --king-charcoal: #101010;
     --king-panel: #17130c;
     --king-gold: #d8ad47;
     --king-gold-bright: #f4d47a;
     --king-gold-soft: #ffe7a8;
     --king-cream: #fff8e8;
     --king-muted: #d6c5a1;
     --king-border: rgba(216, 173, 71, 0.34);
}

body,
#content,
.content-wrapper,
.content-box {
     background: var(--king-black);
     color: var(--king-muted);
}

p,
ul,
ol,
.lead,
.small-text,
.contact-icon-info p,
.footer p {
     color: var(--king-muted);
}

h1,
h2,
h3,
h4,
h5,
h6,
.post-info i,
.table>thead>tr>th,
.blog-single h2 a:hover,
.contact-icon .top-icon,
.box-hover i,
.post-slide .post-title a:hover,
.testimonial .testimonial-title,
.team h4,
.menu-item-price,
.post-slide .post-bar li i,
.panel-heading a:hover,
.panel-heading a,
blockquote:before,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
a:hover,
a:focus,
.alert:after,
.alert:before,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.owl-prev i:hover,
.owl-next i:hover,
ul.custom li:before,
.margin-icon,
.brand,
.brand i {
     color: var(--king-gold-bright);
}

a {
     color: var(--king-gold);
}

#sidebar,
.bg-light,
.tab-content,
.box-hover,
.dropdown-menu,
.well,
.list-group-item,
.contact-info,
.panel-heading {
     background: linear-gradient(180deg, #17130c 0%, #090909 100%);
     color: var(--king-muted);
     border: 1px solid var(--king-border);
}

#sidebar {
     box-shadow: 5px 0 28px rgba(0, 0, 0, 0.48);
}

.navbar-default .navbar-nav>li>a {
     color: var(--king-gold-soft);
}

.navbar-default .navbar-nav>li:hover,
.navbar-default .navbar-nav>li>a::after,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.btn,
.btn-default,
.btn.btn-secondary,
.progress-bar-danger,
.blog-tags a:hover,
.social-media i,
.label-default,
.post-slide .post-date,
.breadcrumb,
figure.team:hover i,
.btn:hover,
.btn-default:hover,
.back-to-top i,
.pager li>a:focus,
.pager li>a:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.pagination>li>a:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.date-category,
.spinner > div,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.bg-color1,
.btn:before,
.nav-pills>li>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li>a:hover,
.progress-bar-warning,
#elements h3.sub-header,
.social-media i:hover,
.navbar-toggle,
.back-to-top i:hover,
.navbar-nav>li>.dropdown-menu,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.focus,
.btn-primary:focus,
.btn-default.focus,
.btn-default:focus,
.nav.nav-tabs li:nth-child(odd),
.pager li>a,
.pager li>span,
.blog-tags a,
.nav-pills>li>a,
.owl-prev i,
.owl-next i,
.owl-theme .owl-dots .owl-dot span:hover:before,
.owl-theme .owl-dots .owl-dot.active span:before {
     background: linear-gradient(135deg, #b78424 0%, #f2d57d 52%, #9a681d 100%);
     background-color: var(--king-gold);
     color: #080808!important;
}

.btn,
.btn-default,
.form-control:focus,
.btn-primary.focus,
.btn-primary:focus,
h3.title:after,
.menu-item-name,
.post-slide .post-bar,
.post-slide .post-review,
.testimonial-pic>img,
figure.team img,
.content-box.home,
.section-heading:after,
.service-icon img,
.contact-icon,
.btn:hover,
.btn-default:hover,
.gallery-thumb {
     border-color: var(--king-gold);
}

.btn,
.btn-primary {
     border: 1px solid rgba(255, 231, 168, 0.62);
     box-shadow: 0 12px 28px rgba(216, 173, 71, 0.22);
}

.btn:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
     background: #080808!important;
     color: var(--king-gold-bright)!important;
}

.header-text h1,
.header-text h2,
.header-text span {
     color: var(--king-gold-bright);
     text-shadow: 0 3px 20px rgba(0, 0, 0, 0.82);
}

.header-p {
     color: var(--king-cream);
     text-shadow: 0 2px 14px rgba(0, 0, 0, 0.84);
}

.ls-bg-wrap:after,
.ls-slide-transition-wrapper:before {
     background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.08) 100%)!important;
}

.inside-page {
     background: radial-gradient(circle at top left, rgba(216, 173, 71, 0.1), transparent 32%), var(--king-black);
}

.inside-wrapper {
     color: var(--king-muted);
}

.img-rounded,
.gallery-thumb {
     border: 1px solid var(--king-border);
     box-shadow: 0 18px 36px rgba(0, 0, 0, 0.44);
}

.gallery-thumb .overlay-mask {
     background: rgba(216, 173, 71, 0.28);
}

.contact-boxes .box-hover,
.box-hover {
     box-shadow: 0 18px 36px rgba(0, 0, 0, 0.38);
}

.box-hover:hover {
     box-shadow: 0 20px 42px rgba(216, 173, 71, 0.2);
}

.footer {
     background: #070707;
     border-top: 1px solid var(--king-border);
}

.gradient-overlay,
.gradient-overlay.top-to-bottom {
     background: linear-gradient(to bottom, rgba(216, 173, 71, 0.24) 0%, rgba(0, 0, 0, 0) 82%)!important;
}

.copy,
.copy a {
     color: rgba(255, 231, 168, 0.78);
}

.divider-top,
.divider-home {
     background: var(--king-black);
}

.divider-top:before,
.divider-top:after {
     background: var(--king-black);
}

.header-text {
     margin-top: 6%;
     width: 56%!important;
}

.header-text h1 {
     font-size: 5.3em;
}

.header-p {
     max-width: 620px;
}

@media (max-width: 1199px) {
     .header-text {
          margin-top: 8%;
          width: 68%!important;
     }

     .header-text h1 {
          font-size: 4.4em;
     }
}
