.safiricon{display:block}.themeicon svg{display:block;fill:currentColor;width:20px;height:20px}.safiricon svg{display:block;fill:currentColor;width:16px;height:16px;margin-right:5px}.safirGutenbergBlockContainer.overflow{overflow:hidden}.wp-block-safirtema-safirbuttongroup{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.wp-block-safirtema-safirbuttongroup .wp-block-safirtema-safirbutton a{margin-bottom:0}.safirButton:not(.wp-block-safirtema-safirbutton>.safirButton),.wp-block-safirtema-safirbutton a{display:inline-flex;align-items:center;overflow:hidden;color:#fff !important;font-weight:500;line-height:40px;cursor:pointer;font-size:15px;font-family:var(--contentFont);transition:all .3s;padding:0 20px;position:relative;background:var(--c1);margin-bottom:20px}.safirButton:not(.wp-block-safirtema-safirbutton>.safirButton) .text,.wp-block-safirtema-safirbutton a .text{position:relative;z-index:2}.safirButton:not(.wp-block-safirtema-safirbutton>.safirButton):after,.wp-block-safirtema-safirbutton a:after{position:absolute;content:"";z-index:1;transition:all .3s;display:block;top:0;left:-10px;width:45%;transform:skewX(-20deg);height:40px;background:hsla(0,0%,100%,.05)}.safirButton:not(.wp-block-safirtema-safirbutton>.safirButton):hover:after,.wp-block-safirtema-safirbutton a:hover:after{width:120%}a.safirButton,a.safirButton:hover,.reading a.safirButton:hover{color:#fff}.wp-block-safirtema-mainheading.wp-block .mainHeading{padding:0;margin-left:0;margin-right:0}.wp-block-safirtema-mainheading{color:var(--headColor)}.mainHeading{position:relative;margin:0 -30px 20px;padding:0 30px 0;font-size:18px;line-height:20px;font-weight:bold;font-family:var(--headFont);overflow:hidden}.mainHeading:not(.wp-block-safirtema-mainheading .mainHeading){color:var(--c1)}.mainHeading h1,.mainHeading h2,.mainHeading h3{font-size:18px}.mainHeading .inner{float:left;overflow:hidden;position:relative;padding-bottom:15px;display:flex;align-items:center;border-bottom:2px solid;z-index:3}.mainHeading .safiricon svg{width:20px;height:20px}.mainHeading .text{float:left}.mainHeading:after{content:"";display:block;width:100%;height:2px;clear:both;position:absolute;left:0;bottom:0;z-index:1;background:#eee}@media all and (max-width: 768px){.mainHeading{margin-bottom:10px}}.wp-block-safirtema-safirfaqgroup{margin-bottom:20px}.wp-block-safirtema-sorucevap{background:#fafafa;font-family:var(--contentFont)}.wp-block-safirtema-sorucevap.wp-block .question{background:#f3f3f3}.wp-block-safirtema-sorucevap+.wp-block-safirtema-sorucevap{margin-top:10px !important}.wp-block-safirtema-sorucevap .question{cursor:pointer;position:relative;transition:all .3s;padding:0 40px;font-weight:bold;background:#f9f9f9;overflow:hidden}.wp-block-safirtema-sorucevap .question:hover,.wp-block-safirtema-sorucevap.active .question{background:#f3f3f3}.wp-block-safirtema-sorucevap .question .text{line-height:20px;padding:10px 10px 10px 0;display:block;float:left}.wp-block-safirtema-sorucevap .question>.icon{position:absolute;left:0;top:0;padding:10px;color:var(--c1)}.wp-block-safirtema-sorucevap .openclose{position:absolute;top:0;right:0;width:40px;height:40px;padding:13px;box-sizing:border-box}.wp-block-safirtema-sorucevap .openclose svg{width:14px;height:14px;float:left}.wp-block-safirtema-sorucevap .openclose .themeicon:first-child,.wp-block-safirtema-sorucevap.active .openclose .themeicon:last-child{display:block}.wp-block-safirtema-sorucevap.active .openclose .themeicon:first-child,.wp-block-safirtema-sorucevap .openclose .themeicon:last-child{display:none}.wp-block-safirtema-sorucevap.wp-block .openclose .themeicon{display:block !important}.wp-block-safirtema-sorucevap .answer{display:none;padding:15px}.descriptionbox{font-family:var(--contentFont);border-radius:3px;overflow:hidden;margin-bottom:20px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.4);background-size:cover !important}.descriptionbox a{color:#fff;text-decoration:underline}.descriptionbox a:hover{color:#ddd}.descriptionbox.coffee{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/coffee.jpg) 50% 50%}.descriptionbox.desk{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/desk.jpg) 50% 50%}.descriptionbox.environment{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/environment.jpg) 50% 50%}.descriptionbox.flowers{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/flowers.jpg) 50% 50%}.descriptionbox.notes{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/notes.jpg) 50% 50%}.descriptionbox.question{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/question.jpg) 50% 50%}.descriptionbox.railways{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/railways.jpg) 50% 50%}.descriptionbox.buildings{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/buildings.jpg) 50% 50%}.descriptionbox.sky{background:url(//www.catipencereleri.com.tr/wp-content/themes/rota/images/descriptionbox/sky.jpg) 50% 50%}.descriptionbox .inner{padding:3%;overflow:hidden;background:rgba(0,0,0,.65)}.descriptionbox .icon{display:block;float:left;width:60px;height:60px;text-align:center;line-height:60px;margin-right:10px}.descriptionbox .safiricon svg{width:60px;height:60px}.descriptionbox .header{font-size:18px;font-weight:bold}.descriptionbox .content{text-align:left;font-size:15px;line-height:1.5}.safir-list ul,.safir-list ol,.wp-block-list:not(.is-style-classic),.wp-block-list.is-style-col1,.wp-block-list.is-style-col2,.wp-block-list.is-style-col3,.wp-block-list.is-style-col4{overflow:hidden;display:grid;gap:10px;padding-left:0 !important}.safir-list ul li,.wp-block-list:not(.is-style-classic) li,.wp-block-list.is-style-col1 li,.wp-block-list.is-style-col2 li,.wp-block-list.is-style-col3 li,.wp-block-list.is-style-col4 li{padding:10px 15px;border:2px solid #f3f3f3;list-style:none !important;margin:0 !important;display:flex;align-items:baseline;text-align:left;background:#fafafa;border-radius:5px}ol.wp-block-list{counter-reset:item}ol.wp-block-list li{counter-increment:item}ol.wp-block-list li:before{margin-right:4px;content:counter(item) ". ";font-weight:bold}.safir-list ol li,ol.wp-block-list.is-style-col1 li,ol.wp-block-list.is-style-col2 li,ol.wp-block-list.is-style-col3 li,ol.wp-block-list.is-style-col4 li{list-style:decimal !important}.safir-list[data-col="1"] ol,.safir-list[data-col="1"] ul{grid-template-columns:1fr}.safir-list[data-col="2"] ol,.safir-list[data-col="2"] ul{grid-template-columns:1fr 1fr}.safir-list[data-col="3"] ol,.safir-list[data-col="3"] ul{grid-template-columns:1fr 1fr 1fr}.safir-list[data-col="4"] ol,.safir-list[data-col="4"] ul{grid-template-columns:1fr 1fr 1fr 1fr}.wp-block-list.is-style-col1{grid-template-columns:1fr}.wp-block-list.is-style-col2{grid-template-columns:1fr 1fr}.wp-block-list.is-style-col3{grid-template-columns:1fr 1fr 1fr}.wp-block-list.is-style-col4{grid-template-columns:1fr 1fr 1fr 1fr}@media all and (max-width: 768px){.safir-list[data-col="2"] ol,.safir-list[data-col="2"] ul,.safir-list[data-col="3"] ol,.safir-list[data-col="3"] ul,.safir-list[data-col="4"] ol,.safir-list[data-col="4"] ul{grid-template-columns:1fr 1fr}.wp-block-list.is-style-col2,.wp-block-list.is-style-col3,.wp-block-list.is-style-col4{grid-template-columns:1fr 1fr}}@media all and (max-width: 400px){.safir-list[data-col="2"] ol,.safir-list[data-col="2"] ul,.safir-list[data-col="3"] ol,.safir-list[data-col="3"] ul,.safir-list[data-col="4"] ol,.safir-list[data-col="4"] ul{grid-template-columns:1fr}.wp-block-list.is-style-col2,.wp-block-list.is-style-col3,.wp-block-list.is-style-col4{grid-template-columns:1fr}}.wp-block-button a{color:#fff !important}.jp-related-posts-i2 {
margin-top: 1.5rem;
}
.jp-related-posts-i2__list {
--hgap: 1rem;
display: flex;
flex-wrap: wrap;
column-gap: var(--hgap);
row-gap: 2rem;
margin: 0;
padding: 0;
list-style-type: none;
}
.jp-related-posts-i2__post {
display: flex;
flex-direction: column; flex-basis: calc(( 100% - var(--hgap) ) / 2);
} .jp-related-posts-i2__post:nth-last-child(n+3):first-child,
.jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3);
}
.jp-related-posts-i2__post:nth-last-child(4):first-child,
.jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) ) / 2);
}
.jp-related-posts-i2__post-link {
display: flex;
flex-direction: column;
row-gap: 0.5rem;
width: 100%;
margin-bottom: 1rem;
line-height: 1.2;
}
.jp-related-posts-i2__post-link:focus-visible {
outline-offset: 2px;
}
.jp-related-posts-i2__post-img {
order: -1;
max-width: 100%;
}
.jp-related-posts-i2__post-defs {
margin: 0;
list-style-type: unset;
} .jp-related-posts-i2__post-defs dt {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.jp-related-posts-i2__post-defs dd {
margin: 0;
} .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list {
display: block;
}
.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post {
margin-bottom: 2rem;
} @media only screen and (max-width: 640px) {
.jp-related-posts-i2__list {
display: block;
}
.jp-related-posts-i2__post {
margin-bottom: 2rem;
}
} #jp-relatedposts {
display: none;
padding-top: 1em;
margin: 1em 0;
position: relative;
clear: both;
}
.jp-relatedposts::after {
content: "";
display: block;
clear: both;
} #jp-relatedposts h3.jp-relatedposts-headline {
margin: 0 0 1em 0;
display: inline-block;
float: left;
font-size: 9pt;
font-weight: 700;
font-family: inherit;
}
#jp-relatedposts h3.jp-relatedposts-headline em::before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 1em;
}
#jp-relatedposts h3.jp-relatedposts-headline em {
font-style: normal;
font-weight: 700;
} #jp-relatedposts .jp-relatedposts-items {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: -20px;
} #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
float: left;
width: 33%;
margin: 0 0 1em; box-sizing: border-box;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
padding-right: 20px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
clear: both;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
} #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
font-size: 14px;
line-height: 20px;
margin: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
position: relative;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
margin-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
text-transform: none;
margin: 0;
font-family: inherit;
display: block;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-size: inherit;
font-weight: 400;
text-decoration: none;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
display: block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
height: auto;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
opacity: 0.6;
} .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
overflow: hidden;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
margin-bottom: 1em;
} #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
clear: both;
width: 100%;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
float: left;
overflow: hidden;
max-width: 33%;
margin-right: 3%;
}
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
display: inline-block;
max-width: 63%;
} @media only screen and (max-width: 640px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 50%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: 20px;
}
}
@media only screen and (max-width: 320px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 100%;
clear: both;
margin: 0 0 1em;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
float: none;
max-width: 100%;
margin-right: 0;
}
} @media print {
.jp-relatedposts {
display: none !important;
}
}