HEX
Server: Apache/2.4.6 (CentOS) OpenSSL/1.0.1e-fips mod_fcgid/2.3.9 PHP/7.4.33
System: Linux webkhoa.212 3.10.0-1160.59.1.el7.x86_64 #1 SMP Wed Feb 23 16:47:03 UTC 2022 x86_64
User: fect (1004)
PHP: 7.4.33
Disabled: NONE
Upload Files
File: /home/fect/web/fect.ictu.edu.vn/public_html/wp-content/themes/ictu/assets/css/top-bar-menu.css
.top-bar-header--style-01 {
    --tbm-bg-color: #363636;
    --tbm-color: #ffffff;
    --tbm-color-hover: #e94b00;
    --tbm-font-size: 13px;
    --tbm-light-height: 42px;
    --tbm-gutter: 10px;
    display: block;
    background-color: var(--tbm-bg-color, #363636);
}

.top-bar-menu__container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.top-bar-menu__container ul > li {
    display: inline-block;
    padding-right: var(--tbm-gutter, 10px);
}

.top-bar-menu__container ul > li a {
    color: var(--tbm-color, #ffffff);
    font-size: var(--tbm-font-size, 13px);
    display: inline-block;
    line-height: var(--tbm-light-height, 42px);
}

.top-bar-menu__container ul > li a:hover {
    color: var(--tbm-color-hover, #e94b00);
}

.top-bar-menu__container--right {
    text-align: right;
}

.top-bar-menu__container--right ul > li {
    padding-right: 0;
    padding-left: var(--tbm-gutter, 10px);
}

@media (max-width: 767px) {
    .--elm-hide-on-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
}

.header-top__block-mobile-menu {
    display: inline-flex;
    padding-left: 15px;
}

.header-top__block-mobile-menu i {
    font-size: 15px;
    line-height: 1;
    display: inline-block;
    color: #333333;
}

.header-top__block-mobile-menu a {
    display: inline-flex;
    font-size: 0;
    line-height: 0;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, .2);
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
}

.header-top__block-mobile-menu a + a {
    margin-left: 15px;
}

.header-top__logo h2.element--available-on-mobile {
    display: none;
}

@media (min-width: 1200px) {
    .header-top__block-mobile-menu {
        display: none;
    }
}

@media (max-width: 767px) {
    body .ovic-menu-clone-wrap .header-contact-list {
        display: flex !important;
    }

    body .header-top__inner .header-top__right-contact {
        display: none;
    }

    body .header-top__logo > a {
        width: 32px;
    }

    .header-top__logo > a img {
        width: 100%;
        max-width: 100%;
    }

    body .header-top__inner {
        flex-wrap: nowrap;
    }

    .header-top__block-mobile-menu a {
        width: 30px;
        height: 30px;
    }

    .header-top__block-mobile-menu a + a {
        margin-left: 10px;
    }

    .header-top__block-mobile-menu {
        padding-left: 5px;
    }

    body .header-top__logo h2.element--available-on-mobile {
        display: block;
    }

    body .header-top__logo h2.element--available-on-desktop {
        display: none !important;
    }
}

body div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn::before {
    content: "\f00d";
}

body div.ovic-menu-clone-wrap .ovic-menu-current-panel-title {
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 55px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    body #footer {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .posts-gunter-x-15-and-bordered--on-mobile article,
    .article-bordered-on-mobile article {
        border: 1px solid #cdcdcd;
    }

    .widget-container-gunter-x-15 .elementor-widget-container,
    .gallery-gunter-x-15 .e-gallery-container,
    .posts-gunter-x-15-and-bordered--on-mobile .elementor-posts-container,
    .posts-gunter-x-15-and-bordered--on-mobile .ovic-posts-block,
    .posts-container-gunter-x-15 .elementor-posts-container,
    .posts-container-gunter-x-15 .ovic-posts-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .--video-size-16-9-on-mobile {
        position: relative;
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 56.25%;
    }

    .--video-size-16-9-on-mobile .elementor-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        min-height: auto !important;
        height: auto !important;
    }
}

.fit_icon .elementor-icon {
    font-size: 35px;
}

.fit_icon .elementor-flip-box__layer__title {
    font-size: 14px;
    margin-bottom: 0;
}

.fit_icon .elementor-flip-box__layer__overlay {
    padding: 40px 15px;
}

.fit_icon .elementor-flip-box .elementor-icon-wrapper {
    margin-bottom: 15px;
}

.fit_icon .elementor-flip-box {
    height: auto !important;
}

.fit_icon .elementor-flip-box .elementor-flip-box__front {
    position: relative;
}

.fit_icon .elementor-flip-box .elementor-flip-box__back {
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .fit_icon .elementor-row .elementor-column {
        width: 33.3333333%;
    }
}

@media (max-width: 767px) {
    .fit_icon .elementor-row .elementor-column {
        width: 50%;
    }

    body .fit_icon .elementor-column > .elementor-element-populated {
        padding: 10px !important;
    }
}

.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}

.wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
    margin: 0;
}

.wpcf7-form label {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.wpcf7-form .wpcf7-form-control-wrap textarea,
.wpcf7-form .wpcf7-form-control-wrap input {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    line-height: 1.5;
}

.wpcf7-form .wpcf7-submit {
    background-color: var(--main-color);
    min-width: 130px;
}

.wpcf7-form .--form-control-width-50 {
    width: calc(50% - 5px)
}

@media (max-width: 767px) {
    .wpcf7-form .--form-control-width-50 {
        width: 100%;
        margin-left: 0 !important;
    }

    .wpcf7-form .wpcf7-submit {
        width: 100%;
    }

    .wpcf7-form .--form-control-width-50,
    .wpcf7-form .--form-control-width-100 {
        position: relative;
    }

    .wpcf7-spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
    }
}

.wpcf7-form .--form-control-width-50 + .--form-control-width-50 {
    margin-left: 10px;
}

.wpcf7-form .--form-control-width-100 {
    width: 100%;
}

.wpcf7-form > * {
    margin: 5px 0;
}

.ovic-contact-element {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.5;
}

.ovic-contact-element__icon {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgb(78 78 78 / 10%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ovic-contact-element__text {
    width: calc(100% - 50px);
    padding-left: 10px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ovic-contact-element__text p span {
    font-weight: 600;
}

.ovic-contact-element__text p {
    margin: 0;
    color: #888888;
}

.ovic-contact-element__text a:not(:hover) {
    color: #888888;
}

.wpcf7 form .wpcf7-response-output {
    width: 100%;
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
}

/*****************************************
* custom widget title
******************************************/
.--menu-title{}