Next.js clone of the clinic site with Meshkee-backed articles and portfolio pages. Co-authored-by: Cursor <cursoragent@cursor.com>
159 lines
3.3 KiB
CSS
159 lines
3.3 KiB
CSS
/*----------------------------------------------------------------
|
|
GLOBAL
|
|
----------------------------------------------------------------*/
|
|
body.wb-rtl .direction-auto {
|
|
direction: rtl !important;
|
|
}
|
|
|
|
.direction-auto .about-img-back {
|
|
left: 0;
|
|
right: unset;
|
|
}
|
|
|
|
body.wb-ltr .direction-auto {
|
|
direction: ltr !important;
|
|
}
|
|
|
|
body.wb-rtl .text-align-auto,
|
|
body.wb-rtl .dropdown-item {
|
|
text-align: right !important;
|
|
}
|
|
|
|
body.wb-ltr .text-align-auto {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.MulltipleEllipsis-Clamp2 {
|
|
overflow: hidden;
|
|
display: -webkit-box !important;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
HEADER
|
|
----------------------------------------------------------------*/
|
|
@media(min-width: 1200px) {
|
|
body.wb-rtl .banner-details>figure {
|
|
margin-right: -180px;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
body.wb-rtl .banner-details-txt {
|
|
left: 0;
|
|
right: unset;
|
|
}
|
|
|
|
body.wb-rtl .banner-details-txt p:after {
|
|
right: -21px;
|
|
left: unset;
|
|
}
|
|
|
|
.banner-btn a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
body.wb-rtl .dropdown-menu,
|
|
body.wb-rtl .header-con .navbar-light .navbar-nav .nav-item::after {
|
|
right: 0;
|
|
left: unset;
|
|
}
|
|
|
|
body.wb-rtl .phone-txt {
|
|
padding-left: 0;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
body.wb-rtl .service-provide-box {
|
|
padding-right: 37px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
body.wb-rtl .provide-arrow figure {
|
|
margin-right: 11px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
body.wb-rtl .patient-details .patient-rating {
|
|
margin-left: 0;
|
|
margin-right: 16px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
FEATURE BOX
|
|
----------------------------------------------------------------*/
|
|
body.wb-rtl .contact-img-box {
|
|
margin-left: 25px;
|
|
margin-right: 0;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
CONTACT US
|
|
----------------------------------------------------------------*/
|
|
|
|
.contact-con:before {
|
|
background: transparent;
|
|
}
|
|
|
|
.contact-con.result-section:before {
|
|
background: transparent;
|
|
}
|
|
|
|
.dots-img:after,
|
|
.contact-con.result-section:after {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
#accordion button {
|
|
font-size: 1.1em;
|
|
text-decoration: none;
|
|
background-color: rgb(0 166 229 / 5%);
|
|
color: var(--wb-primary-color);
|
|
margin-bottom: 7px;
|
|
border-radius: 14px;
|
|
}
|
|
|
|
#content h3,
|
|
#content h4, #content h2 {
|
|
color: #000;
|
|
}
|
|
@media only screen and (min-width: 1200px) {
|
|
body.wb-rtl .contact-form {
|
|
margin: auto -15% auto auto;
|
|
}
|
|
|
|
body.wb-rtl .header-con .navbar-expand-lg .navbar-nav {
|
|
margin-left: 75px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
body.wb-rtl .banner-title p {
|
|
padding-left: 100px;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
body.wb-rtl .banner-details>figure {
|
|
margin-left: -90px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
body.wb-rtl .banner-details>figure {
|
|
margin-left: -70px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
body.wb-rtl .banner-details>figure {
|
|
margin-left: 0;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|