body {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
} @media screen and (min-width: 992px) { .sadece-mobil-cihaz,
#masterslider-6-wrapper,
#masterslider-6 {
display: none !important;
visibility: hidden !important;
height: 0 !important;
opacity: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .cozerim-new-header,
.side-panel {
display: none !important;
}
.boxed-container {
margin-top: 0 !important;
width: 100% !important;
} .so-widget-sow-slider {
display: none !important;
}
} @media only screen and (max-width: 991px) { header,
.top,
.header__container,
.navbar-toggle,
.sticky-wrapper {
display: none !important;
} .cozerim-new-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: #1a4a7c !important;
display: flex !important;
align-items: center;
justify-content: space-between;
z-index: 999999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
padding: 0 15px;
}
.mobile-logo img {
height: 32px !important;
width: auto !important;
}
.menu-trigger,
.phone-trigger {
color: white !important;
font-size: 24px !important;
text-decoration: none;
} .boxed-container {
margin-top: 60px !important;
padding-top: 0 !important;
} .side-panel {
position: fixed !important;
top: 0 !important;
left: -100% !important;
width: 75% !important;
height: 100vh !important;
background: #0f172a !important;
z-index: 1000000 !important;
transition: 0.4s ease;
overflow-y: auto;
}
.side-panel.active {
left: 0 !important;
} .panel-header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 15px 20px !important;
background: #0f172a !important;
border-bottom: 1px solid #1e293b !important;
}
.panel-logo img {
height: 35px !important;
width: auto !important;
}
#closeMenuBtn {
color: #ffffff !important;
font-size: 35px !important;
cursor: pointer;
} .panel-links a {
display: block;
padding: 16px 25px;
color: #f1f5f9 !important;
text-decoration: none;
border-bottom: 1px solid #1e293b;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
transition: 0.3s;
border-left: 4px solid transparent;
letter-spacing: 0.3px;
}
.panel-links a:active {
background: #1e293b !important;
color: #38bdf8 !important;
border-left: 4px solid #38bdf8;
padding-left: 30px !important;
} .social-btn {
display: block;
text-align: center;
padding: 14px;
border-radius: 10px;
color: white !important;
margin: 10px 20px;
font-weight: bold;
}
.insta {
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #bc1888) !important;
}
.wa {
background: #25d366 !important;
} body {
overflow-x: hidden !important;
}
} .menu-trigger svg,
.phone-trigger svg {
display: block;
color: #ffffff !important;
transition: transform 0.2s ease;
}
.menu-trigger:active svg,
.phone-trigger:active svg {
transform: scale(0.9);
color: #38bdf8 !important;
}
.mobile-logo img {
height: 28px !important;
width: auto !important;
}
.menu-trigger {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
cursor: pointer;
}
.menu-trigger svg {
width: 20px !important;
height: 20px !important;
margin-bottom: 2px !important;
}
.menu-text {
font-size: 9px !important;
font-weight: bold !important;
color: #ffffff !important;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.menu-trigger:active .menu-text {
color: #38bdf8 !important;
}  @media (max-width: 991px) {
.jumbotron--with-slider,
.jumbotron,
#front-page-slider,
.front-page-slider-container,
.repairpress-slider-wrapper {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .sadece-mobil-cihaz {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
position: relative !important;
left: 0 !important;
overflow: hidden !important;
padding: 0 !important;
}
.sadece-mobil-cihaz .ms-container {
max-width: 100% !important;
}
}  @media (max-width: 768px) { h1,
h2,
h3 {
font-weight: 600 !important;
letter-spacing: -0.015em !important;
}
body {
background-color: #fbfbfd !important;
color: #1d1d1f !important;
} .home .site-main .container,
.home.page-template-template-front-page-slider-php .container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
} .home .widget,
.home .panel-grid-cell {
border: none !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 24px !important;
} .home .sow-features-feature,
.home .widget_repairpress_services .service-item,
.home article.post,
.home .panel-widget-style {
background: #ffffff !important;
border-radius: 20px !important;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
padding: 24px 20px !important;
margin: 0 15px 20px 15px !important;
border: none !important;
} .home a.button,
.home button,
.home input[type="submit"],
.home .read-more {
background-color: #0071e3 !important;
color: #ffffff !important;
border-radius: 98px !important;
padding: 12px 24px !important;
font-size: 15px !important;
font-weight: 500 !important;
border: none !important;
box-shadow: none !important;
text-transform: none !important;
} .home .entry-content,
.home .site-main {
display: block !important;
}
.home #primary {
display: block !important;
padding: 0 !important;
background: transparent !important;
}
} @media (max-width: 768px) {
.cozerim-bento-services {
padding: 40px 15px;
background: #fbfbfd;
margin-top: -10px;
}
.bento-section-title {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 25px;
color: #1d1d1f;
letter-spacing: -0.02em;
text-align: center;
}
.bento-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
.bento-card {
background: #fff;
border-radius: 22px;
padding: 24px;
text-decoration: none !important;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid rgba(0, 0, 0, 0.03);
}
.bento-card:active {
transform: scale(0.96);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.bento-card--large {
grid-column: span 2;
min-height: 180px;
background: linear-gradient(135deg, #ffffff 0%, #f5f5f7 100%);
}
.bento-card--square {
grid-column: span 1;
aspect-ratio: 1/1;
}
.bento-card--medium {
grid-column: span 2;
min-height: 130px;
}
.bento-card-title {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
font-size: 19px;
font-weight: 700;
margin: 0 0 10px 0;
color: #1d1d1f;
line-height: 1.2;
}
.bento-card-text {
font-size: 14px;
color: #86868b;
margin: 0;
line-height: 1.4;
}
.bento-badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #0066cc;
margin-bottom: 8px;
letter-spacing: 0.05em;
}
.bento-card-icon {
position: absolute;
bottom: 15px;
right: 15px;
color: #0071e3;
opacity: 0.1;
}
} body.home {
background-color: #fcfcfc !important;
} .home .quick-menu-item {
border-radius: 50px !important;
padding: 12px 30px !important;
background: rgba(255, 255, 255, 0.95) !important;
color: #111 !important;
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, 0.05) !important;
transition: all 0.3s ease !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0px !important;
}
.home .quick-menu-item:hover {
background: #fff !important;
color: #000 !important;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} .home .page-box {
border: none !important;
background: #fff !important;
border-radius: 20px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
padding: 30px !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
margin-bottom: 40px !important;
}
.home .page-box:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}
.home .page-box__picture img {
border-radius: 12px !important;
margin-bottom: 20px !important;
}
.home .page-box h3,
.home .page-box h3 a {
font-size: 20px !important;
font-weight: 700 !important;
color: #111 !important;
margin-bottom: 15px !important;
text-decoration: none !important;
}
.home .more-link--page-box {
display: inline-block !important;
margin-top: 15px !important;
padding: 8px 20px !important;
background: #f0f0f0 !important;
color: #444 !important;
border-radius: 30px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
} .home .latest-news {
background: transparent !important;
padding: 60px 0 !important;
}
.home .latest-news--block {
background: #fff !important;
border-radius: 20px !important;
padding: 25px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
margin-bottom: 30px !important;
} .home h2.main-title {
font-size: 32px !important;
font-weight: 800 !important;
text-align: center !important;
margin-bottom: 50px !important;
color: #111 !important;
} .home .jumbotron {
margin-bottom: 60px !important;
}  .single .content-area {
background: #ffffff !important;
}
.single .hentry {
margin-bottom: 40px !important;
} .single .hentry__header .hentry__meta {
display: none !important;
}
.single .hentry__title-row .date,
.single .hentry__date {
display: none !important;
}  @media (max-width: 1024px) { body.boxed,
body {
padding: 0 !important;
margin: 0 !important;
}
.boxed-container {
width: 100% !important;
max-width: 100% !important;
margin: 60px 0 0 0 !important; box-shadow: none !important;
border: none !important;
background: #fff !important;
} .breadcrumbs {
display: block !important;
margin-bottom: 20px !important;
box-shadow: none !important;
background: #fdfdfd !important;
border-bottom: 1px solid #f0f0f0 !important;
padding: 4px 0 !important;
}
.breadcrumbs .container {
display: block !important;
white-space: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
padding: 6px 14px !important;
width: 100% !important;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 11px !important;
color: #666 !important;
} .breadcrumbs span:not(:last-child)::after {
content: " ▸ " !important;
font-size: 11px !important;
color: #999 !important;
padding: 0 5px !important;
} .single .site-main .container,
.single .content-area.container,
.single #primary.container,
.single-post .container,
.single-post #primary,
.single .container,
.single .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.single .row,
.single-post .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.single .col-xs-12,
.single .col-sm-12,
.single .col-md-12,
.single-post .col-xs-12,
.single-post .col-sm-12,
.single-post .col-md-9 {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
float: none !important;
} .single .entry-content,
.single-post .entry-content,
.single .hentry__header {
padding-left: 8px !important; padding-right: 8px !important;
text-align: left !important;
} .single .entry-content p,
.single .entry-content li,
.single .entry-content blockquote,
.single .hentry__title,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
text-align: left !important;
} .single .hentry__header img,
.single .entry-content img,
.single .entry-content .img-responsive {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border-radius: 12px !important;
display: block !important;
margin: 20px auto !important;
} .main-title {
padding: 20px 0 !important;
min-height: auto !important;
}
.main-title .main-title__primary {
font-size: 20px !important;
line-height: 1.3 !important;
} .single .hentry__title {
font-size: 24px !important;
line-height: 1.3 !important;
margin-bottom: 16px !important;
} .entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
max-width: 100% !important;
border-radius: 12px !important;
} .entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="vimeo.com"],
.entry-content iframe[src*="youtu.be"] {
width: 100% !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
}  .single .hentry__title {
font-size: 32px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
color: #1d1d1f !important;
margin-bottom: 28px !important;
margin-top: 10px !important;
letter-spacing: -0.3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
@media (min-width: 768px) {
.single .hentry__title {
font-size: 38px !important;
line-height: 1.2 !important;
letter-spacing: -0.5px;
}
} .single .entry-content {
font-size: 17px !important;
line-height: 1.95 !important;
color: #1d1d1f !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
word-break: break-word;
}
@media (min-width: 768px) {
.single .entry-content {
font-size: 18px !important;
line-height: 2 !important;
}
} .single .entry-content p {
margin-bottom: 26px !important;
color: #1d1d1f !important;
} .single .entry-content strong,
.single .entry-content b {
font-weight: 700 !important;
color: #000000 !important;
} .single .entry-content h2 {
font-size: 26px !important;
font-weight: 800 !important;
color: #1d1d1f !important;
margin-top: 48px !important;
margin-bottom: 20px !important;
padding-bottom: 12px !important;
border-bottom: 3px solid #1a4a7c !important;
line-height: 1.3 !important;
letter-spacing: -0.3px;
}
.single .entry-content h3 {
font-size: 22px !important;
font-weight: 700 !important;
color: #1d1d1f !important;
margin-top: 40px !important;
margin-bottom: 16px !important;
padding-left: 14px !important;
border-left: 4px solid #1a4a7c !important;
line-height: 1.35 !important;
}
.single .entry-content h4 {
font-size: 19px !important;
font-weight: 700 !important;
color: #333333 !important;
margin-top: 32px !important;
margin-bottom: 14px !important;
line-height: 1.4 !important;
} .single .entry-content img {
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
margin-top: 28px !important;
margin-bottom: 28px !important;
max-width: 100% !important;
height: auto !important;
}
.single .entry-content .wp-caption {
max-width: 100% !important;
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.single .entry-content .wp-caption-text {
font-size: 13px !important;
color: #86868b !important;
text-align: center !important;
margin-top: 10px !important;
font-style: italic;
} .single .entry-content blockquote {
border-left: 4px solid #1a4a7c !important;
background: #f5f7fa !important;
margin: 32px 0 !important;
padding: 20px 24px !important;
border-radius: 0 12px 12px 0 !important;
font-size: 17px !important;
color: #333 !important;
line-height: 1.8 !important;
font-style: italic;
}
.single .entry-content blockquote p {
margin-bottom: 0 !important;
} .single .entry-content ul,
.single .entry-content ol {
margin: 24px 0 !important;
padding-left: 24px !important;
}
.single .entry-content li {
margin-bottom: 12px !important;
line-height: 1.85 !important;
color: #1d1d1f !important;
}
.single .entry-content ul li::marker {
color: #1a4a7c;
} .single .entry-content a {
color: #1a4a7c !important;
text-decoration: none !important;
border-bottom: 1px solid transparent !important;
transition: border-color 0.2s ease, color 0.2s ease !important;
}
.single .entry-content a:hover {
color: #0d3259 !important;
border-bottom-color: #0d3259 !important;
text-decoration: none !important;
} .single .entry-content table {
width: 100% !important;
border-collapse: collapse !important;
margin: 28px 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
.single .entry-content table th {
background: #1a4a7c !important;
color: #ffffff !important;
padding: 14px 18px !important;
font-weight: 700 !important;
font-size: 14px !important;
text-align: left !important;
}
.single .entry-content table td {
padding: 12px 18px !important;
border-bottom: 1px solid #f0f0f0 !important;
font-size: 15px !important;
color: #333 !important;
}
.single .entry-content table tr:nth-child(even) {
background: #fafafa !important;
}
.single .entry-content table tr:hover {
background: #f5f7fa !important;
} .single .entry-content hr {
border: none !important;
height: 1px !important;
background: #e5e5e5 !important;
margin: 40px 0 !important;
} .sidebar .widget {
border: none !important;
background: #f8f9fa !important;
padding: 22px !important;
border-radius: 16px !important;
margin-bottom: 24px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}
.sidebar .widget-title {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1f !important;
border-bottom: 2px solid #e5e5e5 !important;
padding-bottom: 12px !important;
margin-bottom: 18px !important;
}
.sidebar .widget a {
color: #333 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.sidebar .widget a:hover {
color: #1a4a7c !important;
}   @media screen and (max-width: 991px) {
#czr-wa-button {
width: 55px !important;
height: 55px !important;
bottom: 20px !important;
right: 20px !important;
font-size: 32px !important;
}
} .reveal {
opacity: 0 !important;
transform: translateY(30px) !important;
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
will-change: opacity, transform !important;
}
.reveal.revealed {
opacity: 1 !important;
transform: translateY(0) !important;
} .reveal-delay-1 {
transition-delay: 0.1s !important;
}
.reveal-delay-2 {
transition-delay: 0.2s !important;
}
.reveal-delay-3 {
transition-delay: 0.3s !important;
} @media (max-width: 991px) { .cozerim-loop-grid,
.cozerim-loop-grid .site-main,
.cozerim-loop-grid .sow-post-loop {
margin: 20px 0 !important;
padding: 0 15px !important;
} .cozerim-loop-grid .siteorigin-panels-column-list,
.cozerim-loop-grid .siteorigin-widget-tinymce,
.cozerim-loop-grid .sow-post-loop > div,
.cozerim-loop-grid .sow-post-loop {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-gap: 12px !important;
width: 100% !important;
float: none !important;
clear: both !important;
} .cozerim-loop-grid main#main {
display: block !important;
width: 100% !important;
float: none !important;
padding: 0 10px !important;
} .cozerim-grid-item,
.cozerim-loop-grid article.post,
.cozerim-loop-grid article.hentry {
margin-bottom: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
float: none !important;
clear: none !important;
display: flex !important;
} .cozerim-grid-card,
.cozerim-loop-grid article.post,
.cozerim-loop-grid article.hentry {
background: #ffffff !important;
border-radius: 20px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
height: 100% !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
border: 1px solid rgba(0, 0, 0, 0.03) !important;
position: relative !important;
}
} .cozerim-home-top-components {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 30px auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
clear: both !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.cozerim-bento-services-section {
padding: 20px 0 50px 0 !important;
background: transparent !important;
width: 100% !important;
}
.bento-section-header {
text-align: center !important;
margin-bottom: 30px !important;
padding: 0 15px !important;
}
.bento-badge {
display: inline-block !important;
background: #f5f5f7 !important;
color: #86868b !important;
padding: 4px 12px !important;
border-radius: 98px !important;
font-size: 11px !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.bento-section-title {
font-size: 28px !important;
font-weight: 700 !important;
color: #1d1d1f !important;
margin: 0 auto 10px auto !important;
line-height: 1.2 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.bento-section-subtitle {
font-size: 15px !important;
color: #86868b !important;
max-width: 500px !important;
margin: 0 auto !important;
line-height: 1.5 !important;
}
.cozerim-horizontal-list-wrapper {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
width: 100% !important;
max-width: 1140px !important;
margin: 0 auto !important;
padding: 0 !important; box-sizing: border-box !important;
}
.cozerim-news-card-wrapper {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
}
.cozerim-news-card {
background: #ffffff !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
display: flex !important;
flex-direction: row !important; align-items: stretch !important;
border: 1px solid #ebebeb !important;
width: 100% !important;
height: 190px !important;
transition: box-shadow 0.2s ease !important;
}
.cozerim-news-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
} .cozerim-news-content {
flex: 1 !important;
padding: 20px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
.cozerim-news-title {
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 10px 0 !important;
line-height: 1.3 !important;
color: #000000 !important; display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.cozerim-news-title a { color: #000000 !important; text-decoration: none !important; }
.cozerim-news-excerpt {
font-size: 14px !important;
color: #555555 !important;
line-height: 1.5 !important;
margin: 0 0 10px 0 !important;
flex-grow: 1 !important; display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.cozerim-news-meta {
margin-top: auto !important;
font-size: 12px !important;
color: #999999 !important;
font-weight: 500 !important;
}
.cozerim-news-date {
display: inline-block !important;
} .cozerim-news-image {
width: 35% !important;
min-width: 35% !important;
max-width: 35% !important;
position: relative !important;
}
.cozerim-news-image a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.cozerim-news-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} @media (max-width: 991px) {
.cozerim-horizontal-list-wrapper {
grid-template-columns: 1fr !important;
max-width: 100% !important;
padding: 0 !important;
gap: 14px !important;
}
}
@media (max-width: 768px) {
.cozerim-news-card-wrapper:nth-child(n+7) {
display: none !important; }
.cozerim-news-card {
height: 145px !important; }
.cozerim-news-content {
padding: 12px 14px !important;
}
.cozerim-news-title {
font-size: 14px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important; line-clamp: 2 !important;
}
.cozerim-news-excerpt {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 12px !important;
margin-bottom: 8px !important;
}
.cozerim-news-image {
width: 40% !important;
min-width: 40% !important;
max-width: 40% !important;
}
} @media (max-width: 991px) {
.czr-mobile-stack-fix {
display: block !important;
width: 100% !important;
clear: both !important;
}
} .navigation.pagination {
margin: 40px auto !important;
text-align: center !important;
width: 100% !important;
clear: both !important;
display: block !important;
}
.navigation.pagination .nav-links {
display: inline-flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
background: #ffffff !important;
padding: 10px 16px !important;
border-radius: 50px !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04) !important;
border: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.navigation.pagination .page-numbers {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 10px !important;
margin: 0 !important;
border-radius: 50px !important;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
color: #1d1d1f !important;
background: transparent !important;
border: none !important;
transition: all 0.2s ease !important;
}
.navigation.pagination .page-numbers:hover:not(.current):not(.dots) {
background: #f5f5f7 !important;
color: #0071e3 !important;
}
.navigation.pagination .page-numbers.current {
background: #0071e3 !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 113, 227, 0.3) !important;
}
.navigation.pagination .page-numbers.dots {
color: #86868b !important;
background: transparent !important;
pointer-events: none !important;
min-width: 20px !important;
} @media (max-width: 768px) {
.navigation.pagination {
margin: 30px auto !important;
}
.navigation.pagination .nav-links {
padding: 8px 10px !important;
gap: 2px !important;
border-radius: 16px !important;
}
.navigation.pagination .page-numbers {
min-width: 30px !important;
height: 30px !important;
font-size: 13px !important;
padding: 0 4px !important;
} .navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
display: none !important;
}
} .navigation.pagination {
margin: 40px auto !important;
text-align: center !important;
width: 100% !important;
clear: both !important;
display: block !important;
}
.navigation.pagination .nav-links {
display: inline-flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
background: #ffffff !important;
padding: 10px 16px !important;
border-radius: 50px !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04) !important;
border: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.navigation.pagination .page-numbers {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 10px !important;
margin: 0 !important;
border-radius: 50px !important;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
color: #1d1d1f !important;
background: transparent !important;
border: none !important;
transition: all 0.2s ease !important;
}
.navigation.pagination .page-numbers:hover:not(.current):not(.dots) {
background: #f5f5f7 !important;
color: #0071e3 !important;
}
.navigation.pagination .page-numbers.current {
background: #0071e3 !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 113, 227, 0.3) !important;
}
.navigation.pagination .page-numbers.dots {
color: #86868b !important;
background: transparent !important;
pointer-events: none !important;
min-width: 20px !important;
} @media (max-width: 768px) {
.navigation.pagination {
margin: 30px auto !important;
}
.navigation.pagination .nav-links {
padding: 8px 10px !important;
gap: 2px !important;
border-radius: 16px !important;
}
.navigation.pagination .page-numbers {
min-width: 30px !important;
height: 30px !important;
font-size: 13px !important;
padding: 0 4px !important;
} .navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
display: none !important;
}
}