/**
 * @file
 * Subtheme specific CSS.
 */
/* Sistem Ayarlari */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
.row > * {
  padding: 0 !important;
}
.row {
  margin: 0 !important;
}
.menu--main li a {
  color: #2a9956;
  font-weight: 700;
  font-size: 18px;
  transition: 0.2s all ease-in-out;
  text-transform: uppercase;
  border:2px solid;
  margin: 0 2px 0 0;
}
.menu--main li a:hover {
  transition: 0.2s all ease-in-out;
  color: #fff;
  background-color: #2a9956;
}
.featured-top .container {
  max-width: 100%;
  padding: 0 !important;
}
#block-anamenuslogan {
  font-size: 2em;
  font-family: "Dancing Script", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #2a9956;
  margin-left: 2%;
}
#block-anamenuslogan strong {
  font-size: 1.8em;
  font-weight: 700;
}
#navbar-main {
  background-color: #eee !important;
}
.site-footer {
  padding: 10px 0 0;
}
.site-footer .block {
  margin: 0 0 10px 0;
  border: none !important;
}
.site-footer .nav-item{
  display: block;
  width: 100% !important;
}
.site-footer .menu--footer {
  text-align: center;
}
.site-footer .container {
  max-width: 100% !important; 
}
.site-footer {
  background: #2a9956 !important;
}
.language-link {
  font-weight: 700;
  border: 2px solid;
  padding: 3px 5px;
  text-decoration: none;
}
.language-link.is-active {
  display: none;
}
.navbar-brand {
  width: 300px;
  padding: 10px !important;
}#navbar-main {
  position: relative;
  z-index: 99;
}
/*#navbar-main:after {
  content:"";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(180deg, rgba(53,161,94,1) 0%, rgba(255,255,255,0) 100%);
}*/
.navbar-toggler {
  color: #fff;
  background: #fff;
}
.site-footer .nav-link {
  padding: 2px 0;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.site-footer a.nav-link {
  font-size: 0.8em
}
img.align-left {
  margin-right: 1em;
}
img.align-right {
  margin-left: 1em;
}
img.align-top {
  margin-bottom: 1em;
}
.site-footer__bottom {
  margin-top: 10px !important;
}
.region-footer-fourth p {
  margin: 0 0 0.3em;
}
.site-footer__bottom .content {
  padding: 0.5em 0 0;
  margin-top: 0;
}
/***********************************************/
/* 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;
}
.site-footer .region-footer-second {
  padding-top: 1.5em;
}
/***********************************************/
/* Anasayfa Slider Ayarlari */
.flexslider {
  border: none !important;
}
#anasayfa-slider {
  position: relative;
}
/*#anasayfa-slider:before {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(53,161,94,1) 0%, rgba(255,255,255,0) 100%);
}*/
#anasayfa-slider-baslik {
  position: absolute;
  bottom: 10%;
  padding: 0 10%;
  color: #fff;
  font-weight: 700;
  font-size: 6em;
  text-shadow: 2px 2px #222;
}
/***********************************************/
/* Anasayfa Blok */
#block-anasayfaaciklama {
  margin: 0 0 5%;
  background: #fff;
  position: relative;
  bottom: 0;
  z-index: 99;
}
#anasayfa-blok {
  display: flex;
  flex: 1;
  flex-wrap: wrap-reverse;
}
#anasayfa-blok-yazi{
  padding: 3% 5% 0 10% !important;
  width: 50%;
}
#anasayfa-blok-gorsel{
  position: relative;
  margin-top: 5%;
  width: 40%;
}
#anasayfa-blok-gorsel img {
  width: 100%;
  height: auto;
  position: relative;
  border: none;
  float: right;
  padding-top: 20px;
}
#anasayfa-blok-gorsel:before {
  content: "";
  width: 50%;
  height: 45%;
  background: #2a9956;
  position: absolute;
  top:0px;
  right: -20px;
  z-index: 0;
}
.btn-large {
  color: #fff !important;
  background-color: #2a9956 !important;
  border-color: #2a9956 !important;
  padding: 1.5% 10px;
  font-weight: 700;
}
.btn-large:hover {
  color: #fff !important;
  background-color: #15b6b4 !important;
  border-color: #15b6b4 !important;
}
/***********************************************/
/* Hizmetlerimiz Sayfa ve Blok Ayarlari */
#block-views-block-hizmetlerimiz-block-1 h2{
  text-align: center;
  font-weight: 700;
  font-size: 3em
}
.hizmet-satir {
  width: 49%;
  margin: 0 1% 1% 0;
}
#hizmet-blok, #hizmet-sayfa {
  display: flex;
  border-bottom: 2px solid;
}
#hizmet-blok-ikon {
  font-size: 3em;
  margin: 3% 2% 0 0;
}
#hizmet-blok-baslik a {
  text-decoration: none;
  font-weight: 700;
  font-size: 24px;
}
#hizmet-sayfa-baslik {
  margin-top: 1%;
}
#hizmet-sayfa-baslik a {
  text-decoration: none;
  font-weight: 700;
  font-size: 24px;
}
#hizmet-sayfa-ikon {
  font-size: 2em;
  margin: 0 2% 0 0;
}
/***********************************************/
/* Grid 3 Ayarlar? */
.view-projelerimiz .view-content.row, .view-referanslarimiz .view-content.row {
  display: grid;
  grid-template-columns:repeat(3,minmax(360px,1fr));
  gap: 1%;
  justify-content: center;
  text-align: center;
}
/* 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: 2em;
  }
  #anasayfa-blok-yazi {
    width: 100%;
  }
  #anasayfa-blok-gorsel {
    width: 70%;
    margin: 0 15%;
  }
  #anasayfa-blok-gorsel img {
    max-width: 100%;
  }
  .hizmet-satir {
    width: 100%;
    margin: 0 0 10%;
  }
  #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
  }
  .field--type-image {
    max-width: 100%;
  }
  .field--type-image img {
    width: 100% !important;
    height: auto;
  }
}