/*
Theme Name: aydinlatma
Theme URI: https://www.gozdeweb.com
Description: Responsive HTML5 template
Version: 1.0
Author: Gözde Web
Author URI: https://www.gozdeweb.com
Tags: Responsive, sidebar, valid HTML5, widgets
*/

/*@import url('https://fonts.googleapis.com/css?family=El+Messiri:400%7CRaleway:400%2C500&display=swap');*/

/* @import url('https://fonts.googleapis.com/css?family=El+Messiri:400%7CRaleway:400%2C500&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    scroll-behavior: smooth !important;
}

/*div {max-width:100% !important;}*/
body {
	font-family: 'Poppins', sans-serif;
    /*font-family: 'Lora', serif;*/
	/*font-family: Raleway, Arial, sans-serif;
	font-family:sans-serif;*/
	background:#ffffff;
	/*font-size:16px;*/
	font-size:1.1em;
	/*letter-spacing: 0.1px;*/
	color: #444444;
	font-display: swap;
}
.container {max-width:1180px}
article  {
  /*position:relative;*/
}

article  *{
  word-break: break-word;
}
/*
@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}*/

iframe {
	max-width:100% !important;
	width:100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
img {max-width:100%; height:auto}
h1,h2,h3,h4,h5 {letter-spacing: -.02em;color:#222222;}
h1{font-size:1.42em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:0.9em;}
a, a:hover, a:focus, a:active {text-decoration:none;outline:none !important}

.wow {visibility:hidden;}

#logo img {margin-top: 10px;max-height: 50px;}


#text-logo {color:#535362;}
h2.site-description {word-break: break-all; font-size: calc(.6rem + .9vw);}

#container_header {background:#fff;position:sticky;z-index:99999;top:0;border-bottom: 3px solid rgb(237, 39, 26)}

#main-menu .navbar-nav .dropdown-menu {
  background:#444444;
}
#main-menu .dropdown-item {
  color: #fff;
  line-height: 30px;
}

#main-menu .dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #333333;
}
#main-menu .dropdown-item.active, .dropdown-item:active {
  color: #ddd;
  background-color: #777777;
}

@media (min-width: 768px) {
  .navbar-expand-md {
		/*margin-top:8.6px;*/
  }
	#search-menu>li>ul {
		left:-200px;
		padding:0;
		border:0;
	}
}
@media (min-width: 768px) AND (max-width:880px) {
	.nav-link {
		 padding-left: 6px !important;
		 font-size: 12px;
		 font-weight: bold;
	}
}
@media (min-width: 880px) AND (max-width:1024px) {
	.nav-link {
		 padding-left: 6px !important;
		 font-size: 14px;
		 font-weight: bold;
	}
}

@media (min-width: 1024px) {
	.nav-link {
	  padding-left:10px !important; 
	  font-size:16px;
      color: #fff;
	}
	#search-menu>li>ul>li>form {
		padding:3px;
		border: 1px solid rgb(13, 163, 179);
		background: rgb(60, 198, 221);
		border-radius: 6px;
	}
}
@media (min-width: 1280px) AND (max-width:8000px) {
	.nav-link {
	  padding-left:20px !important; 
	  font-size:16px;
      color: #fff;
	}
	#search-menu>li>ul {
		left:-200px;
		padding:0;
		border:0;
	}
	#search-menu>li>ul>li>form {
		padding:3px;
		border: 1px solid rgb(13, 163, 179);
		background: rgb(60, 198, 221);
		border-radius: 6px;
	}
}

@media (min-width: 0px) AND (max-width:560px) {

#logo img {margin-top: 5px;max-height: 54px;}
h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3{font-size:1.15em;}
h4{font-size:1.1em;}
h5{font-size:0.8em;}
}

/* page, post title */
#title-head {
	padding:23px 0 20px 0;
	background: rgb(64, 76, 87);
	color: #fff;
	margin-bottom: 40px;
	position:relative;
	z-index:99;
}
#title-head h1 {
	color: #fff;
	margin-bottom:5px;
}
#breadcrumbs {font-weight:bold;color:#ffffff}
#breadcrumbs a {color:rgb(31, 173, 197);}
#breadcrumbs a:hover {color:rgb(255,240,240);}

.entry  {text-align:justify; padding-bottom:60px}

/* URUNLER */
.page-urun table {
	width:100%;
}

.page-urun table tr:hover{
	background: #eeeeee;
}
.page-urun table tr:nth-child(2n+1) td{
	background: #f7f7f7;
}
.page-urun table.collapsed{
	border-collapse: collapse;
	border:1px solid black;
}
			
.page-urun tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  border-color:#ddd;
}
/* KATEGORILER */
.category-posts{border: 2px dotted rgb(115, 115, 115);margin-bottom:20px}
.category-posts:hover{border: 2px dotted #f98e40;margin-bottom:20px}
.category-posts>a{color:#222222;}
.category-posts>a:hover{opacity:0.9;color:#ce4822;}
.category-posts .category-post-title{display:flex;padding:3px 1px;height:60px;align-content: center;align-items: center;}
.category-posts .category-post-title>span{display:block;width:100%;max-height:56px;overflow:hidden;text-align:center;padding:0px 3px;/*text-transform: uppercase;*/}
#ccc
/* yazi alt kategoriler */
.yazi_alt .widget_categories {text-align:center}
.yazi_alt .widget_categories>ul {display:inline-block; margin: 0 auto; padding:0;}
.yazi_alt .cat-item {list-style:circle;float:left;margin-left:30px;}
.yazi_alt .cat-item a {color:rgb(98, 98, 98);}
.yazi_alt .cat-item a:hover {color:rgb(232,52,0);}

/* PROJELER ======================== */
.proje-post {
  margin-bottom: 20px;
}
.proje_image_container {
	overflow: hidden;
}
.proje_image_container:hover>img {
  opacity: 1;
  transform: scale(1.1);
}
.proje-post-title {
	padding:30px 15px 30px 15px;
border-radius:10px; background:#fff;text-align:center;width:90%;margin:0 auto;
	margin-top:-30px;position:relative;z-index:99;
	border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #f5f5f5;
	box-shadow: -1.216px 6.894px 25px 0 rgba(0, 0, 0, .07);
	font-weight:600;
	font-size:15px;
}

/* sayfalama */
.pagination  {margin-top:15px}
.pagination a,.pagination span  {display:inline-block;padding:4px 12px; border:1px solid #ddd}
.pagination a:hover {background:#e4f3f8}
/* footer */
footer {display:block;width:100%;background:#434850;color:#fff;text-align:center;padding:30px; margin-top:0px;font-size:15px;}
footer .copyright {text-align:center;}

#site_alt {color:#bbbbbb;}
#site_alt h1, #site_alt h2, #site_alt h2, #site_alt h4, #site_alt h5 {color:#cccccc;}
#site_alt h1.sow-headline, #site_alt h2.sow-headline, #site_alt h2.sow-headline, #site_alt h4.sow-headline, #site_alt h5.sow-headline {color:initial;}
#site_alt .widget-title {font-size:1em;}
#site_alt ul {padding:0;margin:0 auto;list-style: none;}
#site_alt ul>li {
	list-style: none;
	border-bottom:1px dotted rgba(204,204,204,0);padding:2px;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;font-size:0.9em}
#site_alt ul>li>a {color:#eeeeee;display:block;list-style: disclosure-closed;display:list-item;list-style-position: inside;line-height:28px}
#site_alt ul>li>a:hover {color:#6f6f6f;}
#site_alt ul>li>a::marker {color:#8d8d8d;}
#site_alt ul>li:hover>a::marker{color:#444444;}
#site_alt a {color:#648395;}
#site_alt a:hover {color:#6f6f6f;}

@media (min-width:1px) AND (max-width:600px) {
	#site_alt ul {text-align:center}
}
/* wapp */

.gizle, .hide {
display:none !important;
}

.tel {
	position:fixed;
	bottom:70px;
	right:10px;
	z-index:9999;
}
/*.tel i {
	font-size:36px;
	color:#006600;
	font-weight:bold;
	display: block;
    margin-left: -36px;
}*/
.wapp {
	position:fixed;
	bottom:6px;
	right:10px;
	z-index:9999;
	
}
.wapp>div, .tel>div {
	position:relative;
}
.wapp > div > a, .tel > div > a {
	font-size:16px;
	display:block;
	background: rgb(0, 142, 29);
	border-radius: 100%;
}
.wapp > div > a > i, .tel > div > a > i {
	font-size: 32px;
	color: rgb(255, 255, 255);
	background: rgb(4, 162, 44);
	border-radius: 100%;
	padding:6px;
	display:flex;
}
.ripple {
  background-color: #fff;
width: 1rem;
height: 1rem;
border-radius: 50%;
position: absolute;
animation: ripple 3s ease-in-out infinite 3s;
bottom: 15px;
right: 15px;
z-index:-1;
}
.ripple::before,
.ripple::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-radius: 50%;
  animation: ripple 3s ease-in-out infinite 1s;
}
.ripple::after {
  animation: ripple 3s ease-in-out infinite 2s;
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .2rem #008c00;
  }
  100% {
    box-shadow: 0 0 0 2rem rgba(166,255,121,0);
	 border-radius:50%;
  }
}

/*owl carousel */
/*.owl-carousel {align-items: center;}*/
.owl-carousel .owl-nav {position:absolute;margin:0 auto;top:50%;left: 0;right: 0;transform: translateY(-50%);width: 100%;}
.owl-carousel .owl-nav>button>span {font-size:48px;font-weight:bold;padding:3px 6px 12px 6px;display:inline-block;background: rgba(0, 0, 0, 0.57);line-height:20px;color:#fff;border-radius:3px;}
.owl-carousel .owl-nav .owl-prev {}
.owl-carousel .owl-nav .owl-next {float:right}
.owl-carousel .slide_title {padding:3px;text-align:center;min-height:48px;overflow:hidden;
	font-weight:500;font-size:15px;display:flex;align-items: center;justify-content:center;
	max-height: 48px; line-height: 18px;background:#333333;color:#fff;
}
.slide_image_container {
	aspect-ratio: 7/6;
	overflow: hidden;
	display: flex;
	align-items: center
}
.content_slide_container:hover img {
transform: scale(1.1);
}
.slide_image_container img {
	aspect-ratio: 7/6;
}
.aligncenter {text-align:center}
img.aligncenter {display:block;margin:auto;}
img.alignright {float:right;margin-left:15px;}
img.alignleft {float:left;margin-right:15px;}
/*#main-nav {background:#fff;}*/

.h100>div{
	align-self: stretch !important;
	min-height:100px;
}
.h90{
	align-self: stretch !important;
	min-height:100px;
	height:90vh;
}
.h90>div{
	align-self: stretch !important;
	min-height:100px;
	height:90vh;
}

.pdb0 {
	padding-bottom:0 !important;
}

/*.img_w {height:260px;width:100%;}*/
.img_w {width:100%; height:auto}

@keyframes zoomIn {
  99% {
    transform: scale(1);     
  }
  100% {
    transform: scale(1.3);  
  }
}

 picture img {
  /*animation: zoomIn 5s ease-in-out forwards;
  transform-origin: center;*/
}