/* 
Theme Name:		 Gehl & Salinger Architekten GmbH
Theme URI:		 https://themegrill.com/themes/zakra/
Description:	 Child des Flash Pro Themes für http://gehl-salinger.de
Author:			 ThemeGrill
Author URI:		 https://themegrill.com/wordpress-themes/
Template:		 zakra
Version:		 1.0.0
Text Domain:	 zakra-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

/*
 *  Farben
 * 
 * Titel:			#131414
 * Überschriften: 	#303030
 * 
 * Unterüberschrift	#999999
 * Linie Hell		#e0dfdf
 * 
 * Text:			#616060
 * Schwarz			#200d00
 * Link/Aktion		#ff7f00
 * Link/Hover		#df5900
 *
 * Akzent
 * 1.		 		#bf4d00
 * 2. Helligkeit	#803300
 * 1. Tönung		#ffecdf
 * 2. Tönung		#ffd9bf
 * 3. Tönung		#ffd9bf
 * 
 * Komplementär
 * 1. 				#0099ff
 * 2. Helligkeit	#0059ff
 * 3. Helligkeit	#2600ff
 * 4. Tönung		#0086df
 * 5. Tönung		#00609f
 * 
 */


h2, h3, h4, h5, h6 {
	color: #969696;
}

.site-branding {
	margin: 40px 0 30px 0;
}
nav .menu {
	text-transform: uppercase;
}
nav .menu li a:hover {
	color: #df5900 !important;
	text-decoration: underline;
}
nav .menu li.menu-item a {
	color: ff7f00;
}

header.tg-page-header h1 {
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 24px !important;
}
.tg-page-header .tg-page-header__title {
	text-align: center;
	text-transform: uppercase;
}
nav.breadcrumb-trail {
	margin-top: 30px;
}
#main p a {
	color: #ff7f00;
}
#main p a:hover {
	color: #df5900;
}

.elementor-element-6d5341a {
	z-index: 9999;
}

a.custom-tile-link {
	display: block;
	width: 100%;
	height: 240px;
	margin: 0;
	padding: 0;
	background-color: rgba(255,102,0,0.7);
	text-align: center;
	opacity: 0;
}
a.custom-tile-link i {
	font-size: 60px;
	color: ff7f00;
	background-color: #fff;
	padding: 20px;
	border-radius: 7px;
	margin: 25% 0;
	opacity: 0.8;
}
a.custom-tile-link:hover {
	opacity: 1;
}

.elementor-element.fancy-list .elementor-widget-container h3 span {
	color: #803300;
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-size: 35px;
	display: block;
	padding-bottom: 5px;
}

footer h2.widget-title {
	text-transform: uppercase;
}
footer table td {
	border: 0;
	padding: 0;
}
.social-icons-lists span.socicon {
	background-color: #ffd9bf !important;
	color: #803300 !important;
}
.tg-site-footer .tg-site-footer-widgets a:hover, .tg-site-footer .tg-site-footer-widgets a:focus {
	color: #fff !important;
}

/*----------  responsive  ---------- */
@media screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 992px) {
	
}

@media screen and (max-width: 768px) {
	/*Startseite*/
	a.custom-tile-link {
		opacity: 1;
		background-color: transparent;
	}
		a.custom-tile-link:active {
			opacity: 1;
			background-color: rgba(255,102,0,0.7);
		}
	a.custom-tile-link i {
		font-size: 40px;
		margin: 90px 0 0;
		background-color: transparent;
		border: 2px solid rgb(255,102,0);
	}
		a.custom-tile-link:active i {
			font-size: 40px;
			margin: 90px 0 0;
			background-color: #fff;
			border: 2px solid #fff;
			transition: 0.3s all ease-in-out;
		}
}


@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 480px) {

}
@media screen and (max-width: 360px) {
	
}