/* 
Theme Name:		 Twenty Seventeen Child
Theme URI:		 http://www.websitebundles.com/
Description:	 Child-Theme by Andreas Swoboda</a>
Author:			 Andreas Swoboda
Author URI:		 http://swonic.com
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 




.entry-meta {display: none;}

/* Projects Page */
.project-banner {
	width: 100%;
	padding: 16px auto;
	max-width: 904px;}
.project-banner:hover { opacity: 0.8; }



/* fix SMOOTH SCROLL */
@media only screen and (max-width: 480px)  {
	a#scroll-to-top { right: 15px; bottom: 15px; }
}

/*fix CATEGORY links */
.cat-links a:hover {font-weight: bold!important; color: #ffd666!important;}
.entry-footer {border: none;}
/* remove category img */
/* svg.icon.icon-folder-open {display: none;} */


/* fix Submit Buttons */
.button:hover, .submit:hover {background-color: #ffd666!important;}


/* FAQ Accordion*/

.details-wrapper {
    margin: 0 auto;
}
details {
	padding-bottom: 0px!important;
}

summary:hover {color: #eee;}

summary {
    padding-bottom: 12px!important;
    background-color: transparent;
    cursor: pointer;
	font-weight: normal;
	text-align: left!important;
	color: #ffd666;
}

/* Styling the summary in case of open 'details' */
details[open] summary {
	color: #ccc;
}

details[open] summary:hover {
		color: #ffd666;
}

.details-content {

}
.details-content p {

}

/* Triangle not shown - Style for Webkit-Browser */
summary::-webkit-details-marker {

}
summary::before {
    content: '';  /* Instead of Triangle closed */
}
details[open] summary::before {
	content: '';  /* Instead of Triangle open */

}




/* fix NEWSLETTER */

/* remove email */
.mc_header_email {display: none;}

/* fix button */
.mc_signup_submit {
	text-align: right!important; 
	margin-top: 24px!important;
}

/* fix wrapper on small screens */

@media only screen and (max-width: 320px) {
	.wrap {padding-left: 1.5em; padding-right: 1.5em;}
	.download-btn {margin: 1em!important;}
	
}

/* TEXT STYLES */


.heading {
	color: #ffd666; 
	font-size: 36px; 
	line-height: 45px; 
	font-weight: 300; 
	height: auto; 
	letter-spacing: 3.5999999046325684px; 
	padding-top: 0px; 
	padding-bottom: 32px; 
	text-align: center; 
	text-transform: none; 
	width: auto; 
	word-wrap: break-word;
}

.sub-heading { 
	z-index: 1; 
	position: relative; 
	text-align: center; 
	font-weight: bold; 
	margin: 0px 0px 32px 0px;
	padding: 26px 0px 26px 0px;
}

.text {
	z-index: 1; 
	position: relative; 
	text-align: justify; 
	text-justify: inter-word;
	max-width: 580px; 
	line-height: 32px; 
	margin: auto; 
	font-size: 14pt; 
	padding-bottom: 32px;
	font-family: "Helvetica Neue", sans-serif;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

.sub-heading-dc { 
	z-index: 1; 
	position: relative; 
	text-align: left; 
	font-weight: bold; 
	line-height: 32px;
	margin: 0px auto 32px auto;
	padding: 0px;
	max-width: 580px; 
}

.sub-sub-heading-dc {
	z-index: 1; 
	position: relative; 
	text-align: left; 
	max-width: 580px; 
	line-height: 32px; 
	font-size: 14pt; 
	padding: 0px;
	margin: 0px auto 16px auto;
	font-weight: bold;
}

.sub-sub-sub-heading-dc {
	z-index: 1; 
	position: relative; 
	text-align: left; 
	max-width: 580px; 
	line-height: 32px; 
	font-size: 14pt; 
	padding: 0px;
	margin: 0px auto 16px auto;
	font-weight: normal;
	color: #ccc;
}

.text-dc {
	z-index: 1; 
	position: relative; 
	text-align: left; 
	max-width: 580px; 
	line-height: 32px; 
	margin: auto; 
	font-size: 14pt; 
	padding-bottom: 32px;
}


/* DOWNLOAD BUTTON new */

.download-btn { 
	color: #222!important; 
	background-color: #ffd666!important;
}

.download-btn:hover {
	background-color: #eee!important;
}

.version-nr {
	height: 1rem; 
	margin-left: 2rem; 
	font-size: 14pt; 
	padding: 8px 16px 8px 16px;
	background-color: #ccc; 
	color: #1F1F1F;
	border-radius: 2px;
	line-height: 32px;
}

.version-nrx {display: none;}

@media only screen and (max-width: 375px) {
	.version-nr {display: none;}
	.version-nrx {
		display: block;
		z-index: 1; 
		position: relative; 
		text-align: left; 
		font-size: 14pt; 
		margin-bottom: 32px;
		border-radius: 2px;
		line-height: 32px;
		max-width
	}
}

/* DOWNLOAD BUTTON OLD */

.download-button {
	border: 1px solid #eee;
	text-align: center;
	max-width: 400px;
	line-height: 21pt;
	margin: auto;
	font-size: 13.5pt;
	padding: 24pt; 
	border-radius: 0px;
	text-shadow: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
}

.download-button:hover {
	background-image: none;
	background-color: #000;
}

.page-one-column .panel-content .wrap {padding-top: 0px;}

.entry-title {padding-bottom: 0!important; padding-top: 0!important;}
.entry-header {	padding-bottom: 48px!important;}

/* @media screen and (min-width: 30em), all .panel-content .entry-header {	padding-bottom: 48px!important;}
*/

/* remove header from sub-pages and center logo */
div.site-branding {display: none; text-align: center;} 
/* style header */
div.site-branding-text {padding-top: 20px;}
p.site-description {font-weight: 500; letter-spacing: 0.1em;}
/*h1.site-title, p.site-title {display: none;}*/
body:not(.title-tagline-hidden) .site-branding-text {display: block; }

/* AESOP ENGINE */
.aesop-component {margin: 0px}
p.aesop-collection-meta {display: none;}

/* ALIGN NAV BAR TOP MENU BUTTON */
.menu-toggle {margin: 1px 1px 2px auto;}


/* ALIGN CONTENT WITH NAV BAR*/
.page-one-column .panel-content .wrap, .navigation-top nav, .navigation-top .wrap, footer.entry-footer {
	max-width: 1000px; margin: auto;}
.navigation-top .wrap {padding: 0.75em 2.5em;}
#comments, .single-post .entry-title, body.page:not(.twentyseventeen-front-page) .entry-title, div.entry-meta {
	max-width: 904px; margin: auto;}
@media only screen and (max-width: 904px) { 
	#comments, .single-post .entry-title, .post-navigation, div.entry-meta {max-width: 95%; margin: auto; padding: 1em 1.5em;}
	body:not(.twentyseventeen-front-page) .entry-title {padding: 1em 1em;}
}
.footer.entry-footer {margin-top: 15px;}
.post-navigation {display: none;}
footer.entry-footer {width: 95%; max-width: 904px;}

.page.page-one-column:not(.twentyseventeen-front-page) #primary, .primary .content-area, .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	width: 100%;
	max-width: 100%;
	/**	use this code to align a page with nav bar:
	 **	<div style="max-width: 904px; margin: auto; "></div> 	 
	 **/
	}
 .wrap-page {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
}


/* style links */
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	font-weight: 400;
	text-decoration: none;
	color: #ffd666;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
	font-weight: 400;
	text-decoration: none;
	color: #ffd666;
}
.colors-dark .entry-content a, .colors-dark .entry-summary a, .colors-dark .widget a, .colors-dark .site-footer .widget-area a, .colors-dark .posts-navigation a, .colors-dark .widget_authors a strong, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
box-shadow: initial;
-webkit-box-shadow: initial;
	color: #ffd666;
}


/* CONNECT PAGE */
.conleft {float: left; width: 54%; text-align: left;}
.conright {float: right; width: 44%; text-align: right;}
@media only screen and (max-width: 800px) {
 .conleft, .conright {float: none; width: 100%; text-align: left; padding: 10px 0 15px 0;}
	.twentyseventeen-front-page .entry-title {padding: 1em 0 2em 0;}
}



/* CENTER PAGE TITLE */
h1.entry-title, h2.entry-title, div.entry-meta, body.page:not(.twentyseventeen-front-page) .entry-title {text-align: center;}
body:not(.twentyseventeen-front-page) .entry-header {padding: 1em 0 3em 0;}



/* style posted date and by */
div.entry-meta {font-weight: 100;}

/* page headings */
h1.entry-title, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single-post .entry-title {
	color: #ffd666!important;
	/* old color: #009a9a; */
	font-weight: 300;
	font-size: 36px;
	line-height: 45px;
	width: 100%;
	letter-spacing: 0.1em;
	text-transform: none;
}
h2.entry-title {
	color: #333;
	font-weight: 300;
	font-size: 24px;
	line-height: 26px;
	width: 100%;
	letter-spacing: 0.1em;
	text-transform: none;
}
.entry-meta {
	padding-bottom: 16px;
}


/* style nav bar top */
.main-navigation a {padding: 1em 2.9em;}
@media only screen and (max-width: 800px) {
.main-navigation a {padding: 1em 1em;}
}


/* style footer */
p.footermsg {text-align: right; margin: 10px 0;}
div.widget-column.footer-widget-2 {text-align: right;}
@media only screen and (max-width: 700px) {
div.widget-column.footer-widget-1 {text-align: left; }
div.widget-column.footer-widget-2 {text-align: left; }
nav.social-navigation {text-align: left;}
p.footermsg {text-align: left;}
}


/* style nav bar top and footer menu items */
ul#top-menu.menu li, .navigation-top a, div.widget-column.footer-widget-2 h2.widget-title, div.widget-column.footer-widget-1 h2.widget-title {
	color: #eee;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: none;
	font-size: 14px;
	font-size: 0.875rem;
}

ul#top-menu.menu {text-align: right;}
.menu-item, .menu {border: none!important;}

/* ARROW TO SCROLL TO MAIN CONENT*/
.site-header .menu-scroll-down .icon {
 display: none;	
}

/*** parallax
.parallax { 
    // set bg-img and height style="background-image: url(""); height: 500px;"

    // Create the parallax scrolling effect
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100vw;
}
*/



/*** recent posts widget
.basic-layout .date-light, .basic-layout .date-light:visited, .basic-layout .date-light:focus {
	font-size: 0.8rem;
}
.basic-layout .date-light, .basic-layout .date-light:visited, .basic-layout .date-light:focus,
.basic-layout .title-light, .basic-layout .title-light:visited, .basic-layout .title-light:focus {
	color: #333;
	box-shadow: none;
	font-weight: lighter;
}
.basic-layout .lptw-post-header {z-index: 1;} 
*/

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {border: none; border-color: #fff;}



/*** nav bar logo OLD
.nav-logo {
	margin: 0 1em; 
	float: left; 
	width: 123px; 
	height: 49px; 
	background-size: 100%; 
	background-image: url(/wp-content/uploads/2019/06/swonic_logo_240x48.png);
}
*/



/* nav bar logo */
.nav-logo {
	margin: 0 1em; 
	float: left; 
	width: 120px; 
	height: 49px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%; 
	background-image: url(/wp-content/uploads/2019/06/swonic_logo_240x48.png);
	opacity: 0.9;
}


/* nav bar background */
.colors-dark .navigation-top {
	background-color: rgba(9, 9, 9, 0.9)!important;
	-webkit-transition: background-color ease 0.5s;
	transition: background-color ease 0.5s
}
ul#top-menu.menu, .colors-dark .main-navigation ul {
	background-color: transparent;
}


/* search and archive article padding */
.archive .site-main > article, .search .site-main > article {padding-bottom: 7em;}
@media only screen and (max-width: 770px) {
.archive .site-main > article, .search .site-main > article {padding-bottom: 4em;}
}

.special {
	font-weight: 300; 
	letter-spacing: 0.1em;
}
strong {
	font-weight: 600; 
	letter-spacing: 0.05em;
/*	color: #009a9a;*/
}





/* SEARCH BOX */
button.search-submit {display: none;}
.search-field {font-size: 0.8em;}

/* INPUT TYPE */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #ddd;
}





.widget {padding-bottom: 1em;}


/* COMMENTS */

.comments-area {border-top: 1px solid #333;}

.comment-list .children {margin-left: 40px;}

.comment-body {border: 1px solid #333; padding: 10px;}

.colors-dark .comment-reply-link .icon {display: none;}