/**
 * @file
 * Subtheme specific CSS.
 */
/* Sistem Ayarlari */
.row > * {
  padding: 0 !important;
}
.row {
  margin: 0 !important;
}
.menu--main li a {
  color: #285bea;
  font-weight: 700;
  font-size: 18px;
}
.menu--main li a:hover {
  color: #0077ff;
}
.featured-top .container {
  max-width: 100%;
  padding: 0 !important;
}
.site-footer .block {
  margin: 0 0 20px 0;
  border: none !important;
}
.site-footer .nav-item{
  display: block;
  width: 100% !important;
}
.site-footer .menu--footer {
  text-align: center;
}
.language-link {
  color: #fff;
  font-weight: 700;
  border: 2px solid;
  padding: 3px 5px;
  text-decoration: none;
}
.language-link.is-active {
  display: none;
}
.more-link {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.more-link a {
  text-decoration: none;
  background: #055a8e;
  color: #fff;
  font-weight: 700;
  padding: 10px 15px;
  border-radius: 5px;
  border: 2px solid transparent;
  transition: 0.2s all ease-in-out;
}
.more-link a:hover {
  transition: 0.2s all ease-in-out;
  color: #055a8e;
  background: #fff;
  border-color: #055a8e;
}
.feed-icons {
  display: none;
}
canvas.pdf-canvas {
  width: 100% !important;
  height: auto !important;
}
th {
  color: #000 !important;
}
/***********************************************/
/* Top Header Ayarlari */
.iletisim-ust {
  color: #fff !important;;
  font-size: initial !important;
  padding: 1% 0 0 5px;
  display: flex;
}
.iletisim-ust a {
  text-decoration: none;
  color: #fff !important;
}
.iletisim-ust-adres, .iletisim-ust-eposta, .iletisim-ust-telefon, .iletisim-ust-whatsapp {
  margin-right: 1vw;
}
/***********************************************/
/* Anasayfa Slider Ayarlari */
.flexslider {
  border: none !important;
}
#anasayfa-slider {
  position: relative;
}
#anasayfa-slider:before {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg, rgba(5,90,142,0.8) 0%, rgba(0,123,255,0.8) 50%, rgba(0,123,255,0) 100%);
}
#anasayfa-slider-baslik {
  position: absolute;
  bottom: 10%;
  padding: 0 10%;
  color: #fff;
  font-weight: 700;
  font-size: 4vw;
  text-shadow: 2px 2px #222;
}
/***********************************************/
/* Anasayfa Blok */
#block-anasayfaaciklama {
  margin: 0 0 5%;
  display: flex !important;
}
#anasayfa-blok-yazi{
  width: 50%;
  padding: 0% 0 0 5%;
  float: left;
}
#anasayfa-blok-gorsel{
  width: 40%;
  float: left;
  position: relative;
  text-align: left;
}
#anasayfa-blok-gorsel img {
  width: 100%;
  height: auto;
  position: relative;
  border: none;
  max-width: 320px;
  float: left;
  padding-top: 20px;
}
#anasayfa-blok-gorsel:before {
  content: "";
  width: 50%;
  height: 45%;
  background: #285bea;
  position: absolute;
  top:0px;
  left: -20px;
  z-index: 0;
}
.btn-large {
  color: #fff !important;
  background-color: #055a8e !important;
  border-color: #285bea !important;
  padding: 1.5% 10px;
  font-weight: 700;
}
.btn-large:hover {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}
#block-anasayfaaciklama h2 {
  text-transform: capitalize;
  font-size: 2.4em !important;
  font-weight: 700;
  position: relative;
  margin-bottom: 1em;
}
#block-anasayfaaciklama h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30%;
  border-bottom: 10px solid #055a8e;
  width: 120px;
}
/***********************************************/
/* Online Katalog Blok Ayarlari */
.region-featured-bottom-top-full-width {
  background: #055a8e;
  margin: 0 0 5% !important;
}
#ok-blok {
  position: relative;
  display: flex;
  max-width: 1320px;
  margin: 20px auto;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
}
#ok-blok-yazi {
  width: 70%;
  padding: 4% 0;
}
#ok-blok-gorsel {
  width: 30%;
  height: auto;
}
#ok-blok-gorsel img {
  width: 100%;
  height: auto;
}
#ok-blok-yazi h2 {
  color: #fff;
  width: 50%;
  line-height: 1.5;
  margin-bottom: 2%;
}
#ok-blok .btn {
  padding: 1% 5%
}
#ok-blok .btn a {
  text-decoration: none;
  font-weight: 700;
  color: #fff !important;
}
/***********************************************/
/* Urun Sayfa Ici Ayarlar */
.field--name-field-urun-gorseli, .field--name-field-urun-gorseli img {
  width: 100% !important;
  height: auto;
}
.layout--twocol-section--33-67 .layout__region--first {
  padding: 0 3% 0;
}
/***********************************************/
/* Urunler Sayfa ve Blok Ayarlari */
.grid-4-satir {
  width: 23%;
  margin: 0 1% 5%;
  height: auto;
  overflow: hidden;
}
.grid-4 {
  text-align: center;
  width: 100%;
  height: auto;
}
grid-4-gorsel {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: 0.2s ease-in-out !important;
  height: auto;
}
.grid-4-gorsel img {
  width: 100% !important;;
  height: auto;
  transition: 0.2s ease-in-out !important;
  overflow: hidden;
}
.grid-4 a {
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s ease-in-out !important;
}
.grid-4-baslik {
  margin: 2% 0 0;
}
.grid-4:hover > .grid-4-gorsel img {
  transition: 0.2s ease-in-out !important;
  overflow: hidden;
  filter: blur(5px);
}
/***********************************************/
/* Duyarli Ekran Ayarlari */
@media (max-width:600px) {
  .iletisim-ust {
    display: block;
    padding: 0 20px 0 20px;
  }
  .adres2:before {
    content: "\a";
    white-space: pre;
  }
  .region.region-top-header-form {
    text-align: center !important;
    margin: 0 0 5% 0 !important;
  }
  #block-dildegistirici {
    margin-top: 10%;
  }
  .navbar-brand {
    width: 70%;
  }
  #anasayfa-slider-baslik {
    font-size: 1em;
  }
  #anasayfa-blok-yazi {
    width: 100%;
  }
  #anasayfa-blok-gorsel {
    width: 70%;
    margin: 0 15%;
  }
  #hizmet-blok, #hizmet-sayfa {
    height: auto;
  }
  .region-footer-first .navbar-brand {
    margin: 0 auto 10%;
  }
  .region-footer-second .menu--footer {
    text-align: left;
  }
  .menu--footer li {
    padding: 0 0 0 1rem
  }
  .grid-4-satir {
    width: 90%;
    margin: 0 auto 5%;
  }
  #ok-blok {
    display: block;
  }
  #ok-blok-yazi {
    width: 100% !important;
    padding: 2%;
  }
  #ok-blok-gorsel {
    width: 100%;
    text-align: center;
  }
  #ok-blok-gorsel img {
    width: 60%;
    padding: 0;
  }
  #ok-blok-yazi h2 {
    width: 100% !important;
  }
}