/*
 Theme Name:   VT Blogging - Emergo Help
 Description:  Emergo help based on VT Blogging
 Author:       Emergo Systems
 Author URI:   https://emergo-systems.nl/
 Template:     vt-blogging
 Version:      1.0
 Text Domain:  vt-blogging-child
*/

/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */
/*
0. Reset
1. Defaults
2. Header
--2.1 Site Branding
--2.2 Navigation Menu
3. Homepage
--3.1 Featured Content
--3.2 Recent Content
--3.3 Pagination
4. Single Post/Page
5. Archive/Search Page
6. Comments
7. Sidebar
8. Footer
9. Misc.
*/
/*--------------------------------------------------------------
0. Reset
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Defaults
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
	margin: 15px 0 5px 0;
    font-size: 1.2em;
}

button,
.btn,
input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea,
table,
body {
    font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    background: #fff;
    color: #414141;
    font-size: 15px;
}

a {
    color: #552b78;
    text-decoration: none;
}

a:hover {
    color: #e7b721;
	text-decoration: underline;
}

a:visited {
    color: #552b78;
}

.container {
    margin: 0 auto;
    width: 1100px;
}

.alignnone {
    display: unset;
}

/*--------------------------------------------------------------
2. Header
--------------------------------------------------------------*/
.site-header {
    background-color: #552b78;
}

.header-search {
	border-color: #333;
    background-color: #f2f2f2;
}

.header-search .search-input {
    padding-right: 85px;
}

.header-search .search-submit {
    border: 2px solid #552b78;
    color: #552b78;
}
.header-search .search-submit:hover {
    border-color: #e7b721;
    color: #e7b721;
}

.welcome-text {
	float: right;
	width: 300px;
	color: #FFF;
	font-size: 14px;
	margin: 20px 25px 0 0;
}

/*--------------------------------------------------------------
2.1 Site Branding
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Navigation Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3. Homepage
--------------------------------------------------------------*/
.entry-title a:hover {
    color: #e7b721;
}

#primary {
    width: 755px;
	border: 0;
}

#main {
    padding: 0;
}

/*--------------------------------------------------------------
3.2 Recent Content
--------------------------------------------------------------*/
.content-loop .read-more a:link,
.content-loop .read-more a:visited {
	color: #552b78;
}
.content-loop .read-more a:hover {
    color: #e7b721;
}

/*--------------------------------------------------------------
3.3 Pagination
--------------------------------------------------------------*/
.pagination {
    border-top: 0;
}
.pagination .page-numbers.current {
	background: #552b78;
	color: #fff;
}
.pagination .nav-links > a:hover {
	background: #e7b721;
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------------
4. Single Post/Page
--------------------------------------------------------------*/
.page-content ul,
.page-content ol,
.entry-content ul,
.entry-content ol {
    margin: 0 0 25px 15px;
}

.page-content a,
.entry-content a {
    color: #552b78;
	font-weight: bold;
}

.page-content ul ul,
.page-content ul ol,
.entry-content ul ul,
.entry-content ul ol {
    margin: 8px 0 0 0;
}

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

.page-content ul li,
.entry-content ul li {
    list-style: none;
    margin: 0 0 0.5em 1em;
}

.page-content ol li,
.entry-content ol li {
    list-style: numbers;
    margin: 0 0 0 2em;
}

.page-content ul li:hover:before,
.entry-content ul li:hover:before {
    color: #552b78;
}

.page-content ul li:before,
.entry-content ul li:before {
    margin-left: -22px;
    padding-right: 2px;
}

.wp-block-code code {
	border: 1px solid #bbb;
    background-color: #e9e9e9;
    margin: 1em;
    padding: 1em;
}

p.update-info {
    color: #305d8c;
    background-color: #d6dde7;
    border-left: 2px solid #9cb4c5;
    margin: 2em;
}

p.update-error {
    color: #fff;
    background-color: #c26565;
    border-left: 2px solid #953b39;
    margin: 2em;
}

/*--------------------------------------------------------------
5. Archive/Search Page
--------------------------------------------------------------*/
#primary p,
.widget p,
.entry-summary,
.author-desc {
    line-height: 1.6em;
}

/*--------------------------------------------------------------
6. Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7. Sidebar
--------------------------------------------------------------*/
.sidebar .widget {
	border: 0;
    padding: 0;
}

.sidebar .widget ul > li {
	margin: 0;
    height: 1.6em;
}

.sidebar .widget ul > li a {
    color: #552b78;
}
.sidebar .widget ul > li a:hover {
    color: #e7b721;
}

/*--------------------------------------------------------------
8. Footer
--------------------------------------------------------------*/

.site-footer .widget_posts_thumbnail ul li a {
    font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#site-bottom .site-info a {
    color: #552b78;
}

#back-top a span {
    background-color: #552b78;
}
#back-top a:hover span {
    background-color: #e7b721;
}

/*--------------------------------------------------------------
9. Misc.
--------------------------------------------------------------*/