/* 
Theme Name:		 gillian-child
Theme URI:		 https://norberthaering.de/wp/wp-content/themes/gillian-child
Description:	 gillian-child
Author:			 adsachs
Author URI:		 https://childthemegenerator.com/
Template:		 gillian
Version:		 1.0.0
Text Domain:	 gillian-child
-------------------------------------------------------------- */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Layouts
	5.1 Two Column (Content-Sidebar) - DEFAULT
	5.2 Fullwidth (Content, no Sidebar), Search Results, 404
	5.3 Three Column (Sidebar-Content-Sidebar)
6.0 Header
7.0 Navigation
	7.1 Links
	7.2 Menus
		7.2.1 Top Menu
		7.2.2 Social Menu
		7.2.3 Bottom Menu (Primary)
	7.3 Pagination
8.0 Accessibility
9.0 Alignments
10.0 Clearings
11.0 Widgets
12.0 Content
	12.1 Posts and pages
	12.2 Featured Images
	12.3 Asides
	12.4 Comments
13.0 Footer
14.0 Infinite scroll
15.0 Media
	15.1 Captions
	15.2 Galleries
	15.3 audio-player
	15.4 podlove web player
16.0 404 Page
--------------------------------------------------------------*/

/* =Theme customization starts here
------------------------------------------------------- */

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

h1 {
	font-family: 'Droid Sans', Arial, sans serif !Important;
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0.67em 0;
	font-weight: normal;
}

h2 {
	font-family: 'Droid Sans', Arial, sans serif !Important;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: normal;
}

h3 {
	font-family: 'Droid Sans', Arial, sans serif !Important;
	font-size: 1.3em;
	font-weight: 500 !Important;
	margin-bottom: 10px;
}

small {
	font-size: 0.9em;
}

.small {
	display: inline-block;
	line-height: 1.5em;
	font-size: 0.9em;
}

a {
	transition: all ease .1s;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
p, textarea {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: .3em;
}


@media all and (min-width: 1024px) {
	textarea {
		font-family: 'Droid Sans', Arial, sans-serif;
		color: #333333;
		font-size: 16px;
		word-wrap: break-word;
	}

	p {
		font-size: 16px;
		margin-bottom: 0.3em;
	}
	
}

/* -------------------------------------------------------------
3.0 Elemente
 ------------------------------------------------------------*/

body {
	background-color: #f0f0f0 !important;
}

.site-main a:hover, .site-main a:focus {
	color: #000;
    border-bottom: 2px solid #000;
}

.site-main ul li {	
	font-size: 16px;
}

.site-main ol li {	
	font-size: 16px;
}


@media all and (max-width: 1023px) {
	
	.site-main ul li {	
	font-size: 18px;
    }

    .site-main ol li {	
	font-size: 18px;
    }
}

/* -------------------------------------------------------------
4.0 Forms
 ------------------------------------------------------------*/

input[type="submit"] {
	background-color: #858585 !important;
}

input[type="submit"]:hover {
	background-color: #696969 !important;
}

/*--------------------------------------------------------------
5.0 Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Two Column (Content-Sidebar) - DEFAULT
--------------------------------------------------------------*/

/* anzeige: breite begrenzen und zentrieren */

@media all and (min-width: 1024px) {
	
	body {
		display: flex;
		justify-content: center;
	}

	#page {
		max-width: 1024px;
	}
	
}

/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/

.site-header {
	height: 160px;
	background-color: #ccc;
}

.site-header p, .site-header h1 {
	padding: 0;
	margin-top: 0;
}

.header-bar {
	display: block;
	color: white;
	width: 70%;
	margin: 0 auto 30px;
	padding-top: 90px;
}

.header-search {
	margin-top: -55px;
}

.header-search .search-field {
	border: none;
	background-color: white;
	color: black;
	font-size: .9em;
	padding: 5px 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 0;
	margin-bottom: 5px;
}

.header-search .search-submit {
	border: none;
	background-color: white;
	margin-left: -5px;
	margin-right: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.header-search .fa {
	color: gray;
}

@media all and (min-width: 500px) {
	
	.header-bar {
		padding: 0px 50px 0;
		width: inherit;
	}
}

@media all and (min-width: 850px) {
	
	.site-branding {
		margin-left: 0;
	}

	.site-title {
		font-size: 2.0em !Important;
		line-height: 1.1em;
		margin-top: -15px !important;
		font-weight: 600 !Important;
	}

	.site-description {
		text-transform: none;
		font-size: 1.4em;
	}
}


/* Small menus */

@media all and (max-width: 767px) {
	
	.menu-toggle,
	.main-navigation.toggled ul,
	.main-navigation.top-toggled ul {
		display: none;
	}
}

/*--------------------------------------------------------------
7.2 Menus
--------------------------------------------------------------*/

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 12px 14px 8px 15px;
}

@media all and (min-width: 768px) {

	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 43px;
		left: -999em;
		z-index: 99999;
		padding-left: 0;
	}
}

/*--------------------------------------------------------------
7.2.1 Top Menu
--------------------------------------------------------------*/

.top-navigation {
	background-color: #908692;
	color: #071f2e;
	font-size: 16px;
	border-bottom: 1px solid black;
	margin-bottom: 30px;
}

div.top-menu {
	float: right;
}

.main-navigation ul ul a {
    width: 180px;
}

@media all and (max-width: 767px) {
	
	.top-menu {
		margin-top: 32px;
	}
	
	.top-menu a {
		border-bottom: 0;
	}
	
	.top-menu a:hover, .top-menu a:focus {
		border-bottom: 0 !Important;
	}
	
}

/* Small menu - top */

@media all and (max-width: 767px) {
	
	.top-navigation {
		padding-top: 0;
	}
	
	.top-menu {
		padding-bottom: 5px;
	}
	
	.top-menu ul:first-child {
		padding-top: 0;
	}
	
}

/* sticky menu plugin slicknav mobile menu */

.slicknav_menu {
		padding: 0 10px;
}

@media all and (min-width: 461px) {
	.slicknav_menu {
		padding: 0 40px;
	}	
}

p.slicknav-logo-text a {
	color: white;
}

.primary ul li a {
	text-decoration: none;
}

nav.primary ul li:hover {
	background-color: #636363 !important;
}

nav.primary ul li a p.desc {
	display: none;
}

.top-toggled button {
	display: none;
}

@media all and (max-width: 767px) {
	
.top-menu {
		margin-top: 0;
	}
}

/*--------------------------------------------------------------
7.2.3 Bottom Menu (Primary)
--------------------------------------------------------------*/

.bottom-navigation {
	display: none !Important;
}

/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 1.5em 0;
}

h2.widget-title {
	color: #333;
    text-transform: uppercase;
    font-size: 1em !Important;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	margin-top: 0;
}

.widget-area {
    margin-top: 5px;
	text-align: left !important;
	line-height: 1.3em;
	padding: 5px 25px;
}

.widget-area a:hover, .widget-area a:focus {
	color: #696969;
}

.widget-area form.search-form {
	text-align: center;
	margin-bottom: 50px;
}

@media all and (min-width: 850px) {
    .widget-area form.search-form {
		display: none;
		}
}

.textwidget p {
	font-size: 0.9em !important;
	font-weight: lighter !important;
	line-height: 1.4 !important;
	color: #333 !important;
}

.widget-area a:link, .widget-area a:visited {
    font-weight: 500 !important;
}

.textwidget .teaser {
	font-weight: lighter !important;
}

.textwidget .teaser h3 {
	text-align: center;
}

.widget_search .search-field {
    background-color: white !important;
	color: #333;
	border: 1px solid #333 !important;
	margin-top: 10px;
	padding: 4px 30px;
}

.widget_search .search-submit .fa {
    background-color: white !important;
}

.sidebar .widget_archive select {
	margin-left: 20%;
	background-color: gray !important;
	margin-top: 5px !important;
}

@media all and (max-width: 849px) {
	.sidebar .widget_archive select {
		margin-left: 40%;
	}
}	
	
@media all and (max-width: 600px) {
	.sidebar .widget_archive select {
		margin-left: 30%;
	}
}

@media all and (max-width: 350px) {
	.sidebar .widget_archive select {
		margin-left: 20%;
	}
}

select#archives-dropdown-2, select#archives-dropdown-3 {
    color: white;
}

/* tag-cloud as button table */

.tagcloud a {
    display: block;
    float: left;
    padding: 4px 4px;
    margin-right: 2px;
    margin-bottom: 2px;
    background-color: #f9f9f9;
    color: #666;
    font-size: 12px !important;
    font-weight: normal !important;
    text-transform: none;
    text-shadow: 1px 1px 1px #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
    text-decoration: none;
}

.tagcloud a:hover{
    background: #CCC;
    text-decoration: none;
}

/* design 404.php */
.post-count {
	background-color: gray;
	color: white;
	padding: 1px 11px;
	border-radius: 3em;
	float: right;
	font-size: .8em;
}

.post-count:hover, .post-count:focus {
	background-color: dimgray;
	color: white;
}

/*--------------------------------------------------------------
12.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Posts and pages
--------------------------------------------------------------*/

.site-main {
	color: #333;
	padding: 40px 55px 25px 55px;
}

.site-main a:link, .site-main a:visited {
	font-weight: 500;
	text-decoration: none;
	padding-bottom: 2px;
}

.site-content {
	background-color: white;
}

.site-content .search-submit .fa {
	color: #fff;
	padding-right: 0;
}

@media all and (max-width: 460px) {

    .site-main {
	    padding: 20px 20px;
    }
	
}

a.einbetten:link {
	display: inline-block;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 14px;
	color: #666 !important;
	line-height: 1.4;
	text-decoration: none !important;
	border: #999 1px solid;
	margin: 0px 0px 0px 0px;
	border-radius: 0.5em;
	padding: 10px 10px;
}

a.einbetten:hover {
	color: #333 !important;
}

div.entry-content{
	margin-bottom: 15px;
}

.page-title:before {
	display: none;
}

.page-title:after {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

.page-title {
	font-size: 1.0em;
	margin-bottom: 40px;
	margin-top: 0;
	font-weight: normal;
}

h1.entry-title {
	font-size: 1.4em !Important;
	font-weight: normal;
}

h2.entry-title {
	font-size: 1.8em !Important;
	font-weight: normal;
}

h2.entry-title a:link {
	font-size: .8em !Important;
	margin-top: 0 !Important;
	margin-bottom: 0 !Important;
	font-weight: normal;
	line-height: 1.2em;
	border-bottom: 0;
}

.hentry:after {
	margin: 20px auto 0;
	border-bottom: 0;
}

/* überschreibung inlinebefehl, sonst linksseitige fehldarstellung separatorlinie über 1024px */

.hentry::after {
    display: none !important;
}


.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0;
}

.hentry {
	margin: 0 0 0;
}

.entry-meta p {
	margin-bottom: 5px;
	padding-right: 10px !important;
}

.entry-meta p a {
	padding-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	font-size: .9em;
	line-height: 1em;
	border-bottom: 0 !important;
}

.entry-meta .sep {
	margin-left: 10px;
}
	
.entry-meta .fa {
	display: none;
}

.entry-content p {
	margin-top: 5px;
	margin-bottom: 10px;
}

.entry-content p a.more-link {
	display: none;
}

.entry-content .teaser {
	padding-top: 5px;
	border: none !important;
}

.entry-content blockquote p {
	margin: 5px 5px 5px 20px;
}

blockquote {
	display: inline-block;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	margin: 10px 10px 15px 0px;
	background-color: #f8f8f8 !important;
	border-radius: 0 1em 1em 0;
	padding: 0px 0px;
	border-left: #333 1px solid;
}

blockquote:before {
	display: none;
}

@media all and (min-width: 1024px) {
	blockquote {
		font-size: 16px;
	 	line-height: 1.6;
	}
}


/* pagination plugin layout */

.page-numbers {
	margin: 0 !important;
}

/* PDF plugin Schriftstärke link */
.printfriendly a, .printfriendly a:link, .printfriendly a:visited, .printfriendly a:hover, .printfriendly a:active {
    font-weight: 500!important;
}

.printfriendly img {
	margin-top: 25px !important;
}

.shariff {
    padding-top: 15px;
}

.comments-title, .comment-reply-title, .comment-notes, .comment-form-email, .comment-form-url {
	display: none;
}

.comments-area {
    border-top: 4px solid #eeeeee;
    margin-top: 0;
    padding: 0;
}

.comment-content p {
    font-size: 14px;
}

.comment-content a {
    border-bottom: 2px solid #bbb;
}

.comment-body {
    padding: 10px 20px 10px 20px;
    margin: 10px 0 15px;
}

.comment-author b {
    font-weight: 500;
}

.reply a:link, .reply a:visited {
    background-color: #e8e8e8;
	font-size: 14px;
    color: #eee;
    padding: 4px 8px;
}

.reply a:hover, .reply a:focus {
    background-color: #bbb !important;
}

/*--------------------------------------------------------------
13.0 Footer
--------------------------------------------------------------*/

.site-info a:link {
	font-weight: normal;
}

@media all and (min-width: 850px) {
	
	#footer-sidebar .widget {
		width: 100%;
		padding: 5px;
	}
}

div.site-info {
	font-size: .85em;
	text-align: center;
	color: #ffffff;
	padding: 0 0;
	margin-top: 0 !Important;
}

div.site-info p {
	margin-top: 0 !Important;
}


site-footer {
	height: 45px !Important;
}

.site-footer .textwidget p {
	text-align: center;
}

.back-to-top {
	text-align: center;
	font-size: 3em;
	padding: 40px 80px 10px;
	margin-top: -60px;
}

/*--------------------------------------------------------------
15.0 Media
15.1 Captions
--------------------------------------------------------------*/

.wp-caption .wp-caption-text {
	font-size: 0.9em;
	line-height: 1.5em;
}