NWS style

/* SITE UNIVERSALS
 * 
 * Panels
 * Text
 * Buttons
 * 
 */

/* COLOURS */

.greenBG { background-color: #46ae95 !important; }
.pinkBG { background-color: #d9295a !important; }
.greyBG { background-color: #464646 !important; }
.lightBG { background-color: #f4f4f4 !important; }	
.whiteBG { background-color: white !important; }
.blackBG { background-color: black !important; }
.goldBG { background-color: #d08e0f !important; }

.pinkText { color: #d9295a !important; }
.whiteText { color: white !important; }
.goldText { color: #d08e0f !important; }
/* .greyText { color: #464646; } - This is now the default */

@media (max-width:767px) {
	.mobPinkOverlay { background-color:rgba(199,29,76,0.7) !important; }
	.mobGreenOverlay { background-color:rgba(70,174,149,0.7) !important; }
	.mobGreyOverlay { background-color:rgba(58,56,56,0.7) !important; }
}

/* PANELS */
/* ============================================================ */

/* the full width panel container, holds the background colour */
.sectionContainer {
	margin: 0px !important;
}


.contentWidth {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0px;
}

.softCorners {
	border-radius:10px;
}

.shadow {
	-webkit-box-shadow: 0.3em 0.3em 0.5em -0.15em rgba(0,0,0,0.3);
	box-shadow: 0.3em 0.3em 0.5em -0.15em rgba(0,0,0,0.3);
}

/* TEXT */
/* ============================================================ */

/* The fonts */

.entry-content h1, 
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content a,
.entry-content blockquote {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #464646;
	margin-top: 0.1em !important;
	margin-bottom: 0.1em !important;
}
.entry-content blockquote span {
	color: #464646 !important;
	font-size: 24px !important;
}

/* Text styling */
/* One per page - the biggest heading */
h1 {
	text-transform:uppercase;
	font-weight:400 !important;
}

/* The section headers */
h2 {
	text-transform:uppercase;
	font-weight: 800 !important;
}

/* big sub-panel headings: the home page carousel, home page 'get your dress'  */
h3 {
	text-transform:uppercase;
	font-weight: 600 !important;
}

/* small sub-panel headings: blog footer post titles, home page competition panel titles,  */
h4 {
	text-transform:uppercase;
	font-weight: 600 !important;
	font-size: 22px;
}

/* The footer heading, newsletter sign up, nav titles, sub headings (home page top middle sub: 'the ultimate shop...'), basically capitalized paragraph text */
h5 {
	text-transform:uppercase;
	font-size: 13px;
	font-weight: 600 !important;
}

/* ... */
h6 {

}

p {

}

.smallText {
	font-size:12px;
}

a {

}

.x-btn-large {
	font-weight: 600;
}

.entry-content blockquote {
	margin-top:50px !important;
}
blockquote::before{
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  position: absolute;
  left: -17px;
  top:24px;
}
blockquote::after{
  content: "\201D";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  position: absolute;
  right: 10px;
  bottom:38px;
}
cite {
	text-align: right;
	margin-top: 50px !important;
	color:#d9295a !important;
	font-style: italic;
}
.x-cite:before { content:"" !important; }

/* BUTTONS */
/* ============================================================ */

.x-btn, 
input[type="submit"] {
	border-radius:10px !important;
	color: white !important;
	border-width: 0px !important;
	text-transform:uppercase;
}

.x-btn-large {
	padding: 10px 20px 10px 30px !important;
}

.social-icons {
	width:43px !important;
}

input[type="text"] {
	border-radius: 10px !important;
	font-size: 16px !important;
	margin: 0px !important;
	background-color: #fafafa !important;
}

/* Selection input */
select {
	border-radius: 10px;
	padding: 5px;
	border: 0px;
	height: auto;
	-moz-box-shadow:    inset 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow:         inset 1px 1px 3px rgba(0,0,0,0.3);
}

.support{
	border:1px solid #c2c2c2;
	border-radius:8px;
}

.support_footer h4{
	color:#d0325e;
}

.support_footer h5{
	color:#474d4c;
	font-size: 24px; 
	margin-bottom: 10px; 
	font-weight: 400;
}

.support_footer .x-content-band{margin:0px !important;}

.support_footer a{color:#fff;}

.footer_login{
	padding:8px;
	background:#fff;
	border-radius:6px;
}

.footer_login_form{
	background-color: rgba(255,255,255,0.85);
	text-align:left;
	padding:10px;
	webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0.5em 0.6em 0.35em -0.15em; 
	box-shadow: rgba(0, 0, 0, 0.14902) 0.5em 0.6em 0.35em -0.15em;
	margin-top: 25px;
	border-radius:8px;
}

/* Widgets */

.midPageNewsletter {
	width:812px; 
	margin-right:auto; 
	margin-left:auto;
}
@media (max-width:830px) {
	.midPageNewsletter h5 {
		float: none !important;
		width: 100% !important;
		text-align: center;
	}
	.midPageNewsletter form {
		float: none !important;
		width: 300px;
		margin: 5px auto !important;
	}
	.midPageNewsletter .x-share-options {
		float: none !important;
		width: 205px;
		margin: 10px auto !important;
	}
}

@media (max-width:767px) {
	.mobileHidden {display:none !important;}
	.basicTextContent  {
		padding: 40px 20px!important;
		text-align: center !important;
	}
	.basicTextContent h2, 
	.basicTextContent p  {
		text-align: center !important;
	}
	.rightPicSection {
		background-size: cover !important;
		background-position: right !important;
	}
	.leftPicSection {
		background-size: cover !important;
		background-position: left !important;
	}

	.support_footer .one-third:second{display:none;}
	.support_footer .footer_login {margin-top:10px;}
	.support_footer h5, .support_footer h4{text-align:center;}
	.support_footer  .one-third:nth-child(2){display:none;}
}