:root {
--font-fahkwang: 'Fahkwang', sans-serif;
--font-unbounded: 'Unbounded', sans-serif;
--primary-color: #EC6219;
--primary-color2: #F4CB0A;
--primary-color3: #1A1A1A;
--primary-color4: #78EB54;
--title-color: #1A1A1A;
--title-color-opc: 26, 26, 26;
--dark-title-color: #1A1A1A;
--white-color: #fff;
---dark-white-color: #fff;
--deep-white-color: #DFDFDF;
--paragraph-color: #545454;
--paragraph-color-opc: 84, 84, 84;
--paragraph-color2: #363636;
--paragraph-color3: #1A1A1A;
--paragraph-color-dark: #C4C4C4;
--border-color: #dfdfdf;
--border-color2: #eee;
--body-bg1: #F0F0F0;
--bg-color1: #F8F8F8;
--section-bg1: #EAEAEA;
}
body.dark {
--title-color: #FFFFFF;
--title-color-opc: 255, 255, 255;
--deep-white-color: #222;
--paragraph-color: #c4c4c4;
--paragraph-color-opc: 196, 196, 196;
--paragraph-color2: #dfdfdf;
--paragraph-color-dark: #C4C4C4;
--border-color: #2F2F2F;
--border-color2: #222222;
--body-bg1: #161616;
---dark-white-color: #161616;
--section-bg1: #1A1A1A;
--bg-color1: #F8F8F8;
background-color: #161616 !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
} .site-title h3 {
margin: 0;
}
.site-title h3 a {
color: #000;
font-size: 24px;
display: inline-block;
}
.set-menu h4 {
margin: 20px 0;
}
.set-menu h4 a {
color: var(--primary-color);
font-size: 18px;
display: inline-block;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--primary-color1);
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.bypostauthor {
display: block;
}
.gallery-caption {
display: block;
}  .single-widgets:first-child {
margin-top: 0;
} .wp-block-search .wp-block-search__label,
.single-widgets .wp-block-heading {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
.single-widgets.widget_search label {
width: auto;
display: block;
} .wp-block-search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
background-color: #F4F9FD;
border: 1px solid var(--border-color2);
padding: 6px;
height: 60px;
}
.wp-block-search .wp-block-search__input {
background-color: #F4F9FD;
height: 56px;
color: var(--paragraph-color);
font-family: var(--font-montserrat);
font-size: 16px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
padding: 10px 30px;
border-radius: unset;
} .wp-block-search .wp-block-search__button {
min-width: 48px;
max-width: 48px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: none;
font-size: 10px;
outline: none;
color: var(---dark-white-color);
background-color: var(--primary-color);
overflow: hidden;
position: relative;
z-index: 1;
}
.wp-block-search .wp-block-search__button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.wp-block-search .wp-block-search__button:hover {
color: var(--dark-title-color);
}
.wp-block-search .wp-block-search__button:hover svg {
fill: var(--dark-title-color);
}
.wp-block-search .wp-block-search__button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.wp-block-search .wp-block-search__button.has-icon.wp-element-button {
min-width: 70px;
}
.wp-block-search .wp-block-search__button svg {
fill: var(--white-color);
vertical-align: middle;
font-size: 25px;
transform: rotate(265deg);
} .single-widgets ul,
.single-widgets ol {
margin: 0;
padding: 0;
list-style: none;
}
.single-widgets ul li,
.single-widgets ol li {
white-space: normal;
margin-bottom: 25px;
}
.single-widgets ul.list li {
margin-bottom: 0px;
}
.single-widgets ul li:last-child,
.single-widgets ol li:last-child {
margin-bottom: 0;
}
.single-widgets ul li:first-child,
.single-widgets ol li:first-child {
margin-top: 0px;
}
.single-widgets ul li a.wp-block-latest-posts__post-title {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
transition: 0.35s;
}
.single-widgets ul li a {
font-weight: 400;
font-size: 15px;
color: var(--title-color);
font-family: var(--font-unbounded);
transition: 0.35s;
line-height: 1;
}
.single-widgets ul li a:hover {
color: var(--primary-color);
}
.wp-block-categories-list.wp-block-categories li {
font-family: var(--font-montserrat);
font-weight: 400;
font-size: 16px;
color: var(--title-color);
transition: 0.5s;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
} ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a {
color: var(--title-color);
font-family: var(--font-marcellus);
font-size: 18px;
font-weight: 400;
transition: 0.35s;
}
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a:hover {
color: var(--primary-color);
} .wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
font-size: 14px;
font-weight: 500;
font-family: var(--font-montserrat);
color: var(--title-color);
transition: 0.5s;
display: block;
}
.single-widgets .wp-block-latest-posts__featured-image img {
max-width: 86px;
min-width: 86px;
height: 86px;
-o-object-fit: cover;
object-fit: cover;
} .wp-block-tag-cloud,
.tagcloud {
margin-bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.wp-block-tag-cloud a,
.tagcloud a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px !important;
font-weight: 400;
transition: 0.35s;
line-height: 1;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
color: var(--primary-color);
border: 1px solid var(--primary-color1);
;
}
.single-widgets ul.sub-menu,
.single-widgets ul.children {
padding-left: 15px;
padding-top: 15px;
}
.single-widgets ul.sub-menu li:first-child,
.single-widgets ul.children li:first-child {
padding-top: 0;
}
.wp-block-latest-comments {
margin: 0;
padding: 0;
}
.wp-block-latest-comments p,
.widget_recent_comments p {
margin-bottom: 0;
}
.wp-block-latest-comments__comment-meta {
background: none !important;
padding-left: 0;
padding-top: unset;
}
.wp-block-latest-comments li a,
.widget_recent_comments li a {
font-family: var(--font-unbounded);
font-weight: 400;
font-size: 16px;
color: var(--title-color);
transition: 0.35s;
margin-bottom: 0;
}
.wp-block-latest-comments li a:hover,
.widget_recent_comments li a:hover {
color: var(--primary-color);
} label.wp-block-archives__label {
font-weight: 400;
color: var(--title-color);
font-family: var(--font-montserrat);
}  .wp-calendar-table {
width: 100%;
margin: 0;
}
.padding-zero {
padding: 0;
}
.page-wrapper table,
.blog-details-content table,
.comment-area table {
width: 100%;
border-left: 1px solid var(--primary-color);
border-top: 1px solid var(--primary-color);
margin-bottom: 30px;
}
.blog-comments .comment .comment-content {
max-width: calc(100% - 70px);
}
.comment-content table tr td {
padding: 10px;
}
#wp-calendar>caption {
background: var(--primary-color);
color: white;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
caption-side: top;
font-family: var(--font-unbounded);
font-weight: 500;
}
table th,
table tr,
.page-wrapper table th,
.page-wrapper table tr,
.page-wrapper table td,
.blog-details-page table th,
.blog-details-page table tr,
.blog-details-page table td,
.comments-area table th,
.comments-area table tr,
.comments-area table td {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
font-family: var(--font-unbounded);
}
table td {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
}
#wp-calendar th {
background: #1c2527;
padding: 5px 0;
text-align: center;
color: #fff;
font-size: 14px;
}
#wp-calendar tbody td {
border: 1px dashed var(--primary-color);
padding: 5px 0;
text-align: center;
color: var(--title-color);
}
nav.wp-calendar-nav a,
#wp-calendar tbody td a {
color: var(--title-color);
} .rss-widget-title {
color: var(--primary-color1);
}
.rss-widget-title:hover {
color: unset;
}
.wp-block-rss__item-title a:hover {
color: var(--primary-color1);
}
.single-widgets .widget_rss p {
padding-top: 35px;
}
.single-widgets .widget_rss h3 a {
font-size: 1.5rem;
font-weight: 700;
color: var(--title-color1);
font-family: var(--font-montserrat);
letter-spacing: 0.02em;
text-transform: capitalize;
line-height: 1;
}
.widget_rss li {
margin-bottom: 20px;
padding-bottom: 20px;
}
.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget_rss li a {
font-weight: 500;
}
.widget_rss li .rss-date {
display: block;
margin-bottom: 10px;
font-size: 15px;
font-weight: 400;
background: var(--primary-color);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 10px;
}
.widget_rss li cite {
color: var(--primary-color);
letter-spacing: 1px;
margin-top: 10px;
display: block;
font-weight: 500;
font-size: 15px;
}
.widget_rss li cite::before {
display: inline-block;
width: 20px;
height: 2px;
content: "";
position: relative;
top: -5px;
background: var(--primary-color);
margin-right: 10px;
} .sidebar-widget.page-search {
position: relative;
}
.widget_search .page-search form {
display: flex;
align-items: center;
background-color: #F4F9FD;
border: 1px solid var(--border-color2);
padding: 6px;
}
.widget_search .page-search form label {
margin-bottom: 10px;
color: var(--title-color);
display: none;
}
.sidebar-widget.page-search form input {
background-color: transparent;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
padding: 0px 25px;
border-radius: unset;
border: 1px solid #eee;
}
.single-widgets .widget_search {
border: 1px solid #eee;
}
.error-area-wrapper #searchform input {
border-radius: 2px;
width: 80%;
height: 50px;
}
.widget_search .page-search form button[type="submit"],
.error-area-wrapper form button[type="submit"] {
min-width: 48px;
max-width: 48px;
height: 44px;
border: none;
outline: none;
background-color: var(--primary-color);
overflow: hidden;
position: relative;
z-index: 1;
}
.widget_search .page-search form button[type="submit"]:hover,
.error-area-wrapper form button[type="submit"]:hover {
color: white;
}
.widget_search .page-search form button[type="submit"]:hover::after,
.error-area-wrapper form button[type="submit"]:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.widget_search .page-search form button[type="submit"]:after,
.error-area-wrapper form button[type="submit"]:after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.widget_search .page-search form button[type="submit"]::before,
.error-area-wrapper form button[type="submit"]::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: var(--primary-color1);
z-index: -1;
transition: 0.6s;
transform-origin: right;
}
.widget_search .page-search form button[type="submit"]:hover::before,
.error-area-wrapper form button[type="submit"]:hover::before {
width: 0;
}
.sidebar-widget.page-search button {
position: absolute;
background: transparent;
color: #fff;
right: 0;
outline: none;
border: none;
}
.sidebar-widget.page-search button i {
color: #ffffff;
}
.sidebar-widget.page-search button:hover i {
color: var(--primary-color3);
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
height: 60px;
}
.widget-area .textwidget p {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 1rem;
}  .blog-st-card {
position: relative;
}
.sticky-post-icon {
position: absolute;
right: 2rem;
top: 0;
width: 100px;
height: 100px;
content: "\e6de";
font-family: "themify";
display: block;
font-size: 70px;
color: rgba(var(--theme-color), 0.19);
left: auto;
padding-top: 14px;
line-height: 1;
text-align: center;
border-radius: 50%;
opacity: 0.3;
}
.contentblog-details- ul,
.blog-details-page ol {
clear: both;
margin-top: 15px;
gap: 15px;
margin-bottom: 15px;
}
.blog-details-page .blog-tag-social-area ul li,
.blog-details-page .blog-tag-social-area ol li {
font-family: var(--font-montserrat);
font-size: 15px;
color: var(--title-color);
margin-bottom: unset;
line-height: 2;
}
.blog-details-page ul li a,
.blog-details-page ol li a {
color: var(--title-color);
}
.blog-details-page ul li a:hover,
.blog-details-page ol li a:hover {
color: var(--primary-color);
}
.widget_archive ul li {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-content-wrapper::after,
.page-wrapper .inner-post::after,
.entry-content::after,
.entry-summary::after,
.blog-details .blog-content::after {
clear: both;
content: "";
display: block;
} code {
padding: 5px 15px;
background: var(--primary-color);
color: white !important;
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
} .blog-details-content img:last-of-type {
margin-bottom: 0;
}
.wp-block-image .alignright {
margin: 8px 0 8px 25px;
}
.wp-block-image figcaption {
text-align: unset;
color: #7e7e7e;
}
.blog-tag-and-social {
clear: both;
}
.page-wrapper .inner-post::after,
.entry-content::after,
.entry-summary::after,
.blog-details-content::after {
clear: both;
content: "";
display: block;
} .alignleft {
float: left;
margin-right: 2em;
clear: both;
}
.wp-block-button__link {
background-color: var(--primary-color);
padding: 8px 25px;
color: var(--white-color);
font-weight: 500;
font-size: 16px;
}
.wp-block-button__link:hover {
background: #2e2d31;
color: #fff;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0;
}
.alignright {
float: right;
margin-left: 2em;
margin-bottom: 20px;
clear: both;
} .wp-block-cover.has-background-dim {
color: #ffffff;
}
.wp-block-cover p.wp-block-cover-text {
font-size: 2em !important;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
line-height: 1.8;
color: #fff !important;
}
.alignfull,
.alignwide {
margin-bottom: 20px;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
gap: 15px;
margin-right: 5px;
}
.news-wrap2 .news-content figure.wp-block-gallery {
margin-bottom: 40px;
}
.wp-block-media-text__content .has-large-font-size+p {
line-height: 1.6;
}
.news-wrap2 .news-content .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 100px !important;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 100px !important;
}
.wp-block-quote.has-text-align-right {
padding-right: 3em !important;
}
.news-wrap2 .news-content .wp-block-quote.has-text-align-right {
padding-right: 2em;
} .blog-details-wrap .post-content p.has-large-font-size {
line-height: 1.6;
}
.blog-details-wrap .post-content p.has-large-font-size+p {
line-height: 1.3;
}
.blog-details-wrap .post-content .has-very-light-gray-color,
.blog-details-wrap .post-content .has-text-align-center.has-large-font-size {
color: #eee;
}
.wp-block-video figcaption {
margin-top: 15px;
color: #7e7e7e;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.wp-block-archives-list.extraclass.wp-block-archives {
padding: 0;
}
.blog-details-content .wp-block-archives-dropdown .nice-select,
.blog-details-content .wp-block-categories-dropdown .nice-select {
margin-bottom: 30px;
}
.wp-block-calendar {
margin-bottom: 30px;
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: var(--title-color);
}
.blog-details-page form.post-password-form {
text-align: center;
}
.blog-details-content p.wp-block-tag-cloud {
margin-bottom: 25px;
} .wp-block-group.has-background {
padding: 20px;
margin-bottom: 30px;
}
.wp-block-group.has-background p,
.wp-block-media-text.has-media-on-the-right p {
color: var(--black-color2) !important;
}
.wp-block-file {
font-family: var(--font-montserrat);
color: var(--title-color);
margin-top: 20px;
}
.wp-block-file__button:hover {
color: var(--primary-color);
}
.wp-block-embed__wrapper {
font-weight: 400;
color: var(--title-color);
font-family: var(--font-montserrat);
} .comments-area dl,
.comments-area ul,
.comments-area ol,
.comments-area address,
.post-content dl,
.post-content address,
.page-wrapper .inner-post dl,
.page-wrapper .inner-post ul,
.page-wrapper .inner-post ol,
.page-wrapper .inner-post address {
font-family: var(--font-montserrat);
} pre.wp-block-code {
background: var(--primary-color);
border: none;
}
.wp-block-code code {
color: #2a2d33;
}
pre.wp-block-preformatted {
margin-top: 10px;
}
pre {
margin-top: 15px;
color: #212529;
background-color: var(--primary-color1);
background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
background-size: 38px 38px;
border: 1px solid var(--primary-color1);
display: block;
line-height: 19px;
margin-bottom: 20px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
word-break: break-word;
}
.blog-details-wrap .post-content blockquote {
margin-bottom: 20px;
}
.news-content .wp-block-table .has-fixed-layout * {
border-color: var(--primary-color1);
} .alignnone {
margin-bottom: 20px;
margin-top: 20px;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
} .post-password-form input {
width: inherit;
border: 1px solid var(--border-color2);
height: 50px;
background-color: #F4F9FD;
padding-left: 10px;
}
.post-password-form input[type="submit"] {
height: 50px;
width: 90px;
margin-left: -5px;
outline: none;
color: var(--white-color);
background: var(--primary-color);
border-radius: 0px 5px 5px 0px;
transition: 0.5s;
border: 1px solid var(--primary-color);
vertical-align: bottom;
} .single-comment .comment-content {
width: 100%;
width: calc(100% - 130px);
}
.page-wrapper .comment-area .comment-content {
max-width: unset;
}
.comment-area blockquote {
margin-bottom: 30px;
}
#wp-comment-cookies-consent {
width: auto;
margin-right: 10px;
} .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
} embed,
iframe,
object {
max-width: 100%;
width: 100%;
min-height: 400px;
} .error-area-wrapper .search-form {
display: block;
}
.error-area-wrapper .search-form label {
color: var(--title-color);
font-family: var(--font-montserrat);
font-size: 18px;
font-weight: 500;
display: block;
margin-bottom: 35px;
}
.error-area-wrapper h3 {
color: var(--title-color);
font-family: var(--font-marcellus);
font-size: 50px;
font-weight: 700;
margin-bottom: 12px;
}
.error-area-wrapper p {
color: var(--title-color);
font-family: var(--font-montserrat);
font-size: 15px;
font-weight: 500;
margin-bottom: 35px;
}
.error-area-wrapper form button[type="submit"] {
position: relative;
height: 50px;
line-height: 50px;
margin-left: -5px;
vertical-align: middle;
} .news-wrap2 .post-audio iframe,
.news-wrap2 .post-video iframe {
min-height: 400px;
} .news-wrap2 .post-gallery {
position: relative;
}
.news-wrap2 .post-gallery .slider-arrows {
position: absolute;
top: 50%;
z-index: 2;
padding: 0 50px;
transform: translateY(-50%);
}
.news-wrap2 .post-gallery .slider-arrows .custom-swiper-prev,
.news-wrap2 .post-gallery .slider-arrows .custom-swiper-next {
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid var(--white);
transition: all 0.5s ease;
}
.news-wrap2 .post-gallery .blog-archive-arrows {
justify-content: space-between;
width: 100%;
flex-direction: row;
align-items: center;
}
.news-wrap2 .post-gallery .blog-archive-arrows i {
color: var(--primary-color1);
}
.blog-details-pages .news-content h2 {
font-weight: 700;
color: #000;
font-family: var(--font-cormorant);
}
.blog-details-pages .news-content .wp-block-column {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-pages .news-content .wp-block-column li {
font-size: 1.125rem;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-montserrat);
margin-bottom: 10px;
}
.blog-details-pages .news-content .wp-block-column ul {
padding-left: 0;
list-style: none;
}
.blog-details-pages .news-content .wp-block-column ul li i {
font-weight: 700;
color: var(--primary-color1);
font-size: 14px;
margin-right: 7px;
}
.blog-details-pages .news-content .wp-block-column ul {
margin-top: 0px;
}
.blog-details-pages .news-content .wp-block-column ul:last-child {
margin-bottom: 0px;
}
.wp-block-file__button {
background: #32373c;
color: #fff;
text-decoration: none;
padding: 10px;
} .blog-details-content .pagination li a:hover {
color: var(--black-color);
}
span.post-page-numbers.current {
color: var(--white-color) !important;
padding: 0;
height: 36px;
width: 36px;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
font-size: 16px;
color: var(--primary-color1);
font-family: var(--font-montserrat);
transition: 0.5s;
border-radius: 50px;
}
ul.pagination.d-flex.justify-content-center.align-items-center {
gap: 25px;
}
.page-content-wrapper,
.page-content-wrapper p {
color: var(--paragraph-color);
} .has-light-green-cyan-background-color p,
.has-pale-pink-background-color p,
.has-pale-cyan-blue-background-color p {
color: var(--black-color) !important;
padding: 10px;
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
color: var(--body-color);
}   .product-sidebar .wp-block-categories li a,
.product-sidebar .wp-block-archives li a {
font-family: var(--font-montserrat);
font-weight: 500;
font-size: 16px;
color: var(--title-color);
transition: 0.5s;
margin-bottom: 0;
}
.wp-block-latest-posts li a {
font-family: var(--font-montserrat);
font-weight: 500;
font-size: 16px;
color: var(--title-color);
transition: 0.5s;
margin-bottom: 20px;
}
.wp-block-latest-posts li:last-child a {
margin-bottom: 0;
}
.wp-block-latest-posts li a:hover {
color: var(--primary-color1);
} .wp-block-table figcaption {
color: #7e7e7e;
}
.blocks-gallery-caption {
color: #7e7e7e;
margin-bottom: 20px !important;
}
p.has-text-color.has-background.has-very-light-gray-color {
color: #eee !important;
}
.has-text-color {
color: var(--title-color) !important;
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
color: #7c7c7c;
}
.blog-comments .comment-list {
padding: 0;
margin: 0;
list-style: none;
}
.blog-standard-page .news-card2 {
position: relative;
}
.comment-respond .comment-form-comment {
margin-bottom: 20px;
}
.comment-form-comment textarea {
border-radius: 5px;
background: var(--white-color);
color: var(--text-color);
font-family: var(--font-open-sans);
font-size: 13px;
height: 48px;
width: 100%;
padding: 10px 20px;
outline: none;
border: none;
min-height: 180px;
}
.wp-block-post-comments-form input[type=submit] {
background-color: var(--primary-color1);
font-family: var(--font-open-sans);
font-weight: 600;
font-size: 15px;
color: #13141A;
padding: 11px 28px;
display: inline-flex;
align-items: center;
white-space: nowrap;
gap: 10px;
transition: 0.5s;
position: relative;
overflow: hidden;
z-index: 1;
}
.wp-block-post-comments-form input[type=submit]::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #0A1019;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.wp-block-post-comments-form input[type=submit]:hover {
color: var(--white-color);
}
.blog-details-page .wp-block-cover p {
color: #fff;
}
.wp-block-file__button {
padding: 5px 15px;
}
.wp-block-file {
color: var(--text-color);
font-family: var(--font-open-sans);
margin-top: 20px;
margin-bottom: 10px;
}
.blog-details-page .blog-tag-social-area {
clear: both;
}
.wp-block-cover.has-background-dim {
margin-bottom: 10px;
}
.auction-info .bidding-message,
#custom-registration-form .customer_registration_message,
#custom-login-form .customer_login_message {
background: #46d99326;
padding: 10px;
margin-top: 20px;
border-radius: 5px;
}
.loading #vehicle_wrapper {
opacity: 0.3;
}
.loading .circle-loader {
display: block;
}
.circle-loader {
position: relative;
left: 50%;
top: 350px;
width: 100px;
border: 3px dotted #FFF;
border-radius: 50%;
box-sizing: border-box;
animation: rotation 2s linear infinite;
transform: translateX(-50%);
display: none;
}
.circle-loader::after {
content: '';
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border: 3px dotted var(--primary-color1);
border-style: solid solid dotted;
width: 50px;
height: 50px;
border-radius: 50%;
animation: rotationBack 1s linear infinite;
transform-origin: center center
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotationBack {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.comment-form .primary-btn3:hover {
color: var(--white-color);
background-color: #0A1019;
}
.blog-sidebar .single-widgets {
margin-bottom: 40px;
}
.comment-form .form-submit input#submit {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
display: inline-flex;
align-items: center;
line-height: 1;
white-space: nowrap;
border-radius: 50px;
padding: 19px 36px;
gap: 8px;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
margin-top: 30px;
}
.comment-form .form-submit input#submit span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--white-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.comment-form .form-submit input#submit:hover {
color: black;
background-color: white;
}
p.comment-form-cookies-consent {
margin-top: 10px;
}
.row p.comment-form-cookies-consent {
cursor: pointer;
color: var(--paragraph-color);
font-family: var(--font-montserrat);
font-size: 14px;
font-weight: 400;
margin: 15px 0;
}
.comment-form p.comment-notes {
cursor: pointer;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
padding-bottom: 10px;
}
.row p.comment-form-cookies-consent label {
cursor: pointer;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
a.comment-reply-link {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: 0.35s;
}
a.comment-reply-link:hover {
color: var(--primary-color);
}
.comment .single-comment .author-thumb img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
}
.comment-content .author-post .author-info {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.comment-content .author-post .author-info h4 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
}
.comment-content .author-post .author-info span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 1;
}
li.single-comment {
display: flex;
align-items: flex-start;
gap: 20px;
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn a {
color: var(--paragraph-color);
font-family: var(--font-montserrat);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: 0.35s;
}
.blog-details-page .comment .single-comment-area .comment-content .replay-btn a:hover {
color: var(--primary-color);
}
h3.comment-reply-title .title h4 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
}
.details-page-wrapper .details-page-content ul li {
position: relative;
padding-left: 25px;
line-height: 23px;
}
.details-page-wrapper .details-page-content ul li:before {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/listtik.svg);
position: absolute;
left: 0;
top: 3px;
width: 15px;
height: 15px;
-webkit-mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/listtik.svg);
mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/listtik.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
background: var(--paragraph-color);
font-family: var(--font-unbounded);
margin-right: 5px;
}
.details-page-wrapper .details-page-content .blog-tag ul li:before {
display: none;
visibility: hidden;
}
.details-page-wrapper .details-page-content .blog-tag ul li {
padding-left: 0;
}
.my-area .pagination-area {
display: none;
}
h3.comment-reply-title small a {
color: var(--primary-color);
font-size: 15px;
font-weight: 400;
}
.dark .comment-respond {
background-color: #1A1A1A;
border-radius: 10px;
padding: 60px 88px;
margin-bottom: 30px;
}
.comment-respond {
background: #F0F0F0;
border-radius: 10px;
padding: 60px 88px;
margin-bottom: 30px;
}
.comment-form p.logged-in-as {
padding-bottom: 10px;
}
.comment-respond .comment-form textarea {
background: var(---dark-white-color);
color: var(--paragraph-color);
font-family: var(--font-montserrat);
font-size: 14px;
font-weight: 400;
width: 100%;
padding: 20px 20px;
outline: none;
border: 1px solid #fff;
min-height: 120px;
}
.comment-and-form-area .comment-area .comment .single-comment-area {
border-top: 1px solid var(--border-color2);
padding-top: 20px; }
.comment-and-form-area .comment-area .comment .single-comment-area:last-child {
margin-bottom: 0; }
.comment-and-form-area .comment-area .comment .single-comment-area:first-child {
border-top: none; padding-top: 0; margin-top: 0; }
.comment-and-form-area .comment-area .comment ul.children li.single-comment-area:first-child {
border-top: 1px solid var(--border-color2);
padding-top: 20px; }
.comment-area ul.children {
padding: 16px 14px 15px 52px;
}
.comment-area ul.children>ul:first-child {
border-top: 1px solid #eee;
}
h3#reply-title {
display: flex;
justify-content: space-between;
}
.blog-details-page .details-navigation .single-navigation .content h6 a {
word-wrap: break-word;
}
.blog-details-page .post-tag-and-title h2 {
word-wrap: break-word;
}
.breadcrumb-section .banner-content h1 {
word-wrap: break-word;
}
.wp-block-quote {
border-left: unset;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button {
font-size: 10px;
font-family: var(--font-cormorant);
}
.blog-card2 .blog-img img {
height: auto;
} img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
height: auto;
}
.blog-details-page .post-thumb img {
max-width: 100%;
}
.comment-content {
max-width: calc(100% - 70px);
}
.pagination-area .paginations .page-item a.current {
background-color: var(--primary-color);
color: var(--white-color);
}
.wp-caption img {
height: auto;
}
.blog-st-card .blog-content .tag-and-social-icon .tags {
list-style: none;
padding: 0;
}
.blog-st-card .blog-content h3 a {
word-wrap: break-word;
}
.blog-details-page .post-tag-and-title .tags {
list-style: none;
padding: 0;
}
.comment-area .inquiry-form .comment-respond .comment-form p.logged-in-as a {
color: var(--primary-color);
} .about-section2 .about-bottom .about-counter-area .counter-wrap .single-counter .content .number i {
color: var(--title-color);
font-family: var(--font-montserrat);
font-size: 40px;
font-weight: 600;
line-height: 1;
}
.home3-about-section .counter-and-about-img .counter-wrap .single-counter .content .number i {
color: var(--title-color);
font-family: var(--font-montserrat);
font-size: 40px;
font-weight: 600;
line-height: 1;
}
.comment-respond {
border-radius: 10px;
padding: 60px 88px;
margin-bottom: 30px;
}
.dark .comment-and-form-area .inquiry-form {
background-color: unset;
} .comment-respond h3.comment-reply-title {
margin-bottom: 20px;
}
.inquiry-form.mt-50 {
clear: both;
}
tr.odd td a {
color: black;
}
tr.odd td a:hover {
color: var(--primary-color);
}
tr.even td a {
color: black;
}
tr.even td a:hover {
color: var(--primary-color);
}
ul.comment {
list-style: none;
}
.single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
}
p.logged-in-as a {
color: var(--primary-color);
}
.blog-details-page .col-lg-8 ul li {
margin-bottom: 10px;
}
.blog-details-page blockquote {
margin-top: 50px;
}
.blog-details-page .col-lg-8 .bolg-tag ul li {
margin-bottom: unset;
}
.blog-details-page p {
line-height: 1.9;
}
.wp-block-embed iframe {
min-height: 400px;
width: 100%;
}
.blog-details-page .col-lg-8 form {
margin-bottom: 30px;
}
.wp-block-quote.has-text-align-right {
border-right: unset;
}
.form-check .form-check-input {
float: none;
margin-left: 0;
}
.elementor-custom-embed iframe {
filter: grayscale(199%) invert(98%) contrast(122%);
}
.topbar-area .set-menu h4 {
margin: 0;
}
.footer-menu-wrap .set-menu h4 {
margin: 0 10px 0px 0;
}
.footer-menu-wrap .set-menu h4 a {
color: #fff;
}
.blog-sidebar .single-widgets:last-child {
margin-bottom: 0;
}
.widget_categories .nice-select.postform {
float: unset;
}
.widget_archive .nice-select {
float: unset;
} .tagcloud a::after {
content: ",";
}
.tagcloud a:last-child::after {
content: none;
}
.details-page-wrapper .details-page-content .blog-tag ul li a {
position: relative;
}
.details-page-wrapper .details-page-content .blog-tag ul li a::after {
content: ',';
position: absolute;
right: -6px;
bottom: 0px;
}
.details-page-wrapper .details-page-content .blog-tag ul li:last-child a::after {
content: '';
}
.blog-card1 .blog-content h4 a {
word-wrap: break-word;
}
.details-navigation .single-navigation .content h6 a {
word-wrap: break-word;
}
.details-page-wrapper .details-page-content p {
margin-bottom: 1rem;
line-height: 1.8;
}
.details-page-wrapper .details-page-content ul li a {
color: var(--paragraph-color);
}
.details-page-wrapper .details-page-content ul li a:hover {
color: var(--primary-color);
}
.details-page-wrapper .details-page-content ul li {
display: block;
}
.details-page-wrapper .details-page-content ul {
margin-bottom: 20px;
margin-top: 15px;
}
.page-content-wrapper p {
margin-top: 0;
margin-bottom: 1rem;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
} ul.wp-block-social-links,
ul.blocks-gallery-grid,
ul.wp-block-rss,
ul.wp-block-latest-posts__list,
ul.list,
ul.wp-block-archives-list,
ul.pagination,
ul.wp-block-post-template,
ul.wp-block-page-list {
list-style: none;
padding: 0;
margin: 0;
}
ul.wp-block-social-links li:before,
ul.blocks-gallery-grid li:before,
ul.wp-block-rss li:before,
ul.wp-block-latest-posts__list li:before,
ul.list li:before,
ul.wp-block-archives-list li:before,
ul.pagination li:before,
ul.wp-block-post-template li:before,
ul.wp-block-page-list li:before {
display: none;
}
ul.wp-block-categories-list,
ul.wp-block-social-links li,
ul.blocks-gallery-grid li,
ul.wp-block-rss li,
ul.wp-block-latest-posts__list li,
ul.wp-block-archives-list li,
ul.pagination li,
ul.wp-block-post-template li,
ul.wp-block-page-list li {
padding: 0 !important;
}
.wp-block-navigation .wp-block-page-list {
align-items: unset;
}
.inquiry-form.mt-100 {
clear: both;
} blockquote {
background-color: var(--paragraph-color3);
padding: 42px 85px;
position: relative;
margin-bottom: 0;
min-height: 234px;
}
blockquote::before {
position: absolute;
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/blockquote-arrow-left.svg);
top: 0;
left: 0;
}
blockquote::after {
position: absolute;
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/blockquote-arrow-right.svg);
top: 0;
right: 0;
}
blockquote p {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 34px;
margin-bottom: 20px;
}
blockquote cite {
position: relative;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding-left: 50px;
}
blockquote cite &::before {
content: "";
height: 1px;
width: 40px;
background-color: var(--white-color);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.page-content-wrapper .comment-title {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color2);
}
.page-content-wrapper .comment-title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
line-height: 1;
white-space: nowrap;
}
.page-content-wrapper ul.comment {
margin: 0;
padding: 0;
list-style: none;
}
.page-content-wrapper ul.comment li.single-comment-area {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.page-content-wrapper ul.comment li.single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
}
.page-content-wrapper ul.comment li.single-comment-area .replay-btn svg {
transition: 0.35s;
fill: var(--paragraph-color);
}
.page-content-wrapper ul.comment li.single-comment-area .replay-btn:hover svg {
transition: 0.35s;
fill: var(--primary-color);
}
form.post-password-form {
text-align: center;
}
.details-page-content ul.pagination li {
margin: 0;
}
.details-page-wrapper .details-page-content ul.pagination li a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
.details-page-wrapper .details-page-content ul.pagination li a:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.nice-select ul.list {
margin-bottom: 0px;
margin-top: 0px;
}
.nice-select ul.list li {
margin-bottom: 0px;
align-items: center;
display: flex;
}
.wp-block-cover p.has-large-font-size {
color: #fff !important;
}
.details-page-wrapper .details-page-content ul li svg {
margin-top: 0px;
} .career-details-page .career-details-content ul li {
position: relative;
padding-left: 25px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 15px;
display: flex;
gap: 15px;
}
.career-details-page .career-details-content ul>li:before {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/list-vector-career.svg);
position: absolute;
left: 0;
top: 3px;
width: 20px;
height: 20px;
-webkit-mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/list-vector-career.svg);
mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/list-vector-career.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
background: var(--paragraph-color);
font-family: var(--font-unbounded);
margin-right: 5px;
}
.career-details-page .career-details-content:before {
display: none;
visibility: hidden;
}
.career-details-page .career-details-content {
padding-left: 0;
}
.career-details-page .career-details-content ul.style-2 li {
position: relative;
padding-left: 20px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 15px;
display: flex;
gap: 15px;
}
.career-details-page .career-details-content ul.style-2 li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-color: var(--deep-white-color);
-webkit-mask-image: unset;
mask-image: unset;
} .case-study-details-info-wrap table tr {
border: unset;
}
.case-study-details-info-wrap table tr td {
border: unset;
}
.portfolio-details-info-wrap table tr {
border: unset;
}
.portfolio-details-info-wrap table tr td {
border: unset;
} .comment-and-form-area .comment-area {
margin-top: 60px;
}
.wp-block-comment-template {
margin-bottom: 60px;
}
.wp-block-comment-template .comment-respond {
margin-top: 60px;
}
.details-page-content:after,
.wp-block-image:after {
content: "";
clear: both;
display: table;
} .modal-body .wpcf7-not-valid-tip {
margin-top: 10px;
}
.modal-body .file-upload-area .wpcf7-not-valid-tip {
position: absolute;
bottom: -30px;
} .post-gallery {
position: relative;
}
.post-gallery .swiper.blog-archive-slider img {
width: 100%;
}
.post-gallery .slider-arrows.arrows-style-2 {
position: absolute;
top: 50%;
z-index: 9;
}
.post-gallery .blog1-prev,
.post-gallery .blog1-next {
background-color: #fff;
padding: 15px 20px;
} @media (max-width: 767px) {
.blog-details-pages .comment-area .comment-list-area .comment-list ul.children>li .single-comment .comment-image {
margin-bottom: 10px;
}
.comment-respond {
padding: 50px 40px;
}
form#commentform input {
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.blog-details-pages .comment-area .comment-list-area .comment-list ul.children>li .single-comment {
flex-wrap: wrap;
}
.blog-details-pages .comment-area .children {
padding: 0;
margin: 0 0 0 25px;
}
.comment-respond {
padding: 20px;
}
}