.sb_row {
padding: 50px 200px;
}
strong, b {
font-weight: bold;
}
@media screen and (max-width: 1250px) {
.sb_row {
padding: 50px 100px;
}
}
@media screen and (max-width: 1100px) {
.sb_row {
padding: 50px 60px;
}
}
@media screen and (max-width: 992px) {
.sb_row {
padding: 50px 48px;
}
}
@media screen and (max-width: 768px) {
.sb_row {
padding: 24px 24px;
}
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
color: #fff;
text-align: center;
}
.sb_epikoinonia_center_right .wpcf7 form.sent .wpcf7-response-output {
color: #111;
} section.sb_breadcrumb {
padding: 12px 200px;
background: #D6E1E4;
display: flex;
gap: 24px;
flex-wrap: wrap;
}
section.sb_breadcrumb span {
color: #608C98;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; letter-spacing: 0.4px;
}
span.sb_breadcrumb_separator {
color: #46454B !important;
}
section.sb_breadcrumb a {
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; letter-spacing: 0.4px;
text-decoration: none;
}
@media screen and (max-width: 1250px) {
section.sb_breadcrumb {
padding: 12px 100px;
}
}
@media screen and (max-width: 1100px) {
section.sb_breadcrumb {
padding: 12px 60px;
}
}
@media screen and (max-width: 992px) {
section.sb_breadcrumb {
padding: 12px 48px;
gap: 12px;
}
section.sb_breadcrumb a {
font-size: 18px;
}
} section.sb_cta_kleiste_rantevou.sb_row {
background: #D6E1E4;
}
section.sb_cta_kleiste_rantevou.sb_row .sb_container {
display: flex;
width: 1520px;
padding: 50px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 32px;
border-radius: 20px;
background: #d0dadd;
width: 100%;
}
section.sb_cta_kleiste_rantevou.sb_row h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
max-width: 430px;
}
.sb_cta_links {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.sb_cta_links a {
display: flex;
padding: 12px 24px;
align-items: center;
gap: 10px;
flex-direction: row-reverse;
border-radius: 30px;
border: 1px solid #0B2241;
background: #FFF;
width: fit-content;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: ease-in-out 0.3s all;
}
.sb_cta_links a:hover {
background: #1E2A5E;
color: #fff;
transition: ease-in-out 0.3s all;
}
.sb_cta_links a:hover svg path {
fill: #fff;
transition: ease-in-out 0.3s all;
}
@media screen and (max-width: 992px) {
section.sb_cta_kleiste_rantevou.sb_row h2 {
font-size: 22px;
line-height: 24px;
max-width: 100%;
}
.sb_cta_links a {
padding: 8px 16px;
font-size: 18px;
line-height: 22px;
}
section.sb_cta_kleiste_rantevou.sb_row .sb_container {
padding: 24px;
}
}header#header {
padding: 12px 100px;
background: #D6E1E4;
position: relative;
z-index: 1000;
}
.sb_header_container {
padding: 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 24px;
background: rgba(255, 255, 255, 0.80);
backdrop-filter: blur(5px);
}
.sb_header_right a.sb_header_button {
border-radius: 20px;
background: #608C98;
display: flex;
padding: 24px 12px;
align-items: center;
gap: 10px;
color: #FFF;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.4px;
text-decoration: none;
transition: ease-in-out 0.3s all;
}
a.sb_header_button:hover {
background: #D6E1E4;
color: #46454B;
transition: ease-in-out 0.3s all;
}
a.sb_header_button:hover svg path {
fill: #46454B;
stroke: #46454B;
transition: ease-in-out 0.3s all;
}
.sb_header_center ul#menu-header-menu {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
width: 100%;
gap: 24px;
border-radius: 20px;
background: #D6E1E4;
}
.sb_header_center ul#menu-header-menu > li > a   {
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.4px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
transition: ease-in-out 0.3s all;
padding: 24px 12px;
}
.sb_header_center ul#menu-header-menu li:hover > a {
color: #608C98;
transition: ease-in-out 0.3s all;
}
.sb_header_center ul#menu-header-menu li.menu-item {
position: relative;
}
.sb_header_center ul#menu-header-menu li.menu-item .sub-menu {
position: absolute;
display: flex;
top: 70px;
min-width: 430px;
padding-top: 31px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.sb_header_center ul#menu-header-menu li.menu-item .sub-menu .sb_sub-menu_container {
border-radius: 20px;
background: #D6E1E4;
list-style: none;
padding: 24px 12px;
display: flex;
align-items: flex-start;
gap: 10px;
flex-direction: column;
width: 100%;
z-index: 10;
}
.sb_header_center ul#menu-header-menu > li.menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.sb_header_center ul#menu-header-menu li.menu-item:hover .sub-menu li {
border-radius: 20px;
border: 1px solid #0B2241;
width: 100%;
display: flex;
padding: 6px 12px;
align-items: center;
gap: 10px;
transition: ease-in-out 0.3s all;
}
.sb_header_center ul#menu-header-menu li.menu-item:hover .sub-menu li:hover {
background: #fff;
transition: ease-in-out 0.3s all;
border: solid 1px #fff;
}
.sb_header_center ul#menu-header-menu li.sb_ourologia_parent > .sub-menu {
right: -107%;
top: -25px;
padding-top: 0;
max-width: 330px;
}
.sb_header_center ul#menu-header-menu li.sb_ourologia_parent:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.sb_header_center ul#menu-header-menu li.sb_ourologia_parent > .sub-menu li {
border: none !important;
}
.sb_header_center ul#menu-header-menu li.sb_ourologia_parent > .sub-menu li:before {
content: "•";
}
.sb_header_center ul#menu-header-menu .sub-menu li a {
color: #46454B;
text-align: left;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; letter-spacing: 0.4px;
text-decoration: none;
}
.sb_burger_menu {
display: none;
cursor: pointer;
} .sb_mobile_menu_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sb_mobile_menu_overlay.active {
opacity: 1;
visibility: visible;
}
.sb_mobile_menu_container {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #D6E1E4;
padding: 24px;
overflow-y: auto;
transition: right 0.3s ease;
}
.sb_mobile_menu_overlay.active .sb_mobile_menu_container {
right: 0;
}
.sb_mobile_menu_close {
display: flex;
justify-content: flex-end;
cursor: pointer;
}
@media screen and (max-width: 1850px) {
header#header {
padding: 12px 60px;
}
}
@media screen and (max-width: 1750px) {
header#header {
padding: 12px 30px;
}
}
@media screen and (max-width: 1700px) {
.sb_header_center ul#menu-header-menu {
gap: 0;
}
}
@media screen and (max-width: 1600px) {
header#header {
padding: 12px 12px;
}
}
@media screen and (max-width: 1535px) {
.sb_header_center ul#menu-header-menu > li > a {
padding: 24px 6px;
}
}
@media screen and (max-width: 1462px) {
.sb_header_right {
display: none;
}
}
@media screen and (max-width: 1290px) {
.sb_header_center ul#menu-header-menu > li > a {
font-size: 18px;
}
}
@media screen and (max-width: 1250px) {
.sb_header_center .menu-header-menu-container {
display: none;
}
.sb_burger_menu {
display: block;
}
} ul#menu-header-menu-mobile {
list-style: none;
}
ul#menu-header-menu-mobile ul.sub-menu {
list-style: none;
display: none;
padding-left: 16px;
margin-top: 8px;
margin-bottom: 16px;
}
ul#menu-header-menu-mobile .sb_submenu_open > ul.sub-menu {
display: block;
}
ul#menu-header-menu-mobile .menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
ul#menu-header-menu-mobile .menu-item-has-children > ul.sub-menu {
width: 100%;
}
.sb_submenu_toggle {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.sb_submenu_open > .sb_submenu_toggle {
transform: rotate(180deg);
}
ul#menu-header-menu-mobile li a {
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.4px;
text-decoration: none;
}
.sb_mobile_menu_close svg {
width: 30px;
height: 30px;
}
.sb_mobile_menu_wrap {
margin-top: 50px;
}.sb_floating_epikoinonia {
background: #FFFFFF;
padding: 12px;
border-radius: 20px;
width: fit-content;
position: fixed;
bottom: 230px;
right: -53px;
transform: rotate(90deg);
}
.sb_float_mobile {
display: none;}
.sb_floating_epikoinonia a.sb_float_mobile,
.sb_floating_epikoinonia a.sb_float_desktop {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 10px;
font-family: 'Jura', sans-serif;
color: #46454B;
text-decoration: none;
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.sb_float_desktop {
display: flex;
}
@media screen and (max-width: 1340px) {
.sb_floating_epikoinonia {
right: -60px;
}
}
@media screen and (max-width: 1100px) {
.sb_floating_epikoinonia {
right: -75px;
}
}
@media screen and (max-width: 1100px) {
.sb_floating_epikoinonia {
bottom: 10px;
right: 0;
left: 0;
margin: auto;
transform: rotate(0deg);
background: #608C98;
}
.sb_floating_epikoinonia a {
color: #fff !important;
}
.sb_floating_epikoinonia a svg path {
fill: #fff;
}
.sb_float_mobile {
display: none !important;
}
}
@media (max-width: 992px) {
.sb_float_desktop {
display: none !important;
}
.sb_float_mobile {
display: flex !important;
}
}
footer#footer {
background: #D6E1E4;
padding: 50px 200px;
}
.sb_footer_container {
background: #46454B;
padding: 42px 50px;
border-radius: 30px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.sb_footer_left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 24px;
width: 70%;
}
.sb_footer_right {
width: 30%;
}
.sb_footer_left h3 {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
margin-top: 12px;
max-width: 700px;
}
.sb_footer_contact_item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.sb_footer_contact_item h4 {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.sb_footer_contact_item a,
.sb_footer_contact_item p {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: ease-in-out 0.3s all;
}
.sb_footer_contact_item a:hover {
color: #D6E1E4;
transition: ease-in-out 0.3s all;
}
.sb_footer_buttons {
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
}
a.sb_footer_button {
display: flex;
padding: 6px 12px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
border-radius: 20px;
background: #FFF;
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-decoration: none;
width: fit-content;
transition: ease-in-out 0.3s all;
}
a.sb_footer_button:hover {
background: #D6E1E4;
transition: ease-in-out 0.3s all;
}
.sb_footer_right h3 {
color: #FFF;
text-align: left;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
margin-bottom: 32px;
}
.sb_footer_right h4 {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-top: 32px;
margin-bottom: 12px;
}
.sb_footer_socials {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
p.sb_footer_copyright{
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 20px;
}
.sb_poweredby,
.sb_poweredby a {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
} .sb_two_columns p {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
margin-bottom: 32px;
}
.sb_two_columns input[type="text"], .sb_two_columns input[type="email"] {
padding: 16px 20px;
align-items: center;
border-radius: 51px;
color: #FFF;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 1px solid #FFF;
width: 100%;
background: transparent;
}
textarea {
border-radius: 51px;
border: 1px solid #FFF;
color: #FFF;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
width: 100%;
background: transparent;
padding-top: 16px;
}
textarea::placeholder,
input[type="email"]::placeholder,
input[type="text"]::placeholder {
color: #fff;
opacity: 1;
}
span.wpcf7-form-control.wpcf7-acceptance {
margin: 32px 0;
display: block;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label {
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner {
display: flex;
padding: 6px 6px 6px 12px;
align-items: center;
gap: 24px;
border-radius: 32px;
border: 1px solid #FFF;
color: #FFF;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px;
background: transparent;
margin-left: auto;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner img {
transition: ease-in-out 0.3s all;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner:disabled {
opacity: 0.4;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner:hover img {
transform: rotate(45deg);
transition: ease-in-out 0.3s all;
}
.wpcf7-not-valid-tip {
font-family: 'Jura', sans-serif;
color: #ffffff;
text-align: center;
margin-top: 8px;
}
@media screen and (max-width: 1980px) {
.sb_footer_left {
width: 60%;
}
.sb_footer_right {
width: 40%;
}
}
@media screen and (max-width: 1650px) {
footer#footer {
padding: 50px 100px;
}   
}
@media screen and (max-width: 1440px) {
.sb_footer_left h3,
.sb_footer_right h3 {
font-size: 32px;
line-height: 37px;
}
}
@media screen and (max-width: 1340px) {
footer#footer {
padding: 50px 48px;
}   
}
@media screen and (max-width: 1250px) {
.sb_footer_container {
padding: 20px 25px;
flex-direction: column;
gap: 32px;
}
.sb_footer_left,
.sb_footer_right {
width: 100%;
}
.sb_footer_right h4 {
text-align: center;
}
.sb_footer_socials {
justify-content: center;
}
p.sb_footer_copyright,
.sb_poweredby, .sb_poweredby a {
text-align: center;
}
}
@media screen and (max-width: 992px) {
.sb_footer_left h3, .sb_footer_right h3 {
font-size: 24px;
line-height: 32px;
}
.sb_footer_contact_item h4 {
font-size: 20px;
}
.sb_footer_contact_item a, .sb_footer_contact_item p {
font-size: 18px;
}
a.sb_footer_button {
padding: 4px 8px;
font-size: 18px;
}
.sb_two_columns input[type="text"], .sb_two_columns input[type="email"] {
font-size: 18px;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner {
font-size: 18px;
}
.sb_footer_right h4 {
font-size: 20px;
}
footer#footer {
padding: 12px 12px;
}
p.sb_footer_copyright, .sb_poweredby, .sb_poweredby a {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.sb_two_columns p {
flex-direction: column;
gap: 24px;
margin-bottom: 24px;
width: 100%;
}
.sb_two_columns p span {
width: 100%;
}
.sb_footer_buttons {
flex-direction: column;
gap: 12px;
width: 100%;
}
}section#sb_blog {
background: #D6E1E4;
}
.sb_blog_top h1 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
width: 55%;
}
.sb_blog_top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 50px;
gap: 16px;
}
.sb_blog_content .sb_blog_content_left h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 32px;
margin-top: 24px;
margin-bottom: 24px;
}
.sb_blog_content .sb_blog_content_left h3 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 27px;
margin-top: 24px;
margin-bottom: 10px;
}
.sb_blog_content .sb_blog_content_left p,
.sb_blog_content .sb_blog_content_left a {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.sb_blog_content .sb_blog_content_left p {
margin-bottom: 16px;
}
.sb_blog_content_left ul,
.sb_blog_content_left ol {
display: flex;
padding: 12px 0 12px 25px;
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.sb_blog_content {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.sb_blog_content .sb_blog_content_left {
width: 70%;
}
.sb_blog_content .sb_blog_content_right {
width: 30%;
}
.sb_blog_content_right h2 {
border-bottom: solid 1px #0B2241;
padding-bottom: 10px;
color: #0B2241;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.sb_related_posts {
margin-top: 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.sb_related_post_img {
width: 150px;
height: 100px;
overflow: hidden;
border-radius: 10px;
}
.sb_related_post_img img {
width: 100%;
object-fit: cover;
object-position: left center;
}
a.sb_related_post_item {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 14px;
color: #0B2241;
font-family: 'Jura', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
text-decoration: none;
}
a.sb_related_post_item h3 {
font-weight: 600;
margin-top: 8px;
}
.sb_article_excerpt {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
width: 45%;
}
body.single-post table,
body.single-post tr {
border: solid 1px #000;
}
body.single-post iframe {
width: 100%;
max-width: 640px;
height: 450px;
}
@media screen and (max-width: 992px) {
.sb_blog_top {
flex-direction: column;
align-items: flex-start;
}
.sb_blog_top h1 {
font-size: 32px;
line-height: 37px;
width: 100%;
}
.sb_article_excerpt {
font-size: 18px;
width: 100%;
}
.sb_blog_content {
flex-direction: column;
gap: 20px;
}
.sb_blog_content .sb_blog_content_left {
width: 100%;
}
.sb_blog_content .sb_blog_content_right {
width: 100%;
}
.sb_blog_content_right h2,
.sb_blog_content .sb_blog_content_left h2 {
font-size: 22px;
line-height: 27px;
}
.sb_blog_content .sb_blog_content_left p, .sb_blog_content .sb_blog_content_left a,
.sb_blog_content_left ul, .sb_blog_content_left ol {
font-size: 18px;
line-height: 22px;
}
section.sb_breadcrumb {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
a.sb_related_post_item {
flex-direction: column;
width: 100%;
}
.sb_related_post_item_left {
width: 100%;
}
.sb_related_post_img {
width: 100%;
height: auto;
}
} .sb_blog_header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
margin-bottom: 40px;
}
.sb_blog_header h1 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
}
.sb_blog_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 64px;
}
a.sb_blog_card {
position: relative;
}
.sb_blog_card_image {
width: 100%;
position: relative;
border-radius: 24px;
overflow: hidden;
}
.sb_blog_card_image img {
width: 100%;
height: 100%;
min-height: 450px;
max-height: 450px;
object-fit: cover;
}
h2.sb_blog_card_title {
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
left: 0;
right: 0;
width: 100%;
margin: auto;
height: min-content;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.80);
backdrop-filter: blur(2.5px);
padding: 12px;
color: #0B2241;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
svg.sb_blog_card_arrow {
position: absolute;
bottom: 10px;
right: 10px;
}
svg.sb_blog_card_arrow circle {
transition: ease-in-out all 0.3s;
}
svg.sb_blog_card_arrow .sb_arrow_path {
transition: ease-in-out transform 0.3s;
transform-origin: center;
}
a.sb_blog_card:hover svg.sb_blog_card_arrow circle {
fill: #608C98;
}
a.sb_blog_card:hover svg.sb_blog_card_arrow .sb_arrow_path {
transform: rotate(90deg);
}
.sb_blog_load_more_wrap {
display: flex;
justify-content: flex-end;
margin-top: 60px;
}
#sb_load_more {
display: flex;
padding: 6px 12px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 20px;
background: #FFF;
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border: none;
cursor: pointer;
width: fit-content;
transition: ease-in-out 0.3s all;
}
#sb_load_more:hover {
background: #D6E1E4;
transition: ease-in-out 0.3s all;
}
#sb_load_more:disabled {
opacity: 0.6;
cursor: wait;
}
@media screen and (max-width: 1600px) {
body.page-template-template-blog .sb_row {
padding: 50px 48px;
}
body.page-template-template-blog section.sb_breadcrumb {
padding: 12px 48px;
}
}
@media screen and (max-width: 1350px) {
h2.sb_blog_card_title {
font-size: 20px;
line-height: 24px;
}
.sb_blog_grid {
gap: 32px;
}
}
@media screen and (max-width: 1250px) {
.sb_blog_grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1100px) {
.sb_blog_grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 992px) {
.sb_blog_header h1 {
font-size: 32px;
line-height: 37px;
}
body.page-template-template-blog .sb_row {
padding: 24px;
}
body.page-template-template-blog section.sb_breadcrumb {
padding: 24px;
}
}
@media screen and (max-width: 768px) {
.sb_blog_grid {
grid-template-columns: 1fr;
}
.sb_blog_card_image img {
width: 100%;
height: 100%;
min-height: 350px;
max-height: 350px;
object-fit: cover;
}
}