/* Reset */
:root{
  --color-p:#000000;
  --color-s:#E46319;
  --color-t:#E3EFCE;
}
html, body{color:#000000;}

/* Color */
.color-black, .h-color-black:hover{color:#000000!important;}
.color-white, .h-color-white:hover{color:#ffffff!important;}
.color-dark, .h-color-dark:hover{color:#191919!important;}
.color-gray, .h-color-gray:hover{color:#777777!important;}
.color-gray-02, .h-color-gray-02:hover{color:#777777!important;}
.color-fgray, .h-color-fgray:hover{color:#e4e4e4!important;}
.color-p, .h-color-p:hover{color:var(--p-color)!important;}
.color-s, .h-color-s:hover{color:var(--s-color)!important;}
.color-info, .h-color-info:hover{color:#5a8dee!important;}
.color-success, .h-color-success:hover{color:#4ecc48!important;}
.color-warning, .h-color-warning:hover{color:#ecb403!important;}
.color-danger, .h-color-danger:hover{color:#f5334f!important;}
.color-01, .h-color-01:hover{color:#ffffffB8!important;}
.color-02, .h-color-02:hover{color:#43B9B2!important;}


.bg-black{background:#000000!important;}
.bg-white{background:#ffffff!important;}
.bg-dark{background:#191919!important;}
.bg-gray{background:#777777!important;}
.bg-fgray{background:#e4e4e4!important;}
.bg-p{background:var(--p-color)!important;}
.bg-s{background:var(--s-color)!important;}
.bg-info{background:#5a8dee!important;}
.bg-success{background:#4ecc48!important;}
.bg-warning{background:#ecb403!important;}
.bg-danger{background:#f5334f!important;}
.bg-02{background:#D3F2FF!important;}
.bg-03{background:#E3EFCE;}
.bg-gradiant-01{background:linear-gradient(90deg, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 0.714286) 25%, #E3E3E3 49%, rgba(227, 227, 227, 0.784314) 73.5%, rgba(227, 227, 227, 0) 100%)}
.bg-gradiant-02{background:linear-gradient(138deg,rgba(247, 247, 247, 1) 0%, rgba(241, 236, 240, 1) 52%, rgba(239, 235, 240, 1) 100%);}

.bcolor-black{border-color:#000000!important;}
.bcolor-white{border-color:#ffffff!important;}
.bcolor-dark{border-color:#191919!important;}
.bcolor-gray{border-color:#777777!important;}
.bcolor-fgray{border-color:#e4e4e4!important;}
.bcolor-p{border-color:var(--p-color)!important;}
.bcolor-s{border-color:var(--s-color)!important;}
.bcolor-info{border-color:#5a8dee!important;}
.bcolor-success{border-color:#4ecc48!important;}
.bcolor-warning{border-color:#ecb403!important;}
.bcolor-danger{border-color:#f5334f!important;}


.btn.btn-p, .btn.btn-p:focus{color:#ffffff; background:var(--color-p); border-color:var(--color-p);}
.btn.btn-p:hover, .btn.btn-p:active{background-color:var(--color-s); border-color:var(--color-s); color:#ffffff;}


.btn.btn-inverse, .btn.btn-inverse:focus{color:var(--color-p); background:#ffffff; border-color:#ffffff;}
.btn.btn-inverse:hover, .btn.btn-inverse:active{background-color:var(--color-s); border-color:var(--color-s); color:#ffffff;}


/* Content List 01 */
.content-lists-01 .content-list-item .icon{background-color:#f5f5f5; color:#2EBB77;}
.content-lists-01 .content-list-item .icon::before{background-color:#2EBB771A;}


.content-01 .content-box .socials.style-02 .social-wrapper .social{
  border-color:#cdcdcd; color:#666666;
}
.content-01 .socials.style-02 .social.fb:hover{background:#1b4f9b; border-color:#1b4f9b; color:#ffffff;}
.content-01 .socials.style-02 .social.tt:hover{background:#00adef; border-color:#00adef; color:#ffffff;}
.content-01 .socials.style-02 .social.pr:hover{background:#ee3e52; border-color:#ee3e52; color:#ffffff;}
.content-01 .socials.style-02 .social.ig:hover{background:#cc0001; border-color:#cc0001; color:#ffffff;}
.content-01 .socials.style-02 .social.yt:hover{background:#cd201f; border-color:#cd201f; color:#ffffff;}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
    color:#000000!important; background:#f8f8f8;; border-color:#eaeaea!important;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus,
input[type=tel]:focus, input[type=number]:focus, input[type=phone]:focus, input[type=submit]:focus,
input[type=file]:focus, select:focus, textarea:focus{border-color:var(--color-s)!important;}

input[type=text].fgray, input[type=email].fgray, input[type=password].fgray, input[type=date].fgray,
input[type=tel].fgray, input[type=number].fgray, input[type=phone].fgray, input[type=submit].fgray,
input[type=file].fgray, select.fgray, textarea.fgray,
.form-group .upload-wrapper.fgray::before{background:#f8f9fa!important;}
input[type=text].sgray, input[type=email].sgray, input[type=password].sgray, input[type=date].sgray,
input[type=tel].sgray, input[type=number].sgray, input[type=phone].sgray, input[type=submit].sgray,
input[type=file].sgray, select.sgray, textarea.sgray,
.form-group .upload-wrapper.sgray::before{background:#e1e1e1!important;}
input[type="search"]::placeholder{color:#000000;}
input[type="email"][disabled],
input[type="text"][disabled]{background:#eeeeee!important; color:#737373!important}


input.input-empty{border-color:#FF2B2B!important;}

.input-tooltip .tooltips:before,
.input-tooltip > .wrapper .tooltip-icon + .tooltip-dropdown{background:#fff8f8; border-color:#dddddd;}
.input-tooltip > .wrapper .tooltip-dropdown .title{color:#a4a4a4;}
.input-tooltip > .wrapper .tooltip-icon{color:#A4A4A4;}


/* Paginate */
.paginate .page:hover, .paginate .page.active{color:#ffffff; background:var(--color-p);}
.paginate .page{color:#000000;}
.paginate .arrow.arrow-prev, .paginate .arrow.arrow-next{color:#9D9D9D;}
.paginate .page{border-color:var(--color-p);}
.paginate .page.style-02{background:#eeeeee;}
.paginate .page.style-02:hover, .paginate .page.style-02.active{background:var(--color-p);}


/* Popup Container */
.popup-container{background:rgba(0, 0, 0, .85);}
.popup-container.promotion{background:rgba(0, 0, 0, .25);}
.popup-container .wrapper{background:#ffffff;}
.popup-container .wrapper .header{border-color:#eeeeee;}
.popup-container .wrapper .footer{border-color:#eeeeee;}
.popup-container .wrapper .header .close-btn svg{fill:#ffcfdc;}


/* Special Card 04 */
.ss-card-04 .img-container .post-number{background-color:var(--color-p); color:#ffffff;}


.tab-container .tabs.tabs-01 > .tab{
  border-color:var(--p-color); color:var(--p-color);
}
.tab-container .tabs.tabs-01 > .tab:hover,
.tab-container .tabs.tabs-01 > .tab.active{
  border-color:var(--p-color); background:var(--p-color); color:#ffffff;
}


/* Stars */
.stars .star{color:#f3bb2e;}


/* Topnav */
nav.topnav{background:#ffffff;}
nav.topnav .topnav-wrapper > .menu-container .menu{color:#000000;}
nav.topnav .menu-container > .menu.active{color:var(--color-p);}
nav.topnav .menu-container > .menu:hover{color:var(--color-p);}
nav.topnav .sidenav-toggle .hamburger > *{background:var(--color-p);}
nav.topnav .sidenav-toggle:hover > .hamburger > *{background:var(--color-s);}


/* Sidenav */
nav.sidenav{background:#ffffff;}
nav.sidenav + .sidenav-filter{background:rgba(0,0,0,.6);}
/* nav.sidenav .logo-container{border-color:var(--p-color);} */
nav.sidenav .sidenav-toggle .hamburger  *{background:#000000;}
nav.sidenav .sidenav-toggle:hover > .hamburger  *{background:var(--s-color);}
nav.sidenav .menu-container > .menu.active{color:var(--p-color);}
nav.sidenav .menu-container > .menu:hover{color:var(--p-color);}


/* Footer */
nav.footer{border-color:rgba(255,255,255,.4);}
nav.footer .footer-top{background:var(--color-p);}
nav.footer .footer-bottom{background:#111111;}
nav.footer .copyright{background:#111111; border-color:#262525cc;}




