/**
 * Theme Name:     Ekol Celik
 * Author:         ekol-celik
 * Template:       steeler
 * Description:    Ekol Celik web sitesi icin ozel tema
 * Version:        1.0
 */

body,.cms-heading.layout1 .custom-description {
  font-size: 18px;
}

#colophon .cms-navigation-menu li a {
  font-size:16px;
}

.cms-slick-slider .slick-slider .slick-next {
  right: 0;
  bottom:-25px;
  top:auto;
}

.cms-slick-slider .slick-slider .slick-prev {
  left: auto;
  bottom:-25px;
  top:auto;
  right:60px;
}

.cms-service-carousel.layout2 .carousel-item-inner .entry-content {
  font-size:16px;
}

ul {
  margin: 0 0 20px;
}

#wp-admin-bar-ekol-celik,
#wp-admin-bar-dashboard {
  display: none !important;
}

#site-header-wrap.header-layout4 .site-header-main .site-branding {
  background-color:transparent !important;
}

#site-header-wrap .site-header-main .site-branding .logo-mobile img {
  max-height: 60px !important;
}

#site-header-wrap.header-layout4 .site-header-top .header-top-inner .header-top-left .top-left-content .ct-item span svg {
width:14px;
  fill:#ab1215;
}

#site-header-wrap.header-layout4 .site-header-top .header-top-inner .header-top-left .top-left-content .ct-item span {
display: flex;
  align-items: center;
}

.cms-fancy-box.layout3 {
  padding: 45px 15px 28px;
}

.cms-fancy-box.layout1 .content-inner {
  padding: 118px 30px 120px;
}

.cms-service-carousel.layout2 .carousel-item-inner {
  padding: 35px 30px;
}

#pagetitle .page-subtitle {
  font-size: 20px;
  line-height: 32px;
}

iframe {
	vertical-align: bottom;
}

p,
.single-hentry .entry-content p{
  margin-bottom: 20px;
}

h1,h2,h3,h4,h5,h6{
  margin: 0 0 20px;
}

.single-hentry .entry-content hr {
  margin:30px 0;
}

.tagcloud a, .entry-tags a {
  padding: 7px 10px;
  margin-top: 6px;
  margin-right: 2px;
}

a[rel="author"] { 
  display: none;
}

#pagetitle {
  padding: 105px 0;
}

.urun-resmi {
  width:100%;
  height: auto;
  margin-bottom:30px;
}

.urun-kategori-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin: 20px 0;
}

.urun-kategori-grid .grid-item {
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	position: relative;

}

.urun-kategori-grid .grid-item .grid-item-inner {
  height: 100%
}

.urun-kategori-grid .grid-item .grid-item-inner a.grid-urun-link {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index: 9
}

.tek-urun-icerik {
  padding-left:25px;
}

.urun-listesi {
  margin:30px 0 0 0;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.urun-listesi .urun-listesi-item {
  display:flex;
  align-items: center;
  padding:10px;
  border: 1px solid #dedede;
  transition: border 0.2s ease-in-out;
  justify-content:space-between;
}

.urun-listesi .urun-listesi-ad {
  font-weight:bold;
}

.urun-listesi a.urun-listesi-item:hover {
  border: 1px solid #ab1215;
}

.urun-listesi .urun-listesi-item .bt-more-arrow {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #ab1215;
  color: #fff;
  overflow: hidden;
  font-size: 15px;
}

.urun-listesi a.urun-listesi-item:hover i {
  -webkit-animation: flyLeftToRight 0.3s forwards;
  -khtml-animation: flyLeftToRight 0.3s forwards;
  -moz-animation: flyLeftToRight 0.3s forwards;
  -ms-animation: flyLeftToRight 0.3s forwards;
  -o-animation: flyLeftToRight 0.3s forwards;
  animation: flyLeftToRight 0.3s forwards;
}

.urun-listesi .carousel-item-inner .action-buttons .btn {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dedede;
  color: #1a191d;
}

.urun-listesi .carousel-item-inner .action-buttons .btn:hover {
  color: #fff;
}

.urun-listesi .carousel-item-inner {
  padding: 30px 35px;
  background-color: #fff;
  border: 1px solid #dedede;
  text-align: center;
  margin-bottom: 0;
  min-width: 0;
}

.urun-columns {
  display: flex;
}

.urun-columns > div {
  flex:2;
}

.urun-columns >.urun-columns-resim {
  padding-right:30px;
  padding-top:6px;
  flex:1
}

.urun-icerik ul li:before,
.tek-urun-icerik ul li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #ab1215;
  margin-right: 14px;
  vertical-align: middle;
  transition: all 200ms linear 0s;
}

.wpcf7-form .wpcf7-response-output {
  background:#f5f5f5;
  border: 1px solid #dedede !important;
  font-style: italic;
  padding: 20px !important;
  margin: 0 0 15px 0 !important;
}

.cms-lq-project-grid.layout4 .grid-item-inner .entry-body {
  background-color: transparent;
  opacity: 1;
}

.cms-lq-project-grid.layout4 .grid-item-inner .entry-body .entry-body-inner {
  transition: all 300ms linear 0s;
  transform: translateY(0px) scale(0.9);
  opacity: 1 !important;
	max-width: none;
}

.cms-lq-project-grid.layout4 .grid-item-inner:hover .entry-body {
  opacity: 1;
  background-color: rgba(26, 25, 29, 0.7);
}

.cms-lq-project-grid.layout4 .grid-item-inner:hover {
  transform: translateY(0px) scale(1.0);
}

.urun-kategori-sayfasi {
  padding:0 30px;
}
.urun-kategori-sayfasi .widget_nav_menu {
  border: 1px solid #dedede;
  margin-bottom:34px;
}

.urun-kategori-sayfasi .widget_nav_menu ul li a {
    font-weight: bold;
  }

table.MsoNormalTable,
table.MsoNormalTable tbody{
  width:100% !important;
  border-left: 1px solid #ededed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  line-height: 2 !important;
  margin: 0 0 32px !important;
  border-radius: 0 !important;
}

table.MsoNormalTable, 
table.MsoNormalTable td, 
table.MsoNormalTable th {
  border: 1px solid #dedede !important;
  font-size:1rem !important;
}

table.MsoNormalTable > :where(thead, tfoot) > tr > * {
  background-color: #f5f5f5 !important;
  color: #1a191d !important;
}

table.MsoNormalTable > :not(caption) > * > * {
  box-sizing: border-box !important;
  float: none !important;
  padding: 0.5rem  !important;
  text-align: left !important;
  vertical-align: top !important;
}

table.MsoNormalTable p {
  margin:0 !important;
}

table:not([class]),
table:not([class]) tbody{
  width:100% !important;
  border-left: 1px solid #ededed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  line-height: 2 !important;
  margin: 0 0 32px !important;
  border-radius: 0 !important;
}

table:not([class]), 
table:not([class]) td, 
table:not([class]) th {
  border: 1px solid #dedede !important;
  font-size:1rem !important;
}

table:not([class]) > :where(thead, tfoot) > tr > * {
  background-color: #f5f5f5 !important;
  color: #1a191d !important;
}

table:not([class]) > :not(caption) > * > * {
  box-sizing: border-box !important;
  float: none !important;
  padding: 0.5rem  !important;
  text-align: left !important;
  vertical-align: top !important;
}

table:not([class]) p {
  margin:0 !important;
}

.tek-urun-icerik {
  overflow-y: auto
}

@media screen and (min-width: 1200px) {
.urun-kategori-sayfasi .widget_nav_menu ul {
  display: flex;
  background:#f5f5f5;
}
  
  .urun-kategori-sayfasi .widget_nav_menu ul li a {
    font-size:16px !important;
    padding: 30px 14px !important;
    border:none !important;
    background:#f5f5f5 !important;
  }
  
  .urun-kategori-sayfasi .widget_nav_menu ul li.current-menu-item a,
    .urun-kategori-sayfasi .widget_nav_menu ul li a:hover{
    background: #ab1215 !important;
  }
}

@media screen and (min-width: 1200px) {
  .primary-menu > li > a {
    font-size: 16px;
  }
}

@media (min-width: 601px) {
    .grid-item.is-last-item {
        grid-column: span 2;
    }
}

@media (max-width: 992px) {
    .urun-kategori-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.tek-urun-icerik {
  		padding:30px 0 0 0;
	}
}

@media (max-width: 600px) {
    .urun-kategori-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .urun-kategori-grid .grid-item {
        height: 300px;
    }
}


@media screen and (min-width: 1200px) {
	#site-header-wrap.header-layout4 .site-header-main .site-branding img {
		max-height: 65px;
		transform: translateX(0px);
	}
    #site-header-wrap.header-layout4 .site-header-main .site-branding {
    	height: 100px;
  	}
  	#site-header-wrap.header-layout4 .site-header-main .primary-menu > li > a {
    	line-height: 100px;
  	}
	.primary-menu .sub-menu {
    	min-width: 280px;
  	}
}

@media (max-width: 767px) {
  	#pagetitle .page-subtitle {
  		font-size: 18px;
		line-height: 28px;
	}
	.urun-columns {
  flex-direction: column;
}

.urun-columns > div {
  flex:1;
}

.urun-columns >.urun-columns-resim {
  padding:0;
}
}

@media (max-width: 600px) {
  	.cms-fancy-box.layout1 .cms-fancy-box-description {
  		padding: 10px;
	}
	.urun-listesi {
	  grid-template-columns: 1fr;
	}
}