/* Voer hier je aangepaste CSS in */

body {
	background-image:url(https://www.de-onderstroom.nl/wp-content/uploads/2017/02/school-goudvissen.jpg)!important; 
	background-repeat:no-repeat; 
	background-position:left bottom;
	font-family: "Lato", sans-serif;
	font-size: 16px;
}
.site-header {
	background-image:url(https://www.de-onderstroom.nl/wp-content/uploads/2016/12/water-surface.jpg);
	background-repeat: repeat;
	height:260px;
	margin-top:20px;
}
.site-inner {
    margin-top: 0px;
    margin-bottom: 40px;
		background-color: #FFF;
		opacity:0.95;
}
.site-inner > #genesis-sidebar-secondary > #categories-3 .widgettitle {
  font-size: 11px;
}
.site-inner > #genesis-sidebar-secondary > .widget_recent_entries .widgettitle{
font-size: 11px;
}
.site-inner > #genesis-sidebar-secondary > #archives-3 .widgettitle{
font-size: 11px;
}
.site-inner > #genesis-sidebar-secondary > #search-3 .widgettitle{
font-size: 11px;
}
.full-width-slim .content {
	margin: 0 auto;
	max-width: 900px;
}
/* Header/ */

.entry-title {
	text-align: left;
}
.wrap>.title-area img {
	display: block;
		margin-left:5px;
}
/* Menu/ */
nav.nav-secondary ul.menu{
text-align:center;
}
.genesis-nav-menu {
    clear: both;
    padding: 0;
    text-align: left;
    width: 100%;
}
.genesis-nav-menu .menu-item {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.genesis-nav-menu a {
    color: #6699cc;
		padding-top: 20px;
		padding-right: 25px;
		padding-left: 20px;
}
.page article.entry .entry-title {
	font-size:28px;
	margin-top:0;
}
.archive-description h1 {
	font-size: 28px;
}
.archive-description {
  padding-left: 0px;
}
.site-container #categories-3>.widget-wrap {
	padding-right: 20px;
	margin-top: 45px;
}
.sidebar-secondary .widget:not(.woocommerce) a {
	font-size: 14px;
}
a {
	color: #302a2c;
}
.wp-block-button__link {
color: #fff!important;
}
.title-area .site-title a {
  color: #FE5D01;
  font-size: 40px;
  letter-spacing: 2px;
}
h1.entry-title, .entry-title a, .sidebar .widgettitle a {
    color: #ff5d00;
    font-style: normal;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Lato", Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: 10px 0 16px;
    padding: 0;
		font-weight: normal;
    text-transform: uppercase;
    color: #6699cc;
}
h2 {
	font-size:18px;
}
blockquote {
    margin: 0;
    padding: 0px 20px;
		font-size:18px;
		font-style: italic;
}
blockquote, blockquote::before {
    color: #302a2c;
}
.page article.entry .entry-content a {
  color: #6699CC;
	text-decoration: none;
}
a.more-link, .more-from-category a {
    background: #302a2c;
    border: 1px solid #302a2c;
    color: #fff;
    display: table;
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
element.style {
    position: relative;
}
.recipe-index .featuredpost h2, .archive .one-third .entry-title, .archive .one-fourth .entry-title, .archive .one-sixth .entry-title, .search .one-third .entry-title, .search .one-fourth .entry-title, .search .one-sixth .entry-title, .page-template-page_blog .one-third .entry-title, .page-template-page_blog .one-fourth .entry-title, .page-template-page_blog .one-sixth .entry-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.wp-block-image img {
	opacity:1;
	z-index:100;
}
.sidebar-secondary {
    float: left;
    width: 160px;
		padding-right:20px;
		margin-top:35px;
}
.sidebar .widgettitle, .footer-widgets .widgettitle {
    text-align: left;
		font-size:12px;
}
input, select, textarea {
    font-size:12px;
}
/* Agenda/ */
.tribe-common .tribe-events-header .menu-toggle{
	display:none;
}
.tribe-common {
	font-family: "Lato", Helvetica, sans-serif;
}
.tribe-common .tribe-events-calendar-list__month-separator > .tribe-events-calendar-list__month-separator-text{
	font-family: "Lato" !important;
}

.tribe-events-calendar-list > .tribe-common-g-row .tribe-events-calendar-list__event-date-tag-daynum{
	font-family: "Lato" !important;
}

.tribe_events_cat-workshop .tribe-event-date-start{
	font-family: "Lato" !important;
}

.tribe-common-g-row .tribe-events-c-small-cta__price{
	font-family: "Lato" !important;
	font-size: 14px;
}

.tribe-common-g-row p{font-size: 16px;
	font-family: "Lato" !important;
}

.tribe-events-calendar-list-nav .tribe-events-c-nav__prev-label{
	font-family: "Lato" !important;
}

.tribe-events-c-nav__list .tribe-events-c-nav__next-label-plural{
	font-family: "Lato" !important;
}

.tribe-events-calendar-list-nav .tribe-events-c-nav__next-label{
	color: rgb(93 , 93 , 93);
}

.tribe-common .tribe-common-c-btn-border{
	background-color: rgba(102 , 153 , 204 , 1) !important;
	border-width: 0px;
	border-radius: 0px 0px 0px 0px;
	font-family: "Lato" !important;
}

.tribe-common-g-row .tribe-events-calendar-list__event-title-link{
	font-family: "Lato" !important;
	color: rgba(102 , 153 , 204 , 1) !important;
	font-size: 22px;
}

.tribe_events_cat-workshop .tribe-events-calendar-list__event-venue-title{
	font-family: "Lato";
}

.tribe_events_cat-workshop .tribe-events-calendar-list__event-venue-address{
	font-family: "Lato" !important;
}

.tribe-events-calendar-list > .tribe-common-g-row .tribe-events-calendar-list__event-date-tag-weekday{
	font-family: "Lato";
}

.tribe-events-c-top-bar .tribe-events-c-top-bar__datepicker-desktop{
	font-family: "Lato"!important;
	font-size: 24px;
}

.tribe-common .tribe-common-c-btn-border-small{
	font-family: "Lato" !important;
}

.tribe-common-l-container .tribe-events-c-subscribe-dropdown__button-text{
	color: rgb(255 , 255 , 255);
}

.site-container .tribe-events-single-event-title{font-size: 32px;
	font-weight: 400;
	color: rgba(102 , 153 , 204 , 1) !important;
	font-family: "Lato" !important;
}

#tribe-events-pg-template > #tribe-events-content .tribe-event-date-start{font-family: "Lato" !important;
}

#tribe-events-pg-template > #tribe-events-content > .tribe_events p{font-family: "Lato" !important;
}

#tribe-events-pg-template > #tribe-events-content .tribe-events-meta-group-details{min-width: 33%;
}

.site-inner > #tribe-events-pg-template > #tribe-events-content .tribe-events-single-section{min-width: 100%;
	font-family: "Lato" !important;
}

#tribe-events-footer .tribe-events-nav-previous > a{font-family: "Lato" !important;
}

#tribe-events-footer .tribe-events-nav-next > a{font-family: "Lato" !important;
}
.tribe-common-l-container > .tribe-events-c-subscribe-dropdown__container .tribe-common-c-svgicon {
	color: rgb(255, 255, 255)!important;
}
.tribe-events-meta-group a {
    color: #6699cc;
		text-decoration:none;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
		color: #FFFFFF;
}
.tribe-events-content a {
    border-bottom: 0px;
}
/*footer */
.footer-widgets {
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer-widgets .widget-area .widget:not(.woocommerce) p{
	font-family:Lato; 
	font-size:14px; 
	color:rgb(255, 255, 255); 
}
.footer-widgets .widget-area .widget:not(.woocommerce) a{
	font-size:14px; 
	color:rgb(255, 255, 255); 
	font-style:italic; 
}
.footer-widgets .widget-area .widget:not(.woocommerce) .widget-title{
	font-size:14px; 
	color:rgb(255, 93, 0); 
}
.footer-widgets .widget-area .widget:not(.woocommerce) ul li{
	font-family:Lato; 
	font-size:14px; 
	color:rgb(255, 255, 255); 
}
.footer-widgets{
	background-color:rgba(50,78,110,1)!important; 
}
footer.site-footer p{ 
	letter-spacing:1px; 
	font-size:12px; 
}
.footer-widgets .widget-area .widget:not(.woocommerce) a:hover{
	background-color:rgb(58, 59, 60)!important; 
}
/* mobiel */ 
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
			
.site-header {
	background-color: rgba(255, 255, 255, 1);
	background-image:url(https://www.de-onderstroom.nl/wp-content/uploads/2016/12/water-surface.jpg);
	background-repeat: no-repeat!important;
	height:auto;
	margin-top:20px;
}
/* logo vis op mobiel */
.wrap>.title-area img {
    margin-top: 60px;
    padding-top: 0px;
}
.hook {
	display:none;
}

.page article.entry .entry-title {
  font-size: 22px;
  margin-top: 0;
}
.archive-description {
  padding-top: 0px;
  padding-bottom: 0px;
}
.archive-description h1 {
	font-size: 22px;
}
#genesis-content .wp-block-media-text__content {
  padding-right: 0;
  padding-left: 0;
}
.single article.entry .entry-title {
  font-size: 18px;
}
.portretKarin {
	margin-left:auto;	
	margin-right:auto;
	display:inline-block;
		}
.footer-widgets-2 {
margin-left:0px!important;
			}
}


/* tablet */ 
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 812px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.site-header {
	background-color: rgba(255, 255, 255, 1);
	background-image:url(https://www.de-onderstroom.nl/wp-content/uploads/2016/12/water-surface.jpg);
	background-repeat: no-repeat!important;
}

.page article.entry .entry-title {
	font-size: 22px;
}
#genesis-footer-widgets .footer-widgets-2 .widget-wrap {
  margin-left: -18px;
}
.hook {
	display:block; 
}
nav.nav-secondary ul.menu li a {
	padding-right: 11px;
}
}

/** AANVULLINGEN JANNIEKE **/

/** desktop */
/** desktop */

/** WC layout filter (h4 titels) kleur, size zoals bij publicaties */

.woof_container_inner h4 {
		font-family: "Lato", Helvetica, sans-serif;
    letter-spacing: 1px;
	  margin: 10px 0 16px;
		padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #302a2c;
		font-size: 12.4px;
}

/** WC layout filter 'op beoordeling' tekst familie, kleur  bijpassend */

.woof_star_selected .chosen-single span { 
		font-family: "Lato", Helvetica, sans-serif;
    color: #302a2c;
}

/** WC layout product: 'tags' op nieuwe regel */

.product_meta>span{display:block;margin-bottom:10px};

/** WC shoppagina kopje (h1) en productkopjes (H2) oranje */

h2 {
    font-size: 18px;
}
h1, h2, h3, h5, h6 {
    font-family: "Lato", Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: 10px 0 16px;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #ff5d00;
}
*/

/** WC producten pagina's kopjes (H1) kleiner maken dan bij publicaties */

h1.product_title.entry-title{
		font-size: 20px;
}

/** WC achtergrond betaalopties wit */

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #ffffff;
    border-radius: 5px;
}

/** WC layout opsomming betaalopties  */
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    line-height: 2;
    text-align: left;
    margin: 0;
    font-weight: 400;
		list-style: none;
}

/** WC layout filter .... */
.woof_container {
    padding-bottom: 5px;
    margin-bottom: 9px;
    text-align: left;
    font-size: 12px;
}

/** WC layout filter h4 kopje  */
.woof_container_inner h4 {
    margin-bottom: 9px;
}

/** WC product beschrijving extra informatie tabel layout aanpassen  */
td, th {
    text-align: left;
}


/** mobiel */
/** mobiel */

/** WC layout betaalopties  */
@media only screen and (min-width:768px){
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {margin: 0px -23em 0px -416px;}
}

/** WC product beschrijving gebruik volle breedte mobiele scherm  */

@media screen and (max-width:768px) 
{
.first {
    clear: none;
    margin-left: 8.564103%;
		width: 93.717949%;}
}

/** test */
/** in berichten de links ook (weer?) blauw maken en niet onderstreept */
article.entry .entry-content a {
    color: #6699CC;
    text-decoration: none;
}

element.style {
}
a {
    color: #6699cc;
}

/** landing page verander niks */

element.style {
}
.entry-content ul li {
    list-style-type: disc;
}

/** Button mailchimp formulier blauwe kleur geven en grotere dikkere letters */
element.style {
}
input[type="submit"] {
    letter-spacing: 2px;
}
.button, .button-secondary, button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #6699cc;
    border: 0px solid #302a2c;
    font-weight: 600;
		border-radius: 30px;		
}
/** input text mailchimp formulier grotere  letters */
element.style {
}
input, select, textarea {
    font-size: 16px;
		font-style: normal;
		    width: 90%;
}

/** correctie lay-out checkbox afrekenpagina 
*/
.woocommerce form .form-row .input-checkbox {
    margin: 0px -350px 0px 0px;
}

.woocommerce form .form-row label.inline {
    display: inline-grid;
}

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
    display: inline-grid;
}