MIF_31211725/public/assets/scss/_cource_details.scss

213 lines
3.8 KiB
SCSS

.course_details_area {
.title_top{
margin-top: 60px;
font-size: 22px;
font-weight: 600;
margin-bottom: 13px;
}
.title {
font-size: 22px;
font-weight: 600;
border: none;
cursor: pointer;
margin-top: 40px;
position: relative;
padding-bottom: 10px;
margin-bottom: 13px;
border-top: 1px solid #edeff2;
padding-top: 30px;
}
.btn_2{
padding: 5px 19px;
font-size: 14px;
text-transform: capitalize !important;
border: 1px solid #edeff2;
}
}
.comments-area{
.thumb img{
width: 100px !important;
border-radius: 0;
}
}
.desc{
h5{
a{
color: #0c2e60;
}
}
p{
font-size: 12px !important;
}
}
.course_details_left {
.content_wrapper {
}
.content {
color: rgb(136, 136, 136);
line-height: 1.929;
}
.course_list {
margin-bottom: 0;
@media (max-width: 575px) {
padding-left: 0;
}
li {
list-style: none;
margin-bottom: 20px;
.primary-btn {
background: #f9f9f9;
box-shadow: none;
font-size: 12px;
border-radius: 0px;
&:hover {
color: #ffffff;
}
@media (max-width: 575px) {
min-width: 100px;
font-size: 10px;
padding: 0 10px;
}
}
&:last-child {
margin-bottom: 0;
}
}
}
}
.review-top {
h6{
color: #ee3f0e;
font-size: 15px;
margin-bottom: 21px;
margin-top: 7px;
}
}
.feedeback{
h6{
margin-bottom: 16px;
}
.btn_1{
padding: 5px 19px;
margin-top: 20px;
}
}
.right-contents {
@media (max-width: 991px) {
margin-top: 50px;
}
.sidebar_top{
padding: 40px 30px;
border: 1px solid #edeff2;
.btn_1{
text-align: center;
margin-top: 20px;
}
span{
color: $font_8;
}
.color{
color: #0c2e60;
font-size: 15px;
}
ul {
li {
list-style: none;
padding: 10px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #edeff2;
&:last-child{
border-bottom: 0px solid #edeff2;
}
a {
text-align: left;
p {
margin-bottom: 0px;
}
}
.or {
font-weight: 500;
}
}
}
}
.enroll {
margin-top: 10px;
width: 100%;
}
.reviews {
span,
.star {
width: 31%;
margin-bottom: 10px;
color: $font_8;
font-size: 15px;
}
}
.avg-review {
background: #04091e;
text-align: center;
color: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 20px 0px;
span {
font-size: 18px;
}
@media (max-width: 991px) {
margin-bottom: 20px;
}
}
.single-reviews {
.thumb {
@media (max-width: 1024px) {
margin-right: 10px;
}
}
h5 {
display: inline-flex;
@media (max-width: 1024px) {
display: block;
}
.star {
margin-left: 10px;
@media (max-width: 1024px) {
margin: 10px 0;
}
}
}
}
.feedeback {
margin-top: 30px;
textarea {
resize: none;
height: 130px;
border: 1px solid #edeff2;
border-radius: 0px;
&:focus {
box-shadow: none;
}
}
}
.star {
.checked {
}
}
.comments-area {
padding: 0;
border: 0;
background: transparent;
.star {
margin-left: 20px;
}
}
}