﻿#PnPNavPanel.PnPPanelEnabled {
	left: 0;
}

#PnPNavPanel > #PnPContentNavPanel > #DeltaTopNavigation_mobileClone {
	display: none;
}

/* TABLET */

@media screen and (max-width: 1600px) {
	#mediaBox { width: 1440px; }
}

@media screen and (max-width: 1500px) {
	#mediaBox { width: 1340px; }
}

@media screen and (max-width: 1400px) {
	#mediaBox { width: 1240px; }
}

@media screen and (max-width: 1300px) {
	#mediaBox { width: 1180px; }
}

@media screen and (max-width: 1200px) {
	#mediaBox { width: 1100px; }
}

@media screen and (max-width: 1024px) {
	.o365cs-nav-brandingText {
		display: none !important;
	}
	
	#PnPNavPanel > #PnPContentNavPanel > #DeltaTopNavigation_mobileClone {
		display: inline-block;
	}
	
	#DeltaPlaceHolderSearchArea {
		display: none;
	}
	
	#mysite-titlerow, #s4-titlerow {
		height: 100px;
	}

	div#titleAreaBox {
	    padding-left: 20px;
	    margin-left: 0;
	}
	
	.ms-rte-layoutszone-inner {
		border: 0;
		margin: 0;
	}
	
	.ms-wikicontent.ms-rtestate-field {
		padding-right: 0 !important;
	}
	
	/* Template Catalogue */

	#templateCatalogue .templateCatalogue-item {
		width: 32%;
		margin-right: 2%;
		min-height: 500px;
	}
	
	/* Template Catalogue */
	
	/* Landing Page */
	
	#mediaBox {
		width: 964px;
	}
	
	#landingPageNews .ept-news-item {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 50px;
	}
	
	#landingPageNews .ept-news-item:not(.highlighted):nth-child(2n) {
		margin-left: 0;
	}
	
	#landingPageNews .ept-news-title {
		margin-bottom: 10px;
		min-height: inherit;
	}
	
	#landingPageEvents .ept-event-icon {
		margin-right: 15px;
	}
	
	/* Landing Page */
	
	/* Event Template */
	
	.eventTemplateMain-content {
		height: 40%;
	}
	
	.eventTemplateMain-title {
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	
	.eventTemplateMain-description {
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	
	/* Event Template */
}

@media only screen and (max-width: 1024px) and (min-width: 640px) {
	.ms-dialog #contentRow > #contentBox {
		margin-left: 0;
	}
}

/* PHONE */

@media screen and (max-width: 639px) {
	.o365cs-nav-o365Branding {
		display: none !important;
	}
	
	#siteIcon {
		right: auto;
		left: 75px;
	}
	
	#O365_MainLink_Me {
		width: 120px;
	}
	
	#O365_MainLink_Me .o365cs-me-tile-nophoto-username {
		max-width: 100px;
		padding: 0;
		white-space: normal;
	}
	
	#DeltaPlaceHolderSearchArea_mobileClone .ms-srch-sb > input {
		width: 80% !important;
	}
	
	div#s4-bodyContainer {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
	}
	
	.ms-core-pageTitle {
		font-size: 1.5em;
	}

	#contentRow {
	    margin-left: 0;
	}
	
	.ms-srch-sb-border, .ms-srch-sb.ms-srch-sb-borderFocused {
		margin-bottom: 0;
	}
	
	div.ms-srch-sb > input {
		height: 18px;
		line-height: normal;
	}
	
	.ms-webpart-cell-vertical, .ms-webpart-chrome-vertical {
	    display: block;
	}
	
	.ms-webpart-titleText.ms-webpart-titleText {
		font-size: 1.5em;
	}
	
	div.ms-dragDropAttract-subtle {
		padding-bottom: 15px;
	}
	
	.footer > .inner, .socialbar-wrapper > .inner {
		margin: 0;
	}
	
	/* Landing Page */
	
	#mediaBox {
		width: 100%;
	}
	
	#landingPageNews .ept-news-item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 35px;
	}
	
	#landingPageNews .ept-news-item.highlighted .ept-news-image {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	#landingPageNews .ept-news-item.highlighted .ept-news-content {
		width: 100%;
		float: none;
	}
	
	#landingPageNews .ept-news-item.highlighted .ept-news-title a {
		font-size: 1.5em;
	}
	
	#landingPageEvents .ept-event-dates, #landingPageNews .ept-news-summary {
		font-size: 0.8em;
	}

	#landingPageNews .ept-news-item.highlighted .ept-news-summary {
		font-size: 1em;
	}
	
	/* Landing Page */
	
	/* Event Template */
	
	.eventTemplateMain-content {
		position: static;
		background: none;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.eventTemplateMain-contentLayer {
		padding: 0;
	}
	
	.eventTemplateMain-title {
		margin: 10px 0;
		font-size:	1.6em;
	}
	
	.eventTemplateMain-title a, .eventTemplateMain-title a:visited, .eventTemplateMain-title a:link {
		color: #000;
	}
	
	.eventTemplateMain-description {
		color: #000;
	}
	
	#eventTemplateMainDetail .ept-event-dates {
		text-align: center;
	}
	
	#eventTemplateMainDetail .ept-event-dates .ept-event-downloadCalendar {
		float: none;
		display: block;
		margin-top: 10px;
		text-align: center;
	}
	
	#eventTemplateMainDetail .eventTemplateMain-description {
		font-size: 1em;
		margin: 10px 0 20px;
		color: #000;
	}
	
	/* Event Template */
	
	/* Form styles */
	
	.ms-formtable + table, .ms-formtable + table > tbody, .ms-formtable + table > tbody > tr > tr,
	.ms-formtable + table > tbody > tr > tr > td, .ms-formtable + table > tbody > tr > td,
	.ms-formtoolbar, .ms-formtoolbar > tbody, .ms-formtoolbar > tbody > tr > tr, .ms-formtoolbar > tbody > tr > tr > td, .ms-formtoolbar > tbody > tr > td {
		display: block !important;
	}
	
	#eventDispFormTopRow {
		display: table-row !important;
	}
	
	#eventDispFormTopRow > td {
		display: table-cell !important;
		width: 50% !important;
		margin-right: 0;
	}
	
	.ms-descriptiontext > span {
		white-space: normal;
	}
	
	.form-header {
		margin: 20px 0 10px !important;
		font-size: 1.2em !important;
		line-height: 1em !important;
	}
	
	#pdfGenerator {
		margin-bottom: 15px;
	}
	
	.ms-formtable .ms-long {
		width: 350px;
	}
	
	span.ms-h3.ms-standardheader {
		font-weight: bold;
		font-size: 0.9em;
	}
	
	/* Form styles */
}