/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 3 - Media Queries
  -----------------------------------
*/

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 679px) {
body {
	min-width: 0px;
	margin: 2px;
	/* margin: 6px; */
}
#masthead, #columns, #footer {
	width: auto;
}
/* fix resp mobile after ch Homepage 1column START*/
#mastheadfirst2, #columnsfirst2, #footerfirst2 {
     width: auto;
}
/* fix resp mobile after ch Homepage 1column END*/
#masthead h1 {
	font-size: 2em;
	margin: 0px;
}
#masthead .subhead {
	font-size: .5em;
	margin: -.5em 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}
.navigation, .sidebar {
	position: static;
	left: auto;
	width: auto;
	float: none;
}
.main-content {
	width: auto;
	float: none;
}
.navigation .content, .sidebar .content {
	height: auto !important;
	max-height: 888678px;
	border: none;
}
.sidebar .content {
	font-size: .8em;
}
.three-column-column1, .three-column-column2, .three-column-column3, .four-column-column1, .four-column-column2, .four-column-column3, .four-column-column4  {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.three-column-content, four-column-content {
	height: auto !important;
	max-height: 888678px; 
}
.main-content .content, .sidebar .content, .three-column-content, .four-column-content {
	padding: 10px 4px;
}
.menu-bar a {
	padding: 2px 10px;
}
.p7PMMv19 a, .p7PMMv19 ul ul a {
	padding: 2px 14px;
}
.p7PMMv19 ul {
	border-radius: 5px 5px 0px 0px;
}
.p7PMMv19 ul div {
	margin: auto !important;
	margin-left: 100px !important;
}
.p7PMMv19 ul ul div {
	margin: auto !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
}
.p7PMMv19 ul ul {
	border-radius: 0px 0px 5px 5px;
}
.p7PMMv19 ul ul ul {
	border-radius: 5px 5px 5px 5px;
}
.p7PMMv19 ul ul a.pmmfirst {
	border-radius: 0px 0px 0px 0px;
}
.p7PMMv19 ul ul ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
.p7PMMv19 ul ul a.pmmlast {
	border-radius: 0px 0px 5px 5px;
}
}

/*Exception rules for Smartphones in Landscape orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
	body {
		font-size: .75em;
}
}

/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : portrait) {
	
/* GJ -leave nav dicv floated left and 20% width */
.navigation {
	/* position: static;
	left: auto;
	width: auto;
	float: none; */
}
#masthead, #columns, #footer {
	width: auto;
}
.sidebar {
	position: static;
	left: auto;
	width: 30%;
}
.sidebar .content {
	border-right: 1px solid #000;
}

/* GJ -no chnage to main cotnet width */
.main-content {
	/* width: 70%; */
}
.navigation .content {
	height: auto !important;
	max-height: 888678px; 
	border: none;
}
.main-content .content, .sidebar .content, .three-column-content {
	/*padding: 10px 1em; */
		padding: 10px 6px;
}
.three-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
.menu-bar a {
	padding: 3px 10px;
}
.p7PMMv19 ul {
	border-radius: 5px 5px 0px 0px;
}
.p7PMMv19 ul div {
	margin: auto !important;
	margin-left: 200px !important;
}
.p7PMMv19 ul ul {
	border-radius: 0px 0px 5px 5px;
}
.p7PMMv19 ul ul ul {
	border-radius: 5px 5px 5px 5px;
}
.p7PMMv19 ul ul ul {
	margin-top: -40px !important;
	margin-left: -40px !important;
}
.p7PMMv19 ul ul a.pmmfirst {
	border-radius: 0px 0px 0px 0px;
}
.p7PMMv19 ul ul ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
.p7PMMv19 ul ul a.pmmlast {
	border-radius: 0px 0px 5px 5px;
}
.p7PMMv19 ul ul a.pmmlast {
	border-radius: 5px;
}
}

/*Portrait Tablet Exceptions to adjust padding in content areas*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.main-content .content, .sidebar .content, .three-column-content {
	padding: 1.5em 1.25em;
}
}


/*Additional Rules for Medium Desktop Browser Windows and Landscape Tablets to reflow the inner 3-column structure*/
@media only screen and (min-width: 680px) and (max-width: 1200px) and (orientation : landscape) {
.three-column-column1 {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
}

/*Landscape Tablet Exceptions to adjust padding and reduce font size*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
	font-size: .85em;
}
.main-content .content, .sidebar .content, .three-column-content {
	/*padding: 1em 1.3em; */
	padding: 1em 0.9em;
}
.menu-bar a {
	padding: 3px 10px;
}
}

/*Turn off fixed-width*/
@media only screen and (min-width: 680px) and (max-width: 1300px) and (orientation : landscape) {
#masthead, #columns, #footer {
	width: auto;
}
}

/* nye */



#spalter-col {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 4em; /* Chrome, Safari, Opera */
    -moz-column-gap: 4em; /* Firefox */
    column-gap: 4em;
	    -webkit-column-rule: 0.1em solid #999; /* Chrome, Safari, Opera */
    -moz-column-rule: 0.1em solid #999; /* Firefox */
    column-rule: 0.1em solid #999;
	font-size:0.9em;
}
@media screen and (max-width:400px) {
	spalter-col {
     -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
		}
	}	

.boxh4 {
		text-align:center;}
.btxt {
	font-size: 0.85em;
	font-style:italic;
	padding-bottom: 3em;
}

/* CTA */
.CTA-01 {
	margin:auto; 
	font-size:1.1em;
	line-height:1.5em;
/*	border:2px solid;
	border-radius:8px; */
	padding:1.2em;
	width:80%;
	max-width:700px;
	text-align:center;
/*	box-shadow: 0px 0px 20px #4565ad;*/
	}
	@media screen and (max-width:400px) {
.CTA-01 {
	margin:auto; 
	font-size:1.1em;
	line-height:1.5em;
/*	border:2px solid;
	border-radius:8px; */
	padding:1.2em;
	width:92%;
	text-align:center;
/*	box-shadow: 0px 0px 20px #4565ad;*/
	}
		}

.CTA-02 {
	margin:auto; 
	font-size:1.1em;
	line-height:1.5em;
/*	border:2px solid;
	border-radius:8px; */
	padding:1.2em;
	width:80%;
	max-width:700px;
	text-align:center;
/*	
	box-shadow: 0px 0px 20px #4565ad;*/
	}
		@media screen and (max-width:400px) {
.CTA-02 {
	margin:auto; 
	font-size:1.1em;
	line-height:1.5em;
	padding:1.2em;
	width:92%;
	text-align:center;
/*	box-shadow: 0px 0px 20px #4565ad;*/
	}
		}

.color-yellow {
	color:#fff002;
	}
.color-red {
	color:#ec1922;
	}
.color-grey {
	color:#d4d7de;
	}
.h3colorbox {
	margin:auto; 
	font-size:1.5em;
	line-height:1.9em;
/*	border:4px solid;
	border-radius:4px; */
	padding:1.2em;
	text-align:center;
	box-shadow: 0px 0px 5px #ec1922;
	}
	@media screen and (max-width:400px) {	
	.h3colorbox {
	margin:auto; 
	font-size:1.5em;
	line-height:2em;
/*	border:4px solid; 
	border-radius:4px; */
	padding:1.2em;
	text-align:center;
	box-shadow: 0px 0px 20px #ec1922;
	}
	}