/**
 * grade-C.css
 *
 * This file styles to mobile landscape pages
 *
 * @author    Mark de Mol
 * @version   1.0
 */
 
 
@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{	
	#devicegrade { 
		z-index:30;
	}

	#devicegrade > div:after { 
		content: "C";
	} 
	
	/*
	* width of all the groups
	*/
	.group.width-100{
		width:100%;
	}
	
	.group.width-95{
		width:100%;
	}
	
	.group.width-90{
		width:100%;
	}
	
	.group.width-85{
		width:100%;
	}
	
	.group.width-80{
		width:100%;
	}
	
	.group.width-75{
		width:100%;
	}
	
	.group.width-70{
		width:100%;
	}
	
	.group.width-66{
		width:65%;
	}
	
	.group.width-65{
		width:65%;
	}
	
	.group.width-60{
		width:60%;
	}
	
	.group.width-55{
		width:55%;
	}
	
	.group.width-50{
		width:100%;
	}
	
	.group.width-45{
		width:50%;
	}
	
	.group.width-40{
		width:50%;
	}
	
	.group.width-35{
		width:50%;
	}
	
	.group.width-33{
		width:50%;
	}
	
	.group.width-30{
		width:50%;
	}
	
	.group.width-25{
		width:100%;
	}
	
	.group.width-20{
		width:50%;
	}
	
	.group.width-15{
		width:50%;
	}
	
	.group.width-10{
		width:50%;
	}
	
	
	/*
	* width of all the articles withing the groups
	*/
	.group > .margin > .padding .article.width-100 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-95 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-90 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-85 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-80 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-75 {
		width:100%;
	}
	
	.group > .margin > .padding .article.width-70 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-66 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-65 {
		width:50%;
	}

	.group > .margin > .padding .article.width-60 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-55 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-50 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-45 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-40 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-35 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-33 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-30 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-25 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-20 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-15 {
		width:50%;
	}
	
	.group > .margin > .padding .article.width-10 {
		width:50%;
	}
	
	h1 {
		font-size:26px;
	}
	
	h2 {
		font-size:16px;
	}	
	
	.mobile-only {
		display: block;
	}
	
	.desktop-only {
		display: none;
	}
	
	/*
	* custom 
	*/
	.filter {
		padding-bottom: 0;
	}
	.row.filter-row ~ .row.header-text > div > .group > .margin > .padding > .item-text > .margin > .padding {
		padding: 0 15px;
	}
	.header-text > div > .group > .margin > .padding > .item-text > .margin > .padding > h1 {
		font-size: 26px;
		line-height: 34px;
		padding-bottom: 0;
	}
	.phone-portrait-menu .group > .margin > .padding .article.width-60 {
		width: 60%;
	}
	.phone-portrait-menu .group > .margin > .padding .article.width-20 {
		width: 20%;
	}
	
	.filter > div > .group > .margin > .padding > .list-view,
	.filter > div > .group > .margin > .padding > .grid-view {
		display: none;
	}

	.filter .article.filter-text {
		border: none;
	}

	.footer {
		margin-top: 20px;
	}

	/*===================================================================
		IMAGEBLOCK
	===================================================================*/	
	.row.imageblock	.group > .margin > .padding .article.width-75,
	.group.width-75.imageblock {
		width: 50%;
	}

	/*===========================
		Subscriptions
	===========================*/
	.article.item-catalogus-subscriptions-list.sub-articles-holder > .margin > .padding > .image.subscriptions-col {
		width: 100%;
	}
	.article.item-catalogus-subscriptions-list.sub-articles-holder > .margin > .padding > .image.subscriptions-col > img {
		display: block;
		margin: auto;
	}
	.article.item-catalogus-subscriptions-list.sub-articles-holder > .margin > .padding > .subarticle.subscriptions-col {
		width: 50%;
	}
	/*==================================================================
		Sidebar menu list
	==================================================================*/
	.row.content > div > .group > .margin > .padding > .widget-menu-list.sidebar > .margin > .padding {
		padding: 0;
	}
	.row.content > div > .group > .margin > .padding > .widget-menu-list.sidebar > .margin > .padding > .group-name {
		cursor: pointer;
		margin-bottom: 0;
		padding: 10px 20px;
	}
	.row.content > div > .group > .margin > .padding > .widget-menu-list.sidebar > .margin > .padding > .menu {
		display: none;
		padding: 0 20px 10px 20px;
	}
	.row.content > div > .group > .margin > .padding > .widget-menu-list.sidebar > .margin > .padding > .group-name:after {
		font-family: "Font AweSome 5 Pro";
		content: "\f054";
		float: right;
	}
	.row.content > div > .group > .margin > .padding > .widget-menu-list.sidebar > .margin > .padding > .group-name.is-active:after {
		content: "\f078";
	}

	.article.item-image.imageblock > .margin > .padding .item-image-wrapper {
		height: 430px;
	}

	.article.item-image.imageblock > .margin > .padding .item-image-wrapper .image {
		height: auto;
	}

	.article.item-image.imageblock > .margin > .padding .item-image-wrapper .image img {
		border-radius: 5px 5px 0 0;
	}

	.article.item-image.imageblock > .margin > .padding .item-image-wrapper .item-image-text {
		margin: 20px 25px;
	}

	.article.item-image.imageblock > .margin > .padding .item-image-wrapper .item-image-text p:after {
		display: none;
	}
	/* custom fix for service pages */
	.group.width-50.service-column,
	.group.width-25.service-column {
		width: 100%;
	}

}