/*
Theme Name: Adak
*/

/* RESET  */
	
	* {
		outline:0;
		margin:0;
		padding:0;
		vertical-align: bottom;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	ol {
		list-style-position:inside;
	}

	ul {
		list-style:none;
		list-style-position:outside;
	}

	blockquote {
		margin-left: 30px;
		padding-left: 10px;
		border-left: 3px solid #eee;
	}

	a {
		text-decoration:none;
	}

	a:hover {
		text-decoration:none;
		color: #333;
	}

	a img {
		border:none;
	}

	img {
		max-width: 100%;
	}

	body {
		font: 16px "Basic", sans-serif;
		color:#222;
	}

	input, select, textarea, button {
		font-family: inherit;
	}

	table {
		width: 100%;
	}

/* GENERAL CLASSES */

	.hizmetlerButon {
		display: block;
		margin-top: 15px;
		text-align: center;
		padding: 15px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		border-radius: 5px;
	}

	.hizmetlerButon:hover {
		color: #ddd;
	}

	.hizmetlerButon .icon {
		display: inline-block;
		float: none;
	}

	.themeicon {
		display: block;
		float: left;
	}

	.themeicon svg {
		display: block;
		fill: currentColor;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.wp-block-embed iframe, #content iframe {
		width: 100%;
	}

	.clear {
		clear: both;
	}

	.innerContainer {
		max-width: 1160px;
		padding: 0 10px;
		margin: auto; 
		overflow: hidden;
		position: relative;
	}

	#content {
		max-width: 1160px;
		padding: 0 10px;
		margin: 0 auto 40px; 
		overflow: hidden;
		position: relative;
	}

	#content.center {
		text-align: center;
	}

	img {
		height: auto;
	}

	.reading, .reading p, .reading li {
		line-height: 1.8;
		margin-bottom: 10px;
	}

	.seperator {
		clear: both;
		margin: 10px -10px;
		border-top: 1px solid #ddd;
	}

	.float {
		overflow: hidden;
	}

	.bold {
		font-weight: bold;
	}

	.reading iframe, .reading embed {
		max-width:100%;
	}

	.marginbottom {
		margin-bottom: 20px;
	}

	.mainHeading {
		padding: 20px;
		font-size: 28px;
		margin-bottom: 40px;
		background: #f5f5f5;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#homeservices .mainHeading {
		margin-bottom: 20px;
	}

	.mainHeading a {
		display: flex;
		align-items: center;
	}

	.mainHeading svg {
		position: relative;
		top: 2px;
		width: 28px;
		height: 28px;
	}

/* HEADER */

	header {
		padding: 20px 0;
	}

	header .innerContainer {
		display: flex;
		align-items: center;
	}

	#header-logo a {
		display: block;
	}

	#header-logo img {
		max-height: 50px;
		width: auto;
		max-width: auto;
	}

	#header-right {
		margin-left: auto;
		display: flex;
		align-items: center;
	}

	#header-right #phone {
		font-size: 20px;
		color: #fff;
		border-radius: 3px;
		line-height: 20px;
		padding-right: 10px;
		display: flex;
		align-items: center;
	}

	#header-right #phone .icon {
		background: rgba(255,255,255,0.15);
		padding: 10px;
		margin-right: 10px;
	}

	#header-right #phone .icon svg {
		margin: 0;
	}

	#tema-searchform {
		margin-left: 15px;
		position: relative;
		height: 40px;
		border-radius: 3px;
		background-color: #fff;
		border: solid 1px #ddd;
	}

	#tema-searchform #s {
		display: block;
		float: left;
		width: 100%;
		background: none;
		height: 38px;
		color: #000;
		border: 0;
		line-height: 20px;
		padding: 0 35px 0 10px;
	}

	#tema-searchform #tema-searchsubmit {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 38px;
		height: 38px;
		border: 0;
		text-indent:-9999px;
		background:url(images/search.svg) 50% 50% no-repeat;
		background-size: 16px 16px;
		cursor:pointer;
	}

/* MENU	 */

	#menu {
		z-index:40;
		position:relative;
		background: linear-gradient(135deg, #008e8a 0%, #007f35 50%, #008e8a 100%);
	}

	#menu .toggleMenu {
		display: none;
	}

	#menu .innerContainer {
		overflow: visible;
	}

	#menu li {
		float: left;
		position: relative;
	}

	#menu a {
		display: block;
		font-size: 15px;
		text-transform: uppercase;
		line-height: 50px;
		color: #fff;
		transition: all 0.25s;
		padding: 0 15px;
	}

	#menu li:hover a {
		background-color:rgba(0,0,0,0.09);
	}

	#menu li.current-menu-item a {
		background-color:rgba(0,0,0,0.25);
		color: #aad93b;
	}

	#menu .sub-menu {
		background: #fff;
		position: absolute;
		z-index: 40;
		visibility: hidden;
		opacity: 0;
		z-index: -1;
		transform: translateY(20px);
		transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}
	
	#menu li:hover>.sub-menu {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
	}
	
	#menu .sub-menu .sub-menu {
		left: 100%;
		top: 0;
		margin-left: 1px;
	}

	#menu li .sub-menu a {
		display: block;
		min-width: 200px;
		line-height: 25px;
		white-space: nowrap;
		padding: 10px;
		background: #f0f0f0;
		border-bottom: #e0e0e0 1px solid;
	}

	#menu li .sub-menu li {
		float: none;
	}

	#menu li .sub-menu a:hover {
		background: rgba(0,0,0,0.1);
	}

	#menu li .sub-menu .current-menu-item a {
		background: #f0f0f0;
	}

/* HOME */

	#homecontent {
		margin: 30px 0;
	}

	#homeservices {
		margin: 30px 0;
	}

	#homedesc {
		border-top: 1px solid #ddd;
		padding-top: 20px;
		margin-bottom: 15px;
	}

/* LISTING */

	.postList {
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
		overflow: hidden;
	}

	.postList .post-container {
		padding: 10px;
		width: 25%;
	}

	.postList .post {
		position: relative;
		transition: all .3s;
		border-radius: 3px;
		overflow: hidden;
	}

	.postList .post .thumb {
		overflow: hidden;
	}

	.postList .post .thumb img {
		transition: all .3s;
		width: 100%;
	}

	.postList .post:hover .thumb img {
		transform: scale(1.1);
	}

	.postList .post .content {
		position: absolute;
		padding: 10px;
		text-align: center;
		bottom: 0;
		left: 0;
		right: 0;
		transition: all .3s;
		line-height: 1.4;
		background: rgba(0,0,0,0.74);
	}

	.postList .post:hover .content {
		padding-bottom: 15px;
	}

	.postList .post .title a {
		color: #fff;
	}

/* NAVI */

	.temanavi {
		overflow:hidden;
		clear: both;
		margin-top: 20px;
		text-align: center;
	}

	.temanavi span, .temanavi a {
		display: inline-block;
		min-width: 32px;
		padding: 0 15px;
		text-align: center;
		margin: 0 5px 0 0;
		line-height: 34px;
		border: 0;
		color: #fff;
		border-radius: 3px;
	}

	.temanavi a:hover, .temanavi .current {
		background: #333;
	}

/* CRUMBS */

	#crumbs {
		margin: -40px 0 40px;
		background: #f0f0f0;
		padding: 10px;
	}

/* FOOTER */
	
	footer {
		color: #fff;
		padding-top: 20px;
		position: relative;
	}

	footer:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0,0,0,0.4);
	}

	footer a {
		color: #fff;
	}

	footer a:hover {
		color: #19ff4c;
	}

	footer .footerInner {
		display: flex;
		font-size: 15px;
	}

	footer .left {
		width: 50%;
	}

	footer .right {
		width: 25%;
		margin-left: auto;
		font-size: 17px;
		line-height: 1.5;
		text-align: center;
	}

	footer .right .phone {
		display: inline-flex;
		align-items: center;
		margin-top: 10px;
	}

	footer .menu {
		display: flex;
		flex-wrap: wrap;
	}

	footer .menu li {
		width: 33.333%;
		padding: 8px 5px 8px 13px;
		background: url(images/dotarrow.svg) 0 50% no-repeat;
		background-size: 9px 9px;
	}

	footer .menu .sub-menu {
		display: none;
	}

	footer .copyright {
		padding: 15px;
		text-align: center;
		background: rgba(0,0,0,0.3);
	}

/* SINGLE */

	img.alignleft {
		border: 1px solid #cdc;
		float: left;
		margin: 0 10px 10px 0;
		padding: 1px;
	}

	img.alignright {
		border: 1px solid #cdc;
		float: right;
		margin: 0 0 10px 10px;
		padding: 1px;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	.aligncenter {
		display: block;
		text-align: center;
		margin: 5px auto;
	}

/* FORMS */

	#content form {
		overflow: hidden;
	}

	#content form p {
		overflow: hidden;
		position: relative;
		padding: 10px;
		line-height: 30px;
		width: 50%;
		float: left;
	}

	#content form .wpcf7-form-control-wrap {
		width: 100%;
	}

	#content form input[type=text],
	#content form input[type=password],
	#content form input[type=email],
	#content form input[type=file],
	#content form textarea,
	#content form select {
		width: 100%;
		display: block;
		outline: none;
		border: 2px solid #ddd;
		padding: 8px 6px;
		height: 40px;
		transition: all .25s;
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}

	#content form textarea {
		max-width: 100%;
		width: 100%;
		height: 106px;
	}

	#content form input[type=submit] {
		position: relative;
		cursor: pointer;
		font-size: 15px; 
		display: inline-block;
		border: 0;
		color: #fff;
		background-color: #1286ab;
		padding: 10px 20px;
		outline: none;
		border-radius: 3px;
		overflow: visible;
		transition: all .25s;
		font-weight: bold;
	}

	#content form input[type=submit]:hover, #content form input[type=submit]:focus {
		background: #333;
	}

	#content form div.wpcf7-validation-errors {
		clear: both;
	}

/* MOBILE */

	@media all and (max-width: 1140px) {

		#menu .toggleMenu {
			background: rgba(255,255,255,0.15);
			display: flex;
			align-items: center;
			cursor: pointer;
			color: #fff;
			padding: 15px;
			justify-content: center;
		}

		#menu .innerContainer {
			padding: 0;
		}

		#menu ul.menu {
			display: none;
		}	

		#menu li {
			float: none;
		}	

		#menu a {
			border-bottom: 1px solid rgba(255,255,255,0.15);
			color: #fff !important;
		}	

		#menu .sub-menu {
			background: none;
			position: relative;
			visibility: visible;
			opacity: 1;
			z-index: 1;
			transform: translateY(0);
		}
				
		#menu .sub-menu .sub-menu {
			left: auto;
			top: 0;
			margin-left: 1px;
		}

		#menu li .sub-menu a, #menu li .sub-menu .current-menu-item a {
			background: none;
			padding-left: 40px;
			border-bottom: 1px solid rgba(255,255,255,0.15);
		}

		#menu li .sub-menu .sub-menu a {
			padding-left: 80px;
		}
		
	}

	@media all and (max-width: 768px) {
	
		header .innerContainer {
			flex-direction: column;
		}

		#header-logo {
			margin-bottom: 10px;
		}
	
		#header-right {
			margin-left: 0px;
		}

		#header-right #phone {
			flex: 1 0 185px;
			padding-right: 5px;
		}

		#tema-searchform {
			margin-left: 5px;
		}

		.postList .post-container {
			width: 33.33333333%;
		}

		footer .footerInner {
			display: block;
		}

		footer .left {
			width: 100%;
		}
	
		footer .right {
			width: 100%;
			margin-top: 15px;
		}
	
	}
		
	@media all and (max-width: 600px) {
	
		.postList {
			margin: -5px;
		}
	
		.postList .post-container {
			width: 50%;
			padding: 5px;
		}

		footer .menu li {
			width: 50%;
		}
	
	}
		
	@media all and (max-width: 400px) {
	
		.postList .post-container {
			width: 100%;
		}
	
	}
			
	/* WHATSAPP BUTTON */

	.sfrWhatsappButton {
		display: block;
		border-radius: 50%;
		bottom: 40px;
		left: 40px;
		z-index: 15;
		color: #fff;
		background: #48A91F;
		position: fixed;
	}

	.sfrWhatsappButton .icon svg {
		width: 30px;
		height: 30px;
		margin: 15px;
		transition: all .3s;
	}

	@media all and (max-width: 600px) {
		
		.mobile .sfrWhatsappButton {
			left: 20px;
			bottom: 20px;
		}

		.mobile .sfrWhatsappButton .icon svg {
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 20px;
		}

	}

	.sfrWhatsappButton .circle {
		position: absolute;
		border-radius: 100%;
		-webkit-transition: all .5s;
		transition: all .5s;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 0;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		width: 200%;
		height: 200%;
		background-color: transparent;
		border: 2px solid #48A91F;
		-webkit-animation: whatsappCircle 2.2s infinite ease-in-out;
		animation: whatsappCircle 2.2s infinite ease-in-out;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		left: -50%;
		bottom: -50%
	}

	@-webkit-keyframes whatsappCircle {
		0% {
			-webkit-transform: rotate(0) scale(.5) skew(1deg);
			transform: rotate(0) scale(.5) skew(1deg);
			opacity: .01
		}
		30% {
			-webkit-transform: rotate(0) scale(.7) skew(1deg);
			transform: rotate(0) scale(.5) skew(1deg);
			opacity: .2
		}
		100% {
			-webkit-transform: rotate(0) scale(1) skew(1deg);
			transform: rotate(0) scale(1) skew(1deg);
			opacity: .01
		}
	}

	.temaTop {
		position: fixed;
		right: 40px;
		bottom: 40px;
		cursor: pointer;
		z-index: -1;
		opacity: 0;
		border-radius: 50%;
		transition: all .3s;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	
	.temaTop.show {
		opacity: 1;
		z-index: 200;
	}

	.temaTop svg {
		width: 20px;
		height: 20px;
		margin: 15px;
		transition: all .3s;
	}