:root {
--Blue: #003d7c;
--White: #ffffff;
--sand: #b7a89c;
--Black: #000000;
--SoftBlue: #bbd8e9;
--ClearBlue: #0075bf;
--LightSand: #d5d3cc;
--BabyBlue: #8ab5e1;
--Peach: #fac9a2;
--Rose: #efbfba;
--Moss: #8fafb1;
--LightBlue: #bbd8e9;
--LightPeach: #fee4c4;
--LightRose: #f1e3df;
--LightMoss: #bfcfc8;
--Red: #be1622;
--LightSand25: #d5d3cc24;
--BtnColor: #8ab5e126;
}
.hide-item {
display: none;
}
.invisible-item {
visibility: hidden;
}
.wp-user-profile-avatar .aligncenter {
margin: 0;
}
.one-container .site-content {
padding: 0;
}
.justify-text {
text-align: justify;
}
.clr-sand {
color: var(--sand);
}
.clr-lightsand {
color: var(--LightSand);
}
.clr-blue {
color: var(--Blue) !important;
}
.pl-1 {
padding-left: 1.5rem;
}
.mt-3 {
margin-top: 3rem;
}
.btn-general {
display: inline-block;
padding: 8px 24px;
background-color: var(--BtnColor);
text-decoration: none;
color: var(--Black);
transition: all 300ms ease;
}
.btn-general:hover {
cursor: pointer;
background-color: var(--LightBlue);
}
.heading-1 {
color: var(--e-global-color-c13bb92);
font-family: "Hurme Geometric Sans 4", Sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 36px;
letter-spacing: 1.2px;
-webkit-text-stroke-width: 0px;
stroke-width: 0px;
-webkit-text-stroke-color: #000;
stroke: #000;
}
.heading-2 {
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 1.25px;
}
.heading-4 {
font-family: var(--e-global-typography-41f7e1e-font-family), Sans-serif;
font-size: var(--e-global-typography-41f7e1e-font-size);
font-weight: var(--e-global-typography-41f7e1e-font-weight);
line-height: var(--e-global-typography-41f7e1e-line-height);
letter-spacing: var(--e-global-typography-41f7e1e-letter-spacing);
word-spacing: var(--e-global-typography-41f7e1e-word-spacing);
}
.text-btn {
font-family: var(--e-global-typography-b2bf79f-font-family), Sans-serif;
font-size: var(--e-global-typography-b2bf79f-font-size);
font-weight: var(--e-global-typography-b2bf79f-font-weight);
line-height: var(--e-global-typography-b2bf79f-line-height);
letter-spacing: var(--e-global-typography-b2bf79f-letter-spacing);
word-spacing: var(--e-global-typography-b2bf79f-word-spacing);
}
.border-left {
border-left: solid 1px var(--e-global-color-9c1bb31);
}
.border-right {
border-right: solid 1px var(--e-global-color-9c1bb31);
}
.border-bottom {
border-bottom: solid 1px var(--e-global-color-9c1bb31);
}
@media (max-width: 600px) {
.border-left {
border-left: none;
}
.border-right {
border-right: none;
}
}
.btn-default {
padding: 8px 30px;
margin: 0 16px 16px 0;
fill: #252525;
color: #252525;
background-color: #8ab5e126;
display: inline-block;
text-align: center;
transition: all 200ms ease;
}
.btn-default:hover {
background-color: var(--SoftBlue);
}
.entry-content .quote-content {
padding: 0 0.5rem;
float: left;
position: relative;
left: -20%;
width: 200px;
align-items: center;
overflow: visible;
margin: 1rem;
line-height: 36px;
}
@media (max-width: 600px) {
.entry-content .quote-content {
padding: 1rem;
float: none;
left: 0;
width: 100%;
}
}
.entry-content .quote-content h2::before {
content: url(//klarreward.com/wp-content/uploads/2022/11/quota-black.png);
transform: scale(0.1);
display: block;
width: 1rem;
height: 1rem;
position: relative;
left: -4rem;
top: -1rem;
}
.entry-content .quote-content h2 {
width: 350px;
display: flex;
flex-direction: column;
}
.entry-content .quote-content h2 p {
font-family: "Hurme Geometric Sans 4", Sans-serif;
font-size: 1.75rem;
font-weight: normal;
letter-spacing: 0.25px;
margin-bottom: 4px;
}
.entry-content .quote-content h2 p:first-child {
text-align: left;
width: 100%;
display: block;
}
.entry-content .quote-content h2 p:last-child {
text-align: right;
width: 100%;
display: block;
}
@media (max-width: 600px) {
.entry-content .quote-content h2 p:first-child{
padding-left:2rem;
}
.entry-content .quote-content h2 {
text-indent: 0;
width: 90%;
}
.entry-content .quote-content h2::before {
left: -1rem;
}
} nav .hfe-nav-menu .menu-item.current-menu-item a.hfe-menu-item {
font-weight: 600;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu a.hfe-sub-menu-item {
justify-content: flex-start;
}
.hfe-nav-menu__layout-horizontal .menu-item a.hfe-sub-menu-item {
padding-left: calc(16px + 4px) !important;
}
.hfe-nav-menu__layout-horizontal
.hfe-nav-menu
.menu-item-has-children
.sub-menu {
min-width: 150px;
width: max-content;
padding: 16px 0;
background: rgb(0, 61, 124);
background: -moz-linear-gradient(
90deg,
rgba(0, 61, 124, 1) 40%,
rgba(2, 0, 36, 1) 100%
);
background: -webkit-linear-gradient(
90deg,
rgba(0, 61, 124, 1) 40%,
rgba(2, 0, 36, 1) 100%
);
background: linear-gradient(
90deg,
rgba(0, 61, 124, 1) 40%,
rgba(2, 0, 36, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003d7c",endColorstr="#020024",GradientType=1);
}
.cpel-switcher__list li:last-child {
border-left: 1px solid #00000099 !important;
}
.cpel-switcher__lang {
display: flex;
line-height: 1;
}
.lang-item a.hfe-menu-item {
font-family: var(--e-global-typography-dbf37d0-font-family), Sans-serif !important;
font-size: var(--e-global-typography-dbf37d0-font-size) !important;
font-weight: var(--e-global-typography-dbf37d0-font-weight) !important;
text-transform: var(--e-global-typography-dbf37d0-text-transform) !important;
font-style: var(--e-global-typography-dbf37d0-font-style) !important;
letter-spacing: var(--e-global-typography-dbf37d0-letter-spacing) !important;
word-spacing: var(--e-global-typography-dbf37d0-word-spacing) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
color: #00000099 !important;
}
.lang-item {
display: inline-block;
}
.lang-item.current-lang a {
font-weight: 500 !important;
color: #000000 !important;
}
.lang-item.lang-item-first {
border-right: 1px solid #00000099 !important;
} .elementor-accordion .elementor-accordion-item {
border-left: none !important;
border-right: none !important;
}
.accordion-section {
width: 100%;
display: flex;
gap: 16px;
flex-direction: row;
}
.accordion-section h2 {
line-height: 26px;
}
.accordion-section div {
width: 30%;
}
.accordion-section .grow {
flex-grow: 1;
width: 70%;
}
@media (max-width: 600px) {
.accordion-section {
flex-direction: column;
}
.accordion-section div,
.accordion-section .grow {
width: 100%;
padding-left: 0;
}
} .team {
max-width: 1200px;
margin: auto;
}
.team a {
text-decoration: none;
}
.team .hero {
position: relative;
padding: 0 32px;
height: 600px;
background-image: linear-gradient(
to right top,
#706d70,
#6d696c,
#696568,
#666264,
#625e60,
#605c5e,
#5d595b,
#5b5759,
#5a5658,
#595557,
#585456,
#575355
);
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 2rem;
color: var(--e-global-color-c13bb92);
}
.team .hero .hero-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.team .hero .hero-img .featured-image,
.team .hero .hero-img .featured-image img {
height: 100%;
object-fit: cover;
object-position: right top;
}
@media (max-width: 600px) {
.team .hero .hero-img .featured-image,
.team .hero .hero-img .featured-image img {
object-position: center;
}
}
.team .hero-title {
padding: 2rem 0;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
align-items: start;
z-index: 1;
width: 40%;
}
.team .hero-title h2.hero-name {
font-size: 2rem;
margin-bottom: 12px;
}
.team .hero-title .sub-title {
padding-left: 5rem;
font-size: 1.4rem;
}
@media (max-width: 600px) {
.team .hero {
flex-direction: column;
}
.team .hero-title {
width: 100%;
padding: 2rem 0;
align-items: flex-start;
}
.team .hero-title .sub-title {
padding-left: 0;
}
.team .hero .hero-img {
width: 100%;
}
}
.team .inside-article {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
flex-direction: row;
position: relative;
}
.team .inside-article .sparator {
position: absolute;
left: 35%;
top: 40px;
display: block;
height: 90%;
width: 2px;
background-color: var(--e-global-color-9c1bb31);
}
.team .inside-article.competence-section .side-content {
padding-right: 3rem;
}
.team .inside-article.competence-section h2 {
font-size: 1.5rem !important;
font-weight: normal !important;
text-align: right;
}
@media (max-width: 600px) {
.team .inside-article .sparator {
display: none;
}
.team .inside-article {
flex-direction: column-reverse;
padding: 0 2rem;
}
.team .inside-article.competence-section {
flex-direction: column;
}
.team .inside-article.competence-section h2 {
font-size: 1.5rem;
text-align: left;
}
}
.team .side-content {
width: 35%;
margin-top: 2rem;
padding: 0 2rem;
}
.team .side-content .bio p {
font-size: 1.125rem;
letter-spacing: 0.8px;
line-height: 24px;
}
.team .side-content h2.team-title {
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 1.625rem;
font-weight: 600;
letter-spacing: 1.25px;
color: var(--Blue);
}
@media (max-width: 600px) {
.team .side-content {
width: 100%;
padding: 0;
}
}
.team .side-content .bio p {
margin-bottom: 0;
}
.team .side-content div {
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.team .side-content div {
margin-bottom: 2rem;
}
}
.team .side-content div.history {
margin-bottom: 1rem;
}
@media (max-width: 600px) {
.team .side-content div.history {
margin-bottom: 1rem;
}
}
.team .side-content .description {
color: var(--e-global-color-9c1bb31);
font-family: var(--e-global-typography-518509d-font-family), Sans-serif;
font-size: var(--e-global-typography-518509d-font-size);
font-weight: var(--e-global-typography-518509d-font-weight);
line-height: var(--e-global-typography-518509d-line-height);
letter-spacing: var(--e-global-typography-518509d-letter-spacing);
word-spacing: var(--e-global-typography-518509d-word-spacing);
}
.team .side-content .description strong {
color: var(--e-global-color-dcc49f6);
font-family: var(--e-global-typography-58230ba-font-family), Sans-serif;
font-size: var(--e-global-typography-58230ba-font-size);
font-weight: var(--e-global-typography-58230ba-font-weight);
line-height: var(--e-global-typography-58230ba-line-height);
letter-spacing: var(--e-global-typography-58230ba-letter-spacing);
word-spacing: var(--e-global-typography-58230ba-word-spacing);
}
.team .entry-content {
width: 50%;
padding-left: 4rem;
padding-right: 3rem;
padding-bottom: 1rem;
}
.team .entry-content.team-desc {
padding-bottom: 1.5rem;
}
@media (max-width: 600px) {
.team .entry-content {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.team .entry-content {
width: 50%;
padding-left: 2rem;
padding-right: 1rem;
}
}
.team .inside-article .entry-content.team-desc p {
margin-bottom: 0.625rem;
}
.entry-content {
text-align: justify;
color: var(--e-global-color-dcc49f6);
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
position: relative;
overflow: visible;
}
.entry-content.team-desc{
text-align: left;
}
.team .entry-content.team-desc ul {
margin-left: 1.2rem;
}
.team .inside-article .entry-content.team-desc strong{
padding-top:1rem;
padding-bottom:0.5rem
}
.team .entry-content.team-desc ul: last-child,
.team .entry-content.team-desc p : last-child {
margin-bottom: 0;
}
.team .team-nav {
margin-top: 2rem;
width: 15%;
text-align: right;
}
@media (max-width: 600px) {
.team .team-nav {
width: 100%;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.team .team-nav {
width: 10%;
}
}
.team .entry-content .competence-item {
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
margin-bottom: 4rem;
}
.team .entry-content.competence {
padding-left: 0;
width: 65%;
}
@media (max-width: 600px) {
.team .entry-content.competence {
width: 100%;
margin-top: 0;
}
.btn-default {
width: 100%;
}
}
.FlexContainer {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width: 100%;
flex-direction: row;
}
.FlexContainer.d-teams {
display: flex;
border-collapse: separate;
border-spacing: 16px;
}
@media (max-width: 600px) {
.FlexContainer.d-teams {
display: flex;
justify-content: center;
}
}
.FlexContainer a.member {
width: 28%;
height: auto;
margin: 0 16px 16px 16px;
background-color: #f5f4f3;
display: table-cell;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.member .member-img {
display: block;
overflow: hidden;
width: 100%;
height: auto;
min-height: 230px;
}
@media (max-width: 600px) {
.FlexContainer a.member {
width: 100%;
}
.member .member-img {
display: block;
overflow: hidden;
height: 100%;
width: 100%;
min-height: 345px;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.FlexContainer a.member {
width: 44%;
}
.member .member-img {
height: 300px;
}
}
.member .member-img img {
object-fit: fill;
object-position: bottom;
height: 100%;
width: 100%;
}
.member .member-title {
height:120px;
padding: 24px 24px 16px 24px;
}
@media (max-width: 600px) {
.member .member-title {
height:88px;
padding: 16px 24px;
}
}
.member .member-title h2 {
color: var(--Black);
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.5px;
text-align: left;
margin: 0;
}
.member .member-title h3 {
font-size: 0.75rem;
line-height: 1.25rem;
letter-spacing: 0.5px;
font-weight: 600;
margin: 0;
} .insight {
justify-content: flex-start;
align-content: flex-start;
flex-direction: row;
gap: 40px;
}
@media (max-width: 600px) {
.insight {
justify-content: center;
align-content: center;
flex-direction: column;
}
}
.insight-card {
width: 45%;
max-width: 425px; margin-bottom: 2.5rem;
height: 510px;
position: relative;
}
@media screen and (max-width: 600px) {
.insight-card {
width: 100%;
max-width: 100%;
}
}
.insight-card .content .overlay::before {
content: url(//klarreward.com/wp-content/uploads/2022/12/klar-ico.png);
transform: scale(0.8);
display: inline-block;
width: 3rem;
height: 3rem;
position: absolute;
left: -30px;
top: -30px;
}
.insight-card .content {
position: relative;
height: 460px;
}
.insight-card .content img {
object-fit: cover;
width: 100%;
height: 100%;
}
.insight-card .content .overlay {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.insight-card .content .item {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
height: 100%;
width: 100%;
padding: 1rem;
color: #ffffff;
}
.insight-card .content .item .quote-text {
text-align: center;
color: #e1f4ff;
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0.25px;
width: 60%;
}
@media screen and (max-width: 600px) {
.insight-card .content .item .quote-text {
width: 70%;
}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.insight-card .content .item .quote-text {
width: 90%;
}
}
.insight-card .content .item .quote-sub {
font-family: "Hurme Geometric Sans 4", Sans-serif;
font-size: 16px;
font-weight: 600;
font-style: italic;
line-height: 24px;
letter-spacing: 0.25px;
width: 90%;
text-align: center;
}
.insight-card .content .item .author p {
margin-bottom: unset;
text-align: center;
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: 22px;
}
.insight-card .tags,
.yarpp-template-yarpp-template-thumbnail .section.related .tags {
padding: 1rem;
min-height: 50px;
max-height: 100px;
background-color: #d5d3cc24;
color: #bbd8e9;
display: flex;
align-items: center;
}
.insight-card .tags p {
display: inline-block;
font-size: 12px !important;
color: #003e7c80 !important;
margin-bottom: 0 !important;
padding-left: 16px;
line-height: 18px;
}
.insight-sand {
background-color: #b7a89ca6;
}
.insight-black {
background-color: #000000a6;
}
.insight-blue {
background-color: #003d7ca6;
}
.insight-clearblue {
background-color: #0075bfa6;
}
.insight-lightsand {
background-color: #d5d3cca6;
}
.insight-babyblue {
background-color: #8ab5e1a6;
}
.insight-peach {
background-color: #fac9a2a6;
}
.insight-rose {
background-color: #efbfbaa6;
}
.insight-moss {
background-color: #8fafb1a6;
}
.insight-lightblue {
background-color: #bbd8e9a6;
}
.insight-lightpeach {
background-color: #fee4c4a6;
}
.insight-lightrose {
background-color: #f1e3dfa6;
}
.insight-lightmoss {
background-color: #bfcfc8a6;
}
.insight-red {
background-color: #be1622a6;
}
ul.insight-tags {
list-style: none;
padding-left: 1rem;
padding-top: 1.5rem;
margin: 0;
}
.insight-tags li a {
color: var(--sand);
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 1.5px;
}
.insight-tags li a:hover {
color: var(--LightSand);
} .container-event {
width: 100%;
margin: 2rem auto;
}
.container-event p.empty {
padding: 0 12px;
color: var(--Black);
}
.container-event button.accordion:first-child {
border-top: 1px solid var(--sand);
}
button.accordion {
width: 100%;
border-bottom: 1px solid var(--sand);
background-color: transparent;
outline: none;
text-align: left;
padding: 20px 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-content: center;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
.container-event button.accordion .title {
width: 35%;
color: var(--Black);
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 1.5px;
margin-bottom: 0;
}
.container-event button.accordion .date-time {
width: 65%;
color: var(--sand);
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 1.5px;
margin-bottom: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
button.accordion:after {
font-family: FontAwesome;
content: "\f078";
font-family: "fontawesome";
font-size: 18px;
font-weight: 300;
float: right;
color: var(--sand);
}
button.accordion.is-open:after {
content: "\f00d";
} .accordion-content {
padding: 0 1rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
display: flex;
width: 100%;
flex-direction: row;
}
@media screen and (max-width: 600px) {
.accordion-content {
width: 100%;
flex-direction: column;
}
}
button.accordion.is-open + .accordion-content {
border-bottom: 1px solid var(--sand);
}
.accordion-content .side {
width: 35%;
padding: 2rem 1rem;
text-align: left;
}
.accordion-content .side h2 {
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 1px;
width: 90%;
margin-bottom: 0;
}
.accordion-content .main {
width: 65%;
padding: 2rem 2.5rem 2rem 0;
}
@media screen and (max-width: 600px) {
.accordion-content .side {
width: 100%;
padding: 1rem 1rem;
}
.accordion-content .main {
width: 100%;
padding: 1rem 1rem 2rem 1rem;
}
}
.container-event .event-button {
background-color: var(--Peach);
padding: 0.5rem 3rem;
display: inline-block;
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
color: var(--White);
}
.container-event .event-button:hover {
background-color: #f5a260;
} .klar-post {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.klar-post .grid-container {
max-width: 1200px;
}
.klar-post .grid-container img {
height: 600px;
object-fit: cover;
object-position: center;
}
.klar-post .entry-header,
.klar-post .entry-content {
width: 70%;
padding: 0 2rem;
margin-left: 20%;
margin-right: 10%;
}
.klar-post .entry-content p, .klar-post .entry-content ul{
font-size: 1.25rem;
letter-spacing: 0.25px;
line-height: 30px;
margin-bottom:16px;
text-align: left; }
.klar-post .entry-content ul li ul{
list-style: circle;
font-size: 1.125rem;
letter-spacing: 0.25px;
line-height: 30px;
margin-bottom:16px;
}
.klar-post .entry-content> p:first-child {
text-indent:0;
}
.klar-post .entry-header h1 {
font-size: 2.625rem;
line-height: 52px;
letter-spacing: 0.25px;
}
@media screen and (max-width: 600px) {
.klar-post .entry-header,
.klar-post .entry-content {
width: 100%;
padding: 0 1rem;
margin-left: 0;
margin-right: 0;
}
}
.klar-post .entry-content {
padding: 0 1rem 4rem 1rem;
}
.klar-post header .header-content {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 2.5rem;
padding-top: 2rem;
}
.klar-post header .header-content .avatar-img {
display: flex;
align-content: flex-end;
position:relative;
}
.klar-post header .header-content .avatar-img::before{
content: url(//klarreward.com/wp-content/uploads/2022/12/klar-ico.png);
transform: scale(0.8);
display: inline-block;
width: 3rem;
height: 3rem;
position: absolute;
left: -30px;
top: -30px;
}
@media screen and (max-width: 600px) {
.klar-post header .header-content {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (min-width: 600px) {
.klar-post header .header-content .avatar-img img {
width: auto;
height: 200px;
}
}
.klar-post header .header-content .author {
padding-top: 1rem;
padding-bottom: 0;
padding-left: 2.5rem;
border-left: 1px solid var(--LightSand);
}
.klar-post header .header-content H2,
.klar-post .section.related p {
margin-bottom: 0;
font-family: "Hurme Geometric Sans 3", Sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: 1.25px;
color: var(--Black);
margin-top: 8px;
}
.yarpp-template-yarpp-template-thumbnail .section.related .content p {
color: var(--White);
}
.klar-post .section .side h2 {
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.5px;
}
.klar-post .section {
display: flex;
flex-direction: row;
width: 100%;
}
@media screen and (max-width: 600px) {
.klar-post .section {
flex-direction: column;
}
}
.klar-post .section div.side {
padding-top: 0.5rem;
padding-left: 2rem;
width: 20%;
text-align: right;
}
.klar-post .section div.main {
width: 80%;
text-align: left;
padding: 0 2rem 4rem 2rem;
}
@media screen and (max-width: 600px) {
.klar-post .section div.main {
width: 100%;
padding: 0 1rem 4rem 1rem;
}
}
.klar-post .section.related div.main {
display: flex;
flex-direction: row;
gap: 24px;
}
.yarpp-template-yarpp-template-thumbnail {
width: 100%;
}
@media screen and (max-width: 600px) {
.klar-post .section div.side {
width: 100%;
text-align: left;
padding-left: 1rem;
}
.klar-post .section.related div.main {
flex-direction: column;
}
} .tags-content {
padding: 2rem 1rem;
}
.tags-content .entry-content a.read-more {
text-decoration: none;
color: var(--ClearBlue);
}
.tags-content .entry-content a.read-more:hover {
color: var(--Blue);
}
@media screen and (min-width: 600px) {
.tags-content .entry-thumbnail img {
height: 400px;
object-fit: cover;
}
} .elementor-toggle .elementor-tab-title.elementor-active{
border-bottom: 1px solid #d4d4d4 !important;
}
.elementor-toggle-item:first-child .elementor-tab-title{
border-top: 1px solid #d4d4d4 !important;
}
.elementor .elementor-html5-video{
object-fit: fill;
height:100% !important;
}