/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
 
html,
button,
input,
select,
textarea {
    color: #222;
}

html { 
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
 
::-moz-selection {
    background: #b3d4fc; 
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EDEEF5;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{background-color: #2a2561;}

.center {width: 960px; margin: auto; position: relative; font-size: 12px;}
.clear {clear: both;}

h1 { font-family: "Trebuchet MS", arial; font-size: 24px; color: #2A2561; padding: 0px; margin: 0px; font-weight: normal;}
h2 { font-family: "Trebuchet MS", arial; font-size: 20px; color: #93c927; padding: 0px; margin: 0px; font-weight: normal;}
h3 { font-family: "Trebuchet MS", arial; font-size: 16px; color: #93c927; padding: 0px; margin: 0px; font-weight: normal;}
p {padding: 0px; line-height: 22px; margin: 5px 0px;}
h1 span {color: #2a2561;}

a {color: #93c927;}
a:hover {text-decoration: none;}

.borders-top {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.borders-bottom {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.borders {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a{
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
} 

.hidden-md							{display: none;}
.hidden-xs							{display: block;}

header .header_top					{height: 110px; position: relative;}
header .header_top a#logo 			{padding: 20px 10px 15px 0px; float: left; position: relative;}
header .header_top a#logo span		{display: block; position: absolute; left: 68px; top: 70px; font-size: 14px; font-family: "Trebuchet MS", arial; font-weight: normal; text-transform: lowercase;}

header .header_top nav				{background-color: #211c53; float: left; position: absolute; bottom: 0; right: 0; }
header .header_top nav.first		{ right: 150px; }
header .header_top nav ul				{padding: 0px; margin: 0px;}
header .header_top nav ul li			{float: left;}
header .header_top nav ul li a			{display: block; padding:  8px 20px; color: #93c928; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 15px;}
header .header_top nav ul li a i		{color: #FFF; margin-right: 5px;} 

header .header_top nav ul .selected a,
header .header_top nav ul li a:hover 	{background: #1e194b;} 
header .header_top nav ul .selected a:first-child,
header .header_top nav ul li a:first-child:hover {border-top-right-radius: 5px;} 
header .header_top nav ul .selected a:last-child,
header .header_top nav ul li a:last-child:hover {border-top-right-radius: 5px;} 

header .header_top nav ul li ul {  
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
display: none;  
width: 175px;  
background-color: #69f;  
}  
header .header_top nav li:hover ul, header .header_top nav li.hover ul {  
display: block;  
position: absolute;   
margin: 0;  
padding: 0;   
z-index: 999;
}  
header .header_top nav li:hover li, header .header_top nav li.hover li {  
float: none;   
}  
header .header_top nav li:hover li a, header .header_top nav li.hover li a {  
background-color: #edeef5;  
color: #000;   
font-size: 14px; font-weight: bold;
}  
header .header_top nav li:hover li a:hover, header .header_top nav li.hover li a:hover{
background-color: #dfe0ea;  
background-color: #dfe0ea;  
}
/*
.kousen .text h1,
.kousen .text  h2,
.kousen .text  h3 ,
.kousen .text  a{ color: #1ec7ee;}*/

.sports header .header_top nav ul li a,
.sports .text  h1,
.sports .text  h2,
.sports .text  h3 ,
.sports .text  a{ color: #f15923;}

.podotherapie header .header_top nav ul li a,
.podotherapie .text  h1,
.podotherapie .text  h2,
.podotherapie .text  h3 ,
.podotherapie .text  a{ color: #d91c5c;}

.sportgeneeskunde header .header_top nav ul li a,
.sportgeneeskunde .text  h1,
.sportgeneeskunde .text  h2,
.sportgeneeskunde .text  h3 ,
.sportgeneeskunde .text  a{ color: #50c0dd;}

 a.button {
	 background: #93C928 !important;
	 display: inline-block !important;
	 padding: 8px 15px;
	 border-radius: 3px; 
	 text-align: center;
	 min-width: 100px !important;
	 width: auto;
	 color: #FFF !important;
	 font-size: 14px;
	 margin-top: 15px;
	 text-decoration: none;
	 line-height: normal;
	 height: auto;
}
a.button:hover {
	text-decoration: none !important;
	background: #85B721 !important;
}

header .slider 						{height: 400px; overflow: hidden;} 
header .slider  img 					{width: 100%; height: 400px; object-fit: cover;}

header .cta							{background: url(/www/afb/bg-balk.png); height: 60px; margin-top: -60px; z-index: 988;} 
header .cta.podotherapie			{background: url(/www/afb/bg-balk-podo.png);} 
header .cta.sportgeneeskunde			{background: url(/www/afb/bg-balk-kousen.png);} 
/*header .cta.kousen			{background: url(/www/afb/bg-balk-kousen.png);} */
header .cta.sports			{background: url(/www/afb/bg-balk-sport.png);} 
header .cta .column					{width: 295px; float: left;}
header .cta .column a				{display: block; padding: 15px 10px 15px 50px; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 20px; font-weight: bold; color: #fff;}
header .cta .column a.contact		{background: url(/www/afb/contact-ico.png) no-repeat left center;}
header .cta .column a.bel			{background: url(/www/afb/tel-ico.png) no-repeat left center;}
header .cta .column a.webshop		{background: url(/www/afb/webshop-ico.png) no-repeat left center;}
header .cta .column.social			{width: 75px;}
header .cta .column.social a			{padding: 15px 12px 10px 0px; float: left;}

.content .block 						{background: #fff; padding: 9px 18px; margin-bottom: 18px; overflow: hidden;}
.content .block.home.top-block			{ margin-top: -57px; } 
.content .block.home				{ padding: 0; position: relative; z-index: 999; } 
.content .block.detail				{ padding: 18px; position: relative; z-index: 999; margin-top: -40px; } 
.content .block .btn 				{float: left; padding: 9px 0px;}
.content .block .btn.middle			{padding: 9px;}

.content .block  .column 				{width: 296px; float: left; margin-right: 18px;}

.content .block  .column.last  		{margin-right: 0px;}  
.content .block  .column.last  a		{background: none; width: auto; float: left; padding-right: 0; min-height: 100px;} 		
 
.content .block.home .top-bar 			{background: #93C928; padding: 15px 20px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
.content .block.home .top-bar a 		{font-family: "Trebuchet MS", arial; color: #FFF; font-size: 20px; text-decoration: none;}
.content .block.home .top-bar .left		{float: left;}
.content .block.home .top-bar .right	{float: right;}
.content .block.home .top-bar .left a i {margin-right: 10px;}
.content .block.home .top-bar .left span {margin-right: 15px;}
.content .block.home .top-bar .right i 	 {margin-left: 15px;}

.content .block.home .cta-buttons		{padding: 9px 8px;}
.content .block.home .cta-buttons .btn 	{width: 25%; box-sizing: border-box; padding: 9px 10px;}

.content .block.home .cta-buttons .cta-item		{
	display: block; 
	border-radius: 5px; 
	overflow: hidden;
	width: 100%;
	text-decoration: none;
	border: 1px solid #707070;
	border-radius: 5px;
}
.content .block.home .cta-buttons .cta-item:hover {
	background: #85B721; 
}
.content .block.home .cta-buttons .cta-item.border {
	border: 1px solid #93C928;
}
.content .block.home .cta-buttons .cta-item.border .cta-content {
	display: table;
	width: 100%;
	background: #FFF;
	min-height: 153px;
}
.content .block.home .cta-buttons .cta-item.border .cta-content  .icon {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 86px;
	color: #2A2561;
}
.content .block.home .cta-buttons .cta-item.border .cta-content ul {
	font-size: 16px; 
	color: #2A2561;
	padding: 5px 0px 0px 10px;
}
.content .block.home .cta-buttons .cta-item.border .cta-content ul li {
	margin: 5px 0;
	font-family: "Trebuchet MS", arial;
}
.content .block.home .cta-buttons .cta-item.border .cta-content ul li a {
	text-decoration: none;
	color: #2A2561;
}
.content .block.home .cta-buttons .cta-item	img	{
	width: 100%;
	object-fit: cover;
}
.content .block.home .cta-buttons .cta-item	.title {
	position: relative;
	color: #FFF;
	display: block;
	padding: 8px 25px 8px 15px;
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS", arial; 
}
.content .block.home .cta-buttons .cta-item	.title i {
	position: absolute;
	right: 15px;
	top: 11px;
}

.content .block.home .about-news		{border-bottom: 1px solid #E7E7ED;}
.content .block.home .about-news h1 	{margin-bottom: 15px;}
.content .block.home .column			{width: 50%; box-sizing: border-box; margin: 0; padding: 19px;} 

.content .block.home .about-news .news .news-item {
	display: block; padding: 10px 20px 10px 10px; border: 1px solid #2A2561; border-radius: 5px; margin-bottom: 10px; font-weight: bold; color: #2A2561;  text-decoration: none; font-size: 14px; position: relative;
}
.content .block.home .about-news .news .news-item i {
	position: absolute; right: 10px; top: 12px;
}
.content .block.home .about-news .news .news-item:hover {
	background: #2A2561; color: #FFF;
}

.content .block.home .logos 		{text-align: center;}
.content .block.home .logos a		{display: inline-block; padding: 0 5px;}

.content .block .submenu				{width: 222px; float: left; overflow: hidden; margin-right: 18px;}
.content .block .submenu ul				{padding: 0px; margin: 0px;}
.content .block .submenu ul li a		{display: block; background: url(/www/afb/bg_nieuwsrow.png) #edeef5 no-repeat 95% center; color: #2a2561; padding: 10px 15px; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 16px; font-weight: bold;}
.content .block .submenu ul li a.child	{background: url(/www/afb/bg_nieuwsrow.png) #f4f5fb no-repeat 95% center; padding: 10px 15px 10px 25px; font-size: 12px;}

.content .block .submenu ul .selected a,
.content .block .submenu ul li a:hover	{background: url(/www/afb/bg_nieuwsrow.png) #d2d3de no-repeat 97%center;}

.content .block .submenu ul .selected a.child  {background: url(/www/afb/bg_nieuwsrow.png) #F4F5FB no-repeat  97% center;}
.content .block .submenu ul li.selected a.child,
.content .block .submenu ul li a.child:hover {background: url(/www/afb/bg_nieuwsrow.png) #e0e1ec no-repeat 97% center;}

.content .block  .text				{width: 680px; float: left;}
.content .block  .text td				{padding: 5px;}
.content .block  .text td	 input,
.content .block  .text td	 textarea		{background: #edeef5; border: 1px solid #e0e1ec; padding: 5px; width: 250px;}
.content .block  .text td	 input#contact	{background: #2a2561; color: #fff; width: 100px; padding: 5px;}
.content .block  .text .nieuwsbericht {background: #edeef5; padding: 10px; margin-bottom: 10px;}
.content .block  .text .nieuwsbericht  h3 {color: #2a2561; font-weight: bold; margin-bottom: 5px; font-size: 14px;}

input,
textarea											{background: #edeef5; border: 1px solid #e0e1ec; padding: 5px; width: 162px;}

.content .block  .text #fotogallery a 				{text-decoration: none; }
.content .block  .text #fotogallery a img			{border: 1px solid #97c21c; margin: 10px; }

.content .block  .text #businessEmployee				{line-height: 18px;}
.content .block  .text #businessLocation .row			{overflow: hidden; margin-bottom: 20px; min-height: 125px;}
.content .block  .text #businessEmployee .row			{overflow: hidden; margin-bottom: 20px; min-height: 125px;}
.content .block  .text #businessEmployee .image			{float: left; width: 200px; margin-right: 15px; margin-bottom: 15px;}
.content .block  .text #businessLocation .image			{float: left; width: 200px; margin-right: 15px; margin-bottom: 15px;}
.content .block  .text #businessEmployee .item			{float: left; width: 460px;}
.content .block  .text #businessLocation .item			{float: left; width: 460px;}

.content .block  .text #businessEmployee #overview .item			{float: left; position: relative; border: 1px solid #edeef5; margin-bottom: 20px; padding: 5px; width:200px; height:300px; margin: 7px}
.content .block  .text #businessEmployee .item a.btnEmployee			{position: absolute; bottom: 5px; width: 170px; display: block; padding: 10px 15px; background: #93c927; color: #ffffff; font-weight: bold; text-decoration: none;}
.content .block  .text #businessEmployee .item a.btnEmployee:hover {background: #89bb24;}

.content .block  .text #businessEmployee .image.bottom			{float: left; width: 175px; margin-right: 0px;}
.content .block  .text #businessEmployee .item.bottom		{float: left; width: 180px;}
.content .block  .text #businessLocation .item input.btn,		
.content .block  .text #businessEmployee .item input.btn		{display: block; background: #97c21c; padding: 5px 10px; color: #ffffff; width: 161px; text-decoration: none; border: none;}

.content .block  .text #businessEmployee td					{vertical-align: top;}
.content .block  .text #businessEmployee strong				{display: block; margin: 5px 0px; color: #97c21c; font-weight: bold; margin-bottom: 5px; font-size: 14px;}
.content .block  .text #businessEmployee i					{margin: 5px 0px; font-weight: bold;}

.content .block  .text #businessEmployee .routeplanner	{display: block; background: #97c21c; padding: 5px 10px; color: #ffffff; width: 161px; text-decoration: none;}
.content .block  .text #businessEmployee .routeplanner:hover	{text-decoration: underline;}

 
footer 								{padding: 0 0 18px 0; overflow: hidden;}
footer a							{text-decoration: none; font-weight: normal;}
footer a:hover						{text-decoration: underline;}
footer .item 						{width: 220px; float: left; padding: 0px 9px; color: #93c927;}
footer .item a 						{color: #93c927;}
footer .item  						{padding: 0px; margin: 0px 9px;}
footer .item  ul li 				{list-style-image: url(/www/afb/li.png);}


@media screen and (max-width: 800px) {
	
.center {width: 748px;} 

header .cta .column					{width: 223px; float: left;}
header .cta .column a				{font-size: 18px;}


.content .block .btn 				{float: left; padding: 9px 0px; width: 231px;}
.content .block .btn img				{width: 100%;} 				
.content .block .btn.middle			{padding: 9px;}
.content .block .column				{width: 224px}
.content .block .column h1			{font-size: 18px;}
.content .block .column img 			{width: 100%;}
	
.content .block.home .cta-buttons .cta-item .title {font-size: 16px;}
.content .block.home .logos a 	{padding: 0;}
.content .block.home .logos a img 	{width: 75%; }

header .header_top nav ul li:hover ul { display: none; }

.content .block .submenu				{width: 200px; float: left; overflow: hidden; margin-right: 18px;}
.content .block .submenu ul				{padding: 0px; margin: 0px;}
.content .block .submenu ul li a		{display: block; background: url(/www/afb/bg_nieuwsrow.png) #edeef5 no-repeat 175px center; color: #2a2561; padding: 10px 15px; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 16px; font-weight: bold;}
.content .block .submenu ul li a:hover	{background: url(/www/afb/bg_nieuwsrow.png) #e0e1ec no-repeat 180px center;}

.content .block  .text				{width: 490px; float: left;}
.content .block  .text #businessEmployee #overview .item			{width:219px;}
.content .block  .text #businessEmployee #overview .item img			{display: block; margin: auto;}
.content .block .text #businessEmployee .item a.btnEmployee			{width: 189px;}

footer .item							{width: 169px;}


}

@media screen and (max-width: 600px){
	
.hidden-md							{display: block;}
.hidden-xs							{display: none;}

.borders-top {
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.borders-bottom {
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.borders {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

header .header_top					{height: auto; position: relative; overflow: hidden;}
header .header_top a#logo 			{display: block; padding: 25px 10px; float: none; width: 288px; margin: auto;}
header .header_top a#logo span		{display: block; position: absolute; left: 78px; top: 70px; font-size: 14px; font-family: "Trebuchet MS", arial; font-weight: normal; text-transform: lowercase;}
header .header_top nav				{background-color: #211c53; float: none; padding: 0px ; position: relative; overflow: hidden; }
header .header_top nav.first 		{right: auto; float: left; width: 85%;}
header .header_top nav.second 		{right: auto; float: right; width: 25%;}
header .header_top nav ul				{padding: 0px; margin: 0px;}
header .header_top nav ul li			{float: left;  width: 20%; box-sizing: border-box;}
header .header_top nav.second ul li		{width: 100%;}
header .header_top nav ul li a			{display: block; padding: 8px 5px; color: #93c928; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 11px; text-align: center;}
header .header_top nav ul li a:hover 	{background: #1e194b;}

header .cta							{margin-top: 0px;}
header .cta .hide  						{display: none;}
header .cta .column				{width: auto; float: none;}
header .slider 						{height: auto; overflow: hidden;}
	header .slider img 				{height: 280px;}
header .cta .column a 			{width: 70px; margin: auto;}

.center {width: 100%;}  

.content .block 						{background: #fff; padding: 9px 18px; margin-bottom: 18px; overflow: hidden;}
.content .block .btn 				{float: none; padding: 9px 0px; width: auto;}
.content .block .btn img				{width: 100%;} 				
.content .block .btn.middle			{padding: 0px;}

.content .block .column				{width: 100%; margin: 5px 0px 10px 0;}
.content .block.home .column		{width: auto;}
.content .block.home .logos			{padding: 15px 0;}

.content .block.home .cta-buttons .btn {width: 50%; float: left;}


.content .block .submenu				{width: 100%; float: none; overflow: hidden; margin: 10px 0;}
.content .block .submenu ul			{padding: 0px; margin: 0px;}
.content .block .submenu ul li a		{display: block; background: url(/www/afb/bg_nieuwsrow.png) #edeef5 no-repeat 95% center; color: #2a2561; padding: 10px 15px; font-family: "Trebuchet MS", arial; text-decoration: none; font-size: 16px; font-weight: bold;}
.content .block .submenu ul li a.child		{background: url(/www/afb/bg_nieuwsrow.png) #f4f5fb no-repeat 95% center; padding: 10px 15px 10px 25px; font-size: 12px;}
.content .block .submenu ul li a:hover	{background: url(/www/afb/bg_nieuwsrow.png) #e0e1ec no-repeat 97% center;}

.content .block  .text				{width: 100%; float: none;}
.content .block  .text td	 input,
.content .block  .text td	 textarea		{background: #edeef5; border: 1px solid #e0e1ec; padding: 5px; width: 100px;}
.content .block  .text td	 input#contact	{background: #2a2561; color: #fff; width: 100px; padding: 5px;} 

.content .block  .text #businessEmployee .image			{float: none; width: 100%; margin-right: 15px;}
.content .block  .text #businessEmployee .item			{float: none; width: 100%;}
.content .block .text #businessEmployee .image img	{display: block; margin: auto;}

.content .block  .text #businessEmployee #overview .item			{width:auto; float: none; height: auto;}
.content .block .text #businessEmployee .item a.btnEmployee {
    width: auto;
	position: relative;
}


footer .item							{width: 44%;}

footer .item:nth-child(2),
footer .item:nth-child(3)			{display: none;}
}

@media screen and (max-width: 320px){
	.content .block.home .cta-buttons .btn {width: auto; float: none;}	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}