/* 05 - sidebar section - start ==================================================================================================== */ .sidebar-section { &.pl-30 { padding-left: 30px; } &.pr-30 { padding-right: 30px; } .widget { margin-bottom: 70px; &:last-child { margin-bottom: 0px !important; } &.bg-white { padding: 40px; border-radius: 6px; background-color: #ffffff; box-shadow: 7.19px -3.507px 104px 0px rgba(36, 45, 75, 0.1); .widget-title { font-size: 30px; } } } .widget-title { font-size: 22px; font-weight: 700; line-height: 1.273; margin-bottom: 40px; color: $default-black; font-family: $heading-font; } .search-form { .form-item { input { border-radius: 0px; } .submit-btn { top: 0px; right: 0px; height: 50px; color: #ffffff; font-size: 20px; min-width: 60px; line-height: 54px; text-align: center; position: absolute; background-color: $default-purple; } } } .category-list { >ul { >li { margin-bottom: 20px; &:last-child { margin-bottom: 0px !important; } >a { font-size: 16px; font-weight: 600; color: $default-color; font-family: $body-font; &:hover { color: $default-purple; } } } } } .recent-post { >ul { >li { margin-bottom: 30px; &:last-child { margin-bottom: 0px !important; } } } } .instagram-post { .image-list { margin: -5px; >ul { width: 100%; >li { width: 25%; padding: 5px; >a { width: 100%; display: block; overflow: hidden; border-radius: 6px; } } } } } .popular-tags { .tag-list { margin: -5px; >ul { width: 100%; >li { padding: 5px; >a { height: 36px; display: block; color: #75717b; font-size: 16px; line-height: 36px; padding: 0px 22px; border-radius: 6px; text-align: center; font-family: $body-font; background-color: #f9f4fe; &:hover { color: #ffffff; background-color: $default-purple; } } } } } } // service details page - start .services-tab { .tabs-nav { margin: -15px -40px; >ul { >li { margin-bottom: 1px; &:last-child { margin-bottom: 0px !important; } >a { width: 100%; display: block; font-size: 18px; position: relative; padding: 15px 40px; padding-left: 70px; color: $default-color; &:before { top: 15px; left: 40px; content: '\f105'; font-weight: 400; position: absolute; font-family: 'Font Awesome 5 Pro'; } &:hover, &.active { color: #ffffff; background-color: $default-purple; } } } } } } .contact-info { >ul { >li { margin-bottom: 30px; &:last-child { margin-bottom: 0px !important; } .icon { width: 45px; float: left; font-size: 26px; } .content { display: table; h4 { font-size: 18px; } } } } } // service details page - end } /* 05 - sidebar section - end ==================================================================================================== */