.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}}:root {
--primary-color: #8F2122; --primary-color-hover: #731A1B;
--dark-color: #111111; --light-color: #ffffff;
--gray-bg: #f5f5f5;
--text-color: #333333;
--border-radius: 8px;
--transition: all 0.3s ease;
}
html {
background-color: var(--dark-color);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: var(--text-color);
background-color: var(--light-color);
margin: 0;
line-height: 1.6;
}
a {
color: var(--primary-color);
text-decoration: none;
transition: var(--transition);
}
a:hover {
color: var(--primary-color-hover);
}
ul {
list-style: none;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .site-header {
background-color: var(--light-color);
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: sticky;
top: 0;
z-index: 1000;
}
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
height: 90px;
}
.site-branding .logo-placeholder {
display: flex;
align-items: center;
gap: 10px;
font-size: 24px;
font-weight: 800;
color: var(--dark-color);
text-transform: uppercase;
letter-spacing: 1px;
}
.logo-placeholder .icon-box {
width: 40px;
height: 50px;
background-color: var(--primary-color);
border-radius: 50% 50% 0 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 20px;
}
.main-navigation ul {
display: flex;
gap: 30px;
}
.main-navigation a {
color: var(--dark-color);
font-weight: 600;
font-size: 16px;
}
.main-navigation a:hover {
color: var(--primary-color);
} .hero-section {
background: linear-gradient(rgba(17, 17, 17, 0.75), rgba(17, 17, 17, 0.75)), url(//www.ankaraonurcansurucukursu.com/wp-content/themes/onurcan-theme-1/assets/images/hero_bg_car.jpg) center/cover no-repeat;
color: var(--light-color);
height: 600pt;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.hero-section h1 {
font-size: 64px;
margin-bottom: 25px;
}
.hero-section h1 span {
color: var(--primary-color);
}
.hero-section p {
font-size: 24px;
max-width: 800px;
margin: 0 auto 40px auto;
opacity: 0.9;
line-height: 1.8;
}
.btn {
display: inline-block;
padding: 15px 40px;
font-size: 18px;
background-color: var(--primary-color);
color: var(--light-color);
font-weight: 700;
border-radius: var(--border-radius);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.btn:hover {
background-color: var(--primary-color-hover);
color: var(--light-color);
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(244, 113, 21, 0.3);
} .requirements-section {
padding: 80px 0;
background-color: var(--light-color);
}
.section-title {
text-align: center;
font-size: 36px;
color: var(--dark-color);
margin-bottom: 50px;
position: relative;
}
.section-title::after {
content: '';
display: block;
width: 60px;
height: 4px;
background-color: var(--primary-color);
margin: 15px auto 0;
border-radius: 2px;
}
.req-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.req-card {
background-color: var(--gray-bg);
padding: 30px;
border-radius: var(--border-radius);
text-align: center;
transition: var(--transition);
border-bottom: 4px solid transparent;
}
.req-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
border-bottom: 4px solid var(--primary-color);
}
.req-card i {
font-size: 40px;
color: var(--primary-color);
margin-bottom: 20px;
}
.req-card h3 {
font-size: 20px;
color: var(--dark-color);
} .site-footer {
background-color: var(--dark-color);
color: var(--light-color);
padding: 60px 0 20px;
margin-bottom: 0;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-widget h3 {
color: var(--primary-color);
font-size: 24px;
margin-bottom: 20px;
}
.contact-info li {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.contact-info i {
color: var(--primary-color);
font-size: 20px;
margin-top: 3px;
}
.social-links {
display: flex;
gap: 15px;
margin-top: 20px;
}
.social-links a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: rgba(255,255,255,0.1);
color: var(--light-color);
border-radius: 50%;
}
.social-links a:hover {
background-color: var(--primary-color);
}
.footer-nav-list {
line-height: 2;
list-style: none;
padding: 0;
}
.footer-nav-list a {
color: var(--light-color);
text-decoration: none;
}
.footer-nav-list a:hover {
color: var(--primary-color);
}
.site-info {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
font-size: 14px;
opacity: 0.7;
} @media (max-width: 768px) {
.header-inner {
height: auto;
padding: 14px 20px 16px;
gap: 12px;
}
.site-branding .custom-logo,
.site-branding img {
max-width: 150px;
max-height: 54px;
height: auto;
}
.main-navigation ul {
flex-wrap: wrap;
justify-content: center;
gap: 8px 14px;
}
.main-navigation a {
font-size: 14px;
}
.site-footer {
padding: 42px 0 18px;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 28px;
margin-bottom: 28px;
}
.footer-widget h3 {
font-size: 21px;
margin-bottom: 12px;
}
.contact-info li {
gap: 10px;
margin-bottom: 12px;
}
.site-info {
padding-top: 16px;
font-size: 12px;
}
.hero-section h1 {
font-size: 36px;
}
} .news-section {
padding: 80px 0;
background-color: var(--gray-bg);
}
.news-page-content .entry-header {
margin-bottom: 30px;
}
.news-page-content .entry-title {
margin-bottom: 50px;
}
.news-archive {
width: 100%;
}   .news-img.placeholder-img i {
font-size: 50px;
color: #ccc;
} .news-date {
display: block;
font-size: 13px;
color: #888;
margin-bottom: 10px;
}
.news-card h3 {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.4;
}
.news-card h2 {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.4;
}
.news-card h2 a,
.news-card h3 a {
color: var(--dark-color);
}
.news-card h2 a:hover,
.news-card h3 a:hover {
color: var(--primary-color);
}
.news-card p {
color: #666;
margin-bottom: 20px;
font-size: 15px;
flex: 1;
}
.news-read-more {
font-weight: 600;
font-size: 14px;
color: var(--primary-color);
align-self: flex-start;
}
.news-read-more:hover {
text-decoration: underline;
} .news-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
} .news-card {
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
} .news-img {
width: 100%;
height: 180px;
overflow: hidden;
background-color: #f5f5f5;
}
.news-img a {
display: block;
width: 100%;
height: 100%;
}
.news-img img {
width: 100%;
height: 100%;
object-fit: cover; display: block;
} .news-content {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.news-pagination {
display: flex;
justify-content: center;
margin-top: 36px;
}
.news-pagination .page-numbers {
display: inline-flex;
gap: 8px;
align-items: center;
padding: 10px 14px;
border: 1px solid #e3e3e3;
background: var(--light-color);
color: var(--dark-color);
}
.news-pagination a:hover,
.news-pagination .current {
color: var(--light-color);
background: var(--primary-color);
border-color: var(--primary-color);
}
.news-empty {
padding: 40px;
text-align: center;
background: var(--light-color);
} @media (max-width: 992px) {
.news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.news-grid {
grid-template-columns: 1fr;
}
.news-page-content .entry-title {
margin-bottom: 34px;
}
} .inner-page-divider {
height: 52px;
background-color: var(--dark-color);
}
.page-content {
padding: 44px 0 56px;
min-height: 0;
background-color: var(--gray-bg);
}
.page-content .entry-header {
margin-bottom: 30px;
}
.page-content .entry-title {
text-align: center !important;
margin-bottom: 50px;
}
.page-content .entry-content,
.single-news-content .single-post {
background-color: var(--light-color);
padding: 30px;
border-radius: var(--border-radius);
}
.page-content .entry-content {
max-width: 900px;
}
@media (max-width: 768px) {
.inner-page-divider {
height: 44px;
}
.page-content {
padding: 32px 0 40px;
}
.page-content .entry-content,
.single-news-content .single-post {
padding: 20px;
}
}