/**
 * @file
 * Subtheme specific CSS.
 */
/*Top Section Settings */
#navbar-top {
  background-color: #fff !important;
}
.region-secondary-menu {
  width: 100%;
  text-align: center;
}
/******************************************************/
/*Navbar Settings */
#navbar-main{
  width: 100%;
  background: #E60003 !important;
}
#navbar-main ul {
  margin-bottom: 0 !important;
}
#navbar-main a, #navbar-main span:not(.navbar-toggler-icon) {
  display: block;
  padding: 1.5em 2em !important;
  position: relative;
}
ul.sf-menu li ul {
  top: 100% !important;
}
#navbar-main .collapse li{
  background: none !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.dropdown-menu {
  background: #E60003 !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.dropdown-menu .dropdown-item a {
  color: #fff !important;
  text-decoration: none;
}
#navbar-main li:hover {
  background: #b60003 !important;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0 !important;
}
.sf-menu ul  {
  background: blue !important;
}
/******************************************************/
/*Anasayfa Slider Ayarlari */
#manset {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  padding: 0 40px;
  margin-top: 10px;
  gap: 10px;
}
#manset-tur{
  max-width:100px;
  text-align:center;
  background:#E60003;
  color: #fff;
  font-weight: 700;
}
#manset-baslik a{
  font-size:clamp(1em, 1.5vw, 2em);
  color:#000 !important;
  font-weight:700;
}
#manset-baglanti a {
  color: #fff;
  background: #E60003;
  padding: 3px 5px !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2em;
  border-radius: 5px;
  transition: 0.2s all ease-in-out;
}
#manset-baglanti a:hover {
  transition: 0.2s all ease-in-out;
  border-radius: 0;
  color: #E60003;
  background: #fff;
  border: 2px solid #E60003;
}
#manset-gorsel {
  height: 100% !important;
  width: auto;
}
/******************************************************/
/* Haberler Blok ve Sayfa Ayarlari */
#block-etibilisim-barrio-views-block-haberler-block-1 {
  margin: 5% 0;
}
#block-etibilisim-barrio-views-block-haberler-block-1 h2 {
  text-align: center;
  color: #000;
}
.view-id-haberler .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: 20px 10px;
}
#haber {
  width: 360px;
  margin: 0 auto;
}
.view-haberler .more-link {
  margin-top: 40px;
  text-align: center;
}
.more-link a{
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background: #E60003;
  padding: 20px 30px;
  font-weight: 700;
  border-radius: 10px;
  transition: 0.2s all ease-in-out;
}
.more-link a:hover {
  transition: 0.2s all ease-in-out;
  color: #E60003;
  background: #fff;
  border: 2px solid #E60003;
}
/******************************************************/
/* Footer Ayarlari */
.site-footer .block {
  margin: 20px 0;
  border: none !important;
  padding: 10px;
}

#block-etibilisim-barrio-footermenu .nav{
  display: block !important;
}
#block-etibilisim-barrio-footermenu li a {
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.2s all ease-in-out;
}
#block-etibilisim-barrio-footermenu li a:hover {
  transition: 0.2s all ease-in-out;
  background: #555;
}
/******************************************************/
/* İcerik Sayfa Ayalari */
.field--name-field-foto-galeri {
  width: 100% !important;
}
.field--name-field-foto-galeri .field__items {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: 20px;
}
.field--name-field-foto-galeri .field__item {
  overflow: hidden;
}
.field--name-field-foto-galeri img:hover {
  transition: 0.2s all ease-in-out;
  transform: scale(1.2);
}
.field--type-image img {
  transition: 0.2s all ease-in-out;
  width: 100%;
  height: auto;
}
/******************************************************/
/* Tablo Ayarlari */
th {
  font-size: clamp(1em, 1.2vw, 1.5em);
  color: #000 !important;
}
/******************************************************/
@media (min-width: 991px) {
  .field--type-image.field--name-field-one-cikan-gorsel {
    width: clamp(400px, 60%, 1200px);
    margin: 0 3% 5% 0;
  }
}