/*
Theme Name: Byte Custom
Description: Sıfır Araba Bul Web Sitesi
Version: 1.2
Author:	Ferhat ÇAKILTAŞ
Theme URI: https://sifirarababul.com
Author URI: https://fc.net.tr

*/ 

.fc-content__content--comment .crumbs .sub-title span { display: inline-block; font-size: 17px; font-weight: 500; }
.fc-content__content--comment textarea {border: 1px solid #d0d0d0;background: #eaeaea;padding:10px;border-radius:5px;width: 100%;height: 99px;box-sizing: border-box;}
.fc-content__content--comment .comment-notes { margin: 0; padding: 0px 5px; font-size: 12px; }
.fc-content__content--comment .comment--info {width: 100%;height: 55px;padding: 10px 0;}
.fc-content__content--comment .comment--info .comment-name {width: 50%;float: left;margin: 0;padding-right: 10px;display: flex;align-items: center;}
.fc-content__content--comment .comment--info .comment-name:nth-child(2) {float:right;}
.fc-content__content--comment .comment--info .comment-name label {font-size: 14px;color: #000;font-weight: 500;display: inline-block;margin-right: 11px;}
.fc-content__content--comment .comment-form-author input,.fc-content__content--comment .comment-form-email input {background: #e4e4e4;border: 0;height: 35px;border-radius: 5px;border: 1px solid #c3c3c3;width: 100%;padding: 0px 0px 1px 10px;}
.fc-content__content--comment p.yorum {margin-bottom: 0;}
.fc-content__content--comment input#submit {background-color: var(--primarycolor)!important;border: 0;font-size: 14px;padding: 10px 10px;border-radius: 5px;color: var(--lightblack)!important;font-weight: 600;cursor: pointer;width: 120px!important;float: none;margin-left: 0;text-align: center;transition: all .3s;border: 1px solid var(--primarycolor);}
.comment-form-email label {}
.comment-form-author label {}
p.comment-form-url{display:none;}
.comment-form-cookies-consent {font-size: 11px;}
.comment-form-cookies-consent input {margin: 0;width: 10px;height: 10px;}
.comment-tab {margin: 0px;padding: 0px;list-style: none;display: flex;align-items: center;margin-top: 0;flex-wrap: wrap;background: #ffffff;border-bottom: 1px solid var(--lightgray);}
.comment-tab .comment-tab-item {background: none;color: var(--darksecondarycolor);font-size: 20px;padding: 15px 15px 10px;cursor: pointer;text-align: center;height: 100%;justify-content: center;align-items: center;display: flex;border-right: 1px solid #ffffff;font-weight: 700;}
.comment-tab .comment-tab-item.current {}
.fc-content__content--comment {background: #ffffff;padding: 0;margin-top: 30px;border-radius: 15px;overflow: hidden;box-shadow: rgb(0 0 0 / 14%) 0px 0px 5px 0px;}
h2.comments-title {margin-top: 0;}
ol.comment-list {list-style-type: none;padding: 10px;}
.comment-list .comment {padding: 10px;margin-bottom: 10px;border-radius: 0px;}
.comment-list .says {display: none;}
.comment-list .fn {font-style: normal;}
.comment .children {list-style: none;padding-left: 20px;}
h3.comment-reply-title {color: #000 !important;margin: 0 0 20px 0 !important;}
a#cancel-comment-reply-link {color: #427f83;}
h2.comments-title {padding: 5px !important;margin: 10px 0 30px 0;}
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss {display: block}
ol.commentlist {width: 100%}
h3#comments,#respond h3 {height: 25px;text-align: left;background: #fff;color: #fff;padding: 5px 0 0 5px}
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform {margin: 0}
ol.commentlist,ol.commentlist ul,form#commentform {padding: 0}
ol.commentlist {border-bottom: 0px solid #ccc}
ol.commentlist ul {margin: 0 0 0 20px}
li.authorcomment,li.comment,form#commentform textarea,form#commentform input {border: 0px solid #ccc;box-sizing: border-box;}
li.authorcomment,li.comment {padding: 10px 0 0 10px;list-style: none;border-bottom: none;font-size: 14px;position: relative;}
li.even {border-bottom: 1px solid #efefef;background: #fff !important;margin: 0 0 20px 0;}
li.odd { border-bottom: 1px solid #efefef; background: #f2f2f2!important; margin: 0 0 20px; }
.authorcomment {background: #deebf9}
ul.children ul {margin-left: 20px}
ul.children li {border-right: none}
.vcard img {float: left;background: #c4c4c4;width: 50px;height: 50px;margin-right: 10px;border-radius: 50px;}
.vcard img,.comment-navigation .newer a,.comment-navigation .older a {padding: 0px}
.vcard cite {font-weight: bold !important}
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label {position: relative}
.comment-meta,ol.commentlist li small {top: 0;left: 0}
.comment-text {margin: 0 10px 0 0}
.reply,.comment-navigation .newer,input#submit {float: right}
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit {background: #fff;color: #839595 !important;}
.reply {margin: 0 !important;position: absolute;top: 0;right: 0;float: right;width: auto !important;text-align: left!important;background: none;font-weight: bold;padding: 10px 10px 0 0;/* color: #fff !important; */}
a.comment-reply-link,.reply a:link, .comment-navigation .newer a,.comment-navigation .older a,input#submit {margin: 0;padding: 0;text-align: left;cursor: pointer;color: #839595;width: 100% !important;float: left;margin-left: 10px;background: none !important;}
a.comment-reply-link,.reply a:link {}
a.comment-reply-link,.reply a:link,input#submit {}
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover, .comment-navigation .older a:hover {background: none !important;text-decoration: none;color: #1D1D1D;font-weight: bold}
a.comment-reply-link:hover,.reply a:hover {width: 100% !important}
a.comment-reply-link:hover,.reply a:hover {}
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover {border: 0px solid #1D1D1D}
.comment-navigation {margin: 10px 0 10px 0}
.comment-navigation:after,#respond:after {content: ".";height: 0;visibility: hidden}
.comment-navigation .newer a:hover,.comment-navigation .older a:hover {padding: 4px}
.comment-tab-content {display: none;}
.comment-tab-content.current {display: block;}
.fc-content__content--comment .comment-tab-container {margin-top: 0;padding: 20px 15px 10px 15px;background: #ffffff;box-sizing: border-box;}
.comment-tab-content .comments-area h2 {margin-top: 0;}
form#commentform textarea,form#commentform input {padding: 10px;}
li.even { border-bottom: 1px solid #efefef; background: #fff !important; margin: 0 0 20px 0; }
.comment-meta a { text-decoration: none; color: #ababab; font-size: 11px; }		
.fc-content__content--comment input#submit:hover {
    background-color: #ffffff!important;
}
.comment-list .fn a {background-image: none!important;font: 600 18px/20px "Titillium Web", Arial!important;}

.comment-meta.commentmetadata a {
    background-image: none!important;
    font: 500 14px/14px "Titillium Web", Arial!important;
    color: #ababab!important;
}
.vcard img, .comment-navigation .newer a, .comment-navigation .older a {margin: 0 10px 0 0!important;}
.comment-list .comment .comment-body p {
    font: 500 16px/18px "Titillium Web", Arial!important;
    margin-top: 10px!important;
}
a#cancel-comment-reply-link {
    color: var(--lightblack);
    font: 500 14px/16px "Titillium Web", Arial;
    background-image: none;
    background-color: var(--primarycolor);
    padding: 0 5px;
    margin-left: 10px;
}
.comment-form-cookies-consent label {
    font: 500 14px/16px "Titillium Web", Arial;
}
.post-feature .post-feature-content .row .feature-col:hover {
    transform: scale(1.05);
}

.post-feature .post-feature-content .row .feature-col {
    transition: all .3s;
}

.post-feature .post-feature-content .row .feature-col figure {
    margin-bottom: 0;
}
.post-detail .post-detail-top .post-detail-gallery .car-photo-thumb{overflow-y: hidden;
    overflow-x: scroll;}
.post-bread .breadcrumb ol li::after {
    border-left: 6px solid #f2f2f3;
}
.post-bread .breadcrumb {
    background-color: #f2f2f3;
}
.navigation ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.navigation ul li a {
    text-decoration: none;
    background-color: var(--secondarycolor);
    color: #ffffff;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 10px;
	transition:all .3s;
}

.navigation ul li.active a {
    background-color: var(--primarycolor);
}
.navigation ul li a:hover {
    background-color: var(--primarycolor);
	    color: var(--secondarycolor);
}
.post-detail .post-detail-top .post-detail-gallery .car-photo-thumb::-webkit-scrollbar {
  height:7px;
  border-radius:10px;
}

/* Track */
.post-detail .post-detail-top .post-detail-gallery .car-photo-thumb::-webkit-scrollbar-track {
  background-color: #f1f1f1; 
  border-radius:10px;
}
 
/* Handle */
.post-detail .post-detail-top .post-detail-gallery .car-photo-thumb::-webkit-scrollbar-thumb {
  background-color:var(--sifirarababul-lightcolor); 
  border-radius:10px;
  height:7px;
}

/* Handle on hover */
.post-detail .post-detail-top .post-detail-gallery .car-photo-thumb::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondarycolor); 
}
.navigation-post-buttons {
    position: fixed;
    top: 50%;
    left: 0px;
    background-color: #ffffff;
    text-decoration: none;
    color: var(--secondarycolor);
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateY(50%);
    z-index: 99;
    text-align: center;
    display: inline-block;
    height: 250px;
    padding: 10px;
    font-size:14px;
    box-shadow: rgb(255 212 0 / 0%) 0px 6px 24px 0px, rgb(255 212 0 / 2%) 0px 0px 0px 1px;
}
.navigation-post-buttons:hover{
    box-shadow: rgb(255 212 0 / 30%) 0px 6px 24px 0px, rgb(255 212 0 / 23%) 0px 0px 0px 1px;
}
.navigation-post-buttons.next-post-button {
    left: auto;
    right: 0;
    writing-mode: vertical-rl;
    transform: rotate(0deg) translateY(-50%);
}

.navigation-post-buttons.prev-post-button:before,.navigation-post-buttons.next-post-button:before {
    content: "Önceki";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:600;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.navigation-post-buttons.prev-post-button:before{
    content: "Önceki";
}
.navigation-post-buttons.next-post-button:before{
    content: "Sonraki";
}
.navigation-post-buttons.prev-post-button:hover:before,.navigation-post-buttons.next-post-button:hover:before {
    opacity: 1;
    visibility: visible;
    background-color: var(--primarycolor);
}
p {
    font: 16px/22px "Titillium Web", Arial;
    margin-bottom: 10px;
}
.page-h1 {
    font: 500 14px/30px "Titillium Web", Arial;
    text-align: center;
    background-color: #ededed;
    margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .navigation-post-buttons.next-post-button,.navigation-post-buttons.prev-post-button {
    position: relative;
    transform: initial;
    top: auto;
    writing-mode: initial;
    height: auto;
    width: calc(50% - 22px);
    min-height: 50px;
    right: auto;
    display: inline-flex;
    justify-content: center;
}
}

.breadcrumb ol li:nth-child(4){
	max-width:270px;
}
.comment-tab .comment-tab-item h2 {
    margin-bottom: 0!important;
    border-left: 0!important;
    padding-left: 0!important;
    text-align: left;
    font: 700 18px/28px "Titillium Web", Arial!important;
}

.car-description .car-description-content a {
    text-decoration: none;
    color: var(--secondarycolor);
    font: 700 16px/24px "Titillium Web", Arial;
    background-image: linear-gradient(0deg, rgba(243, 208, 46, 0.5), rgba(243, 208, 46, 0.5));
    background-size: 5px 5px;
    background-repeat: repeat-x;
    background-position: bottom;
}

.car-description .car-description-content p {
    text-align: justify;
}
.car-description .comment-tab-content .comments-area h2 {
    font-size: 1em;
    line-height: 1em;
}
.news-container .news-row .news-right .news-content p strong {
    font-weight: 700;
}
.news-container .news-row .news-right .news-content .post-tag a {
    display: inline-block;
    margin-bottom: 10px;
	font-size: 12px;
	padding: 0px 10px;
	transition:all .3s;
}
.news-container .news-row .news-right .news-content .post-tag a:hover {
    background-color: #f2f2f3;
}
.news-container .news-row .news-right .news-content p {
    color: #353535;
}
.price {
    font: 700 26px/34px "Titillium Web", Arial;
    position: relative;
    display: inline-block;
    z-index: 11;
    padding: 0 10px;
    color: #333333;
}

.price:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: var(--primarycolor);
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: .5;
    border-radius: 20px;
}
.price span {
    font-size: 15px;
}
.news-container .news-row .news-right .news-content li {
    font: 500 20px/26px "Titillium Web", Arial;
    margin-bottom: 15px;
}

.news-container .news-row .news-right .news-content img,.news-container .news-row .news-right .news-content .wp-caption {
    max-width: 100%;
}
.social .social-share {padding: 15px;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;margin-bottom: 50px;/* background-color: #ffffff; */}

.social .social-share p {
    text-align: center;
    width: fit-content;
    margin: -28px auto 15px;
    font-weight: 600;
    background-color: #f2f2f3;
    padding: 0 15px;
    color: #333333;
}

.social .social-share .social-share-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    column-gap: 15px;
}

.social .social-share .social-share-content a {
    display: inline-block;
    width: calc(25% - 15px);
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    font-weight: 600;
    transition: all 0.3s;
    z-index: 12;
}
@media screen and (max-width: 768px) {
  .social .social-share .social-share-content a {
   width: calc(50% - 15px);
  }
}
.social .social-share .social-share-content a:hover {
    opacity:.7;
}

.social .social-share .social-share-content a[href*="facebook"] {
    background-color: #2374E1;
}
.social .social-share .social-share-content a[href*="twitter"] {
    background-color: black;
}
.social .social-share .social-share-content a[href*="linkedin"] {
    background-color: #0a66c2;
}
.social .social-share .social-share-content a[href*="whatsapp"] {
    background-color: #25D366;
}
.car-description .car-description-content p strong {
    font-weight: 700;
}
.news-container .news-row .news-right .news-content table {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}

.news-container .news-row .news-right .news-content table tr td {
    padding: 6px 10px;
    font-size: 16px;
    color: #333333;
    border-right: 1px solid #d9d9d9;
}

.news-container .news-row .news-right .news-content table tr td strong {
    font-weight: 700;
}

.news-container .news-row .news-right .news-content table tr {
    background-color: #ededed;
    border-top: 1px solid #d9d9d9;
}

.news-container .news-row .news-right .news-content table tr:nth-child(even) {
    background-color: #e4e4e4;
}

.news-container .news-row .news-right .news-content table tr:hover {
    background-color: #ffffff;
    cursor: default;
}
.news-container img {
    box-shadow: 0px 20px 30px -5px #a9a9a9;
}
.news-container .news-row .news-right .news-content h2,.news-container .news-row .news-right .news-content h3,.news-container .news-row .news-right .news-content h4{
	background-image: linear-gradient(90deg, #fff6ca, rgb(255 246 202 / 20%));
}

.news-container .news-row .news-right .news-content blockquote {
    border: 1px solid #e6e6e6;
    padding: 10px;
    border-radius: 10px;
	margin-bottom:10px;
}

.news-container .news-row .news-right .news-content blockquote p {
    font-size: 15px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 5px;
    line-height: 12px;
}

.news-container .news-row .news-right .news-content blockquote li {
    list-style: none;
    margin-bottom: 0;
    line-height: 17px;
}

.news-container .news-row .news-right .news-content blockquote ul {
    padding: 0;
    margin: 0;
}

.news-container .news-row .news-right .news-content blockquote li a {
    font-size: 14px;
    background-image: none;
    line-height: 12px;
    font-weight: 300;
    color: grey;
}

.news-container .news-row .news-right .news-content blockquote li a:hover {
    text-decoration: underline;
}
.news-container .news-row .news-right .news-content table tr th {
    padding: 6px 10px;
    font-size: 16px;
    color: #000000;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}

.news-container .news-row .news-right .news-content table tr th strong {
    font-weight: 700;
}

.brand-item-image img{
	height:auto;
}
.post-item-description .category{
	color:#6a6a6a;
}
li.cat-item-none {
    display: none;
}
iframe {
    max-width: 100%;
}
time.fc-content__content-info__date {
    font-size: 13px;
    width: 100%;
    display: block;
    margin-top: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    color: #4e4e4e;
}
.news-container .news-row .news-right .google-news p a {
    display: inline-block;
    text-indent: -99999px;
    background: url('https://www.sifirarababul.com/pwa/img/google-news.svg') no-repeat;
    width: 120px;
    background-position-x: 5px;
    background-position-y: 10px;
    background-size: 130px;
}

.news-container .news-row .news-right .google-news p {
    font-size: 16px;
    background-color: #f9f9f9;
    padding-left: 15px;
    padding-bottom: 4px;
    border-radius: 10px;
    border: 1px solid #dadadb;
}
.post-feature .post-feature-content .row .feature-col .feature-content{
	min-height: 60px;
}
.post-feature .post-feature-content .row .feature-col{
	width: 33.33%;
}
.news-container .news-row .news-left .social-share .social-share-content a:hover {
    transform: scale(1.1);
}
.category-page-description a {
    text-decoration: none;
    color: var(--secondarycolor);
    font: 700 17px/20px "Titillium Web", Arial;
    background-image: linear-gradient(0deg, rgba(243, 208, 46, 0.5), rgba(243, 208, 46, 0.5));
    background-size: 3px 3px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.post-view-count {
    font-size: 13px;
    width: 100%;
    display: block;
    margin-top: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    color: #4e4e4e;
}
.car-description-meta {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    border-top: 1px solid #c2c2c2;
    padding-top: 8px;
    margin-top: 25px;
}
.car-description-meta .box {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    color: #4e4e4e;
}
.tags .post-tag a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 11px!important;
    padding: 0px 10px!important;
    transition: all .3s;
    background-size: 0;
    background-color: #ffffff;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
    margin-left: 3px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 5px 0px;
    margin-top: 13px;
}

.install-area { display: flex; align-items: center; justify-content: center; padding: 10px; margin-bottom: 25px; border-radius: 50px; background: #0d96d4; background: linear-gradient(to right,#0d96d4 0,#2dc7ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62f2f',endColorstr='#ff5d3d',GradientType=1 ); } 
.install-area p { margin: 0; font-family: 'Roboto'; font-size: 14px; color: #fff; } 
.install-area #install-app { background-color: white; border: 0; margin-left: 10px; color: #000; cursor: pointer; border: 1px solid #262626; box-shadow: none; padding: 5px 15px; border-radius: 20px; transition: all .3s; } 
.install-area #install-app:hover { background-color: #141414; color: #fff; } 
.cookieAcceptBar { display: none; position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background-color: #333; color: #fff; padding: 10px 2.5%; z-index: 99999; } 
.cookieAcceptBar a { color: #fff; text-decoration: none; font-weight: bold; } 
#cookieAcceptBarConfirm { cursor: pointer; border: none; background-color: #ffd401; color: #333333; margin: 0 0 0 10px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; transition: all .3s; } 
.cookieAcceptBar .coockieContent { display: flex; align-items: center; } 
.cookieAcceptBar .coockieContent p { margin: 0; font-size: 14px; } 
.cookieAcceptBar .coockieContent #cookieAcceptBarConfirm:hover { opacity: .7; } 
@media only screen and (max-width: 768px) { 
	.cookieAcceptBar .coockieContent { flex-wrap: wrap; justify-content: center; } 
	#cookieAcceptBarConfirm { font-size: 12px; line-height: 24px; height: auto; margin-top: 5px; } 
	.cookieAcceptBar .coockieContent p { font-size: 12px; } 
}