/*
Theme Name: Sela WFM
Description: Child-Theme von Sela für Wein & Fein Marketing. Enthält die Farb- und Schriftanpassungen der bisherigen Seite als Overrides, lokale Schriften und die Intro-Startseite.
Author: active minds GmbH
Template: sela
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sela-wfm
*/

/*
 * Abweichungen gegenüber Sela, übernommen aus der angepassten Sela 1.0.12 der
 * alten Seite. Reihenfolge wie im Eltern-Stylesheet.
 * Farben: Braun #734720, Beige #e4dbcc, Orange #d2823a, Hellbraun #b58e65.
 */

/* 2.0 Typography / Elements */
a {
	color: #734720;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Source Sans Pro", sans-serif;
	letter-spacing: 1px;
	text-align: left;
}
h6y {
	font-size: 0.8em;
}
mark,
ins {
	background-color: transparent;
	color: #aaa;
	font-size: 12px;
	font-size: 1.1rem;
	text-align: center;
}

/* 4.0 Forms */
button,
input,
select,
textarea {
	font-size: 85%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	background-color: #e4dbcc;
	color: #d2823a;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"] {
	width: 75%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
	border: 1px solid #e4dbcc;
}

/* 5.2 Menus */
.main-navigation {
	background-color: #e4dbcc;
}
.main-navigation a {
	color: #b58e65;
	font-weight: 200;
}
/* Die alte Seite hatte hier die Farbe auskommentiert; es gilt die von .main-navigation a. */
.main-navigation ul ul a {
	color: #b58e65;
}
.main-navigation a:hover,
.main-navigation ul > :hover > a,
.main-navigation ul > .focus > a {
	color: #734720;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul li.focus > a {
	color: #8fae1b;
}
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
	color: #734720;
	font-weight: bold;
}

/* Menüpunkte als Icons (CSS-Klassen an den Menüeinträgen) */
.menu-home,
.menu-home2,
.menu-home3 {
	text-indent: -9999px;
	width: 20px;
}
.menu-home {
	background: url("/wp-content/uploads/2016/05/picto_home_b.png") no-repeat left center;
}
.menu-home2 {
	background: url("/wp-content/uploads/2016/05/picto_cart_b.png") no-repeat left center;
}
.menu-home3 {
	background: url("/wp-content/uploads/2016/05/picto_callusb.png") no-repeat right center;
}

/* 5.4 Social Links */
.social-links ul a:before {
	background: #e4dbcc;
}

/* 8.0 Widgets */
.front-widget-area .widget-title,
.sidebar-widget-area .widget-title {
	color: #734720;
}
.footer-widget-area {
	border-top: 7px solid #e4dbcc;
}
.footer-widget-area a:hover {
	color: #734720;
}
.footer-widget-area .widget-title {
	color: #734720;
}

/* 10.0 Content */
.site-content,
.attachment.page .site-content {
	background-color: rgba(255, 255, 255, 0.97);
}
.site-branding {
	background: transparent;
	min-height: 180px;
	padding: 0;
}
.archive .page-title,
.search .page-title {
	color: #77a464;
	font-size: 16px;
	font-size: 2rem;
}
.entry-title a:hover {
	color: #734720;
}
.comment-meta a {
	color: #e4dbcc;
}
.front-widget-area .widget-title {
	font-family: "Source Sans Pro", Arial, sans-serif;
}
.jetpack-testimonial .entry-title,
.jetpack-testimonial-shortcode .testimonial-entry-title {
	color: #e4dbcc;
}

/* „mehr erfahren“ in den Beschreibungen der Länderkategorien (früher per onclick) */
.wfm-mehr summary {
	color: #734720;
	cursor: pointer;
}

/* 10.6 Footer */
.site-info a:hover {
	color: #e4dbcc;
}
.wfm-versand {
	margin: 0;
}

/* 10.6.1 Footer 2 */
.site-footer2 {
	background-color: #404040;
	color: #fff;
	font-size: 8px;
	padding: 24px 34px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.site-info2 a,
.site-info2 span {
	color: #717171;
}
.site-info2 a:hover {
	color: #8d8d8d;
}

@media screen and (min-width: 768px) {
	.main-navigation .menu > li > a:after {
		color: #e4dbcc;
	}
	.main-navigation ul ul a:hover,
	.main-navigation ul ul > li.focus > a {
		color: #734720;
	}
	.main-navigation ul ul a {
		color: #734720;
	}
}