/*

Theme Name: Wocomin Black Teması
Theme URI: https://www.wocomin.com
Author: Furkan SaÄŸlam
Author URI: https://www.furkansaglam.com
Description: Wocomin E-ticaret sistemi için özel olarak geliştirilmiş e-ticaret temasıdır.
Version: 1.1

*/


/*Google Font Çağırma*/


  @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;700&display=swap');

/*Genel*/

body {font-family: 'Jost', sans-serif;font-size:15px;font-weight: 400;background-color:#ffffff;color:#141414;}
.clearfix {width: 100%;display: block;flex: left;clear: both;}
.kirmizi {color:#f1a3ad;}
ul,ol {margin:0px;padding:0px;}
button:focus,a:focus,a:active {outline:none!important;}
a {transition: all .2s ease;    -webkit-transition: all .2s ease;    -o-transition: all .2s ease;color:#141414;}
a:hover {color:#f1a3ad;}
.beyaz-kutu { border:0px;   padding: 15px;   }
h1{
    font-size:1rem;
    font-weight:bold;
}
h3{
  font-size:23px;
  
}
.scl li a img {
    float: left;
    width: 25px;
    margin: 10px;
}.scl li {
    list-style-type: none;
}
/* Header */
.container-fluid.header-arkasi {
    padding: 0px;
    background: #0a3040;
}
span.sepet-urun {
    color: #fff;
}
span.sepet-guncel {
    padding-top: 6px;
    float: left;
}
.woocommerce ul.products li.product .button{
  display:none;
}
img.site-logosu {
    width: 229px;
}
.cart-discount th {
    background: black;
    color: #fff;
}
p.woocommerce-shipping-destination{
  display: none;
}
form.woocommerce-shipping-calculator{
  display: none;
}
.ust-bar-karsilama{
	display:inline-block;
	float:left;
}
#ust-bar-menu{
	display:inline-block;
}
.menu-ust-menu-container{
	display:inline-block;
}
.product_meta {
    font-size: 12px;
    width: 100%;
    float: left;
    /* display: inline; */
    padding-bottom: 20px;
    margin-bottom: 20px;
}.product_meta span {
    width: 100%;
    float: left;
    line-height: 2;
}
.topgif {
    background-color:#cc0000;
    color: #fff;
    height: 45px;
    line-height: 45px;
  font-weight:bold;
}
/*Butonlar*/
a.button.wp-element-button.product_type_variable {
    display: none !important;
}
.kirmizi-buton {background-color:#cc0000;   line-height: 40px;    padding-left: 15px;    padding-right: 15px;    color: #ffffff;display: inline-block;border:none;cursor:pointer;}
.kirmizi-buton:hover {color:#ffffff;text-decoration: none;}

div#ETBIS {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
copyright p {
    font-size: 10px;
    margin-bottom: 0px;
}
/*Ãœst Bar*/
h2.merkez {
    text-align: center !important;
    width: 100%;
}
.menu-alani{background-color:#0a3040 !important;
}
.ust-bar {color:#ffffff;line-height: 50px;height: 50px;}
.ust-bar a {color:#ffffff;}
.ust-bar-sol {text-align: left;}
.ust-bar-sag {text-align: right;}

.ust-bar-menu {padding:0px;margin:0px;}
.ust-bar-menu li {display:inline-block;list-style: none;}
.ust-bar-menu li a {padding-left:10px;padding-right: 10px;}

.slider-alani2 h3 {
    text-align: center;
	margin-top:10px;
}
.slider-alani2 a {
    text-align: center;
}
.detayi {
    text-align: center;
    float: left;
    width: 100%;
}
.mob-menu-header-holder{
  top:0px !important;
}
.cart_totals h2 {
  font-size: 20px !important;
}
/*Üst Orta Bölüm*/
.ust-orta-bolum {padding-top:20px;padding-bottom:20px;background:#0a3040}
.arama-alani {display: flex;}
.header-arama {align-self: center;    display: inline-table;}
.arama-input, .urun_kategorisi {border:solid 1px #ebebeb; height:40px;padding-left: 10px; outline:none; padding-right:10px; }
.arama-input {width:400px;margin-left: -5px;    top: -1px;    position: relative;}
.arama-input:focus,.urun_kategorisi:focus {border:1px solid #cccccc;}
.urun_kategorisi {margin-right: 4px;  width: 200px;    top: -1px;    position: relative;border:none;outline:none;outline-style:none;display:none;}
.arama-buton {border:none; line-height:20px; height:39px; color:#000000; padding-left:20px; border-radius:0px; padding-right:20px;position: absolute;background-color:#cc0000;}
.arama-buton:focus {border:none;outline: none;}
.arama-buton i {color:#ffffff;}

.sepet-alani {text-align: left;background-repeat: no-repeat;background-position: right center;font-size:14px;padding-left:65px;}
.sepet-baslik {display: none;font-weight: bold;color:#fff;}
.sepet-urun {display: block;}
.sepet-fiyat {font-weight: bold;color:#cc0000;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
  background-color:#cc0000 !important;}
/*Ana Menü*/
.menu-alani {background-color:#141414;line-height: 50px;height: 50px;}
.drawer-hamburger {display:none;}
.ana-menu {padding:0px;margin:0px;display:block;}
.ana-menu li {display:inline-block;list-style: none;}
.ana-menu li a {padding-left:10px;padding-right:10px;color:#ffffff;text-transform: uppercase;line-height: 50px; display:inline-block;}
.ana-menu li a:hover {text-decoration: none;}
.ana-menu li:hover {background-color:#cc0000;}
.ana-menu li.current-menu-item {background-color:#cc0000;}
.sub-menu {display:none;float: left;    position: relative;max-height: 300px!important;
    border-radius: 0!important;
    overflow-y: auto!important;
    border: none!important;}

.mobil-menu li.menu-item-has-children a::after {
    content: "\f104";
    width: 23px;
    font-size:18px;
	margin-right:10px;
    float: right;
 font-family: "Font Awesome 5 Free";
    text-align: center;
	  font-weight: 900;
	  display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.mobil-menu .sub-menu li a::after {display:none;}


.ana-menu li.menu-item-has-children:hover .sub-menu {    position: absolute;   background-color:#cc0000;    width: 200px;    z-index: 99;    display: block;padding-left: 0px; }
.sub-menu li {display:block;}
.sub-menu li:hover {background-color:#141414;}
.sub-menu li a {text-transform: none;}
tr.acfw-store-credits-balance-row{ display:none;}
/*Slider Bölümü*/
.slider-arkasif{background-color:#ffffff; padding-left:0px!important;padding-right:0px!important;height:600px;}
.slider-arkasi {background-color:#ffffff; padding-left:0px!important;padding-right:0px!important;}
.slider-alani {height:600px;padding-left:0px!important;padding-right:0px!important;}

.slide-baslik {font-size:45px;color:#ededed;font-weight: bold;width: 100%;padding-left:5%;padding-top:20%;line-height: 45px;display: inline-block; }
.slider-alani .kirmizi-buton {margin-left:5%;margin-top:20px; }

.swiper-container {      width: 100%;      height: 100%;    }

.swiper-pagination-bullet-active {background:#cc0000;}
.swiper-button-next,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    fill: #cc0000;	border:#cc0000;
}
.swiper-slide {background-size:cover;}
copyright{
	width:100%;
	text-align:center;
	padding:10px;
}
/* Marka Anasayfa */
.brand {
    width: 86px;
    /* float: left; */
	
    display: inline-block;
    padding: 1;
}.brand a img {
    width: 77px;
	margin-top:5px;
	margin-bottom:5px;
    padding: 5px;
    text-align: center;
    display: inline-block;
}
/*Ana Sayfa Ürünler*/

.anasayfa-urunler {margin-top:20px;}
.anasayfa-urunler-tab {text-align: right;display: block;}
.anasayfa-urunler-tab .nav-item {display: inline-block;}
.tab-baslik {float:left;font-size:20px;font-weight: bold;letter-spacing: -1px;}
.tab-content {padding-top:20px;}
.anasayfa-urunler-tab .nav-item a {color:#000000;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#cc0000;font-weight: bold;}
.anasayfa-urunler-alt-logo {margin-left:auto;margin-right:auto;display:block;margin-bottom:30px;}

.urun-kutu {border:1px solid #e5e5e5;padding:15px;text-align:center;margin-bottom:30px;}
.urun-kutu-baslik {margin-top:15px;margin-bottom:15px;display:block;font-size: 17px;}
.urun-kutu-baslik a {color:#141414;}
.urun-kutu-fiyat {font-weight: bold;font-size:18px;line-height: 40px;}
.urun-kutu-fiyat del {line-height: 20px;color:#bbbbbb;font-size:14px;margin-right: 10px;}
.urun-kutu img {width:100%;height:auto;}	
/*Footer Bölümü*/

.footer-alani {background-color:#141414;color:#ffffff;padding-top:30px;padding-bottom:30px;border-top:3px solid #cc0000;margin-top:30px;}
.footer-alani a ,.footer-alani-2 a{color:#ffffff;}
.footer-alani h3 {font-weight: 700;text-align: right;font-size:22px;}
.footer-menu {margin:0px;padding:0px;}
.footer-menu li {list-style:none;text-align: right;}
.footer-alani i {margin-right:10px;}
.footer-adres,.footer-telefon,.footer-eposta {margin-top:20px;display:block;}
.footer-logo {margin-bottom:20px;}
.sayfa-basina-git {    height: 50px; width: 50px; position: fixed; bottom: 20px; right: 15px; display: block; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; color:#ffffff; text-align: center; line-height: 50px; background-color: #cc0000;
font-size:25px;}
.sayfa-basina-git:hover {color:#ffffff;} 

.footer-alani-2 {margin-top:20px;background-color:#141414;color:#ffffff;line-height: 50px;margin-bottom:20px;border-top:3px solid #cc0000;}
.footer-alani-2-sag {text-align:right;}


/*Kategori Sayfası*/

.kategori-sayfasi {margin-top:20px;}
.kategori-sayfasi .tab-baslik {margin-bottom:20px;}
.kategori-sayfasi-sol h3 {margin-bottom:20px;}
.kategori-sayfasi-kategori {border:solid 1px #ebebeb; height:40px;padding-left: 10px; outline:none; padding-right:10px;width: 100%; }
.kategori-aciklama {font-size:13px;margin-bottom:20px;}
.kategori-ust-markalar ul li {display:inline-block; text-align: center;      margin-right: 11px;  }
.kategori-ust-markalar ul li a { padding: 10px;border: 1px solid #e0e0e0;      display:block;}
.kategori-ust-markalar ul li a:hover {border:1px solid #cc0000;}
.kategori-ust-reklam a {display:block;margin-top:15px;margin-bottom:15px;}
.kategori-ust-reklam a img {width:100%;height:auto;}
.kategori-ust-beyaz-kutu {margin-bottom:15px;border: 1px solid #e5e5e5;    padding: 15px;  }
.kategori-ust-sonuc,.kategori-ust-siralama {display:inline-block;margin-bottom:0px;}
.kategori-ust-siralama {float:right;}
.kategori-sayfasi-sol .beyaz-kutu {margin-bottom:20px;}

/*Ürün Detay Sayfası*/

.breadcrumb {    background-color: transparent;    border-radius: 0;    margin-top: 20px;margin-bottom:20px;}
.breadcrumb a {font-weight: bold;color:#cc0000;}
.urun-detay-kutu {margin-bottom:20px;}
.urun-detay-foto img {width:100%;height:auto;border:1px solid #e5e5e5;}

.urun-detay-bilgi h1 {font-size:28px;}
.urun-detay-fiyat {font-size:36px;font-weight: bold;color:#cc0000;margin-bottom:20px;}


.urun-detay-sepete-ekle {margin-top:20px;margin-bottom:20px;}
.miktar {float:left;margin-right:20px;}
.miktar input {border: solid 1px #ebebeb;    height: 42px;    padding-left: 10px;    outline: none;    padding-right: 10px;text-align: center;}

.urun-detay-ozellikler .tab-content {padding-top:0px;width: 100%;}
.urun-detay-ozellikler .nav-tabs {border-bottom:none;}
#urun_detay_icerik .tab-pane {padding:15px;border:1px solid #e5e5e5;}


#ozellik table th {width: 30%;}

#yorumlar .row {margin-bottom:20px;}

.urun-detay-benzer-urunler {margin-top:20px;}

.flogo{
	width:100%;
	text-align:center;
	padding:10px;
}
.fbrand{

}
aside.footi{
	width:228px;
    width: 228px;
    padding: 40px;
    text-decoration: none;
}
nav ul li {
    list-style: none;
}
aside h3 {
    font-size: 14px;
    font-weight: bold;
	color:#cc0000;
}
h2.woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 600;
	text-align:center;
}
aside nav ul li a{
	font-size:13px;
	line-height:2.1;
}
.banka{
	    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  width:600px;
}
.woocommerce ul.products li.product .price{
	text-align:center;
	text-decoration:none;
}
.woocommerce ul.products li.product .price ins{
	text-decoration:none;
}
.woocommerce div.product{
	background-color:#fff;
	padding:20px;
}
.woocommerce .woocommerce-breadcrumb{
	padding:10px;
}
h1.product_title.entry-title {
    font-size: 21px;
    font-weight: 600;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color:#cc0000;
	
}
.woocommerce div.product form.cart .button{
	width:100%;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover{
	background-color:#cc0000;
	
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
	background-color:#cc0000;
}
@media (max-width: 736px){
  

.slider-arkasif {
    background-color: #ffffff;
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 218px;
}
	.banka{width:100%;}
	.ust-bar-sag{
		display:none;
	}
  .menu-alani{
    }
  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top{
    padding-top:0px !important;
  }
	.ust-bar-sol{
		text-align:center !important;
	}
	
	.logo-alani{
		text-align:left;
	}
  .arama-alani{
    display:none;
  }
	.sepet-alani{
		
	}
  span.sepet-guncel{
   font-size:10px;
       padding-top: 13px;
  }
  .sepet-alani {
    background-size: 15%;
    margin-top: 0px !important; 
    background-position: right 15px center;
    padding-right: 80px;
    text-align: right;
    width: 45%;
}
  
  .site-logosu{
    width:100% !important;
  }
  .logo-alani {
    margin-bottom: 20px;
    /* text-align: center; */
    width: 50%;
}
    #navbg{padding-bottom:0px;
  }

}


.wc-block-components-title.wc-block-components-title{font-weight:bold;
}
}