/*
Theme Name: ARKITEK (Child of 2017)
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: ARKITEK Telekomunikasyon A.S.
Author URI: https://arkitek.net
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.6
Tested up to: 6.5
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body, html {
  height: 100%;
}

#page {
	word-wrap: normal;
}

.custom-logo-link img {
	max-height: none;
	z-index: 10;
}

.site-branding-text {
	position: relative;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
	list-style-position: inside;
}

ul {
	list-style: disc;
	list-style-position: inside;
}

.site-branding {
	display: none;
}

.main-navigation a:hover {
	color: #e89a2b;
}

.site-header .menu-scroll-down {
		right: 8em;
	}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #008AAA;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #e89a2b;
	outline: 0;
}

.more-link {
	margin-top: -1em;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top .wrap {
	max-width: 1260px;
	padding: 0;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.site-branding .wrap, .banner .wrap, .band-breadcrumbs .wrap {
		max-width: 1260px;
}

/* Front-Page */

.page-one-column .panel-content .wrap {
	max-width: 1260px;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
}

.panel-image {
		height: 20vh;
		max-height: 500px;
		background-size: cover;
	}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 5px solid #1399b7;
	max-height: 500px;
}

.single-featured-image-header img {
	display: block;
	width: 100%;
}

.banner {
	position: relative;
	width: 100%;
	min-height: 25em;
	background-position: top center;
	background-size: cover;
}

.banner .brap {
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	height: 4em;
	color: #FFF;
	bottom: 0px;
	padding-top: 0.75em;
}

.band-breadcrumbs {
	min-height: 3em;
	background-color: rgba(0,0,0,0.1);
	padding-top: 0.75em;
}

.band-breadcrumbs p {
	font-size: 1em;
}

.page-header {
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
}

 #map {
	width: 100%;
    height: 25em;
  }

@media (min-width: 600px)
{
	.has-2-columns .wp-block-column:first-child {
    flex-basis: 75%;
	flex-grow: 0;
	}
		
	.has-2-columns .wp-block-column:nth-child(2n) {
    flex-basis: 25%;
    flex-grow: 0;
	}
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

/* Site branding */

.site-title {
	clear: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-size: 4rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.03em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
13.6 Site Footer
--------------------------------------------------------------*/

.footerSpacer {
	height: 105px;
}

.site-footer {
	border-top: 5px solid #e89a2b;
	background-color: #383838;
	color: #cccccc;
}

.site-footer .widget-area {
	padding-bottom: 0;
	padding-top: 0;
}
.site-footer .widget-title {
	color: #e89a2b;
}

.site-footer .widget {
	padding-bottom:2em;
}
/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0;
	margin-bottom: 1em;
	max-width: 500px;
}

.site-info a {
	color: #666;
}

.site-info a:hover {
	color: #e89a2b;
}

.site-info span {
	white-space: pre;
}

/* Social Navigation */

.social-navigation a {
	background-color: #008AAA;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	height: 32px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 32px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #e89a2b;
}

.social-navigation .icon {
	height: 16px;
	top: 7px;
	width: 16px;
	vertical-align: top;
}

/*--------------------------------------------------------------
     WPML Language Switcher (Footer)
--------------------------------------------------------------*/

.wpml-ls-legacy-list-horizontal {
	border: none;
	padding: 0;
	clear: both;
}

.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
	padding: 0px;
    padding-top: 5px;
	padding-right: 10px;
    line-height: 1;
}

.widget ul li, .widget ol li {
	border: none;
}

h2.widget-title {
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 20em) {

	.site-title {
		font-size: 3em;
	}
	
	.entry-content p {
		text-align: justify;
	}
	
	.banner h1 {
		font-size: 1.25em;
	}
	
	.band-breadcrumbs p {
		font-size: 0.8em;
	}
	
	.footerSpacer {
		height: 0px;
	}
}

@media screen and (min-width: 20em) {

	.site-title {
		font-size: 3em;
	}
	
	.site-description {
		margin-top: -10px;
		font-size: 1em;
	}
	
	.entry-content p {
		text-align: justify;
	}
	
	.banner h1 {
		font-size: 1.25em;
	}
	
	.band-breadcrumbs p {
		font-size: 0.8em;
	}
	
	.footerSpacer {
		height: 0px;
	}
}

@media screen and (min-width: 30em) {

	.site-title {
		font-size: 3em;
	}
	
	.site-description {
		margin-top: -10px;
		font-size: 1.2em;
	}
	
	.entry-content p {
		text-align: justify;
	}
	
	.banner h1 {
		font-size: 1.875em;
	}
	
	.band-breadcrumbs p {
		font-size: 0.8em;
	}
	
		.footerSpacer {
		height: 105px;
	}
	
}

@media screen and (min-width: 48em) {

	.site-title {
		font-size: 4em;
	}
	
	.site-description {
		margin-top: -10px;
		font-size: 1.2em;
	}
	
	.site-content {
		padding-top: 3em;
		padding-bottom: 0em;
	}
	
	.wrap {
    	max-width: 1260px;
    	padding-left: 3em;
    	padding-right: 3em;
	}
	
	.navigation-top .wrap {
	max-width: 1260px;
	padding: 0;
		padding-left: 3em;
    	padding-right: 3em;
	}
	
	.site-branding .wrap {
		max-width: 1260px;
	}
	
	.panel-content .wrap {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.band-breadcrumbs p {
		font-size: 1em;
	}
	
	.footerSpacer {
		height: 105px;
	}
	
}