@charset "utf-8";
/*   
Theme Name: Hurdacılar Kralı
Theme URI: http://hurdacilarkrali.com
Description: Hurdacılar Kralı Wordpress Teması
Author: Gürkan Kara
Author URI: http://gurkankara.com
Version: 1
*/


body {background: #FFF; font-family: 'Barlow', sans-serif; font-size: 16px; color: #444; position: relative; height: 100%; line-height: 1.3em;}
.site {background: #FFF; max-width: 1200px; margin: auto;}
.container-fluid {max-width: 1300px;}
.main-content {margin:50px 0;}
.site-container {max-width: 2500px; margin: auto; }
a {text-decoration: none; color: #444; transition: all .2s;}
a:hover {text-decoration: none; transition: all .2s; color: #000;}
h1 {font-size: 30px; font-weight: 600;}
h2 {font-size: 24px;}
[class*='col-md-'] {padding-right: 20px; padding-left: 20px;}

h1, h2, h3 {font-family: 'Barlow', sans-serif; font-weight: 700;}


.margin {margin-top: 40px; margin-bottom: 40px;}
.bg-light {background: #FFF;}
.flex-center {display: flex; align-items: center;}

.btn-ghost {padding: 6px 30px; background: none; color: #FFF; border:2px solid #FFF; font-size: 18px; font-weight: 700; border-radius: 100px; display: inline-block;}
.btn-ghost:hover {background: #FFF; color: #000;}

.btn-default {padding: 6px 30px; background: #006a36; color: #FFF; border:2px solid #006a36; font-size: 18px; font-weight: 700; border-radius: 5px; display: inline-block; transition: all .2s}
.btn-default:hover {background: #238a41; border:2px solid #238a41; color: #FFF;}
.mobile-show {display: none;}



/************************************************************************
 *
 * HEADER        
 *
 ************************************************************************/
header {background: #FFF;  }
header .logo {max-width: 180px; height: auto; margin: 30px 0}

header .header-items {float: right; margin-top: 40px;}
header .header-items .item {float: left; margin-left: 40px; position: relative; padding-left: 50px;}
header .header-items .item:before {font-family: 'Font Awesome 5 Free'; font-weight: 700; content: '\f091'; position: absolute; left: 0; top: 5px; color: #006a36; font-size: 40px;}
header .header-items .item h1 {font-weight: 700; font-size: 26px; margin: 0;}
header .header-items .item h2 {font-weight: 400; font-size: 16px; margin: 0;}

header .header-items .item-phone:before {content: '\f095';}
header .header-items .item-whatsapp:before {content: '\f232'; font-family: 'Font Awesome 5 Brands'; }



.main-navigation {background: #ffc300;}


/************************************************************************
 *
 * MOBILE MENU            
 *
 ************************************************************************/

.slideout-menu {position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; background: #11171a; padding: 20px;}
.slideout-menu h2 {color: #FFF; font-size: 18px;}
.slideout-menu ul, .slideout-menu ul li {list-style-type: none; list-style: none; list-style-position: inside; margin: 0; padding: 0; }
.slideout-menu ul {margin-bottom: 0px;}
.slideout-menu ul li a {color: rgba(255,255,255,1); padding: 5px 10px; font-weight: 600; background:#182024; display: block; margin-bottom: 5px;}
.slideout-menu ul ul li a {color: rgba(255,255,255,0.7); padding: 5px 10px; font-weight: 400; background:#182024; display: block; margin-bottom: 5px;}
.slideout-menu ul li a:before {content: '\f0c8'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 10px; padding-right: 10px; padding-top: 0px; color: #ffc300;}
.slideout-menu ul ul li a:before {content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 10px; padding-right: 10px; padding-top: 0px; color: #ffc300;}
.slideout-menu ul li a:hover {color: #ffc300;}

.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}
.slideout-menu .logo-mobile {width: 100%; height: auto; margin-bottom: 40px;}
#panel {max-width: 1920px; margin: auto; overflow-x: hidden;}

.mobile-navigation-open {display: none; float: right; margin-top: 33px; margin-right: 0; font-size: 30px; color: #ffc300; border: 2px solid #ffc300; padding: 10px 12px; border-radius: 5px; }  
.mobile-navigation-open:active, .mobile-navigation-open:focus { color: #ffc300;}



/************************************************************************
 *
 * COVER        
 *
 ************************************************************************/

.cover {background: #222; padding: 70px 0; color: #FFF; position: relative;}
.cover h1 {margin-top: 0; margin-bottom: 20px;}
.cover .cover-text {font-weight: 400; font-size: 20px; line-height: 1.5em;}
.cover .cover-form {background: #FFF; border-radius: 5px; padding: 20px; color: #222;}
.cover .wpcf7-form input, .cover .wpcf7-form select {width: 100%; display: block; border: 1px solid #DDD; border-radius: 3px; padding: 5px;}
.cover .wpcf7-form input[type="submit"] {padding: 6px 30px; background: #006a36; color: #FFF; border: 2px solid #006a36; font-size: 18px; font-weight: 700; border-radius: 5px; display: inline-block; transition: all .2s;}
.cover div.wpcf7 .ajax-loader {position: absolute;}



/************************************************************************
 *
 * SWIPER SLIDER - Customization
 *
 ************************************************************************/
.main-slider-container {position: relative;}
.main-slider .slide-item {background-size: cover; background-position: center; border-radius: 0; min-height: 640px; position: relative;}
.main-slider .slide-item .overlay {position: absolute; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.4);}
.main-slider img {width: 100%; height: auto;}
.main-slider .slide-text {position: relative; bottom: 0; color: #FFF; height: 500px;}
.main-slider .slide-text .slide-text-inner {position: absolute; bottom: 50px; font-size: 20px; right: 0px; text-align: right;}
.main-slider .slide-text .slide-text-inner h1 {font-size: 50px; margin: 10px 0;}
.main-slider .slide-text .slide-text-inner h2 {font-size: 40px; margin: 0;}
.main-slider .slide-text .slide-text-inner h3 {font-size: 30px; margin: 0;}
.main-slider .slide-text .slide-text-inner h4 {font-size: 24px; margin: 0;}


/************************************************************************
 *
 * SECTIONS            
 *
 ************************************************************************/
section {padding: 40px 0; position: relative;}
.section-small {padding: 50px 0; position: relative;}

.section-boxes {background: #F4F4F4;}
.box-icon {background: #FFF; padding: 30px 20px; text-align: center; border-radius: 5px; }
.box-icon img {max-width: 90px; height: auto;}

.section-tabs {background: #F4F4F4;}
.section-tabs .nav-tabs, .section-tabs .nav-tabs * {border: 0px!important;}
.section-tabs .tab-content {padding: 20px; border-top: 0; background: #FFF;  border-radius: 0 5px 5px 5px; min-height: 600px;}
.section-tabs .nav-tabs {}
.section-tabs .nav-tabs .active {font-weight: 700;}

.section-tabs .mobile-pages {margin-top: 30px;}
.section-tabs .mobile-pages li, .section-tabs .mobile-pages {list-style-type: none; list-style: none; padding: 0;}
.section-tabs .mobile-pages li {background: #FFF; padding: 10px; border-radius: 3px; margin-bottom: 10px;}

.vertical-tabs {margin-top: 40px;}
.vertical-tabs .left {padding-right: 0;}
.vertical-tabs .right {padding-left: 0;}
.vertical-tabs .left li {width: 100%; display: block; float: left;}
.vertical-tabs .left li a {border: 0; border-radius: 5px 0 0 5px; margin: 0;}
.vertical-tabs .right table {margin-bottom: 0;}

.section-blog {background: #FFF;}
.section-blog .blog-item {margin-top: 20px;}
.section-blog .blog-item h1 {font-size: 20px; font-weight: 700; margin-top: 0; margin-bottom: 0px;}
.section-blog .blog-item img {margin-right: 20px; width: 130px; float: left; border-radius: 3px;}


.section-action {background: #238a41; }
.section-action h1 {color: #FFF; margin: 0; font-size: 24px;}



.item-archive img {width: 100%; height: auto; border-radius: 3px;}
.item-archive .text {width: 100%; margin-bottom: 20px;}

nav.pagination {position: relative; display: block;}
nav.pagination .screen-reader-text {display: none;}
.nav-links {position: relative;}
.nav-links {margin: 0; padding: 0;}
.nav-links span.current {padding: 10px 12px; background: #008940; border: 1px solid #006936; display: inline-block; line-height: 1; color: #fff; border-radius: 3px; }
.nav-links a {padding: 10px 12px; background: #eee; color: #666; text-decoration: none; border: 1px solid #ddd; display: inline-block; line-height: 1;  border-radius: 3px;}
.nav-links a:hover {background: #999; border-color: #888; color: #fff; }
.nav-links a:before {display: none; }

.post-content img, .post-content figure, .post-content iframe {max-width: 100%; width: 100%!important; height: auto; border-radius: 3px;}
.post-content a {color: #1565C0;}


.post-items {color: #FFF; }
.post-items a {color: #FFF!important;}
.post-items .item {float: left; padding: 20px; padding-left: 65px; margin-right: 40px; position: relative; background: #238a41; border-radius: 3px;}
.post-items .item:before {font-family: 'Font Awesome 5 Free'; font-weight: 700; content: '\f091'; position: absolute; left: 20px; top: 32px; color: #ffc600; font-size: 40px;}
.post-items .item h1 {font-weight: 700; font-size: 26px; margin: 0;}
.post-items .item h2 {font-weight: 400; font-size: 16px; margin: 0;}

.post-items .item-phone:before {content: '\f095';}
.post-items .item-whatsapp:before {content: '\f232'; font-family: 'Font Awesome 5 Brands'; }



/************************************************************************
 *
 * POST - PAGE
 *
 ************************************************************************/
.title-breadcrumb {background-color: #FFF; border-bottom: 1px solid #f5f5f5; padding: 0;}
.breadcrumb {padding: 0; margin: 10px 0; list-style: none; background-color: #FFF; border-radius: 0px; font-size: 12px;}
.breadcrumb ul, .breadcrumb ol, .breadcrumb li {list-style: none; list-style-type: none; list-style-position: inside; padding: 0; margin:0;}
.breadcrumb li {display: inline-block; padding-right: 20px; position: relative;} 
.breadcrumb li:after {content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; right: 8px; top: 2px;} 
.breadcrumb li:last-child:after {content: '';} 
.breadcrumb li, .breadcrumb li a {color: #999;} 
.breadcrumb .trail-browse {display: none;}

.section-title {background: #EEE; padding: 30px 0;}
.section-title h1 {margin: 0; font-weight: 700; color: #222;}


/************************************************************************
 *
 * SIDEBAR
 *
 ************************************************************************/
#sidebar aside {background: #eeeeee; margin-bottom: 20px; border: 1px solid #FFF; float: left; width: 100%; border-radius: 5px;}
#sidebar aside h2 {color: #172024; padding: 20px; font-size: 20px; font-weight: 700; margin: 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(255,255,255,0.6); }
#sidebar aside ul li:last-child a {border-radius: 0 0 5px 5px; border-bottom: 0;}
#sidebar ul {list-style-type: none; padding: 0; margin-bottom: 0;}
#sidebar li {list-style-type: none; margin: 0;}
#sidebar li a {padding: 8px 20px; display: block; color: #172024; transition: all .3s; position: relative; font-weight: 400; }
#sidebar li a:hover {text-decoration: none; color:#FFF; background: #238a41; }
#sidebar ul ul li a {padding-left: 30px;  font-weight: 400!important;}
#sidebar ul ul li a:before {font-family: 'Font Awesome 5 Free'; content: '\f054'; font-weight: 700; position: absolute; left: 20px;}

#sidebar .widget_search .screen-reader-text {display: none;}
#sidebar .widget_search {float: left; margin-bottom: 20px;}
#sidebar .widget_search .search-form {padding: 20px 20px 17px; float: left;}
#sidebar .widget_search .search-form label {width: 70%; float: left;}
#sidebar .widget_search .search-form input[type=search] {width: 100%; border: 1px solid #FFF; background: #FFF; padding: 10px 5px;}
#sidebar .widget_search .search-form input[type=submit] {width: 30%; float: left; border: 1px solid #FFF; background: #eee; padding: 10px 0;}
#sidebar .widget_search .search-form:after {float: none; clear: both;}


/******************************************"******************************
 *
 * FOOTER            
 *
 ************************************************************************/

.footer-tree {background: #f4f4f4; border-bottom: 4px solid #006a36;}
.tree-bg {background: url(images/footer-tree.png) no-repeat bottom left; height: 77px; display: flex; align-items: center; padding-left: 180px;} 

footer {background: #242424; padding: 80px 0 60px; float: left; width: 100%; line-height: 1.5em; color: rgba(255,255,255,0.5);}
footer h2 {font-size: 26px; letter-spacing: -0.5pt; margin-top: 0; font-weight: 700; color: #FFF;}
footer ul {padding: 0; margin: 0;}
footer ul li {list-style-type: none;}
footer ul li a {transition: all .2s; color: rgba(255,255,255,0.5);}
footer ul li a:hover {text-decoration: none; color: #ffc300;}
footer .footer-logo {max-width: 80%; height: auto;}

.footer-menu li a {padding: 5px 0; display: block; transition: all .2s; color: rgba(255,255,255,0.5);}
.footer-menu li a:before {content: '\f105'; font-family: FontAwesome; padding-right: 5px; color: #FFF;}
.footer-menu li a:hover {color: #FFF;}

.contact-menu li span {padding: 5px 0; padding-left: 20px; display: block;}
.contact-menu li:before {position: absolute; padding-top: 5px; color:#FFF; }
.contact-menu .address:before {content: '\f041'; font-family: FontAwesome; padding-right: 5px;}
.contact-menu .phone:before {content: '\f095'; font-family: FontAwesome; padding-right: 5px;}
.contact-menu .fax:before {content: '\f1ac'; font-family: FontAwesome; padding-right: 5px;}
.contact-menu .email:before {content: '\f0e0'; font-family: FontAwesome; padding-right: 5px;}

.social-nav {float: left; margin-top: 20px; padding-top: 20px;}
.social-nav a {font-size: 30px!important; padding-left: 0!important}

footer .widget .footer-contact {position: relative;}
footer .widget .footer-contact li span {position: relative; padding-left: 18px; display: block;}
footer .widget .footer-contact li span a {padding-left: 0;}
footer .widget .footer-contact li span a:before {content: ''; display: none;}
footer .widget .footer-contact li span:before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #009746;
}
footer .widget .footer-contact .title:before {content: "\f1ad"!important;}
footer .widget .footer-contact .address:before {content: "\f041";}
footer .widget .footer-contact .phone:before {content: "\f095";}
footer .widget .footer-contact .email:before {content: "\f2b6";}
footer .widget .footer-contact .fax:before {content: "\f1ac";}

footer .copyright {margin-top: 30px; border-top: 1px solid rgba(0,0,0,0.2); font-size: 12px; padding-top: 20px;}
footer .monark {float: right; position: relative; width: 80px; height: auto; display: inline-block;}



/************************************************************************
 *
 * FANCYBOX LIGHTBOX           
 *
 ************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap {position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
.fancybox-skin {position: relative; background: #f9f9f9; color: #444; padding: 0!important; text-shadow: none; -webkit-border-radius: 3px;    -moz-border-radius: 3px;         border-radius: 3px; }
.fancybox-opened {z-index: 8030; }
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner {position: relative; }
.fancybox-inner {overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch; }
.fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; }
.fancybox-image {max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(images/fancybox/fancybox_sprite.png); }
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div {width: 44px; height: 44px; background: url(images/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(images/fancybox/blank.gif); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev {left: 0; }
.fancybox-next {right: 0; }
.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span {left: 10px; background-position: 0 -36px; }
.fancybox-next span {right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span {visibility: visible; }
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock {   overflow: visible !important;     width: auto; }
.fancybox-lock body {   overflow: hidden !important; }
.fancybox-lock-test {   overflow-y: hidden !important; }
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(images/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title {visibility: visible; }
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap {padding-top: 10px; }
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(images/fancybox/fancybox_sprite@2x.png);  background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div { background-image: url(images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}

/************************************************************************
 *
 * RESPONSIVE           
 *
 ************************************************************************/

/* Tablet Landscape (1024px) */
@media only screen and (max-width: 1024px) {
}

/* Tablet Portrait (768px) */
@media only screen and (max-width: 800px) {
	.mobile-hide {display: none;}
	.mobile-show {display: block;}
    .mobile-navigation-open {display: inline-block;}	
}

/* Small Tablet Portrait (600px) */
@media only screen and (max-width: 600px) {
	.flex-center {display: inline-block;}
	footer .widget {margin-bottom: 20px;}
	.section-action, .section-action .text-right {text-align: center!important;}
	.section-action .action-phone {margin: 10px 0;}
	.tree-bg {height: auto;}
	.tree-bg h2 {font-size: 16px;}
	.box-icon {margin-bottom: 20px;}

	header .header-items {float: left; margin-top: 0px;}
	header .header-items .item {float: left; width: 100%; margin-left: 0; padding: 12px 0px; padding-left: 50px; border-top: 1px solid #EEE;}
	header .header-items .item:before {top: 24px;}
	.post-items .item {float: left; margin-right: 0px; margin-bottom: 20px; width: 100%;}
}

/* iPhone Landscape (586px) */
@media only screen and (max-width: 586px) {
}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
}