@charset "UTF-8";
/* =====================================
Theme Name: smcompany
Theme URI: https://chem-kraft.com
Author: csm
Author URI: csm.work
Description: one-page olarak özelleştirilmiş, wp-customize ile uygun, 
orta ölçekli kurumsal tema.
Version: 1.1
Text Domain: smcompany
Tested up to: 7.4
Requires PHP: 7.x

csm WordPress Theme
======================================== */

/**
 * html, body  
 */
 /* wp admin bar */
@media screen and (max-width: 783px) and (min-width: 300px) {
	#wpadminbar {
	  position: fixed!important;
	  top: 0;
	}
}
html{scroll-behavior: smooth;transition: 0.3s;}
html,body {
 height: 100%;
 width: 100%;
 margin: 0 auto;
}
section {
 display:block;
 scroll-margin: 100px;
 transition: 0.3s;
}
section:first-child{
 scroll-margin: 0!important;
}
body {
 margin:0!important;
 padding:0!important;
 background-color:#fff;
 font-family: "montserrat", sans-serif;
 font-size:.9rem;
 font-weight:normal;
  color:#2B2A29;
}
img:hover{opacity:0.7}
a {text-decoration:none!important;color:white}
html,section,a,img {transition: 0.3s;}
.clearfix {
  overflow: auto;
  margin-bottom:3rem;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
html :where(img[class*="wp-image-"]) {border-radius: 2rem;}
img.alignright {float:right; margin:0 1.5rem .5rem 0}
img.alignleft {float:left; margin:0 1.5rem .5rem 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 1.5rem .5rem 0}
a img.alignleft {float:left; margin:0 1.5rem .5rem 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/**
 * header
 */
 .site-main {
  top: 0;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
 }
 .site-header {
	position: relative;
	z-index: 9;
	background-color:#AC2A21;
	box-shadow: 0 6px 12px #2c2c2c;
 }
 .site-top-links {
	 display:inline-block;
	 position:relative;
 }.site-top-links > a {
	 color:white;
	 text-decoration: none;
	 padding-right:1rem
 }.site-top-links > a:last-child {
	padding-right:0
 }.site-top-links > a:hover{opacity:0.7}
 .site-language {position:relative;padding: .3rem 1.3rem;background-color:#006BFF;border-radius: 25px 8px;text-align: center;}
 .site-language > a{display:inline-block;color:white;font-weight:500;}
 .site-language > a:hover{opacity:0.7}
 .border-line {
	 border-bottom:10px solid #AEAFAF;
 }
 .site-footer {
	 position:relative;
	 border-top:10px solid #AC2A21;
 }
 .site-logo-boxed {
	position:relative;
 }
 .site-logo {position:absolute;top:0;left:0;background-color:#003337;padding:1rem;}
 .site-logo > a > img {width:100%;vertical-align: middle}
 .top-wrapper {padding: .3rem;position: relative;display: block;background-color:#ecefee}
 .top-wrapper span{margin-right:.8rem;display: inline-block}
 .top-wrapper span > i{color:var(--sm-color-secondary)}
 .top-wrapper span:last-child{margin-right:0}
 .section-header-top {
	 position:relative;
	 margin:0 auto
 }.section-header-top:after {
content: "";
  position: absolute;
  background-image: url(public/img/red-pattern.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: 100%;
  height: 200px;
  top: -11rem;
  left: -5rem;
  z-index: 0;
 }
 .site-footer-copyright{position:relative;padding:.8rem 1rem;background-color: #003337;padding-bottom: .3rem;padding-top: .8rem;}
 .footer-menu {position:relative;margin-top: -.5rem;}
 .footer-menu ul{list-style:none;padding:0;margin:0;}
 .footer-menu ul > li{padding:.3rem .5rem;display:inline-block;}
 .footer-menu ul > li:first-child{padding-left:0}
 .footer-menu ul > li > a{color:#2B2A29;font-weight:500;font-size:1rem;}
 .footer-menu ul > li > a:hover {color:#434242}
/**
 * content classes
 *
*/
 .site-content {
	padding:2rem 1rem;
	position:relative;
	margin: auto;
    width: 100%;
	/* display: block; top: 50%;
	transform: translateY(-50%);*/
 }.site-boxed {
	margin: auto;
 }.site-boxed > span.title {font-weight:var(--sm-fweight-bold);font-size:var(--sm-fsize-lg);display:block;margin-bottom:1rem}
 .site-boxed > .description {font-size:var(--sm-fsize-xs)}
 .site-boxed > .image {text-align:left;}
 .site-boxed > .image > img{width: 100%;}
 .site-boxed-top {position:relative;top: 25%;transform: translateY(-25%);}
 .site-boxed-padding {padding:1rem;margin-top:150px}
 .site-content-page {
	padding:2rem 1rem;
	position:relative;
	margin: auto;
    width: 100%;
    display: block;
	overflow: hidden;
	min-height: 650px;
 }
 .entry-content {min-height:250px;position:relative;overflow:hidden}
 /**
 * post list
 *
*/.search-list {position:relative}
 .search-item {
	 position:relative;
	background-color: #fffefe;
	box-shadow: 0px 5px 12px #f9f9f9;
 }.search-item > .image > a > img {max-width:100%;height:250px}
 .post-type {
	 position:absolute;
	 top:.5rem;
	 left:.5rem;
	 background-color:red;
	 color:white;
	 padding:.3rem;
	 border-radius: .5rem;
	 z-index:1;
 }
 .post-tags > span {
	 font-weight:bold;
	 font-style:italic;
 }
 .custom-pagination {padding:.5rem}
 .custom-pagination > .nav-links > span{font-weight:bold;padding:.3rem}
 .custom-pagination > .nav-links > a{padding:.4rem;background-color:var(--sm-color-black);color:var(--sm-color-white);border-radius:.3rem}
 .custom-pagination > .nav-links > a:hover{opacity:.9}
 /**
 * services
 *
*/
 .services-item {
	display:inline-block;
	padding:1rem;
	margin-bottom:2rem;
	position:relative;
	background-color:#fff;
	border: 2px solid #e9e9e9;
	transition: all .2s ease-in-out;
 }.services-item:hover {
	transform: translateY(5px);
	border-top: 5px solid #AC2A21;
	box-shadow: 0 6px 12px #e1e1e1;
 }.services-item > .services-item-icon {
	position: relative;
	display: block;
	margin-bottom:1rem;
	text-align:left;
	
 }.services-item > .services-item-icon > img{ max-width:100%;display: inline-block;text-align:left;min-width: 55px;}
 .services-item > span {display:block}
 .services-item > .services-item-title {
	position: relative;
	margin-bottom:1rem;
	display:block;
 }.services-item > .services-item-description {
	position: relative;
	margin-bottom:1rem;
	display:block;
 }.services-item > .services-item-description > p {
	margin:0;
 }
  /**
 * section contact
 *
*/
.section-contact {
	background-image:url(public/img/contact-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	width:100%;
	height:100%;
}
/**
 * reference box item
 *
*/
.reference-item {
	width:100%;
	background: var(--sm-color-light-gray);
	display: block;
	padding: .5rem;
	opacity: .75;
	position:relative;
	transition: all .2s ease-in-out;
	margin-bottom: 2rem;
	border-radius: 1rem;
}
.reference-item > figure {
	margin-bottom:0;
}
.reference-item > figure > img {
	height: 100px;
	object-fit: fill;
	border-radius: 1rem;
}
/**
 * blog box item
 *
*/
.blog-item {
	width:100%;
	display:block;
	margin-bottom:1rem;
	position:relative;
	transition: all .2s ease-in-out;
}.blog-item > .blog-item-img {
	display:block;
	width:100%;
	margin-bottom:1rem;
}.blog-item-img > img, .blog-item-img > a > img{ padding:0;background-color:white;object-fit: cover;height: 100%;width: 100%;}
.blog-item > .blog-item-alt {
	text-align:left;
	margin-bottom:1rem;
	display: block;
}.blog-item-alt > span, .blog-item-alt > span.blog-item-title > h4  {font-weight:500!important}
.blog-item-alt > .blog-item-date  {
	font-style:italic;
	font-weight:700!important;
	color:#5B5B5B;
	margin-bottom:1rem;
	display: block;
}.blog-item-alt > .blog-item-title  {
	margin-bottom:2rem;
	display: block;
}.blog-item-alt > .blog-item-title > a > h4  {
	color:#2B2A29;
}.blog-item-alt > .blog-item-title > a >h4:hover  {
	color:#006BFF;
}.blog-item:hover {transform: translateY(5px);}
/**
 * brands item
 *
*/
.brands  {position:relative;margin:1.55rem auto;}
.brands > .brand-item > img {width:75px;}
.brands > .brand-item > img:hover {  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.brands > .brand-item {margin-right: .2rem;margin-bottom: .5rem;display: inline-block;}
/**
 * carousel slider customize
*/
.carousel-item {
	height:100vh!important
}
.carousel-caption {
  height: 100%;
   top: 0;
	bottom: 0;
  margin: auto 0;
}
.carousel, .carousel-item, .active {
  height: 100%;
}
.carousel-wrapper {
  width: 1000px;
  margin: auto;
  position: relative;
  text-align: center;
  font-family: var(--var-font-primary);
}
/*.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}*/
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5110e9;
}
.owl-nav {display:block!important;text-align: center}
.owl-nav > button{margin-right:.6rem}
.owl-carousel .nav-button {
	height: 32px;
	width: 32px;
	cursor: pointer;
	position: relative;
	display:block;
	text-align:center;
	  line-height: 22px;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #ac2a21;
  font-size: 45px;
  background-color: var(--sm-color-dark-blue);
  border-radius: 3px;
}
.owl-carousel .owl-prev:hover {
  opacity:0.9
}
.owl-carousel .owl-next:hover {
  opacity:.9
}
 /*
	custom ul list
 */
 .custom-ul {
	list-style: none;
	padding: 1rem .3rem;
	margin: 0;
	display: inline-block;
 }.custom-ul > li {
	 padding:0;
	 float:left;
	 margin-right:1rem;
 }.custom-ul > li:last-child{margin-right:0}
 .custom-ul > li > a {
	 text-decoration:none;
	 color:var(--sm-color-white)
 }.custom-ul > li > a:hover{opacity:0.7}
 .custom-ul-float > li {float:none!important}
 .custom-ul-float > li > a{color:var(--sm-color-black)}
 /*
	social links
 */
 .social-links {
	 position:relative;
	 margin-bottom: 1rem;
 }.social-links > a {
	 margin-right: -.745rem;
 }.social-links > a:hover {
	opacity:0.8
 }
 /*
	jquery accordion
 */
 .accordion {
	padding: 1rem 0!important;
 }
 .group {
	 padding-bottom:.5rem;
 }
 
 @media only screen and (max-width: 546px) { 
	 .site-logo > a > img, .site-logo > img {
		 width:90px;
	 }
	 .site-logo {
		 padding-bottom: 1.85rem;
		 padding-right:.65rem;
		height: 100%;
		line-height: 4rem;
	 }
	 .site-top-links > a {display:block;}
	 .site-language {padding: .2rem .8rem;}
	 .social-links {padding-left: 120px!important;padding-top: 1rem!important;}
 }
 
 @media only screen and (max-width: 766px) { 
	 .social-links {padding-left: 175px;padding-top: .5rem;}
	 .services-item-title > h3 {font-size:1rem !important;}
 }
 
  @media (max-width: 950px) {
	/*.site-boxed {
		background: rgba(74, 74, 74, 0.84);
		padding: 2rem;
		color: var(--sm-color-black);
	}*/
	.preloader { background-size:50%; }
	.site-header-pd {padding-top:.5rem;}
	nav.site-menu { padding-top:0!important }
	.full-screen {
		height: auto !important;
		/*background-position: 25%;*/
	}

	.site-title-secondary {display:none}
	.site-content {
		height: 100%;
		text-align: center;
		top: 0;
		transform: none;
	}
	  .teams-item > .teams-item-img {height:auto!important}
	.site-boxed > .title {font-size: 1.5rem!important}
	.contact-form-content {width:85%}
	.whatsapp-box {right: 0;margin: 0 auto;left:0}
	.whatsapp-box-button {right: 0;left: 0;display: table;margin: 0 auto;}
	.top-wrapper span {font-size:smaller}
 }