/*
Theme Name:   VVStevensweert
Description:  VV Stevensweert website theme
Author:       admin
Author URL:   http://www.vvstevensweert.nl
Template:     poseidon
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  VVStevensweert
*/

/*--------------------------------------------------------------
# - Normalize
--------------------------------------------------------------*/


a {
	color: #41215f; /*20200907 kleur gewijzigd van #22aadd*/
	text-decoration: underline;
}

a:link,
a:visited {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/*--------------------------------------------------------------
# - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/*--------------------------------------------------------------
# - Header
--------------------------------------------------------------*/
.site-title a:hover,
.site-title a:active {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.header-image img {
	max-width: 1280px; /*20200915 vste breedte gegeven, was 100%)*/
	border-top: 10px solid #9c73b5; /*20201017 rand toegevoegd bovenzijde/onderzijde header*/
	border-bottom: 10px solid #9c73b5; /*20201017 rand toegevoegd bovenzijde/onderzijde header*/
}

.site-header {
    border-bottom: 0px solid rgba(0, 0, 0, 0.12);
    background-image: url('/cms/wp-content/uploads/2020/10/header_field.png');
    background-repeat: repeat-x;
    background-position: center;
    background-position: bottom;
}
/*--------------------------------------------------------------
# - Navigation
--------------------------------------------------------------*/
.main-navigation ul ul {
    border-top: 4px solid #9c73b5; /*20201017 kleur gewijzigd van #4044040*/
}
.main-navigation ul a:hover,
.main-navigation ul a:active,
.main-navigation ul a:focus,
.main-navigation ul li.current-menu-item > a {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
	text-decoration: underline; /*20201017 text decoratie toegevoegd menu*/
}

.primary-menu-toggle:focus {
	outline: none; /*20200907 outline gewijzigd van thin dotted*/
	color: #9c73b5; /*20200915 kleur gewijzigd van #404040*/
}

.primary-menu-toggle:hover,
.primary-menu-toggle:active {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.main-navigation .dropdown-toggle:hover .icon,
.main-navigation .dropdown-toggle:active .icon,
.main-navigation .dropdown-toggle:focus .icon {
	fill: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.pagination { /*20201017 lijn pagina aantallenoriginele kleur 4px solid rgb(238, 238, 238)*/
    border-top: 0px solid #41215f;
	width:100%;
}
/*--------------------------------------------------------------
# - Posts and pages
--------------------------------------------------------------*/
.blog-description, .archive-description p { /* 20201018 lijn onder vaste introtekst toegevoegd*/
    padding-bottom: 10px;
    border-bottom: 4px solid #41215f;
}

.page-title,
.entry-title {
	padding-left: 20px; /*20200907 Inspringen titel nieuw*/
}

.entry-title a:hover,
.entry-title a:active {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.entry-tags .meta-tags a:hover,
.entry-tags .meta-tags a:active {
	background: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.page-header .archive-title {
    border-bottom: 4px solid #41215f; /*20201017 kleur gewijzigd van #eee*/
	width:100%;
}

.entry-content { /* 20201018 EJ Lijn toegevoegd met afstand */
	border-bottom: 4px solid #41215f;
	padding-bottom: 10px;
	display: block;
}

.entry-content .more-link { /* 20201018 Lees meer achtergrond*/
	color: #ffffff;
    text-decoration: none;
	background-color: #41215f;
	padding: 10px 20px 10px 20px;
	border-radius: 5px 5px 5px 5px;
}

.entry-content .more-link:hover { /* 20201018 Achtergrondkleur lees meer*/
    text-decoration: none;
	background-color: #9c73b5;
}
/*--------------------------------------------------------------
# - Archives and Blog Layouts
--------------------------------------------------------------*/
.infinite-scroll #infinite-handle span {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/*--------------------------------------------------------------
# - Blocks
--------------------------------------------------------------*/

/* Block Text Colors */
.has-primary-color {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/* Block Background Colors */
.has-primary-background-color {
	background-color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/*--------------------------------------------------------------
# - Widgets
--------------------------------------------------------------*/

.widget-title {
	border-bottom: 4px solid #41215f; /*20200907 origineel kleur #eee*/
    width: 100%; /*20200907 lengte onderstreping*/
    padding-left: 20px; /*20200907 inspringen tekst*/
}

.widget-title a:hover,
.widget-title a:active {
	color: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:active {
	background: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
}

/*--------------------------------------------------------------
# - Footer
--------------------------------------------------------------*/
.site-content { /* Toevoegen skyline onderkant website 20201018*/
    background-image: url('/cms/wp-content/uploads/2020/10/header_skyline.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position: bottom;
    padding-bottom: 100px;
}

.footer-wrap {
	border-top: 10px solid #9c73b5; /*20200915 border top 1px change was rgba(0, 0, 0, 0.12)*/
	background: #41215f; /*20200907 achtergrondkleur origineel #fff*/

}

.site-footer {
	color:#ffffff; /*20200907  toevoegen kleur footer*/
	background-color:#41215f; /*20200907  toevoegen achtergrondkleur footer*/
	
}

.site-footer a:link, .site-footer a:visited { /*20200907  toevoegen link kleur*/
    color: #ffffff;
}

.site-footer a:hover {/*20200907  toevoegen link kleur*/
    color: #ffffff;
	text-decoration: underline;
}
	
/*--------------------------------------------------------------
# - Media Queries for Navigation
--------------------------------------------------------------*/
	/* Dropdown Icons */
	.main-navigation ul .menu-item-has-children > a:hover > .icon {
		fill: #9c73b5; /*20200907 kleur gewijzigd van #22aadd*/
	}


/*--------------------------------------------------------------
# - Eigen instellingen
--------------------------------------------------------------*/

/* 20200907 Achtergrond tabel stripes*/
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #cdb9da;
}

/*--------------------------------------------------------------
# - Changelog
----------------------------------------------------------------

20200907 - 	wijzigingen toegevoegd met datum
			Kleur #22aadd gewijzigd naar #9c73b5
20200916 -	Theme aangepast naar werkende versie maar wel volledig
20200917 -	Theme aangepast naar werkende versie met overige velden verwijderd. Enkel aangepasde velden aanwezig
20201018 -	Diverse aanpassingen + een soort kleur paars

Kleurenpalet: 41215f -- 9c73b5 -- cdb9da
*/