@charset "UTF-8";
/*
Theme Name: citylight
Theme URI: https://www.tabelavizyon.com/temalar/citylight
Author: <a href="https://www.tabelavizyon.com/hakkimizda">Yazar: admin</a>
Author URI: https://www.tabelavizyon.com/iletisim
Description: Responsive citylight Theme
Version: 999
License: Registered. It only belongs to citylight
Text Domain: citylight
Tags: cilt bakımı, makyaj, masaj, vücut bakımı, spa, cilt operasyon, detoksifikasyon, sauna, nail art, make up
*/
/*---------------------GENERAL CSS SETTİNGS-----------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap');
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}*/
/**{text-applianceation: none!important;list-style-type: none!important;}*/
*: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;
direction: rtl!important;
}
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: #fcfb00;}
.w-50-custom{width: 50%!important;}
.w-75-custom{width: 75%!important;}
@media only screen and (max-width: 768px) {
.w-50-custom{width: 100%!important;}
.w-75-custom{width: 100%!important;}
}
.custom-img-w-50 img{width: 50%!important;float: left;padding: 1rem;}
@media only screen and (max-width: 768px) {
.custom-img-w-50 img{width: 100%!important;}
}
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;}

	.strikediag {
  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}
.withpadding {
  padding: 0 0.15em;
}

/*--------------------İ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{position: relative;overflow: hidden;}
.zoom img{max-width: 100%;display: block;width: 100%;height: auto;transition: all 0.3s;transform: scale(1);}
.zoom:hover img{transform: scale(1.3);transition: all 0.7s linear;}
.img-cover img, img.img-cover{object-fit: cover;}
.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;}

@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;}
}
/* ------------ Special Color ------------------*/
.a-hover-white:hover a{color: #fff!important;transition: .4s;}
.a-hover-dark:hover a{color: #000!important;transition: .4s;}

.bg-grey{background-color: #f1f1f1;}
.bg-yellow{background-color: #fcfb00!important;}
/*.bg-orange{background-color: #ff9100!important;}*/

.bg-soft-white{background-color: #ffffff7a;}
.bg-soft-dark{background-color: #0000007a;}
.bg-soft-yellow{background-color: #fcfb007a;}
.bg-gradient-white{background: linear-gradient(90deg, #ffffff00, white, #ffffff00);}
.bg-gradient-yellow{background: linear-gradient(90deg, #ffffff00, #000, #ffffff00);}
/*.bg-gradient-dark{background: linear-gradient(90deg, #00000000, #5E0826, #00000000);}*/
.bg-gradient-dark{background: radial-gradient(circle 280px at 0% 0%, #444444, #0c0d0d);}
.bg-glass{background-color: #ffffff33;}
.bg-blur{backdrop-filter: blur(5px);}

.text-grey{color: #f1f1f1;}
.text-yellow{color: #fcfb00!important;}
/*.text-orange{color: #ff9100!important;}*/
/*.text-white, .text-white a, a.text-white{color: #fff!important;}*/


.border-grey{border-color: #f1f1f1!important;}
.border-yellow{border-color: #fcfb00!important;}
/*.border-orange{border-color: #ff9100!important;}*/

.btn{border: none;}
.btn-light:hover{background-color: #fff;color: #fcfb00;transition: .4s;}
.btn-light:focus{background-color: #fcfb00!important;color: #fff!important;transition: .4s;}

.btn-yellow{background-color: #fcfb00;border: none;color: #000;border: solid 1px #fcfb00;}
.btn-yellow:hover{background-color: #fcfb00;color: #000!important;transition: .4s;}
.btn-yellow:focus{background-color: #fcfb00!important;color: #000!important;transition: .4s;}

.btn-outline-yellow{border: solid 1px #fcfb00;color: #fcfb00;transition: .4s;}
.btn-outline-yellow:hover{background-color: #fcfb00;color: #fff;transition: .4s;}
.btn-outline-yellow:focus{background-color: #fcfb00!important;color: #fff!important;transition: .4s;}
/*---------------------Bottom Fixed Menu---------------------------*/
.bottom-fixed-menu{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1080;}
/*-------------------- 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: #fcfb00;}*/
/* ---------------------- FOOTER ---------------------------*/
/*.footer input{width: 100%;border: none;padding: 0.75rem;}
.footer label{display: flex;}
.footer input.wpcf7-form-control.wpcf7-submit.has-spinner{background-color: #31245B;color: #fff;width: auto;padding: 0.5rem 2rem;letter-spacing: 1px;}*/
/*.footer-widget{background-image: url(img/footer.jpg);}*/
.footer a, .footer a.nav-link{padding: 0.25rem;}
.footer span{font-family: "Roboto", serif!important;}
.footer a:hover{color: #fcfb00!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: #fcfb00!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: #fcfb00;}
/* ----------------- Front-Page Carousel Slider -----------------*/
.carousel-indicators [data-bs-target]{width: 17px;height: 17px;}
.carousel-indicators{margin-left: 5%;bottom: 5%;}
.carousel-indicators span.active{background-color: #fcfb00;}
/*---------------------------- Pagination ---------------------------------*/
.pagination .nav-links{display: flex;justify-content: space-between;width: 5rem;}
span.page-numbers.current{border: solid 1px #fcfb00;background-color: #fcfb00;color: #fff;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers{border: solid 1px #fcfb00;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers:hover{background-color: #fcfb00;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 #fcfb00;transition: all 0.7s;}
/* ---------------- Contact Form ---------------------*/
.contact-form input, .contact-form textarea{width: 100%!important;border:solid 1px #acacac;border-radius: 5px;padding: 0.5rem;}
.contact-form label, .contact-form textarea{width: 100%;}
.contact-form p{width: 100%;margin-top: 1rem;}
.contact-form textarea{height: 7rem;}
.contact-form input.wpcf7-submit{background-color: #fff;color: #000;transition: all 0.5s;width: 33%!important;}
.contact-form input.wpcf7-submit:hover{background-color: #fcfb00;color: #fff;color: #fff;transition: all 0.5s;}
.contact-form .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: #fcfb00;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;}
/* ---------------------- PARALLAX ----------------------- */
.parallax{background-image: url("img/default.jpg");width: 100%;height: 444px;background-attachment: fixed;
background-position: center center;background-repeat: no-repeat;background-size: cover;}
.parallax img{width: 100%;height: 100%;}

/*------------------ Front Page Owl Carousel Slider --------------------*/
/*.owl-nav{position: inherit;top: -85%;font-size: 3rem;opacity: 0.7;}
.owl-nav button.owl-next{position: absolute;float: right;right: -5%;}
.owl-nav button.owl-prev{position: absolute;float: left;left: -5%;}
.owl-nav span{background-color: #fcfb00;padding: 1rem;color: #fff;}
.owl-dots{margin-top: -6rem;}*/
.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: 4%;font-size: 3rem;padding: 0.15rem 0.7rem 0.5rem 0.7rem;
line-height: 1rem;color: #fff;font-weight: 300;}

.owl-nav button.owl-prev, .owl-nav button.owl-prev span{
float: right;right: 0%;font-size: 3rem;padding: 0.15rem 0.5rem 0.5rem 0.7rem;
line-height: 1rem;color: #fff;font-weight: 300;}