:root {
--bs-black:#000000;
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#e91e63;
--bs-red:#f74848;
--bs-orange:#fd7e14;
--bs-orange-dark:#ee4a34;
--bs-orange-dark-light:#fae4df;
--bs-yellow:#f5a416;
--bs-green:#4caf50;
--bs-teal:#20c997;
--bs-cyan:#17a2b8;
--bs-white:#ffffff;
--bs-gray:#eeeeee;
--bs-gray-light: #ebeced;
--bs-gray-dark:#979797;
--bs-primary:#751515;
--bs-primary-dark:#0279b5;
--bs-primary-light: #f2f8fb;
--bs-primary-shadow: rgba(0, 136, 204, 0.3);
--bs-secondary:#000401;
--bs-secondary-dark: #222222;
--bs-gray-500: #f2f2f2;
--bs-gray-500-thumb: #c2c2c2;
--bs-success:#28a745;
--bs-info:#17a2b8;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#343a40; --bs-font-family: 'Sarabun', sans-serif;
--bs-font-sans-serif:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-font-default: "Rubik", sans-serif;
--bs-font-title-text: "Rubik", sans-serif;
--bs-font-awesome: "FontAwesome";
--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
--bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
--bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
--bs-radius-defualt: 0.1875rem;
--bs-theme-radius: 40% 60% 45% 55%/71% 67% 33% 29%;
--bs-theme-radius-reverse: 72% 28% 56% 44%/29% 37% 63% 71%;
--bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
--bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
--bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}
.bg-primary-light {
background-color: var(--bs-primary-light);
}  ::-webkit-selection {
background-color: var(--bs-primary);
color: var(--bs-white);
}
::selection {
background-color: var(--bs-primary);
color: var(--bs-white);
}  ::-webkit-scrollbar {
width: 0.625rem;
background-color: var(--bs-gray-500);
}
::-webkit-scrollbar-thumb {
background-color: var(--bs-gray-500-thumb);
border-radius: 0.625rem;
}
::-webkit-scrollbar-corner {
background-color: var(--bs-gray-500);
}  *:not(table *) {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
body {
overflow-x: hidden;
font-family: var(--bs-font-default);
font-family: var(--bs-font-family);
}
body:not(.admin-bar) {
position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--bs-font-family);
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
a {
color: var(--bs-primary);
text-decoration: underline;
outline: none;
}
a:hover,
a:active,
a:focus {
color: var(--bs-primary);
text-decoration: underline;
text-decoration-style: dotted;
}
a:hover,
a:active,
button:focus {
box-shadow: none;
}
button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus,
a:focus {
outline-width: 1px;
outline-offset: -3px;
outline-style: dotted;
text-decoration: none;
}
a, area, button, input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transition: var(--bs-transition);
transition: var(--bs-transition);
}
button, input, optgroup, select, textarea {
margin: 0;
}
button, input {
overflow: visible;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
display: block;
}
em, cite, q {
color: var(--bs-primary);
font-style: italic;
font-weight: bold;
}
code, kbd, tt, var, samp, pre {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background: var(--bs-secondary);
color: var(--bs-white);
padding: 1px 0.3125rem;
border-radius: 0px;
font-size: 88%;
}
pre {
display: block;
margin: 0 0 0.625rem;
font-size: 0.8125rem;
word-break: break-all;
word-wrap: break-word;
border: 1px solid var(--bs-gray-light);
border-radius: 0px;
overflow: auto;
}
.wp-block-table figcaption {
text-align: center;
}
table td {
border: 1px solid #e9e9ea;
padding: 10px;
}
.table>thead {
vertical-align: bottom;
}
.table th, .table td {
padding: 1.5rem;
vertical-align: top;
}
table.table th, table.table td {
padding-top: .95rem;
padding-bottom: .95rem;
}
table.table.btn-table td {
vertical-align: middle;
}
.table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-white);
color: var(--bs-secondary);
}
figure {
margin: 0;
}
address,
table,
pre {
width: 100%;
}
small {
font-size: 80%;
}
fieldset {
border: 1px solid var(--bs-gray-light);
margin: 1.5rem 0.125rem;
padding: 0.625rem 1.5625rem 1.25rem;
border-radius: 0;
}
iframe {
max-width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 0;
}
button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-loginout a {
display: inline-block;
font-weight: 600;
line-height: 1.5;
background-color: var(--bs-primary);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: var(--bs-white);
position: relative;
z-index: 0;
overflow: hidden;
border: 2px solid transparent;
padding: 0.688rem 1.375rem;
letter-spacing: 0.05rem;
font-size: 1rem;
border-radius: 0;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn.btn-like-icon {
padding-right: 3.75rem;
}
.btn.btn-secondary.btn-like-icon {
background-color: var(--bs-secondary);
}
.theme-slider .btn.btn-secondary.btn-like-icon {
background-color: rgba(0, 0, 0, .6);
}
.btn-like-icon .bticn {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 100%;
display: inline-block;
line-height: 2.6;
}
.btn-secondary .bticn,
.btn-primary .bticn,
.btn-border-primary .bticn {
color: var(--bs-white);
background-color: var(--bs-primary);
}
.btn-border-white .bticn {
color: var(--bs-primary);
background-color: var(--bs-white);
}
.btn-like-icon .bticn span {
margin-left: 3px;
}
.comment-metadata .edit-link a, .comment-body .reply a,
.scrolling-btn,
.bs-tab-filter a, form button,
.bs-post-pagination div.nav a,
.btn:not(.btn-link):not(.btn-play):not(.btn-video) {
position: relative;
overflow: hidden;
z-index: 0;
text-decoration: none;
transition: 0.5s all ease;
}
.comment-metadata .edit-link a:before, .comment-body .reply a:before,
.scrolling-btn:before,
.bs-tab-filter a:before, form button:before,
.bs-post-pagination div.nav a:before,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):before {
position: absolute;
content: '';
width: 0%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
border-radius: inherit;
z-index: -1;
}
.comment-metadata .edit-link a:after, .comment-body .reply a:after,
.scrolling-btn:after,
.bs-tab-filter a:after, form button:after,
.bs-post-pagination div.nav a:after,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):after {
position: absolute;
content: '';
width: 0%;
height: 100%;
right: 0;
top: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
border-radius: inherit;
z-index: -1;
opacity: .40;
}
.btn-border-primary:not(.btn-link):not(.btn-play):not(.btn-video):before,
.btn-border-primary:not(.btn-link):not(.btn-play):not(.btn-video):after {
background-color: var(--bs-primary);
}
.btn-white:before,.btn-white:after,
.btn-border-white:not(.btn-link):not(.btn-play):not(.btn-video):before,
.btn-border-white:not(.btn-link):not(.btn-play):not(.btn-video):after {
background-color: var(--bs-white);
}
form button:before, form button:after,
.bs-post-pagination div.nav a:before,
.bs-post-pagination div.nav a:after,
.btn-primary:not(.btn-link):not(.btn-play):not(.btn-video):before,
.btn-primary:not(.btn-link):not(.btn-play):not(.btn-video):after {
background-color: var(--bs-secondary);
}
.scrolling-btn:before, .scrolling-btn:after,
.comment-metadata .edit-link a:before, .comment-metadata .edit-link a:after,
.comment-body .reply a:before, .comment-body .reply a:after,
.bs-tab-filter a:before, .bs-tab-filter a:after,
.btn-secondary:not(.btn-link):not(.btn-play):not(.btn-video):before,
.btn-secondary:not(.btn-link):not(.btn-play):not(.btn-video):after {
background-color: var(--bs-primary);
}
.comment-metadata .edit-link a:hover:before, .comment-metadata .edit-link a:hover:after,
.comment-body .reply a:hover:before, .comment-body .reply a:hover:after,
.comment-metadata .edit-link a:focus:before, .comment-metadata .edit-link a:focus:after,
.comment-body .reply a:focus:before, .comment-body .reply a:focus:after,
.scrolling-btn:hover:before, .scrolling-btn:hover:after,
.scrolling-btn:focus:before, .scrolling-btn:focus:after,
form button:hover:before, form button:hover:after,
form button:focus:before, form button:focus:after,
.bs-tab-filter a:hover:before, .bs-tab-filter a:hover:after,
.bs-tab-filter a:focus:before, .bs-tab-filter a:focus:after,
.bs-post-pagination div.nav a:hover:after,
.bs-post-pagination div.nav a:hover:before,
.bs-post-pagination div.nav a:focus:after,
.bs-post-pagination div.nav a:focus:before,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):hover:before,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):focus:before,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):hover:after,
.btn:not(.btn-link):not(.btn-play):not(.btn-video):focus:after {
width: 100%;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 1px dotted;
outline-offset: -2px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control {
border-radius: 0;
display: block;
line-height: 1.2;
font-size: 0.95rem;
font-weight: 500;
padding: 0.8rem 1.25rem;
vertical-align: middle;
width: 100%;
min-height: 46px;
background-color: var(--bs-white);
border: 1px solid var(--bs-gray-light);
outline: none;
letter-spacing: 0.5px;
box-shadow: none;
-webkit-transition: var(--bs-transition);
transition: var(--bs-transition);
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus,
input[type="tel"]:focus, input[type="range"]:focus,
input[type="date"]:focus, input[type="month"]:focus,
input[type="week"]:focus, input[type="time"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="color"]:focus, textarea:focus, select:focus,
input[type="text"]:hover, input[type="email"]:hover,
input[type="url"]:hover, input[type="password"]:hover,
input[type="search"]:hover, input[type="number"]:hover,
input[type="tel"]:hover, input[type="range"]:hover,
input[type="date"]:hover, input[type="month"]:hover,
input[type="week"]:hover, input[type="time"]:hover,
input[type="datetime"]:hover, input[type="datetime-local"]:hover,
input[type="color"]:hover, textarea:hover, select:hover {
background-color: var(--bs-white);
border-color: var(--bs-primary);
outline: none;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
select {
border: 1px solid var(--bs-gray);
border-radius: 0;
display: block;
font-size: 92%;
font-weight: 500;
padding: 0.8rem 1.25rem;
min-height: 46px;
position: relative;
text-decoration: none;
white-space: nowrap;
width: 100%;
box-shadow: none;
overflow: auto !important;
outline: 0;
background-color: var(--bs-white);
}
textarea {
height: 11.25rem;
overflow: auto;
resize: vertical;
}
input[type=checkbox], input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio],
div.wpforms-container-full .wpforms-form input[type=checkbox] {
position: relative;
border: 2px solid var(--bs-secondary-dark);
background-color: var(--bs-white);
color: var(--bs-primary);
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: 0;
outline: 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 16px !important;
max-width: 16px;
border-radius: 3px;
-moz-appearance: none !important;
-webkit-appearance: none !important;
transition: .05s border-color ease-in-out;
}
input[type=radio] {
border-radius: 50%;
margin-right: 0.25rem;
line-height: 0.75rem;
}
input[type=checkbox]:hover:before,
input[type=radio]:hover:before,
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
display: inline-block;
vertical-align: middle;
speak: none;
line-height: 1.1;
-webkit-transition: var(--bs-transition);
transition: var(--bs-transition);
}
input[type=radio]:checked:before {
content: "⬤";
text-indent: -9999px;
border-radius: 6.25rem;
font-size: 1.5rem;
width: 0.46rem;
height: 0.46rem;
margin: 0.152rem 0.152rem 0.25rem 0.175rem;
line-height: 1.25rem;
background: var(--bs-primary);
}
input[type=checkbox]:checked,
input[type=checkbox]:hover,
input[type=radio]:checked,
input[type=radio]:hover {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
input[type=checkbox]:checked:before {
content: '';
position: absolute;
left: 1px;
top: 0.32rem;
background-color: var(--bs-white);
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}  input[type="reset"]:hover, input[type="submit"]:hover,
button[type=submit]:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus {
color: var(--bs-white);
background-color: var(--bs-secondary);
} .owl-carousel .owl-nav {
display: block;
width: 200px;
margin: 40px auto 0;
text-align: center;
}
.owl-carousel div.owl-nav button[class*='owl-'] {
cursor: pointer;
margin: 0 5px;
padding: 0 0.75rem;
line-height: 34px;
border-radius: var(--bs-theme-radius);
color: var(--bs-white);
background-color: var(--bs-primary);
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.owl-carousel div.owl-nav button[class*='owl-'] i {
vertical-align: middle;
}
.owl-carousel div.owl-nav button[class*='owl-']:hover,
.owl-carousel div.owl-nav button[class*='owl-']:focus {
border-radius: var(--bs-theme-radius-reverse);
background-color: var(--bs-primary);
}
.owl-carousel.owl-theme .owl-dots .owl-dot {
background: none;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
background-color: var(--bs-secondary);
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
background-color: var(--bs-primary);
}
.read-link {
font-size: 0.875rem;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
-webkit-transition: all .3s linear 0ms;
transition: all .3s linear 0ms;
}
.read-link:after {
font-family: var(--bs-font-awesome);
margin-left: -0.9375rem;
line-height: 0.9375rem;
text-align: center;
font-size: 0.625rem;
opacity: 0;
visibility: hidden;
transform: translateX(calc(-100% + 12px));
transition: all .55s ease-out 0ms;
}
.read-link:hover:after,
.read-link:focus:after {
margin-left: 0.375rem;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.theme-link {
display: inline-block;
overflow: hidden;
}
.theme-link .read-link:after {
content: "\f054";
height: 0.9375rem;
width: 0.9375rem;
border-radius: var(--bs-theme-radius);
background-color: var(--bs-secondary);
color: var(--bs-white);
font-size: 0.625rem;
}
.theme-link .read-link:hover,
.theme-link .read-link:focus {
color: var(--bs-primary);
}
.theme-link .read-link:hover:after,
.theme-link .read-link:focus:after {
background-color: var(--bs-primary);
color: var(--bs-white);
}
.bg-primary-light {
background-color: var(--bs-primary-light);
}
.h-full {
height: 100%;
}
.minus-mt-6 {
margin-top: -6rem;
}
.bs-my-default {
margin: 6.25rem 0;
}
.bs-mt-default {
margin-top: 6.25rem;
}
.bs-mb-default {
margin-bottom: 6.25rem;
}
.bs-mt-minus {
margin-top: -85px;
}
.bs-py-default {
padding: 6.25rem 0;
}
.bs-pt-default {
padding-top: 6.25rem;
}
.bs-pb-default {
padding-bottom: 6.25rem;
}
.bs-pt-plus {
padding-top: 10.5rem;
}
.btn-rounded {
border-radius: 10em;
}
.btn-white {
background-color: var(--bs-white);
color: var(--bs-primary);
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
background-color: var(--bs-primary);
}
.btn-border-white {
color: var(--bs-white);
border-color: var(--bs-white);
}
.btn-border-white:hover,
.btn-border-white:focus,
.btn-border-white:active {
color: var(--bs-primary);
background-color: var(--bs-white);
border-color: var(--bs-white);
}
.btn-border-primary {
color: var(--bs-secondary);
border-color: var(--bs-primary);
}
.btn-border-primary:hover,
.btn-border-primary:focus,
.btn-border-primary:active {
color: var(--bs-white);
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn.bs-load-btn {
font-size: 0.9375rem;
}
.bs-load-item {
display: none;
}
.bs-load-spinner {
position: relative;
cursor: pointer;
width: 1.125rem;
height: 1.125rem;
display: inline-block;
vertical-align: middle;
}
.bs-load-spinner:before, .bs-load-spinner:after {
position: absolute;
display: block;
content: "";
width: 0.5625rem;
height: 0.5625rem;
left: 0;
top: -0.3125rem;
right: 0;
bottom: 0;
margin: auto;
border-width: 2px;
border-style: solid;
border-color: transparent;
border-bottom-color: var(--bs-white);
border-right-color: var(--bs-white);
border-radius: 0 0 1px 0;
transform: translate(0%, 0%) rotate(45deg);
-webkit-transition: var(--bs-transition);
transition: var(--bs-transition);
}
.loadspinner .bs-load-spinner:before {
border-radius: 50%;
animation: 0.8s spin 0.4s linear forwards infinite;
}
.loadspinner .bs-load-spinner:after {
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
animation: 0.8s spinReverse 0.4s linear forwards infinite;
}  .above-header {
border-bottom: 1px solid rgb(0 0 0 / 0.1);
}
.header-transparent .above-header {
border-bottom: none;
}
.info-area {
padding: 15px 0;
}
.info-icon {
width: 30px;
height: 50px;
position: relative;
text-align: center;
float: left;
margin-right: 15px;
margin-left: 15px;
}
.info-icon:before {
content: "";
position: absolute;
top: 0;
left: -15px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.info-icon:after {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.info-area .info-icon i {
-webkit-transition: .3s all;
transition: .3s all;
display: block;
line-height: 50px;
}
.info-area:hover .info-icon i {
-webkit-transform: scale(.8);
transform: scale(.8);
}
.info-text {
margin-left: 80px;
}
.info-text h6 {
padding-top: 8px;
}
.header-widget ul li,
.header-widget ul li a,
.header-widget .widget li span {
color: var(--bs-secondary);
font-size: 14.5px;
}
.header-transparent .header-widget .widget:not(.widget_social_widget) ul li,
.header-transparent .header-widget .widget:not(.widget_social_widget) ul li a,
.header-transparent .header-widget .widget li span { } .main-navigation > .container {
background-color: var(--bs-white);
border-radius: 0;
}
.header-transparent .main-navigation > .container {
border-radius: 5px;
}
.main-navigation > .container .col-3 {
padding-left: 0;
}
.main-navigation .logo {
border-radius: 0;
}
.header-transparent .main-navigation .logo {
border-radius: 5px 0 0 5px;
}
.main-navigation .logo {
padding: 10px 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-height: 92px;
}
.main-navigation .logo a {
color: inherit;
}
.main-navigation .logo img {
max-width: 13.5rem;
}
.main-navigation .contact-area {
color: var(--bs-white);
}
.main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
color: var(--bs-secondary);
}
.main-navbar .main-menu > li:hover > a,
.main-navbar .main-menu > li.focus > a,
.main-navbar .main-menu .menu-item.active > a {
color: var(--bs-primary);
} .slider-wrapper {
background-color: var(--bs-secondary);
position: relative;
z-index: 0;
}
.main-slider,
.main-slider .owl-item img {
width: 100%;
height: 100%;
}
.theme-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.theme-slider:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bs-secondary-dark);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; z-index: -1;
}
.theme-slider:after {
background-image: url(//www.britax.accountants/wp-content/themes/metasoft/assets/images/pattern_banner.png);
background-repeat: repeat;
background-position: left top;
}
.theme-table {
overflow: hidden;
display: table;
width: 100%;
height: 100%;
}
.theme-table-cell {
display: table-cell;
vertical-align: middle;
}
.theme-slider .text-left {
margin-right: auto;
}
.theme-slider .text-center {
margin: auto;
}
.theme-slider .text-right {
margin-left: auto;
}
.theme-slider .theme-content {
position: relative;
max-width: 635px;
width: 100%;
}
.theme-slider .theme-slider-card {
width: 100%;
background: rgba(0, 0, 0, .6);
padding: 40px 55px;
color: var(--bs-white);
position: relative;
}
.theme-slider .theme-slider-card:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: var(--bs-primary);
}
.theme-slider .theme-content h6 {
margin-bottom: 5px;
display: block;
}
.theme-slider .theme-content h1 {
margin-bottom: 10px;
}
.theme-slider .theme-content p {
margin-bottom: 0;
}
.theme-slider .text-center .theme-slider-card:before {
height: 6px;
width: 100%;
}
.theme-slider .text-right .theme-slider-card:before {
top: 0;
right: 0;
left: auto;
}
.theme-slider .btn {
margin-top: 20px;
}
.theme-slider .text-right .btn {
padding-right: 1rem;
padding-left: 3.75rem;
}
.theme-slider .text-right .btn .bticn {
right: auto;
left: 0;
}
.theme-slider .text-right .btn i:before {
transform: rotate(180deg);
display: inline-block;
} .info-section {
position: relative;
z-index: 0;
}
.info-box {
border-radius: 10px;
text-align: center;
padding: 20px 20px 0px;
background: var(--bs-white);
-webkit-transition: .3s all;
transition: .3s all;
margin-top: -50px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.info-box:hover {
background-color: var(--bs-primary);
padding-bottom: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.info-box .info-box-icon {
width: 90px;
height: 90px;
line-height: 90px;
font-size: 45px;
color: var(--bs-primary);
background: transparent;
margin: 0 auto;
border-radius: var(--bs-theme-radius);
-webkit-transition: .3s all;
transition: .3s all;
}
.info-box:hover .info-box-icon {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
color: var(--bs-white);
background-color: var(--bs-primary);
}
.info-box h5 {
position: relative;
color: var(--bs-secondary);
padding-bottom: 0.95rem;
margin-bottom: 0.85rem;
-webkit-transition: .3s all;
transition: .3s all;
}
.info-box:hover h5 {
color: var(--bs-white);
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.info-box h5:after,
.info-box h5:before {
content: '';
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: .3s all;
transition: .3s all;
}
.info-box h5:after {
bottom: 0;    
width: 90px;
height: 2px;
background-color: var(--bs-secondary);
}
.info-box:hover h5:after, .info-box:hover h5:before,
.info-box:focus-within h5:after, .info-box:focus-within h5:before {
background: var(--bs-white);
}
.info-box h5:before {
bottom: -3px;
z-index: 1;
width: 28px;
height: 8px;
border-radius: 4px;
background-color: var(--bs-primary);
}
.info-box p {
margin: 0;
-webkit-transition: .3s all;
transition: .3s all;
}
.info-box:hover p {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
color: var(--bs-white);
}
.info-box .theme-link {
margin-top: 0.625rem;
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
text-decoration: none;
}
.info-box:hover .theme-link {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.info-box .read-link:hover,
.info-box .read-link:focus,
.info-box .read-link {
color: var(--bs-white);
}
.info-box .theme-link .read-link:hover:after,
.info-box .theme-link .read-link:focus:after,
.info-box .theme-link .read-link:after {
color: var(--bs-primary);
background-color: var(--bs-white);
} .heading-seprator h1 {
color: var(--bs-secondary);
position: relative;
padding-bottom: 1.65rem;
margin-bottom: 1rem;
}
.heading-seprator h1:after {
content: "\f103";
font-family: var(--bs-font-awesome);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 20px;
line-height: 20px;
font-size: .65rem;
color: var(--bs-white);
background-color: var(--bs-primary);
border-radius: var(--bs-theme-radius);
z-index: 0;
}
.heading-seprator h1:before {
content: "";
position: absolute;
right: 0;
bottom: 8px;
left: 0;
width: 112px;
height: 2px;
margin: auto;
background-color: var(--bs-secondary);
}
.text-white.heading-seprator h1:after {
color: var(--bs-primary);
}
.text-white.heading-seprator h1:after,
.text-white.heading-seprator h1:before {
background-color: var(--bs-white);
}
.heading-seprator p {
margin-bottom: 0;
font-weight: 400;
} .single-seriveces {
position: relative;
top: 0;
z-index: 1;
background: var(--bs-white);
padding: 15% 12%;
text-align: center;
margin: 10px;
-webkit-box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
border-bottom: 5px solid transparent;
-moz-transition: ease all 0.55s;
-o-transition: ease all 0.55s;
-webkit-transition: ease all 0.55s;
transition: ease all 0.55s;
}
.single-seriveces:hover {
top: -10px;
box-shadow: 0px 10px 30px 0px rgba(38, 59, 94, 0.1);
border-color: var(--bs-primary);
}
.single-seriveces:hover .services-icons {
border-radius: var(--bs-theme-radius-reverse);
}
.services-icons {
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 2.75rem;
border-radius: var(--bs-theme-radius);
margin-bottom: 30px;
display: inline-block;
color: var(--bs-white);
background-color: var(--bs-primary);
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.col:nth-child(3n-2) .single-seriveces .services-icons,
.owl-item:nth-child(3n-2) .single-seriveces .services-icons {
background-color: var(--bs-yellow);
}
.col:nth-child(3n-3) .single-seriveces .services-icons,
.owl-item:nth-child(3n-3) .single-seriveces .services-icons {
background-color: var(--bs-green);
}
.services-icons i {
vertical-align: middle;
}
.single-seriveces .services-icons img {
width: 44px;
display: inline-block;
}
.single-seriveces h5 {
margin-bottom: 10px;
}
.single-seriveces h5 a {
text-decoration: none;
display: block;
}
.single-seriveces h5 a:not(:hover):not(:focus) {
color: var(--bs-secondary);
}
.single-seriveces p {
margin-bottom: 0;
} .main-nav-tab {
-webkit-box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 1.61765rem;
max-width: 260px;
margin: 0 auto;
background-color: var(--bs-white);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 0;
z-index: 1;
position: relative;
}
.main-nav-tab li {
display: inline-block;
}
.main-nav-tab li a {
display: block;
color: #5f5f5f;
font-weight: 600;
min-width: 125px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 8px 31px;
text-align: center;
text-decoration: none;
}
.main-nav-tab li a.active {
color: var(--bs-white);
}
.main-nav-tab li a,
.tab-swipe .indicator {
border-radius: 1.35294rem;
}
.tab-swipe {
position: relative;
}
.tab-swipe .indicator {
background-color: var(--bs-primary);
position: absolute;
left: 0;
z-index: -1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
height: calc(100% - 10px);
}
.main-nav-tab-2 {
margin-bottom: 50px;
}
.main-nav-tab-2.nav-tabs {
border-bottom: 1px solid rgba(9, 208, 201, 0.25);
}
.main-nav-tab-2 li {
width: calc(100% / 4);
}
.main-nav-tab-2 li a {
display: block;
text-align: center;
color: var(--bs-white);
font-family: var(--bs-font-family);
font-size: 1.17647rem;
font-weight: 500;
padding-bottom: 40px;
}
.main-nav-tab-2 li a>p {
min-height: 46px;
display: block;
margin-bottom: 15px;
}
.main-nav-tab-2.tab-swipe .indicator {
top: inherit;
-webkit-transform: none;
-ms-transform: none;
transform: none;
bottom: -1px;
border-radius: 0px;
height: 2px;
background-color: #09d0c9;
} .col figure.gallery-item {
margin: 0;
}
.gallery-item {
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
background: var(--bs-primary);
}
.gallery-item img {
transition: all .35s;
-webkit-transition: all .35s;
transform: translate3d(0,0,0) scale(1.01);
-webkit-transform: translate3d(0,0,0) scale(1.01);
}
.gallery-item:hover img,
.gallery-item:focus-within img {
transform: translate3d(-4px,0,0) scale(1.1) rotate(3deg);
-webkit-transform: translate3d(-4px,0,0) scale(1.1) rotate(3deg);
}
.gallery-item figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
font-weight: 600;
color: var(--bs-white);
background: rgb(24 27 30 / 80%);
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-justify-content: center;
justify-content: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
visibility: hidden;
-webkit-transition: var(--bs-transition-slow);
transition: var(--bs-transition-slow);
}
.gallery-item figcaption:before,
.gallery-item figcaption:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery-item figcaption:after {
background-color: rgba(255,255,255,.4);
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-101%,0);
-webkit-transition: all .6s;
}
.gallery-item:hover figcaption:after,
.gallery-item:focus-within figcaption:after {
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,101%,0);
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,101%,0);
}
.gallery-item figcaption:before {
content: "\f002";
font-family: var(--bs-font-awesome);
font-weight: 900;
font-size: 1.25rem;
color: var(--bs-primary);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 19%;
height: 20%;
line-height: 1;
background-color: var(--bs-white);
border-radius: var(--bs-theme-radius);
top: auto;
right: 0;
bottom: 15px;
left: 0;
margin: 0 auto;
transform: translateX(500%);
opacity: 0;
visibility: hidden;
transition: var(--bs-transition-very-slow);
}
.gallery-item:hover figcaption:before,
.gallery-item:focus-within figcaption:before {
opacity: 1;
visibility: visible;
transform: translateX(0);
margin: 0 auto;
}
.gallery-item:hover figcaption,
.gallery-item:focus-within figcaption {
opacity: 1;
visibility: visible;
}
.gallery-icon {
position: relative;
} .expertise-item {
padding: 30px 25px 25px;
border: 1px solid var(--bs-gray-500);
display: flex;
flex-wrap: wrap;
align-items: flex-start;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.expertise-item:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
}
.expertise-icon {
position: relative;
flex: 0;
}
.expertise-card {
flex: 1;
}
.expertise-item .icon {
width: 80px;
height: 80px;
display: block;
line-height: 80px;
text-align: center;
color: var(--bs-primary);
background: var(--bs-white);
border-radius: var(--bs-theme-radius);
font-size: 42px;
margin-right: 1rem;
position: relative;
box-shadow: 0 0 15px 5px rgba(0, 136, 204, 0.27);
}
.expertise-item h5 a {
text-decoration: none;
}
.expertise-item h5 a:not(:hover):not(:focus) {
color: var(--bs-secondary);
}
.expertise-item p {
margin: 0;
}
.success-info {
padding: 3.094rem;
text-align: center;
background-color: var(--bs-white);
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
}
.success-inner>i,
.success-inner img {
display: inline-block;
margin-bottom: 2.75rem;
}
.success-inner h5 {
margin-bottom: 1rem;
}
.success-inner p {
margin: 0;
}
.success-inner .btn {
margin-top: 1rem;
} .post-item .post-title {
font-size: 1.25rem;
}
.post-item {
margin-bottom: -40px;
}
.post-item .post-thumbnail {
position: relative;
z-index: 0;
overflow: hidden;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}
.post-item .post-thumbnail img {
width: 100%;
z-index: -1;
-webkit-transition: .3s all;
transition: .3s all;
}
.post-item:hover .post-thumbnail img {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.post-item .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 1;
-webkit-transition: .3s all;
transition: .3s all;
}
.post-item:hover .post-thumbnail:after {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
visibility: visible;
}
.post-item .post-thumbnail .post-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: var(--bs-theme-radius);
color: var(--bs-primary);
background-color: var(--bs-white);
text-align: center;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 2;
-webkit-transition: .3s all;
transition: .3s all;
}
.post-item:hover .post-overlay {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.post-item .post-content {
background: var(--bs-white);
border-radius: 10px 10px 0 0;
margin: 0 12px;
padding: 25px 15px 25px 15px;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
}
.post-item .meta-info {
margin-bottom: 20px;
padding: 0;
list-style: none;
font-size: .9rem;
}
.post-item .meta-info a {
text-decoration: none;
display: inline-block;
color: var(--bs-secondary);
}
.post-item .meta-info li {
display: inline-block;
}
.post-item .meta-info li:not(:last-child) {
margin-right: 10px;
}
.post-item .meta-info li i {
margin-right: 5px;
color: var(--bs-primary);
}
.post-item .post-title a {
display: block;
text-decoration: none;
}
.post-item .post-content-bottom {
border-top: 1px solid #eee;
margin-top: 30px;
padding: 20px 0 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.more-link {
position: relative;
padding-right: 0;
text-decoration: none;
-webkit-transition: ease padding-right 300ms;
transition: ease padding-right 300ms;
}
.more-link:not(:hover),
.more-link:not(:focus) {
color: var(--bs-secondary);
}
.more-link:after {
content: "\f178";
position: absolute;
top: 0;
right: 0;
font-family: var(--bs-font-awesome);
opacity: 0;
visibility: hidden;
transition: var(--bs-transition);
}
.more-link:hover,
.more-link:focus {
padding-right: 20px;
color: var(--bs-primary);
text-decoration: none;
}
.more-link:hover:after,
.more-link:focus:after {
opacity: 1;
visibility: visible;
right: 0;
} .footer-wrapper {
color: var(--bs-white);
position: relative;
overflow: hidden;
background-color: var(--bs-secondary);
}
.footer-inner {
padding: 50px 0 20px;
}
.footer-contacts {
padding-bottom: 30px;
color: var(--bs-white);
text-align: center;
}
.footer-contacts a {
display: block;
width: 100%;
height: 30px;
margin-bottom: 15px;
text-decoration: none;
}
.footer-contacts i {
color: var(--bs-white);
display: block;
font-size: 33px;
margin-bottom: 12px;
}
.footer-matter {
padding: 0;
border-top: 4px double #37485c;
border-bottom: 4px double #37485c;
overflow: hidden;
}
.footer-matter .widget {
padding: 1.5rem 0.525rem;
}
.footer-matter .border-right {
border-right: 1px solid #37485c !important;
}
.footer-matter .columns {
padding: 20px 0 20px 50px;
} .scrollingUp {
width: 50px;
height: 50px;
text-align: center;
line-height: 48px;
position: fixed;
bottom: 30px;
right: 30px;
visibility: hidden;
opacity: 0;
z-index: 999;
color: var(--bs-white);
border: none;
border-radius: var(--bs-theme-radius);
background-color: var(--bs-secondary-dark);
-webkit-transition: .9s;
transition: .9s;
box-shadow: 0 2px 12px -3px rgba(0, 0, 0, .5);
}
.scrollingUp:hover {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}
.is-active {
opacity: 1;
visibility: visible;
} .breadcrumb-area {
padding: 70px 0 70px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: var(--bs-white);
}
.header-transparent .breadcrumb-area {
min-height: 300px;
align-items: flex-end;
padding: 60px 0 45px;
}
.breadcrumb-area:before,
.breadcrumb-area:after {
content: '';
position: absolute;
right: 0;
width: 100%;
z-index: -1;
}
.breadcrumb-area:before {
top: 0;
height: 100%;
background-color: var(--bs-secondary-dark);
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
z-index: -1;
background-color: #222222;
opacity: 0.75;
background-image: url(//www.britax.accountants/wp-content/themes/metasoft/assets/images/pattern_banner.png);
background-repeat: repeat;
background-position: left top;
}
.breadcrumb-area:after {
bottom: -15px;
height: 15px;
background: url(//www.britax.accountants/wp-content/themes/metasoft/assets/images/bg/breadcrumbbefore.png);
background-position: bottom;
background-repeat: no-repeat;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: -1;
}
.breadcrumb-area h3 {
position: relative;
padding-left: 70px;
margin: 0;
float: left;
}
.breadcrumb-area h3:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 55px;
height: 6px;
border-radius: 3px;
margin: auto 0;
background-color: var(--bs-primary);
}
.breadcrumb-area ul {
float: right;
margin: 0;
}
.breadcrumb-nav li {
display: inline-block;
position: relative;
color: var(--bs-white);
}
.breadcrumb-nav li a {
color: var(--bs-white);
text-decoration: none;
-webkit-transition: .3s all;
transition: .3s all;
}
.breadcrumb-nav li a:hover {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.breadcrumb-nav li:last-child:after {
display: none;
}  .navigation.pagination {
display: inline-flex;
}
nav.woocommerce-pagination ul, .pagination .nav-links {
display: inline-flex;
}
.pagination .page-numbers:not(.dots) {
font-weight: 600;
border-width: 2px;
border-style: solid;
border-color: transparent;
color: var(--bs-white);
background-color: var(--bs-secondary);
display: flow-root;
font-size: 16px;
line-height: 1.1;
min-width: 44px;
text-align: center;
padding: 0.72rem 0.35rem;
transition: all 0.3s ease 0s;
vertical-align: baseline;
white-space: nowrap;
text-decoration: none;
border-radius: var(--bs-theme-radius);
cursor: pointer;
}
.pagination .page-numbers.dots {
display: inline-block;
line-height: 16px;
font-size: 50px;
margin-right: 10px;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links .page-numbers.current {
color: var(--bs-white);
background-color: var(--bs-primary);
}
.pagination .page-numbers:not(.dots):not(:last-child) {
margin-right: 10px;
}
.bs-post-pagination div.nav {
display: inline-flex;
align-items: center;
}
.bs-post-pagination div.nav>span {
display: inline-block;
margin: 0 10px;
line-height: 40px;
padding: 0 10px;
font-weight: 700;
}
.bs-post-pagination div.nav a {
display: inline-block;
color: var(--bs-white);
padding: 5px 25px;
font-weight: 600;
letter-spacing: 0.185px;
position: relative;
z-index: 0;
border-radius: 6.25rem;
background-color: var(--bs-primary);
vertical-align: middle;
display: inline-block;
padding: 0 20px;
line-height: 40px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}  .text-404 {
font-size: 23.75rem;
line-height: 0.75;
margin-bottom: 2.75rem;
font-weight: 800;
font-family: var(--bs-font-sans-serif);
}
.page-404 h3 {
margin-bottom: 50px;
}
.page-404 .page-404-text .btn.btn-like-icon {
padding-right: 1rem;
padding-left: 3.75rem;
}
.page-404 .page-404-text .btn.btn-like-icon .bticn {
right: auto;
left: 0;
}
.subscribe-form {
width: 40%;
margin: 0 auto;
margin-top: 40px;
display: inline-block;
}
.subscribe-form p {
float: left;
width: 80%;
margin: 0;
}
.subscribe-form button {
float: left;
margin-top: 0;
padding: 0;
width: 46px;
height: 46px;
}
.subscribe-form button.btn-like-icon {
padding-right: 50px;
}
.subscribe-form button.btn-like-icon .bticn {
width: 50px;
}
.subscribe-form button:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
} .post-thumb {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
.post-thumb .meta-date {
padding: 10px 20px;
background-color: var(--bs-primary);
color: var(--bs-white);
}
.post-content-bottom .more-link {
text-align: right;
font-weight: 600;
}
.post-content .meta-date, .post-content-bottom .more-link {
display: inline-block;
line-height: 1.5;
vertical-align: text-top;
}
.blog-content .pagination-nav {
margin-top: 0;
}
.blog-content .sidebar .widget:last-child {
margin-bottom: 0;
}  .author-profile {
padding: 30px;
box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
}
.author-profile img {
margin-right: 1.25rem;
box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
border-radius: var(--bs-theme-radius);
}
.author-profile .media {
padding-bottom: 30px;
display: flex;
align-items: center;
}
.author-body h3 a {
display: inline-block;
margin: 0;
}
.author-body h3 a:not(:hover):not(:focus) {
color: var(--bs-secondary);
text-decoration: none;
}
.author-social {
border-top: 1px solid #eeeeee;
padding-top: 20px;
}
.author-social .social-links {
position: relative;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0)
}
.single-comments-title h5,
.comment-reply-title,
.author-profile h3 {
font-weight: 700;
line-height: 1;
position: relative;
padding-left: 15px;
}
.single-comments-title h5:before,
.comment-reply-title:before,
.author-profile h3:before {
content: "";
width: 6px;
height: 100%;
background-color: var(--bs-primary);
position: absolute;
bottom: 0;
left: 0;
border-radius: 50px;
} .comments-area {}
.single-comments-title,
.comments-title {
margin-bottom: 1.25rem;
text-align: left;
}
.comment-list {
padding: 0;
list-style: none;
margin-bottom: 1.75rem;
}
.comments-area li {
list-style: none;
}
.comments-area .comment-body {
position: relative;
padding: 30px 30px 30px 113px;
min-height: 120px;
overflow-wrap: break-word;
border-radius: 10px;
z-index: 0;
box-shadow: 0px 0px 5.52px 0.48px rgba(33, 33, 33, 0.23);
}
.comments-area li:not(:last-child) .comment-body {
margin-bottom: 1.25rem;
}
.comments-area .comment-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: baseline;
align-items: baseline;
font-weight: 600;
}
.comments-area .comment-meta .comment-author img {
position: absolute;
z-index: 0;
left: 30px;
top: 55px;
bottom: 0;
width: 65px;
border-radius: 5px;
}
.comment-author b {
font-weight: 700;
}
.comment-meta .comment-metadata {
margin-left: 5px;
}
.comment-author a:not(:hover):not(:focus),
.comment-metadata a:not(:hover):not(:focus) {
text-decoration: none;
}
.comment-content {
position: relative;
z-index: 0;
padding: 0.5rem 0 0.85rem;
}
.comment-content p {
margin: 0;
font-weight: 500;
font-size: 14px;
}
.comment-metadata .edit-link {
margin-left: 10px;
}
.comment-metadata .edit-link,
.comment-body .reply {
font-weight: 600;
display: inline-block;
}
.comment-metadata .edit-link a,
.comment-body .reply a {
display: inline-flex;
color: var(--bs-white);
background-color: var(--bs-secondary);
border-radius: 0;
font-size: 12px;
}
.comment-metadata .edit-link a,
.comment-body .reply a {
padding: 0.5rem 0.973rem;
}
.comment-metadata .edit-link a:hover,
.comment-body .reply a:hover,
.comment-metadata .edit-link a:focus,
.comment-body .reply a:focus {
color: var(--bs-white);
background-color: var(--bs-primary);
}
.comment-body .reply {
text-align: left;
}
.comment-list .children {
position: relative;
padding: 0;
margin: 0;
margin-left: 4.5rem;
z-index: 0;
}
#cancel-comment-reply-link {
color: var(--bs-primary);
text-decoration: underline;
}
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus {
text-decoration: none;
} .comment-respond {
margin-bottom: 1.75rem;
}
.single-comments-title h5,
.comment-reply-title {
text-align: left;
color: var(--bs-secondary);
}
.comment-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.comment-form > p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
flex: 1 1 40%;
}
.comment-form > p:nth-child(2n+1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
margin-right: 1.25rem;
}
.comment-form p.comment-form-url:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
margin-right: 0;
}
.comment-form label {
font-weight: 500;
font-size: 0.9375rem;
margin-bottom: 5px;
}
.comment-form .comment-form-cookies-consent label {
margin-bottom: 0;
vertical-align: middle;
margin-left: 6px;
}
.comment-form .required {
color: var(--bs-red);
}
.comment-form-comment {
max-width: 100%;
flex-basis: 100%;
}
.comment-form > p:not(:last-child) {
margin-bottom: 1.25rem;
}
.comment-form-cookies-consent, .form-submit {
width: 100%;
} .shapes-section {
position: relative;
overflow: hidden;
}
.shapes-section .shapes-box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.shapes-section .shapes-box span {
position: absolute;
}
.shapes-section .shapes-box span b {
width: 20px;
height: 20px;
border-radius: var(--bs-theme-radius);
box-shadow: 0px 20px 24px 0px currentColor;
display: inline-block;
opacity: 0.5;
}
.shapes-section .shapes-box span b.green {
color: #1edee4;
background: #1edee4;
}
.shapes-section .shapes-box span b.yellow {
color: #ffbc5c;
background: #ffbc5c;
}
.shapes-section .shapes-box span b.pink {
color: #ff2560;
background: #ff2560;
}
.shapes-section .shapes-box span b.blue {
color: #0080ff;
background: #0080ff;
}
.shapes-section .shapes-box span b.theme {
color: #0026FF;
background: #0026FF;
}
.shapes-section .shapes-box span:nth-child(1) {
left: 4.8%;
top: 4.5%;
}
.shapes-section .shapes-box span:nth-child(2) {
left: 9.6%;
top: 27.2%;
}
.shapes-section .shapes-box span:nth-child(3) {
left: 8.8%;
bottom: 16%;
}
.shapes-section .shapes-box span:nth-child(4) {
left: 25%;
bottom: 21%;
}
.shapes-section .shapes-box span:nth-child(5) {
right: 35%;
top: 6.6%;
}
.shapes-section .shapes-box span:nth-child(6) {
right: 18%;
bottom: 30%;
}
.shapes-section .shapes-box span:nth-child(7) {
right: 10%;
top: 50%;
}
.shapes-section .shapes-box span:nth-child(8) {
right: 11.8%;
top: 33%;
}
.shapes-section .shapes-box span:nth-child(9) {
right: 15%;
top: 10%;
}
.shapes-section .shapes-box span:nth-child(10) {
right: 25%;
bottom: 33%;
} .post-content .wp-block-search .wp-block-search__button {
padding: 0 20px 0px 10px;
background: #0026ff;
color: #fff;
}
.post-content .wp-block-calendar {
margin-top: 20px;
}
.wp-block-image figcaption {
text-align: center;
}
.wp-block-file .wp-block-file__button {
background: var(--bs-primary);
}
ol.wp-block-latest-comments {
padding: 0;
}
.post-password-form input[type="submit"] {
line-height: 1.2;
}
.wp-block-avatar img {
border-radius: 50%;
}
blockquote.wp-block-quote.has-text-color p,blockquote.wp-block-quote.has-text-color p var,blockquote.wp-block-quote.has-text-color p cite,blockquote.wp-block-quote.has-text-color cite {
color: inherit;
}