/*
Theme Name: DSR-H Theme 6.0
Description:  Basic Theme for WordPress
Author:  Deb Smith
Author URI:  https://www.small-details.com
*/

html, body {
		height: 100%; /* make sure it is at least as tall as the viewport */
		margin: 0;
}
html {
	font-family: 'Arial', sans-serif;
	color: #333;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	 background-position: top left;
	 background-image: url(https://www.www.stage-endhiv.com/wp-content/uploads/bg2.png);
	 background-size: cover;
   background-attachment: absolute;
   background-repeat: repeat;
}
#outer {
	width: 100%;
	min-width: 100%;
	display: table;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	table-layout: fixed;
	vertical-align: top;
}
#inner {
	display: table-row;
}
#pagefooter {
 width: 100%;
 margin: 0 auto;
 padding: 0px;
 border-top: 1px solid #2D3556;
 background: #161A2B;
 display: table;
 position: relative;
}

h1 {
width: 100%; min-width: 100%;
font-weight: normal; FONT-SIZE: 1.8em;
color: #00002D;
/*line-height: 1.3em;*/
margin: 10px 0;
padding: 0;
/*border-bottom: 1px solid #CCCCCC;*/
}
.hh1 h1 {
width: 100%; min-width: 100%;
font-weight: normal; FONT-SIZE: 3em;
color: #00002D;
/*line-height: 1.3em;*/
margin: 10px 0;
padding: 0;
/*border-bottom: 1px solid #CCCCCC;*/
}
h2 {
font-weight: normal; FONT-SIZE: 1.2em;
/*line-height: 1.1em;*/
color: #00002D;
margin: 7px 0;
border-bottom: 0px solid #CCC;
}
h3 {
font-weight: bold; FONT-SIZE: 1em;
/*line-height: 1.1em;*/
color: red;
margin: 5px 0;
}
h4 {
font-weight: normal; FONT-SIZE: 0.9em;
/*margin-top: 15px;*/
}
h5 {
margin: 0 0 5px 0;
font-weight: normal; FONT-SIZE: 0.8em; COLOR: #666; -webkit-font-smoothing: antialiased;
line-height: 1em;
}
hr {
border: 0;
margin: 5px 0 10px 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
a {
	text-decoration: underline;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a img {
outline : none !important;
}
img {
max-width: 98%;
height: auto; max-height: auto;
}
.wp-caption {
max-width: 96% !important;
width: auto !important;
margin: 0;
padding: 10px;
text-align: center;
font-size: 0.9em;
color: #666;
border: 0px solid #FFF;
}
blockquote,
.testm {
float: left;
/*margin: 1.5em 10px;*/
margin: 20px 0;
padding: 0 10px 1em 10px;
quotes: "\201C""\201D""\2018""\2019";
background: rgba(220,214,202,0.7);
text-align: left;
font-size: 1.1em;
border: 1px dashed #666;
}
blockquote:before,
.testm:before {
color: #BDB3A8;
float: left;
content: open-quote;
font-family: serif;
font-size: 4em;
line-height: 0.1em;
/*margin-left: -85px;*/
margin: 30px 5px 0 0;
/*vertical-align: -0.3em;*/
vertical-align: -5.0em;
/* 16 * 0.0625 = 1px */
}  

blockquote:after,
.testm:after {
color: #BDB3A8;
float: right;
content: close-quote;
font-family: serif;
font-size: 4em;
line-height: 0.1em;
margin-right: 5px;
margin-left: 5px;
vertical-align: -0.6em;
/* 16 * 0.0625 = 1px */
}
.main.leftcontentfull blockquote {
	padding: 10px 10px 1em 10px;
}

.entry-title h1 a {
text-decoration: none;
}
.entry-summary h4,
.entry-content h4 {
	margin: 0;
}
.entry-summary {
	margin: 0 0 25px 0;
}

/*==== Mobile First ====*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 240px){

.alignleft, img.alignleft {
display: block;
margin-left: 0;
margin-right: auto;
margin-bottom: 15px;
border: 0;
border: none;
}
.aligncenter, img.aligncenter {
display: block;
margin-left: 0;
margin-right: auto;
margin-bottom: 15px;
border: 0;
border: none;
}
.alignright, img.alignright {
display: block;
margin-left: 0;
margin-right: auto;
margin-bottom: 15px;
border: 0;
border: none;
}
#headerband,
#headerh {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #00002D;
	display: table;
	color: #FFF;
}
#header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #00002D;
	display: table;
	border-bottom: 0px solid #999;
  /*-webkit-box-shadow: 0 8px 6px -6px #333,
  -moz-box-shadow: 0 8px 6px -6px #333;
  box-shadow: 0 8px 6px -6px #333;*/
  opacity: 1;
  z-index: 9;

}
.headerleft,
.headermid,
.headerright,
.dheaderleft,
.dheadermid,
.dheaderright {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	display: table;
}
.headerleft img,
.headerright img,
.dheaderleft img,
.dheaderright img {
	opacity: 1;
}
.headerleft img:hover,
.dheaderleft img:hover {
	opacity: 1;
}
.headerright img:hover,
.dheaderright img:hover,
.dheadermid img:hover {
	opacity: 0.7;
}
.headerright img,
.dheaderright img {
	vertical-align: middle;
}

.headermid,
.dheadermid {
	font-weight: bold;
	color: #202937;
	text-align: center;
	line-height: 1.3em;
}
.headermid a,
.dheadermid a {
	color: #D34805;
	text-decoration: none;
}
.headermid a:hover,
.dheadermid a:hover {
	color: #FD9C15;
	text-decoration: none;
}
.headerleft img.alignleft,
.headerright img.alignleft,
.headermid img.alignleft,
.headermid img.alignright,
.headerleft img.alignright,
.headerright img.alignright,
.dheaderleft img.alignleft,
.dheaderright img.alignleft,
.dheadermid img.alignleft,
.dheadermid img.alignright,
.dheaderleft img.alignright,
.dheaderright img.alignright {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 border: 0;
 border: none;
}
.menuband {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
	background: #C31A21;
	position: relative;
	z-index: 9;
}
.fullmenu,
.fullmenu ul {
  display: none;
}
/* == NOTE, MAINBODYH, MAINBODY INCL PAGE BG IN PAGE TEMPL == */

.row {
float: left;
clear: both;
}

a.button {
 background-color: #FF0000;
 background: linear-gradient(to top, #FF0000 0%, #FF0000 100%);
 padding: 8px 10px;
 color: #FFF;
 cursor: pointer;
 border: 0px solid #999;
 text-align: center;
 text-decoration: none;
 -moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
 box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
 -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
 -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
	opacity: 1;
}

a.button:hover {
	opacity: 0.6;
}
p.button {
	margin: 0 auto;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	padding: 15px;
	display: table;
  background-image: linear-gradient(rgba(211, 72, 5, 1.0), rgba(158, 54, 4, 1.0));
  background-repeat: no-repeat;
	color: #FFF;
	border: 1px solid rgba(255,255,255, 1);
	border-bottom: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align: center;
	-webkit-box-shadow: 0 8px 8px -6px #666;
	-moz-box-shadow: 0 8px 8px -6px #666;
	box-shadow: 0 8px 8px -6px #666;
}
.button a {
	font-weight: bold; FONT-SIZE: 16px; COLOR: #FFF; FONT-FAMILY: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;
	text-decoration: none;
}
p.button:hover {
  background-image: linear-gradient(rgba(162, 43, 19, 1.0), rgba(162, 43, 19, 1.0));
  background-repeat: no-repeat;
	color: #FFF;
}
.slider {
	margin: 0 auto;
	display: table;
	padding: 0;
}
.box,
.pagebox {
	width: 75%;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #CCC;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	 display: table;
   /*box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);*/	  
}
.donationbox {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 25px !important;
	padding: 20px;
	border: 2px solid #CCC;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	 display: table;
   /*box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);*/	  
}

.bgangle {
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
	margin-top: -70px !important;
	padding : 35px 0 20px 0;
	display : table;
	background-color : #00002D;
}
.bgmain_angle {
	width: 85%; min-width: 85%;
	margin: 0 auto;
	/*margin-top: 10px !important;*/
	padding: 10px 0 0 0;
	color: #FFF;
	text-align: center;
	border: 0px solid #CCC;
  display: table;
}
.bgmain_angle h1,
.bgmain_angle h2,
.bgmain_angle a {
	color: #FFF;
}
.bgmain_angle ul {
	margin: 0 auto;
	display: table;
}
.bgmain_angle ul li {
	text-align: left;
}
.blueband {
	width: 100%; 
	margin: 0 auto;
	display: table; 
} 
.blueband img {
	width: 100%;
	height: 50px;	
}   
.fullpanel {
	width: 100%; min-width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
	/*background-color: #FCFFE4;*/
}
.fullpanelh {
	width: 100%; min-width: 100%;
	margin: 0 auto;
	padding: 40px 0 0 0;
	display: table;
}
/* CONTROLS MOST MAIN CONTENT DIVS */
.bgmain {
	width: 80%; min-width: 80%;
	margin: 0 auto;
	/*margin-top: 10px !important;*/
	margin-bottom: 25px !important;
	padding: 10px 20px 20px 20px;
	background-color: #FFF;
	border: 0px solid #CCC;

}
.bghome {
	width: 80%; min-width: 80%;
	margin: 0 auto;
	margin-top: -25px !important;
	margin-bottom: 25px !important;
	padding: 10px 20px 20px 20px;
	background-color: #FFF;
	border: 1px solid #CCC;
	/*border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	 display: table;*/
   /*box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);*/
	/*background: url('https://www.www.stage-endhiv.com/wp-content/uploads/bg-1.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/

}
.bghomefull {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}
.hfull60 {
	width: 90%;
	margin: 0 auto;
	display: table;
}
.hfullb {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
  background-image: url("https://www.stage-endhiv.com/wp-content/uploads/bg-abzymes.jpg");
  background-repeat: repeat-y;
  position: relative;
}

.hleft {
	width: 50%;
	float: left;
	margin: 20px 0 0 20px;
	padding: 0;
	
}
.hright {
	width: 35%;
	float: right;
	margin: 20px 20px 0 0;
	padding: 0;
	
}
.hrighttwo {
	width: 35%;
	float: right;
	margin: 20px 20px 0 0;
	padding: 1% 2% 2% 3%;
	background-color: #BDFE45;
	border: 0px solid #68954C;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	
}
.hfull {
	width: 95%;
	margin: 0 auto;
	display: table;
}
.hfull h3 {
	width: 100%;
	background: #2D3556;
	margin: 0 0 20px 0;
	padding: 10px 0;
	font-weight: bold; color: #FFF;
	text-align: center;
}
.hfulldef {
	width: 95%;
	margin: 0 auto;
	padding: 25px 0 0 0;
	display: table;
}
.hfulldef h2,
.hfulldef h3 {
	width: 100%;
	padding: 0;
	font-weight: bold;
	color: #333;
	text-align: left;
}
.hfulldef h3 {
	margin: 20px 0 0 0;
}
/* HOME QA */
.hfullhl h2 {
	width: 100%;
	background: #00002D;
	margin: 0 0 20px 0;
	padding: 10px 0;
	font-weight: bold; color: #FFF;
	text-align: center;
}
.hleftqa {
	width: 80%;
  margin: 0 auto;
  margin-top: 20px !important;
	padding: 2% 2% 2% 5%;
	color: #DDD;
	background-color: #252D59;
	border: 0px solid #ADD8E6;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	display: table;
}
.hleftqa h3,
.hleftqa a {
	color: #FFF;
}
.hrightqa {
	width: 90%;
  margin: 0 auto;
	margin-top: 20px !important;
	margin-bottom: 25px !important;
	padding: 0;
	display: table;
}
/* Science Page */
.hfullbod {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}

.hleftinner,
.hleftinnersc {
	width: 85%;
  margin: 0 auto;
	padding: 0 0 0 20px;
	display: table;
	
}
.hrightinner,
.hleftinnersc {
	width: 85%;
  margin: 0 auto;
	padding: 0;
	display: table;
	
}
.abzgroup {
	/*width: 45%;*/
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 0;
	display: table;	
}
p.timeline,
p.abzgroup {
	margin: 0;
	padding: 0;
}
.abzgroup img {
 padding: 0;
 vertical-align: middle;
}
.groupright {
	/* width: 50%;*/
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 2% 7% 2% 10%;
	color: #ccc;
	display: table;
	background-color: #252D59;
	border: 0px solid #ADD8E6;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
}
.groupright h3 {
	color: #FFF;
}
.hrightteam {
	width: 100%;
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 0;
	display: table;
  border: 1px solid #999;

}
.wp-caption-text {
	font-weight: bold;
  color: #00002D;
}
.hrightteam h3 {
	width: 100%;
	background: #00002D;
	margin: 0 0 20px 0;
	padding: 10px 0;
	font-weight: bold; color: #FFF;
	text-align: center;
}
.hfullbod h3 {
	width: 100%;
	background: #00002D;
	margin: 20px 0 20px 0;
	padding: 10px 0;
	font-weight: bold; color: #FFF;
	text-align: center;
}
.bgif {
	width: 100%;
	margin: 0 auto;
	display: table;
	padding: 0;
}
/* END Science Page */

/* Story and Science Pages */
.hbanner1 {
	width: 100%;
	float: left;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	background: #2D3556;
	font-weight: bold; color: #FFF;
}
.timeline,
.bod {
	width: 85%;
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 0;
	display: table;
}
.h4colcontent:last-of-type {
	margin-bottom: 35px;
}
.h4colimage {
width: 100%;
float: left;
margin: 0 0 15px 0;
border: 0;
padding: 0;
text-align: center;
display: inline;
}
.h4colimage img {
						/*width: 30%; max-width: 30%;*/
						opacity: 1.0;
						opacity: 100%;
}
.h4colimage img:hover {
							opacity: 0.7;
							opacity: 70%;
}
.h4colimage p {
							margin: 0 !important;
							padding: 0 !important;
}
.h4colheader {
							width: 100%; max-width: 100%;
							float: left;
							margin: 0;
							padding: 0 !important;
							/*background: rgba(51, 51, 51, 1.0);*/
							font-weight: normal;
							font-size: 1em;
							color: #ff0000;						
							text-align: left;
							display: inline;
							position: relative;
}
h3.h4colheader,
div.h4colheader h3 {
      	font-weight: bold;
      	font-size: 1.1em;
				color: #FF0000;
}
.h4colheader p {
							margin: 0 !important;
							padding: 0 !important;
}
.h4colcontent {
							width: 85%;
							float: left;
							margin: 10px 0;
							padding: 0;
							display: inline;
							font-size: 0.9em;
}
.h4colcontent p {
						margin: 10px 0 0 0 !important;
}
div.h4colbutton {
						width: 100%;
						float: left;
						margin: 0 0 25px 0 !important;
						padding: 0 !important;
						text-align: center;
						justify-content: center;
						align-items: center;
						white-space: nowrap;
}
.h4colbutton button {
					 	vertical-align: top !important;
					 	padding: 4px 12px;
							font-weight: normal;
							cursor: pointer;
							background-color: #00CF90 !important;
						 background: linear-gradient(to top, #01AF7A 0%, #00CF90 100%);
						 border: 0px solid #cccccc !important;
						 -webkit-border-radius: 28 !important;
						 -moz-border-radius: 28 !important;
						 border-radius: 28px !important;
						 -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3) !important;
							-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3) !important;
							box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3) !important;
							opacity: 1.0;
							text-decoration: none;
}
.h4colbutton button:hover {
							opacity: 0.7;
}
.h4colbutton button p {
						margin: 0 !important;
						padding: 0 !important;
}

/* HANDS-ON */
.hfullc {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 25px 0;
	display: table;
	background: url('https://www.stage-endhiv.com/wp-content/uploads/bg-handson.jpg') repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hrightc {
	width: 85%;
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 2% 2% 2% 4%;
	display: table;
	background-color: #FFF;
	border: 0px solid #68954C;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);	
}
.hrightc h3 {
	color: #00002D;
}
/* SUBSC-DONATE SECTION */
.hfulld {
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	display: table;
	background-color: #252D59;
}
.hfulld h3 {
	color: #FFF;
}
.hleftsubsc {
	width: 90%;
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 0;
	display: table;
	text-align: center;
	color: #DDD;
}
.hrightdonate {
	width: 85%;
  margin: 20px auto;
	padding: 0;
	display: table;
	border-left: 0px solid #999;
	color: #DDD;
}
#mc_embed_shell {
width: 100%; min-width: 100%;			
margin: 0 auto;					
display: table;
border: 1px solid #CCC; 
}
h3#mc_embed_signup_scroll {
	margin: 0;
	padding: 0;
	font-weight: bold; color: #003366;
}
#mc_embed_signup {
width: 100%; min-width: 100%;			
margin: 0 auto;
padding: 0;					
display: table;					
}
.indicates-required {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: red;
}
.indicates-required.asterisk {
	margin: 0;
	padding: 0;
	color: red;
}
.mc-field-group input,
#mc_embed_signup input.EMAIL,
input#mce_EMAIL {	
	margin: 0 0 10px 0;
	padding: 0;		
  display:inline-block;				
}
#mc_embed_signup input.button {
  display:inline-block;				
}	
input#mc-embedded-subscribe {
	color: #FFF;
	padding: 7px 10px;
	border: 0px solid #ccc !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}			

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

body .gform_wrapper .gform_footer input[type=submit] {
	font-weight: bold; color: #FFF;
	background-color: #FF0000 !important;
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(157, 154, 145, 1.0)) !important;*/
	border: 1px solid #ccc !important;
 -moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
 box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
 -webkit-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
 -moz-box-shadow: -1px 2px 3px 1px rgba(0,0,0,0.4);
	margin-left: 40%;
	margin-right: 40%;
	padding: 5px 12px;
	text-align: center;

}

.gfield_required {
	color: #880000 !important;
	font-size: 0.9em !important;

}
/* BEGIN NEWS/SIDEBAR STYLES */

#sidebar-b {
	width: 96%;
	float: left;
	margin: 40px 0 30px 0;
	padding: 0 10px 16px 0;
	text-align: left;
	background-color: #F0EDE1;
	border: 1px solid #C0C0C0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	display: inline-block;
}

.row {
	width: 100%;
	border-spacing: 10px;
	display: table;
	margin: 0 auto;
	table-layout: fixed;

}
.column {
	width: 100%;
	display: table;
	text-align: center;
}

a:focus {
	outline: none;
}

/*IMPORTANT FOR SKIP TO PRIMARY LINKS*/

.skip-link {
	display: none;

}

#footer-inner {
	width: 100%;
	display: table;
	margin: 0 auto;
	padding: 0;
	background-color: #00002D;
}
.footermain {
	width: 100%;
	display: table;
	margin: 0 auto;
	padding: 25px 0;
}
.footermain h3 {
	margin-bottom: 20px;
	color: #DDD;
}
#footer-left {
	width: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
#footer-middle {
	width: 0%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
#footer-right {
	width: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
#footer-righttwo {
	width: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
#footer-left img {
	margin-bottom: 15px;
}
#footer-left,
#footer-middle,
#footer-right,
#footer-righttwo {
	font-size: 0.9em;
	color: #CCC;
}
#footer-left a,
#footer-middle a,
#footer-right a,
#footer-righttwo a {
	font-size: 0.9em;
	color: #CCC;
	text-decoration: none;
}
#footer-left a:hover,
#footer-middle a:hover,
#footer-right a:hover,
#footer-righttwo a:hover {
	color: #EEE;
	text-decoration: none;
}

#footer-leveltwo {
	width: 100%;
	display: table;
	margin: 0 auto;
	padding: 25px 0 40px 0;
	border-top: 1px solid #333;
	background: #161A2B;
  display: table;
  text-align: center;
	font-size: 0.9em;
	color: #CCC;
}
#footer-leveltwo a {
	color: #CCC;
}
#footer-left h3, #footer-middle h3, #footer-right h3, #footer-righttwo h3, #footer-levelone h3, #footer-leveltwo h3 {
	color: #DDD;
	font-size: 18px;
	font-weight: bold;

}

#footer-left ul, #footer-middle ul, #footer-right ul, #footer-righttwo ul, #footer-levelone ul, #footer-leveltwo ul {
	width: 100%;
	margin: 0;
	padding: 0;

}

#footer-left ul li, #footer-middle ul li, #footer-right ul li, #footer-righttwo ul li, #footer-levelone ul li, #footer-leveltwo ul li {
	width: 99%;
	min-width: 99%;
	/*border-bottom: 1px solid #797C81;*/
	display: block;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 2px;
}

#footer-left ul li a,
#footer-right ul li a,
#footer-righttwo ul li a {
	text-decoration: none;
}


/* ==== Large Devices-Tablets, Desktops ==== */
@media only screen and (min-width : 960px){
/* Styles */

.alignleft, img.alignleft {
float: left;
margin: 0 10px 0 0;
border: 0;
border: none;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
border: 0;
border: none;
}
.alignright, img.alignright {
float: right;
margin: 0 0 5px 10px;
border: 0;
border: none;
}
#headerband,
#headerh {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: table;	
}
#header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: table;	
}
.headerleft,
.dheaderleft {
	float: left;
	padding: 0;
	font-size: 1.1em;
	text-align: left;
	position: relative;
	display: inline;
}
.headerleft {
	width: 25%;
	margin: 0 0 10px 25px;
}
.dheaderleft {
	width: 15%;
	margin: 0 0 10px 25px;
}
.headermid,
.dheadermid {
	float: left;
	padding: 0;
	position: relative;
	display: inline;
}
.headermid {
	width: 0%;
	margin: 25px 0 0 0;
}
.dheadermid {
	width: 40%;
	margin: 0 0 0 10%;
}
.headerright,
.dheaderright {
	width: 65%;
	float: right;
	margin: 25px 25px 0 0;
	padding: 0;
	text-align: right;
	position: relative;
	display: inline;			

}

.headerright {
	width: 65%;

}
.dheaderright {
	width: 0%;
	
}
.headerright img.alignright,
.headerleft img.alignright,
.dheaderright img.alignright,
.dheaderleft img.alignright {
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
	display: inline;
  border: 0;
  border: none;
}
.menuband {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
	background: #C31A21;
	position: relative;
	z-index: 9;
}
/* STATIC MENU STYLES */			

.fullmenu {
  width: 100%;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  display: inline;
}
.fullmenu ul {
    list-style: none;
    float: right;
    padding: 0;
    margin: 0 10% 0 0;
    position: relative;
    z-index: 999999;
    display: inline-block;
}
.fullmenu ul li {
    display: block;
    position: relative;
    float: left;
}

/* This hides the dropdowns, yet displays BOX SHADOW */
.fullmenu li ul {
  display: none;
}
.fullmenu ul li a {
    display: block;
    /*margin-right: 5px;*/
    padding: 4px 14px 6px 8px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 400; font-size: 0.9em; color: #fff;
}
.fullmenu ul li a:hover {
  background: #00002D; /*background of menu items during onmouseover (hover state)*/
  color: #ccc;
  border: 0px solid #253b50 !important;
  -moz-border-top-right-radius: 6px !important;
  -webkit-border-top-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
  -moz-border-top-left-radius: 6px !important;
  -webkit-border-top-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}
.fullmenu ul li ul li a:hover {
  background: #444; /*background of menu items during onmouseover (hover state)*/
  color: #ccc;
  border: 0px solid #253b50 !important;
  -moz-border-top-right-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
 }
.fullmenu ul li a.selected {
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
  background: #666; /*background of menu items during onmouseover (hover state)*/
  color: #EEE;
}

/* Display the dropdown */
.fullmenu ul:first-child > li.current-menu-item > a,
.fullmenu ul:first-child > li.current_page_item > a,
.fullmenu #wrap_all .current_page_item > a {
}
.fullmenu li ul li a,
.fullmenu li ul li ul li a {
		padding: 5px 8px 5px 8px;
}
.fullmenu li > a:before,
.fullmenu li li > a:before {
  margin: -6px 6px 0 0;
  content: url('https://www.www.stage-endhiv.com/wp-content/uploads/down.gif');
}
.fullmenu li > a:hover:before,
.fullmenu li li > a:hover:before {
  margin: -6px 6px 0 0;
  content: url('https://www.www.stage-endhiv.com/wp-content/uploads/down.gif');
}
.fullmenu li > a:only-child:before,
.fullmenu li li > a:only-child:before {
padding-left: 0px;
content: '';
}
.fullmenu li ul li > a:before,
.fullmenu li ul li ul li > a:before {
float: right;
/*margin: 1px 3px 0 25px;*/
content: url('https://www.www.stage-endhiv.com/wp-content/uploads/down.gif');
}
.fullmenu li ul li > a:hover:before,
.fullmenu li ul li ul li > a:hover:before {
float: right;
/*margin: 1px 3px 0 25px;*/
content: url('https://www.www.stage-endhiv.com/wp-content/uploads/down.gif');
}
.fullmenu li ul li > a:only-child:before,
.fullmenu li ul li ul li > a:only-child:before {
/*padding-left: 8px;*/
content: '';
}
.fullmenu li:hover > ul,
.fullmenu li li:hover > ul {
width: 250px;
float: right;
margin: 0;
display: block;
position: absolute;
background: #333; /*background of menu items during onmouseover (hover state)*/
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
}
/* === CONTROLS left alignment of dropdown items === */
.fullmenu li:hover li,
.fullmenu li ul li:hover li {
border-bottom: 1px solid #172430;
border-left: 0px solid #807766;
float: none;
margin-left: 0;
text-indent: 15px !important;
text-align: left;
}
.fullmenu li:hover a,
.fullmenu li li:hover a {
color: #fff;
}
.fullmenu li:hover li a:hover,
.fullmenu li:hover li a:hover li a:hover{
background: #666;
color: #fff;
}
.fullmenu .main-navigation li ul li,
.fullmenu .main-navigation li ul li ul li {
border-top: 0;
}

/* Displays second level dropdowns to the left of the first level dropdown */
.fullmenu ul ul ul {
left: 100%;
top: 0;
}
.fullmenu ul li ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: white; /*background of menu items during onmouseover (hover state)*/
color: #ccc;
}
/* Simple clearfix */
.fullmenu ul:before,
.fullmenu ul:after {
  content: ""; /* 1 */
  display: table; /* 2 */
}
.fullmenu ul:after {
  clear: both;
}
.respmenu {
	display: none;
}
.column {
	width: auto;
	clear: both;
	display: table-cell;
	text-align: center;
}
.box {
	width: 50%;
	margin-top: 5px;
	margin-bottom: 25px;
}
.pagebox {
	width: 80%;
	margin-top: 5px;
	margin-bottom: 25px;
}
#headerband {
	margin-bottom: -20px !important;
}
.bgangle {
	margin-top: -25px !important;
}
.bgmain_angle {
	width: 50%; min-width: 50%;
	padding: 0 0 0 0;
}
/* HOME */
.vid {
	width: 50%; 
	margin: 0 auto; 
	padding: 0;
	display: table; 
	text-align: center;
}
.hfull60 {
	width: 60%;
	margin: 0 auto;
	display: table;
}
.hleft {
	width: 50%;
	float: left;
	margin: 20px 0 0 20px;
	padding: 0;
	display: inline;
	
}
.hright {
	width: 35%;
	float: right;
	margin: 20px 20px 0 0;
	padding: 0;	
	display: inline;
}
.hrighttwo {
	width: 35%;
	float: right;
  margin: 0;
  padding: 0;
	display: inline;
}
/* HOME QA */
.hleftqa {
	width: 45%;
	float: left;
	margin: 20px 20px 25px 25px;
	padding: 2% 2% 2% 3%;
}
.hrightqa {
	width: 30%;
	float: right;
  margin: 30px 10% 25px 0;
  padding: 0;	
}

/* Story Page */
.timeline {
	width: 70%;
	float: left;
	margin: 20px 0 0 20px;
	padding: 0;	
}
.bod {
	width: 100%;
  margin: 0 auto;
	padding: 0;
	display: table;
}
.h4colimage {
	width: 20%;
	float: left;
	margin: 20px 20px 0 0;
	display: inline;
}
.hcolimage img {
	/*width: 100%;*/
}
.h4colcontent {
width: 75%;
float: left;
margin: 0;
padding: 0;
display: inline;
font-size: 0.9em;
}
/* Science Page */
.hfullbod {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}

.hleftinner {
	width: 50%;
  float: left;
	padding: 0;
	display: inline;
	
}
.hrightinner {
	width: 22%;
  float: right;
  margin: 0;
	padding: 0;
	display: inline;
	
}
.hleftinnersc {
	width: 60%;
  float: left;
	padding: 0;
	display: inline;
	
}
.hrightinnersc {
	width: 35%;
  float: right;
  margin: 0;
	padding: 0;
	display: inline;
	
}
.abzgroup {
	/*width: 45%;*/
  margin: 0 auto;
	padding: 0;
	display: table;	
}
p.timeline,
p.abzgroup {
	margin: 0;
	padding: 0;
}
.abzgroup img {
 padding: 0;
 vertical-align: middle;
}
.groupright {
	/* width: 50%;*/
  margin: 0 auto;
	margin-top: 20px !important;
	padding: 2% 7% 2% 10%;
	color: #ccc;
	display: table;
	background-color: #252D59;
	border: 0px solid #ADD8E6;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
}
.groupright h3 {
	color: #FFF;
}
.hrightteam {
	width: 30%;
  float: right;
	margin: 0;
	padding: 0;
	display: inline;
  border: 1px solid #999;

}
/* HANDS-ON */
.hrightc {
	width: 35%;
	float: right;
	margin: 25px 20px 25px 0;
	padding: 1% 2% 2% 3%;
	background-color: #FFF;
	border: 0px solid #68954C;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);	
}
.hleftsubsc {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0 5% 0 5%;
	text-align: center;
	
}
.hrightdonate {
	width: 45%;
	float: right;
	margin: 0;
	padding: 0 3% 0 5%;
	border-left: 1px solid #999;
	
}
#footer-inner {
	width: 100%;
}
#footer-left {
	width: 35%;
	float: left;
	margin: 0 0 0 5%;
	text-align: left;
	display: inline;
}
#footer-middle {
	width: 0%;
	float: left;
	margin: 0;
	text-align: left;
	display: inline;
}
#footer-right {
	width: 15%;
	float: right;
	margin: 0;
	text-align: left;
	display: inline;
}
#footer-righttwo {
	width: 15%;
	float: right;
	margin: 0;
	text-align: left;
	display: inline;
}
#footer-left img {
	float: left;
	margin-bottom: 60px;
	clear: both;
}
}

/* ==== Large Devices-Tablets, Desktops ==== */
@media only screen and (min-width : 1368px){
/* Styles */


/* == FULLWIDTH VAN BG == */
.hfullwidth2 {
		/*height: 1350px;*/
}