.btn-white-note a,
.btn-white-calendar a,
.btn-green-calendar a{
padding-left:45px !important;
position:relative;
}
.btn-white-note a::before,
.btn-white-calendar a::before,
.btn-green-calendar a::before{
content:"";
position:absolute;
display:inline-block;
left:15px;
top:13px;
width:20px;
height:20px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
background-color: var(--wp--preset--color--accent-1);
}
.btn-white-note a::before{
background:#fff;
top:12px;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.wp-block-button__link.has-base-background-color:hover,
.wp-block-button__link.has-border-color:hover{
color:#fff !important;
border-color:var(--wp--preset--color--accent-2) !important;
background:var(--wp--preset--color--accent-2) !important;
}
.btn-green-calendar .wp-block-button__link.has-base-background-color:hover:before{
background-color:#fff !important;
}
.wp-block-button__link.has-accent-3-background-color:hover{
background:var(--wp--preset--color--accent-4) !important;
}
.btn-white-calendar a::before{
top:9px;
background-color:#fff;
}
.help-type-boxes__item{
position:relative;
}
.help-type-boxes__item>*{
z-index:2;
position:relative;
}
.help-type-boxes__item:before{
content: '';
z-index: 1;
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
aspect-ratio: 1;
background: #f8f5ee;
border-radius: 12px;
}
.btn-yellow-badge{
position:relative;
}
.js-box-click-element{
cursor:pointer;
}
.btn-yellow-badge sup{
background: #EEC338;
position: absolute;
right: -6px;
top: 0;
transform: translateY(-50%);
display: inline-block;
padding: 2px 5px;
color: rgba(0,0,0, 0.8);
font-size: 11px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
border-radius: 3px;
}
.hover-top-10px{
transition:200ms transform linear;
}
.hover-top-20px:hover{
transform:translateY(-10px);
}
.newsletterForm2 .formGroup:first-child {
display: flex;
}
.newsletterForm2 .formGroup:first-child > .buttonGroup {
flex-shrink: 0;
}
.newsletterForm2 .arison-email {
font-size: 16px;
line-height: 1;
border: 1px solid #CCCCCC;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(204, 204, 204);
border-right: 0;
border-radius: 6px 0 0 6px;
}
.newsletterForm2 .buttonGroup{
margin:0;
}
.newsletterForm2 .sendForm{
padding: 12px 20px;
font-size: 16px;
font-weight: 400;
background: #518071;
border: 0;
border-radius: 0 6px 6px 0;
}
.newsletterForm2 .formGroup.formGroup--checkbox label {
display: block;
padding-top: 5px;
padding-left: 10px;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.newsletterForm2 .formGroup--checkbox input[type="checkbox"]:checked {
border-color: var(--lp-color-accent);
background-color: var(--lp-color-accent);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -65 512 512' fill='%23fff'%3E%3Cpath d='M444.176 0 183.305 242.012 72.98 124.277 0 192.664l178.234 190.207L512 73.52zm0 0'/%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
.newsletterForm2 .formGroup--checkbox input[type="checkbox"] {
appearance: none;
top: 0;
width: 28px;
height: 28px;
border: 1px solid #CCCCCC;
border-radius: 6px;
transition: border .2s ease, background-color .2s ease;
}
@media(max-width:1023px){
.grid-tablet-3-columns{
grid-template-columns:repeat(3,1fr) !important;
}
.help-type-boxes>div:last-child{
grid-column:auto;
}
}
@media (max-width: 781px) {
.mobile-hide{
display:none !important;
}
.grid-mobile-2-columns{
grid-template-columns:repeat(2,1fr) !important;
}
.help-type-boxes>div:last-child{
grid-column:2 span;
}
.mobile-col-2-column > *{
flex: 0 0 calc(50% - 15px);
max-width: calc(50% - 15px);
flex: 0 0 50%;
max-width: 50%;
}
}