1615 lines
53 KiB
CSS
1615 lines
53 KiB
CSS
/* === Header Top ==== */
|
|
|
|
.tpc-header-top-bar {
|
|
background-color: #0e2a47;
|
|
color: var(--upstudy-color-white);
|
|
font-family: var(--upstudy-font-secondary);
|
|
font-size: 14px;
|
|
line-height: 46px;
|
|
font-weight: 400;
|
|
}
|
|
.tpc-header-top-bar span {
|
|
font-weight: 500;
|
|
}
|
|
.tpc-header-top-bar a {
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
.tpc-header-top-bar a:hover {
|
|
color: var(--upstudy-color-secondary);
|
|
}
|
|
.tpc-top-bar-style-1 .upstudy-container-fluid {
|
|
padding-left: 90px;
|
|
padding-right: 90px;
|
|
}
|
|
.tpc-header-top-bar .header-top-left, .tpc-header-top-bar .header-top-right, .upstudy-header-top-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
@media only screen and (max-width: 991px) {
|
|
.tpc-header-top-bar .header-top-left, .tpc-header-top-bar .header-top-right, .upstudy-header-top-content {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
.tpc-header-top-bar .header-top-message a {
|
|
color: var(--upstudy-color-secondary);
|
|
margin-left: 2px;
|
|
text-decoration: underline;
|
|
}
|
|
.tpc-header-top-bar .header-top-message a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.tpc-header-top-bar .header-top-message marquee {
|
|
line-height: initial;
|
|
position: relative;
|
|
top: 7px;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.upstudy-header-right-side .header-top-social-share {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
.theme-header-4 .header-top-social-share {
|
|
padding-right: 20px;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>div {
|
|
padding-left: 25px;
|
|
margin-left: 25px;
|
|
}
|
|
.tpc-header-top-bar .header-top-left>div {
|
|
padding-right: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
.tpc-header-top-bar .header-top-left>div:last-child {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
.tpc-header-top-bar .header-top-left>div, .tpc-header-top-bar .header-top-right>div {
|
|
position: relative;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>div:before {
|
|
content: "";
|
|
height: 20px;
|
|
width: 1px;
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>.header-top-social-share:before {
|
|
display: none;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>.header-top-social-share {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>div:last-child:after {
|
|
display: none;
|
|
}
|
|
.tpc-header-top-bar i {
|
|
font-size: 15px;
|
|
color: var(--upstudy-color-white);
|
|
padding-right: 10px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.tpc-header-top-bar a.main-header-btn.top-text-btn {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.tpc-header-top-bar .main-header-btn.top-text-btn i {
|
|
padding-left: 6px;
|
|
}
|
|
.tpc-header-top-bar .main-header-btn.top-text-btn:hover i {
|
|
color: #fff;
|
|
}
|
|
.tpc-header-top-bar .header-top-social-share a i {
|
|
color: #fff;
|
|
font-size: 13px;
|
|
padding-right: 0;
|
|
transition: .3s;
|
|
}
|
|
.tpc-header-top-bar .header-top-social-share a:hover i {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.tpc-header-top-bar .header-top-social-share a i.dt-icon-youtube {
|
|
font-size: 16px;
|
|
}
|
|
.tpc-header-top-bar .header-top-social-share a i.dt-icon-facebook {
|
|
font-size: 15px;
|
|
}
|
|
.header-top-social-share span {
|
|
padding-left: 20px;
|
|
color: #fff;
|
|
}
|
|
.tpc-header-top-bar.tpc-top-bar-style-2 a {
|
|
color: #fff;
|
|
}
|
|
.tpc-header-top-bar.tpc-top-bar-style-2 a:hover {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.tpc-header-top-bar.tpc-top-bar-style-2 i {
|
|
color: #fff;
|
|
}
|
|
.tpc-top-bar-style-2 .header-top-left>div {
|
|
position: relative;
|
|
}
|
|
.tpc-top-bar-style-2 .header-top-left>div:after {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
height: 20px;
|
|
content: "";
|
|
width: 1px;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
.tpc-top-bar-style-2.tpc-header-top-bar .header-top-right {
|
|
margin: 0;
|
|
}
|
|
.tpc-top-bar-style-2 .header-top-left>div:last-child:after {
|
|
display: none;
|
|
}
|
|
.tpc-header-top-bar a.edu-btn.btn-small {
|
|
border-radius: 1px;
|
|
font-weight: 500;
|
|
color: var(--upstudy-color-white);
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0 17px;
|
|
font-size: 14px;
|
|
top: 5px;
|
|
}
|
|
.tpc-header-top-bar a.edu-btn:after {
|
|
border-radius: 0;
|
|
}
|
|
.tpc-header-top-bar.tpc-top-bar-style-2 a.edu-btn i {
|
|
color: var(--upstudy-color-white);
|
|
margin-left: 6px;
|
|
font-size: 13px;
|
|
padding: 0;
|
|
}
|
|
.header-top-right a.tpc-login-register-popup-trigger {
|
|
position: relative;
|
|
}
|
|
.upstudy-login-register-wrapper>a>i {
|
|
margin-right: 5px;
|
|
color: var(--upstudy-primary-color);
|
|
font-size: 20px;
|
|
display: inline-flex;
|
|
}
|
|
.upstudy-login-register-wrapper>a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.upstudy-dark-header .upstudy-login-register-wrapper>a {
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
.upstudy-scrolled-down .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area .upstudy-login-register-wrapper>a {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area .upstudy-login-register-wrapper>a {
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .upstudy-login-register-wrapper>a {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-header-sticky-active .tpc-header-top-bar {
|
|
display: none;
|
|
}
|
|
@media only screen and (max-width: 1450px) {
|
|
.tpc-top-bar-style-1 .upstudy-container-fluid {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1350px) {
|
|
.tpc-header-top-bar .header-top-social-share {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.tpc-top-bar-style-1 .upstudy-container-fluid {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.tpc-header-top-bar .header-top-right>div {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.tpc-header-top-bar .header-top-right {
|
|
margin: 0 -15px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 991px) {
|
|
.tpc-header-top-bar {
|
|
display: none;
|
|
}
|
|
}
|
|
/*==== tpc-top-bar-style-3 ===== */
|
|
|
|
.tpc-header-top-bar.tpc-top-bar-style-3 {
|
|
line-height: 49px;
|
|
height: 48px;
|
|
}
|
|
.tpc-top-bar-style-3 .upstudy-header-top-content {
|
|
justify-content: center;
|
|
display: inherit;
|
|
}
|
|
.tpc-top-bar-style-3 .tpc-header-top-bar {
|
|
line-height: 55px;
|
|
}
|
|
.tpc-top-bar-style-3 .header-top-message marquee {
|
|
font-size: 16px;
|
|
font-weight: inherit;
|
|
}
|
|
/* === Mobile Menu ==== */
|
|
|
|
.upstudy-mobile-menu-nav-wrapper.upstudy-mobile-menu-visible {
|
|
opacity: 1;
|
|
left: 0;
|
|
overflow-y: auto;
|
|
z-index: 1020;
|
|
pointer-events: all;
|
|
}
|
|
.upstudy-filter-active-overlay, .upstudy-mobile-menu-overlay, .upstudy-elementor-mobile-menu-overlay {
|
|
z-index: 9;
|
|
position: fixed;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity .5s ease-out;
|
|
}
|
|
.tpc-body-filter-sidebar-active .upstudy-filter-active-overlay, .upstudy-mobile-menu-active .upstudy-mobile-menu-overlay, .upstudy-mobile-menu-active .upstudy-elementor-mobile-menu-overlay {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper {
|
|
position: fixed;
|
|
overflow-y: auto;
|
|
top: 0;
|
|
width: 350px;
|
|
padding: 0px;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 0;
|
|
box-shadow: 0px 10px 30px rgb(0 0 0 / 6%);
|
|
background: var(--upstudy-color-white);
|
|
opacity: 0;
|
|
left: -150px;
|
|
transition: all .5s ease-out;
|
|
pointer-events: none;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper .responsive-header-top {
|
|
display: flex;
|
|
border-bottom: 1px solid var(--upstudy-color-border);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 15px 20px;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) ul.upstudy-elementor-mobile-menu-item li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li a, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) ul.upstudy-elementor-mobile-menu-item>li>a {
|
|
padding: 8px 0;
|
|
display: block;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
position: relative;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li+li, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) ul.upstudy-elementor-mobile-menu-item li+li {
|
|
border-top: 1px solid var(--upstudy-color-border);
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li.menu-item-has-children>a .upstudy-menu-icon, .upstudy-elementor-mobile-menu-nav-wrapper .upstudy-mobile-menu-nav-wrapper ul li.menu-item-has-children>a .upstudy-menu-icon {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
transition: all 0.3s ease-out;
|
|
font-size: 20px;
|
|
}
|
|
@media only screen and (max-width: 1200px) {
|
|
.upstudy-mobile-menu-active .upstudy-header-area.upstudy-navbar-expand-lg ul li:not(.mega-menu) ul.upstudy-dropdown-menu li.menu-item-has-children a .upstudy-menu-icon {
|
|
font-size: 16px;
|
|
right: 10px;
|
|
transform: rotate(0deg) translateY(-50%);
|
|
}
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li.menu-item-has-children>a[aria-expanded="true"]::after {
|
|
content: "\f1af";
|
|
}
|
|
.upstudy-elementor-mobile-menu-close {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 10px 20px 0 0;
|
|
position: relative;
|
|
right: 0;
|
|
}
|
|
.upstudy-elementor-mobile-hamburger-menu a:focus, .upstudy-mobile-hamburger-menu a:focus, .upstudy-mobile-menu-close a:focus, .upstudy-elementor-mobile-menu-close a:focus, .upstudy-mobile-menu-nav-wrapper ul li a:focus, .upstudy-header-area ul.upstudy-navbar-nav li a:focus, .widget ul li a:focus, .widget a:focus {
|
|
outline: none;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul li ul {
|
|
padding-left: 15px;
|
|
}
|
|
.upstudy-mobile-menu-close a, .upstudy-elementor-mobile-menu-close a {
|
|
position: relative;
|
|
z-index: 2;
|
|
top: 0;
|
|
left: 0;
|
|
background: #ebebeb;
|
|
border: 0 none;
|
|
color: var(--upstudy-heading-color);
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 18px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 100%;
|
|
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
|
|
}
|
|
.upstudy-mobile-menu, .upstudy-mobile-menu-item, .upstudy-elementor-mobile-menu-item {
|
|
display: none;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper ul.upstudy-mobile-menu-item, .upstudy-header-area ul.upstudy-elementor-mobile-menu-item {
|
|
padding: 15px 20px;
|
|
}
|
|
.upstudy-mobile-menu-close a i {
|
|
transition: transform 0.4s ease, color 0.3s ease;
|
|
}
|
|
.upstudy-mobile-menu-close a:active i {
|
|
transform: scale(0.8) rotate(90deg);
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
@media screen and (max-width: 350px) {
|
|
.upstudy-mobile-menu-nav-wrapper {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.upstudy-elementor-nav-menu-wrapper .upstudy-mobile-menu-nav-wrapper.upstudy-mobile-menu-visible {
|
|
overflow-y: inherit;
|
|
}
|
|
.upstudy-elementor-nav-menu-wrapper ul#upstudy-elementor-mobile-menu-item {
|
|
background: #fff;
|
|
height: 100vh;
|
|
}
|
|
.upstudy-elementor-nav-menu-wrapper .upstudy-e-logo-nav-wrap {
|
|
background: #fff;
|
|
top: 0;
|
|
position: absolute;
|
|
padding: 15px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.upstudy-elementor-nav-menu-wrapper .upstudy-e-logo-wrap {
|
|
padding: 10px 0 0 20px;
|
|
max-width: 120px;
|
|
}
|
|
.upstudy-elementor-nav-menu-wrapper .upstudy-elementor-mobile-menu-overlay {
|
|
height: 100vh;
|
|
}
|
|
@media (max-width: 576px) {
|
|
.site-branding img.site-logo{
|
|
width: 100px;
|
|
}
|
|
}
|
|
/* === Mega Menu ==== */
|
|
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul {
|
|
display: flex;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li {
|
|
display: block;
|
|
margin: 0 0px;
|
|
width: 240px;
|
|
border: none;
|
|
padding: 0 15px;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li>a {
|
|
border-bottom: 1px solid var(--upstudy-color-border);
|
|
border-radius: 0;
|
|
font-size: var(--upstudy-font-size-b2);
|
|
line-height: 1.5;
|
|
font-size: 15px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper li.mega-menu.hide-header>ul.upstudy-dropdown-menu>li>a, .upstudy-header-area ul.upstudy-navbar-nav li.mega-menu.hide-header>ul.upstudy-dropdown-menu>li>a {
|
|
display: none;
|
|
}
|
|
.upstudy-header-area .upstudy-mobile-menu-nav-wrapper li.mega-menu.hide-header>ul {
|
|
padding-left: 0;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper li.mega-menu.hide-header.mm-active .mm-collapse, .upstudy-mobile-menu-nav-wrapper li.mega-menu.hide-header.mm-active .mm-collapse:not(.mm-show) {
|
|
display: block;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li>a:hover {
|
|
color: #272727;
|
|
background-color: inherit;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li ul {
|
|
position: relative;
|
|
width: 100%;
|
|
left: inherit;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
background: inherit;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
top: 0;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li ul li {
|
|
padding: 0;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu ul {
|
|
padding-bottom: 5px;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu:hover ul {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.upstudy-mega-menu-inner {
|
|
overflow: hidden;
|
|
max-height: 70vh;
|
|
overflow-y: scroll;
|
|
scrollbar-width: none;
|
|
scroll-behavior: smooth;
|
|
}
|
|
}
|
|
/* ===== Mobile Menu ======= */
|
|
|
|
.upstudy-header-area i.dt-icon-menu {
|
|
font-size: 20px;
|
|
top: 5px;
|
|
position: relative;
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
.upstudy-header-area.upstudy-navbar .site-branding, .upstudy-mobile-menu .upstudy-mobile-hamburger-menu {
|
|
height: 80px;
|
|
line-height: 80px;
|
|
}
|
|
.upstudy-header-area .upstudy-theme-nav.upstudy-navbar-collapse {
|
|
display: none;
|
|
}
|
|
nav.main-navigation.upstudy-navbar-collapse.upstudy-elementor-nav {
|
|
display: none;
|
|
}
|
|
.upstudy-header-area .quote-icon.upstudy-theme-nav-responsive {
|
|
display: block;
|
|
}
|
|
.upstudy-mobile-menu {
|
|
display: block;
|
|
}
|
|
.upstudy-default-header-nav {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.upstudy-mobile-menu-item, .upstudy-elementor-mobile-menu-item {
|
|
display: block;
|
|
}
|
|
.upstudy-mobile-menu .upstudy-mobile-menu-nav-wrapper .logo-wrapper .site-white-logo {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (max-width: 991px) {
|
|
.upstudy-header-area .upstudy-container {
|
|
position: relative;
|
|
}
|
|
.upstudy-header-area>.upstudy-container, .upstudy-header-area>.upstudy-container-fluid {
|
|
-ms-flex-align: flex-start;
|
|
-webkit-box-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.upstudy-comment-list li>ol.children {
|
|
margin-left: 15px;
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
padding: 0 10px;
|
|
}
|
|
aside#secondary.widget-area {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 782px) {
|
|
body.admin-bar .upstudy-mobile-menu-nav-wrapper {
|
|
padding: 46px 0px 0px;
|
|
}
|
|
body.admin-bar .upstudy-sticky-header-wrapper.upstudy-header-sticky-active, body.admin-bar .site-header.upstudy-header-sticky-active {
|
|
top: 46px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
body.admin-bar .upstudy-mobile-menu-nav-wrapper {
|
|
padding: 0px;
|
|
}
|
|
}
|
|
/*====== upstudy-dark-header ===== */
|
|
|
|
.upstudy-dark-header .upstudy-header-area {
|
|
background: #000;
|
|
}
|
|
.upstudy-dark-header .upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-dark-header .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a:before {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .upstudy-header-area .header-quote .quote-icon a i, .upstudy-dark-header .upstudy-header-area .header-quote .quote-icon button i {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header a.upstudy-woo-mini-cart-link {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .site-white-logo, .upstudy-dark-header .upstudy-header-sticky-active.white-logo-enable .site-white-logo, .upstudy-dark-header .white-logo-enable .site-main-logo {
|
|
display: block;
|
|
}
|
|
.upstudy-dark-header a.navbar-brand.site-main-logo {
|
|
display: none;
|
|
}
|
|
.upstudy-dark-header .upstudy-header-area .header-category {
|
|
border-left: 1.5px solid #2b2b2b;
|
|
border-right: 1.5px solid #2b2b2b;
|
|
}
|
|
@media only screen and (max-width: 1450px) {
|
|
.upstudy-header-area .header-category {
|
|
display: none;
|
|
}
|
|
.theme-header-1 .upstudy-container-fluid, .theme-header-2 .upstudy-container-fluid, .theme-header-3 .upstudy-container-fluid {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.edu-header-search-field .inner input {
|
|
max-width: 150px;
|
|
}
|
|
}
|
|
.upstudy-dark-header .edu-header-search-field .inner input {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .upstudy-header-area i.flaticon-menu {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .edu-header-search-field i {
|
|
color: #fff;
|
|
}
|
|
/*====== Theme Header 5 ===== */
|
|
|
|
.theme-header-5 .upstudy-navbar-expand-lg .upstudy-navbar-collapse {
|
|
justify-content: center;
|
|
}
|
|
/* === header-breadcrumb ==== */
|
|
|
|
.header-breadcrumb {
|
|
position: relative;
|
|
}
|
|
.header-breadcrumb ul {
|
|
justify-content: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.header-breadcrumb ul li {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent;
|
|
text-indent: 0;
|
|
}
|
|
.header-breadcrumb ul li, .header-breadcrumb ul li a {
|
|
font-size: 15px;
|
|
font-family: var(--upstudy-font-secondary);
|
|
}
|
|
.header-breadcrumb ul li:after {
|
|
content: "\002F";
|
|
padding: 0 0.5em;
|
|
margin: 0;
|
|
}
|
|
.header-breadcrumb ul li:last-of-type::after {
|
|
display: none;
|
|
}
|
|
.upstudy-breadcrumb ul.breadcrumb {
|
|
display: inline-flex;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
.upstudy-breadcrumb ul li:after {
|
|
content: "\f116";
|
|
font-family: icomoon;
|
|
position: absolute;
|
|
right: 9px;
|
|
font-size: 8px;
|
|
font-weight: var(--upstudy-p-bold);
|
|
}
|
|
.upstudy-breadcrumb ul li:last-child::after {
|
|
display: none;
|
|
}
|
|
.upstudy-breadcrumb ul li {
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.upstudy-breadcrumb ul li:not(:last-child) {
|
|
padding-right: 25px;
|
|
position: relative;
|
|
}
|
|
.header-top-message {
|
|
text-align: center;
|
|
}
|
|
/* === Header ==== */
|
|
|
|
.upstudy-header-area .main-navigation ul ul.upstudy-dropdown-menu {
|
|
min-width: 270px;
|
|
height: auto;
|
|
position: absolute;
|
|
top: 90%;
|
|
left: 0;
|
|
z-index: 90;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
text-align: left;
|
|
padding: 20px 0 25px;
|
|
-webkit-transition: all .3s ease 0s;
|
|
-o-transition: all .3s ease 0s;
|
|
transition: all .3s ease 0s;
|
|
background-color: var(--upstudy-color-white);
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.07);
|
|
border-top: 3px solid var(--upstudy-primary-color);
|
|
pointer-events: none;
|
|
}
|
|
.upstudy-header-area .main-navigation ul .menu-align-right .upstudy-mega-menu, .upstudy-header-area .main-navigation ul .menu-align-right ul.upstudy-dropdown-menu {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
.upstudy-header-area .main-navigation ul>li:hover>.upstudy-mega-menu, .upstudy-header-area .main-navigation ul>li:hover>ul.upstudy-dropdown-menu {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
top: 100%;
|
|
pointer-events: auto;
|
|
}
|
|
.upstudy-header-area .main-navigation ul>li>ul.upstudy-dropdown-menu>li ul, .upstudy-header-area .main-navigation ul>li>ul.upstudy-dropdown-menu>li:hover ul {
|
|
left: 100%;
|
|
}
|
|
.upstudy-header-area .main-navigation ul>li>ul.upstudy-dropdown-menu>li:hover ul {
|
|
top: -13px;
|
|
}
|
|
.upstudy-header-area.upstudy-navbar .site-branding {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
transition: min-height 1s ease !important;
|
|
}
|
|
.responsive-header-logo h1, .upstudy-header-area.upstudy-navbar .site-branding h1 {
|
|
margin: 5px 0 5px;
|
|
font-size: 30px;
|
|
}
|
|
.responsive-header-logo p, .upstudy-header-area.upstudy-navbar .site-branding p {
|
|
margin: 0 0 5px;
|
|
}
|
|
.upstudy-header-area .upstudy-navbar-collapse .menu-toggle {
|
|
display: none;
|
|
}
|
|
.upstudy-header-area .upstudy-navbar-right {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-ms-flex-direction: row;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: row;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.upstudy-navbar-expand-lg .upstudy-navbar-collapse {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-preferred-size: auto;
|
|
flex-basis: auto;
|
|
}
|
|
.theme-header-3 .upstudy-navbar-expand-lg .upstudy-navbar-collapse {
|
|
justify-content: center;
|
|
}
|
|
.upstudy-header-area .header-category {
|
|
border-left: 1.5px solid #f2f2f2;
|
|
border-right: 1.5px solid #f2f2f2;
|
|
margin-right: 30px;
|
|
}
|
|
.theme-header-1 .upstudy-header-area .header-category {
|
|
margin-right: 15px;
|
|
}
|
|
.upstudy-header-transparent-enable header:not(.upstudy-header-sticky-active) .header-category {
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
.upstudy-header-area .header-category .cat-menu-anchor-item>i {
|
|
padding-right: 10px;
|
|
font-size: 15px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.upstudy-header-area .cat-menu-item a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-theme-header-1-nav .upstudy-navbar-collapse {
|
|
justify-content: center;
|
|
}
|
|
.upstudy-default-header-nav .upstudy-navbar-collapse {
|
|
justify-content: flex-end;
|
|
}
|
|
.upstudy-navbar-expand-lg .upstudy-navbar-nav .nav-link {
|
|
padding-right: .5rem;
|
|
padding-left: .5rem;
|
|
}
|
|
.upstudy-navbar-expand-lg .upstudy-navbar-nav .upstudy-dropdown-menu {
|
|
position: absolute;
|
|
}
|
|
.upstudy-header-area .upstudy-navbar-brand, .upstudy-header-area ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.upstudy-header-area .upstudy-navbar-light .upstudy-navbar-nav .nav-link, .upstudy-header-area ul.upstudy-navbar-nav li a, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) ul>li>a, .upstudy-header-area ul.upstudy-navbar-nav li a:focus {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) a.main-header-btn.color-heading.bg-white:after {
|
|
background: var(--upstudy-color-secondary);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) a.main-header-btn.color-heading.bg-white:hover {
|
|
color: var(--upstudy-color-white) !important;
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) .upstudy-woo-mini-cart-total-item {
|
|
background-color: var(--upstudy-color-white);
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) a.main-header-btn.color-heading.bg-white {
|
|
color: var(--upstudy-heading-color);
|
|
background: var(--upstudy-color-white);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) .edu-header-search-field .inner .submit-button, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-woo-mini-cart-link, .header-color-white:not(.upstudy-header-sticky-active) .edu-header-search-field .inner input, .header-color-white:not(.upstudy-header-sticky-active) .edu-header-search-field .inner input::placeholder, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area .header-quote .quote-icon a i, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area .header-quote .quote-icon button i, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a:before, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area ul.upstudy-navbar-nav>li>a, .header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area ul.upstudy-navbar-nav>li>a:focus {
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
.header-color-white .upstudy-mobile-hamburger-menu a {
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
.upstudy-scrolled-down .header-get-sticky.header-color-white .upstudy-mobile-hamburger-menu a {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down .header-color-white:not(.upstudy-header-sticky-active) .upstudy-woo-mini-cart-link {
|
|
color: var(--upstudy-heading-color);
|
|
transition: none;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
color: var(--upstudy-heading-color);
|
|
transition: none;
|
|
}
|
|
body.upstudy-header-transparent-enable header.top-header-removed .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky.headroom .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
color: var(--upstudy-heading-color);
|
|
transition: none;
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky.headroom .upstudy-header-area ul.upstudy-navbar-nav>li>a .upstudy-menu-icon i {
|
|
color: var(--upstudy-heading-color);
|
|
transition: none;
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky.headroom .upstudy-header-container {
|
|
background: #fff;
|
|
}
|
|
body.upstudy-header-transparent-enable header .upstudy-logotype-container a.navbar-brand.site-main-logo {
|
|
display: none;
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header .upstudy-logotype-container a.navbar-brand.site-main-logo {
|
|
display: block;
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header .upstudy-logotype-container a.navbar-brand.site-white-logo {
|
|
display: none;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper.upstudy-mobile-menu-visible a.navbar-brand.site-white-logo {
|
|
display: none;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .upstudy-header-right-side .header-quote .dt-icon-search a i {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky.headroom .upstudy-header-area .upstudy-header-right-side .header-quote .dt-icon-search a i {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .upstudy-header-right-side i {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable header.top-header-removed .upstudy-header-area .upstudy-header-right-side i {
|
|
color: var(--upstudy-heading-color) !important;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .upstudy-header-right-side .upstudy-woo-mini-cart-total-item {
|
|
background-color: var(--upstudy-primary-color);
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
body.upstudy-header-transparent-enable header.top-header-removed .upstudy-header-area .upstudy-header-right-side .upstudy-woo-mini-cart-total-item {
|
|
background-color: var(--upstudy-primary-color);
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
body.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky .upstudy-header-area .upstudy-header-right-side .upstudy-woo-mini-cart-total-item {
|
|
background-color: var(--upstudy-primary-color);
|
|
color: var(--upstudy-color-white);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) .upstudy-header-area .header-category {
|
|
border-color: var(--upstudy-color-white);
|
|
}
|
|
.upstudy-el-single-depth-menu li a, .upstudy-header-area ul.upstudy-navbar-nav li a {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
font-family: var(--upstudy-font-secondary);
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
padding-left: 27px;
|
|
padding-right: 27px;
|
|
padding-top: 33px;
|
|
padding-bottom: 33px;
|
|
background: transparent;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li {
|
|
padding: 0px;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
@media only screen and (max-width: 1250px) {
|
|
.theme-header-3 .upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.theme-header-3 .upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
right: 5px;
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-header-area ul.upstudy-navbar-nav>li>a {
|
|
padding-left: 22px;
|
|
padding-right: 22px;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
right: 5px;
|
|
}
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li.menu-align-fullwidth {
|
|
position: static !important;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
position: absolute;
|
|
right: 8px;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
font-weight: 600;
|
|
color: var(--upstudy-heading-color);
|
|
transition: .3s;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.header-color-white:not(.upstudy-header-sticky-active) ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
color: #fff;
|
|
}
|
|
.upstudy-scrolled-down .header-color-white:not(.upstudy-header-sticky-active) ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children>a .upstudy-menu-icon {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-header-area.upstudy-navbar-expand-lg ul li:not(.mega-menu) ul.upstudy-dropdown-menu li.menu-item-has-children a .upstudy-menu-icon {
|
|
position: absolute;
|
|
right: 15px;
|
|
transform: rotate(-90deg) translateX(-50%);
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
font-weight: 600;
|
|
color: var( --upstudy-heading-color);
|
|
transition: .3s;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav>li.menu-item-has-children:hover>a:before, .upstudy-header-area ul li:not(.mega-menu) ul.upstudy-dropdown-menu li.menu-item-has-children:hover:after, .upstudy-header-area ul.upstudy-navbar-nav>li:hover>a:before, .upstudy-header-area ul.upstudy-navbar-nav>li.active>a, .upstudy-header-area ul.upstudy-navbar-nav .menu-item-has-children li:hover>a, .upstudy-header-area ul.upstudy-navbar-nav>li:hover>a {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav .upstudy-mega-menu li, .upstudy-header-area ul.upstudy-navbar-nav .dropdown ul.upstudy-dropdown-menu li {
|
|
margin: 0;
|
|
padding: 0px;
|
|
position: relative;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav .dropdown ul.upstudy-dropdown-menu li, .upstudy-header-area ul.upstudy-navbar-nav .dropdown ul.upstudy-dropdown-menu li a {
|
|
width: 100%;
|
|
}
|
|
ul.upstudy-mega-menu {
|
|
padding: 0 !important;
|
|
}
|
|
.upstudy-mega-menu .elementor-section.elementor-section-boxed>.elementor-container {
|
|
max-width: 100%;
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.upstudy-mobile-menu-nav-wrapper .upstudy-mega-menu .elementor-column, .upstudy-mobile-menu-nav-wrapper .upstudy-mega-menu .elementor-column.elementor-col-50, .upstudy-mobile-menu-nav-wrapper .upstudy-mega-menu .elementor-column[data-col="50"], .upstudy-mobile-menu-nav-wrapper .upstudy-mega-menu {
|
|
width: 100% !important;
|
|
}
|
|
.upstudy-mobile-menu-nav-wrapper .upstudy-mega-menu .elementor-section .elementor-container {
|
|
flex-direction: column;
|
|
}
|
|
.upstudy-mega-menu .elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
|
|
padding: 0;
|
|
}
|
|
}
|
|
.upstudy-el-single-depth-menu li a {
|
|
display: block;
|
|
}
|
|
.upstudy-el-single-depth-menu li:not(:last-child) a {
|
|
margin-bottom: 10px;
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.upstudy-mobile-menu .upstudy-el-single-depth-menu li:not(:last-child) a {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
}
|
|
.upstudy-el-single-depth-menu li a:hover {
|
|
color: var(--upstudy-primary-color) !important;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav .dropdown ul.upstudy-dropdown-menu li a {
|
|
padding: 5px 20px;
|
|
display: block;
|
|
}
|
|
.upstudy-dash-hover .main-navigation ul.upstudy-navbar-nav .menu-item-has-children li>a:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
height: 2px;
|
|
width: 10px;
|
|
background: var(--upstudy-primary-color);
|
|
z-index: 9;
|
|
border-radius: unset;
|
|
opacity: 0;
|
|
transition: all 0.5s ease;
|
|
}
|
|
.upstudy-dash-hover .main-navigation ul.upstudy-navbar-nav .menu-item-has-children li:hover>a:before {
|
|
opacity: 1;
|
|
left: 18px;
|
|
transition: all 0.5s ease;
|
|
}
|
|
.upstudy-dash-hover .main-navigation ul.upstudy-navbar-nav .menu-item-has-children li:hover>a {
|
|
padding-left: 35px;
|
|
border-color: transparent;
|
|
transition: all 0.5s ease;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.current_page_item>a {
|
|
color: var(--upstudy-primary-color) !important;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.current-menu-item>a {
|
|
color: var(--upstudy-primary-color) !important;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.current-menu-parent>a {
|
|
color: var(--upstudy-primary-color) !important;
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.current-menu-ancestor.current_page_ancestor.menu-item-has-children>a {
|
|
color: var(--upstudy-primary-color) !important;
|
|
}
|
|
ul.upstudy-nav-dropdown-menu li.current_page_item>a {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-header-area ul.upstudy-navbar-nav li.mega-menu>ul.upstudy-dropdown-menu>li:hover>a {
|
|
color: #021E40;
|
|
background-color: transparent;
|
|
}
|
|
.upstudy-header-area .upstudy-mobile-menu .dashicons, .upstudy-header-area .upstudy-mobile-menu .dashicons-before:before {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
line-height: inherit;
|
|
width: inherit;
|
|
height: inherit;
|
|
}
|
|
.main-navigation {
|
|
width: 100%;
|
|
}
|
|
.upstudy-navbar-brand {
|
|
display: inline-block;
|
|
padding-top: .3125rem;
|
|
padding-bottom: .3125rem;
|
|
margin-right: 1rem;
|
|
font-size: 1.25rem;
|
|
line-height: inherit;
|
|
white-space: nowrap;
|
|
}
|
|
.upstudy-navbar-nav {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
list-style: none;
|
|
}
|
|
.upstudy-navbar-nav .upstudy-dropdown-menu {
|
|
list-style: none;
|
|
}
|
|
.upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-navbar-collapse>ul>li.menu-item-has-children:before, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-logged-in-user-name-wrapper, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-logged-out-user-wrapper a, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-woo-mini-cart-icon-wrapper i, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-logged-out-user-wrapper a .upstudy-logged-out-user-icon, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-search-popup-btn, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-woo-mini-cart-total-price, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-elementor-mobile-hamburger-menu a {
|
|
color: #ffffff;
|
|
}
|
|
.upstudy-header-transparent-enable .upstudy-site-main-logo-type.upstudy-has-transparent-logo, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper.upstudy-header-sticky-active .upstudy-site-transparent-logo-type, .single-upstudy_header .upstudy-site-main-logo.upstudy-site-transparent-logo-type {
|
|
display: none;
|
|
}
|
|
.single-upstudy_header .upstudy-site-main-logo.upstudy-site-transparent-logo-type.upstudy-has-no-main-logo {
|
|
display: block;
|
|
}
|
|
body:not(.upstudy-header-transparent-enable) .site-header .upstudy-header-area .site-white-logo {
|
|
display: none;
|
|
}
|
|
.single-upstudy_header.upstudy-header-transparent-enable .upstudy-site-main-logo-type.upstudy-has-transparent-logo, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper.upstudy-header-sticky-active .upstudy-site-main-logo-type.upstudy-has-transparent-logo {
|
|
display: flex;
|
|
}
|
|
.site-header.white-logo-enable .upstudy-header-area .site-branding .site-main-logo {
|
|
display: none;
|
|
}
|
|
.upstudy-header-transparent-enable.upstudy-scrolled-down .upstudy-header-area .site-branding .site-main-logo {
|
|
display: block;
|
|
}
|
|
.upstudy-header-transparent-enable.upstudy-scrolled-down .upstudy-header-area .site-branding .site-white-logo {
|
|
display: none;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .site-branding .site-main-logo {
|
|
display: block;
|
|
}
|
|
body.upstudy-header-transparent-enable header.top-header-removed .site-white-logo {
|
|
display: none;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.upstudy-transparent-header.header-color-white.white-logo-enable.header-color-white.white-logo-enable.top-header-removed .site-main-logo {
|
|
display: block;
|
|
}
|
|
body.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned .upstudy-header-area .site-branding .site-white-logo {
|
|
display: none;
|
|
}
|
|
.upstudy-header-area .header-quote {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin: 0 -17px;
|
|
align-items: center;
|
|
}
|
|
.upstudy-header-area .header-quote .quote-icon {
|
|
margin: 0 17px;
|
|
padding-left: 20px;
|
|
}
|
|
.theme-default-header .upstudy-header-area .header-quote {
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
.theme-default-header .upstudy-header-area .quote-icon {
|
|
position: relative;
|
|
}
|
|
.theme-default-header .upstudy-header-area .header-quote .quote-icon {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.upstudy-header-area .quote-icon.upstudy-theme-nav-responsive {
|
|
display: none;
|
|
}
|
|
.theme-default-header .upstudy-header-right-side .upstudy-login-register-wrapper {
|
|
position: relative;
|
|
}
|
|
.upstudy-header-area .header-quote .quote-icon a.header-login-register, .upstudy-header-area .header-quote .quote-icon button.search-trigger {
|
|
padding: 0;
|
|
border: 0 none;
|
|
width: auto;
|
|
background: transparent;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.upstudy-header-area .header-quote .quote-icon a i, .upstudy-header-area .header-quote .quote-icon button i {
|
|
color: var(--upstudy-heading-color);
|
|
font-size: 22px;
|
|
transition: 0.3s;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
.upstudy-header-area .header-quote .quote-icon.quote-user img {
|
|
border-radius: 100%;
|
|
width: 30px;
|
|
height: 30px;
|
|
object-fit: cover;
|
|
}
|
|
.upstudy-header-right-side {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
position: relative;
|
|
padding-left: 12px;
|
|
margin-left: 27px;
|
|
}
|
|
.theme-default-header .upstudy-header-right-side {
|
|
margin-left: 0;
|
|
gap: 40px;
|
|
}
|
|
.theme-default-header .upstudy-header-right-side>div:not(:first-child):after {
|
|
content: '';
|
|
width: 1px;
|
|
height: 23px;
|
|
background: #e3e4e5;
|
|
left: -15px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
@media (max-width: 1199px) {
|
|
.theme-default-header .upstudy-header-right-side>div:not(:first-child):after {
|
|
display: none;
|
|
}
|
|
}
|
|
.theme-header-4 .header-top-social-share:after {
|
|
position: absolute;
|
|
content: "";
|
|
height: 40px;
|
|
width: 2px;
|
|
background-color: #F3F3F3;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.theme-default-header .upstudy-header-right-side:after {
|
|
display: none;
|
|
}
|
|
}
|
|
body.upstudy-header-transparent-enable .upstudy-header-right-side:after {
|
|
height: 35px;
|
|
background-color: #f3f3f34a;
|
|
}
|
|
.upstudy-dark-header.theme-default-header .upstudy-header-right-side:after, .upstudy-dark-header.theme-header-4 .upstudy-header-right-side:after {
|
|
background-color: #444444;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.upstudy-header-area .header-quote .quote-icon {
|
|
margin: 0 10px;
|
|
}
|
|
}
|
|
/*@-webkit-keyframes upstudyFadeInDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
opacity: 0;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translateZ(0);
|
|
opacity: 1;
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
@keyframes upstudyFadeInDown {
|
|
0% {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
opacity: 0;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translateZ(0);
|
|
opacity: 1;
|
|
transform: translateZ(0);
|
|
}
|
|
}*/
|
|
@-webkit-keyframes headerSticky {
|
|
0% {
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
}
|
|
to {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes headerSticky {
|
|
0% {
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
}
|
|
to {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
/*.upstudyFadeInDown {
|
|
-webkit-animation-name: upstudyFadeInDown;
|
|
animation-name: upstudyFadeInDown;
|
|
}*/
|
|
/*@-webkit-keyframes upstudyFadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes upstudyFadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
.upstudyFadeInRight {
|
|
-webkit-animation-name: upstudyFadeInRight;
|
|
animation-name: upstudyFadeInRight;
|
|
}*/
|
|
/*@-webkit-keyframes upstudyFadeOutRight {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes upstudyFadeOutRight {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.upstudyFadeOutRight {
|
|
-webkit-animation-name: upstudyFadeOutRight;
|
|
animation-name: upstudyFadeOutRight;
|
|
}*/
|
|
.tpc-menu-hot-badge {
|
|
display: inline-block;
|
|
padding: 0.48em 0.65em 0.35em 0.65em;
|
|
font-size: 9px;
|
|
font-family: var(--upstudy-font-secondary);
|
|
font-weight: var(--upstudy-p-bold);
|
|
line-height: 1;
|
|
color: var(--upstudy-color-white);
|
|
background-color: #F5265D;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: 0.25rem;
|
|
margin-left: 5px;
|
|
}
|
|
.tpc-menu-new-badge {
|
|
display: inline-block;
|
|
padding: 0.48em 0.65em 0.35em 0.65em;
|
|
font-size: 9px;
|
|
font-family: var(--upstudy-font-secondary);
|
|
font-weight: var(--upstudy-p-bold);
|
|
line-height: 1;
|
|
color: var(--upstudy-color-white);
|
|
background-color: #00B1A9;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: 0.25rem;
|
|
margin-left: 5px;
|
|
}
|
|
a.main-header-btn.edu-btn.btn-medium {
|
|
padding: 0 30px;
|
|
margin-left: 30px;
|
|
}
|
|
a.main-header-btn.upstudy-btn {
|
|
margin-left: 25px;
|
|
padding: 12px 22px;
|
|
font-weight: 500;
|
|
}
|
|
.upstudy-header-area .site-branding {
|
|
margin-right: 40px;
|
|
}
|
|
.tpc-header-navbar {
|
|
display: flex;
|
|
position: relative;
|
|
min-height: 80px;
|
|
justify-content: space-between;
|
|
}
|
|
@media only screen and (max-width: 1198px) {
|
|
.tpc-header-navbar {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
.theme-header-2 .tpc-header-navbar {
|
|
justify-content: space-between;
|
|
}
|
|
.theme-header-4 .tpc-header-navbar {
|
|
justify-content: space-between;
|
|
}
|
|
.site-header:not(.theme-header-1) .upstudy-theme-header-nav {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
.theme-header-1 .upstudy-container-fluid, .theme-header-2 .upstudy-container-fluid, .theme-header-3 .upstudy-container-fluid {
|
|
padding-left: 90px;
|
|
padding-right: 90px;
|
|
}
|
|
.theme-header-1 .upstudy-theme-header-nav .upstudy-navbar-collapse, .theme-header-4 .upstudy-theme-header-nav .upstudy-navbar-collapse {
|
|
justify-content: flex-start !important;
|
|
}
|
|
body.header-bg-white:not(.upstudy-header-transparent-enable) .site-header:not(.upstudy-header-sticky-active) {
|
|
background: var(--upstudy-color-white);
|
|
z-index: 2;
|
|
position: relative;
|
|
}
|
|
.theme-header-1 a.main-header-btn {
|
|
margin-left: 35px;
|
|
}
|
|
.theme-header-1 .upstudy-header-area .dt-icon-search {
|
|
display: none;
|
|
position: relative;
|
|
}
|
|
.theme-header-1 .upstudy-login-register-wrapper {
|
|
margin: 0 10px;
|
|
}
|
|
.theme-header-1 .upstudy-woo-mini-cart-wrapper.woocommerce::after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 22px;
|
|
background: #dedfe0;
|
|
left: 20px;
|
|
top: 3px;
|
|
}
|
|
.site-header .quote-icon.upstudy-theme-nav-responsive.hamburger-icon {
|
|
margin-left: 30px;
|
|
}
|
|
.site-header .quote-icon.upstudy-theme-nav-responsive.hamburger-icon i {
|
|
font-size: 20px;
|
|
}
|
|
.theme-default-header .upstudy-navbar-expand-lg .upstudy-navbar-collapse {
|
|
justify-content: center;
|
|
}
|
|
@media only screen and (max-width: 1699px) {
|
|
.theme-header-1 .upstudy-container-fluid {
|
|
padding-left: 22px;
|
|
padding-right: 22px;
|
|
}
|
|
.theme-header-1 .edu-header-search-field {
|
|
display: none;
|
|
}
|
|
.theme-header-1 .upstudy-header-area .dt-icon-search {
|
|
display: block;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1350px) {
|
|
.upstudy-header-area .header-category {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.theme-default-header .upstudy-header-right-side, .theme-header-1 .upstudy-header-right-side {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.theme-header-2 .edu-header-search-field {
|
|
display: none;
|
|
}
|
|
.theme-header-3 .edu-header-search-field {
|
|
display: none;
|
|
}
|
|
a.main-header-btn {
|
|
display: none !important;
|
|
}
|
|
.upstudy-header-area .site-branding {
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 450px) {
|
|
.upstudy-header-right-side .upstudy-login-register-wrapper {
|
|
display: none;
|
|
}
|
|
.site-header .upstudy-header-area .header-quote {
|
|
display: none;
|
|
}
|
|
.theme-default-header .upstudy-header-right-side>div:not(:first-child):after {
|
|
display: none;
|
|
}
|
|
}
|
|
/* === Header Logo & Menu ==== */
|
|
|
|
.site-header {
|
|
position: relative;
|
|
-webkit-box-shadow: 0 3px 6px rgb(128 123 123 / 0%);
|
|
box-shadow: 0 3px 6px rgb(128 123 123 / 0%);
|
|
}
|
|
body.admin-bar .header-get-sticky {
|
|
top: 32px;
|
|
}
|
|
.upstudy-header-transparent-enable .upstudy-header-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 99;
|
|
background-color: transparent;
|
|
}
|
|
.upstudy-header-transparent-enable .site-header {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
width: auto;
|
|
background: transparent;
|
|
z-index: 9;
|
|
box-shadow: inherit;
|
|
}
|
|
.header-get-sticky {
|
|
position: sticky;
|
|
z-index: 11;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
background: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable .site-header:not(.header-get-sticky){
|
|
position: absolute;
|
|
}
|
|
/* === headroom ==== */
|
|
|
|
.headroom {
|
|
transition: transform .25s ease-in-out;
|
|
will-change: transform
|
|
}
|
|
.headroom--pinned {
|
|
transform: translateY(0)
|
|
}
|
|
.headroom--unpinned {
|
|
transform: translateY(-100%)
|
|
}
|
|
header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned {
|
|
-webkit-box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
}
|
|
header.header-get-sticky.headroom.headroom--not-bottom.headroom--pinned.headroom--top {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
header.header-get-sticky.headroom.headroom--top.headroom--not-bottom {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned {
|
|
position: fixed;
|
|
z-index: 10;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
background: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable header.top-header-removed {
|
|
background: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable.upstudy-scrolled-down header.header-get-sticky.headroom {
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
}
|
|
body.admin-bar.upstudy-header-transparent-enable header.header-get-sticky.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned {
|
|
top: 32px;
|
|
}
|
|
.upstudy-header-transparent-enable header.upstudy-elementor-header-wrapper.header-get-sticky.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned .upstudy-header-container {
|
|
position: sticky;
|
|
z-index: 10;
|
|
right: 0;
|
|
left: 0;
|
|
top: 0;
|
|
background: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable header.upstudy-elementor-header-wrapper.header-get-sticky.headroom.headroom--not-bottom.headroom--not-top.headroom--pinned .upstudy-header-container {
|
|
background-color: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable header.upstudy-elementor-header-wrapper.header-get-sticky.headroom.headroom--not-top.headroom--bottom.headroom--pinned .upstudy-header-container {
|
|
background-color: #fff;
|
|
}
|
|
.upstudy-header-transparent-enable header.upstudy-elementor-header-wrapper.header-get-sticky.headroom.headroom--not-bottom.headroom--top.madartank .upstudy-header-container {
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
}
|
|
header .upstudy-row {
|
|
margin-bottom: 0;
|
|
}
|
|
header .upstudy-row>* {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
.upstudy-sticky-header-wrapper.upstudy-header-sticky-active, .site-header.upstudy-header-sticky-active {
|
|
position: fixed;
|
|
background: var(--upstudy-color-white);
|
|
-webkit-box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1);
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 99;
|
|
-webkit-animation: headerSticky .95s ease forwards;
|
|
animation: headerSticky .95s ease forwards;
|
|
will-change: transform;
|
|
}
|
|
@media only screen and (max-width: 1199px) {
|
|
.upstudy-elementor-header-wrapper .upstudy-sticky-header-wrapper.upstudy-header-sticky-active, .upstudy-elementor-header-wrapper .site-header.upstudy-header-sticky-active {
|
|
-webkit-animation: 700ms ease-in-out 0s normal none 1 running headerSticky;
|
|
animation: 700ms ease-in-out 0s normal none 1 running headerSticky;
|
|
will-change: inherit;
|
|
}
|
|
}
|
|
.upstudy-header-area.upstudy-navbar {
|
|
padding: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.upstudy-header-area.upstudy-navbar ul.upstudy-navbar-nav li a {
|
|
-webkit-transition: all .3s ease-out;
|
|
-o-transition: all .3s ease-out;
|
|
transition: all .3s ease-out;
|
|
}
|
|
.upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-header-area .main-navigation ul.upstudy-navbar-nav>li.current-menu-item>a:after, .upstudy-header-transparent-enable .upstudy-sticky-header-wrapper:not(.upstudy-header-sticky-active) .upstudy-header-area .main-navigation ul.upstudy-navbar-nav>li:hover>a:after {
|
|
background-color: #ffffff;
|
|
}
|
|
.upstudy-header-area .main-navigation ul .upstudy-mega-menu {
|
|
min-width: 270px;
|
|
height: auto;
|
|
position: absolute;
|
|
top: 90%;
|
|
left: 0;
|
|
z-index: 90;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
text-align: left;
|
|
padding: 0px;
|
|
-webkit-transition: all .3s ease 0s;
|
|
-o-transition: all .3s ease 0s;
|
|
transition: all .3s ease 0s;
|
|
background-color: var(--upstudy-color-white);
|
|
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
|
|
pointer-events: none;
|
|
} |