/*
Theme Name: RollemaMedia
Theme URI: https://www.rollemamedia.nl/
Author: Rollema Media
Author URI: https://www.rollemamedia.nl/
Description: Een door Rollema Media ontwikkelde template.
Version: 2020
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: rollemamedia
*/

/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
*/

html, body { margin: 0; padding: 0; }

.elementor-widget:not(:last-child) { margin-bottom: 0 !important; }

main { max-width: 1200px; margin: 0 auto; }
main .container { padding: 10px; }

.scroll-melding { display: none; }


.titelbalk::-webkit-scrollbar,
.headbalk::-webkit-scrollbar,
.content::-webkit-scrollbar { display: none; }
/* Hide scrollbar for IE, Edge and Firefox */
.titelbalk,
.headbalk,
.content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

.prijzen { 
	  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr  1fr;
  grid-template-rows: 1fr auto;
  
  grid-template-areas:
    "titelbalk titelbalk titelbalk"
    "headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk headbalk"
    "content content content content content content content content content content content content content content content content";
  overscroll-behavior: contain;
}
.prijzen .titelbalk { z-index: 1; position: sticky; position: -webkit-sticky; height: 42px; top: 88px; display: grid; background: #fff; grid-template-columns: 9fr 4fr 3fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }
.prijzen .titels { grid: 1fr/1fr; padding: 0 10px; }
.prijzen .titels.varken { min-width: 590px; }
.prijzen .titels.biggen { min-width: 240px; }
.prijzen .titels.zeugen { min-width: 180px; }
.prijzen .titelbalk h4 { font-weight: 600; color: #2771B9; font-size: 18px; margin: 10px 0; text-align: left; }

.prijzen .headbalk { z-index: 1; position: sticky; position: -webkit-sticky; margin-top: 42px; top: 130px; height: 90px;display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }
.prijzen .header { grid: 1fr/1fr; background: #F6911D; border-right: 1px solid #F6911D; }
.prijzen .headbalk div { vertical-align: top; font-size: 11px; font-weight: normal; color: #fff; padding: 4px; text-align: center; }

.prijzen .content { margin-top: 170px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }
.prijzen .content .row { grid: 1fr/1fr; }
.prijzen .content .item { background: #fff; padding: 7px 1px; border-right: 1px solid #eee; text-align: center; }
.prijzen .content .item .notitie { display: block; font-size: 12px; font-style: italic; }
.prijzen .content .weeknummer { font-weight: 600; color: #2771B9; font-size: 17px; }
.prijzen .content .item.even { background: #fff; }
.prijzen .content .item.oneven { background: #f2f2f2; }

.prijzen .titels,
.prijzen .header,
.prijzen .content .item { min-width: 60px; }

/*.gemiddelde-tekst { z-index: 0 !important; grid-template-columns: 16fr; grid-template-rows: auto; grid-area: content; margin-bottom: 0 !important; height: 40px; margin-top: 160px; background: #fff; padding: 10px 0; }*/
.prijzen .gemiddelde-tekst { margin-top: 140px; z-index: 0 !important; height: 20px; top: 88px; display: grid; background: #fff; grid-template-columns: 16fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }
.gemiddelde-tekst .titels { font-weight: 300; }

/* HOME STYLING */
.home .prijzen .content { margin-top: 130px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }

.home .prijzen .gemiddelde-tekst { margin-top: 170px; z-index: 0 !important; height: 20px; top: 88px; display: grid; background: #fff; grid-template-columns: 16fr; grid-template-rows: auto; grid-area: content; overflow-x: auto; overflow-y: hidden; }
.home .gemiddelde-tekst .titels { color: #666; font-weight: 300; }

.prijzen .week,
.prijzen .weeknummer { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; left: 0 !important; }

  
/*.prijzen .head { background: #F6911D !important; }
.prijzen .head th { vertical-align: top; font-size: 11px; font-weight: normal; color: #fff; padding: 5px; text-align: left; }
.prijzen .titels td { text-align: left; }
.prijzen .sticky { position: sticky; top: 86px; }

.prijzen tbody { width: 100%; }

.prijzen .biggen-cat,
.prijzen .zeugen-cat { box-shadow: inset 10px 0px 13px -11px #444; }

.prijzen .gemiddelde { border-spacing: 0;  }

.prijzen th { position: sticky; top: 0;  }

.prijzen .titels th { border: none; }
.prijzen .titels th h4 { font-weight: 600; color: #2771B9; font-size: 18px; margin: 10px 0; text-align: left; }

.prijzen.home { box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.5); }*/

.knoppen { float: right; margin: 20px 0; }
.knoppen .dropdown { display: inline-block; }

/* Dropdown Button */
.dropbtn { background: #F6911D; border: 2px solid #F6911D; color: #fff; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: .3s; -webkit-appearance: none; margin-right: 10px; }
.dropbtn:hover, .dropbtn:focus, .dropbtn:active { background: #fff; border: 2px solid #F6911D; color: #F6911D;  -webkit-appearance: none; }
.dropbtn:after { margin-left: 5px; content: "\f078"; font-family: "Font Awesome 5 free"; font-style: normal; font-weight: 600; text-decoration: inherit; }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 7px 15px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.knoppen .print-knop { display: inline-block; background: #0052A5; border: 2px solid #0052A5; color: #fff; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: .3s; -webkit-appearance: none; }
.knoppen .print-knop:before { margin-right: 5px; content: "\f02f"; font-family: "Font Awesome 5 free"; font-style: normal; font-weight: 600; text-decoration: inherit; }
.knoppen .print-knop:hover { background: #fff; border: 2px solid #0052A5; color: #0052A5;  -webkit-appearance: none; }

@media only screen and (max-width: 768px) {
	.scroll-melding { display: block; float: left; }
	.prijzen .titelbalk { top: 0; }
	.prijzen .headbalk { top: 42px; }
}

@media only screen and (max-width: 1024px) {
	.tax-jaartal main { margin-top: 90px; }
}

@media only screen and (max-width: 425px) {
	.tax-jaartal main { margin-top: 70px; }
}

@media print {
	@page { size: portrait; width: 100%; font-size: 13px; }
	* { color: #222 !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; }
	body * { margin: 0 auto; float: left; }
	
	.prijzen .header,
	.prijzen .titels,
	.prijzen .content .item { min-width: 55px; padding: 0px 2px; }
	.prijzen .titelbalk,
	.prijzen .headbalk { top: 0; }
	
	.elementor-location-header,
	header.header,
	.elementor-location-footer { display: none !important; }
	
	#section-to-print {
		position: absolute;
		left: 0;
		top: 0;
	}
}