/*
Theme Name: pixel
Theme URI: https://www.tabelavizyon.com/temalar/pixel
Author: <a href="https://www.tabelavizyon.com/hakkimizda">Yazar: admin</a>
Author URI: https://www.tabelavizyon.com/iletisim
Description: Responsive pixel Theme
Version: 999
License: Registered. It only belongs to pixel
Text Domain: pixel
Tags: cilt bakımı, makyaj, masaj, vücut bakımı, spa, cilt operasyon, detoksifikasyon, sauna, nail art, make up
*/
/*---------------------GENERAL CSS SETTİNGS-----------------------*/
*:focus{outline: none!important;box-shadow: none!important;}
body{
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
}
h1, h2, h3, h4, h5, h6, p, a, .h1, .h2, .h3, .h4, .h5, .h6, .btn{margin: 0px;}
html, body{overflow-x: hidden;}
a{color: #838383;text-decoration:none;}
a:hover{color: #000;transition: all 0.7s;}
.bi{fill: currentColor;}
::marker{color: #491eff;}

ul, li{margin: 0px!important;padding: 0px!important;}
.list-style li, li.list-style{list-style-type: square!important;}
#productComment{scroll-margin-top: 200px;}
.d-none{display: none;}
.text-justify{text-align: justify;}
.letter-spacing{letter-spacing: 1px;}


.neon-text-simple{color:#ffffff!important;font-weight:bold;text-shadow:0 0 5px #fff,0 0 10px #0073ff,0 0 20px #0073ff,0 0 40px #0073ff;transition:text-shadow 0.3s ease-in-out,transform 0.3s ease;display:inline-block;}
.neon-text-simple:hover{text-shadow:0 0 8px #fff,0 0 18px #0073ff,0 0 35px #0073ff,0 0 55px #0073ff;transform:translateY(-2px);}
/*--------------------İMAGE DEFAULT SİZE SETTİNGS-----------------------*/
@media (max-width: 768px) {

}	.img-bottom-color::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 30%;z-index: 0;
background-image: linear-gradient( #ffffff00, #fff);}
.zoom img{display: block;width: 100%;height: auto;transition: all 0.3s;transform: scale(1);}
.zoom:hover img{transform: scale(1.5);transition: all 0.7s linear;}
.img-cover img, img.img-cover{object-fit: cover!important;}
.img-contain img, img.img-contain{object-fit: contain;}
.rounded-img img, img.rounded-img{border-radius: 0.375rem;}
/*Image Custom Default Sizes ------------ */
.img-mini img, img.img-mini{width: 100px!important;;height: 100px!important;}
.img-s img, img.img-s{width: 100%;height: 200px!important;}
.img-m img, img.img-m{width: 100%;height: 350px!important;}
.img-l img, img.img-l{width: 100%;height: 500px!important;}
.img-slider img, img.img-slider{width: 100%;height: 550px!important;}

@media(min-width: 280px) and (max-width: 480px){
.img-s img, img.img-s{width: 100%;height: 150px!important;}
.img-m img, img.img-m{width: 100%;height: 250px!important;}
.img-l img, img.img-l{width: 100%;height: 350px!important;}
.img-slider img, img.img-slider{width: 100%;height: 450px!important;}
}
/*.img-slider img, img.img-slider{width: 100%;height: 100vh!important;}*/
/* ------------ Special Color ------------------*/
.a-hover-white:hover a{color: #fff!important;transition: .4s;}
.a-hover-dark:hover a{color: #000!important;transition: .4s;}

.bg-customcolor{background:linear-gradient(45deg,#0d6efd,#0052cc)!important;}
.text-customcolor{color:#0d6efd!important;}
.border-customcolor{border-color:#0d6efd!important;}
.btn-customcolor{background:linear-gradient(45deg,#0d6efd,#0052cc);border:none;color:#fff;transition:.4s;box-shadow:0 4px 15px rgba(13,110,253,0.3);}
.btn-customcolor:hover{background:linear-gradient(45deg,#0052cc,#0d6efd);color:#fff!important;transform:translateY(-2px);}
.btn-outline-customcolor{border:solid 1px #0d6efd;color:#0d6efd;background-color:transparent;transition:.4s;}
.btn-outline-customcolor:hover{background-color:#0d6efd;color:#fff!important;}

/* ===================== HEADER.PHP ============================== */
.responsive-header-title {font-size:clamp(1.8rem,5vw,3.5rem)!important;overflow-wrap:break-word;word-wrap:break-word;
  hyphens:auto;max-width:90%;margin:0 auto;line-height:1.2;}
@media (max-width:576px) {.responsive-header-title {font-size:1.5rem!important;letter-spacing:1px;}}

/*-------------------- Navigation (Header Menu) --------------------------*/
.header .navbar{transition: all 0.3s linear;z-index: 1030;}
.header .navbar li{padding: 0.25rem 0.65rem!important;text-align: center;}
.header a.nav-link{color: #000;font-size: 16px;}
@media only screen and (min-width: 992px){.header a.nav-link{padding: 1rem;}}
.header li.nav-item:hover > a.nav-link{color: #491eff;}
/* ---------------------- FOOTER ---------------------------*/
.footer a.nav-link{color: #000!important;}
.footer a.nav-link:hover{color: #0d6efd!important;}
/*--------------------- DROPDOWN ---------------------*/
.dropdown-item{white-space: normal;}
ul.dropdown-menu.sub a, ul.dropdown-menu.subsub a{margin: 0px;width: 100%;padding: 0.25rem;}
ul.dropdown-menu.sub li.menu-item-has-children span::before{content: "•";}
/*ul.dropdown-menu.subsub a.dropdown-item::before{content: "\25CF";}*/
ul.dropdown-menu.subsub{margin-left: 1rem;}
ul.dropdown-menu.sub li, ul.dropdown-menu.sub, ul.dropdown-menu.subsub{
border-radius: 0px;border: none;background-color: #fbfbfb;}
.dropdown-menu li.menu-item{
border-radius: 0px;border-left: none!important;background-color: transparent;padding: 0.25rem;width: 100%;}
ul.dropdown-menu a:hover{background-color: transparent;color: #491eff!important;}
.dropdown-menu li.menu-item a:hover, .dropdown-menu li.menu-item a:focus{background-color: transparent;}
ul.dropdown-menu.subsub span::before{content: " "!important;}
@media only screen and (max-width: 992px) {
ul.dropdown-menu.sub, ul.dropdown-menu.subsub{display: none;}
ul li:hover > ul li, ul.dropdown-menu.subsub{display: block;}
}
@media only screen and (min-width: 992px) {
.dropdown-menu{min-width: 19rem;border-radius: 0px;}
ul.dropdown-menu.sub{background-color: transparent;justify-content: center;
margin: 0px;padding: 0px;flex-direction: column;line-height: 0.5rem;top: 2rem;min-height: 3rem;
display: block;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
ul li:hover  > ul.dropdown-menu.sub{display: block!important;top: 2.5rem;opacity: 1;
visibility: visible!important;transition: .5s!important;}
ul.dropdown-menu.subsub{position: absolute;right: 19rem;justify-content: center;margin: 0px;
padding: 0.25rem;flex-direction: column;top: 1rem;text-transform: capitalize;min-height: 3rem;
background-color: #fff;display: block;top: 100%;opacity: 0;visibility: hidden;transition: .5s;}
ul.dropdown-menu.sub li:hover > ul.dropdown-menu.subsub{top: 0%;opacity: 1;visibility: visible!important;transition: .5s!important;}
ul.dropdown-menu.sub a, ul.dropdown-menu.subsub a{padding: 1rem;} 
}
/*---------------------------Sidebar----------------------------------*/
.sidebar input#s{width: 100%;}
.sidebar h5{color: #491eff;}
/* ----------------- Front-Page Carousel Slider -----------------*/
.carousel-indicators [data-bs-target]{width: 17px;height: 17px;border-radius: 100%;}
.carousel-indicators{margin-left: 5%;bottom: 5%;}
/*---------------------------- Pagination ---------------------------------*/
.pagination .nav-links{display: flex;justify-content: space-between;width: 5rem;}
span.page-numbers.current{border: solid 1px #491eff;background-color: #491eff;color: #fff;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers{border: solid 1px #491eff;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers:hover{background-color: #491eff;color: #fff;}
/* -------------- Single Page Content -------------------- */
/*.wp-block-image{height: 17rem!important;}*/
@media only screen and (max-width: 768px){.wp-block-image.size-large{width: 100%!important;}}
.wp-block-gallery img:hover{border: solid 1px #491eff;transition: all 0.7s;}
/* ---------------- Contact Form ---------------------*/
.wpcf7 input, .wpcf7 textarea{width: 100%!important;border:solid 1px #acacac;border-radius: 5px;padding: 0.5rem;}
.wpcf7 label, .wpcf7 textarea{width: 100%;}
.wpcf7 p{width: 100%;margin-top: 1rem;}
.wpcf7 textarea{height: 7rem;}
.wpcf7 input.wpcf7-submit{background-color: #fff;color: #000;transition: all 0.5s;width: 33%!important;}
.wpcf7 input.wpcf7-submit:hover{background-color: #491eff;color: #fff;color: #fff;transition: all 0.5s;}
.wpcf7 .wpcf7-checkbox input{width: auto!important;}
/*-------------------------Comments Template-------------------------*/
p.comment-form-comment{display: flex;flex-direction: column;}
textarea#comment{width: 100%;}
p.comment-form-author, p.comment-form-email{width: 50%;display: flex;flex-direction: column;}
@media only screen and (max-width: 768px){p.comment-form-author, p.comment-form-email{width: 100%;}}
.comment-form input#submit{background-color: #491eff;border: none;color: #fff;padding: 0.5rem 1.25rem;margin-top: 1rem;}
.comment-form input#submit:hover{transition: .4s;}
.comment-form input{border:solid 1px #acacac;border-radius: 5px;padding: 0.5rem;}
.comment-form p{margin-top: 1rem;}
#customComment li.comment{background-color: #cdcdcd;margin: 2rem 0rem!important;padding: 1rem!important;border-radius: 7px;}
#customComment .comment-body{background-color: #ecedeb;margin: 1rem!important;padding: 1rem!important;border-radius: 7px;}

/*------------------ Front Page Owl Carousel Slider --------------------*/
.owl-nav{position: inherit;top: -105%;margin: 0px;}
.owl-nav button{position: absolute;background-color: transparent!important;}
.owl-nav button.owl-next, .owl-nav button.owl-next span{
float: right;right: 0%;font-size: 3rem;padding: 0.15rem 0.7rem 0.5rem 0.7rem;
line-height: 1rem;color: #491eff;font-weight: 300;}
.owl-nav button.owl-prev, .owl-nav button.owl-prev span{
float: right;right: 4%;font-size: 3rem;padding: 0.15rem 0.5rem 0.5rem 0.7rem;
line-height: 1rem;color: #491eff;font-weight: 300;}

/* -------- Slick Slider (custom product single page slider) ------------ */
.slick-slide{margin: 0 3px;}
section{padding: 0 10px;}
.slick-prev:before, .slick-next: before{color:#000;}
.slider-for img{width: 100%;height: 400px;object-fit: cover;}
.slider-nav img{height: 100px;object-fit: cover;cursor: pointer;}



/* =========================== FRONT PAGE SERVİCES (MAİN CATEGORİES) CARD ========================= */
/*.main-cat-card{min-height:300px;transition:all .5s cubic-bezier(.25,1,.5,1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,#11d614,#000);border:none!important;border-bottom:6px solid #ffffff!important;padding:2rem;}
.main-cat-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(17,214,20,.4);border-bottom-color:#11d614!important;}
.cat-icon-decor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(30px,10vw,50px);font-weight:900;color:rgba(255,255,255,.05);line-height:1.2!important;z-index:1;pointer-events:none;text-transform:uppercase;font-family:inherit;white-space:normal;user-select:none;width:90%;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;}
.main-cat-card h3{line-height:1.6!important;margin-bottom:20px!important;position:relative;z-index:3;}
.cat-divider{width:60px;height:4px;background-color:#11d614;transition:width .3s ease;margin:15px auto;}
.main-cat-card:hover .cat-divider{width:110px;background-color:#ffffff;}
.tracking-wider{letter-spacing:2px;}
.z-index-2{z-index:2;width:100%;}*/


/* =========================== FRONT PAGE SERVİCES (MAİN CATEGORİES) CARD 2 ========================= */
.main-cat-card{min-height:300px;transition:all .5s cubic-bezier(.25,1,.5,1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,#0d6efd,#000);border:none!important;border-bottom:6px solid #ffffff!important;padding:2rem;}
.main-cat-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(13,110,253,.4);border-bottom-color:#0d6efd!important;}
.cat-icon-decor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(30px,10vw,50px);font-weight:900;color:rgba(255,255,255,.05);line-height:1.2!important;z-index:1;pointer-events:none;text-transform:uppercase;font-family:inherit;white-space:normal;user-select:none;width:90%;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;}
.main-cat-card h3{line-height:1.6!important;margin-bottom:20px!important;position:relative;z-index:3;}
.cat-divider{width:60px;height:4px;background-color:#0d6efd;transition:width .3s ease;margin:15px auto;}
.main-cat-card:hover .cat-divider{width:110px;background-color:#ffffff;}
.tracking-wider{letter-spacing:2px;}
.z-index-2{z-index:2;width:100%;}