File: /home/hunarpak/public_html/wp-content/themes/courselog/assets/sass/responsive.scss
@media (min-width: 992px) and (max-width: 1199px){
#course-item-content-header .course-title{
font-size: 18px !important;
}
.elementor-widget-courselog-cartbtn{
display: none;
}
.header .navbar-container .navbar-light .main-menu li ul.dropdown-menu li .dropdown-menu{
left: -100%;
}
.single-course .content-area {
padding: 35px 17px;
.course-footer {
.readmore-area {
a{
margin-right: 0 !important;
}
}
}
}
.header {
&.header-default{
.navbar-container .navbar-light .main-menu > li{
padding: 0 10px;
}
}
}
}
@media(max-width: 992px){
.header .navbar-container .navbar-light ul.navbar-nav li .dropdown-menu li.dropdown:after {
right: -10px;
top: 0;
}
#course-item-content-header .course-title{
font-size: 16px !important;
}
#course-item-content-header .form-button.lp-button-back {
float: right;
margin-right: 3px;
}
#learn-press-content-item #course-item-content-header .lp-button:hover{
background: transparent;
color: #fff;
}
.profile-orders{
overflow-y: scroll;
}
.user-dashboard .order-recover .button-recover-order{
margin-top: 15px;
}
.header{
padding: 20px 0;
#primary-nav{
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 99;
padding: 0 15px;
li{
a{
color: #222;
font-size: 14px;
}
ul.dropdown-menu{
box-shadow: none;
}
.dropdown-menu{
padding: 0;
}
}
ul>li >a{
line-height: 58px;
}
}
&.header-default{
#primary-nav{
padding: 15px 15px 0;
}
}
}
.media.header-cd-area{
display: none;
}
// footer
.newsletter-box{
.newsletter-content {
text-align: center;
margin-bottom: 30px;
h3{
font-size: 28px;
line-height: 36px;
}
}
}
.ts-footer {
.footer-logo{
margin-bottom: 20px;
display: inline-block;
}
.footer-menu,
.copyright{
text-align: center;
}
}
.elementor-widget-courselog-cartbtn{
display: none;
}
.archive-course-advanced{
.course-archive-list{
margin-bottom: 30px;
.filter-item{
margin-bottom: 10px;
}
}
.single-course{
margin-bottom: 30px !important;
}
}
}
@media (max-width: 767px){
body.course-item-popup #course-item-content-header .course-item-search,
#learn-press-content-item #course-item-content-header .course-title{
display: none;
}
body.course-item-popup #learn-press-course-curriculum{
width: 250px !important;
}
.header-logo-area{
margin-bottom: 20px;
text-align: center;
}
body.course-item-popup #learn-press-content-item .content-item-nav-wrap,
body.course-item-popup #learn-press-content-item .content-item-wrap{
width: 100% !important;
background: #fff;
padding: 60px 30px;
}
// Main Slider
.main-slider {
.slider-content {
.sub-title {
font-size: 17px;
margin-bottom: 8px;
}
.main-title {
font-size: 36px;
line-height: 1.3;
margin-bottom: 20px;
}
.slider-desc {
font-size: 16px;
margin-right: 0px;
margin-bottom: 25px;
}
.btn {
font-size: 16px;
padding: 14px 25px 13px;
margin-bottom: 10px;
.icon {
margin-right: 5px;
}
&+.btn {
margin-left: 8px;
}
}
}
&-style3{
.slider-image{
.image-box{
transform: rotate(0);
img{
transform: scale(1) rotate(0deg);
}
&:hover{
img{
transform: scale(1) rotate(-0deg);
}
}
}
}
}
}
.home-default-banner .ekit-section-parallax-layer{
display: none;
}
.course-content-area{
.content-block .course-co-instructors{
padding: 30px 30px !important;
}
.co-instructor-thumb-and-details{
display: block !important;
.co-instructor-thumb{
margin-bottom: 20px;
width: 100px;
height: 100px;
}
}
.co-instructor-head{
.title-and-details{
width: 100%;
}
}
}
.xs-review-box-item {
.xs-reviewer-details{
text-align: left;
align-items: flex-start;
.review-reviwer-image-section{
order: 1;
margin-bottom: 20px;
}
.review-reviwer-info-section{
padding-left: 0 !important;
}
}
}
.xs-review-box{
text-align: left;
.total-reivew-headding{
text-align: left;
margin-bottom: 20px !important;
}
}
#xs_review_form_public_data{
text-align: left;
}
.feature-image{
margin: 20px 0;
}
.post-navigation{
padding: 20px;
}
.single-course .content-area {
padding: 35px 20px 30px;
}
.instructor-profile-header {
display: block;
border-right: 1px solid transparent;
.courselog-instructor-profile {
margin-bottom: 30px;
}
}
.ts-instructor-profile-info {
padding-left: 0px;
margin-bottom: 45px;
}
.user-meta-summery {
li {
padding: 0;
text-align: center;
border-right: 1px solid transparent;
margin-bottom: 30px;
&:last-child {
margin-bottom: 0;
}
}
&::after,&::before{
display: none;
}
}
.course-archive-list{
margin-bottom: 30px;
.filter-item{
text-align: center;
margin-bottom: 0;
p{
margin-bottom: 10px;
&.sort-by{
margin-bottom: 20px;
}
}
}
}
.course-sidebar.archive-sidebar-course-solid {
.archive-widgets{
margin-left: 0;
margin-right: 0;
}
.course-archive-list{
.filter-item{
text-align: left;
}
}
}
.archive-course-solid{
.course-archive-list {
.filter-item{
text-align: left;
}
}
}
}
.product {
.woocommerce-tabs{
padding: 0 15px;
ul{
li{
margin-bottom: 20px !important;
}
}
}
section{
&.related {
&.products{
padding: 0 15px;
}
}
}
}
@media(max-width: 480px){
.user-dashboard {
#learn-press-profile-nav {
.learn-press-tabs.tabs{
margin-top: 35px;
background: #f9f9f9;
}
&:hover{
#profile-mobile-menu{
background: $primary-color;
}
}
}
#learn-press-profile-nav .tabs > li.active ul,
#learn-press-profile-nav .tabs > li.active a,
#learn-press-profile-nav .tabs > li:hover ul,
#learn-press-profile-nav .tabs > li:hover a{
background: #f9f9f9;
}
}
// archive page
.text-index-result,
.courselog-course-category-dropdown{
margin-bottom: 15px !important;
text-align: center !important;
}
// course single
.course-entry-content {
.course-title{
font-size: 26px;
line-height: 30px;
}
}
/* Main Slider */
.main-slider {
.slider-content {
.main-title {
font-size: 30px;
}
}
&-style3{
.slider-image{
display: block;
.image-box{
width: 100%;
display: block;
&.image-one{
margin: 0;
}
}
}
}
}
}
@media (min-width:992px) {
.main-slider {
.banner-item {
min-height: calc(100vh - 130px);
}
}
.instructor-profile-header {
.ts-instructor-info-wrap{
padding: 0 40px;
}
}
:root {
--data-max-height: 302px;
}
.course-list-widget-wraper {
position: relative;
.gradient_shade_area {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 95px;
background: rgb(4,26,87);
background: linear-gradient(180deg, rgba(4,26,87,0) 0%, rgba(255,255,255,1) 100%);
z-index: 2;
user-select: none;
.archive-course-solid &{
background: linear-gradient(180deg, rgba(4, 26, 87, 0) 0%, #f8f8fc 100%);
}
}
.course-list-widget {
overflow: hidden;
height: 230px;
transition: all ease 0.4s;
.etn-date-widget &{
height: auto;
}
}
}
.archive-widgets ul li a {
word-break: break-all;
}
}
@media (min-width: 1025px) {
.category-slider.owl-carousel .owl-stage-outer {
overflow: visible;
}
.category-slider.owl-carousel .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 0.0s ease, visibility 0.0s ease;
}
.category-slider.owl-carousel .owl-item.active {
opacity: 1;
visibility: visible;
}
.main-menu {
.elementskit-dropdown li:first-child {
margin-top: 0;
}
.elementskit-dropdown li:last-child {
margin-bottom: 0px;
}
.ekit-wid-con .dropdown-item.active,
.ekit-wid-con .dropdown-item:active {
background: rgba(#fff, 0.5);
}
}
.main-menu .elementskit-navbar-nav>li {
>a::after {
position: absolute;
content: '';
width: 5px;
height: 5px;
left: 0;
right: 0;
bottom: 15px;
margin: auto;
border-radius: 50%;
background: #0eb582;
opacity: 0;
-webkit-transition: all ease .4s;
-o-transition: all ease .4s;
transition: all ease .4s;
}
}
.main-menu .elementskit-navbar-nav>li:hover>a::after {
opacity: 1;
}
}
@media (min-width: 1024px) and (max-width: 1275px){
.courselog-header-category-menu{
display: none;
}
}