/*
Theme Name: Woefkesranch
Theme URI: http://www.woefkesranch.be
Description: Het thema voor woefkesranch
Version: 1.0
Author: Tom Darche
Author URI: http://www.tomdarche.be/
License: GPL v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woefkesranch
*/

html {
	overflow-x: hidden;
}
html body {
	background-color: #DCDCDC;
}
ul ul:not(.sub-menu) {
	text-indent:30px;
}
main>div:first-child li {
	list-style-position:inside;
}
p {
	padding-bottom:15px;
}
ul { padding-left:50px;}
nav ul { padding: 0}
.inline > li {
	display:inline-table;
	text-align:left;
	padding:20px;
}
p, br {
	margin:auto;
}
h1, .h1, h1 a {
	Font-size: 18pt;
	Font-family: Helvetica, Verdana, Arial, sans-serif; 
	color: #000000;	
	text-align: center;
	padding-bottom:15px;
	padding-top:30px;
}


h2, h2 a {
	Font-size: 14pt;
	Font-family: Helvetica, Verdana, Arial, sans-serif; 
	color: #000000;
	padding-bottom:15px;
	padding-top:30px;
	margin-bottom:1.5em;
	margin-top:2.5em;
}

h3, h3 a {
	Font-size: 12pt;
	Font-family: Helvetica, Verdana, Arial, sans-serif; 
	color: #000000;	
	text-align: left;
	padding-bottom:15px;
	padding-top:30px;
	margin-bottom:1.5em;
	margin-top:2.5em;
}

h4, h4 a {
	Font-size: 12pt;
	Font-family: Helvetica, Verdana, Arial, sans-serif; 
	color: #FFFFFF;	
	text-align: center;
	margin-bottom:1.5em;
	margin-top:2.5em;
	padding-bottom:15px;
	padding-top:30px;
}
/*
#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 350px; 
    height: 250px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
*/
.breadcrumb a:link {
	FONT-SIZE: 8pt; 
	Font-family: Helvetica, Verdana, Arial, sans-serif;
	COLOR: #000000; 
}
.breadcrumb a:link {
	TEXT-DECORATION: underline;
}
.breadcrumb a:visited {
	FONT-SIZE: 8pt;COLOR: #000000;  TEXT-DECORATION: underline;
}
.breadcrumb a:active {
	FONT-SIZE: 8pt;COLOR: #0051ba;  TEXT-DECORATION: none
}
.breadcrumb a:hover {
	FONT-SIZE: 8pt; COLOR: #0051ba; TEXT-DECORATION: none; Font-weight: bold;
}
nav {
	background-color:#0051ba;
	height:40px;
	background-image: url('https://www.woefkesranch.be/navigatie/images/menu-background.png');
	text-align:top;
}
.button-blue {
    background-color: #0051ba;
    padding: 3px;
    color: white;
}

.flexslider .slides .hond-te-koop p{
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	background-color:#0051ba;
}
.flexslider .slides .hond-te-koop img{
	width:290px;
	max-width:290px;
	height: 163px;
	display:initial;
	border: 3px solid #0051ba;
}
.hond-te-koop a:visited, .hond-te-koop a{
	color:white;
}
.flexslider2 {
	margin-bottom:50px;
}
a, a:visited {
	text-decoration:none;
}
body {
	/*text-align:center;*/
}
html, body, #container {
	min-height:100%;
	height:auto !important;
	height:100%;
}
#content {
	padding:10px;
	word-break:break-word;
}
#container {
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	max-width:984px;
}
#header {
	height:190px;
}
#header img.banner {
	display:block;
	width:984px;
	position:absolute;
	top:0px;
	z-index:1;
}
#header img.logo {
	display:none;
}
.head-adresses {
	margin-left:350px;
	display:block;
	position:absolute;
	top:0px;
	z-index:500;
}
.head-adres {
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
}
@media only screen and (max-device-width: 984px) {
	.head-adresses {
		display:none;
	}
	#header img.logo {
		display:block;
		max-width:90%;
		width:90%;
	}
	#header .banner {
		display:none;
	}
	#header #lang {
		margin-left:0px;
		height:30px;
		position:relative;
	}
	#lang a {
		display:inline;
		font-size:16pt;
	}
	#header {
		background-image: none;
		background-repeat:no-repeat;
		position:relative;
		height:auto;
	}
	#lang {
		position:relative;
		margin-left:0px;
	}
	ul.menu {
		/*display:none;*/
	}
	
}
#lang {
	margin-left:802px;
	padding-top:10px;
	position:absolute;
	z-index:2;
}
#lang li.active a, #lang .current-lang a {
	color:#fff;
}
#lang li.active, #lang .current-lang {
	background-color:#0051ba;
	color:#fff;
	padding:5px;
	border-radius:5px;
}
#lang li {
	list-style:none;
	display:inline;
}
#lang a {
	font-family:arial;
	min-width:250px;
	min-height:250px;
	margin-right:5px;
	display:inline;
	text-transform:uppercase;
}
.pup, .ras {
	max-width:300px;
	width:300px;
	display:block;
	float:left;
	margin:1%;;
}
.clear{
	clear:both;
}
.left {
	text-align:left;
}
.slicknav_menu {
	display:none;
}
#nav li {
	display:inline;
	border-left:1px solid #9999ff;
}
#nav li:first-child {
	border-left:none;
}
#nav li a {
	color:white;
	margin:0px 15px;
	font-size: 18px;
	line-height:40px;
	font-family:arial;
}
#nav .menu-item .sub-menu li {
	display:block;
}
#nav .menu-item .sub-menu {
	display:none;
	border:1px solid black;
	z-index:50;
	position:absolute;
	background-color:white;
}
#nav .menu-item .sub-menu a{
	color:black;
}
#nav .menu-item .sub-menu li {
	border:none;
	position:relative;
	
}
#nav ul li {
	float: left;
}
#nav .menu-item .sub-menu li {
	display:block;
	float:none;
}
#nav ul:after {
	content: ""; clear: both; display: block;
}
@media screen and (max-device-width: 984px) {
	/* #menu is the original menu */
	#nav ul li {
		display:block;
		float:none;
		margin:0px 5px;
		border-top:1px solid #fff;
	}
	#nav {
		height:auto;
		background-image:none;
	}
	/*#nav ul li a {
		font-size:36pt;
		line-height:36pt;
	}*/
	.slicknav_menu a {
		line-height:2.5em;
		color:#fff;
	}
	.slicknav_menu {
		display:block;
		background-color: #0051ba;
	}
	p {
		word-wrap:break-word;
	}
	#content {
		padding:0px;
		text-align:center;
	}
	.ras {
		margin:0px auto;
	}
}
img {
	height:auto;
}
#searchsubmit {
	background-color:#0051ba;
	padding:5px;
	border-radius:5px;
	color:#fff;
}
.categories, .categories a {
	font-size:small;
	font-style:italic;
}
.qtranxs-available-languages-message {
	display:none;
}
.navigation a {
	font-weight:bold;
	/*font-size:1.5em;*/
}
#live-form{
	text-align:left;
}
.ng-binding{
	white-space:initial;
}

#content .wp-block-button__link:not(.has-background) {
	background-color:#ffdf01;
	border-radius:none;
	margin:0px;
	margin-left:40px;
	padding:0px;
	padding-left:10px;
	word-break:break-word;
}
.wp-block-button__link {
	background:transparent;
	margin-top:-20px;
	color:#000;
}
#content a.wp-block-button__link {
	color:#0051ba;
}
/*ul {
   list-style-position: inside;
}*/
#nav ul ul ul {
	position:absolute;
	left:100%;
	top:0px;
	width:100%;
}
#nav a:hover {
	font-weight:normal;
}
.hond-te-koop {
	width:290px;
	display:inline-block;
	margin:5px;
}
.flexslider .slides .hond-te-koop p {
	position:relative;
	width: 290px;
}
.AccordionTitle a, #content a.AccordionTitle, #content #AccordionContainer a:link {
	color:#fff;
}
.AccordionTitle a:hover, #content a.AccordionTitle:hover {
	color:#fff;
	font-weight:bold;
}
#footerlinks a {
	color:#fff;
}
#footerlinks{
	background-color:#0051ba;
	padding:20px;
	color:#fff;
	min-height:500px;
	display:flex;
}
#footerlinks > div {
	width:30%;
	border-right:1px solid #fff;
	display:inline-block;
	vertical-align:top;
	padding:0px 10px;
}#footerlinks > div:last-child {
	border:none;
}
@media only screen and (max-device-width: 984px) {
	#footerlinks {
		height:initial;
		display:block;
	}
	#footerlinks > div {
		width:100%;
		display:block;
		border:none;
	}
	iframe {
		max-width:90%;
		margin:5%;
		height:auto;
		width:auto;
	}
	a, a:visited, a:link, a:hover, a:active{
		font-size:1.05em;
	}
}
.arrow li:before {
    content: "\00BB \0020";
    color: #fff;
}
.arrow {
	list-style:none;
}
img {
	max-width:100%;
}
p#breadcrumbs {
	word-break:break-word;
	word-wrap:break-word;
}
.aligncenter {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.alignright {
	float:right;
}
.right {
	float:right;
}
/*onderstaande regel altijd laatste laten !!!!*/	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.flex-container {
	width:984px;
	margin:0 auto;
}
#footer div.contact {
	width:984px;
	max-width:100%;
	text-align:center;
	background-color:white;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%;*/
	}
	td[style] {
		width:auto !important;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}	
}
textarea, input, button {
	max-width:100% !important;
}
#wprmenu_bar {
	max-width:100% !important;
}
div.wpl_location {
	display:none!important;
}
a[href*="tel:"] {
	cursor:default;
	pointer-events: none;
}
@media only screen and (max-device-width: 984px) {
	* {
		font-size: 1.05em;
	}
	body > div.sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar.sumome-share-client-counts.sumome-share-client-light.sumome-share-client-medium {
		width:100%;
		max-width:100%;
	}
	a[href*="tel:"] {
		cursor:pointer;
		pointer-events: auto;
	}
	#content .wp-block-columns {
		display:block;
	}
	
	#content .wp-block-image {
		display:inline-block;
	}
	#content table[width] {
		max-width:calc(90%-20px);
	}
}
.navigation a {
	font-size:1.3em;
}
footer h2 {
	color:#fff;
}
#AccordionContainer p {
	background-color:#0051ba;
	padding:5px;
	width:250px;
	border-radius:3px;
}
#AccordionContainer {
	background-color:#dedede;
	padding:10px;
	width:270px;
}
.cbp-spmenu-push {
	overflow-x:visible !important;
}
video.banner {
	width:984px;
	height:190px;
}
blockquote, blockquote * {
	font-style: italic;
	font-family:monospace;
}
#wpseo_sitemap h4 {
	text-align: initial;
	display:inline-block;
}
span.wprmenu_icon {
	color: #ee2!important;
}
video.banner {
	max-width:100%;
}
div.tag-message > div {
	border:1px solid black;
	height:100%;
	width:100%;
}
div.tag-message {
	max-width:50%;
	width:50%;
	float:left;
	height:400px;
	min-height:400px;
	max-height:400px;
	position:relative;
}
div.tag-message img {
	max-height:200px;
	height:200px;
	width:auto;
}
div.tag-message .align-bottom {
	position:absolute;
	bottom:0px;
}
div.slideshow_container {
	overflow:hidden;
}
.yarpp-related-none {
	display:none;
}




.pupstekoop {
	max-width:100%;
	width:500px;
	margin:0px 0px;
}
.pupstekoop .puptekoop .foto {
	width:400px;
}
.pupstekoop .puptekoop .prijs {
	position:relative;
	text-align:center;
	background-color:#0051ba;
}
.pupstekoop .puptekoop .status {
	position:relative;
	text-align:center;
	background-color:#0051ba;
}
.pupstekoop .puptekoop .referentie {
	position:relative;
	text-align:center;
	background-color:#0051ba;
}
#content .pupstekoop .puptekoop a {
	color: #fff;
}
@media only screen and (max-device-width: 984px) {
	.puptekoop {
	}
}
a.accessible {
	position:absolute;
}
#content .wp-block-embed__wrapper:before {
	display:none;
}
#content .pupstekoop {
	margin-bottom:40px;
}
.slideshow_container {
	margin: 0px auto;
}
/* Mobile Menu CSS only*/
#nav {
  display: block;
}
 
#nav .menu, #nav .sub-menu,
#nav input {
  display: none;
}
 
#nav > div > label {
  display: block;
  font-size: 36px;
  color: #fff;
  position: absolute;
  right: 20px;
  width: 36px;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
 
#nav ul li {
  display: block;
}
 
#nav a {
  text-decoration: none;
  color: #fff;
}
 
@media only screen and (min-device-width: 768px) {
	/*NOT mobile*/
  #nav {
    height: auto;
  }
  #nav .menu {
    display: block;
  }
  #nav > div > label {
    display: none
  }
  #nav ul li {
    display: inline-block;
  }
	#nav .menu-item:hover >.sub-menu {
		display:block !important;
	}
	.toggleclose, .toggleopen {
		display:none;
	}
}

@media only screen and (max-device-width: 768px) {
	/*Mobile*/
	/*#nav li.menu-item-has-children a:after {
		color: #fff;
		font-size:2em;
		line-height:1em;
		height:35px;
		display:inline;
		top:0px;
		right:0px;
		pointer-events:auto;
		border:1px solid #fff;
		z-index:9999;
		content: ' ▾';
		float:right;
	}*/
	
	#nav > div {
		display:block;
		height:50px;
		background-color:#0051ba;
	}
	#nav .menu .sub-menu {
		position:relative;
	}
	.toggleclose, .toggleopen {
		color: #fff;
	}
	.toggle-submenu:checked ~ .toggleopen {
		display:none;
	}
	.toggle-submenu:not(:checked) ~ .toggleclose {
		display:none;
	}
}

#nav input:checked + .menu, #nav .menu-item input:checked ~ .sub-menu {
  display: block;
  clear: both;
  top: 50px;
  position: relative;
  background-color:#0051ba;
}
#nav .menu-item input:checked ~ .sub-menu {
	background-color:#fff;
	top:0px;
	padding-left:0px;
	left:0px;
}
#nav .menu-item input:not(:checked) ~ .sub-menu {
	display:none;
}
#nav .menu-item .sub-menu .toggleopen,#nav .menu-item .sub-menu .toggleclose {
	color:#000;
}
nav#nav * {
	z-index:9999;
}

/*****************************
Floating Share buttons 
.xt-floating-sharing-buttons {
position: fixed;
top: 30%;
left: 0;
z-index: 100;
}
.xt-floating-sharing-buttons div.sharedaddy h3.sd-title {
display: none;
}
.xt-floating-sharing-buttons .sd-content > ul,
.xt-floating-sharing-buttons .sharing-hidden .inner:before,
.xt-floating-sharing-buttons .sharing-hidden .inner:after,
.xt-floating-sharing-buttons .sd-content ul li.share-end {
display: none;
}
.xt-floating-sharing-buttons .sharing-hidden .inner {
position: inherit;
display: block!important;
max-width: 53px;
border: 0;
height: inherit!important;
margin: 0!important;
padding: 10px!important;
}*/
canvas#owa_heatmap {
	width:unset;
}
#content .feedzy-rss ul {
	margin:0px;
}
#content h2#slidehow {
	box-shadow:none;
}
.tve-tl-anim {
 opacity: 100;	
 z-index:3;
}
ul.infolist li {
	position: relative;
	list-style-type: none;
	line-height:30px;
	margin:20px;
}
ul.infolist li:before {
	content: "";
	position: absolute;
	top: 0px;
	left: -46px;
	width: 30px;
	height: 30px;
	background-image: url('https://www.dog.be/wp-content/uploads/2019/07/info-146075_640-e1563623097746.png');
}
.eckb-category-archive-title-icon {
	display:none;
}