/*@charset "UTF-8";*/
/*
Theme Name: demosite
Theme URI: https://www.tabelavizyon.com/temalar/demosite
Author: <a href="https://www.tabelavizyon.com/hakkimizda">Yazar: admin</a>
Author URI: https://www.tabelavizyon.com/iletisim
Description: Responsive demosite Theme
Version: 1.1
License: Registered. It only belongs to demosite
Text Domain: demosite
Tags: demosite, tema, website şablonları, ümraniye, istanbul
*/
/*---------------------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{
background-color: #ecedeb;
font-family: "Cabin", sans-serif;
font-style: normal;
font-weight: 300;
/*font-display: swap;*/
/*font-optical-sizing: auto;*/
/*min-height: 100vh;*/
}
html, body{overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, p, a, .h1, .h2, .h3, .h4, .h5, .h6{margin: 0px;}
/*.font-custom, h1, h2, h3, h4, h5, h6{
font-family: "Dosis", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-display: swap;
}*/
ul, li{margin: 0px!important;padding: 0px 15px!important;}
a{color: #838383;text-decoration:none;}
a:hover{color: #222;transition: all 0.7s;}
::marker{color: #448449;}
.w-50-custom{width: 50%!important;}
@media only screen and (max-width: 992px) {
.w-50-custom{width: 100%!important;}
}
/*.border-bottom{width: fit-content;}*/
/*html{scroll-behavior: smooth;}*/
#customComment{scroll-margin-top: 200px;}
.d-none{display: none;}
.letter-spacing{letter-spacing: 5px;}
.text-justify{text-align: justify;}
/*.bi{fill: currentColor;}*/
/*--------------------İMAGE DEFAULT SİZE SETTİNGS-----------------------*/
.zoom{position: relative;margin: 1.5rem;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!important;}
.img-contain img, img.img-contain{object-fit: contain;}
.img-rounded img, img.img-rounded{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: 300px!important;}
.img-l img, img.img-l{width: 100%;height: 400px!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: 170px!important;}
	.img-m img, img.img-m{width: 100%;height: 270px!important;}
	.img-l img, img.img-l{width: 100%;height: 370px!important;}
}
/* ------------ Special Color ------------------*/
.a-hover-white:hover a{color: #fff!important;transition: .4s;}
.a-hover-dark:hover a{color: #000!important;transition: .4s;}

.text-grey{color: #ecedeb;}
.text-green{color: #448449!important;}
.text-white, .text-white a{color: #fff;}
.text-dark, .text-dark a{color: #000;}

.bg-grey{background-color: #ecedeb;}
.bg-green{background-color: #448449!important;}
.bg-dark{background-color: #222!important;}



.bg-off-white{background-color: #f1f1f1;}

.bg-soft-white{background-color: #ffffffb3;}
.bg-soft-dark{background-color: #0000008f;}
.bg-soft-green{background-color: #4484498f;}

.bg-gradient-white{background: linear-gradient(90deg, white, #ffffff00);}
.bg-gradient-dark{background: linear-gradient(90deg, black, #00000000);}
.bg-gradient-green{background: linear-gradient(90deg, #448449, #ffffff00);}
.bg-gradient-mix{background: #fff;background: linear-gradient(90deg, #fff 50%, #448449 50%);}

.bg-glass{background-color: #ffffff33;}
.bg-blur{backdrop-filter: blur(5px);}

.bg-img{background-image: url(img/img-4.jpg);}

.border-grey{border-color: #ecedeb!important;}
.border-green{border-color: #448449!important;}

.btn-green{background-color: #448449;border: none;color: #222;}
.btn-green:hover{background-color: #448449db;color: #fff!important;transition: .4s;}
.btn-green:focus{background-color: #448449db!important;color: #fff!important;transition: .4s;}

.btn-outline-green{border: solid 1px #448449;color: #000;transition: .4s;}
.btn-outline-green:hover{background-color: #448449;color: #fff;transition: .4s;}
.btn-outline-green:focus{background-color: #448449!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) --------------------------*/
.fix-nav{transition: all 0.7s linear;position: fixed;top: 0;right: 0;left: 0;z-index: 1030;background-color: #222;
padding: 0.25rem 0.75rem!important;}

.header-navigation .navbar li{padding: 0.25rem 0.5rem;text-align: center;}
.header-navigation a.nav-link{color: #000;padding: 0.35rem 0rem;font-size: 19px;}
.header-navigation li.nav-item:hover > a.nav-link{color: #448449;}

@media only screen and (min-width: 768px){
.header-navigation a.nav-link{padding: 1rem;color: #fff;}
.header-navigation li.nav-item:hover > a.nav-link{color: #000;}
.fix-nav{display: flex;flex-direction: inherit!important;
	animation: .3s ease-in-out 0s normal none 1 running fadeInDown;transition: 0.3s linear;}
.fix-nav li.nav-item:hover > a.nav-link{color: #448449!important;}
}
/* ---------------------- FOOTER ---------------------------*/
/*.custom-tags a{border: solid 1px #448449;margin: 0.25rem;float: left;padding: 0.05rem 0.5rem;}*/
.footer input{width: 100%;border: none;padding: 0.75rem;}
.footer label{display: flex;}
.footer input.wpcf7-form-control.wpcf7-submit.has-spinner{background-color: #222;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 a:hover{color: #448449!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: #448449!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;} 
}
/*ul.dropdown-menu li:hover > a.dropdown-item{color: #fff!important;}*/
/*---------------------------Sidebar----------------------------------*/
.list-style li, li.list-style{list-style-type: square!important;}
/* ----------------- Front-Page Main Slider -----------------*/
.carousel-control-next, .carousel-control-prev{width: 5%!important;}
.owl-nav{position: inherit;top: -211px;}
.owl-nav button{position: absolute;background-color: transparent!important;}
.owl-nav button.owl-next, .owl-nav button.owl-next span{
	float: right;right: 0px;font-size: 2rem;background-color: #ecedeb;padding: 0rem 0.9rem 0.3rem 0.9rem;
	line-height: 2rem;color: #000;border-radius: 0px 17px 17px 0px;}
.owl-nav button.owl-prev, .owl-nav button.owl-prev span{
	float: left;left: 40px;font-size: 2rem;background-color: #ecedeb;padding: 0rem 0.9rem 0.3rem 0.9rem;
	line-height: 2rem;color: #000;border-radius: 17px 0px 0px 17px;}
/*---------------------------- Pagination ---------------------------------*/
.pagination .nav-links{display: flex;justify-content: space-between;width: 5rem;}
span.page-numbers.current{border: solid 1px #448449;background-color: #448449;color: #fff;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers{border: solid 1px #448449;padding: 0.5rem 0.75rem;margin: 0.25rem;}
a.page-numbers:hover{background-color: #448449;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 #448449;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: #000;color: #fff;}
.contact-form input.wpcf7-submit:hover{color: #448449;transition: all 0.7s;}
/*-------------------------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: #000;border: none;color: #fff;padding: 0.5rem 1.25rem;margin-top: 1rem;}
.comment-form input#submit:hover{color: #448449;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;}