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{}