.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary-orange: #FF6B35;
--secondary-pink: #FFB3BA;
--white: #FFFFFF;
--light-gray: #F5F5F5;
--text-dark: #2C2C2C;
--text-gray: #666666;
--shadow-light: 0 2px 8px rgba(0,0,0,0.08);
--shadow-medium: 0 4px 16px rgba(0,0,0,0.12);
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
color: var(--text-dark);
background: var(--white);
overflow-x: hidden;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 60px;
background: var(--white);
box-shadow: var(--shadow-light);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
z-index: 1000;
transition: transform 0.3s ease;
}
.site-logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
font-weight: 800;
background: linear-gradient(135deg, var(--primary-orange), var(--secondary-pink));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: -0.5px;
}
.site-logo a {
display: block;
}
.social-icons {
display: none; gap: 12px;
align-items: center;
z-index: 1001;
}
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: var(--social-icons-color, var(--text-dark));
transition: all 0.3s ease;
}
.social-icon svg {
width: 20px;
height: 20px;
}
.social-icon:hover {
transform: translateY(-2px);
}
.social-icon.instagram:hover {
color: var(--instagram-color, #E4405F);
}
.social-icon.tiktok:hover {
color: var(--tiktok-color, #000000);
}
.social-icon.facebook:hover {
color: var(--facebook-color, #1877F2);
}
.social-icon.youtube:hover {
color: var(--youtube-color, #FF0000);
}
.social-icon.twitch:hover {
color: var(--twitch-color, #9146FF);
}
.social-icon.telegram:hover {
color: var(--telegram-color, #0088cc);
} @media (min-width: 768px) {
.social-icons {
display: flex;
}
} .menu-social-icons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-social-icons .social-icon {
color: var(--white);
opacity: 0;
transform: translateY(10px);
transition: all 0.3s ease;
}
.menu-overlay.active .menu-social-icons .social-icon {
opacity: 1;
transform: translateY(0);
}
.menu-overlay.active .menu-social-icons .social-icon:nth-child(1) { transition-delay: 0.4s; }
.menu-overlay.active .menu-social-icons .social-icon:nth-child(2) { transition-delay: 0.45s; }
.menu-overlay.active .menu-social-icons .social-icon:nth-child(3) { transition-delay: 0.5s; }
.menu-overlay.active .menu-social-icons .social-icon:nth-child(4) { transition-delay: 0.55s; }
.menu-overlay.active .menu-social-icons .social-icon:nth-child(5) { transition-delay: 0.6s; }
.menu-overlay.active .menu-social-icons .social-icon:nth-child(6) { transition-delay: 0.65s; }
.menu-social-icons .social-icon:hover {
transform: scale(1.2);
}
.menu-toggle {
width: 40px;
height: 40px;
border: none;
background: transparent;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
z-index: 1001;
transition: all 0.3s ease;
padding: 0;
}
.menu-toggle span {
width: 24px;
height: 2px;
background: var(--text-dark);
border-radius: 2px;
transition: all 0.3s ease;
}
.menu-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(7px, -7px);
} .menu-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(44, 44, 44, 0.95);
backdrop-filter: blur(10px);
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.menu-overlay.active {
opacity: 1;
pointer-events: all;
}
.menu-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
transform: translateY(-20px);
transition: transform 0.4s ease;
}
.menu-overlay.active .menu-content {
transform: translateY(0);
}
.primary-menu {
list-style: none;
text-align: center;
}
.primary-menu li {
margin: 15px 0;
opacity: 0;
transform: translateX(-30px);
transition: all 0.3s ease;
}
.menu-overlay.active .primary-menu li {
opacity: 1;
transform: translateX(0);
}
.menu-overlay.active .primary-menu li:nth-child(1) { transition-delay: 0.1s; }
.menu-overlay.active .primary-menu li:nth-child(2) { transition-delay: 0.15s; }
.menu-overlay.active .primary-menu li:nth-child(3) { transition-delay: 0.2s; }
.menu-overlay.active .primary-menu li:nth-child(4) { transition-delay: 0.25s; }
.menu-overlay.active .primary-menu li:nth-child(5) { transition-delay: 0.3s; }
.menu-overlay.active .primary-menu li:nth-child(6) { transition-delay: 0.35s; }
.primary-menu a {
font-size: 28px;
font-weight: 700;
color: var(--white);
transition: all 0.3s ease;
}
.primary-menu a:hover {
color: var(--primary-orange);
transform: translateX(10px);
display: inline-block;
} .site-main {
padding-top: 60px;
} .hero-carousel {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
}
.carousel-track {
display: flex;
height: 100%;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-slide {
min-width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-position: center;
}
.carousel-slide::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70%;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}
.slide-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 12px 15px 30px;
color: var(--white);
z-index: 2;
}
.slide-category {
display: none;
}
.slide-title {
font-size: 15px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.slide-title a {
color: var(--white);
}
.slide-excerpt {
display: none;
} .carousel-indicators {
position: absolute;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 6px;
z-index: 3;
}
.indicator {
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
}
.indicator.active {
width: 18px;
border-radius: 3px;
background: var(--white);
} .category-tabs {
position: sticky;
top: 60px;
background: var(--white);
border-bottom: 1px solid #E5E5E5;
z-index: 100;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.category-tabs::-webkit-scrollbar {
display: none;
}
.tabs-container {
display: flex;
gap: 20px;
padding: 0 15px;
min-width: min-content;
}
.tab {
flex-shrink: 0;
padding: 12px 4px;
border-radius: 0;
font-size: 14px;
font-weight: 600;
color: var(--text-gray);
background: transparent;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.tab.active,
.tab.current-cat {
background: transparent;
color: var(--text-dark);
border-bottom-color: var(--primary-orange);
transform: none;
}
.tab:hover {
color: var(--text-dark);
}
.tab:active {
transform: scale(0.98);
} .news-section {
padding: 12px 15px;
}
.news-grid {
display: flex;
flex-direction: column;
gap: 12px;
}
.news-card {
display: flex;
gap: 10px;
background: var(--white);
border-radius: 6px;
overflow: hidden;
box-shadow: var(--shadow-light);
transition: all 0.3s ease;
padding: 10px;
opacity: 1;
}
.news-card:hover {
box-shadow: var(--shadow-medium);
}
.news-image {
width: 80px;
min-width: 80px;
height: 80px;
object-fit: cover;
background: var(--light-gray);
border-radius: 6px;
}
.news-content {
flex: 1;
padding: 4px 10px 4px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.news-meta {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px;
}
.news-category {
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
color: var(--primary-orange);
letter-spacing: 0.3px;
}
.news-date {
font-size: 9px;
color: var(--text-gray);
}
.news-title {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
color: var(--text-dark);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-title a {
color: var(--text-dark);
}
.news-excerpt {
display: none;
} .pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
padding: 40px 15px;
}
.pagination a,
.pagination span {
min-width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease;
}
.pagination a {
background: var(--light-gray);
color: var(--text-dark);
}
.pagination a:hover {
background: var(--primary-orange);
color: var(--white);
transform: scale(1.05);
}
.pagination .current {
background: var(--primary-orange);
color: var(--white);
}
.pagination .dots {
background: transparent;
color: var(--text-gray);
cursor: default;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in-up {
animation: fadeInUp 0.5s ease forwards;
} @media (min-width: 768px) {
.site-header {
padding: 0 40px;
}
.hero-carousel {
height: 522px;
}
.slide-content {
padding: 35px;
max-width: 600px;
}
.slide-category {
display: inline-block;
background: var(--primary-orange);
color: var(--white);
padding: 6px 14px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.slide-title {
font-size: 28px;
margin-bottom: 10px;
-webkit-line-clamp: unset;
}
.slide-excerpt {
display: block;
font-size: 15px;
line-height: 1.5;
}
.carousel-indicators {
bottom: 15px;
gap: 8px;
}
.indicator {
width: 8px;
height: 8px;
}
.indicator.active {
width: 24px;
}
.news-section {
padding: 30px 40px;
max-width: 1200px;
margin: 0 auto;
}
.news-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.news-card {
flex-direction: column;
padding: 0;
display: flex !important;
}
.news-card[style*="display: none"] {
display: none !important;
}
.news-image {
width: 100%;
height: 180px;
border-radius: 0;
}
.news-content {
padding: 16px;
}
.news-meta {
margin-bottom: 8px;
}
.news-category {
font-size: 11px;
}
.news-date {
font-size: 11px;
}
.news-title {
font-size: 18px;
margin-bottom: 8px;
}
.news-excerpt {
display: block;
font-size: 14px;
line-height: 1.5;
color: var(--text-gray);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tabs-container {
justify-content: center;
padding: 0 40px;
gap: 30px;
}
.tab {
padding: 14px 6px;
font-size: 15px;
}
.single-post {
padding: 70px 25px 40px;
}
} @media (min-width: 1024px) {
.news-grid {
grid-template-columns: repeat(3, 1fr);
}
.news-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-medium);
}
.tab:hover {
background: transparent;
color: var(--text-dark);
border-bottom-color: var(--primary-orange);
}
} .single-post {
max-width: 800px;
margin: 0 auto;
padding: 20px 8px 40px;
}
.entry-header {
margin-bottom: 15px;
}
.entry-category {
display: inline-block;
background: var(--primary-orange);
color: var(--white);
padding: 4px 10px;
border-radius: 16px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 10px;
}
.entry-title {
font-size: 21px;
font-weight: 800;
line-height: 1.3;
margin-bottom: 10px;
color: var(--text-dark);
}
.entry-meta {
display: flex;
gap: 10px;
font-size: 12px;
color: var(--text-gray);
align-items: center;
}
.entry-meta > *:not(:last-child)::after {
content: " |";
margin-left: 10px;
color: #CCCCCC;
}
.entry-author {
display: flex;
align-items: center;
gap: 6px;
}
.entry-author img.avatar {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
}
.entry-featured-image {
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.entry-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.entry-content {
font-size: 18px;
line-height: 1.8;
color: var(--text-dark);
}
.entry-content a {
color: var(--primary-orange);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
}
.entry-content a:hover {
border-bottom-color: var(--primary-orange);
}
.entry-content p {
margin-bottom: 1.5em;
}
.entry-content h2,
.entry-content h3 {
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.4;
}
.entry-content h2 {
font-size: 28px;
position: relative;
padding-left: 20px;
}
.entry-content h2::before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 5px;
height: calc(100% - 4px);
background: var(--primary-orange);
border-radius: 2px;
}
.entry-content h3 {
font-size: 24px;
position: relative;
padding-left: 18px;
}
.entry-content h3::before {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 4px;
height: calc(100% - 6px);
background: var(--primary-orange);
border-radius: 2px;
}
.entry-content img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 1.5em 0;
}
.entry-content blockquote {
border-left: 4px solid var(--primary-orange);
padding-left: 20px;
margin: 1.5em 0;
font-style: italic;
color: var(--text-gray);
}
.post-navigation {
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid #E5E5E5;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
gap: 20px;
}
.post-navigation a {
flex: 1;
padding: 20px;
background: var(--light-gray);
border-radius: 8px;
transition: all 0.3s ease;
}
.post-navigation a:hover {
background: var(--primary-orange);
color: var(--white);
transform: translateY(-2px);
}
@media (max-width: 767px) {
.single-post {
padding: 20px 8px 30px;
}
.entry-title {
font-size: 22px;
}
.entry-content {
font-size: 16px;
}
.entry-content h2 {
font-size: 20px;
}
.entry-content h3 {
font-size: 18px;
}
.post-navigation .nav-links {
flex-direction: column;
}
} .category-hero {
background: var(--light-gray);
padding: 80px 20px 40px;
text-align: center;
}
.category-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 10px;
}
.category-description {
font-size: 16px;
color: var(--text-gray);
max-width: 600px;
margin: 0 auto;
}
@media (max-width: 767px) {
.category-hero {
padding: 70px 15px 30px;
}
.category-title {
font-size: 28px;
}
} .breadcrumbs {
display: none; font-size: 13px;
color: var(--text-gray);
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #EFEFEF;
} @media (min-width: 768px) {
.breadcrumbs {
display: block;
}
}
.breadcrumbs a {
color: var(--text-gray);
text-decoration: none;
transition: color 0.3s ease;
}
.breadcrumbs a:hover {
color: var(--primary-orange);
}
.breadcrumb-separator {
margin: 0 8px;
opacity: 0.5;
}
.breadcrumb-current {
color: var(--text-dark);
font-weight: 600;
} .related-posts {
margin-top: 60px;
padding-top: 40px;
border-top: 2px solid var(--primary-orange);
}
.related-posts-title {
font-size: 24px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 25px;
}
.related-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.related-post-card {
background: var(--white);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.related-post-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.related-post-image {
display: block;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.related-post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.related-post-card:hover .related-post-image img {
transform: scale(1.08);
}
.related-post-content {
padding: 15px;
}
.related-post-category {
display: inline-block;
font-size: 11px;
font-weight: 700;
color: var(--primary-orange);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.related-post-title {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin: 0;
}
.related-post-title a {
color: var(--text-dark);
text-decoration: none;
transition: color 0.3s ease;
}
.related-post-title a:hover {
color: var(--primary-orange);
}
@media (max-width: 767px) {
.related-posts {
margin-top: 40px;
padding-top: 30px;
}
.related-posts-title {
font-size: 20px;
}
.related-posts-grid {
grid-template-columns: 1fr;
gap: 15px;
}
} .back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: var(--primary-orange);
color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 999;
box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}
.back-to-top.show {
opacity: 1;
visibility: visible;
}
.back-to-top:hover {
background: var(--text-dark);
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(255, 107, 53, 0.4);
}
.back-to-top::before {
content: '↑';
font-weight: 700;
}
@media (max-width: 767px) {
.back-to-top {
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
font-size: 18px;
}
} a,
button,
.news-card,
.hero-slide,
.social-icon,
.category-tab,
.pagination a,
img {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.news-card,
.related-post-card {
animation: fadeInUp 0.5s ease-out;
} html {
scroll-behavior: smooth;
} .site-footer {
background: var(--light-gray);
border-top: 1px solid #E5E5E5;
padding: 30px 20px;
margin-top: 60px;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px 20px;
margin-bottom: 15px;
}
.footer-links a {
font-size: 13px;
font-weight: 600;
color: var(--text-dark);
text-decoration: none;
transition: color 0.3s ease;
position: relative;
}
.footer-links a:hover {
color: var(--primary-orange);
}
.footer-links a::after {
content: '|';
position: absolute;
right: -10px;
color: var(--text-gray);
opacity: 0.3;
}
.footer-links a:last-child::after {
display: none;
}
.footer-copyright {
font-size: 12px;
color: var(--text-gray);
margin: 0;
}
.footer-copyright a {
color: var(--text-dark);
text-decoration: none;
font-weight: 600;
}
.footer-copyright a:hover {
color: var(--primary-orange);
}
@media (max-width: 767px) {
.site-footer {
padding: 25px 15px;
}
.footer-links {
gap: 6px 15px;
}
.footer-links a {
font-size: 12px;
}
.footer-links a::after {
right: -8px;
}
} .ad-container {
margin: 20px 0;
text-align: center;
clear: both;
}
.ad-label {
font-size: 10px;
color: var(--text-gray);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
opacity: 0.7;
} .ad-mini-banner {
background: var(--light-gray);
padding: 10px 15px;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.ad-mini-banner .ad-container {
margin: 0;
max-height: 90px;
overflow: hidden;
} .ad-in-feed {
grid-column: 1 / -1;
background: transparent;
border: none;
padding: 0;
margin: 0;
display: none; } @media (max-width: 767px) {
.ad-in-feed.show-mobile {
display: block !important;
}
} @media (min-width: 768px) and (max-width: 1023px) {
.ad-in-feed.show-tablet {
display: block !important;
}
} @media (min-width: 1024px) {
.ad-in-feed.show-desktop {
display: block !important;
}
} .ad-before-content,
.ad-after-content,
.ad-in-content {
margin: 25px auto;
max-width: 728px;
padding: 0;
background: transparent;
border: none;
}
.ad-in-content {
margin: 35px auto;
} .ad-in-feed .ad-label,
.ad-container .ad-label {
font-size: 7px;
opacity: 0.3;
margin-bottom: 3px;
} .ad-mini-banner {
background: transparent;
padding: 0 15px;
border: none;
}
.ad-mini-banner .ad-container {
margin: 0;
max-height: 90px;
overflow: hidden;
}
.ad-mini-banner .ad-label {
font-size: 7px;
opacity: 0.3;
margin-bottom: 2px;
} @media (max-width: 767px) {
.ad-before-content,
.ad-after-content,
.ad-in-content {
max-width: 100%;
padding: 0;
}
.ad-in-feed {
padding: 0;
margin: 0;
}
.ad-mini-banner {
padding: 0 10px;
}
} .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.hidden {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
}