/*
 Theme Name:     Twenty Seventeen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/twenty-seventeen-child-theme/
 Description:    A bare-bones child theme for use with WordPress Twenty Seventeen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://www.ezau.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Roboto&display=swap');

body, button, input, select, textarea {font-size:1.1rem; font-family:'Roboto', "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;}

.colors-custom .navigation-top .current-menu-item > a, .colors-custom .navigation-top .current_page_item > a, .colors-custom .main-navigation a:hover, .colors-custom input[type="text"]:focus, .colors-custom input[type="email"]:focus, .colors-custom input[type="url"]:focus, .colors-custom input[type="password"]:focus, .colors-custom input[type="search"]:focus, .colors-custom input[type="number"]:focus, .colors-custom input[type="tel"]:focus, .colors-custom input[type="range"]:focus, .colors-custom input[type="date"]:focus, .colors-custom input[type="month"]:focus, .colors-custom input[type="week"]:focus, .colors-custom input[type="time"]:focus, .colors-custom input[type="datetime"]:focus, .colors-custom .colors-custom input[type="datetime-local"]:focus, .colors-custom input[type="color"]:focus, .colors-custom textarea:focus, .colors-custom button.secondary, .colors-custom input[type="reset"], .colors-custom input[type="button"].secondary, .colors-custom input[type="reset"].secondary, .colors-custom input[type="submit"].secondary, .colors-custom a, .colors-custom .site-title, .colors-custom .site-title a, .colors-custom .navigation-top a, .colors-custom .dropdown-toggle, .colors-custom .menu-toggle, .colors-custom .page-title, .colors-custom .page-links a .page-number, .colors-custom .comment-metadata a.comment-edit-link, .colors-custom .comment-reply-link .icon, .colors-custom mark, .colors-custom .post-navigation a:focus .icon, .colors-custom .post-navigation a:hover .icon, .colors-custom .site-content .site-content-light
 {color:#57b0b0 !important;}
.sub-menu {}

.has-header-image.twentyseventeen-front-page .site-branding {height:570px;}
.colors-custom .site-info a.imprint {color:#bfbfbf !important; font-size:12px !important;}
.site-branding {text-align:center;}
.site-title {font-size:42px; }

.custom-logo-link {display:block; width:100%; text-align:center;}
.custom-logo-link img {max-width:auto; margin:0 auto 2em; max-height:125px;}

.site-description, .colors-custom .site-description {color:#e5dac5 !important; text-align:center; font-weight:bold; font-size:28px; margin-top:1em; letter-spacing:1px;}

nav a {line-height:1.2;}

#content {background-color:#fafdff;}

h1 {font-family:'EB Garamond', Times, serif;}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {color:#352e35; font-size:1.5rem; font-family:Garamond,Times,serif;}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {margin-bottom:2em;}

#faq-block h3 {margin-bottom:5px; font-weight:bold;}
code {font-family:Helvetica, arial, sans; font-size:1rem;}

.colors-custom h2, .colors-custom blockquote, .colors-custom input[type="text"], .colors-custom input[type="email"], .colors-custom input[type="url"], .colors-custom input[type="password"], .colors-custom input[type="search"], .colors-custom input[type="number"], .colors-custom input[type="tel"], .colors-custom input[type="range"], .colors-custom input[type="date"], .colors-custom input[type="month"], .colors-custom input[type="week"], .colors-custom input[type="time"], .colors-custom input[type="datetime"], .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, .colors-custom, .colors-custom .entry-content blockquote.alignleft, .colors-custom .entry-content blockquote.alignright, .colors-custom .colors-custom .taxonomy-description, .colors-custom .site-info a, .colors-custom .wp-caption, .colors-custom .gallery-caption
{color:#141b35 !important;}

.colors-custom .main-navigation ul ul { border-color: hsl(352.5, 11.8%, 26.7%) !important;}

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header { margin-bottom:1em !important;}

li {margin:0 auto 1em;}

.btn {padding:10px 2em; border:1px solid #57b0b0; margin:auto; display:inline-block; text-align:center; width:auto;}
.btn:hover {background:#57b0b0; color:#fff !important;}

.home .alignleft {display:table; float:left; margin-right:2%; width:47%;}
p.cntr {text-align:center;}

.widget ul li, .widget ol li {border-top:0;}

blockquote {color:#444; clear:both; width:100%; 3em auto !important; display:block;}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {font-size:1.3em !important; }

.pdf {font-size:.9rem; color:#777; background:url(images/pdf-grey.png) no-repeat; padding-left:30px; display:inline-block;}
.pdf:hover {background-image:url(images/pdf.png);}

@media only screen and (max-width: 600px) {
	#main {padding-bottom:3em;}
	.wp-block-image img, .home .alignleft, .alignright, .wp-block-image figure.alignright {margin:0 auto !important; width:100%; float:none;}
	
}