.faqs-widget{
display:flex;
flex-direction: column;
gap: 20px;  
font-family: "Hanken Grotesk";
font-style: normal;
line-height: 120%;
}
.faqs-widget.type-framed{
width: 752px;
}
.faqs-widget p,
.faqs-widget h2,
.faqs-widget h3,
.faqs-widget h4,
.faqs-widget h5,
.faqs-widget h6 {
margin: 0;
}
.faqs-widget .heading {
font-size: 40px;
font-weight: 700;
color: var(--Gray-Gray-700, #DDD);
}
.faqs-widget .faqs-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.faqs-widget .faq {
display: flex;
flex-direction: column;
border-radius: 12px;
padding: 16px 24px;
cursor: pointer;
}
.faqs-widget.type-framed .faq {
background: var(--Gray-Gray-100, #161616);
}
.faqs-widget .faq .question{
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
font-size: 24px;
font-weight: 700;
line-height: 150%;
color: var(--Gray-Gray-600, #999);
transition: 0.3s;
}
.faqs-widget .faq.active .question{
color: white;
transition: 0.3s;
}
.faqs-widget .faq .question img {
width: 36px;
filter: grayscale(1);
transform: rotate(45deg);
transition: 0.3s;
}
.faqs-widget .faq.active .question img {
filter: grayscale(0);
transform: rotate(0deg);
}
.faqs-widget .faq .answer {
color: var(--Gray-Gray-600, #999);
font-size: 20px;
font-weight: 400;
line-height: 150%;
pointer-events: none;
max-height: 0px;
padding: 0 48px;
opacity: 0;
transition:
opacity 0.15s,
max-height 0.3s,
padding 0.3s;
}
.faqs-widget .faq.active .answer {
max-height: none;
padding: 24px 48px;
opacity: 1;
transition:
opacity 0.3s,
max-height 0.3s,
padding 0.3s;
}
@media (max-width: 600px) {
.faqs-widget.type-framed{
width: 100%;
}
.faqs-widget .heading {
font-size: 28px;
line-height: 110%;
}
.faqs-widget .faq{
padding: 12px;
}
.faqs-widget .faq .question{
font-size: 18px;
line-height: 120%;
align-items: flex-start;
}
.faqs-widget .faq .question img {
width: 24px;
}
.faqs-widget .faq .answer {
font-size: 16px;
line-height: 130%;
padding: 0 36px;
}
.faqs-widget .faq.active .answer {
padding: 12px 36px;
}
}.business-models-widget {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 24px;
}
.business-models-widget .business-models-heading {
display: flex;
align-items: center;
width: 50%;
font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 55.2px;
margin: 0px;
margin-right: 97px !important;
}
.business-models-widget .business-models-heading .business-models-heading-text {
margin: 0px;
}
.business-models-widget .business-models-bullets {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
gap: 24px;
}
.business-models-widget .business-models-bullet {
display: flex;
flex-direction: row;
gap: 24px;
}
.business-models-widget .business-models-bullet .business-models-bullet-content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.business-models-widget .business-models-bullet .business-models-bullet-title {
margin: 0px;
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28.8px       
}
.business-models-widget .business-models-bullet .business-models-bullet-text {
margin: 0px;
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: gray;
}
.business-models-widget .business-models-bullet .business-models-bullet-image {
width: 170px;
height: 170px;
}
@media (max-width: 576px) {
.business-models-widget {
flex-direction: column;
}
.business-models-widget .business-models-heading {
font-size: 28px;
width: 100%;
}
.business-models-widget .business-models-bullets {
width: 100%;
gap: 20px;
}
.business-models-widget .business-models-bullet .business-models-bullet-title {
font-size: 18px   
}
.business-models-widget .business-models-bullet .business-models-bullet-text {
font-size: 14px
}
.business-models-widget .business-models-bullet .business-models-bullet-image {
width: 100px;
height: 100px;
}
}.features-widget{    
display: flex;
flex-direction: column;
gap: 96px;
}
.features-widget .features-table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
} .features-widget .features-table.columns-1 .feature-block {
flex: 0 0 100%;
} .features-widget .features-table.columns-2 .feature-block {
flex: 0 0 calc(50% - 48px);
} .features-widget .features-table.columns-3 .feature-block {
flex: 0 0 calc(33% - 48px);
}
.features-widget .feature-block {
position: relative;
padding: 0 0 0 97px;
}
.features-widget .feature-block.hidden-block {
opacity: 0;
pointer-events: none;
}
.features-widget .features-heading {
font-family: Urbanist;
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0 0 0 97px;
}
.features-widget .feature-block img {
position: absolute;
left: 35px;
top: -4px;
width: 35px;
height: 44px;
transition: 0.3s;
}
.features-widget .feature-block:hover img {
transform: rotate(12deg);
transition: 0.3s;
}
.features-widget .feature-title {
color: var(--Gray-Gray-800, #EEE);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0 0 8px 0;
}
.features-widget .feature-content {
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0 0 16px 0;
}
.features-widget .feature-button {
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
padding: 8px 0;
border-bottom: 1px solid var(--Color-Palette-Yellow-Yellow-500, #FFC432);
transition: 0.5s;
opacity: 0;
pointer-events: none;
}
.features-widget .feature-button:hover {
color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
border-bottom: 1px solid;
}
.features-widget .feature-block:hover .feature-button {
transition: 0.5s;
opacity: 1;
pointer-events: all;
} .features-widget .features-table.dynamic-color .feature-block img {
filter: grayscale(1);
transition: 0.3s;
}
.features-widget .features-table.dynamic-color .feature-block:hover img {
filter: grayscale(0);
transition: 0.3s;
}
@media (max-width: 576px) {
.features-widget{    
gap: 48px;
}
.features-widget .features-table {
gap: 36px;
}
.features-widget .features-table.columns-2 .feature-block {
flex: 0 0 100%;
height: auto;
}
.features-widget .features-table.columns-3 .feature-block {
flex: 0 0 100%;
height: auto;
}
.features-widget .features-heading {
margin-left: 40px;
font-size: 32px;
}
.features-widget .feature-block {
padding: 0 30px 0 40px;
}
.features-widget .feature-block img {
left: 0;
top: 0;
width: 24px;
height: 32px;
}
.features-widget .feature-title {
margin-bottom: 8px;
font-size: 18px;
}
.features-widget .feature-content {
margin-bottom: 8px;
font-size: 14px;
}
}.call-to-action-widget {
max-width: 946px;
display: flex;
flex-direction: row;
gap: 24px;
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: var(--Gray-Gray-700, #DDD);
}
.call-to-action-widget p{
margin: 0;
align-self: center;
padding: 0 15px 0 0;
opacity: 0.7;
transition: 0.3s;
}
.call-to-action-widget:hover p{
padding: 0 0 0 15px;
opacity: 1;
transition: 0.3s;
}
.call-to-action-widget .button {
display: flex;
flex-direction: row;
gap: 24px;
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
align-items: center;
white-space: nowrap;
transition: color 0.3s;
}
.call-to-action-widget:hover .button {
color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: color 0.3s;
}
.call-to-action-widget .button:after {
content: "";
width: 40px;
height: 40px;
border: 1px solid currentColor;
border-radius: 50%;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/call-to-action/assets/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
transition: 0.3s;
}
.call-to-action-widget:hover .button:after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/call-to-action/assets/arrow-hover.svg);
transition: 0.3s;
}
@media (max-width: 600px) {
.call-to-action-widget {
max-width: 100%;
flex-direction: column;
gap: 16px;
font-size: 18px;
}
.call-to-action-widget .button {
gap: 16px;
}
.call-to-action-widget .button:after {
width: 36px;
height: 36px;
background-size: 12px 12px;
}
.call-to-action-widget p {
color: grey;
opacity: 1;
padding: 0;
}
.call-to-action-widget:hover p {
padding: 0;
}
}.crombie-footer {
background-color: white;
position: relative;
}
.crombie-footer p, .crombie-footer a.footer-link, .crombie-footer h6 {
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.crombie-footer .crombie-footer-misc {
position: absolute;
width: 85px;
height: 150px;
top: -80px;
right: -200px;
}
.crombie-footer .crombie-footer-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 48px 0px;
}
.crombie-footer .crombie-footer-top .crombie-footer-tagline {
display: flex;
align-items: center;
gap: 24px;
}
.crombie-footer .crombie-footer-tagline p {
font-size: 16px;
}
.crombie-footer .crombie-footer-top .crombie-footer-tagline .crombie-footer-icon-wrapper {
min-width: 54px;
max-width: 54px;
min-height: 54px;
max-height: 54px;
background-color: black;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.crombie-footer .crombie-footer-top .crombie-footer-tagline .crombie-footer-icon-wrapper .crombie-footer-icon {
width: 25px;
height: 25px;
transform: translateX(-2px);
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons {
display: flex;
align-items: center;
gap: 24px;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper {
width: 64px;
height: 64px;
background-color: #FAFAFA;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(0px);
transition: all 0.3s ease-in-out;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper:hover {
background-color: #FFC432;
transform: translateY(-8px);
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper .crombie-footer-social-icon {
width: 24px;
height: 24px;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper:hover .filter {
filter: contrast(5);
}
.crombie-footer .divider {
width: 100%;
height: 0.667px;
background-color: #EEEEEE;
margin: 0px;
}
.crombie-footer .crombie-footer-center {
display: flex;
justify-content: space-between;
padding: 48px 0px 96px 0px;
}
.crombie-footer .crombie-footer-center .crombie-footer-column {
display: flex;
flex-direction: column;
gap: 16px;
}
.crombie-footer .crombie-footer-center .crombie-footer-column .crombie-footer-column-content {
display: flex;
flex-direction: column;
gap: 12px;
}
.crombie-footer .crombie-footer-center p, .crombie-footer .crombie-footer-center a.footer-link {
color: var(--Gray-Gray-500, #606060);
font-size: 16px;
}
.crombie-footer .crombie-footer-center h6{
color: var(--Gray-Gray-600, #999);
font-size: 16px;
font-weight: 700;
}
.crombie-footer .crombie-footer-center a.footer-link,.crombie-footer .crombie-footer-bottom-links a.footer-link{
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: transparent;
transition: 0.3s;
}
.crombie-footer .crombie-footer-center a.footer-link:hover,.crombie-footer .crombie-footer-bottom-links a.footer-link:hover{
color: black;
text-decoration-color: black;
transition: 0.3s;
}
.crombie-footer .crombie-footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0px;
}
.crombie-footer .crombie-footer-bottom .crombie-footer-bottom-links {
display: flex;
align-items: center;
gap: 24px;
}
.crombie-footer .crombie-footer-bottom p {
color: var(--Gray-Gray-600, #999);
font-size: 14px;
font-weight: 700;
}
.crombie-footer .crombie-footer-bottom-links a.footer-link {
color: var(--Gray-Gray-500, #606060);
font-size: 14px;
} .crombie-footer .crombie-footer-center form {
background-color: #FAFAFA;
padding: 36px;
border-radius: 16px;
display: flex;
flex-direction: column;
border-radius: 24px;
gap: 24px;
}
.crombie-footer .crombie-footer-center form .success-icon {
display: none;
position: absolute;
left: 0;
}
.crombie-footer .crombie-footer-center form .hs-form-field {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.crombie-footer .crombie-footer-center form label {
font-family: "Hanken Grotesk";
color: #606060;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.crombie-footer .crombie-footer-center form .hs-form-checkbox label {
display: flex;
gap: 8px;
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.crombie-footer .crombie-footer-center form ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.crombie-footer .crombie-footer-center form input {
color: var(--Gray-Gray-600, #999);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 8px;
border: none;
background: var(--Gray-Gray-800, #EEE);
padding: 12px 24px;
}
.crombie-footer .crombie-footer-center form input.error {
position: relative;
padding-right: 35px;
}
.crombie-footer .crombie-footer-center form .input:has(input.error)::after {
content: "";
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
right: 35px;
pointer-events: none;
}
.crombie-footer .crombie-footer-center form div.actions [type=submit] {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 27px;
padding: 12px 32px;
border: none;
transition: 0.3s;
}
.crombie-footer .crombie-footer-center form div.actions {
width: fit-content;
cursor: pointer;
}
.crombie-footer .crombie-footer-center form div.actions:hover [type=submit] {
background-color: var(--e-global-color-f598829);
transition: 0.3s;
}
.crombie-footer .crombie-footer-center form ul.no-list.hs-error-msgs {
list-style: none;
padding-left: 0;
}
.crombie-footer .crombie-footer-center form label.hs-error-msg {
font-size: 15px;
margin-top: 12px
}
.crombie-footer .crombie-footer-center form div.actions:after {
content: "->";
background: var(--e-global-color-62e1cb5);
padding: 14px;
border-radius: 50%;
color: black;
transition: 0.3s;
}
.crombie-footer .crombie-footer-center form div.actions:hover:after {
background: var(--e-global-color-f598829);
transition: 0.3s;
}
.crombie-footer .crombie-footer-center form div.actions:hover .hs-submit [type=submit] {
background-color: var(--e-global-color-f598829);
}
.crombie-footer .crombie-footer-center form .hs-form-field {
position: relative;
}
.crombie-footer .crombie-footer-center form .hs_email {
gap: 0px;
}
.crombie-footer .crombie-footer-center form .hs_interest {
padding-top: 16px;
}
.crombie-footer .crombie-footer-center form .hs_interest ul {
flex-wrap: wrap;
}
.crombie-footer .crombie-footer-center form ul.hs-error-msgs li {
width: auto;
}
.crombie-footer .crombie-footer-center form .form-waiting {
color: #888;
margin: 0;
}
.crombie-footer .crombie-footer-center img.footer-image {
width: 200px;
padding: 6px 16px;
}
@media (max-width: 576px) {
.crombie-footer .crombie-footer-top {
flex-direction: column;
align-items: start;
gap: 24px;
}
.crombie-footer .crombie-footer-misc {
position: absolute;
width: 52px;
height: 92px;
top: -50px;
right: 0px;
}
.crombie-footer .crombie-footer-top .crombie-footer-tagline .crombie-footer-icon-wrapper {
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
}
.crombie-footer .crombie-footer-top .crombie-footer-tagline .crombie-footer-icon-wrapper .crombie-footer-icon {
width: 24px;
height: 24px;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons {
width: 100%;
justify-content: space-between;
gap: 0px;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper {
width: 40px;
height: 40px;
}
.crombie-footer .crombie-footer-top .crombie-footer-social-icons .crombie-footer-social-icon-wrapper .crombie-footer-social-icon {
width: 20px;
height: 20px;
}
.crombie-footer .crombie-footer-center {
flex-wrap: wrap;
gap: 48px 16px;
}
.crombie-footer .crombie-footer-center .crombie-footer-column {
flex: 45%;
}
.crombie-footer .crombie-footer-bottom {
flex-direction: column;
gap: 24px;
align-items: start;
}
.crombie-footer .crombie-footer-bottom .crombie-footer-bottom-links {
flex-wrap: wrap;
gap: 16px;
}
.crombie-footer .crombie-footer-bottom .crombie-footer-bottom-links .crombie-footer-bottom-link {
flex: 30%;
}
}
@media (max-width: 1440px) {
.crombie-footer .crombie-footer-misc {
right: -85px;
}
}
@media (max-width: 1024px) {
.crombie-footer .crombie-footer-misc {
right: -40px;
top: -60px;
}
}
@media (max-width: 768px) {
.crombie-footer .crombie-footer-misc {
right: 0;
top: -40px;
}
}.newsletter-widget {
display: flex;
border-radius: 24px;
gap: 24px;
}
.newsletter-widget.newsletter-type-bright {
background-color: white;
flex-direction: row;
padding: 72px 97px;
justify-content: space-between;
}
.newsletter-widget.newsletter-type-darke {
background: var(--Gray-Gray-100, #161616);
flex-direction: column;
padding: 48px;
width: 752px;
}
.newsletter-widget.newsletter-type-slim {
background-color: white;
flex-direction: column;
padding: 36px;
width: 364px;
}
.newsletter-widget .message,.newsletter-widget .newsletter-form {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
}
.newsletter-widget.newsletter-type-bright .message,.newsletter-widget.newsletter-type-bright .newsletter-form {
width: 47%;
}
.newsletter-widget.newsletter-type-slim .message {
padding-left: 0 !important;
}
.newsletter-widget .newsletter-form {
justify-content: center;
}
.newsletter-widget .newsletter-heading {
font-family: "Hanken Grotesk";
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.newsletter-widget.newsletter-type-bright .newsletter-heading {
color: var(--Default-Black, #000);
}
.newsletter-widget.newsletter-type-darke .newsletter-heading {
color: var(--Default-White, #FFF);
}
.newsletter-widget.newsletter-type-slim .newsletter-heading {
color: var(--Default-Black, #000);
font-size: 32px;
}
.newsletter-widget .newsletter-message {
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.newsletter-widget.newsletter-type-bright .newsletter-message {
color: var(--Gray-Gray-500, #606060);
}
.newsletter-widget.newsletter-type-darke .newsletter-message {
color: var(--Default-White, #DDD);
}
.newsletter-widget.newsletter-type-slim .newsletter-message {
color: var(--Gray-Gray-500, #606060);
font-size: 16px;
font-weight: 700;
}
.newsletter-widget .success-icon {
display: none;
position: absolute;
left: 0;
}
.newsletter-widget.newsletter-type-slim .success-icon {
display: none;
position: relative;
width: 48px;
margin-bottom: 12px;
}
.newsletter-widget form{
display: flex;
flex-direction: column;
gap: 24px;
}
.newsletter-widget .newsletter-form .hs-form-field {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.newsletter-widget .newsletter-form label {
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.newsletter-widget.newsletter-type-bright .newsletter-form label {
color: var(--Default-Black, #000);
font-size: 20px;
}
.newsletter-widget.newsletter-type-darke .newsletter-form label {
color: var(--Default-White, #FFF);
font-size: 16px;
}
.newsletter-widget.newsletter-type-slim .newsletter-form label {
color: var(--Default-Black, #000);
font-size: 16px;
}
.newsletter-widget .newsletter-form .hs-form-checkbox label {
display: flex;
gap: 8px;
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.newsletter-widget.newsltter-type-bright .newsletter-form .hs-form-checkbox label {
color: var(--Gray-Gray-500, #606060);
}
.newsletter-widget.newsltter-type-darke .newsletter-form .hs-form-checkbox label {
color: var(--Gray-Gray-700, #DDD);
}
.newsletter-widget.newsltter-type-slim .newsletter-form .hs-form-checkbox label {
color: var(--Gray-Gray-500, #606060);
}
.newsletter-widget .newsletter-form ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 10px;
}
.newsletter-widget.newsletter-type-slim .newsletter-form ul {
flex-direction: column;
}
.newsletter-widget .newsletter-form input {
color: var(--Gray-Gray-600, #999);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border-radius: 8px;
border: none;
}
.newsletter-widget.newsletter-type-bright .newsletter-form input {
background: var(--Gray-Gray-800, #EEE);
padding: 20px 32px;
}
.newsletter-widget.newsletter-type-darke .newsletter-form input {
background-color: var(--Gray-Gray-200, #242424);
padding: 12px 24px;
}
.newsletter-widget.newsletter-type-slim .newsletter-form input {
background: var(--Gray-Gray-800, #EEE);
padding: 12px 24px;
}   
.newsletter-widget .newsletter-form input.error {
position: relative;
padding-right: 35px;
}
.newsletter-widget.newsletter-type-slim .newsletter-form input.error {
padding-right: 35px;
}
.newsletter-widget.newsletter-type-bright .newsletter-form input.error,
.newsletter-widget.newsletter-type-slim .newsletter-form input.error {
background: var(--Color-Palette-Red-Red-100, #FFEBEB);
border: 1px solid var(--Color-Palette-Red-Red-500, #FF4647);
}
.newsletter-widget.newsletter-type-darke .newsletter-form input.error {
border: 1px solid var(--Color-Palette-Red-Red-300, #FF999A);
background: var(--Color-Palette-Red-Red-900, #4D0F0F);
}
.newsletter-widget .newsletter-form .input:has(input.error)::after {
content: "";
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
right: 35px;
pointer-events: none;
}
.newsletter-widget.newsletter-type-bright .newsletter-form .input:has(input.error)::after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23ff0000"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23ff0000"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23ff0000"/></svg>');
top: 24px;
}
.newsletter-widget.newsletter-type-darke .newsletter-form .input:has(input.error)::after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23FF4647"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23FF4647"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23FF4647"/></svg>');
top: 15px;
}
.newsletter-widget.newsletter-type-slim .newsletter-form .input:has(input.error)::after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.9996 21.25C5.97963 21.25 3.46963 21.25 1.95963 19.86C1.12963 19.09 0.559631 18.1 0.329631 16.98C-0.0903688 14.96 1.16963 12.74 3.66963 8.32C6.16963 3.88 7.42963 1.66 9.35963 1.02C10.4296 0.66 11.5596 0.66 12.6396 1.02C14.5696 1.66 15.8296 3.89 18.3296 8.32C20.8296 12.75 22.0896 14.97 21.6696 16.99C21.4396 18.11 20.8696 19.1 20.0396 19.87C18.5296 21.26 16.0096 21.26 10.9996 21.26V21.25ZM4.97963 9.05C2.73963 13.03 1.49963 15.21 1.80963 16.67C1.97963 17.48 2.37963 18.2 2.98963 18.75C4.06963 19.74 6.53963 19.74 11.0196 19.74C15.4996 19.74 17.9696 19.74 19.0496 18.75C19.6496 18.2 20.0596 17.48 20.2196 16.67C20.5196 15.21 19.2896 13.02 17.0496 9.06C14.7996 5.08 13.5696 2.9 12.1796 2.44C11.4196 2.19 10.6096 2.19 9.84963 2.44C8.46963 2.9 7.22963 5.09 4.98963 9.05H4.97963Z" fill="%23ff0000"/><path d="M10.9996 16C10.4496 16 9.99963 15.55 9.99963 15C9.99963 14.45 10.4396 14 10.9996 14C11.5496 14 11.9996 14.45 11.9996 15C11.9996 15.55 11.5496 16 10.9996 16Z" fill="%23ff0000"/><path d="M10.9996 12.75C10.5896 12.75 10.2496 12.41 10.2496 12V8C10.2496 7.59 10.5896 7.25 10.9996 7.25C11.4096 7.25 11.7496 7.59 11.7496 8V12C11.7496 12.41 11.4096 12.75 10.9996 12.75Z" fill="%23ff0000"/></svg>');
top: 15px;
right: 24px;
}
.newsletter-widget .newsletter-form div.actions [type=submit] {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 27px;
padding: 12px 32px;
border: none;
transition: 0.3s;
}
.newsletter-widget .newsletter-form div.actions {
width: fit-content;
cursor: pointer;
}
.newsletter-widget .newsletter-form div.actions:hover [type=submit] {
background-color: var(--e-global-color-f598829);
transition: 0.3s;
}
.newsletter-widget .newsletter-form ul.no-list.hs-error-msgs {
list-style: none;
padding-left: 0;
}
.newsletter-widget .newsletter-form label.hs-error-msg {
font-size: 15px;
margin-top: 12px
}
.newsletter-widget .newsletter-form div.actions:after {
content: "->";
background: var(--e-global-color-62e1cb5);
padding: 14px;
border-radius: 50%;
color: black;
transition: 0.3s;
}
.newsletter-widget .newsletter-form div.actions:hover:after {
background: var(--e-global-color-f598829);
transition: 0.3s;
}
.newsletter-widget .newsletter-form div.actions:hover .hs-submit [type=submit] {
background-color: var(--e-global-color-f598829);
}
.newsletter-widget .newsletter-form .hs-form-field {
position: relative;
}
.newsletter-widget .newsletter-form .hs_email{
gap: 0px;
}
.newsletter-widget .newsletter-form .hs_interest{
padding-top: 16px;
}
.newsletter-widget .newsletter-form .hs_interest ul {
flex-wrap: wrap;
}
.newsletter-widget.newsletter-type-darke .newsletter-form .hs_interest ul {
gap: 16px 24px;
}
.newsletter-widget .newsletter-form li {
width: 45%;
}
.newsletter-widget.newsletter-type-slim .newsletter-form li {
width: auto;
}
.newsletter-widget .newsletter-form ul.hs-error-msgs li {
width: auto;
}
.newsletter-widget.newsletter-type-darke .newsletter-form .hs_interest ul li {
width: auto;
}
.newsletter-widget .newsletter-form .form-waiting{
color: #888;
margin: 0;
}
@media (max-width: 768px) {
.newsletter-widget.newsletter-type-bright {
padding: 24px;
flex-direction: column;
}
.newsletter-widget.newsletter-type-darke {
width: 100%;
padding: 24px;
}
.newsletter-widget.newsletter-type-slim {
width: auto;
padding: 24px;
}
.newsletter-widget.newsletter-type-bright .message, .newsletter-widget.newsletter-type-bright .newsletter-form {
width: 100%;
}
.newsletter-widget .success-icon {
width: 40px;
height: 40px;
}
.newsletter-widget .newsletter-heading, .newsletter-widget.newsletter-type-slim .newsletter-heading {
font-size: 26px;
}
.newsletter-widget .newsletter-form .hs-form-field {
gap: 24px;
}
.newsletter-widget .newsletter-form .hs-form-field {
gap: 0px;
}
.newsletter-widget .newsletter-form ul{
flex-direction: column;
gap: 12px;
}
.newsletter-widget .newsletter-form .hs-form-field input {
padding: 12px 16px;
}
.newsletter-widget .newsletter-form .hs-fieldtype-checkbox > label:first-of-type {
margin-bottom: 12px;
}
.newsletter-widget .newsletter-form .hs-form-checkbox label {
font-size: var(--e-global-typography-f9793af-font-size);
}
.newsletter-widget .newsletter-form .input:has(input.error)::after {
width: 26px;
height: 26px;
right: 16px;
top: 16px;
}
.newsletter-widget.newsletter-type-bright .newsletter-form .input:has(input.error)::after,
.newsletter-widget.newsletter-type-darke .newsletter-form .input:has(input.error)::after,
.newsletter-widget.newsletter-type-slim .newsletter-form .input:has(input.error)::after {
top: 14px;
}
.newsletter-widget .newsletter-form li {
width: auto;
}
.newsletter-widget .newsletter-form label.hs-error-msg {
margin: 12px 0;
}
}.banner-widget {
text-align: center;
padding: 100px;
border-radius: 24px;
transition: all 0.5s ease-in-out;
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
}
.banner-widget:hover {
border-radius: 270px;
}
.banner-widget .banner-content {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
.banner-widget .banner-heading {
margin: 0px;
font-size: 44px;
}
.banner-subtitle {
font-weight: 400 !important;
margin-bottom: 0px;
}
.banner-widget a.banner-button {
margin: 0px;
padding: 12px 24px;
border-radius: 27px;
font-weight: 700 !important;
background-color: #FFC432;
font-family: "Hanken Grotesk";
font-size: 20px;
color: black;
transition: 0.5s;
width: fit-content;
}
.banner-widget a.banner-button:hover {
background-color: #25B1E1;
}
@media (max-width: 576px) {
.banner-widget {
padding: 120px 25px;
}
.banner-widget:hover {
border-radius: 24px;
}
.banner-widget a.banner-button {
padding: 8px 20px;
font-size: 16px;
}
}.post-search-widget {
position: relative;
display: flex;
flex-direction: row;
gap: 24px;
} .post-search-widget .quantity{
position: absolute;
top: -88px; 
left: 0;
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 12px 24px;
border-radius: 32px;
background: var(--Gray-Gray-100, #161616);
}
.post-search-widget .quantity.mobile {
position: relative;
top: 0;
width: fit-content;
font-size: 14px;
padding: 10px 18px;
display: none;
} .post-search-widget .left-block {
width: calc(70% - 12px);
display: flex;
flex-direction: column;
gap: 48px;
}
.post-search-widget .filtered-posts {
display: flex;
flex-direction: column;
gap: 48px;
}
.post-search-widget .filtered-posts .card {
display: flex;
flex-direction: row;
gap: 24px;
height: 201px;
}
.post-search-widget .side-bar{
width: calc(30% - 12px);
display: flex;
flex-direction: column;
gap: 48px;
}
.post-search-widget .filtered-posts .card .featured-img {
position: relative;
width: 267px;
height: 100%;
aspect-ratio: 89 / 67;
overflow: hidden;
border-radius: 8px;
}
.post-search-widget .filtered-posts .card .featured-img .category {
position: absolute;
top: 12px;
left: 12px;
padding: 4px 8px;
background-color: var(--Default-Black, #000);
color: var(--Default-White, #FFF);
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
font-size: 12px;
border-radius: 16px;
z-index: 1;
opacity: 0;
transition: 0.3s;
}
.post-search-widget .filtered-posts .card:hover .featured-img .category {
opacity: 1;
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .featured-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card:hover .featured-img img {
transform: scale(1.15);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .info {
width: calc((100% - 24px) - 267px);
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
}
.post-search-widget .filtered-posts .card .info .description {
display: flex;
flex-direction: column;
gap: 8px;
max-height: calc((100% - 24px) - 16px);
overflow: hidden;
}
.post-search-widget .filtered-posts .card .info .author-info {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
}
.post-search-widget .filtered-posts .card .info .description h3 {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
transition: 0.3s;
}
.post-search-widget .filtered-posts .card:hover .info .description h3 {
color: var(--Default-White, #FFF);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .info .description p,
.post-search-widget .filtered-posts .card .info .author-info p,
.post-search-widget .filtered-posts .card .info .author-info .display-name {
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.post-search-widget .filtered-posts .card .info .description p{
color: var(--Gray-Gray-300, #363636);
font-size: 16px;
transition: 0.3s;
}
.post-search-widget .filtered-posts .card:hover .info .description p{
color: var(--Gray-Gray-500, #606060);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .info .author-info p {
color: var(--Gray-Gray-300, #363636);
font-size: 14px;
}
.post-search-widget .filtered-posts .card .info .author-info .display-name {
color: var(--Default-White, #FFF);
font-size: 14px;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: var(--Gray-Gray-300, #363636);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .info .author-info .display-name:hover {
text-decoration-color:  var(--Default-White, #FFF);
transition: 0.3s;
}
.post-search-widget .filtered-posts .card .info .author-info .avatar {
width: 24px;
height: 24px;
line-height: 0;
}
.post-search-widget .filtered-posts .card .info .author-info .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 50%;
} .post-search-widget .left-block .pages {
display: flex;
flex-direction: row;
justify-content: normal;
align-items: center;
gap: 12px;
margin: 0;
}
.post-search-widget .left-block .pages .page {
padding: 8px 16px;
border: 1px solid var(--Gray-Gray-300, #363636);
border-radius: 50%;
color: var(--Default-White, #FFF);
font-family: "Hanken Grotesk";
font-size: 16px;
font-weight: 700;
margin: 0;
background-color: transparent;
transition: 0.3s;
}
.post-search-widget .left-block .pages .page.active {
background-color: var(--Gray-Gray-300, #363636);
}
.post-search-widget .left-block .pages .page:hover:not(.active) {
background-color: var(--Default-White, #FFF);
border: 1px solid var(--Default-White, #FFF);
color: var(--Default-Black, #000);
transition: 0.3s;
}
.post-search-widget .left-block .pages .older-posts {
position: relative;
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
padding: 8px 24px;
border-radius: 27px;
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 16px;
font-weight: 700;
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
transition: 0.3s;
}
.post-search-widget .left-block .pages .older-posts:hover {
background-color: var(--Color-Palette-Blue-Blue-500, #0091FF);
transition: 0.3s;
}
.post-search-widget .left-block .pages .older-posts:after {
content: "";
position: absolute;
top: 0;
right: -40px;
width: 40px;
height: 40px;
border-radius: 50%;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/post-search/assets/arrow.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
background-color: inherit;
}
.post-search-widget .left-block .pages .older-posts-mobile{
width: 40px;
height: 40px;
border-radius: 50%;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/post-search/assets/arrow.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
display: none;
} .post-search-widget .side-bar .search {
background: var(--Gray-Gray-100, #161616);
display: flex;
flex-direction: column;
gap: 24px;
padding: 24px 36px 36px 36px;
border-radius: 12px;
}
.post-search-widget .side-bar .search .wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
.post-search-widget .side-bar .search p {
margin: 0;
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.post-search-widget .side-bar .search input[type="text"] {
border-radius: 8px;
background: var(--Gray-Gray-200, #242424);
color: var(--Gray-Gray-700, #DDD);
padding: 12px 24px;
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border: 1px solid transparent;
transition: 0.3s;
}
.post-search-widget .side-bar .search input[type="text"]:hover {
border: 1px solid var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.post-search-widget .side-bar .search input[type="text"]::placeholder {
color: var(--Gray-Gray-600, #999);
transition: 0.3s;
}
.post-search-widget .side-bar .search input[type="text"]:hover::placeholder {
color: #DDD;
transition: 0.3s;
}
.post-search-widget .search-button {
position: relative;
background: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
color: var(--Default-Black, #000);
width: fit-content;
border: none;
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 27px;
transition: 0.3s;
}
.post-search-widget .search-button:hover {
background: var(--Color-Palette-Blue-Blue-500, #0091FF);
color: var(--Default-Black, #000);
transition: 0.3s;
}
.post-search-widget .search-button:after {
content: "";
position: absolute;
top: 0;
right: -40px;
width: 40px;
height: 40px;
border-radius: 50%;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/post-search/assets/arrow.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
background-color: inherit;
}
.post-search-widget .side-bar .categories {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 36px;
}
.post-search-widget .side-bar .categories h6 {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.post-search-widget .side-bar .categories ul {
display: flex;
flex-direction: column;
gap: 16px;
list-style: square;
--list-marker-size: 3px;
padding-left: 0;
}
.post-search-widget .side-bar .categories ul li {
position: relative;
display: flex;
align-items: center;
}
.post-search-widget .side-bar .categories ul li::before {
content: "";
display: inline-block;
width: var(--list-marker-size, 7px);
height: var(--list-marker-size, 7px);
background: var(--Gray-Gray-300, #363636);
border-radius: 50%;
margin-right: 10px;
flex-shrink: 0;
}
.post-search-widget .side-bar .categories ul li a {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
text-underline-offset: 10px;
text-decoration-color: var(--Gray-Gray-300, #363636);
transition: 0.3s;
}
.post-search-widget .side-bar .categories ul li a:hover {
text-decoration-color: var(--Default-White, #FFF);
transition: 0.3s;
}
.post-search-widget .filtered-posts .no-posts-msg{
color: var(--Gray-Gray-600, #999);
font-family: "Hanken Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%;
} @media (max-width: 768px) {
.post-search-widget {
flex-direction: column-reverse;
gap: 96px;
}
.post-search-widget .left-block {
width: 100%;
}
.post-search-widget .side-bar {
width: 100%;
}
.post-search-widget .side-bar .search {
padding: 24px;
}
.post-search-widget .side-bar .search p{
font-size: 16px;
}
.post-search-widget .side-bar .search input[type="text"] {
padding: 12px 16px;
}
.post-search-widget .search-button {
padding: 6px 18px;
font-size: 15px;
}
.post-search-widget .search-button:after {
height: 36px;
width: 36px;
background-size: 15px 15px;
right: -36px;
}
.post-search-widget .side-bar .categories {
padding: 0 24px;
}
.post-search-widget .side-bar .categories h6 {
font-size: 18px;
}
.post-search-widget .side-bar .categories ul {
gap: 12px;
}
.post-search-widget .side-bar .categories ul li a {
font-size: 14px;
text-underline-offset: 8px;
}
.post-search-widget .filtered-posts .card {
height: 156px;
gap: 16px;
}
.post-search-widget .filtered-posts .card .featured-img {
width: 97px;
height: 97px;
aspect-ratio: 1 / 1;
}
.post-search-widget .filtered-posts .card .info {
width: calc((100% - 16px) - 97px);
gap: 12px;
overflow: hidden;
}
.post-search-widget .filtered-posts .card .info .description h3 {
font-size: 18px;
}
.post-search-widget .filtered-posts .card .info .description p {
font-size: 14px;
}
.post-search-widget .filtered-posts .card .info .author-info {
width: max-content;
}
.post-search-widget .filtered-posts .card .info .author-info p {
font-size: 13px;
}
.post-search-widget .filtered-posts .card .info .author-info .display-name {
font-size: 13px;
}
.post-search-widget .filtered-posts .card .featured-img .category{
display: none;
}
.post-search-widget .left-block .pages{
gap: 8px;
}
.post-search-widget .left-block .pages .older-posts {
display: none;
}
.post-search-widget .left-block .pages .older-posts-mobile {
display: block;
}
.post-search-widget .quantity:not(.mobile) {
display: none;
}
.post-search-widget .quantity.mobile {
display: block;
}
.post-search-widget .filtered-posts .no-posts-msg{
font-size: 20px;
}
}.social-proof-widget {
position: relative;
width: 100%;
}
.social-proof-widget .social-proof-review-svg {
position: absolute;
top: 0;
left: 0;
width: 134px;
height: 134px;
z-index: 1;
}
.social-proof-widget .social-proof-widget-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 72px 200px;
gap: 70px 0px;
}
.social-proof-widget-container.pill {
background-color: #161616;
border-radius: 1140px;
}
.social-proof-widget .social-proof-review .social-proof-review-text {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0px;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info .social-proof-reviewer {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info .social-proof-reviewer .social-proof-reviewer-name {
font-family: "Hanken Grotesk";
font-weight: 700;
color: #DDDDDD;
font-size: 20px;
line-height: 150%;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info .social-proof-reviewer .social-proof-reviewer-role {
font-family: "Hanken Grotesk";
font-weight: 400;
color: #606060;
font-size: 16px;
line-height: 150%;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info .clutch-widget {
width: 185px;
}
@media (max-width: 576px) {
.social-proof-widget .social-proof-review-svg {
width: 48px;
height: 48px;
top: -24px;
left: 20px;
}
.social-proof-widget .social-proof-widget-container {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 48px 32px 32px 32px;
gap: 20px 0px;
}
.social-proof-widget-container.pill {
background-color: #161616;
border-radius: 16px;
}
.social-proof-widget .social-proof-review .social-proof-review-text {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.social-proof-widget .social-proof-widget-container .social-proof-reviewer-info {
flex-direction: column;
align-items: start;
gap: 32px 0px;
width: 100%;
}
.social-proof-widget .social-proof-reviewer-info .social-proof-reviewer-name {
font-size: 16px;
}
.social-proof-widget .social-proof-reviewer-info .social-proof-reviewer-role {
font-size: 14px;
}
.social-proof-widget .social-proof-reviewer-info .clutch-widget {
width: 150px;
}
}.works-widget.works-widget-type-contained {
position: relative;
background: var(--Gray-Gray-100, #161616);
padding: 60px 97px 72px 97px;
border-radius: 24px;
overflow: hidden;
z-index: 0;
}
.works-widget.works-widget-type-contained::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 700px;
height: 700px;
background: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/works/assets/background.svg) no-repeat center / contain;
transform: scaleX(-1);
pointer-events: none;
z-index: -1;
} .works-widget.works-widget-type-contained .crombie-works-heading {
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0 0 12px 0;
}
.works-widget.works-widget-type-contained .crombie-works-subtitle {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin: 0 0 48px 0;
} .works-widget.works-widget-type-contained .case-studies-contenetor {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.works-widget.works-widget-type-contained .case-study-block {
display: flex;
align-items: center;
gap: 36px;
} .works-widget.works-widget-type-contained .case-study-block .img-wrapper {
width: 170px;
height: 128px;
overflow: hidden;
border-radius: 8px;
transition: 0.4s;
}
.works-widget.works-widget-type-contained .case-study-block:hover .img-wrapper {
border-radius: 12px;
transition: 0.4s;
}
.works-widget.works-widget-type-contained .case-study-block img {
aspect-ratio: 85 / 64;
-webkit-filter: grayscale(100%);
transform-origin: center;
transition: 0.4s;
}
.works-widget.works-widget-type-contained .case-study-block:hover img {
-webkit-filter: grayscale(0%);
transform: scale(1.15);
transition: 0.4s;
} .works-widget.works-widget-type-contained .case-study-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.works-widget.works-widget-type-contained .case-study-title {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.works-widget.works-widget-type-contained .case-study-excerpt {
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
} .works-widget.works-widget-type-contained .case-study-block .case-study-button {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/works/assets/left-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 45%;
color: black;
padding: 18px;
border-radius: 50%;
margin-left: 0;
opacity: 0;
transition: 0.4s;
}
.works-widget.works-widget-type-contained .case-study-block:hover .case-study-button {
opacity: 1;
margin-left: 35px;
transition: 0.4s;
}
.works-widget.works-widget-type-contained .case-study-button:hover {
background-color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.4s;
}
@media (max-width: 768px) {
.works-widget.works-widget-type-contained {
padding: 32px 24px;
}
.works-widget.works-widget-type-contained::after {
transform: scaleX(-1);
rotate: 270deg;
top: 0;
width: 350px;
height: 350px;
}
.works-widget.works-widget-type-contained .crombie-works-heading {
font-size: 30px;
}
.works-widget.works-widget-type-contained .crombie-works-subtitle {
font-size: 18px;
}
.works-widget.works-widget-type-contained .case-studies-contenetor{
flex-direction: row;
gap: 32px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0 24px;
scroll-padding-left: 24px;
margin: 0 -24px;
}
.works-widget.works-widget-type-contained .case-studies-contenetor::-webkit-scrollbar{
display: none;
}
.works-widget.works-widget-type-contained .case-study-block{
flex: 0 0 auto;
scroll-snap-align: start;
position: relative;
flex-direction: column;
height: 300px;
width: 170px;
gap: 20px;
}
.works-widget.works-widget-type-contained .case-study-block:hover .img-wrapper {
border-radius: 8px;
}
.works-widget.works-widget-type-contained .case-study-block img {
-webkit-filter: grayscale(0%);
}
.works-widget.works-widget-type-contained .case-study-block:hover img {
transform: scale(1);
}  
.works-widget.works-widget-type-contained .case-study-content {
gap: 4px;
}
.works-widget.works-widget-type-contained .case-study-title {
font-size: 18px;
}
.works-widget.works-widget-type-contained .case-study-excerpt {
font-size: 16px;
}
.works-widget.works-widget-type-contained .case-study-block .case-study-button {
position: absolute;
left: 0;
bottom: 0;
opacity: 1;
}
.works-widget.works-widget-type-contained .case-study-block:hover .case-study-button {
margin-left: 0;
}
}.contact-form-widget.contact-type-dark {
display: flex;
flex-direction: row;
gap: 130px;
}
.contact-form-widget.contact-type-bright {
background-color: white;
display: flex;
flex-direction: column;
padding: 64px 97px;
border-radius: 24px;
gap: 50px;
}
.contact-form-widget .contact-form-wrapper {
flex: 60%;
align-content: center;
}
.contact-form-widget .contact-decoration {
flex: 40%;
}
.contact-form-widget .contact-form-heading {
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper form{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
gap: 32px;
}
.contact-form-widget.contact-type-dark .contact-form-wrapper form{
display: flex;
flex-direction: column;
}
.contact-form-widget.contact-type-dark .contact-form-wrapper form{
gap: 48px;
}
.contact-form-widget .contact-form-wrapper .hs-form-field {
display: flex;
flex-direction: column;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper .hs-form-field{
gap: 18px
}
.contact-form-widget.contact-type-dark .contact-form-wrapper .hs-form-field{
gap: 20px;
}
.contact-form-widget .contact-form-wrapper label {
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
line-height: 130%;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper label {
color: var(--Default-Black, #000);
font-weight: 700;
}
.contact-form-widget.contact-type-dark .contact-form-wrapper label {
color: var(--Gray-Gray-700, #DDD);
font-weight: 400;
}
.contact-form-widget .contact-form-wrapper input {
position: relative;
border: none;
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 20px 32px;
border-radius: 8px;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper input {
color: var(--Default-Black, #000);
background-color: var(--Gray-Gray-800, #EEE);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper input {
color: var(--Gray-Gray-600, #999);
background-color: var(--Gray-Gray-200, #242424);
}
.contact-form-widget .contact-form-wrapper input.error,.contact-form-widget .contact-form-wrapper textarea.error,.contact-form-widget .contact-form-wrapper select.error {
padding-right: 70px;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper input.error,.contact-form-widget.contact-type-bright .contact-form-wrapper textarea.error,.contact-form-widget.contact-type-bright .contact-form-wrapper select.error {
border: 1px solid var(--Color-Palette-Red-Red-500, #FF4647);
background-color: var(--Color-Palette-Red-Red-100, #FFEBEB);
color: var(--Gray-Gray-500, #606060);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper input.error,.contact-form-widget.contact-type-dark .contact-form-wrapper textarea.error,.contact-form-widget.contact-type-dark .contact-form-wrapper select.error {
background-color: var(--Color-Palette-Red-Red-900, #4D0F0F);
border: 1px solid var(--Color-Palette-Red-Red-300, #FF999A);
color: var(--Gray-Gray-800, #EEE);
}
.contact-form-widget .contact-form-wrapper input.error::placeholder,.contact-form-widget .contact-form-wrapper textarea.error::placeholder,.contact-form-widget .contact-form-wrapper select.error::placeholder {
color: var(--Gray-Gray-600, #999);
}
.contact-form-widget.contact-type-bright .contact-form-wrapper input[type="text"]:not(.error):not(:placeholder-shown),.contact-form-widget.contact-type-bright .contact-form-wrapper input[type="email"]:not(.error):not(:placeholder-shown),
.contact-form-widget.contact-type-bright .contact-form-wrapper textarea:not(.error):not(:placeholder-shown),.contact-form-widget.contact-type-bright .contact-form-wrapper select:valid:not(.error) {
background-color: var(--Color-Palette-Green-Green-100, #EBF9F0);
border: 1px solid var(--Color-Palette-Green-Green-500, #33C466);
color: var(--Gray-Gray-500, #606060);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper input[type="text"]:not(.error):not(:placeholder-shown),.contact-form-widget.contact-type-dark .contact-form-wrapper input[type="email"]:not(.error):not(:placeholder-shown),
.contact-form-widget.contact-type-dark .contact-form-wrapper textarea:not(.error):not(:placeholder-shown),.contact-form-widget.contact-type-dark .contact-form-wrapper select:valid:not(.error) {
background-color: var(--Color-Palette-Green-Green-900, #0F3B1F);
border: 1px solid var(--Color-Palette-Green-Green-300, #99E2B4);
color: var(--Gray-Gray-800, #EEE);
}
.contact-form-widget .contact-form-wrapper .input {
position: relative;
}
.contact-form-widget .contact-form-wrapper .input:has(input.error)::after,.contact-form-widget .contact-form-wrapper .input:has(textarea.error)::after,.contact-form-widget .contact-form-wrapper .input:has(select.error)::after  {
content: "";
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(input.error)::after,.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(textarea.error)::after,.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(select.error)::after  {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/bright/error.svg);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(input.error)::after,.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(textarea.error)::after,.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(select.error)::after  {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/dark/error.svg);
}
.contact-form-widget .contact-form-wrapper .input:has(textarea.error)::after {
top: 36px;
}
.contact-form-widget .contact-form-wrapper .input:has(select.error)::after {
right: 70px;
}
.contact-form-widget .contact-form-wrapper .input:has(input[type="text"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget .contact-form-wrapper .input:has(input[type="email"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget .contact-form-wrapper .input:has(textarea:not(.error):not(:placeholder-shown))::after,
.contact-form-widget .contact-form-wrapper .input:has(select:valid:not(.error))::after {
content: "";
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/check.svg);
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(input[type="text"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(input[type="email"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(textarea:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-bright .contact-form-wrapper .input:has(select:valid:not(.error))::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/bright/check.svg);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(input[type="text"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(input[type="email"]:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(textarea:not(.error):not(:placeholder-shown))::after,
.contact-form-widget.contact-type-dark .contact-form-wrapper .input:has(select:valid:not(.error))::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/dark/check.svg);
}
.contact-form-widget .contact-form-wrapper .input:has(textarea:not(.error):not(:placeholder-shown))::after {
top: 32px;
}
.contact-form-widget .contact-form-wrapper .input:has(select:valid:not(.error))::after {
right: 70px;
}
.contact-form-widget .contact-form-wrapper textarea {
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: var(--Gray-Gray-600, #999);
height: 210px;
border-radius: 8px;
border: none;
padding: 20px 32px;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper textarea {
background-color: var(--Gray-Gray-800, #EEE);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper textarea {
background-color: var(--Gray-Gray-200, #242424);
}
.contact-form-widget .contact-form-wrapper select {
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 20px 32px;
border-radius: 8px;
border: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 40px;
position: relative;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper select {
background-color: var(--Gray-Gray-800, #EEE);
color: var(--Gray-Gray-500, #606060);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper select {
background-color: var(--Gray-Gray-200, #242424);
color: var(--Gray-Gray-600, #999);
}
.contact-form-widget .contact-form-wrapper select::-ms-expand {
display: none;
}
.contact-form-widget .contact-form-wrapper select,.contact-form-widget .contact-form-wrapper select.error,.contact-form-widget .contact-form-wrapper select:valid:not(.error) {
position: relative;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/select-arrow.svg);
background-repeat: no-repeat;
background-position: right 32px center;
background-size: 16px;
cursor: pointer;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper select,.contact-form-widget.contact-type-bright .contact-form-wrapper select.error,.contact-form-widget.contact-type-bright .contact-form-wrapper select:valid:not(.error) {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/bright/select-arrow.svg);
}
.contact-form-widget.contact-type-dark .contact-form-wrapper select,.contact-form-widget.contact-type-dark .contact-form-wrapper select.error,.contact-form-widget.contact-type-dark .contact-form-wrapper select:valid:not(.error) {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/dark/select-arrow.svg);
}
.contact-form-widget .contact-form-wrapper [type=submit] {
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 27px 27px 27px 27px;
padding: 12px 32px 12px 32px;
border: none;
transition: 0.3s;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper [type=submit],.contact-form-widget.contact-type-dark .contact-form-wrapper [type=submit] {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
color: var(--Default-Black, #000);
}
.contact-form-widget .contact-form-wrapper div.actions {
position: relative;
width: fit-content;
cursor: pointer;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper div.actions:hover [type=submit],.contact-form-widget.contact-type-dark .contact-form-wrapper div.actions:hover [type=submit] {
background-color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.3s;
}
.contact-form-widget .contact-form-wrapper ul.no-list.hs-error-msgs {
list-style: none;
padding-left: 0;
}
.contact-form-widget .contact-form-wrapper label.hs-error-msg {
font-size: 15px;
}
.contact-form-widget .contact-form-wrapper div.actions::after {
position: absolute;
top: 6px;
content: "";
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/contact-form/assets/button-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
padding: 21px;
border-radius: 50%;
color: black;
transition: 0.3s;
display: inline-block;
}
.contact-form-widget .contact-form-wrapper div.actions:hover:after {
background-color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.3s;
}
.contact-form-widget .contact-form-wrapper div.actions:hover .hs-submit [type=submit] {
background-color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
}
.contact-form-widget.contact-type-bright .hs_submit.hs-submit {
width: fit-content;
height: fit-content;
justify-self: end;
transform: translateX(-41px);
}
.contact-form-widget.contact-type-bright .hs_error_rollup {
display: none;
}
.contact-form-widget .contact-form-wrapper .form-waiting{
color: #888;
margin: 0;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper .form-waiting{
text-align: left;
}
.contact-form-widget.contact-type-dark .contact-form-wrapper .form-waiting{
text-align: center;
}
@media (max-width: 768px) {
.contact-form-widget.contact-type-bright {
padding: 24px;
gap: 24px;
}
.contact-form-widget.contact-type-dark {
flex-direction: column;
gap: 96px;
}
.contact-form-widget .contact-form-heading{
font-size: 26px;
}
.contact-form-widget .contact-form-wrapper label {
font-size: 16px;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper form{
display: flex;
flex-direction: column;
gap: 24px;
}
.contact-form-widget.contact-type-bright .contact-form-wrapper .hs-form-field,.contact-form-widget.contact-type-dark .contact-form-wrapper .hs-form-field{
gap: 12px;
}
.contact-form-widget .contact-form-wrapper .hs-form-field input,
.contact-form-widget .contact-form-wrapper .hs-form-field select,
.contact-form-widget .contact-form-wrapper textarea {
padding: 16px;
font-size: 16px;
}
.contact-form-widget .contact-form-wrapper .input:has(input.error)::after, .contact-form-widget .contact-form-wrapper .input:has(textarea.error)::after, .contact-form-widget .contact-form-wrapper .input:has(select.error)::after {
right: 20px;
}
.contact-form-widget .contact-form-wrapper .input:has(textarea.error)::after {
top: 30px;
}
.contact-form-widget .contact-form-wrapper .input:has(select.error)::after {
right: 60px;
}
.contact-form-widget .contact-form-wrapper .input:has(input[type="text"]:not(.error):not(:placeholder-shown))::after, .contact-form-widget .contact-form-wrapper .input:has(input[type="email"]:not(.error):not(:placeholder-shown))::after, .contact-form-widget .contact-form-wrapper .input:has(textarea:not(.error):not(:placeholder-shown))::after, .contact-form-widget .contact-form-wrapper .input:has(select:valid:not(.error))::after {
right: 20px;
}
.contact-form-widget .contact-form-wrapper .input:has(select:valid:not(.error))::after {
right: 60px;
}
.contact-form-widget .contact-form-wrapper select, .contact-form-widget .contact-form-wrapper select.error, .contact-form-widget .contact-form-wrapper select:valid:not(.error) {
background-position: right 20px center;
}
.contact-form-widget .contact-form-wrapper [type=submit]{
font-size: 16px;
padding: 8px 20px;
}
.contact-form-widget .contact-form-wrapper div.actions::after{
top: 0px;
background-size: 32%;
padding: 19px;
}
.contact-form-widget.contact-type-bright .hs_submit.hs-submit {
justify-self: start;
transform: translateX(0px);
}
}.simple-image-widget {
position: relative;
max-width: 946px;
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
}
.simple-image-widget img.selected-image {
border-radius: 12px;
pointer-events: none;
}
.simple-image-widget p {
color: var(--Gray-Gray-600, #999);
text-align: center;
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.simple-image-widget .social-icons {
position: absolute;
right: calc(-54px - 20px);
display: flex;
flex-direction: column;
gap: 12px;
}
.simple-image-widget .social-icons a {
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: var(--Gray-Gray-100, #161616);
transition: 0.3s;
}
.simple-image-widget .social-icons a:hover {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
transition: 0.3s;
}
.simple-image-widget .social-icons a img {
width: 24px;
height: 24px;
transition: 0.3s;
}
.simple-image-widget .social-icons a:hover img {
filter: contrast(5);
}
@media (max-width: 768px) {
.simple-image-widget {
width: 100%;
gap: 12px;
}
.simple-image-widget img.selected-image {
border-radius: 6px;
}
.simple-image-widget .social-icons {
position: relative;
right: auto;
flex-direction: row;
gap: 12px;
}
.simple-image-widget .social-icons a {
width: 40px;
height: 40px;
}
.simple-image-widget .social-icons a img {
width: 20px;
height: 20px;
}
}.hero-widget {
position: relative;
display: flex;
flex-direction: column;
gap: 72px;
}
.hero-widget p,
.hero-widget h1,
.hero-widget h2,
.hero-widget h3,
.hero-widget h4,
.hero-widget h5,
.hero-widget h6 {
margin: 0;
}
.hero-widget .hero-gradient {
position: absolute;
top: 0;
right: 0;
height: auto;
z-index: -1;
}
.hero-widget.type-homepage .image-wrapper {
position: absolute;
right: 0;
margin-top: -120px;
}
.hero-widget .hero-principal {
display: flex;
flex-direction: column;
gap: 40px;
}
.hero-widget.type-gradient .headings{
display: flex;
flex-direction: column;
gap: 16px;
}
.hero-widget.type-gradient .subheading {
color: var(--Gray-Gray-600, #999);
font-size: 16px;
font-weight: 700;
}
.hero-widget.type-gradient .subheading a {
font-family: "Hanken Grotesk";
color: var(--Default-White, #FFF);
font-weight: 700;
}
.hero-widget .hero-title {
color: white;
font-family: Urbanist;
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
}
.hero-widget .hero-subtitle {
color: #DDD;
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.hero-widget .hero-buttons {
display: flex;
gap: 24px;
}
.hero-widget .hero-buttons a {
padding: 12px 32px;
border-radius: 27px;
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.hero-widget .primary-button {
color: black;
background: #FFC432;
transition: 0.5s;
}
.hero-widget .primary-button:hover {
color: black;
background: #25B1E1;
}
.hero-widget .secondary-button {
color: #FFC432;
border: 1px solid #FFC432;
transition: 0.5s;
}
.hero-widget .secondary-button:hover {
color: #25B1E1;
border: 1px solid #25B1E1;
} .hero-widget.type-blog .hero-principal{
display: flex;
flex-direction: column;
gap: 24px;
text-align: center;
}
.hero-widget.type-blog .hero-principal .breadcrumbs {
display: flex;
flex-direction: row;
gap: 8px;
align-self: center;
color: var(--Gray-Gray-600, #999);
font-family: "Hanken Grotesk";
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 150%; 
}
.hero-widget.type-blog .hero-principal .breadcrumbs a {
color: white;
font-weight: 700;
}
.hero-widget.type-blog .hero-principal h1 {
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 115%;
}
.hero-widget.type-blog .date {
background: var(--Gray-Gray-100, #161616);
padding: 12px 24px 12px 12px;
border-radius: 32px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
width: fit-content;
align-self: center;
font-weight: 400;
font-size: 16px;
color: var(--Gray-Gray-500, #606060);
}
.hero-widget.type-blog .date a {
color: white;
text-decoration: underline;
text-decoration-color: grey;
text-underline-offset: 10px;
transition: 0.3s;
}
.hero-widget.type-blog .date a:hover {
text-decoration-color: white;
transition: 0.3s;
}
.hero-widget.type-blog .date .logo{
width: 40px;
height: 40px;
padding: 7px;
background-color: black;
border-radius: 50%;
}
.hero-widget.type-blog .date .logo img {
height: -webkit-fill-available;
width: -webkit-fill-available;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.hero-widget.type-blog .comments-quntity {
display: flex;
flex-direction: row;
gap: 12px;
align-self: center;
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.hero-widget.type-blog img.blog-featured-img {
border-radius: 12px;
background: linear-gradient(0deg, #000 0%, #000 100%), url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/hero/<path-to-image>) lightgray 50% / cover no-repeat;
background-blend-mode: overlay, normal;
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: auto;
}
.hero-widget.type-blog .description{
margin-top: 24px;
width: 946px;
align-self: center;
}
.hero-widget.type-blog .description h2{
color: var(--Gray-Gray-700, #DDD);
text-align: center;
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
} .hero-widget.type-image {
display: flex;
flex-direction: row;
gap: 24px;
}
.hero-widget.type-image .hero-subtitle {
width: 558px;
}
.hero-widget.type-image .image-contenetor{
line-height: 0;
}
.hero-widget.type-image.right .hero-principal{
width: calc(100% - 461px);
}
.hero-widget.type-image.right .image-contenetor {
position: relative;
width: 461px;
height: 461px;
line-height: 0;
}
.hero-widget.type-image.right .image-contenetor .hero-image {
width: 100%;
height: 100%;
border-radius: 27px;
object-fit: cover;
object-position: center;
}
.hero-widget.type-image.right .image-contenetor .miscelany {
position: absolute;
}
.hero-widget.type-image.right .image-contenetor .miscelany.top {
width: 75px;
top: 0;
left: -45px;
z-index: -1;
filter: blur(8px);
animation: miscelanyTopMove 2s infinite alternate ease-in-out;
}
.hero-widget.type-image.right .image-contenetor .miscelany.bottom {
width: 100px;
bottom: 0;
right: -45px;
z-index: 1;
filter: blur(4px);
animation: miscelanyBottomMove 2s infinite alternate ease-in-out;
} .hero-widget.type-image.background .image-contenetor .miscelany {
display: none;
}
.hero-widget.type-image.background .hero-principal{
width: 100%;
}
.hero-widget.type-image.background .image-contenetor {
position: absolute;
z-index: -1;
}
@keyframes miscelanyTopMove {
from { transform: translateY(0); }
to   { transform: translateY(30px); }
}
@keyframes miscelanyBottomMove {
from { transform: translateY(0); }
to   { transform: translateY(-30px); }
}
@media (max-width: 576px) {
.hero-widget {
gap: 50px;
}
.hero-widget .hero-principal {
gap: 32px;
}
.hero-widget.type-homepage .hero-principal {
width: auto;
}
.hero-widget .hero-button {
padding: 8px 20px !important;
font-size: 16px !important;
}
.hero-widget.type-blog .hero-principal .breadcrumbs{
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hero-widget.type-blog .hero-principal h1{
font-size: 30px;
}
.hero-widget.type-blog .date{
padding: 8px 12px 8px 8px;
font-size: 14px;
}
.hero-widget.type-blog .date .logo {
width: 24px;
height: 24px;
padding: 4px;
}
.hero-widget.type-blog .date a {
text-decoration-color: white;
text-underline-offset: 6px;
}
.hero-widget.type-blog .date a:hover {
text-decoration-color: white;
transition: 0.3s;
}
.hero-widget.type-blog .comments-quntity{
font-size: 14px;
}
.hero-widget.type-blog .description{
width: 100%;;
}
.hero-widget.type-blog .description h2{
font-size: 18px;
}
.hero-widget.type-image{
flex-direction: column;
gap: 48px;
}
.hero-widget.type-image.right .hero-principal {
width: 100%;
}
.hero-widget.type-image .hero-subtitle {
width: 100%;
}
.hero-widget.type-image.right .image-contenetor {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.hero-widget.type-image.right .image-contenetor .miscelany.top {
top: -48px;
left: 24px;
width: 48px;
animation: miscelanyTopMove 2s infinite alternate ease-in-out;
}
.hero-widget.type-image.right .image-contenetor .miscelany.bottom {
width: 60px;
bottom: -48px;
right: 16px;
animation: miscelanyBottomMove 2s infinite alternate ease-in-out;
}
}.post-navigation-widget {
width: 752px;
display: flex;
flex-direction: row;
gap: 24px;
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
justify-content: space-between;
}
.post-navigation-widget p,
.post-navigation-widget h1,
.post-navigation-widget h2,
.post-navigation-widget h3,
.post-navigation-widget h4,
.post-navigation-widget h5,
.post-navigation-widget h6 {
margin: 0;
}
.post-navigation-widget .post-card {
display: flex;
flex-direction: column;
gap: 16px;
width: calc(50% - 12px);
}
.post-navigation-widget .post-card.next {
margin-left: auto;
}
.post-navigation-widget .post-card .navigation-link {
display: flex;
flex-direction: column;
gap: 24px;
}
.post-navigation-widget .post-card .links{
display: flex;
flex-direction: column;
gap: 36px;
}
.post-navigation-widget .post-card .navigation-label {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
font-size: 16px;
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
text-decoration: underline;
text-underline-offset: 8px;
width: fit-content;
transition: 0.3s;
}
.post-navigation-widget .post-card.next .navigation-label {
align-self: flex-end;
}
.post-navigation-widget .post-card.previous .navigation-label:before,
.post-navigation-widget .post-card.next .navigation-label:after {
content: "";
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/post-navigation/assets/arrow-normal.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: center;
transition: 0.3s;
}
.post-navigation-widget .post-card.next .navigation-label:after{
rotate: 180deg;
}
.post-navigation-widget .post-card .navigation-label:hover {
color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.3s;
}
.post-navigation-widget .post-card .navigation-label:hover:before,
.post-navigation-widget .post-card .navigation-label:hover:after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/post-navigation/assets/arrow-hover.svg);
transition: 0.3s;
}
.post-navigation-widget .links .featured-image-link{
position: relative;
line-height: 0;
overflow: hidden;
aspect-ratio: 182 / 137;
border-radius: 8px;
}
.post-navigation-widget .links .featured-image-link img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.post-navigation-widget .post-card:hover .links .featured-image-link img {
transform: scale(1.15);
transition: 0.3s;
}
.post-navigation-widget .featured-image-link .category {
position: absolute;
background: black;
color: white;
padding: 16px 16px;
top: 16px;
left: 16px;
border-radius: 24px;
font-size: 14px;
z-index: 1;
opacity: 0;
transition: 0.3s;
}
.post-navigation-widget .post-card:hover .featured-image-link .category{
opacity: 1;
transition: 0.3s;
}
.post-navigation-widget .post-card h6 {
color: var(--Gray-Gray-700, #DDD);
font-size: 24px;
font-weight: 700;
transition: 0.3s;
}
.post-navigation-widget .post-card:hover h6 {
color: white;
transition: 0.3s;
}
.post-navigation-widget .post-card .info {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
font-size: 14px;
color: var(--Gray-Gray-500, #606060);
opacity: 0;
transition: 0.3s;
}
.post-navigation-widget .post-card:hover .info{
opacity: 1;
transition: 0.3s;
}
.post-navigation-widget .post-card .info .author-img {
height: 24px;
width: 24px;
}
.post-navigation-widget .post-card .info .author-img img {
height: 100%;
width: 100%;
border-radius: 50%;
}
.post-navigation-widget .post-card .info .author-name {
color: white;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: #606060;
transition: 0.3s;
}
.post-navigation-widget .post-card .info .author-name:hover{
text-decoration-color: white;
transition: 0.3s;
}
@media (max-width: 767px) {
.post-navigation-widget {
display: none;
}
}.media-block-widget {
display: flex;
gap: 24px;
background-color: #161616;
border-radius: 24px;
}
.media-block-image {
display: flex;
width: 50%;
align-items: center;
justify-content: center;
}
.media-block-image--padded {
padding: 72px 97px;
}
.media-block-image img {
width: 100%;
height: fit-content !important;
border-radius: 24px !important;
pointer-events: none;
}
.media-block-text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px 97px;
gap: 24px;
}
.media-block-widget .media-block-heading{
color: var(--Default-White, #FFF);
font-family: "Hanken Grotesk";
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.media-block-widget .media-block-subtitle {
color: var(--Default-White, #FFF);
font-family: "Hanken Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin: 0;
}
.media-block-widget .media-block-content {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
@media (max-width: 768px) {
.media-block-widget {
flex-direction: column;
}
.media-block-image,
.media-block-text {
width: 100%;
}
.media-block-image--padded {
padding: 24px;
}
.media-block-text {
padding: 24px;
}
.media-block-widget .media-block-subtitle {
font-size: 20px;
}
.media-block-widget .media-block-content {
font-size: 16px;
}
}.comments-widget {
display: flex;
flex-direction: column;
gap: 48px;
}
.comments-widget p,
.comments-widget h1,
.comments-widget h2,
.comments-widget h3,
.comments-widget h4,
.comments-widget h5,
.comments-widget h6 {
margin: 0;
} .comments-widget .comments-list {
display: flex;
flex-direction: column;
gap: 24px;
width: 752px;
padding: 36px 48px;
border-radius: 24px;
border: 1px solid var(--Gray-Gray-100, #161616);
}
.comments-widget .comments-list .comment {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.comments-widget .comments-list .comment .left-block {
position: relative;
display: flex;
align-items: start;
width: 48px;
}
.comments-widget .comments-list .left-block:after {
content: "";
position: absolute;
top: 60px;
bottom: 0;
left: 50%;
width: 0.5px;
background: #363636;
}
.comments-widget .comments-list .comment a {
display: flex;
width: fit-content;
height: fit-content;
}
.comments-widget .comments-list .comment img {
width: 48px;
height: 48px;
border-radius: 50%;
}
.comments-widget .comments-list .right-block {
display: flex;
flex-direction: column;
gap: 16px;
}
.comments-widget .comments-list .right-block {
width: calc(100% - 74px);
display: flex;
flex-direction: column;
}
.comments-widget .comments-list .comment .author {
position: relative;
width: fit-content;
color: var(--Default-White, #FFF);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.comments-widget .comments-list .comment .author.verify:after {
content: "";
position: absolute;
top: 5px;
right: -25px;
width: 20px;
height: 20px;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/verify.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 50%;
}
.comments-widget .comments-list .comment .date {
width: fit-content;
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.comments-widget .comments-list .comment .content {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.comments-widget .comments-list .comment .reply {
width: fit-content;
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
border: 1px solid var(--Color-Palette-Yellow-Yellow-500, #FFC432);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
padding: 8px 24px;
border-radius: 27px;
background: transparent;
transition: 0.3s;
}
.comments-widget .comments-list .comment .reply:hover {
border-color: var(--Color-Palette-Blue-Blue-500, #0091FF);
color: var(--Color-Palette-Blue-Blue-500, #0091FF);
transition: 0.3s;
} .comments-widget .comments-list .reply-form-container {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: 0.3s;;
}
.comments-widget .comments-list .reply-form-container.active {
opacity: 1;
max-height: 500px;
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form {
display: flex;
flex-direction: column;
gap: 16px;
background: var(--Gray-Gray-100, #161616);
border-radius: 24px;
padding: 16px 20px;
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-style: normal;
line-height: 115%;
}
.comments-widget .comments-list form.reply-form .form-box {
display: flex;
flex-direction: column;
gap: 10px;
}
.comments-widget .comments-list form.reply-form h4 {
font-size: 20px;
font-weight: 900;
}
.comments-widget .comments-list form.reply-form .form-box {
display: flex;
flex-direction: column;
gap: 10px;
}
.comments-widget .comments-list form.reply-form label {
font-size: 16px;
font-weight: 700;
}
.comments-widget .comments-list form.reply-form .form-box .error-msg{
font-size: 12px;
font-weight: 400;
}
.comments-widget .comments-list form.reply-form textarea,
.comments-widget .comments-list form.reply-form input {
position: relative;
border-radius: 8px;
background: var(--Gray-Gray-200, #242424);
border: 1px solid transparent;
color: var(--Gray-Gray-600, #EEEEEE);
padding: 12px 56px 12px 12px;
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
background-position: calc(100% - 16px) 12px;
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form input.error,
.comments-widget .comments-list form.reply-form textarea.error {
border: 1px solid var(--Color-Palette-Red-Red-300, #FF999A);
background: var(--Color-Palette-Red-Red-900, #4D0F0F);
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/error.svg);
background-repeat: no-repeat;
background-position: calc(100% - 16px) 12px;
background-size: 20px;
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form input.success,
.comments-widget .comments-list form.reply-form textarea.success {
border: 1px solid var(--Color-Palette-Green-Green-300, #99E2B4);
background: var(--Color-Palette-Green-Green-900, #0F3B1F);
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/success.svg);
background-repeat: no-repeat;
background-position: calc(100% - 16px) 14px;
background-size: 15px;
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form textarea:hover,
.comments-widget .comments-list form.reply-form input:hover,
.comments-widget .comments-list form.reply-form textarea:focus,
.comments-widget .comments-list form.reply-form input:focus
{
border: 1px solid var(--Gray-Gray-700, #DDD);
color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form textarea::placeholder,
.comments-widget .comments-list form.reply-form input::placeholder {
color: var(--Gray-Gray-600, #999);
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form textarea:hover::placeholder,
.comments-widget .comments-list form.reply-form input:hover::placeholder {
color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form textarea.error::after, .comments-widget .comments-list form.reply-form input.error::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/error.svg);
}
.comments-widget .comments-list form.reply-form textarea.success::after, .comments-widget .comments-list form.reply-form input.success::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/success.svg);
}
.comments-widget .comments-list form.reply-form button {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
padding: 6px 16px;
border-radius: 27px;
border: none;
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
width: fit-content;
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form button:hover {
background-color: var(--Color-Palette-Blue-Blue-500, #0091FF);
transition: 0.3s;
}
.comments-widget .comments-list form.reply-form .form-box.comment-form-cookies-consent{
flex-direction: row;
gap: 10px;
} .comments-widget .comments-list .comment .reply-comments {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
}
.comments-widget .comments-list .reply-comments .left-block:after {
content: none;
}
.comments-widget .comments-list .reply-comments .comment .left-block{
width: 34px;
}
.comments-widget .comments-list .reply-comments .comment img{
width: 34px;
height: 34px;
}
.comments-widget .comments-list .reply-comments .right-block{
width: calc(100% - 50px);
gap: 10px;
}
.comments-widget .comments-list .reply-comments .comment .author{
font-size: 16px;
}
.comments-widget .comments-list .reply-comments .comment .date{
font-size: 12px;
}
.comments-widget .comments-list .reply-comments .comment .content{
font-size: 12px;
line-height: 160%;
}
.comments-widget .comments-list .reply-comments .comment .author.verify:after {
top: 4px;
right: -20px;
width: 15px;
height: 15px;
} .comments-widget form.comment-form {
width: 752px;
background: var(--Gray-Gray-100, #161616);
display: flex;
padding: 36px 48px 48px 48px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
border-radius: 24px;
}
.comments-widget form.comment-form h4 {
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
}
.comments-widget form.comment-form .form-box {
display: flex;
flex-direction: column;
width: 100%;
gap: 12px;
}
.comments-widget form.comment-form .form-box label{
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.comments-widget form.comment-form .form-box .error-msg{
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.comments-widget form.comment-form .form-box.comment-form-cookies-consent {
flex-direction: row;
gap: 8px;
}
.comments-widget form.comment-form textarea,
.comments-widget form.comment-form input {
position: relative;
border-radius: 8px;
background: var(--Gray-Gray-200, #242424);
border: 1px solid transparent;
color: var(--Gray-Gray-600, #EEEEEE);
padding: 12px 56px 12px 24px;
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
background-position: calc(100% - 24px) 12px;
transition: 0.3s;
}
.comments-widget form.comment-form input.error,
.comments-widget form.comment-form textarea.error {
border: 1px solid var(--Color-Palette-Red-Red-300, #FF999A);
background: var(--Color-Palette-Red-Red-900, #4D0F0F);
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/error.svg);
background-repeat: no-repeat;
background-position: calc(100% - 24px) 12px;
background-size: 24px;
transition: 0.3s;
}
.comments-widget form.comment-form input.success,
.comments-widget form.comment-form textarea.success {
border: 1px solid var(--Color-Palette-Green-Green-300, #99E2B4);
background: var(--Color-Palette-Green-Green-900, #0F3B1F);
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/success.svg);
background-repeat: no-repeat;
background-position: calc(100% - 24px) 14px;
background-size: 18px;
transition: 0.3s;
}
.comments-widget form.comment-form textarea:hover,
.comments-widget form.comment-form input:hover,
.comments-widget form.comment-form textarea:focus,
.comments-widget form.comment-form input:focus
{
border: 1px solid var(--Gray-Gray-700, #DDD);
color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.comments-widget form.comment-form textarea::placeholder,
.comments-widget form.comment-form input::placeholder {
color: var(--Gray-Gray-600, #999);
transition: 0.3s;
}
.comments-widget form.comment-form textarea:hover::placeholder,
.comments-widget form.comment-form input:hover::placeholder {
color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.comments-widget form.comment-form textarea.error::after, .comments-widget form.comment-form input.error::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/error.svg);
}
.comments-widget form.comment-form textarea.success::after, .comments-widget form.comment-form input.success::after {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/comments/assets/success.svg);
}
.comments-widget form.comment-form textarea {
height: 210px;
}
.comments-widget form.comment-form button {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
padding: 12px 32px;
border-radius: 27px;
border: none;
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
transition: 0.3s;
}
.comments-widget form.comment-form button:hover {
background-color: var(--Color-Palette-Blue-Blue-500, #0091FF);
color: var(--Default-Black, #000);
transition: 0.3s;
} .comments-widget form.comment-form .submit-msg,
.comments-widget form.reply-form .submit-msg
{
display: flex;
flex-direction: row;
align-items: center;
font-family: 'Hanken Grotesk';
font-size: 16px;
opacity: 0;
transition: opacity 0.5s;
}
.comments-widget form.comment-form .submit-msg{
gap: 24px;
}
.comments-widget form.reply-form .submit-msg{
gap: 12px;
}
.comments-widget form.comment-form .submit-msg.active,
.comments-widget form.reply-form .submit-msg.active{
display: flex;
opacity: 1;
transition: 0.5s;
}
.comments-widget form.comment-form .submit-msg img {
width: 56px;
}
.comments-widget form.reply-form .submit-msg img {
width: 30px;
}
.comments-widget form.comment-form .submit-msg p {
margin-left: -80px;
transition: 0.5s;
}
.comments-widget form.reply-form .submit-msg p {
margin-left: -42px;
transition: 0.5s;
}
.comments-widget form.comment-form .submit-msg.active p,
.comments-widget form.reply-form .submit-msg.active p {
margin-left: 0;
transition: 0.5s;
}
@media (max-width: 768px) {
.comments-widget{
gap: 36px;
}
.comments-widget .comments-list {
width: 100%;
padding: 0;
border-radius: 0;
border: none;
}
.comments-widget form.comment-form{
width: 100%;
}
.comments-widget .comments-list .comment .reply-comments{
padding: 0;
}
.comments-widget .comments-list .comment .left-block{
width: 40px;
}
.comments-widget .comments-list .comment img {
width: 40px;
height: 40px;
}
.comments-widget .comments-list .right-block{
width: calc(100% - 62px);
}
.comments-widget .comments-list .comment .reply{
font-size: 14px;
padding: 8px 16px;
border-radius: 24px;
}
.comments-widget form.comment-form{
padding: 24px;
}
.comments-widget form.comment-form h4{
font-size: 26px;
}
.comments-widget form.comment-form .form-box label{
font-size: 16px;
}
.comments-widget form.comment-form textarea {
height: 164px;
font-size: 16px;
padding: 8px 20px;
}
.comments-widget .comments-list form.reply-form button{
padding: 10px 20px;
}
}.standard-block-widget {
display: flex;
gap: 24px;
border-radius: 8px;
} .standard-block-text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px 97px;
gap: 24px;
}
.standard-block-widget .standard-block-heading {
color: var(--Default-White, #fff);
font-family: 'Hanken Grotesk';
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.standard-block-widget .standard-block-subtitle {
color: var(--Default-White, #fff);
font-family: 'Hanken Grotesk';
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin: 0;
}
.standard-block-widget .standard-block-content {
color: var(--Gray-Gray-700, #ddd);
font-family: 'Hanken Grotesk';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.crombie-masonry-grid {
align-items: center;
position: relative;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
}
.masonry-row-top,
.masonry-row {
display: flex;
gap: 20px;
width: 100%;
height: 100%;
}
.masonry-large,
.masonry-small,
.masonry-small-bottom,
.masonry-large-bottom {
border-radius: 12px;
overflow: hidden;
display: flex;
}
.masonry-large {
width: 66%;
align-self: end;
}
.masonry-small {
width: 33%;
align-self: end;
}
.masonry-small-bottom {
width: 33%;
align-self: start;
}
.masonry-large-bottom {
width: 66%;
align-self: start;
}
.standard-block-image {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center;
display: block;
}
.crombie-standard-block-content {
flex: 1;
}
.crombie-standard-block-media {
flex: 1;
position: relative;
}
.crombie-standard-block {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
overflow: visible;
}
.crombie-widget-standard-block-miscellany-top,
.crombie-widget-standard-block-miscellany-bottom,
.standard-block-widget-miscellany-simple-image-bottom,
.standard-block-widget-miscellany-simple-image-top {
position: absolute;
}
.crombie-widget-standard-block-miscellany-top {
top: 2%;
right: 25%;
z-index: 2;
}
.standard-block-widget-miscellany-simple-image-top {
top: -17px;
right: 5%;
z-index: 3;
}
.crombie-widget-standard-block-miscellany-bottom {
bottom: 13%;
left: 7%;
z-index: 1;
}
.standard-block-widget-miscellany-simple-image-bottom {
bottom: -40px;
left: 20%;
z-index: 1;
}
@keyframes crombie-float {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateY(-10px);
}
}
.crombie-widget-standard-block-miscellany-icon {
width: 84px;
height: 116px;
animation: crombie-float 6s ease-in-out infinite;
filter: blur(3px);
}
.crombie-icon-rotate {
transform: rotate(90deg) !important;
width: 95px;
height: 168px;
filter: blur(3px);
}
@keyframes crombie-float-x {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateY(-10px);
}
}
.crombie-float-standard {
animation: crombie-float 6s ease-in-out infinite;
}
.masonry-small-bottom img {
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.standard-block-widget {
flex-direction: column;
}
.standard-block-text {
width: 100%;
}
.standard-block-text {
padding: 24px;
}
.standard-block-widget .standard-block-subtitle {
font-size: 20px;
}
.standard-block-widget .standard-block-content {
font-size: 16px;
}
.crombie-masonry-grid {
width: 100%;
}
.crombie-widget-standard-block-miscellany-icon {
width: 47px !important;
height: 84px !important;
}
.crombie-icon-rotate {
width: 60px !important;
height: 80px !important;
}
.crombie-widget-standard-block-miscellany-top {
top: 10px;
right: 22%;
z-index: 2;
}
.standard-block-widget-miscellany-simple-image-top {
top: -17px;
right: 5%;
z-index: 3;
}
.crombie-widget-standard-block-miscellany-bottom {
bottom: 10%;
left: 5%;
z-index: 1;
}
.standard-block-widget-miscellany-simple-image-bottom {
bottom: -40px;
left: 5%;
z-index: 1;
}
}.cards-blocks-wrapper {
gap: 96px;
display: flex;
flex-direction: column;
}
.cards-blocks-main-title {
display: flex;
gap: 10px;
}
.cards-blocks-main-title .cards-blocks-main-title-text {
all: unset;
font-family: 'Urbanist', sans-serif;
font-weight: 900;
font-style: normal;
font-size: 80px;
line-height: 115%;
letter-spacing: 0px;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
text-align: start;
display: block;
}
.cards-blocks-carousel {
position: relative;
overflow: hidden;
}
.cards-blocks-carousel .swiper {
overflow: visible;
padding-bottom: 40px;
}
.cards-blocks-carousel .swiper-slide {
width: 364px !important; flex-shrink: 0;
}
.cards-blocks-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.cards-blocks-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
overflow-x: hidden;
align-items: stretch;
}
.cards-blocks-item {
flex: 0 0 auto;
box-sizing: border-box;
}
.cards-blocks-item {
flex: 0 0 auto;
}
.cards-blocks-content {
margin-bottom: 24px;
text-align: center;
font-size: 18px;
}
.cards-blocks-item-inner {
width: 100%;
height: 100%;
padding: 48px 48px 40px 48px;
border-radius: 24px;
background-color: #161616;
color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 10px;
text-align: start;
box-sizing: border-box;
}
.cards-blocks-row.cards-cols-1 .cards-blocks-item {
width: 100%;
}
.cards-blocks-row.cards-cols-2 .cards-blocks-item {
width: calc(50% - 10px);
}
.cards-blocks-row.cards-cols-3 .cards-blocks-item {
width: calc(33.333% - 13.33px);
}
.cards-blocks-icon .card-icon {
width: 40.88px;
height: 52.23px;
}
.cards-blocks-row.no-wrap-row {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 20px;
}
.cards-blocks-icon {
display: flex;
align-items: start;
flex-shrink: 0;
}
.cards-blocks-title-wrapper,
.cards-blocks-content-wrapper {
display: flex;
align-items: start;
flex-direction: column;
justify-content: flex-start;
min-height: 75px;
}
.cards-blocks-title-wrapper {
margin-bottom: 1rem;
}
.cards-blocks-title-wrapper .cards-blocks-title {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 120%;
letter-spacing: 0;
color: #ffffff;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
text-align: start;
margin: 0;
}
.cards-blocks-title-wrapper .cards-blocks-subtitle {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 120%;
letter-spacing: 0;
width: 268px;
height: 43px;
margin: 0;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
text-align: start;
color: #999999;
}
.cards-blocks-content-wrapper .cards-blocks-content {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 150%;
letter-spacing: 0;
color: #6b6b6b;
margin-bottom: 16px;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
text-align: start;
}
.cards-blocks-item {
flex: 1 1 0;
display: flex;
}
.cards-blocks-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 36px;
}
.cards-blocks-read-more-wrapper .cards-blocks-read-more {
display: inline-block;
font-weight: 700;
color: #ffc100;
text-decoration: none;
transition: all 0.3s ease;
}
.cards-blocks-read-more-wrapper .cards-blocks-read-more:hover {
color: #00cfff;
text-decoration: underline;
text-underline-offset: 10px;
}
@media (max-width: 768px) {
.cards-blocks-title-wrapper {
margin-bottom: 0;
}
.cards-blocks-content-wrapper {
min-height: 25px;
}
.card-icon {
flex-shrink: 0;
min-width: 23.41px;
min-height: 42.3px;
display: block;
}
.cards-blocks-header {
flex-direction: row;
align-items: start;
display: flex;
justify-content: flex-start;
width: 100%;
gap: 16px;
}
.cards-blocks-title-wrapper .cards-blocks-title {
font-size: 22px;
}
.cards-blocks-content-wrapper .cards-blocks-content {
font-size: 16px;
}
.cards-blocks-title-wrapper .cards-blocks-subtitle {
font-size: 24px;
}
.cards-blocks-row {
flex-direction: column;
flex-wrap: nowrap;
}
.cards-blocks-row.cards-cols-2 .cards-blocks-item,
.cards-blocks-row.cards-cols-3 .cards-blocks-item,
.cards-blocks-row.cards-cols-1 .cards-blocks-item {
width: 100%;
}
.cards-blocks-carousel .swiper {
height: 600px; overflow-y: auto;
}
.cards-blocks-carousel .swiper-wrapper {
flex-direction: column !important;
}
.cards-blocks-carousel .swiper-slide {
width: 100% !important;
height: auto !important;
margin-bottom: 20px;
}
.cards-blocks-wrapper {
gap: 48px;
}
.cards-blocks-main-title {
display: flex;
gap: 10px;
}
.cards-blocks-main-title .cards-blocks-main-title-text {
font-family: 'Urbanist', sans-serif;
font-weight: 900;
font-style: normal;
font-size: 32px;
line-height: 115%;
letter-spacing: 0px;
color: #dddddd;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
text-align: start;
}
.cards-blocks-read-more {
opacity: 1;
}
.cards-blocks-item:hover .cards-blocks-read-more {
opacity: 1;
text-decoration: underline;
color: #ffb300;
}
}.mision-vision-block-widget {
display: flex;
gap: 24px;
background-color: #000000;
position: relative;
}
.mision-vision-card {
border-radius: 24px;
padding: 84px 97px 84px;
width: 50%;
overflow: hidden;
z-index: 2;
gap: 16px;
} .mision-title,
.vision-title {
font-family: 'Urbanist', sans-serif;
font-weight: 900;
font-style: normal;
font-size: 64px;
line-height: 115%;
letter-spacing: 0;
text-align: left;
} .mision-content,
.vision-content {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 150%;
margin-bottom: 16px;
letter-spacing: 0;
text-align: left;
vertical-align: bottom;
}
.misc-top-mision-vision {
top: -8%;
right: 4%;
z-index: 3;
position: absolute;
}
.misc-bottom-mision-vision {
bottom: -6%;
left: -4%;
z-index: 1;
position: absolute;
}
@keyframes crombie-float {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateY(-10px);
}
}
.icon-bottom-misc-mision-vision {
width: 84px;
height: 116px;
filter: blur(5px);
transform: rotate(-15deg);
}
.icon-misc-mision-vision {
width: 95px;
height: 168px;
filter: blur(5px);
animation: crombie-float 6s ease-in-out infinite;
}
@keyframes mision-vision-float-x {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateY(-10px);
}
}
.mision-vision-float {
animation: crombie-float 6s ease-in-out infinite;
}
.mision-vision-container-paragraph {
display: flex;
min-height: auto;
}
@media (max-width: 768px) {
.mision-vision-block-widget {
flex-direction: column;
}
.misc-top-mision-vision {
top: -2% !important;
right: 4% !important;
z-index: 3;
}
.misc-bottom-mision-vision {
bottom: -7% !important;
left: 7% !important;
z-index: 1;
}
.icon-bottom-misc-mision-vision {
width: 42px;
height: 58px;
}
.icon-misc-mision-vision {
width: 47px;
height: 84px;
}
.mision-vision-card {
padding: 20px 24px 24px 24px;
border-radius: 12px;
gap: 12px;
width: 100%;
}
.mision-title,
.vision-title {
font-size: 30px;
font-weight: 900;
}
.mision-content,
.vision-content {
font-size: 16px;
}
.mision-vision-container-paragraph {
min-height: 0;
}
}.background-block-widget {
display: flex;
gap: 24px;
border-radius: 24px;
}
.background-block-text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px 97px;
gap: 24px;
align-items: start;
}
.background-block-title {
font-family: 'Hanken Grotesk', sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 120%;
margin: 0;
color: #ffffff;
text-align: left;
}
.background-block-subtitle {
font-family: 'Hanken Grotesk', sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 130%;
margin: 0;
color: #ffffff;
text-align: left;
}
.background-block-paragraph {
font-family: 'Hanken Grotesk', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 150%;
margin: 0;
color: #dddddd;
text-align: left;
} .masonry-background-blocks {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px 0 72px 97px;
gap: 24px;
} .masonry-row-top-backBlocks,
.masonry-row-backBlocks {
display: flex;
gap: 20px;
width: 100%;
height: 100%;
} .masonry-large-background,
.masonry-small-background,
.masonry-small-bottom-background,
.masonry-large-bottom-background {
border-radius: 12px;
overflow: hidden;
display: flex;
} .masonry-large-background {
width: 66%;
align-self: end;
}
.masonry-small-background {
width: 33%;
align-self: end;
}
.masonry-small-bottom-background {
width: 33%;
align-self: start;
}
.masonry-large-bottom-background {
width: 66%;
align-self: start;
}
.background-block-image-full {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
} .background-block-button {
background-color: #ffc432;
color: #111;
padding: 12px 32px 12px 32px;
text-decoration: none;
font-weight: bold;
border-radius: 27px;
width: fit-content;
transition: all 0.3s ease;
display: inline-block;
white-space: nowrap;
font-size: 20px;
width: 153px;
height: 54px;
margin-top: 20px;
}
.background-block-button:hover {
background-color: #ffc107;
color: #111;
} @media (max-width: 768px) {
.background-block-widget {
flex-direction: column;
}
.background-block-title {
font-size: 26px;
}
.background-block-subtitle {
font-size: 20px;
font-weight: 400;
}
.background-block-paragraph {
font-size: 16px;
}
.background-block-text {
width: 100%;
padding: 24px 24px 48px 24px;
}
.masonry-background-blocks {
width: 100%;
padding: 24px 24px 0 24px;
}
.background-block-button {
padding: 8px 20px 8px 20px;
font-weight: 700;
border-radius: 999px;
width: fit-content;
margin-top: 20px;
transition: all 0.3s ease;
display: inline-block;
white-space: nowrap;
font-size: 16px;
width: 111px;
height: 40px;
}
}.featured-posts-widget {
height: 432px;
display: flex;
flex-direction: row;
gap: 24px;
font-family: "Hanken Grotesk";
font-style: normal;
line-height: 120%;
}
.featured-posts-widget > * {
width: calc(50% - 12px);
}
.featured-posts-widget p,
.featured-posts-widget h1,
.featured-posts-widget h2,
.featured-posts-widget h3,
.featured-posts-widget h4,
.featured-posts-widget h5,
.featured-posts-widget h6 {
margin: 0;
}
.featured-posts-widget .first {
position: relative;
height: fit-content;
}
.featured-posts-widget .first .tag {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
padding: 5px 12px;
border-radius: 27px;
background-color: var(--Default-White, #FFF);
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 700;
}
.featured-posts-widget a {
display: flex;
height: fit-content;
}
.featured-posts-widget .first .featured-image {
position: relative;
width: 100%;
height: 432px;
overflow: hidden;
border-radius: 12px;
}
.featured-posts-widget .first .featured-image::after {
content: "";
position: absolute;
inset: 0;
border-radius: 12px;
pointer-events: none;
z-index: 1;
background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%);
transition: background 0.3s;
}
.featured-posts-widget .first:hover .featured-image::after {
background: rgba(0,0,0,0.50);
transition: background 0.3s;
}
.featured-posts-widget .first .featured-image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: 0.3s;
}
.featured-posts-widget .first:hover .featured-image img {
transform: scale(1.15);
transition: 0.3s;
}
.featured-posts-widget .first .info-to-move {
position: absolute;
bottom: 0;
width: 90%;
display: flex;
flex-direction: column;
gap: 12px;
justify-self: anchor-center;
z-index: 2;
transform: translateY(16px);
transition: 0.3s;
}
.featured-posts-widget .first:hover .info-to-move {
transform: translateY(-16px);
transition: 0.3s;
}
.featured-posts-widget .first .title {
font-size: 32px;
font-weight: 700;
}
.featured-posts-widget .first .author-info {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
opacity: 0;
transition: 0.3s;
}
.featured-posts-widget .first:hover .author-info {
opacity: 1;
transition: 0.3s;
}
.featured-posts-widget .first .author-info img {
width: 32px;
height: 32px;
border-radius: 50%;
}
.featured-posts-widget .first .display-name {
color: var(--Gray-Gray-700, #DDD);
font-family: 'Hanken Grotesk';
font-size: 16px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: grey;
transition: 0.3s;
}
.featured-posts-widget .first .display-name:hover {
text-decoration-color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.featured-posts-widget .others {
display: flex;
flex-direction: column;
gap: 24px;
}
.featured-posts-widget .others .post {
position: relative;
height: calc((100% - 48px) / 3);
display: flex;
flex-direction: row;
gap: 24px;
overflow: hidden;
}
.featured-posts-widget .others .post .featured-image {
height: 100%;
width: 170px;
overflow: hidden;
border-radius: 8px;
}
.featured-posts-widget .others .post .featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: 0.3s;
}
.featured-posts-widget .others .post:hover .featured-image img {
transform: scale(1.15);
transition: 0.3s;
}
.featured-posts-widget .others .post .post-info {
width: calc(100% - 194px);
display: flex;
flex-direction: column;
gap: 12px;
}
.featured-posts-widget .others .post .title {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 128%;
}
.featured-posts-widget .others .post .author-info {
position: absolute;
bottom: 0;
display: flex;
flex-direction: row;
gap: 12px;
width: 100%;
padding-top: 16px;
background-color: black;
opacity: 0;
transition: 0.3s;
}
.featured-posts-widget .others .post:hover .author-info {
opacity: 1;
transition: 0.3s;
}
.featured-posts-widget .others .post .author-info img {
height: 24px;
width: 24px;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.featured-posts-widget .others .post .author-info .display-name {
color: var(--Gray-Gray-700, #DDD);
font-family: 'Hanken Grotesk';
font-size: 14px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: grey;
}
.featured-posts-widget .others .post .author-info:hover .display-name {
text-decoration-color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
@media (max-width: 768px) {
.featured-posts-widget {
flex-direction: column;
height: fit-content;
}
.featured-posts-widget > * {
width: 100%;
}
.featured-posts-widget .first .tag {
top: 16px;
left: 16px;
font-size: 13px;
padding: 3px 10px;
}
.featured-posts-widget .first .featured-image {
height: auto;
aspect-ratio: 1;
}
.featured-posts-widget .first .info-to-move {
gap: 16px;
transform: translateY(-16px);
}
.featured-posts-widget .first .title {
font-size: 22px;
}
.featured-posts-widget .first .author-info{
opacity: 1;
}
.featured-posts-widget .first .author-info img {
width: 24px;
height: 24px;
object-fit: cover;
object-position: center;
}
.featured-posts-widget .first .display-name {
font-size: 13px;
}
.featured-posts-widget .others {
flex-direction: row;
gap: 16px;
overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
.featured-posts-widget .others::-webkit-scrollbar {
display: none;
}
.featured-posts-widget .others .post {
flex-direction: column;
gap: 12px;
flex: 0 0 auto;
width: 216px;
height: fit-content;
}
.featured-posts-widget .others .post .featured-image {
width: 100%;
}
.featured-posts-widget .others .post .post-info {
width: 100%;
gap: 20px;
}
.featured-posts-widget .others .post .title {
font-size: 18px;
}
.featured-posts-widget .others .post .author-info {
position: relative;
padding: 0;
opacity: 1;
}
.featured-posts-widget .others .post .author-info .display-name{
font-size: 12px;
}
}.future-blocks-widget {
display: flex;
gap: 24px;
border-radius: 8px;
}
.future-blocks-text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 72px 97px;
gap: 24px;
}
.future-blocks-widget .future-blocks-heading {
color: var(--Default-White, #fff);
font-family: 'Urbanist';
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
}
.future-blocks-img-widget {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.future-blocks-image-bottom,
.future-blocks-image-top {
position: absolute;
}
.future-blocks-image-top {
top: -16%;
right: 5%;
z-index: 3;
}
.future-blocks-image-bottom {
bottom: -17%;
left: 8%;
z-index: 1;
}
@keyframes crombie-float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
}
.future-blocks-miscellany-icon {
width: 122px;
height: auto;
animation: crombie-float 2s infinite alternate ease-in-out;
filter: blur(2px);
}
.crombie-icon-rotate {
transform: rotate(238deg);
width: 122px;
height: auto;
filter: blur(3px);
}
@keyframes crombie-float-x {
0%,
100% {
transform: translateY(-30px);
}
50% {
transform: translateY(0);
}
}
.crombie-float-x {
animation: crombie-float-x 2s infinite alternate ease-in-out;
}
.future-blocks-text-absolute {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 655px;
z-index: 3;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}
.future-blocks-text-absolute-right {
left: 9%;
}
.future-blocks-text-absolute-left {
left: 30%;
}
@media (max-width: 768px) {
.future-blocks-widget {
flex-direction: column;
}
.future-blocks-image,
.future-blocks-text {
width: 100%;
}
.future-blocks-text {
padding: 24px;
}
.future-blocks-widget .future-blocks-heading {
font-size: 30px;
}
.future-blocks-img-widget {
width: 100%;
}
.future-blocks-image-top {
top: -42px;
right: 5%;
}
.future-blocks-image-bottom {
bottom: -40px;
left: 8%;
}
.future-blocks-miscellany-icon {
width: 61px !important;
}
.crombie-icon-rotate {
width: 61px !important;
}
.future-blocks-text-absolute {
position: relative;
width: 100%;
transform: translateY(0);
}
.future-blocks-text-absolute-right,
.future-blocks-text-absolute-left {
left: 0;
}
}.badges-widget{
display: flex;
flex-direction: column;
gap: 48px;
}
.badges-widget.badges-type-table .badges-contenetor {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 24px;
}
.badges-widget .heading{
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
}
.badges-widget .badge {
position: relative;
display: flex;
background: var(--Gray-Gray-100, #161616);
width: 170px;
height: 170px;
border-radius: 12px;
padding: 32px;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.badges-widget .badge:hover {
background: #242424;
transition: 0.3s;
}
.badges-widget .badge img {
max-height: -webkit-fill-available;
max-width: -webkit-fill-available;
}
.badges-widget .badge.soon img {
filter: grayscale(100%);
}
.badges-widget span.soon {
position: absolute;
right: 12px;
top: 12px;
background-color: var(--Default-Black, #000);
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 30px;
padding: 2px 8px;
}
@media (max-width: 768px) {
.badges-widget .heading{
font-size: 32px;
}
.badges-widget.badges-type-table .badges-contenetor {
justify-content: space-between;
}
.badges-widget .badge {
width: 140px;
height: 140px;
}
}.lead-block-widget {
gap: 82px;
padding: 84px 97px 96px 97px;
border-radius: 24px;
position: relative;
z-index: 1;
}
.lead-block-title-wrapper,
.lead-block-subtitle-wrapper {
position: relative;
z-index: 1;
}
.lead-block-widget .lead-block-title-wrapper {
margin-bottom: 1.2em;
text-align: center;
}
.lead-block-title-wrapper .lead-block-title {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 130%;
margin-bottom: 16px;
letter-spacing: 0;
text-align: left;
vertical-align: bottom;
}
.lead-block-widget .lead-block-subtitle-wrapper {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
}
.lead-block-subtitle-wrapper .lead-block-subtitle {
font-family: 'Hanken Grotesk', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 130%;
margin-bottom: 16px;
letter-spacing: 0;
text-align: left;
vertical-align: bottom;
}
.lead-block-absolute-image-wrapper {
position: absolute;
z-index: 0;
pointer-events: none;
width: auto;
height: auto;
max-width: 50%;
max-height: 100%;
}
.lead-block-absolute-image-wrapper img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.lead-block-widget .position-left-top {
top: 0;
left: 0;
}
.lead-block-widget .position-left-bottom {
bottom: 0;
left: 0;
}
.lead-block-widget .position-right-top {
top: 0;
right: 0;
}
.lead-block-widget .position-right-bottom {
bottom: 0;
right: 0;
}
.lead-block-widget .position-left-top img {
transform: rotate(180deg);
}
.lead-block-widget .position-left-bottom img {
transform: rotate(0deg);
}
.lead-block-widget .position-right-top img {
transform: rotate(180deg);
}
.lead-block-widget .position-right-bottom img {
transform: rotate(0deg);
}
@media (max-width: 768px) {
.lead-block-widget {
gap: 48px;
padding: 48px 24px 48px 24px;
}
.lead-block-title-wrapper .lead-block-title {
font-size: 16px;
}
.lead-block-subtitle-wrapper .lead-block-subtitle {
font-size: 16px;
}
.lead-block-absolute-image-wrapper {
max-width: 100%;
}
.lead-block-absolute-image-wrapper img {
object-fit: contain;
}
}.video-block-widget {
display: flex;
gap: 24px;
flex-direction: column;
border-radius: 8px;
}
.video-block-text {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
gap: 24px;
}
.video-block-widget .video-block-heading {
color: var(--Default-White, #dddddd);
font-family: 'Urbanist';
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
}
.video-block-widget .video-block-subtitle {
color: var(--Default-White, #999999);
font-family: 'Hanken Grotesk';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
margin-bottom: 1rem;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
}
.video-block-videos {
display: flex;
flex-direction: row;
position: relative;
gap: 24px;
width: 100%;
}
.video-block-video {
position: relative;
}
.one-video-block {
display: flex;
position: relative;
padding: 0 34px;
}
.video-block-video-heading {
position: absolute;
left: 1%;
bottom: 1%;
z-index: 3;
opacity: 1;
visibility: visible;
transition:
opacity 0.4s ease,
visibility 0.4s ease;
}
.video-block-video-title {
color: var(--Default-White, #dddddd);
font-family: 'Hanken Grotesk';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
text-align: start;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
}
.video-block-video-subtitle {
color: var(--Default-White, #606060);
font-family: 'Hanken Grotesk';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
text-align: start;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
}
.video-block-media {
position: relative;
z-index: 2;
border-radius: 12px;
}
.video-blocks-image-right,
.video-blocks-image-left,
.one-video-blocks-image-right,
.one-video-blocks-image-left {
position: absolute;
}
.one-video-blocks-image-right {
bottom: 30%;
right: -5%;
z-index: 3;
}
.video-blocks-image-right {
bottom: 30%;
right: -5%;
z-index: 3;
}
.one-video-blocks-image-left {
bottom: 30%;
left: -5%;
z-index: 1;
}
.video-blocks-image-left {
bottom: 30%;
left: -5%;
z-index: 1;
}
@keyframes crombie-float-video {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(30px);
}
}
.video-blocks-miscellany-icon {
width: 122px;
height: 169px;
animation: crombie-float-video 4s infinite alternate ease-in-out;
transform: rotate(141deg);
filter: blur(4px);
}
.crombie-icon-rotate-video {
transform: rotate(141deg);
width: 122px;
height: 169px;
filter: blur(4px);
display: block;
}
@keyframes crombie-float-x-video {
0%,
100% {
transform: translateX(0px);
}
50% {
transform: translateX(-30px);
}
}
.crombie-float-x-video {
animation: crombie-float-x-video 4s infinite alternate ease-in-out;
}
.video-block-media-wrapper {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
background: #000;
overflow: hidden;
}
.video-block-media-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.video-block-custom-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 64px;
color: white;
cursor: pointer;
opacity: 0.85;
transition: opacity 0.2s ease;
z-index: 3;
}
.video-block-custom-play-button:hover {
opacity: 1;
}
.video-block-fade-out {
opacity: 0 !important;
visibility: hidden !important;
transition:
opacity 0.4s ease,
visibility 0.4s ease;
}
.video-block-fade-in {
opacity: 1 !important;
visibility: visible !important;
transition:
opacity 0.4s ease,
visibility 0.4s ease;
}
.video-block-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(5px);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
.video-block-heading {
font-size: 32px !important;
}
.video-block-subtitle {
font-size: 16px;
}
.video-block-videos {
flex-direction: column;
}
.crombie-icon-rotate-video {
transform: rotate(141deg);
width: 41px !important;
height: 41px;
filter: blur(4px);
display: block;
}
.one-video-blocks-image-right {
top: 2%;
right: 5%;
z-index: 3;
}
.video-blocks-image-right {
top: 2%;
right: 5%;
z-index: 3;
}
.one-video-blocks-image-left {
bottom: -22%;
left: 5%;
z-index: 1;
}
.video-blocks-image-left {
bottom: -12%;
left: 9%;
z-index: 1;
}
@keyframes crombie-float-x-video {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-30px);
}
}
.crombie-float-x-video {
animation: crombie-float-x-video 4s infinite alternate ease-in-out;
}
.one-video-block {
padding: 0;
}
}.table-of-content-widget {
position: relative;
justify-self: center;
width: 752px;
background-color: var(--Gray-Gray-100, #161616);
display: flex;
padding: 24px;
flex-direction: column;
border-radius: 12px;
}
.table-of-content-widget:not(.active) {
cursor: pointer;
}
.table-of-content-widget.active {
padding-bottom: 40px;
}
.table-of-content-widget .toc-toggle-button {
position: absolute;
top: 20px;
right: 32px;
width: 36px;
height: 36px;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/table-of-content/assets/open.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
cursor: pointer;
transition: 0.3s;
}
.table-of-content-widget:not(.active) .toc-toggle-button {
filter: grayscale(0.8);
rotate: 10deg;
transform: scale(0.8);
transition: 0.3s;
}
.table-of-content-widget:not(.active):hover .toc-toggle-button {
filter: grayscale(0);
rotate: 0deg;
transform: scale(1);
transition: 0.3s;
}
.table-of-content-widget.active .toc-toggle-button {
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/table-of-content/assets/close.svg);
border-radius: 50%;
transition: 0.3s;
}
.table-of-content-widget h4.table-title {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;    
}
.table-of-content-widget ul {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
padding: 0;
max-height: 0;
pointer-events: none;
opacity: 0;
transition:
opacity 0.15s,
max-height 0.3s,
padding-top 0.3s;
}
.table-of-content-widget.active ul {
padding-top: 24px;
max-height: none;
pointer-events: all;
opacity: 1;
transition:
opacity 0.3s,
max-height 0.3s,
padding-top 0.3s;
}
.table-of-content-widget ul li.h2 {
padding-left: 16px;
font-size: 16px;
}
.table-of-content-widget ul li.h3 {
padding-left: 32px;
font-size: 14px;
}
.table-of-content-widget ul li.h4 {
padding-left: 48px;
font-size: 12px;
}
.table-of-content-widget ul li.h5 {
padding-left: 56px;
font-size: 11px;
}
.table-of-content-widget ul li.h6 {
padding-left: 60px;
font-size: 10px;
}
.table-of-content-widget ul li a {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 700;
line-height: 150%;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: grey;
}
.table-of-content-widget ul li a:hover {
color: var(--Default-White, #FFF);
text-decoration-color: white;
transition: 0.3s;
}
@media (max-width: 600px) {
.table-of-content-widget {
width: 100%;
padding: 16px;
}
.table-of-content-widget h4.table-title {
font-size: 18px;
}
.table-of-content-widget .toc-toggle-button{
top: 12px;
right: 16px;
width: 30px;
height: 30px;
}
.table-of-content-widget:not(.active) .toc-toggle-button{
filter: grayscale(0);
rotate: 0deg;
transform: scale(1);
}
.table-of-content-widget ul li.h2 {
padding-left: 0px;
}
.table-of-content-widget ul li.h3 {
padding-left: 16px;
}
.table-of-content-widget ul li.h4 {
padding-left: 32px;
}
.table-of-content-widget ul li.h5 {
padding-left: 40px;
}
.table-of-content-widget ul li.h6 {
padding-left: 44px;
}
}.paragraph-widget{
width: 752px;
display: flex;
flex-direction: column;
gap: 36px;
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.paragraph-widget p,
.paragraph-widget h1,
.paragraph-widget h2,
.paragraph-widget h3,
.paragraph-widget h4,
.paragraph-widget h5,
.paragraph-widget h6 {
margin: 0;
} .paragraph-widget.size-XS {
font-size: 12px;
}
.paragraph-widget.size-XS h2 {
font-size: 24px;
}
.paragraph-widget.size-XS h3 {
font-size: 20px;
}
.paragraph-widget.size-XS h4 {
font-size: 16px;
}
.paragraph-widget.size-XS h5 {
font-size: 14px;
}
.paragraph-widget.size-XS h6 {
font-size: 12px;
} .paragraph-widget.size-S {
font-size: 16px;
}
.paragraph-widget.size-S h2 {
font-size: 32px;
}
.paragraph-widget.size-S h3 {
font-size: 24px;
}
.paragraph-widget.size-S h4 {
font-size: 18px;
}
.paragraph-widget.size-S h5 {
font-size: 16px;
}
.paragraph-widget.size-S h6 {
font-size: 14px;
} .paragraph-widget.size-M {
font-size: 20px;
}
.paragraph-widget.size-M h2 {
font-size: 48px;
}
.paragraph-widget.size-M h3 {
font-size: 36px;
}
.paragraph-widget.size-M h4 {
font-size: 24px;
}
.paragraph-widget.size-M h5 {
font-size: 20px;
}
.paragraph-widget.size-M h6 {
font-size: 16px;
} .paragraph-widget.size-L {
font-size: 24px;
}
.paragraph-widget.size-L h2 {
font-size: 56px;
}
.paragraph-widget.size-L h3 {
font-size: 44px;
}
.paragraph-widget.size-L h4 {
font-size: 32px;
}
.paragraph-widget.size-L h5 {
font-size: 24px;
}
.paragraph-widget.size-L h6 {
font-size: 20px;
} .paragraph-widget.size-XL {
font-size: 28px;
}
.paragraph-widget.size-XL h2 {
font-size: 64px;
}
.paragraph-widget.size-XL h3 {
font-size: 52px;
}
.paragraph-widget.size-XL h4 {
font-size: 40px;
}
.paragraph-widget.size-XL h5 {
font-size: 32px;
}
.paragraph-widget.size-XL h6 {
font-size: 24px;
}
.paragraph-widget .list-text-blocks {
display: flex;
flex-direction: column;
gap: 32px;
}
.paragraph-widget .text-block {
display: flex;
flex-direction: column;
gap: 20px;
}
.paragraph-widget .content {
display: flex;
flex-direction: column;
gap: 16px;
}
.paragraph-widget .content .italic{
font-style: italic;
font-weight: 200;
}
.paragraph-widget .content .strong{
font-weight: 900;
}
.paragraph-widget .content .underline{
text-decoration: underline;
}
.paragraph-widget .content a {
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
text-decoration: underline;
transition: 0.3s;
}
.paragraph-widget .content a:hover {
color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.3s;
}
@media screen and (max-width: 480px) {
.paragraph-widget {
width: 100%;
gap: 24px;
}
.paragraph-widget .list-text-blocks {
gap: 18px;
}
.paragraph-widget .content {
gap: 12px;
}
.paragraph-widget .content {
gap: 10px;
}
.paragraph-widget .content ul {
padding-left: 24px;
} .paragraph-widget.size-XS {
font-size: 10px;
}
.paragraph-widget.size-XS h2 {
font-size: 18px;
}
.paragraph-widget.size-XS h3 {
font-size: 16px;
}
.paragraph-widget.size-XS h4 {
font-size: 14px;
}
.paragraph-widget.size-XS h5 {
font-size: 12px;
}
.paragraph-widget.size-XS h6 {
font-size: 10px;
} .paragraph-widget.size-S {
font-size: 12px;
}
.paragraph-widget.size-S h2 {
font-size: 22px;
}
.paragraph-widget.size-S h3 {
font-size: 18px;
}
.paragraph-widget.size-S h4 {
font-size: 16px;
}
.paragraph-widget.size-S h5 {
font-size: 14px;
}
.paragraph-widget.size-S h6 {
font-size: 12px;
} .paragraph-widget.size-M {
font-size: 16px;
}
.paragraph-widget.size-M h2 {
font-size: 28px;
}
.paragraph-widget.size-M h3 {
font-size: 22px;
}
.paragraph-widget.size-M h4 {
font-size: 18px;
}
.paragraph-widget.size-M h5 {
font-size: 16px;
}
.paragraph-widget.size-M h6 {
font-size: 14px;
} .paragraph-widget.size-L {
font-size: 18px;
}
.paragraph-widget.size-L h2 {
font-size: 32px;
}
.paragraph-widget.size-L h3 {
font-size: 26px;
}
.paragraph-widget.size-L h4 {
font-size: 22px;
}
.paragraph-widget.size-L h5 {
font-size: 18px;
}
.paragraph-widget.size-L h6 {
font-size: 16px;
} .paragraph-widget.size-XL {
font-size: 20px;
}
.paragraph-widget.size-XL h2 {
font-size: 36px;
}
.paragraph-widget.size-XL h3 {
font-size: 30px;
}
.paragraph-widget.size-XL h4 {
font-size: 24px;
}
.paragraph-widget.size-XL h5 {
font-size: 20px;
}
.paragraph-widget.size-XL h6 {
font-size: 18px;
}
}.header {
background-color: transparent;
opacity: 1;
transform: translateY(0);
transition: 0.3s;
}
.header.scrolled-header {
background-color: black;
transition: 0.3s;
}
.header.hidden-header {
opacity: 0;
transform: translateY(-100%);
pointer-events: none;
transition: 0.3s;
}
.header-widget {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.header-widget .left-header-block{
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
}
.header-widget .logo-link {
line-height: 0;
}
.header-widget .language-switcher {
display: flex;
flex-direction: row;
border: 1px solid var(--Gray-Gray-300, #363636);
border-radius: 27px;
align-items: center;
}
.header-widget .language-switcher .language {
padding: 4px 14px;
border-radius: 27px;
transition: 0.3s;
}
.header-widget .language-switcher .language:not(.selected):hover {
background-color: var(--Gray-Gray-100,#101010);
cursor: pointer;
transition: 0.3s;
}
.header-widget .language-switcher .language.selected {
background-color: var(--Gray-Gray-300, #363636);
}
.header-widget .language-switcher .language a,
.header-widget .language-switcher .language span  {
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%;
transition: 0.3s;
}
.header-widget .language-switcher .language a{
color: var(--Gray-Gray-300, #363636);
}
.header-widget .language-switcher .language:not(.selected):hover a {
color: var(--Gray-Gray-600, #606060);
transition: 0.3s;
}
.header-widget .language-switcher .language.selected span {
color: var(--Gray-Gray-700, #DDD);
}
.header-widget .language-switcher .language .language-title {
display: inline-block;
}
.header-widget .language-switcher .language .language-code {
display: none;
}
.header-widget .right-header-block{
display: flex;
flex-direction: row;
gap: 36px;
}
.header-widget nav.navbar {
display: flex;
flex-direction: row;
gap: 24px;
}
.header-widget .navbar-item {
display: flex;
align-items: center;
gap: 8px;
}
.header-widget .navbar-item.has-submenu::after {
content: '';
display: inline-block;
width: 9px;
height: 9px;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/header/assets/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
}
.header-widget .navbar-item.has-submenu:hover::after {
transform: rotate(180deg);
filter: invert(100%);
transition: 0.3s;
}
.header-widget .navbar-item .navbar-title, .header-widget .navbar-item .navbar-item-title-link{
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
cursor: pointer;
margin: 0;
text-decoration: underline;
text-underline-offset: 12px;
text-decoration-color: transparent;
transition: 0.3s;
}
.header-widget .navbar-item:hover .navbar-title,.header-widget .navbar-item:hover .navbar-item-title-link {
text-decoration-color: var(--Gray-Gray-700, #DDD);
transition: 0.3s;
}
.header-widget a.header-button {
background: var(--Default-White, #FFF);
padding: 8px 24px;
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border-radius: 27px;
transition: 0.3s;
}
.header-widget a.header-button:hover {
background: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
transition: 0.3s;
}
.header-widget .navbar-item.has-submenu .navbar-submenu {
position: absolute;
top: 70px;
right: 0;
flex-direction: row;
gap: 16px;
background: var(--Default-White, #FFF);
border-radius: 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
display: flex;
z-index: 2;
padding: 16px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transform: translateY(-10px);
transition-delay: 0.3s;
}
.header-widget .navbar-item.has-submenu:hover .navbar-submenu {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition-delay: 0.3s;
}
.header-widget .navbar-submenu-section {
display: flex;
flex-direction: column;
gap: 24px;
padding: 20px 24px;
}
.header-widget .navbar-submenu-section.mobile {
display: none;
}
.header-widget .navbar-submenu-section.call-to-action-section {
background: var(--Gray-Gray-900, #FAFAFA);
border-radius: 17px;
width: 300px;
}
.header-widget .navbar-submenu ul {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0;
}
.header-widget .navbar-submenu li {
list-style: none;
}
.header-widget .navbar-submenu  a {
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition: 0.3s;
}
.header-widget .navbar-submenu  a:hover {
color: var(--Default-Black, #000);
text-decoration-color: var(--Default-Black, #000);;
transition: 0.3s;
}
.header-widget .navbar-submenu-section .navbar-section-title {
color: var(--Gray-Gray-100, #161616);
font-family: "Hanken Grotesk";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.header-widget .navbar-submenu-section .navbar-section-title a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
text-decoration: underline;
text-decoration-color: transparent;
transition: 0.3s;
}
.header-widget .navbar-submenu-section .navbar-section-title a:hover {
text-decoration-color: var(--Gray-Gray-100, #161616);
transition: 0.3s;
}
.header-widget .navbar-submenu-section.call-to-action-section p{
color: var(--Gray-Gray-200, #242424);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.header-widget .navbar-submenu-section.call-to-action-section a {
color: var(--Default-Black, #000);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: var(--Gray-Gray-700, #DDD);
transition: 0.3s
}
.header-widget .navbar-submenu-section.call-to-action-section a:hover{
text-decoration-color: var(--Default-Black, #000);
transition: 0.3s
}
.header-widget .header-mobile-button {
display: none;
width: 40px;
height: 40px;
border: 1px solid var(--Default-White, #FFF);
border-radius: 50%;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/header/assets/menu.svg); background-size: 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: 0.3s;
}
.header-widget .header-mobile-button.active {
background-color: var(--Color-Grey-100, #101010);
transform: rotate(90deg);
transition: 0.3s;
}
@media (max-width: 768px) {
.header-widget .header-mobile-button {
display: block;
}
.header-widget .left-header-block {
gap: 16px;
}
.header-widget .language-switcher .language .language-title {
display: none;
}
.header-widget .language-switcher .language .language-code {
display: inline-block;
}
.header-widget .language-switcher .language a, .header-widget .language-switcher .language span {
font-size: 13px;
}
.header-widget .right-header-block {
display: flex;
position: absolute;
flex-direction: column;
top: 55px;
width: 100%;
background-color: white;
border-radius: 12px;
padding: 12px;
gap: 8px;
z-index: 2;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s;
}
.header-widget .right-header-block.visible {
max-height: 500px;
opacity: 1;
transition: 0.3s;
}
.header-widget nav.navbar {
flex-direction: column;
gap: 0px;
}
.header-widget .navbar-item.has-submenu .navbar-submenu {
position: static;
transform: none;
visibility: visible;
flex-direction: column;
border-radius: 0;
box-shadow: none;
padding: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: 0.3s;
}
.header-widget .navbar-item.has-submenu .navbar-submenu.visible {
max-height: 500px;
opacity: 1;
transition: 0.3s;
}
.header-widget .navbar-submenu-section {
padding: 0;
gap: 16px;
}
.header-widget .navbar-submenu-section.mobile {
display: flex;
}
.header-widget .navbar-submenu-section.call-to-action-section {
display: none;
}
.header-widget a.header-button {
position: relative;
background: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
padding: 8px 20px;
margin: 12px 40px 12px 0;
}
.header-widget a.header-button:hover {
background: var(--Color-Palette-Blue-Blue-500, #25B1E1);
}
.header-widget a.header-button:after {
position: absolute;
right: -40px;
bottom: 0;
content: "";
background: inherit;
padding: 20px;
border-radius: 27px;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/header/assets/left-arrow.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
}
.header-widget .navbar-item {
position: relative;
display: block;
padding: 8px 16px;
border-bottom: 1px solid #EEE;
}
.header-widget .navbar-item .navbar-title, .header-widget .navbar-item .navbar-item-title-link {
color: var(--Default-Black, #000);
font-size: 20px;
font-weight: 400;
padding: 8px 0px;
}
.header-widget .navbar-item:hover .navbar-title, .header-widget .navbar-item:hover .navbar-item-title-link {
text-decoration: none;
}
.header-widget .navbar-submenu-section .navbar-section-title {
position: relative;
color: var(--Default-Black, #000);
font-size: 16px;
font-weight: 400;
line-height: 150%;
width: fit-content;
}
.header-widget .navbar-submenu a {
color: var(--Gray-Gray-500, #606060);
font-size: 14px;
text-decoration: none;
}
.header-widget .navbar-submenu a:hover{
color: var(--Gray-Gray-500, #606060);
text-decoration: none;
}
.header-widget .navbar-item.has-submenu::after {
position: absolute;
right: 16px;
top: 27px;
width: 12px;
height: 12px;
}
.header-widget .navbar-item.has-submenu:hover::after {
filter: invert(0%);
transform: none;
}
.header-widget .navbar-item.has-submenu.active::after {
transform: rotate(180deg);
transition: 0.3s;
}
.header-widget .navbar-submenu-section .navbar-section-title::after {
content: "";
position: absolute;
right: -15px;
top: 7px;
width: 8px;
height: 8px;
background-image: url(//crombie.dev/wp-content/crombie-plugin/includes/widgets/header/assets/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
}
.header-widget .navbar-submenu-section .navbar-section-title.active::after {
transform: rotate(180deg);
}
.header-widget .navbar-item .navbar-submenu ul {
display: none;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s;
}
.header-widget .navbar-item .navbar-submenu ul.visible,
.header-widget .navbar-item .navbar-submenu ul.always-visible {
display: flex;
max-height: 500px;
opacity: 1;
}
.header-widget .navbar-submenu-section .navbar-section-title a{
pointer-events: none;
}
}.share-post-widget {
width: 752px;
justify-self: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 48px;
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.share-post-widget p{
margin: 0;
}
.share-post-widget .separator-line {
height: 0.5px;
width: 100%;
background-color: #363636;
}
.share-post-widget .tags {
justify-content: center;
display: flex;
flex-direction: row;
gap: 12px;
}
.share-post-widget .tag {
color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
cursor: pointer;
border: 1px solid;
padding: 8px 24px;
border-radius: 27px;
font-weight: 700;
transition: 0.3s;
}
.share-post-widget .tag:hover {
color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
transition: 0.3s;
}
.share-post-widget .share {
display: flex;
flex-direction: column;
gap: 12px;
width: fit-content;
align-items: center;
}
.share-post-widget .social-icons {
display: flex;
flex-direction: row;
gap: 12px;
}
.share-post-widget .social-icons a {
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: var(--Gray-Gray-100, #161616);
transition: 0.3s;
}
.share-post-widget .social-icons a:hover {
background-color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
transition: 0.3s;
}
.share-post-widget .social-icons a img {
width: 24px;
height: 24px;
transition: 0.3s;
}
.share-post-widget .social-icons a:hover img {
filter: contrast(5);
}
.share-post-widget .site-info {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
text-align: center;
padding-bottom: 72px;
}
.share-post-widget .site-separator {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
width: 100%;
}
.share-post-widget .site-separator .separator-line {
flex: 1 1 0;
}
.share-post-widget .site-separator img {
width: 96px;
height: 96px;
aspect-ratio: 1 / 1;
padding: 20px;
}
.share-post-widget .site-info .about-link{
display: flex;
flex-direction: row;
gap: 8px;
}
.share-post-widget .site-info .about-link a {
color: var(--Default-White, #FFF);
font-weight: 700;
text-decoration: underline;
text-decoration-color: dimgrey;
text-underline-offset: 8px;
transition: 0.3s;
}
.share-post-widget .site-info .about-link a:hover {
text-decoration-color: white;
transition: 0.3s;
}
@media (max-width: 768px) {
.share-post-widget {
width: 100%;
font-size: 16px;
}
.share-post-widget .tag{
padding: 4px 16px;
}
.share-post-widget .social-icons a{
width: 40px;
height: 40px;
}
.share-post-widget .site-info{
padding-bottom: 48px;
}
}.related-posts-widget {
display: flex;
flex-direction: column;
gap: 48px;
}
.related-posts-widget .related-posts-heading {
color: var(--Gray-Gray-700, #DDD);
font-family: Urbanist;
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 115%;
margin: 0;
}
.related-posts-widget .posts-contenetor {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.related-posts-widget .post-card {
display: flex;
flex-direction: column;
width: 30%;
}
.related-posts-widget .post-card .img-wrapper {
position: relative;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 182 / 137;
}
.related-posts-widget .post-card .img-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
transition: 0.3s;
}
.related-posts-widget .post-card:hover .img-wrapper img {
transform: scale(1.15);
transition: 0.3s;
}
.related-posts-widget .post-card .img-wrapper .post-category {
position: absolute;
color: var(--Default-White, #FFF);
background-color: black;
padding: 4px 12px;
left: 10px;
top: 12px;
border-radius: 24px;
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
z-index: 1;
margin: 0;
opacity: 0;
transition: 0.3s;
}
.related-posts-widget .post-card:hover .img-wrapper .post-category {
opacity: 1;
transition: 0.3s;
}
.related-posts-widget .title-card {
color: var(--Gray-Gray-700, #DDD);
font-family: "Hanken Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 24px 0 16px 0;
transition: 0.3s;
}
.related-posts-widget .post-card:hover .title-card {
color: white;
transition: 0.3s;
}
.related-posts-widget .post-card .post-info {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
opacity: 0;
transition: 0.3s;
}
.related-posts-widget .post-card:hover .post-info {
opacity: 1;
transition: 0.3s;
}
.related-posts-widget .post-info .profile-img-link {
width: 24px;
height: 24px;
border-radius: 50%;
}
.related-posts-widget .post-info img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.related-posts-widget .post-info p {
color: var(--Gray-Gray-500, #606060);
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.related-posts-widget .post-info .author-name {
color: var(--Default-White, #FFF);
font-weight: 700;
font-family: "Hanken Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding-bottom: 3px;
border-bottom: 1px solid #606060;
transition: 0.3s;
margin-bottom: -4px;
}
.related-posts-widget .post-info .author-name:hover {
border-bottom-color: white;
transition: 0.3s;
}
@media (max-width: 768px) {
.related-posts-widget .related-posts-heading {
font-size: 32px;
}
.related-posts-widget .posts-contenetor {
flex-direction: column;
gap: 48px;
}
.related-posts-widget .post-card {
width: 100%;
}
.related-posts-widget .post-card .img-wrapper {
aspect-ratio: 182 / 127;
}
.related-posts-widget .post-card .img-wrapper .post-category {
opacity: 1;
}
.related-posts-widget .post-card:hover .img-wrapper img {
transform: scale(1);
}
.related-posts-widget .title-card {
font-size: 18px;
margin: 20px 0 12px 0;
}
.related-posts-widget .post-card .post-info {
opacity: 1;
}
.related-posts-widget .post-card-hidden{
display: none;
}
}p,h1,h2,h3,h4,h5,h6{
margin: 0;
} [id^="elementor-popup-modal-"] .dialog-close-button svg {
fill: var(--Color-Palette-Yellow-Yellow-500, #FFC432) !important;
transition: 0.3s;
}
[id^="elementor-popup-modal-"] .dialog-close-button:hover svg {
fill: var(--Color-Palette-Blue-Blue-500, #0091FF) !important;
transition: 0.3s;
}
a.dialog-close-button.dialog-lightbox-close-button {
padding: 12px;
border: 1px solid var(--Color-Palette-Yellow-Yellow-500, #FFC432);
border-radius: 50%;
transition: 0.3s;
}
a.dialog-close-button.dialog-lightbox-close-button:hover {
border-color: var(--Color-Palette-Blue-Blue-500, #0091FF);
transition: 0.3s;
}
[class^="elementor-popup-modal-"] .dialog-close-button,
[class*=" elementor-popup-modal-"] .dialog-close-button {
font-size: 16px;
} .blog-content .e-con-inner {
align-items: center !important;
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}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}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{background:var(--e-a-bg-logo);border-radius:50%;display:inline-block;line-height:1;padding:.75em}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.elementor .elementor-background-video{max-width:none}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}.elementor-custom-embed-play{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap;margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;pointer-events:none;position:absolute;right:10px;text-shadow:0 0 3px rgba(0,0,0,.3);top:50%;transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;padding:.5em;fill:#fff}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}