/*
Theme Name: SKPFCW-Blog
Description: Exklusive WordPress-Theme-Anpassung fuer die Sparkasse Pforzheim Calw, basierend auf das Theme Garfunkel von Anders Noren.
Author: netpla.net Digitale Kommunikation Besim Karadeniz
Author URI: http://www.netpla.net/
Template: garfunkel
Version: 3.0.5
Tags:
*/

@import url("../garfunkel/style.css");

/* ----- Hauptfont ist SparkasseSans bzw. Sparkasse Web */
* { font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ----- FontAwesome-Einbindung */
@font-face { font-family: 'FontAwesome'; src: url('fonts/fa-brands-400.woff2') format('woff2');
}


/* ----- Schriftanpassungen */
.mobile-menu a { font-size: large; }
.post-excerpt { font-family: "Sparkasse Serif Web"; font-size: 90%; line-height: 140%; }
.post-content p { font-family: "Sparkasse Serif Web"; font-size: 90%; line-height: 150%; }
h1, h2, h3, h4, h5, h6 { font-family: "Sparkasse Web"; }
.post-quote blockquote { font-family: inherit; }

/* ----- Shariff Stylefixes */
.post-content li { margin-bottom: 0; }
.post-content ul { margin-left: 0; }

/* ----- Hintergrund */
body { background-color: #f0f0f0; }
.wrapper:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 640px; }
.wrapper:after { background: none repeat scroll 0 0 #f0f0f0; top: 540px; }

/* ----- Tab-Anpassungen */
.post-meta-tabs .tab { display: block; }
.post-meta-tabs .tab-comments { display: none; }
.post-meta-tabs .tab-post-meta { display: none; }

/* ----- Footer */
.credits { background: none repeat scroll 0 0 #f0f0f0; padding: 10px 0; }
.credits p a:hover { color: #aaa; }
.archive-nav a { color: #555; }
.archive-nav a:hover { color: #555; border-bottom-color: transparent; }

/* ----- Main Menu */
.navigation { background: none repeat scroll 0 0 #ee0000; }
.main-menu a { color: #fff; }
.mobile-menu a { color: #fff; }
.main-menu ul li { top: -26px; }
.main-menu > li::before { color: #fff; content: ""; margin-top: -7px; }
.main-menu > li > ul::before { top: -26px; }
.main-menu > li > a { padding: 14px; }
.main-menu > .has-children > a::after, .main-menu > .page_item_has_children > a::after { border-color: #fff transparent transparent; margin-top: -2px; right: 7px; }
.main-menu > .has-children > a, .main-menu > .page_item_has_children > a { padding-right: 21px; }
.nav-toggle { background: none repeat scroll 0 0 #ee0000; left: 11px; right: initial; position: absolute; }
.nav-toggle.active { background: none repeat scroll 0 0 #ee0000; }
.blog-logo { text-align: left; margin-left: 11px; }
.main-menu:after { width: 0 !important; }

/* ----- Beitrag/Artikelueberschrift */
.post-title { hyphens: auto; }

/* ----- Social Menu Symbole */
.menu-social li a[href*="xing.com"]::before { content: "\f168"; display: inline-block; font-family: "FontAwesome"; font-size: 22px; margin-left: -9px; margin-top: -11px; position: absolute; top: 50%; vertical-align: middle; }
.menu-social li a[href*="wikipedia.org"]::before { content: "\f266"; display: inline-block; font-family: "FontAwesome"; font-size: 22px; margin-left: -14px; margin-top: -11px; position: absolute; top: 50%; vertical-align: middle; }
.menu-social li a[href*="instagram.com"]::before { content: "\f16d"; display: inline-block; font-family: "FontAwesome"; font-size: 26px; margin-left: -11.5px; margin-top: -13px; position: absolute; top: 50%; vertical-align: middle; }
.menu-social li a[href*="facebook.com"]::before { content: "\f39e"; display: inline-block; font-family: "FontAwesome"; font-size: 24px; margin-left: -9px; margin-top: -11px; position: absolute; top: 50%; vertical-align: middle; }
.menu-social li a[href*="linkedin.com"]::before { content: "\f0e1"; display: inline-block; font-family: "FontAwesome"; font-size: 24px; margin-left: -10px; margin-top: -11px; position: absolute; top: 50%; vertical-align: middle; }

/* ----- Suchbox */
.search-form .search-field {
    padding: 9px 15px 9px 45px;
    font-family: 'Sparkasse Web';
    background-image: url(../skpfcwblog/images/search.svg);
    background-position: 8px 6px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #e00;
}
input.search-field {
    color: #fff !important;
}
input.search-field:focus {
    color: #888 !important;
}

/* ----- Shariff-Anpassungen -----*/
.shariff .theme-round .fa-facebook {
    margin-left: 1.5px;
    margin-top: -1px;
}
.shariff .theme-round .fa-linkedin {
    margin-left: 2px;
    margin-top: 0px;
}
.shariff .theme-round .fa-xing {
    margin-left: 3px;
    margin-top: 0px;
}
.shariff .theme-round .fa-envelope {
    margin-left: 1.5px;
    margin-top: -1px;
}

/* ----- Contentboxen */
.post, .posts .page { box-shadow: 1px 1px 5px #888; }
.featured-media img { border: 1px solid #fff; }
img { margin-left: auto; margin-right: auto; }

/* ----- Avatarbild auf Artikelseite */
.tab-author-meta .author-avatar img { background: #fff none repeat scroll 0 0; border-radius: 999px; display: block; height: auto; left: 0; padding: 8px; position: absolute; top: 0; width: 150px; }

/* ----- Bildansicht Autorenartikel auf Artikelseite */
.author-content .post-icon img { border-radius: 999px; height: 50px; width: 50px; }

/* ----- Anpassung Kontaktformular, E-Mail-Feld */
.post-content input[type="email"] {
  background: #fdfdfd none repeat scroll 0 0;
  border: 2px solid #eee;
  border-radius: 4px;
  color: #333;
  font-family: "Fira Sans",sans-serif;
  font-size: 0.85em;
  padding: 14px 16px;
  transition: background 0.2s ease-in-out 0s;
  width: 100%;
}

/* ----- Unnummerierte Aufzaehlungen */
.post-content ul>li {
    margin-bottom: 10px;
    margin-left: 25px;
    list-style: outside square;
    font-family: 'Sparkasse Serif Web',serif;
	font-size: 19.44px;
}

/* ----- Responsive Anpassungen */
.home_first_page .title-section .section-inner { padding: 60px 0 200px; }
.title-section .section-inner { padding: 60px 0; }

@media (max-width: 1040px) {
	.home_first_page .title-section .section-inner { padding: 60px 0 160px; }
	.search-form {
	    position: relative;
	    margin-left: auto;
	    padding: 6px 15px 9px 45px
	}
}

@media (max-width: 800px) {
	.home_first_page .title-section .section-inner { padding: 60px 0 100px; }
	.wrapper:before { height: 400px; }
	.wrapper:after { top: 300px; }
	.blog-logo img { max-width: 72%; }
}

@media (max-width: 600px) {
	.home_first_page .title-section .section-inner { padding: 60px 0; }
	.nav-toggle { left: 0px; }
	.blog-logo img { max-width: 90%; margin-left: -11px; }
	.wrapper:before { height: 250px; }
	.wrapper:after { top: 220px; }
	.tab-author-meta .author-avatar img { width: 90px; padding: 5px; }
}

.bg-shader.master { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); }