/*
Theme Name: Zuki Child
Theme URI:
Description: Your child theme description text...
Author: Peter Spiess
Author URI: http://www.pstype.ch/
Template: zuki
Version: 1.0
Tags: Zuki Child Theme */
/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

/* ----------------------------------------------------------
    Pages Titel ausgeblendet Abstand Linie Bild  
---------------------------------------------------------- */
.page .site-content .page {
    padding: 15px 0;
}

/* ----------------------------------------------------------
    Header Navigation  
---------------------------------------------------------- */
#header-top-nav ul {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#site-nav ul li a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
}
/* Abstand der Menupunkte untereinander */
#site-nav ul li {
	/* margin: 0 15px; */
	margin: 0 32px 0 12px ;
}

#site-nav {
    padding: 42px 0 30px 10px;
}

/* ----------------------------------------------------------
    Typography  
---------------------------------------------------------- */
body {
	height: 100%;
	display: block;
	font-family: 'M PLUS 1p', Arial, sans-serif;
	color: none;
	background: #fff;
}

/* --- Brotschrift --- */
.entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.entry-content .wide-content {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.73;
    letter-spacing: .3px;
}
/* --- Brotschrift halbfett --- */
.semibold {
    font-weight: 500;
}
/* --- Brotschrift 2-spaltig Shortcodes --- */
html > body 
.shortcodes {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.73;
    letter-spacing: .3px;
}
/* --- Sans Serif Font --- */
#header-top-nav,
.search-box #searchform input,
.entry-details,
#colophon p.site-description,
#colophon #site-info,
.default-sidebar .widget,
.front-sidebar .widget,
.nav-wrap,
#infinite-handle,
#nav-below a span,
#nav-single a span,
.rp-small-two p span.entry-title,
.single-post .post .entry-header .entry-cats,
.single-post .post .entry-header .entry-author,
#comments .comment-author,
#comments .comment-reply,
.single-post .entry-meta .entry-cats,
.single-post .entry-meta .entry-tags,
.page .edit-link,
a.archive-menu-toggle,
.site-content .nopassword,
.site-content p.nocomments,
#searchform input#s {
	font-family: 'M PLUS 1p', Arial, sans-serif;
}

#colophon p.site-description {
    display: none;
    margin-bottom: 38px;
    font-weight: 400;
}

/* ----------------------------------------------------------
    h / Titel Formatierung / Headings
---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'M PLUS 1p', Arial, sans-serif;
	color: #3d3c3a;
	font-weight: 500;
	/* Silbentrennung — CSS hyphens */
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h2 {
    font-size: 24px;
	font-size:1.5rem;
	line-height: 1.15;
}

 /* Logo Titel */
#site-title h2.site-description {
	font-family: 'M PLUS 1p', sans-serif !important;
	font-style: 400 !important;
	color:#3d3c3a;
} 

h2.abstand {
	margin: 24px 0 15px;
}

/* h2 Link Aerzte Verordnung*/
html > body 
h2.tkauthorbox a {
	color: #3d3c3a !important; 
	border-bottom: 1px solid #ccc;
}
h2.tkauthorbox a:hover {
	transition: color .9s; 
	color: #006F87 !important; 
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------------
    Text Marginalie
---------------------------------------------------------- */
.has-small-font-size {
    font-size: 15px !important;
}

/* ----------------------------------------------------------
    Tables
---------------------------------------------------------- */

table {
	font-family: 'M PLUS 1p', Arial, sans-serif !important;
}

.wp-block-table td, .wp-block-table th {
    border: 1px color #ddd;
    width: 40px;
}

/* ----------------------------------------------------------
    Lead Titel / Lead
---------------------------------------------------------- */
/*.page .entry-content p.intro.intro-title {
    margin-bottom: 12px!important;
} */

.entry-content p.intro {
	font-family: 'M PLUS 1p', Arial, sans-serif;
	color: #3d3c3a !important;
	font-size: 19px;
	font-size: 1.1875rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 20px;
}
.page .entry-content p.intro {
	margin-bottom: 30px;
}

/* --- Post Header  Seite nicht gefunden --- */
.entry-header h2.entry-title,
.entry-header h1.entry-title {
	font-family: 'M PLUS 1p', Arial, sans-serif;
}

/* ----------------------------------------------------------
    Kontakt Seite ZAB
---------------------------------------------------------- */
h4.m4wzab {
    margin: 1px 0 6px;
}
/* Pflichtfelder */
.wpforms-m4w {
	color:red;
}

/* ----------------------------------------------------------
    WP Forms
---------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 400;
}

.wpforms-confirmation-container-full {
    background: transparent;
    border: 1px solid #b4d39b;
}

/* ----------------------------------------------------------
    Buttons
---------------------------------------------------------- */
input[type="button"],
input[type="submit"] {
	background: #006F87; /* #000 */
	color:  rgba(255, 255, 255, 0.85);
	font-family: 'M PLUS 1p', Arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}
input#submit {
	margin: 15px 0 10px;
	padding: 17px 12px 16px;
	border: none;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	color:  rgba(255, 255, 255, 0.85);
}
input[type="button"]:hover,
input[type="submit"]:hover,
input#submit:hover,
.widget_blog_subscription input[type="submit"]:hover {
	background: #3d3c3a; /* #000 */
	color: #fff;
}
/* Standard-Button ** Download-Button */
html > body 
a.standard-btn.green-btn {
	background: #006F87; 
	color: rgba(255, 255, 255, 0.85);
	font-family: 'M PLUS 1p', Arial, sans-serif !important;
	letter-spacing: 2px;
}
a.standard-btn.green-btn:hover {
	background: #3d3c3a; 
	transition: color .9s; 
	color: rgba(255, 255, 255, 0.85); /* #7fb7c3 */
}

/* Icon Farbe plus Hoover*/
html > body 
.textwidget a {
    color: #006F87;
}

html > body 
.textwidget a:hover {
    background: #fff; 
	transition: color .9s; 
	color: #3d3c3a;
}

/* ----------------------------------------------------------
    Simple Share Buttons Adder Plugin
---------------------------------------------------------- */	
	
.ssba {
	padding-top: 20px;
	font-family: 'M PLUS 1p', Arial, sans-serif;
	font-size: 12px !important;
}

/* ----------------------------------------------------------
    ICON 7 stroke
---------------------------------------------------------- */

div .blockicon {
	position: relative;
	margin-top: 30px;
    margin-left: 30%;
    margin-right: 50%; 
    width: 20px;
}
	
/* ----------------------------------------------------------
    Copyrightzeile Footer
---------------------------------------------------------- */	
#site-info a {
	font-weight: 500 !important;
}

/* ----------------------------------------------------------
    hr Linie als Abstandhalter zB Goggle Maps
---------------------------------------------------------- */

hr.tkspace {
    clear: both;
    visibility: hidden;
}

/* ----------------------------------------------------------
    Linie oberhalb Artikel ect.
---------------------------------------------------------- */

.tkcolophon {
    position: relative;
	margin: 0;
	padding: 8px 0;
	border-top: 1px solid #ccc;
}

/* ----------------------------------------------------------
    Slideshow namenspezifisch Navigation ein- und ausblenden
---------------------------------------------------------- */

#meteor-slideshowclouds.meteor-slides /* zB Slideshow clouds */
.meteor-nav a {
	display: none;
}

/* ----------------------------------------------------------
    Responsive Media Queries 
---------------------------------------------------------- */

/** Hauptnavigation / 1023 pixels */
@media screen and (min-width: 1023px) {
	#site-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		}
}

/** Hauptnavigation / 1260 pixels laptops 13" */
@media screen and (min-width: 1260px) {
	#site-nav ul {
		list-style: none;
		margin: 0 0 0 -20px;
		padding: 0;
		text-align: left;
		}
}