@import url('../slick/slick-theme.css');
@import url('../slick/slick.css');

body { font-family: "Montserrat", sans-serif; font-size: 16px; color: #666666;}

h1,h2,h3,h4,h5,h6, .btn { font-family: "Playfair Display", serif;}
.btn-custom {  font-family: "Playfair Display", serif; font-size: 13px; border-radius: 10px; border: 1px solid #b18d5c; color: #b18d5c}
.btn-custom:hover { background: #b18d5c; color: #fff;}

.navbar-nav > .nav-item .nav-link { color: #5e5e5e; padding-left: 0; padding-right: 0; margin-left: 2.5rem;}
.navbar-nav > .nav-item.active .nav-link,
.navbar-nav > .nav-item .nav-link:hover { color: #b18d5c;}
.navbar-toggler { float: right; margin-top: 15px;}
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

.header-top { color: #8c8c8c; font-size: 14px;}
.header-top i { color: #b18d5c}

#carouselBanner .carousel-item.background { height: 65vh; min-height: 300px; background: no-repeat center center scroll; background-size: cover; }
#carouselBanner .carousel-item.background.background-sub { height: 45vh; }
#carouselBanner .carousel-indicators > li { background-color: rgba(0,0,0,.5); }
#carouselBanner .carousel-indicators > li.active{background-color: #000;}
#carouselBanner .carousel-caption { font-size: 22px; background-color: rgba(0,0,0,.7); color: #fff; bottom: 50px; }
#banner-opacity { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.6);}

.breadcrumb-wrapper { position: absolute; top: 0; z-index: 2; left: 0; right: 0; text-align: center;}
.breadcrumb-wrapper h1 { font-size: 25px; color: #fff; text-transform: uppercase}

.page-titles { font-size: 25px; color: #000; text-transform: uppercase; font-weight: bold;}
.page-titles-small { font-family: "Playfair Display", serif; font-size: 18px; color: #b18d5c; text-transform: uppercase; font-weight: bold;}

.hover-img { position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; overflow-y: hidden;}
.hover-work:hover .hover-img { opacity: 1;}
.hover-work:hover .card-body h1, .hover-work:hover .card-body p { color: #fff!important;}

/* Dropdown Submenu */
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; content: ''; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #444; margin-top: 7px; margin-right: -10px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; }
.dropdown-toggle::after { color: #aaa;}
.bg-dark:focus, .bg-dark:hover{ background-color: none!important; box-shadow: none!important;}

/* Sosyal Medya Sayfası */
.sosyal_medya { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: row; list-style: none; margin-bottom: 0;}
.sosyal_medya li { padding-left: 20px!important;}
.sosyal_medya a { font-size: 16px; color: #000;}
footer .sosyal_medya a { color: #fff; width: 30px; height: 30px; display: inline-block; border-radius: 50%; text-align: center;  font-size: 12px; padding-top: 6px;}
footer .sosyal_medya li { padding-left: 0!important; padding-right: 20px;}
footer .sosyal_medya .facebook{background:#3b5998;}
footer .sosyal_medya .twitter{background:#41c2e0;}
footer .sosyal_medya .instagram{background:#A343AF;}
footer .sosyal_medya .youtube{background:#e20505;}
footer .sosyal_medya .google{background:#E04A39;}
footer .sosyal_medya .linkedin{background:#00517a;}
footer .sosyal_medya .pinterest{background:#BD081B;}
footer .sosyal_medya .whatsapp{background:#009F00;}

/* 404 Sayfa Bulunamadı Sayfası*/
#nopage {background-color: #342643; min-height: 80vh;}
.text-wrapper { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.title {font-size: 6em; font-weight: 700; color: #EE4B5E;}
.subtitle { font-size: 40px; font-weight: 700; color: #1FA9D6;}
.buttons { margin: 30px;}
.buttons a.button { font-weight: 700; border: 2px solid #EE4B5E; text-decoration: none; padding: 15px; text-transform: uppercase; color: #EE4B5E; border-radius: 26px; transition: all 0.2s ease-in-out; }
.buttons a.button:hover { background-color: #EE4B5E; color: white; transition: all 0.2s ease-in-out;}

.list-group.list-group-flush .list-group-item { background: #b68c5a; color: #fff; font-weight: 300;}
.list-group.list-group-flush .list-group-item i { color: #b68c5a}
.list-group.list-group-flush .list-group-item.active { font-weight: bold; border-color: #fff;}
.list-group.list-group-flush .list-group-item.active i { color: #fff;}

.form-control { height: 50px; border-color: #262931;}

#return-to-top { position: fixed; bottom: 20px; right: 20px; background:#b18d5c; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }

.slick-prev:before, .slick-next:before { font-family: "Font Awesome 5 Free"; display: inline-block; font-weight: 900; font-size: 24px; color: #000;}
.slick-prev:before { content: "\f104";}
.slick-next:before { content: "\f105";}

footer { background: #242424; font-size: 13px;}

.text-dark { color: #333848;}
.text-gold { color: #b68c5a;}
.bg-gray { background: #e1e1e1;}
.bg-dark-gray { background: #1f1f1f;}



/* RESPONSIVE UP (min-width) */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  	footer img { float: right!important; }
  	.dropdown-submenu>.dropdown-menu { margin-top: 5px; }
	  .navbar-toggler-icon { display: none;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* RESPONSIVE DOWN (max-width) */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	#carouselBanner .carousel-item.background { height: 35vh !important; }
	.icerik img { width: 100% !important; height: auto !important; }
	footer { font-size: 14px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.navbar-nav > .nav-item .nav-link { margin-left: 0;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}