#cookie_holder{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 0;
margin: 0;
z-index: 99999;
-moz-animation-name: crawlUp;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 1s;
-webkit-animation-name: crawlUp;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-name: crawlUp;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-duration: 1s;
}
#cookie_holder p{
margin: 10px;
text-align: center;
}
#cookie_holder a#cookie_close_button{
border-radius: 5px;
cursor: pointer;
padding: 5px 10px;
margin: 0 0 0 50px;
}
#cookie_holder a#cookie_close_button:hover{
text-decoration: none;
}
#cookie_holder.cookie_closed{
display: none;
}
@-moz-keyframes crawlUp {
0% { -moz-transform: translateY(80px); }
100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes crawlUp {
0% { -webkit-transform: translateY(80px); }
100% { -webkit-transform: translateY(0); }
}
@keyframes crawlUp {
0% { transform: translateY(80px); }
100% { transform: translateY(0); }
}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
clear: both;
}
.grid-container, .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66, .clearfix { *zoom: 1; }
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px; *padding-left: 0;
*padding-right: 0; }
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); }
.grid-parent {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%; *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%; *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-5 {
left: -5%; *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-10 {
float: left;
width: 10%; *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%; *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-10 {
left: -10%; *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-15 {
float: left;
width: 15%; *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%; *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-15 {
left: -15%; *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-20 {
float: left;
width: 20%; *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%; *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-20 {
left: -20%; *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-25 {
float: left;
width: 25%; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%; *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-25 {
left: -25%; *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-30 {
float: left;
width: 30%; *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%; *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-30 {
left: -30%; *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-35 {
float: left;
width: 35%; *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%; *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-35 {
left: -35%; *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-40 {
float: left;
width: 40%; *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%; *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-40 {
left: -40%; *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-45 {
float: left;
width: 45%; *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%; *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-45 {
left: -45%; *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-50 {
float: left;
width: 50%; *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%; *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-50 {
left: -50%; *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-55 {
float: left;
width: 55%; *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%; *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-55 {
left: -55%; *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-60 {
float: left;
width: 60%; *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%; *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-60 {
left: -60%; *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-65 {
float: left;
width: 65%; *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%; *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-65 {
left: -65%; *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-70 {
float: left;
width: 70%; *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%; *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-70 {
left: -70%; *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-75 {
float: left;
width: 75%; *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%; *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-75 {
left: -75%; *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-80 {
float: left;
width: 80%; *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%; *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-80 {
left: -80%; *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-85 {
float: left;
width: 85%; *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%; *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-85 {
left: -85%; *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-90 {
float: left;
width: 90%; *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%; *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-90 {
left: -90%; *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-95 {
float: left;
width: 95%; *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%; *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-95 {
left: -95%; *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-33 {
float: left;
width: 33.33333%; *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%; *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-33 {
left: -33.33333%; *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-66 {
float: left;
width: 66.66667%; *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%; *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-pull-66 {
left: -66.66667%; *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%; *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%; *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-5 {
left: -5%; *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-10 {
float: left;
width: 10%; *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%; *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-10 {
left: -10%; *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-15 {
float: left;
width: 15%; *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%; *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-15 {
left: -15%; *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-20 {
float: left;
width: 20%; *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%; *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-20 {
left: -20%; *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-25 {
float: left;
width: 25%; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%; *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-25 {
left: -25%; *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-30 {
float: left;
width: 30%; *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%; *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-30 {
left: -30%; *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-35 {
float: left;
width: 35%; *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%; *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-35 {
left: -35%; *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-40 {
float: left;
width: 40%; *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%; *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-40 {
left: -40%; *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-45 {
float: left;
width: 45%; *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%; *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-45 {
left: -45%; *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-50 {
float: left;
width: 50%; *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%; *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-50 {
left: -50%; *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-55 {
float: left;
width: 55%; *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%; *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-55 {
left: -55%; *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-60 {
float: left;
width: 60%; *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%; *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-60 {
left: -60%; *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-65 {
float: left;
width: 65%; *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%; *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-65 {
left: -65%; *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-70 {
float: left;
width: 70%; *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%; *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-70 {
left: -70%; *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-75 {
float: left;
width: 75%; *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%; *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-75 {
left: -75%; *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-80 {
float: left;
width: 80%; *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%; *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-80 {
left: -80%; *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-85 {
float: left;
width: 85%; *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%; *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-85 {
left: -85%; *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-90 {
float: left;
width: 90%; *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%; *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-90 {
left: -90%; *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-95 {
float: left;
width: 95%; *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%; *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-95 {
left: -95%; *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-33 {
float: left;
width: 33.33333%; *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%; *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-33 {
left: -33.33333%; *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-66 {
float: left;
width: 66.66667%; *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%; *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-pull-66 {
left: -66.66667%; *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%; *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%; *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-5 {
left: -5%; *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-10 {
float: left;
width: 10%; *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%; *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-10 {
left: -10%; *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-15 {
float: left;
width: 15%; *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%; *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-15 {
left: -15%; *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-20 {
float: left;
width: 20%; *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%; *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-20 {
left: -20%; *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-25 {
float: left;
width: 25%; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%; *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-25 {
left: -25%; *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-30 {
float: left;
width: 30%; *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%; *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-30 {
left: -30%; *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-35 {
float: left;
width: 35%; *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%; *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-35 {
left: -35%; *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-40 {
float: left;
width: 40%; *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%; *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-40 {
left: -40%; *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-45 {
float: left;
width: 45%; *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%; *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-45 {
left: -45%; *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-50 {
float: left;
width: 50%; *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%; *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-50 {
left: -50%; *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-55 {
float: left;
width: 55%; *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%; *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-55 {
left: -55%; *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-60 {
float: left;
width: 60%; *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%; *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-60 {
left: -60%; *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-65 {
float: left;
width: 65%; *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%; *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-65 {
left: -65%; *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-70 {
float: left;
width: 70%; *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%; *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-70 {
left: -70%; *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-75 {
float: left;
width: 75%; *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%; *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-75 {
left: -75%; *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-80 {
float: left;
width: 80%; *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%; *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-80 {
left: -80%; *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-85 {
float: left;
width: 85%; *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%; *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-85 {
left: -85%; *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-90 {
float: left;
width: 90%; *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%; *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-90 {
left: -90%; *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-95 {
float: left;
width: 95%; *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%; *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-95 {
left: -95%; *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-33 {
float: left;
width: 33.33333%; *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%; *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-33 {
left: -33.33333%; *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-66 {
float: left;
width: 66.66667%; *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%; *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.pull-66 {
left: -66.66667%; *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }
.grid-100 {
clear: both;
width: 100%;
}
}.wp-embed-meta {
display: none !important;
}
@font-face {
font-family: "RijksoverheidSans";
src: url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextregular.eot?) format("embedded-opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextregular.woff) format("opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextregular.ttf) format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "RijksoverheidSansItalic";
src: url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextitalic.eot?) format("embedded-opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextitalic.woff) format("opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextitalic.ttf) format("truetype");
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: "RijksoverheidSansBold";
src: url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextbold.eot?) format("embedded-opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextbold.woff) format("opentype"), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/ROsanswebtextbold.ttf) format("truetype");
font-family: "RijksoverheidSansBold";
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src: url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/icomoon.eot?-azvehv);
src: url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/icomoon.eot?#iefix-azvehv) format('embedded-opentype'), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/icomoon.ttf?-azvehv) format('truetype'), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/icomoon.woff?-azvehv) format('woff'), url(//www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/fonts/icomoon.svg?-azvehv#icomoon) format('svg');
font-weight: normal;
font-style: normal;
} *,
*::after,
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "RijksoverheidSans";
background-color: #eee;
color: #3e3e3e;
font-size: 15px;
line-height: 1.5em;
}
strong,
b {
font-weight: normal;
font-family: "RijksoverheidSansBold";
}
em,
i {
font-family: "RijksoverheidSansItalic";
}
h1,
h2,
h3,
h4 {
color: #3e3e3e;
line-height: 1.2;
margin: 1em 0 .6em;
font-weight: normal;
font-family: "RijksoverheidSansBold";
font-size: 22px;
}
h1 {
margin-top: 0;
}
.page-content h2 {
margin-bottom: 0;
font-size: 20px;
}
.page-content h2.margb20 {
margin-bottom: 20px;
}
.page-content h2.margb10 {
margin-bottom: 10px;
}
.page-content-homepage h2 {
color: #46ad35;
margin-bottom: 10px;
font-size: 20px;
}
.sidebar-content h2 {
font-size: 18px;
color: #46ad35;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
.img50p {
max-width: 50%;
}
a {
text-decoration: none;
color: #46ad35;
}
a:hover {
text-decoration: underline;
color: #46ad35;
}
ul {
margin: 0 0 1em 1.2em;
padding: 0;
}
p {
margin: 0 0 20px 0;
padding: 0;
}
input::-webkit-input-placeholder {
color: #535353;
}
input:-moz-placeholder {
color: #535353;
}
input::-moz-placeholder {
color: #535353;
}
input:-ms-input-placeholder {
color: #535353;
}
.breadcrumbs {
margin-bottom: 15px;
text-transform: lowercase;
color: #e3e3e3e;
}
.breadcrumbs a,
.breadcrumbs a:visited {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
a:focus,
input:focus,
select:focus,
button:focus,
textarea:focus {
outline-size: 2px !important;
outline-color: #42145f !important;
}
.private_form,
.public_form {
font-family: "RijksoverheidSansBold";
font-weight: normal;
}
input[type=button],
input[type=text],
input[type=email],
input[type=search] {
border: 0;
-webkit-border-radius: 0;
-webkit-appearance: none;
} img.svg,
svg {
display: none !important;
}
svg.replaced-svg {
display: inline-block !important;
}
.addthis_sharing_toolbox svg, .atm svg {
display: block !important;
} .weightbold,
.nav .nav-column h3.weightbold a {
font-weight: normal !important;
font-family: "RijksoverheidSansBold" !important;
}
.displayblock {
display: block;
}
.bgpurple {
background: #42145f;
}
.bgwhite {
background: #fff;
}
.bglightpurple {
background: #d2c7d8;
}
.nopadding {
padding: 0;
}
.posrel {
position: relative;
}
.aligncenter {
text-align: center;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.fltright {
float: right;
}
.fltleft {
float: left;
}
.fonts0 {
font-size: 0px;
}
.padleft20 {
padding-left: 20px;
}
.pad00020 {
padding: 0 0 0 20px;
}
.pad10 {
padding: 15px;
}
.pad15 {
padding: 15px;
}
.padleftright20 {
padding: 0 20px 0 20px;
}
.margt0 {
margin-top: 0;
}
.margb0 {
margin-bottom: 0px !important;
}
.margb20 {
margin-bottom: 20px;
}
.margt20 {
margin-top: 20px;
}
.margb10 {
margin-bottom: 10px;
}
.margr30 {
margin-right: 30px;
}
.margt30 {
margin-top: 30px;
}
.margl0 {
margin-left: 0 !important;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignleft {
float: left;
margin: 0 20px 10px 0;
}
img.alignright {
margin: 0 0 10px 20px;
float: right;
}
.imgwidth100 {
width: 100%;
max-width: auto;
display: block;
}
a.txtblack,
a.txtblack:hover {
color: #000;
}
.page-content iframe {
width: 100%;
}
.page-content table {
width: 100%;
}
.page-content img {
max-width: 100%;
}
.page-content img.alignright {
display: inline-block;
float: right;
margin: 0 0 10px 10px;
max-width: 50%;
}
.page-content img.alignleft {
display: inline-block;
float: left;
margin: 0 10px 10px 0;
max-width: 50%;
}
.page-content img.aligncenter {
display: block;
margin: 0 auto !important;
}
.margr10 {
margin-right: 10px;
}
.screenreader {
position: absolute;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
a.skiplink,
a.skiplink:visited {
position: absolute;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
a.skiplink:focus {
margin-left: 55px;
background: #42145f;
color: #fff;
padding: 5px 10px;
font-family: "RijksoverheidSansBold";
position: relative;
clip: auto;
width: auto;
height: auto;
overflow: auto;
}
.addtrans {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.nobreak {
display: inline-block;
white-space: nowrap;
}
.noborder {
border: 0 !important;
}
.container-negmargin {
margin-left: -10px;
margin-right: -10px;
} #tweets {
font-size: 14px;
line-height: 1.4em;
}
#livefeed {
max-height: 500px;
overflow: auto;
}
#livefeed .tweet:first-child,
#tweets .tweet:first-child {
border-top: 0;
}
#livefeed .tweet,
#tweets .tweet {
border-bottom: 1px solid #ccc;
margin: 0;
padding: 10px;
}
.social-blocks #tweets .tweet {
border-bottom: 0;
}
#livefeed .tweet:hover,
#tweets .tweet:hover {
background: #f2faff;
}
.social-blocks #tweets .tweet:hover {
background: none;
}
#livefeed .tweet-header,
#tweets .tweet-header {
display: block;
margin-bottom: 10px;
}
#livefeed .tweet-header img,
#tweets .tweet-header img {
float: left;
width: 32px;
margin: 3px 8px 0 0;
border-radius: 4px;
}
#livefeed .tweet-header:hover,
#tweets .tweet-header:hover {
text-decoration: none;
}
#livefeed .tweet-header span,
#tweets .tweet-header span {
display: block;
margin: 0;
padding: 0;
}
#livefeed .tweet-header .tweet-name,
#tweets .tweet-header .tweet-name {
font-family: "RijksoverheidSansBold";
font-weight: normal;
color: #000;
}
#livefeed .tweet-header:hover .tweet-name,
#tweets .tweet-header:hover .tweet-name {
color: #46ad35;
}
#livefeed .tweet-header .tweet-screenname,
#tweets .tweet-header .tweet-screenname {
color: #999;
}
#livefeed .tweet-header div,
#tweets .tweet-header div {
margin: 0;
padding: 0;
}
#livefeed .tweet-footer,
#tweets .tweet-footer {
margin-top: 10px;
font-size: 90%;
opacity: 0.3;
text-align: right;
}
#livefeed .tweet-footer:hover,
#tweets .tweet-footer:hover {
opacity: 1;
}
.twit-followus,
.twit-followus:visited {
display: block;
text-decoration: none;
padding: 8px 10px 8px 15px;
color: #fff;
border: 1px solid #ccc;
border-top: 0;
color: #42145f;
font-size: 14px;
}
.twit-followus:hover {
text-decoration: none;
background: #46ad35;
color: #fff;
}
.twit-followus:after {
padding: 0;
content: '' !important;
}
.twit-followus .icon-twitter {
float: left;
margin-right: 5px;
margin-left: 1px;
margin-top: 0px;
}
.twit-followus .icon-twitter:before {
font-size: 24px;
}
.sidebar-content .twit-followus, 
.sidebar-content .twit-followus:visited {
display: block;
text-decoration: none;
background: #42145f;
padding: 8px 10px;
color: #fff;
border: 0;
}
.sidebar-content .twit-followus:hover {
text-decoration: none;
background: #46ad35;
color: #fff;
}
#livefeed .tweet {
-webkit-animation: fadeInTop 0.5s;
animation: fadeInTop 0.5s;
}
.fb-page,
.fb-page iframe[style],
.fb-page span {
width: 100% !important;
} @-webkit-keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-80px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
} li.current-cat>a,
li.current-cat-parent>a {
font-family: "RijksoverheidSansBold";
}
li.cat-checkbox a:hover {
text-decoration: none;
}
li.cat-checkbox a:hover:before {
text-decoration: none;
content: "\ea52 ";
opacity: 0.4;
}
li.cat-checkbox a:before {
font-family: 'icomoon';
content: "\ea53 ";
margin-right: 10px;
color: #46ad35;
}
li.cat-checkbox.current-cat a:before {
content: "\ea52 ";
}
.search-filter-list li a.show-hidden-filters-link {
color: #46ad35;
} a[href^="http://"]:after,
a[href^="https://"]:after {
content: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/external.png);
padding: 0 5px;
}
.home-banner-left a:after,
a[href*="waardigheidentrots"]:after,
.container-social a:after,
#tweets a:after,
#mobile-menu a:after,
#livefeed a:after,
#liveblog-entries a:after {
content: '';
padding: 0;
}
a[href$=".pdf"]:after {
content: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/pdf.png);
padding: 0 0 0 5px;
}
a[href$=".doc"]:after,
a[href$=".docx"]:after {
content: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/doc.gif);
padding: 0 0 0 5px;
}
a[href$=".ppt"]:after,
a[href$=".pptx"]:after,
a[href$=".pps"]:after,
a[href$=".ppsx"]:after {
content: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/ppt-icon.gif);
padding: 0 0 0 5px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-width: 0px;
}
.tweets-widget a:after,
a.noexticon:after {
content: '' !important;
padding: 0;
}
.above-head-container {
border-bottom: 30px solid #42145f;
padding: 20px;
}
.below-head-container {
padding: 30px;
}
.headertitle {
padding: 10px 0;
}
.headertitle img {
width: 217px;
height: 80px;
}
.site-description {
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
color: #42145f;
}
.thinbluebar {
border-bottom: 1px solid #b2d7ee;
}
.open-mobilemenu {
position: absolute;
top: 0;
right: 10px;
line-height: 30px;
font-size: 40px;
z-index: 9999;
color: #42145f;
}
.open-mobilemenu:hover {
text-decoration: none;
}
.search-container {
position: absolute;
top: 18px;
right: 0;
z-index: 999;
}
.search-container form {
height: 27px;
overflow: hidden;
}
.search-container input {
padding: 5px;
border: 0;
height: 27px;
}
.search-container input:focus {
outline: none;
background: #e8f2e2;
}
.search-container button {
background: #46ad35;
margin: 0;
padding: 0;
border: 0;
height: 27px;
color: #fff;
font-size: 20px;
line-height: 1.7em;
}
.search-container button::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
.search-container button:hover {
background: #666;
}
.advsearch-link.arrow-link,
.advsearch-link.arrow-link:visited {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/white-arrow-small.png) center left no-repeat;
color: #fff;
text-decoration: none;
font-size: 11px;
padding-left: 9px;
float: right;
margin-right: 30px;
}
.advsearch-link.arrow-link:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow-small.png) center left no-repeat;
color: #46ad35;
}
.bravoHeading {
color: #3e3e3e;
line-height: 1.2;
margin: 1em 0;
font-family: "RijksoverheidSans";
font-weight: 400;
font-size: 20px;
display: block;
text-align: center;
}
.name-container {
font-size: 68px;
line-height: 68px;
font-family: "RijksoverheidSansBold";
font-weight: normal;
color: #535353;
margin: 20px 0;
}
.darkgrey {
color: #333333;
}
.container-social {
float: right;
margin: 10px 15px 0 0;
}
.container-social a {
display: block;
width: 20px;
height: 20px;
text-decoration: none;
float: left;
margin-right: 10px;
color: #42145f;
font-size: 20px;
}
.container-social a:hover {
color: #46ad35;
}
.container-social a img {
width: 20px;
height: 20px;
}
.container-social a:after {
content: '' !important;
}
.catlist {
padding: 10px;
margin: 5px 0 0 0;
background: #d2c7d8;
font-size: 12px;
overflow: hidden;
}
.catlist p {
margin-bottom: 0;
}
.catlist a,
.catlist a:visited {
color: #42145f;
}
.catlist a:hover {
color: #42145f;
}
.show-more-cats .more-cats {
display: none;
}
.addthis_sharing_toolbox {
float: right;
height: 20px !important;
padding: 0;
}
.sharebox-nextoimg .addthis_sharing_toolbox {
float: none;
margin-bottom: 20px;
}
.sharebox-nextoimg {
margin-left: 0;
margin-right: 100px;
}
.sharebox-nextoimg p {
margin-bottom: 10px;
}
.eyebrow-menu-container {
font-size: 11px;
color: #d2c7d8;
margin-top: 2px;
margin-right: 20px;
}
.eyebrow-menu {
list-style: none;
padding: 0;
margin: 0;
float: right;
}
.eyebrow-menu li {
list-style-type: none;
float: left;
padding: 0;
margin: 0;
}
.eyebrow-menu li a {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #d2c7d8;
display: inline-block;
margin-left: 5px;
}
.eyebrow-menu li a:after {
content: '|';
margin-left: 5px;
}
.eyebrow-menu li:last-of-type a:after {
content: '';
}
.clicktotweet-box {
padding: 20px 20px 56px;
border: 0;
background: #cef1b9;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
.fulltext-block .clicktotweet-box a,
.fulltext-block .clicktotweet-box a:visited,
.fulltext-block .clicktotweet-box a:hover,
.fulltext-block .spotlight-box a,
.fulltext-block .spotlight-box a:visited,
.fulltext-block .spotlight-box a:hover {
color: #46ad35;
text-decoration: underline;
}
.fulltext-block .spotlight-box a:hover,
.fulltext-block .clicktotweet-box a:hover {
color: #42145f;
}
.fulltext-block .clicktotweet-box a[href^="http://"]:after,
.fulltext-block .clicktotweet-box a[href^="https://"]:after {
content: '';
padding: 0;
} .clicktotweet-author {
position: absolute;
font-size: 14px;
line-height: 1em;
font-family: "RijksoverheidSansBold";
display: inline-block;
bottom: 20px;
left: 30px;
}
.clicktotweet-link,
.clicktotweet-link:visited,
.clicktotweet-link:hover {
color: #46ad35 !important;
position: absolute;
font-size: 16px;
line-height: 1em;
font-family: "RijksoverheidSansBold";
text-decoration: none !important;
display: block;
height: 20px;
line-height: 20px;
bottom: 20px;
right: 30px;
padding-left: 24px;
}
.clicktotweet-link:hover {
color: #42145f !important;
text-decoration: underline;
}
.clicktotweet-link span {
position: absolute;
left: 0;
top: 0;
display: block;
height: 20px;
width: 20px;
line-height: 1.4em;
text-align: center;
}
.spotlight-box {
padding: 20px;
border: 0;
background: #cef1b9;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 20px;
}
.spotlight-box p:last-of-type {
margin: 0;
padding: 0;
}
.spotlight-box ul:last-of-type {
margin-bottom: 0;
}
.wp-embed-meta,
.wp-embed-share {
display: none !important;
}
.wp-embed-site-title {
background: grey !important;
}  .home-spotlight {
background: #42145f;
color: #fff;
}
.home-spotlight p {
margin: 0 0 10px 0;
padding: 0;
}
.home-spotlight h1 {
font-size: 21px;
}
.home-spotlight h1 a {
color: #fff;
}
.home-spotlight img {
display: block;
width: 100%;
vertical-align: bottom;
}
.home-spotlight p a,
.home-spotlight p a:visited,
.home-spotlight p a:hover {
color: #fff;
text-decoration: none;
}
.home-spotlight-others a {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
position: relative;
display: block;
border: 0;
color: #fff;
min-height: 33px;
line-height: 1.3em;
font-size: 14px;
padding: 10px 20px;
border-bottom: 1px solid #66417d;
min-height: 4em;
}
.home-spotlight-others a.current {
background: #d2c7d8;
color: #42145f;
}
.home-spotlight-others a:last-of-type {
border-bottom: 0;
}
.home-spotlight-others a:hover {
text-decoration: none;
color: #d2c7d8;
}
.home-spotlight-others a.current:hover .spotlight-icon,
.home-spotlight-others a.current:hover,
.active-link {
color: #42145f;
}
.home-spotlight-others a.current:before {
content: "";
position: absolute;
left: -22px;
top: 0;
width: 0;
height: 0;
border-top: 28px solid transparent;
border-right: 22px solid #d2c7d8;
border-bottom: 28px solid transparent;
z-index: 10;
}
.home-spotlight-others a:hover .spotlight-icon {
color: #d2c7d8;
}
.home-spotlight-others a .spotlight-icon {
display: block;
position: absolute;
top: 13px;
height: 33px;
left: 13px;
width: 33px;
}
.spotlight-icon img,
.spotlight-icon svg {
width: 24px;
height: auto;
}
.spotlight-icon .svg {
fill: #fff;
}
.home-spotlight-others a.current .spotlight-icon .svg {
fill: #42145f;
}
.new-in-theme {
margin-top: 15px;
font-size: 16px;
font-weight: normal;
font-family: 'RijksoverheidSansBold';
} .personal-content-item,
.personal-content-item:visited,
.personal-content-item:hover {
text-decoration: none;
display: block;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 10px;
}
.personal-content-item h3,
.personal-content-item:visited h3 {
color: #42145f;
}
.personal-content-item:hover h3 {
color: #46ad35;
}
.personal-content-item h3 {
margin: 0 0 2px;
font-size: 15px;
}
.personal-content-textspace {
margin-left: 10px;
}
.personal-content-item-img {
padding: 0;
float: left;
width: 15%;
}
.personal-content-item-txt {
padding: 0;
float: left;
width: 85%;
} .sidebar-content .personal-content-item {
padding: 5px 0;
margin-bottom: 0;
}
.sidebar-content .personal-content-item:last-of-type {
border-bottom: 0;
}
.sidebar-content .personal-content-item h3 {
font-family: "RijksoverheidSans";
}
.sidebar-content .personal-content-item p {
display: none;
}
.sidebar-content .widget_dhv_wt-mogelijk-ook-interessant-widget,
.sidebar-content .widget_dhv_wt-anderen-lazen-ook-widget {
background: #e8f2e2;
padding: 15px;
color: #3e3e3e;
border: 0 !important;
}
.sidebar-content .widget_dhv_wt-mogelijk-ook-interessant-widget h2,
.sidebar-content .widget_dhv_wt-anderen-lazen-ook-widget h2 {
margin-top: 0;
color: #3e3e3e;
}
.sidebar-content .personal-content-item-img {
width: 20%;
}
.sidebar-content .personal-content-item-txt {
width: 80%;
} .personal-content-box {
background: #e7f1e1;
padding: 20px 10px;
}
.personal-content-box h3 {
color: #3e3e3e;
padding: 0;
margin: 0 0 20px;
}
.personal-content-box p {
line-height: 1.2em;
}
.personal-content-box .personal-content-item h3 {
font-family: "RijksoverheidSans";
font-weight: normal;
margin: 0 0 5px;
color: #42145f;
}
.personal-content-box .personal-content-item:hover h3 {
color: #46ad35;
}
.personal-content-box .personal-content-item:last-of-type {
margin-bottom: 0;
}
.personal-content-box .personal-content-textspace {
margin-left: 15px;
}
.theme-spotlight p a,
.theme-spotlight p a:visited,
.theme-spotlight p a:hover {
color: #42145f;
text-decoration: none;
}
.overview-itemlist {
border-bottom: 1px dotted #e3e3e3;
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 14px;
}
.page-content-homepage .overview-itemlist {
border-bottom: 1px solid #e3dae9;
padding: 5px 5px 5px 10px;
margin: 0;
background: #d2c7d8;
}
.searchpage-content .overview-itemlist {
margin-bottom: 15px;
padding-bottom: 15px;
}
.overview-itemlist:last-child {
border-bottom: 0;
}
.overview-itemlist a,
.overview-itemlist a:visited {
text-decoration: none;
color: #46ad35;
}
.overview-itemlist a:hover {
text-decoration: underline;
}
.overview-itemlist h3 {
font-family: "RijksoverheidSansBold";
margin-top: 0;
}
.box-morelink {
overflow: hidden;
width: 100%;
}
.overview-theme-block {
margin-bottom: 30px;
}
.box-morelink a {
display: block;
width: auto;
float: right;
margin-bottom: 20px;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
text-decoration: none;
padding-left: 12px;
line-height: 1em;
}
.box-morelink a:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow.png) center left no-repeat;
color: #42145f;
text-decoration: none;
}
.sidebar-content .box-morelink a {
margin-bottom: 0;
}
.overview-theme-block.faq-widget-list .overview-itemlist {
border-bottom: 0;
}
.overview-theme-block .box-morelink a {
padding-left: 9px;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow-small.png) center left no-repeat;
}
.overview-theme-block .box-morelink a:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow-small.png) center left no-repeat;
}
.home-spotlight-gradient {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.home-spotlight-placeholder {
display: block;
text-decoration: none;
z-index: 2;
}
.home-spotlight-text {
position: absolute;
bottom: 0;
left: 0;
z-index: 4;
font-size: 14px;
line-height: 1.4em;
padding: 0 20px 20px 20px;
}
.paginate-container {
padding: 0 0 10px 0;
text-transform: lowercase;
text-align: center;
}
.paginate-container .current {
display: inline-block;
line-height: 1em;
padding: 5px 5px 2px 5px;
background: #42145f;
color: #fff;
}
.paginate-container .prev {
text-decoration: none;
float: left;
}
.paginate-container .next {
text-decoration: none;
float: right;
}
.paginate-container .prev:hover,
.paginate-container .next:hover {
color: #42145f;
}
.sidebar-content {
overflow: hidden;
}
.sidebar-content>h2:first-child {
margin-top: 0;
}
.sidebar-content section {
padding-bottom: 20px;
border-bottom: 1px dotted #e0e0e0;
margin-bottom: 20px;
}
.sidebar-content section:last-of-type {
border-bottom: 0;
}
.sidebar-content ul,
.sidebar-content ul li {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-content ul li {
padding: 5px 0;
border-bottom: 1px dotted #e0e0e0;
}
.sidebar-content ul li:last-child {
border-bottom: 0;
}
.sidebar-content ul li .post-date {
margin: 0;
padding: 0;
font-size: 11px;
}
.search-sidebar-content h2 {
font-size: 18px;
}
.search-sidebar-content h3 {
font-size: 16px;
}
.spotlight-item.maintheme-details a,
.spotlight-item.maintheme-details a:visited {
color: #3e3e3e;
}
.spotlight-item.maintheme-details p {
margin-bottom: 0;
}
.spotlight-item.maintheme-details a:hover {
text-decoration: none;
color: #46ad35;
}
.spotlight-item.maintheme-details .svg {
width: 70px;
float: left;
margin: 0 20px 0 0;
height: auto;
fill: #42145f;
}
.spotlight-item h3 {
font-size: 15px;
margin: -1px 0 0 0;
padding: 0;
font-family: "RijksoverheidSans";
}
.spotlight-item img {
float: left;
margin-right: 10px;
}
.spotlight-item a,
.spotlight-item a:visited {
color: #46ad35;
text-decoration: none;
}
.spotlight-item a:hover {
text-decoration: underline;
}
.spotlight-item span {
color: #42145f;
}
.theme-topspotlight-holder {
background: #e8ffe8;
padding: 20px 20px 0;
margin-top: 20px;
}
.theme-topspotlight {
padding-bottom: 20px;
display: block;
text-decoration: none;
margin-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}
.theme-topspotlight:last-of-type {
padding-bottom: 20px;
display: block;
text-decoration: none;
border-bottom: 0;
}
.theme-topspotlight-text {
padding-left: 20px;
}
.theme-topspotlight-text h3 {
margin-top: 0;
font-size: 16px;
color: #46ad35
}
.theme-topspotlight-text p {
color: #000;
}
.theme-topspotlight-text span {
font-family: RijksoverheidSansBold;
display: block;
margin-top: 5px;
color: #46ad35;
}
.theme-spotlight .readmore-home,
.theme-spotlight .readmore-home:visited {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
font-family: "RijksoverheidSansBold";
text-decoration: none;
padding-left: 12px;
font-weight: normal;
line-height: 1em;
}
.theme-spotlight .readmore-home:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow.png) center left no-repeat;
color: #42145f;
}
.home-spotlight .readmore-home,
.home-spotlight .readmore-home:visited,
.home-spotlight .readmore-home:hover {
font-family: "RijksoverheidSansBold";
padding-left: 12px;
font-weight: normal;
line-height: 1em;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
}
.wpp-list a,
.wpp-list a:visited {
color: #42145f;
text-decoration: none;
font-size: 14px;
}
.arrow-link,
.arrow-link:visited {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow.png) center left no-repeat;
color: #42145f;
text-decoration: none;
padding-left: 15px;
}
.arrow-link:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
text-decoration: none;
}
.overview-itemlist .arrow-link,
.overview-itemlist .arrow-link:visited {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow-small.png) left 6px no-repeat;
color: #42145f;
text-decoration: none;
padding-left: 10px;
display: block;
}
.overview-itemlist .arrow-link:hover {
color: #46ad35;
text-decoration: none;
}
.page-content-homepage .overview-itemlist .arrow-link:hover {
color: #fff;
text-decoration: none;
}
.overview-theme-block .title-bar {
line-height: 1em;
font-size: 18px;
padding: 10px 0;
margin: 0;
font-weight: normal;
font-family: "RijksoverheidSansBold";
}
.overview-theme-block .title-bar a,
.overview-theme-block .title-bar a:visited {
color: #46ad35;
font-weight: normal;
font-family: "RijksoverheidSansBold";
}
.overview-theme-block .title-bar .readmore-theme:visited,
.overview-theme-block .title-bar .readmore-theme {
font-size: 12px;
float: right;
font-family: "RijksoverheidSans";
font-weight: normal;
color: #d2c7d8;
}
.overview-theme-block.sub-theme-block .overview-itemlist:last-child {
border-bottom: 1px dotted #e0e0e0;
}
.overview-theme-block.sub-theme-block .theme-spotlight {
background: #e7f1e1;
}
.overview-theme-block.sub-theme-block .overview-itemlist .arrow-link,
.overview-theme-block.sub-theme-block .overview-itemlist .arrow-link:visited,
.overview-theme-block.sub-theme-block .overview-itemlist .arrow-link:hover {
color: #46ad35;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow-small.png) left 6px no-repeat;
}
.theme-spotlight {
background: #d2c7d8;
margin-bottom: 20px;
max-height: 144px !important;
overflow: hidden;
}
.page-theme-overview h2 a span {
color: #42145f;
}
.theme-spotlight img {
display: block;
width: 100%;
}
.theme-spotlight p {
margin: 0;
padding: 0 0 10px 0;
}
.theme-spotlight h2 {
padding: 0;
margin: 0;
}
.theme-spotlight h3 {
margin: 0 0 10px 0;
padding: 0;
}
.theme-spotlight h3 a {
color: #42145f;
text-decoration: none;
font-size: 15px;
font-weight: normal;
font-family: "RijksoverheidSansBold";
display: block;
}
.theme-spotlight h3 a:hover {
text-decoration: underline;
}
.feature-block img {
display: block;
width: 100%;
}
.feature-block h3 {
margin: 0;
padding: 10px 15px;
font-size: 16px;
background: #46ad35;
font-weight: normal;
font-family: "RijksoverheidSans";
color: #fff;
}
.feature-block h3 a,
.feature-block h3 a:visited {
color: #fff;
}
.widget_sp_image-image-link {
display: block;
text-decoration: none;
text-align: center;
}
.widget_sp_image-image-link img {
display: inline-block;
vertical-align: bottom;
} .liveblog-entry .liveblog-entry-text {
font-size: 14px;
}
.liveblog-meta {
margin-bottom: 30px;
}
.liveblog-author-avatar,
.liveblog-author-name {
display: none;
}
.liveblog-entry .liveblog-entry-text {
margin: 0 20px;
}
.fulltext-block .liveblog-meta-time a {
color: #999;
text-transform: none;
text-decoration: none;
}
.liveblog-entry {
border-top: 1px dotted #dfdfdf;
}
.page-content .liveblog-entry iframe {
max-width: 500px;
} .partner-overview-item {
border-bottom: 1px dotted #e0e0e0;
margin-bottom: 15px;
padding-bottom: 15px;
}
.partner-overview-item h3 {
padding: 0;
margin: 0;
}
.partner-overview-item p {
padding: 0 0 20px 0;
margin: 0;
} .question-container {
border-bottom: 1px dotted #ccc;
}
.question-container:last-of-type {
border-bottom: 0;
margin-bottom: 10px;
}
.question-container .question {
display: block;
padding: 10px;
font-family: "RijksoverheidSansBold";
font-weight: normal;
}
.question-container .question:hover {
text-decoration: none;
background: #f2faff;
}
.question-container .answer {
display: none;
padding: 0 15px;
margin-left: 15px;
border-left: 2px solid #ccc;
}
.question-info {
padding: 10px 20px;
color: #8c8c8c;
background: #f6f6f6;
}
.answer-form {
background: #ffff99;
padding: 5px 30px 30px 30px;
}
.answer-form .frontend_editor {
border: 1px solid rgb(169, 169, 169) !important;
font-family: "RijksoverheidSans";
color: #3e3e3e;
font-size: 15px;
line-height: 1.5em;
}
.answer-form input[type="submit"] {
float: right;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #42145f;
padding: 4px 10px;
border: 0;
color: #fff;
margin-top: 20px;
}
.answer-form input[type="submit"]:hover {
background: #46ad35;
} .deelnemer-overview-item {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px dotted #e0e0e0;
list-style: none;
}
.deelnemer-overview-item em {
color: #3e3e3e;
}
.deelnemer-overview-item li {
padding: 0;
margin: 0 0 10px 0;
}
.deelnemer-overview-item a,
.deelnemer-overview-item a:visited {
text-decoration: none;
color: #42145f;
}
.deelnemer-overview-item a:hover {
text-decoration: none;
color: #46ad35;
}
.deelnemer-overview-item .readmore-link,
.deelnemer-overview-item .readmore-link:visited {
color: #46ad35;
}
.overview-semi-block h3 a {
text-decoration: none;
color: #42145f;
font-weight: normal;
font-family: "RijksoverheidSansBold";
}
.partner-overview-item h3 a,
.partner-overview-item h3 a:visited {
text-decoration: none;
color: #42145f;
}
.partner-overview-item h3 a:hover {
text-decoration: none;
color: #46ad35;
}
.participant-facts li {
margin: 20px 0;
}
.zkn-widget-type-4 {
margin: 20px 0 10px;
}
.widget_sp_image-image-link[href^="http://"]:after,
.widget_sp_image-image-link[href^="https://"]:after,
.zkn-widget-body a[href^="http://"]:after,
.zkn-widget-body a[href^="https://"]:after {
content: "";
padding: 0;
}
.box-participants-filtering select,
.box-participants-filtering input.textsearch {
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: "";
height: 39px;
border: 1px solid #42145f;
color: #42145f;
margin: 0;
}
.box-participants-filtering select {
background: #fff url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/bg-select.png) no-repeat top right;
}
#map {
height: 700px;
margin-bottom: 20px;
}
.overview-theme-block #map {
width: 100%;
height: 470px;
margin-bottom: 8px;
} .overview-semi-block {
margin-bottom: 15px;
padding-bottom: 0;
min-height: 300px;
}
.overview-semi-block ul {
margin: 0 0 20px;
padding: 0;
}
.overview-semi-block.expertpage-theme {
min-height: auto;
border: 0;
margin-bottom: 0;
}
.overview-semi-block .imgwidth100 {
margin-bottom: 10px;
}
.minipic {
float: left;
margin-right: 15px
}
.wpptopdfenh,
.wpptopdfenh:visited {
text-decoration: none;
display: inline-block;
height: 22px;
line-height: 22px;
}
.wpptopdfenh img {
float: left;
margin-right: 5px;
}
.wpptopdfenh:hover {
text-decoration: underline;
}
.moreontheme,
.moreontheme:visited {
display: block;
margin-bottom: 20px;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
padding-left: 12px;
text-decoration: none;
line-height: 1em;
margin-bottom: 5px;
}
.moreontheme:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow.png) center left no-repeat;
color: #42145f;
text-decoration: none;
}
.advanced-search {
padding: 0;
margin: 25px 0 25px 0;
}
.advanced-search input[type=text] {
border: 1px solid #42145f;
border-right: 0;
padding: 10px;
}
.advanced-search input[type=submit] {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #46ad35;
margin: 0;
border: 0;
padding: 0;
height: 39px;
line-height: 39px;
color: #fff;
font-size: 20px;
}
.advanced-search input[type=submit]:hover {
background: #666;
}
.advanced-search input::-webkit-input-placeholder {
color: #ababab;
}
.advanced-search input:-moz-placeholder {
color: #ababab;
}
.advanced-search input::-moz-placeholder {
color: #ababab;
}
.advanced-search input:-ms-input-placeholder {
color: #ababab;
}
.filtering-search select,
.advanced-search select {
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: "";
height: 39px;
background: #fff url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/bg-select.png) no-repeat top right;
border: 1px solid #42145f;
color: #42145f;
margin: 0;
padding-right: 45px;
}
.advanced-search select {
border-right: 0;
}
select::-ms-expand {
display: none;
}
.filtering-search select option,
.advanced-search select option {
padding: 0;
margin: 0;
color: #42145f;
}
.advanced-search-popup {
z-index: 1000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-box-shadow: 0px 18px 68px -3px rgba(0, 0, 0, 0.26);
box-shadow: 0px 18px 68px -3px rgba(0, 0, 0, 0.26);
}
.advanced-search-popup-content {
background: #42145f;
color: #fff;
padding: 10px 30px;
}
.advanced-search-popup .advanced-search input[type=text] {
color: #42145f;
}
.advanced-search-popup .advanced-search input[type=submit] {
margin: 1px 0 0 0;
height: 37px;
}
.advanced-search-popup .advanced-search input[type=submit] {
border-left: 1px solid #42145f;
} .expert-search-box {
margin: 10px 0 20px 0;
}
.expert-search-box input[type=text] {
padding: 7px 10px;
}
.expert-search-box button {
background: #46ad35;
margin: 0;
padding: 4px 0;
border: 0;
height: 35px;
color: #fff;
font-size: 20px;
line-height: 1.7em;
}
.expert-search-box button::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
.expert-search-box button:hover {
background: #666;
}
.expert-icon {
font-family: "RijksoverheidSansBold";
font-weight: normal;
color: #3e3e3e;
}
.expert-icon span {
display: block;
float: left;
background: #0077b5;
padding: 3px;
margin-right: 7px;
color: #fff;
} .feedback-overlay{
position: fixed;
top: 0;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0,0,0,0.4);
z-index: 999;
text-align: center;
display: block;
}
.feedback-overlay.show{
display: block;
width: 100%;
height: 100%;
-webkit-animation: fadeInTop 0.6s;    animation: fadeInTop 0.6s;
}
.feedback-overlay iframe{
border: 1px solid black;
overflow-x: hidden;
overflow-y: auto;
width: 40%;
height: 80%;
margin-top: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #eee;
}
.feedback-overlay .close{
position: absolute;
margin-top: 6%;
padding-top: 12px;
top: 0;
right: 31%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 64px;
height: 64px;
background: #f00;
color: #fff;
border-radius: 5px;
border: 2px solid #eee;
background-color: #42145f;
}
.feedback-overlay .close:hover{
text-decoration: none;
background-color: #d2c7d8;
color: #42145f;
}
.feedback-overlay .close span{
display: block;
font-size: 48px;
} .footer-links {
background: #d2c7d8;
}
.footer-links ul {
padding: 0;
margin: 0;
width: 100%;
text-align: center;
}
.footer-links ul li {
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.footer-links ul li a {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
font-size: 15px;
color: #43135b;
display: block;
padding: 12px 12px;
margin: 0;
text-align: left;
text-decoration: none;
}
.footer-links ul li a:hover {
color: #fff;
}
.footer-container {
background: #42145f;
text-align: center;
padding: 15px 0;
color: #a58eb1;
font-size: 13px;
}
.footer-container p {
margin: 0;
padding: 0;
}
.footer-container a,
.footer-container a:visited,
.footer-container a:hover {
color: #a58eb1;
margin: 0;
padding: 0;
}
.footer-container a:hover {
color: #a58eb1;
text-decoration: underline;
}
.footer-themes {
margin-bottom: 30px;
margin-top: 20px;
font-size: 13px;
}
.expander-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
font-size: 14px;
line-height: 1.3em;
color: #42145f;
cursor: pointer;
}
.expander-content h3 {
padding: 0;
margin: 0;
font-weight: normal;
font-family: "RijksoverheidSans";
color: #d2c7d8;
font-size: 14px;
}
.expander-content-holder {
width: 100%;
height: 100px;
position: relative;
}
.expander-content-holder::after {
content: '\200b';
visibility: hidden;
}
.expander-content-hover {
text-align: left;
display: none;
}
.footer-themes .grid-25{
margin-bottom: 30px;
}
.footer-themes .grid-25:hover .expander-content {
bottom: -40px;
left: -30%;
height: auto;
background: #d2c7d8;
width: 160%;
z-index: 999;
padding: 20px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.32);
}
.footer-themes .grid-25:hover .expander-content h3 {
font-weight: normal;
font-family: "RijksoverheidSansBold";
font-size: 16px;
color: #42145f;
margin-bottom: 5px;
} .footer-themes .grid-25:hover .expander-content-hover {
display: block;
}
.expander-content svg path {
fill: #d2c7d8 !important;
}
.footer-themes .grid-25:hover .expander-content svg path {
fill: #42145f !important;
} .fulltext-block a,
.fulltext-block a:visited {
color: #46ad35;
text-decoration: underline;
}
.fulltext-block a:hover {
text-decoration: none;
}
.textwidget a,
.textwidget a:visited {
color: #46ad35;
text-decoration: none;
}
.textwidget a:hover {
text-decoration: underline;
}
.home-spotlight h1 a,
.home-spotlight h1 a:visited {
color: #fff;
text-decoration: none;
}
.home-spotlight h1 a:hover {
color: #fff;
text-decoration: none;
}
.content-container {
padding: 40px 20px;
}
.post-img {
margin-right: 20px;
}
.endpage-img {
margin-bottom: 20px;
display: block;
}
.image-caption {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
padding-left: 10px;
padding-right: 10px;
background: rgba(255, 255, 255, .6);
padding-bottom: 1px;
color: #000;
font-size: 12px;
} .agenda-infobox {
padding: 0;
background: #d2c7d8;
line-height: 2em;
margin-bottom: 20px;
}
.agenda-infobox span {
margin-right: 5px;
}
.agenda-infobox a {
font-weight: normal;
font-family: "RijksoverheidSansBold";
}
.month-title {
margin-bottom: 5px;
}
.agenda-month-container .grid-50 {
margin-bottom: 10px;
}
.agenda-month-container h3,
.mostrecent-container h3 {
font-weight: normal;
font-family: "RijksoverheidSans";
padding: 0;
font-size: 16px;
margin: 0 0 5px;
}
#grid {
overflow: hidden;
}
#grid .mix {
display: none;
}
.filter-list {
list-style: none;
margin: 0;
padding: 0;
}
.filter-list * {
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
}
.filter-list li {
display: inline-block;
padding: 10px;
border: 1px solid #42145f;
margin: 0 15px 15px 0;
cursor: pointer;
color: #42145f;
background: #fff;
}
.filter-list li.active,
.filter-list li:hover {
background: #46ad35;
border: 1px solid #46ad35;
color: #fff;
}
.filter-list li span {
font-family: "RijksoverheidSansBold";
}
.box-filter-order {
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
.filter-order {
width: 48%;
float: left;
display: block;
border: 1px solid #42145f;
margin: 0;
padding: 2px 5px;
margin-right: 2%;
}
.filter-order:last-of-type {
margin-right: 0;
margin-left: 2%;
} .search-block {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #E6E6E6;
}
.filter-searchresults {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
width: 100%;
overflow: hidden;
}
.filter-searchresults li {
float: left;
}
.filter-searchresults li a {
display: block;
color: #1a1a1a;
padding: 5px 10px;
margin-right: 10px;
border: 1px solid #e0e0e0;
}
.filter-searchresults .current {
border: 1px solid #b2d7ee;
}
.green-searchresults {
background: #e8ffe8;
padding: 20px 20px 5px 20px;
margin-bottom: 40px;
overflow: hidden;
}
.search-results-total {
font-size: 15px;
background: #e8ffe8;
padding: 20px 20px 16px 20px;
margin-bottom: 25px;
}
.search-filter-list li a,
.search-filter-list li a:visited,
.search-filter-list li a:hover {
font-size: 14px;
color: #000;
text-decoration: none;
}
.searchresult-tags,
.summary {
margin: 0;
padding: 0;
}
.searchresult-tags {
margin-top: 5px;
color: #979797;
font-size: 12px;
}
.searchresult-tags span {
color: #46ad35;
}
.searchresult-tags a,
.searchresult-tags a:visited,
.searchresult-tags a:hover {
color: #979797;
text-decoration: none;
}
.searchresult-tags a:hover {
text-decoration: underline;
}
.show-hidden-filters-link {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
} .faq-question,
.faq-question:visited,
.faq-question:hover {
font-size: 16px;
background: #eee;
padding: 10px 40px 10px 20px;
color: #000;
display: block;
margin-bottom: 10px;
text-decoration: none;
position: relative;
}
.faq-openclose {
display: block;
position: absolute;
top: 8px;
right: 10px;
height: 24px;
width: 24px;
}
.faq-openclose.icon-arrow-up {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/icon-arrow-up.png) 0 0 no-repeat;
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.faq-openclose.icon-arrow-down {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/icon-arrow-up.png) 0 0 no-repeat;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.faq-theme-name {
position: relative;
padding-bottom: 10px;
border-bottom: 1px dotted #e0e0e0;
}
.faq-theme-content {
display: none;
margin-bottom: 40px;
}
.faq-answer {
padding: 15px 0;
font-weight: 400;
display: none;
padding-bottom: 10px;
margin-bottom: 30px;
}
.faq-answer p:last-of-type {
margin-bottom: 0;
}
.faq-theme-name,
.faq-theme-name:visited,
.faq-theme-name:hover {
display: block;
text-decoration: none;
color: #3e3e3e;
line-height: 1.2;
margin: 1em 0 .6em;
font-weight: normal;
font-family: "RijksoverheidSansBold";
font-size: 20px;
margin-bottom: 10px;
}
.gfield_checkbox,
.gform_fields {
list-style: none;
padding: 0;
margin: 0;
} .tweet-box {
width: 25%;
border: 1px solid #e8e8e8;
max-width: 520px;
margin-bottom: 10px;
background-color: #fff;
border-radius: 5px;
}
.tweet-box h1 {
font-family: 'Arial Black', Gadget, sans-serif;
font-size: 18px;
color: #444;
border-bottom: 1px solid #E5E5E5;
padding-left: 10px;
padding-bottom: 5px;
}
.tweets-widget {
list-style: none;
max-height: 450px;
position: relative;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
}
.tweets-widget ul {
margin-bottom: 0px;
padding-left: 0;
width: 100%;
}
.tweet-wrapper {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 15px;
width: 97%;
margin-bottom: 15px;
overflow: hidden;
padding-left: 10px;
}
.tweet-wrapper:last-child {
border-bottom: none;
margin-bottom: 0px;
}
.tweet-thumb {
float: left;
margin-right: 15px;
}
.tweets-widget a {
color: #222222;
text-decoration: none;
line-height: inherit;
-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
}
h3.title a {
color: #4c9fe1;
}
h3.title a:hover {
text-decoration: underline;
}
.tweets-widget img {
max-width: 100%;
border: 0;
vertical-align: middle;
height: auto;
background: #fff;
display: block;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.tweet-content {
overflow: hidden;
}
.tweet-content .title {
margin-top: -3px;
margin-bottom: 0px;
line-height: 19px;
font-size: 14px;
margin-bottom: 2px;
font-family: 'Arial';
font-style: normal;
font-weight: normal;
}
.tweet-content .title {
font-style: normal;
}
.tweet-content .meta {
font-size: 11px;
color: #929292;
} .mostrecent-container {
margin-top: 20px;
border-bottom: 1px dotted #e0e0e0;
padding-bottom: 10px;
margin-bottom: 10px;
}
.mostrecent-container .grid-50 {
margin-bottom: 10px;
} .gfield_checkbox,
.gform_fields {
list-style: none;
padding: 0;
margin: 0;
}
.gform_wrapper * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sidebar-content .gform_wrapper {
max-width: 100% !important;
}
.gform_wrapper .gform_footer {
padding: 0 !important;
}
.gform_wrapper .top_label #input_1_1 {
width: 100%;
}
.gform_wrapper [type=text] {
padding: 3px 5px;
width: 100%;
border: 1px solid #a9a9a9;
}
.sidebar-content .gform_wrapper form li,
.sidebar-content .gform_wrapper li {
padding: 0 !important;
border-bottom: 0 !important;
overflow: hidden;
margin-bottom: 10px;
}
.ginput_complex label {
font-size: 11px;
}
.gfield_required {
display: none;
}
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .gfield_label {
display: block;
font-weight: normal !important;
font-family: "RijksoverheidSansBold";
margin: 5px 0 0 0 !important;
line-height: 1 !important;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: normal !important;
font-family: "RijksoverheidSansBold";
}
.gform_wrapper .gform_footer input[type=submit] {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #42145f;
padding: 4px 10px;
border: 0;
color: #fff;
}
.gform_wrapper textarea {
width: 100%;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
background: #46ad35;
}
.gform_wrapper label.gfield_label+div.ginput_container {
margin-top: 0 !important;
}
.gform_wrapper .top_label #field_1_3 .gfield_label {
display: none;
}
.gform_wrapper .top_label #input_1_3 {
display: block;
margin: 10px 0 !important;
font-size: 12px;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_first,
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_last {
margin: 0 !important;
width: 50% !important;
float: left;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_first input {
margin-right: 2%;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_last input {
margin-left: 2%;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gform_wrapper .name_last label,
.gform_wrapper .name_first label {
display: none;
}
.newsletter-signupbox_wrapper {
background: #e7f1e1;
}
.newsletter-inline-signupbox_wrapper {
padding: 30px;
background: #e7f1e1;
margin-bottom: 20px;
text-align: center;
}
.newsletter-inline-signupbox_wrapper h3 {
margin-top: 0;
color: #42145f;
}
.social-blocks h3,
.newsletter-signupbox_wrapper h3 {
font-size: 22px;
background: #42145f;
font-weight: normal !important;
font-family: "RijksoverheidSansBold";
color: #fff;
padding: 16px 10px 10px 52px;
line-height: 1em;
position: relative;
}
.social-blocks h3 {
padding: 15px 20px;
line-height: 1em;
margin-bottom: 0;
}
.newsletter-signupbox_wrapper h3:before {
position: absolute;
top: 13px;
left: 18px;
font-family: 'icomoon';
font-size: 24px;
color: #fff;
width: 24px;
height: 24px;
content: '\e902';
}
.newsletter-signupbox_wrapper .gform_body {
padding: 10px 20px;
}
.newsletter-signupbox_wrapper .gform_body li.newsletter-check {
padding-left: 27px !important;
margin-bottom: 10px;
line-height: 1.2em;
position: relative;
}
.newsletter-signupbox_wrapper .gform_body li.newsletter-check:before {
position: absolute;
top: -2px;
left: 0;
font-family: 'icomoon';
font-size: 20px;
color: #46ad35;
width: 19px;
height: 15px;
content: '\e901';
}
.newsletter-signupbox_wrapper .gform_body li.newsletter-check:last-of-type {
margin-bottom: 20px;
}
.newsletter-signupbox_wrapper .gform_body ul {
margin-bottom: 10px;
}
.newsletter-inline-signupbox_wrapper .gfield_description.validation_message,
.newsletter-signupbox_wrapper .gfield_description.validation_message {
color: red;
margin-top: 5px;
}
.newsletter-inline-signupbox_wrapper .validation_error,
.newsletter-signupbox_wrapper .validation_error {
margin: 20px;
background: red;
color: #fff;
padding: 10px;
}
.newsletter-inline-signupbox_wrapper .top_label .gfield_label,
.newsletter-inline-signupbox_wrapper .gfield_label,
.gform_wrapper.newsletter-signupbox_wrapper .top_label .gfield_label,
.gform_wrapper.newsletter-signupbox_wrapper .gfield_label {
display: none;
}
.gform_wrapper.newsletter-signupbox_wrapper .gform_footer {
padding: 0 20px 20px 20px !important;
}
.gform_wrapper.newsletter-signupbox_wrapper .gform_footer input[type=submit] {
width: 100%;
background: #46ad35;
padding: 10px 0;
}
.newsletter-inline-signupbox_wrapper .gform_footer input[type=submit] {
width: 20%;
background: #46ad35;
padding: 10px 30px;
margin-top: 0;
}
.gform_wrapper.newsletter-signupbox_wrapper .gform_footer input[type=submit]:hover {
background: #328225;
}
.newsletter-inline-signupbox_wrapper .gform_footer input[type=submit]:focus,
.gform_wrapper.newsletter-signupbox_wrapper .gform_footer input[type=submit]:focus {
outline: none;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text],
.newsletter-inline-signupbox_wrapper input[type=text] {
margin-top: 10px;
background: #cef1b9;
color: #46ad35;
padding: 10px;
border: 0;
}
.newsletter-inline-signupbox_wrapper input[type=text] {
margin-top: 0;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:focus,
.newsletter-inline-signupbox_wrapper input[type=text]:focus {
outline: none;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]::-webkit-input-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]::-webkit-input-placeholder {
color: #46ad35;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:-moz-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:-moz-placeholder {
color: #46ad35;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]::-moz-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]::-moz-placeholder {
color: #46ad35;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:-ms-input-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:-ms-input-placeholder {
color: #46ad35;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:focus::-webkit-input-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:focus::-webkit-input-placeholder {
color: #cef1b9;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:focus:-moz-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:focus:-moz-placeholder {
color: #cef1b9;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:focus::-moz-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:focus::-moz-placeholder {
color: #cef1b9;
}
.gform_wrapper.newsletter-signupbox_wrapper input[type=text]:focus:-ms-input-placeholder,
.newsletter-inline-signupbox_wrapper input[type=text]:focus:-ms-input-placeholder {
color: #cef1b9;
}
.newsletter-inline-signupbox_wrapper .gform_body ul {  }
.newsletter-inline-signupbox_wrapper .gform_body ul li{
text-align: left;
}
#gform_wrapper_10 .gform_body {
margin-bottom: 20px;
}
.gform_wrapper .gfield_radio {
list-style: none;
padding: 0;
margin: 10px 0 20px 0;
line-height: 1.4em;
}
.gform_wrapper .gfield_radio li {
padding: 0;
margin: 5px 0;
overflow: hidden;
width: 100%;
}
.gform_wrapper .gfield_radio li input[type=radio] {
margin-right: 5px;
margin-top: 5px;
float: left;
}
.gpoll_wrapper {
background: #e7f1e1;
}
.gpoll_wrapper .gform_body {
padding: 0 20px 0;
}
.gpoll_wrapper .gform_footer {
padding: 0 20px 20px !important;
}
.gpoll_wrapper .gpoll [type=text] {
width: 180px;
display: inline-block;
margin-left: 5px;
background: #cef1b9;
border: 1px solid #cef1b9;
color: #46ad35;
padding: 8px;
}
.gpoll_wrapper .gpoll [type=text]:focus {
outline: 0;
border: 1px solid #46ad35;
}
.gpoll_wrapper .gpoll_ratio_box,
.gpoll_wrapper .gpoll_field_label {
font-family: "RijksoverheidSansBold" !important;
font-weight: normal !important;
}
.gpoll_wrapper .gform_footer input[type=submit] {
width: 100%;
background: #46ad35;
padding: 10px 0;
}
.gpoll_wrapper .gpoll_button {
margin-left: 0px;
text-transform: lowercase;
margin-top: 10px;
display: block;
line-height: 1em;
}
.gpoll_wrapper h3 {
font-size: 22px;
background: #42145f;
font-weight: normal !important;
font-family: "RijksoverheidSansBold";
color: #fff;
padding: 16px 10px 10px 52px;
line-height: 1em;
position: relative;
}
.gpoll_wrapper h3:before {
position: absolute;
top: 15px;
left: 18px;
font-family: 'icomoon';
font-size: 24px;
color: #fff;
width: 24px;
height: 24px;
content: '\e900';
}
.fulltext-block .gpoll_wrapper {
position: relative;
width: 50%;
float: left;
display: block;
margin: 0 20px 20px 0;
}
.fulltext-block .gpoll_wrapper h3 {
margin-top: 0;
}
.fulltext-block .gpoll_wrapper .gpoll_button {
text-transform: none;
}
.validation_error,
.validation_message {
color: red;
font-family: "RijksoverheidSansBold";
}
.expert-form-box {
border-top: 1px dotted #e0e0e0;
}
.expert-form-box .gform_wrapper input,
.expert-form-box .gform_wrapper textarea {
margin-bottom: 20px;
}
.expert-form-box .gform_confirmation_message {
padding: 10px;
background: #46ad35;
color: #fff;
margin-bottom: 20px;
font-family: "RijksoverheidSansBold";
}
.small-dropdown {
border: 1px solid #a9a9a9;
color: #666;
padding: 7px 10px;
display: block;
width: 100%;
margin-right: 10px;
}
.social-content-holder {
border: 1px solid #ccc;
padding: 5px 10px 0;
border-top: 0;
height: 175px;
overflow: hidden;
}
.theme-result-box {
padding-bottom: 20px;
margin-bottom: 10px;
}
.theme-result-box:last-of-type {
margin-bottom: 0;
}
.results-box h2 {
margin-bottom: 10px;	
}
.results-box h2.theme-title {
background: #42145f;
color: #fff;
padding: 16px;
line-height: 1em;
}
.results-box p {
margin-bottom: 10px;
}
.results-box .arrow-link,
.results-box .arrow-link:visited {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow.png) center left no-repeat;
color: #46ad35;
text-decoration: none;
padding-left: 15px;
}
.results-box .arrow-link.invert-arrow,
.results-box .arrow-link.invert-arrow:visited {
padding-left: 20px;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/green-arrow-invert.png) center left no-repeat;
}
.results-box .arrow-link:hover {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow.png) center left no-repeat;
color: #42145f;
text-decoration: none;
}
.results-box .arrow-link.invert-arrow:hover {
padding-left: 20px;
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow-invert.png) center left no-repeat;
}
.results-box h3 {
font-weight: normal;
margin-top: 30px;
font-family: "RijksoverheidSansBold";
}
.results-box-wrapper {
position: relative;
}
.results-spotlight {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 10px;
}
.results-spotlight .grid-60,
.results-spotlight .grid-50 {
padding-left: 5px;
padding-right: 5px;
}
.results-spotlight-item,
.results-spotlight-item:visited,
.results-spotlight-item:hover {
text-decoration: none;
display: block;
margin-bottom: 10px;
position: relative;
background-size: cover;
background-position: center center;
}
.results-spotlight-item-gradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0,0,0,.4);
}
.results-spotlight-item:hover .results-spotlight-item-gradient {
background: rgba(70,173,53,.4);
}
.results-spotlight-item-text {
position: absolute;
bottom: 0;
left: 0;
z-index: 4;
font-size: 14px;
line-height: 1.4em;
color: #fff;
padding: 0 20px 20px 20px;
}
.results-spotlight-item-text p {
margin: 0;
padding: 0;
}
.results-spotlight-item-text h2 {
padding: 0;
margin: 0;
color: #fff;
font-family: "RijksoverheidSansBold";
font-size: 14px;
}
.results-spotlight-item-text.big-spotlight h2 {
font-size: 21px;
margin: 0 0 10px;
}		
.results-contestants-box {
display: none;
}
.results-read-more-text {
width: 100%;
max-height: 160px;
overflow: hidden;
position: relative;
-webkit-transition: max-height .2s;
transition: max-height .2s;
}
.results-read-more-text.heightauto {
max-height: 1000px;
}
.results-read-more-gradient {
width: 100%;
height: 70px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
background: linear-gradient(rgba(255, 255, 255, 0), #fff);
position: absolute;
bottom: 0px;
}
.results-cta,
.results-cta:visited,
.results-cta:hover {
background: #46ad35;
padding: 10px 40px;
color: #fff;
line-height: 1em;
display: inline-block;
text-decoration: none;
}
.results-cta:hover {
background: #328225;
}
.results-contestants-item,
.results-contestants-item:visited,
.results-contestants-item:hover {
display: block;
overflow: hidden;
text-decoration: none;
border-bottom: 1px solid #e7f1e1;
line-height: 1.3em;
padding: 10px 0;
color: #3e3e3e;
}
.results-contestants-item:hover span {
text-decoration: underline;
}
.results-spotlight-item-text p {
display: none;
}
.results-contestants-item span {
color: #46ad35;
}	
.results-contestants-item .participant-logo {
float: left;
margin-right: 20px;
width: 80px;
height: 40px;
text-align: center;
}	
.results-contestants-item .participant-logo img {
max-width: 100%;
max-height: 40px;
}
.page-results select {
width: 100%;
padding: 10px;
background: #46ad35;
border: 0;
color: #fff;
font-family: 'RijksOverheidSansBold';
}
.results-theme-selector {
background: #e7f1e1;
padding: 5px 10px 10px 25px;
color: #3e3e3e;
margin-bottom: 20px;
}
.wt-onbrengsten-box {
padding: 20px;
max-width: 90%;
} [class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-poll:before {
content: "\e900";
}
.icon-slideshare:before {
content: "\e600";
}
.icon-facebook:before {
content: "\e601";
}
.icon-search:before {
content: "\e602";
}
.icon-twitter:before {
content: "\e603";
}
.icon-linkedin:before {
content: "\e604";
}
.icon-list:before {
content: "\e605";
}
.icon-location:before {
content: "\e606";
}
.icon-youtube:before {
content: "\e607";
}
.icon-date:before {
content: "\e608";
}
.icon-time:before {
content: "\e609";
}
.icon-pencil:before {
content: "\e610";
}
.icon-check:before {
content: "\e901";
}
.icon-newsletter:before {
content: "\e902";
}
.icon-instagram:before {
content: "\ea92";
} @media only screen and (min-width: 767px) and (max-width: 1220px) {
.theme-spotlight .readmore-home,
.readmore-home {
display: none;
}
.home-spotlight p,
.theme-spotlight p {
line-height: 1.4em;
font-size: 14px;
padding: 0;
}
.theme-spotlight h3 {
margin-bottom: 0;
}
.headertitle h1 {
margin-left: 10px;
}
.headertitle h1 a:before {
left: 10px;
}
}
@media only screen and (max-width: 1024px) {
.search-container {
padding: 20px;
position: relative;
top: auto;
right: auto;
}
.theme-spotlight {
max-height: none !important;
overflow: inherit;
} .filtering-search select,
.advanced-search select,
.advanced-search input[type=text] {
border: 1px solid #42145f;
width: 100%;
margin-bottom: 20px;
}
.advanced-search input[type=submit] {
width: 123px;
}
.advsearch-link.arrow-link,
.advsearch-link.arrow-link:visited,
.search-container .margr30 {
margin-right: 0;
}
.filtercontent-deelnemers {
width: 100%;
}
.eyebrow-menu-container {
display: none;
}
.container-social {
margin-right: 0;
margin-top: 50px;
}
.theme-topspotlight-text {
padding-left: 0;
padding-top: 20px;
}
.fulltext-block .gpoll_wrapper {
width: 40%;
}
.sharebox-nextoimg {
margin-left: 0;
margin-right: 0;
}
.footer-themes-firstcol {
margin-bottom: 20px;
}
.wt-onbrengsten-box {
padding: 0;
max-width: none;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1220px) {
.theme-spotlight h3 a {
font-size: 14px;
}
.home-spotlight-others a {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.mostrecent-container .pad00020,
.padleft20 {
padding: 0;
}
.headertitle h1 {
font-size: 20px;
line-height: 2em;
padding-left: 70px;
}
.headertitle h1 a:before {
left: 20px;
}
.addthis_sharing_toolbox {
float: none;
padding: 10px 0;
}
.partner-overview-item {
border-bottom: 1px dotted #e0e0e0;
margin-bottom: 15px;
padding-bottom: 15px;
height: 100%;
}
.container-social {
text-align: center;
overflow: hidden;
float: none;
width: 100%;
height: 20px;
margin-top: 20px;
}
.container-social a {
float: none;
display: inline-block;
}
.name-container {
padding-top: 0;
font-size: 40px;
line-height: 40px;
text-align: center;
}
.sidebar-content {
border-left: 0;
margin-top: 20px;
}
.home-spotlight-others a .spotlight-icon {
width: 30px;
}
.margr30,
.margr10 {
margin-right: 0;
}
.slider-payoff {
top: auto;
transform: none;
-ms-transform: none;
-webkit-transform: none;
margin-top: 10%;
}
.overview-theme-block #map {
height: 300px;
}
.fulltext-block .gpoll_wrapper {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
.mostrecent-container img {
margin-bottom: 10px;
}
.mostrecent-container .pad00020 span {
color: #999;
font-size: 12px;
display: inline-block;
}
.newsletter-inline-signupbox_wrapper .gform_footer input[type=submit] {
width: 100%;
}
.newsletter-inline-signupbox_wrapper .gform_body ul {
float: none;
width: 100%;
}
.results-read-more-text {
max-height: 240px;
}
.results-spotlight-item-text h2,
.results-spotlight-item-text.big-spotlight h2 {
font-size: 16px;
}
.results-spotlight-item {
height: 250px !important;
}
.results-spotlight-item-text p {
display: block;
}
}.menu-container {
padding-top: 30px;
}
.menu-container ul {
padding: 0;
margin: 0;
}
.menu-container ul li {
list-style-type: none;
float: left;
padding: 0;
margin: 0;
}
.menu-container a {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
display: block;
font-family: "RijksoverheidSans";
font-size: 18px;
padding: 6px 10px;
margin: 0 4px;
text-align: left;
text-decoration: none;
}
.nav > li:hover > a,
.menu-container a:hover {
color: #d2c7d8;
}
.menu-container li.current-page-ancestor a,
.menu-container li.current_page_parent a,
.menu-container li.current-menu-item a {
color: #3e3e3e;
background: #fff;
padding-bottom: 6px;
}
.menu-container li.has-subitems:hover> a {
background: #d2c7d8;
color: #42145f;
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
.menu-container a,
.menu-container a:hover {
font-size: 16px;
padding: 6px;
}
}
.nav {
display: inline-block;
position: relative;
cursor: default;
z-index: 500;
width: 100%;
vertical-align: bottom;
} .nav>li {
float: left;
display: block;
} .nav>li>a {
position: relative;
display: block;
z-index: 510;
padding: 6px 10px;	
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.menu-container ul li ul li {
float: none;
} .nav>li>div {
position: absolute;
display: block;
top: 34px;
left: -20px;
right: -20px;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: all .3s ease .15s;
transition: all .3s ease .15s;
border-radius: 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
padding-bottom: 30px;
padding-top: 20px;
background: #d2c7d8;
}
.nav>li:hover>div {
opacity: 1;
visibility: visible;
overflow: visible;
} .nav .nav-column { padding: 10px 30px 0 30px;
}
.nav .nav-column ul {
padding: 0;
margin: 0 0 20px;	
}
.nav .nav-column h3,
.nav .nav-column h3 a {
color: #42145f;
margin: 0 0 5px 0;
padding: 0;
line-height: 1.2;
font-size: 16px;
background: none;
}
.nav .nav-column h3 a:hover {
color: #fff;
}
.nav .nav-column h3.current-menu-item a {
font-family: "RijksoverheidSansBold";
font-weight: normal;
}
.nav .nav-column li a {
background: url(//i1.wp.com/www.waardigheidentrots.nl/wp-content/themes/waardigheidentrots30/images/purple-arrow-small.png) left 6px no-repeat;
padding: 0;
padding-left: 10px;	
margin: 0 0 5px;
display: block;
color: #888888;
font-size: 14px;
}
.nav .nav-column li a:hover {
color: #666666;
}.shorten_url { 
padding: 10px 10px 10px 10px ; 
border: 1px solid #AAAAAA ; 
background-color: #EEEEEE ; 
}