/*!
Theme Name: ZMT Toros
Theme URI: http://zmttoros.com.tr/
Author: Tasarlab
Author URI: https://tasarlab.com/
Description: Kurumsal Website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zmt-toros

*/

.pdf-list .wp-block-image a { color: black; text-decoration: unset; font-size: 18px; }

.pdf-list figcaption a:before { content: "\f1c1"; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-right: 8px; color: #000000; font-size: 30px; }

.pdf-list figcaption a { display: inline-flex; line-height: 50px; width: 100%; border-bottom: 1px solid #e9dcdc; border-top: 1px solid #e9dcdc; margin-top: 10px; padding: 10px 0; transition: 0.3s; }

.pdf-list figure:hover figcaption a { border-bottom: 1px solid #000; border-top: 1px solid #000; }

.page-template-page-contact .zmt-contact-form-wrapper input[type="text"], 
.page-template-page-contact .zmt-contact-form-wrapper input[type="email"], 
.page-template-page-contact .zmt-contact-form-wrapper input[type="tel"], 
.page-template-page-contact .zmt-contact-form-wrapper textarea { background: #f4f4f4; margin-bottom: 0; }

.contact-info { display: inline-block; width: 100%; text-align: center; margin-bottom: 10px; }

.page-template-page-contact .zmt-contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { width: auto; }

.contact-info-icon { margin-bottom: 15px; }

section.contact-page-sec.zmt-contact-form-wrapper { padding: 0; }

.row.cards-row { margin-bottom: 40px; }

.contact-info-item { background: #071c34; padding: 30px 15px; }

.contact-page-sec .contact-page-form h2 { color: #071c34; text-transform: capitalize; font-size: 22px; font-weight: 700; }

.contact-info-icon i { font-size: 25px; color: #fff; }

.contact-info-text p {margin-bottom:0px;}

.contact-info-text h2 { color: #fff; font-size: 22px; text-transform: capitalize; font-weight: 600; margin-bottom: 10px; }

.contact-info-text span { color: #cdc8c8; font-size: 16px; font-weight: ; display: inline-block; width: 100%; min-height:48px;}

.contact-page-form input { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #f9f9f9; margin-bottom: 20px; padding: 12px 16px; width: 100%; border-radius: 4px; }

.video-promo-section { position: relative; width: 100%; overflow: hidden;  }

.video-container { position: relative; width: 100%; height: 585px;  }

.zmt-video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

body:not(.home) main#primary { margin-bottom: 70px; }

@media (max-width: 767.98px) {

.referans-card { min-height: auto !important; }

body.home .zmt-section, body.home .referanslar-section, body.home .markalar-section { padding: 70px 0 !important; }

.video-container { height: 350px;  }

}

#video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.3);  z-index: 10; transition: opacity 0.5s; display: flex;  justify-content: center; align-items: center; }

.play-button { position: relative; z-index: 15; background-color: rgba(62, 104, 132, 0.8);  color: white; border: 3px solid white; border-radius: 50%; width: 90px; height: 90px; cursor: pointer; transition: background-color 0.3s; font-size: 30px; display: flex; justify-content: center; align-items: center; }

.play-button:hover { background-color: rgba(62, 104, 132, 1); }

.play-button i { margin-left: 5px;  }

.hidden { display: none !important; }

.video-overlay-hidden { opacity: 0; pointer-events: none;  }

.zmt-section { padding: 90px 0 !important; }

.section-divider { width: 60px; height: 3px; background-color: #3e6884; border: none; margin: 15px auto 30px auto;  }

.section-content p { font-size: 16px; line-height: 1.7; color: #444; margin-bottom: 15px; text-align: justify;  }

.zmt-about-video-mock { border-radius: 4px;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }

@media (max-width: 991.98px) {

.zmt-about-text { padding: 0 15px; margin-top: 25px; }

.section-content p { text-align: left; }

}

body.home .referanslar-section { padding: 90px 0px; }

.section-title { text-align: center; font-size: 32px;  font-weight: bold;  color: #333; margin-bottom: 5px; letter-spacing: 2px;  position: relative; display: inline-block;  left: 50%;  transform: translateX(-50%); }

.title-divider {  width: 100%;  height: 1px;  background-color: #e0e0e0; margin: 15px auto 40px auto; }

.referans-grid {

display: grid; grid-template-columns: repeat(3, 1fr);  gap: 20px; }

.referans-card { display: flex; justify-content: center; align-items: center; min-height: 120px;  background-color: #f8f8f8; border: 1px solid #f8f8f8; text-decoration: none; transition: background-color 0.3s; text-align: center; }

.referans-card:hover { background-color: #eeeeee; }

.card-text { font-size: 16px; color: #555; font-weight: 500; padding: 15px; letter-spacing: 1px; }

.referans-card:hover span { color: black; }

@media (max-width: 992px) {

.referans-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }

}

@media (max-width: 576px) {

.referans-grid { grid-template-columns: 1fr; gap: 10px; }

}


body.home .markalar-section { padding: 90px 0px; background-color: #f1f1f14d; }

.marka-logos-grid {  display: grid;  grid-template-columns: repeat(6, 1fr);   gap: 25px;  align-items: center; justify-items: center; }

.marka-logo-item { display: flex; justify-content: center;  align-items: center; height: 100px; width: 100%; background-color: #fcfcfc; border: 1px solid #eee;  padding: 10px; box-sizing: border-box;  }

.marka-logo-item img { max-width: 90%; max-height: 80%;  object-fit: contain;  filter: grayscale(0%);  opacity: 1;  transition: all 0.3s ease-in-out; }

.marka-logo-item a { display: contents; }

@media (max-width: 1200px) {
    
.marka-logos-grid { grid-template-columns: repeat(5, 1fr); gap: 20px;}

}

@media (max-width: 992px) {
    
.marka-logos-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; }

 .marka-logo-item { height: 120px !important; }

.marka-logos-grid { gap: 20px !important; }

}

@media (max-width: 768px) {


   
.marka-logos-grid { grid-template-columns: repeat(3, 1fr);  gap: 15px; }

.section-title {  font-size: 28px;  }

}

@media (max-width: 576px) {

.marka-logos-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
.section-title { font-size: 24px; }

.title-divider { margin-bottom: 30px; }

.marka-logo-item { height: 80px; } 

}

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

header.entry-header { padding: 40px 0; text-align: center; border-bottom: 1px solid #dcd0d0; margin-bottom: 60px; }

.entry-content ul { padding: 0; }

.zmt-main-menu { padding: 15px 0; background-color: #a4c9e5;  }

@media (min-width: 1200px) {
	
.page-template-page-brands .marka-logos-grid .marka-logo-item { padding: 40px; height: 150px; }
	
.page-template-page-brands .marka-logos-grid { grid-template-columns: repeat(4, 1fr);  }
   
.main-nav-ul { display: flex;  justify-content: center; list-style: none; padding: 0; margin: 0; }

.main-nav-ul .nav-item { margin: 0 15px; }

}

.main-nav-ul .nav-link { text-decoration: none; color: #000000; text-transform: uppercase; font-size: 16px; padding: 5px 0; display: block; border-bottom: 2px solid transparent; transition: all 0.3s; font-weight: 500; text-align: center; }

.main-nav-ul .nav-link:hover { color: #3e6884;  }

.navbar-toggler {  border-color: rgba(62, 104, 132, 0.5);  padding: 0.25rem 0.75rem; }

.navbar-toggler:focus { box-shadow: none; }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2862, 104, 132, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

@media (max-width: 1199.98px) {

.zmt-main-menu .container { display: flex; justify-content: flex-end; }

.zmt-logo-area { padding: 15px 0 15px 0; }
	
.zmt-main-menu .navbar-collapse { width: 100%; padding: 10px 0; margin-top: 10px;  }

.main-nav-ul .nav-item { margin: 10px 0; }

}
	
body, h1, h2, h3, h4, h5, h6, span, ul, ol, li, a, b, strong, p { font-family: "Inter Tight", sans-serif; font-optical-sizing: auto; font-style: normal; }

.zmt-header {  width: 100%; background-color: #fff;  }
	
.zmt-top-bar .row { width: 100%; display: flex; justify-content: space-between; }

.zmt-top-bar { background-color: #000; padding: 13px 0; }

.zmt-top-bar .container { display: flex; justify-content: space-between; align-items: center; }

.zmt-top-link, .zmt-social a { color: #ffffff;  text-decoration: none;  font-size: 14px;  margin-right: 15px; opacity: 0.9; transition: opacity 0.3s; }

.zmt-top-link:hover, .zmt-social a:hover { opacity: 1; }

.zmt-logo-area { padding: 30px 0 30px 0; text-align: center; }

.zmt-logo { max-width: 250px; height: auto; }

.site-tagline { font-size: 14px; margin-top: 5px; color: #3e6884;  text-transform: uppercase; font-weight: 500; }

.zmt-main-menu { background: #f4f4f4; display: flex; justify-content: center; align-items: center; padding: 11px 0; }

.main-nav-ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; text-align: center; }

.main-nav-ul li { margin: 0 15px; }

.main-nav-ul a { text-decoration: none; color: #000; text-transform: uppercase; font-size: 16px; padding: 5px 0; display: block; border-bottom: 2px solid transparent; transition: all 0.3s; }

@media (max-width: 991.98px) {
	
.entry-content, .entry-content ul { padding: 0 15px; }
	
.zmt-social a:last-child { margin: 0; }

.zmt-top-bar .row > div { width: 50% !important; display: flex; justify-content: space-between; align-items: center; }
	
.zmt-top-bar .row > div.text-end { justify-content: end; }
	
.zmt-logo { max-width: 150px; }

.zmt-top-bar .container { flex-direction: column; }
   
.zmt-top-bar .row > div { text-align: center !important; width: 100%; }

.zmt-social { margin-top: 5px; margin-bottom: 5px; }
    
.main-nav-ul { flex-direction: column; align-items: center; margin-top: 10px; }

.main-nav-ul li { margin: 5px 0; }

}

.zmt-footer { background-color: #e5e5e5; color: #3e6884; padding-top: 20px; }

.zmt-footer p, .zmt-footer li, .zmt-footer li a { font-size: 14px;  line-height: 1.8; margin-bottom: 5px; color: black; }

.zmt-footer a {  color: #3e6884;  text-decoration: none; transition: color 0.3s; }

.zmt-footer a:hover { color: #000000; }

.footer-logo { max-width: 200px;  height: auto; margin-bottom: 5px; }

.footer-tagline { font-weight: 600; margin-bottom: 0; }

.footer-since { font-size: 12px; font-style: italic; }

.company-name { font-weight: 700; margin-bottom: 10px; }

.contact-list .label { font-weight: 600; display: inline-block; width: 50px; }

.footer-links li i { margin-right: 8px; color: #3e6884; }

.footer-social-icons a { font-size: 18px;  margin-right: 15px; color: #3e6884; /* Metin rengiyle aynı renk */ opacity: 0.9; transition: opacity 0.3s; }

.footer-social-icons a:hover { opacity: 1; color: #000000; }

.footer-social-icons a:hover { opacity: 1; }

.women-owned-logo { max-width: 130px;  height: auto; }

.zmt-copyright { background-color: #d1d1d1; border-top: 1px solid #c0c0c0; }

.zmt-copyright p { margin: 0; font-size: 13px; color: #666; }
	
@media (max-width: 767.98px) {
	
.zmt-footer .row > div { margin-bottom: 25px; }
	
.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 { text-align: center !important; }

.footer-col-4 img { margin: 0 auto; display: block; }

.contact-list { padding-left: 0; }

}