:root { /* https://www.css-gradient.com/ */ --background-one: rgba(240, 245, 251, 0.6); --background-two: rgba(53, 96, 143, 0.06); --background-three: rgba(248, 250, 252, 1); --background-four: radial-gradient( at center, rgba(255, 255, 255, 1), rgba(221, 232, 244, 1) ); /* * Created with https://www.css-gradient.com * Gradient link: https://www.css-gradient.com/?c1=ffffff&c2=ccf6f2&gt=r&gd=dcc */ /* background: rgba(255, 255, 255, 1.0); background: radial-gradient(at center, rgba(255, 255, 255, 1.0), rgba(204, 246, 242, 1.0)); */ --brand-color: #3a7fa5; --brand-color-light: #6bb3d4; --brand-color-bold: #326788; --seconderyColor: #f5f8fd; --seconderyColorDark: #f2f4f8; --reviewColor: #ff5722; --light:'lightgray'; --white: white; --gray: #607d8b; --fontBold: 600; --black: #2a495f; --border-color: #8080800f; --hover-shadow: 0 2px 5px rgb(0 0 0 / 10%); --shadow: 0 1px 1px rgb(0 0 0 / 10%); --radious: 3px; --tiny-size: 12px; --p-size: 15px; --p-line-height: 27px; --p-line-height-mobile: 25px; --p-color: #000000; --mini-size: 14px; --mini-color: #000000d6; --heading-size: 30px; --heading-color: #000000; --title-size: 19px; --title-color: var(--black); --mini-title-size: 17px; --mini-title-color: var(--black); --light:'lightgray'; --fontBold: 600; --poppins:'poppins'; /* plate color orange */ --orange-plate-bg: #e67e22; --blue-plate-bg: #2980b9; --red-plate-bg: #e74c3c; --heading-one: 30px; --heading-two: 25px; --heading-three: 20px; --heading-four: 18px; --heading-five: 17px; --heading-six: 15px;
} body { font-family: var(--font-sans,'Google Sans', sans-serif) !important;
} .video-description iframe { border-radius: 10px; min-height: 500px !important;
} .footer-menu-widget .footer-item h3 { margin-top: 0px !important; margin-bottom: 15px !important;
} /* WP styles */
.wp-block-image { margin: unset !important;
}
.wp-block-image a { border-bottom: unset !important;
}
.single-content-area .wp-block-image img { height: auto; width: auto; border-radius: 5px; margin: 10px 0px;
}
.wp-block-image figcaption { margin-top: unset !important; font-style: italic; font-size: var(--tiny-size);
}
.single-content-area iframe { width: 100%; height: 480px; border-radius: 5px;
}
.wpp-meta,
.post-stats {
}
figure.wp-block-embed .wp-block-embed__wrapper iframe { width: 100% !important; height: 450px !important; border-radius: 7px; margin: 15px 0px;
}
/* .wp-block-table tr { border: 1px solid lightgray; } */
.wp-block-table table { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; font-family: poppins;
}
.wp-block-table table td,
.wp-block-table table th { border: 1px solid #ddd; padding: 12px; font-weight: 600;
}
.wp-block-table table td strong,
.wp-block-table table th strong,
.wp-block-table td strong,
.single-content-area th strong { font-weight: 600; font-size: var(--p-size);
}
.wp-block-table table td,
.wp-block-table table th,
.wp-block-table td { font-weight: 400; font-size: var(--p-size); transition: all 0.3s ease-in;
}
.wp-block-table thead { border-bottom: unset !important;
}
.wp-block-table table tr:nth-child(even) { background-color: #f2f2f2;
}
.wp-block-table table tr:hover { background-color: #ddd;
}
.wp-block-table table th { padding-top: 12px; padding-bottom: 12px; text-align: left;
}
.wp-block-table .wp-element-caption { font-style: italic; margin-top: 5px; font-size: 14px;
} /* content area */
.single-content-area { margin-top: 13px; width: 100%; padding: 20px;
}
.single-content-area:last-child { margin-bottom: 20px;
}
.page-content-area { padding: 10px;
}
.page-content-area p {
}
.page-content-area.single-content-area > h3 { display: inline-block;
}
.page-content-area.single-content-area { max-width: 900px; margin: auto; padding: 30px 0px;
}
.single-content-area p ul {
}
.single-content-area ul,
.single-content-area ol { margin-bottom: 18px; margin-left: 20px;
}
.single-content-area li { font-size: 18px; position: relative; padding-left: 22px; line-height: 30px; color: #000000f2; margin-bottom: 10px; font-weight: 400;
}
.single-content-area li::before { content:''; position: absolute; left: 0px; top: 8px; width: 12px; height: 12px; background: var(--brand-color); border-radius: 2px;
}
.single-content-area li.treatment-list-li::before { padding-left: 0px !important; left: 0px !important; top: 8px !important; position: relative !important; height: unset !important; width: unset !important; background: unset !important; border-radius: unset !important;
}
.single-content-area li.treatment-list-li { padding-left: 0px !important; margin: 0px !important; line-height: unset !important; font-size: unset;
}
.single-content-area li strong { font-weight: 600;
}
.single-content-area p { font-size: 18px; margin-bottom: 15px; line-height: 30px;
}
.single-content-area p strong { font-weight: 600;
}
.single-content-area p img { width: 100%; height: auto; object-fit: contain;
}
.single-content-area p iframe { width: 100%; height: 450px;
}
.single-content-area h2,
.single-content-area h3,
.single-content-area h4,
.single-content-area h5,
.single-content-area h6 { text-transform: capitalize; margin: 10px 0px; font-weight: 500; color: var(--black);
}
.single-content-area h2 strong,
.single-content-area h3 strong,
.single-content-area h4 strong,
.single-content-area h5 strong,
.single-content-area h6 strong { font-weight: 600;
}
.single-content-area h2 { font-weight: 600 !important; font-size: var(--heading-two) !important; line-height: 35px;
}
.single-content-area h3 { font-weight: 600 !important; font-size: var(--heading-three);
}
.single-content-area h4 { font-size: var(--heading-four);
}
.single-content-area h5 { font-size: var(--heading-five);
}
.single-content-area h6 { font-size: var(--heading-six);
}
.single-content-area a { border-bottom: 2px dotted #0000004a; font-weight: 500; text-decoration: none; color: var(--brand-color); margin: 0px 1px;
}
.single-content-area a:hover { color: var(--brand-color-bold);
}
.single-content-area blockquote { background: var(--background-two); padding: 15px; border-left: 3px solid #3a7fa5; box-shadow: 0px 0px 1px 0px lightgrey; margin: 20px 0px; border-radius: 3px;
}
.single-content-area blockquote p { font-size: var(--p-size); line-height: 28px; font-weight: 400; color: #282524; margin-bottom: unset;
}
.single-content-area p:last-child { margin-bottom: unset;
}
.author-image img { border-radius: 100%; overflow: hidden; border: 2px solid #359dd224;
}
.wp-block-separator { border-top: 1px solid #d3d3d33d !important;
}