/*
	Theme Name: Ufaeasy;
	Theme URI: https://unknown.com;
	Author: unknown;
	Author URI: https://facebook.com;
	Description: This is ufaeasy;
	Version: 1.0;
*/

@font-face {
    font-family: SukhumvitSet-Medium;
    src: url(assets/fonts/SukhumvitSet-Medium.ttf);
}

@media screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: SukhumvitSet-Medium;
}

body {
    color: white !important;
    font-family: SukhumvitSet-Medium !important;
    font-weight: normal;
    font-size: 15px !important;
    padding: 0px;
    margin: 0px;
    background-size: cover;
}
#text {
	display:none
}
ul.menu-main {
    padding: 0px;
}

.text-center {
    text-align: center !important;
}

.navbar span {
    font-size: 17px;
}

.navbar {
background: linear-gradient(0deg, rgba(0,0,0,1) 15%, rgba(3,49,249,1) 100%);
  /*  background-image: url(../img/banner3.png);*/
    text-shadow: 0 0 5px rgb(88, 89, 91);
    font-weight: bold;

}

.navbar li {
    list-style: none;
    float: left;
    padding-left: 35px;
}

.navbar a {
    color: #ffffff;
   /* font-style: italic;*/
    text-decoration: none;
}

.footer-text-detail {
    color: white;
    font-style: italic;
}

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.textlower {
    background: linear-gradient(to bottom, rgb(255, 255, 255)90%, rgb(88, 89, 91)10%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: SukhumvitSet-Medium;
    font-weight: bold;
}

.textupper {
    background-color: rgb(0, 195, 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: SukhumvitSet-Medium;
    font-weight: bold;
}

.fa-line {
    background-color: rgb(0, 195, 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.material-icons {
    background-color: rgb(0, 195, 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.main_card_login {
    background-color: rgb(64, 0, 1);
    color: black;
    border: 3px;
    border-style: solid;
    border-color: rgb(248, 215, 53);
    box-shadow: 1px 3px 8px rgb(88, 89, 91) !important;
    font-weight: bold;

}

.card_login {
    background: linear-gradient(to bottom, rgb(255, 255, 255)70%, rgb(88, 89, 91));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 30px;
}

.loginufaeasy {
    font-size: 30px;
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}

.btnregis {
    background-color: rgb(26, 26, 26) !important;
    font-style: italic;
    box-shadow: 1px 3px 8px rgb(88, 89, 91);
	
}

.btnlogin {
    background-image: linear-gradient(to right, rgb(215, 22, 22), rgb(130, 9, 9));
    font-weight: bolder;
    font-style: italic;
    box-shadow: 1px 3px 8px rgb(88, 89, 91);
    color: #fbe003;

}

.text_in_btn {
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    color: #fbe003;
}

.form-control {
    font-style: italic;
    border: 1px;
    border-style: solid;
    font-weight: bold;
}

.form-control2 {
    font-style: italic;
    border: 1px;
    border-style: solid;
    font-weight: bold;
    font-size: 13px
}

.border_row_header {
    border: 2px;
    border-style: solid;
    border-color: rgb(253, 231, 197);
    border-radius: 4px;
}

.slide_right {
    border: 2px;
    border-style: solid;
    border-color: rgb(253, 231, 197);
    border-radius: 6px;
}

.ul_1 {
    font-size: 13px;
}

.Advantage_s {
    border: 1px !important;
    border-style: solid !important;
    border-color: rgb(253, 231, 197) !important;
    border-radius: 6px !important;
    color: black;
}

.mainparagraph {
    font-size: 13px;
    color: rgb(255, 255, 255);
}

.paragraph_header {
    background-image: linear-gradient(to right, rgb(255, 255, 255)30%, rgb(88, 89, 91));
    color: rgb(0, 0, 0);
    font-weight: bold;
    padding: 3px;
}

.footer_option {
    font-size: 15px;
    color: white;
}

.span_side {
    color: white;
}

.bottom-footer {
    background-image: radial-gradient(rgb(197, 154, 12), rgb(196, 19, 19));
    color: black;
    font-size: 15px;
}

.detail_footer {
    color: white;
}


.submain_card_login {
    background-color: rgb(255, 255, 255);
    color: black;
    box-shadow: 1px 1px 8px rgb(88, 89, 91);
    font-weight: bold;
    font-family: SukhumvitSet-Medium;
}

.icon_login {
    color: white;
}

.icon_login2 {
    color: black;
}

.btnregispage1 {
    background-color: rgb(26, 26, 26);
    font-style: italic;
    box-shadow: 1px 1px 8px rgb(88, 89, 91);
    font-weight: bolder;
}

.btnregispage2 {
    background-image: linear-gradient(to right, rgb(253, 231, 197), rgb(159, 133, 100));
    font-style: italic;
    box-shadow: 1px 1px 8px rgb(26, 26, 26);
    font-weight: bolder;
}

.btnloginpage1 {
    background-image: linear-gradient(to right, rgb(253, 231, 197), rgb(159, 133, 100));
    font-weight: bolder;
    font-style: italic;
    box-shadow: 1px 1px 8px rgb(88, 89, 91);
}

.sidebar {
    border: left;
}

.regis_color1 {
    font-size: 30px;
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}

.regis_color2 {
    font-size: 30px;
    color: rgb(57, 207, 3);
    font-style: italic;
}

.topicnews {
    font-size: 45px;
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    font-weight: bold;
}

.topicnews2 {
    font-size: 35px;
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    font-weight: bold;
}

.subnews {
    font-size: 13px;
}

.bordercustom {
    border-bottom: 2px solid rgb(253, 231, 197);
}

.bordercustom2 {
    border-right: 2px solid rgb(253, 231, 197);
}

.content {
    position: absolute;
    top: 65%;
    bottom: 0%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    font-size: 15px;
}

.news_border {
    background-color: rgb(26, 26, 26);
    font-style: italic;
    box-shadow: 1px 1px 8px rgb(88, 89, 91);
    font-weight: bolder;
    font-size: 10px;
}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

.news-box {
    max-height: 100px;
}

.logoheader {
    max-height: 80.61px;
    max-width: 350px;
}

.page-link {
    background: -webkit-linear-gradient(rgb(253, 231, 197), rgb(159, 133, 100));
    color: black;
}

.page-link:hover {
    color: white;
}

.page-item.active .page-link {
    border-color: black;
    background-color: black;
}

.page-item .page-link {
    border-color: black;
    background-color: black;
}

.block-ellipsis a {
    color: #fff;
    font-size: 13px;
}

.fourOfour {
    margin-top: 100px;
    font-size: 100px;
}

.notfound {
    font-size: 100px;
    margin-bottom: 100px;
}