/* 
	TABLE OF CONTENTS:
	
		RESETS
		GLOBAL
		HEADER
		CONTENT
		FOOTER
		MEDIA QUERIES

	LAST UPDATED:
	Name: RR
	Date: 3/24/11
	Update Description:
		* CSS created 3/24/11


FONT FAMILY 
font-family: 'Oswald', sans-serif;
font-weight: 300; 	
font-weight: 400; 	
font-weight: 700; 		
		
*/


/* ------------------------------------------------
		RESETS	RESETS	RESETS	RESETS	RESETS	
---------------------------------------------------*/
*{
	padding:0px;
	margin:0px;	
}

p, ul, ol, h1, h2, h3, h4, h5, h6, dl, table{
	margin:0 0 15px;
}
body{
font-family:Helvetica, Arial, sans-serif;
background:#d1d1d1;
font-size:14px;
}

input, textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	padding:2px 3px;
}
p, .leftContent {color: #444; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; line-height: 31px;}
h1, h2, h3, h4, h5, h6 {color: #222;}
h1{
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}

h2{
	font-size:26px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}
h3{
	font-size:22px;
font-weight:normal;
}
h4{
	font-size:20px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}

h5{
	font-size:18px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}
h6{
	font-size:16px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}

a img{
	border:0px none;
}

a:link,
a:visited,
a:active{
	color:#754296;
	text-decoration:none;	
}a:hover{text-decoration:underline;}
a:focus{
outline:none;
}




/* ------------------------------------------------
		END RESETS	END RESETS	END RESETS	
---------------------------------------------------*/





/* ------------------------------------------------
		GLOBAL	GLOBAL	GLOBAL	GLOBAL	GLOBAL	
---------------------------------------------------*/


.hidden{
	position:absolute;
	margin-left:-9999px;
	left:-9999px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

q {
	quotes: "“" "”" "‘" "’";
}

ins, mark {
    background: #ffa;
}
abbr, acronym {
    border-bottom: 1px dotted;
}

blockquote {
	margin: 0 0 0 40px;
	border: none;
	padding: 0px;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav-previous {
	width: 50%;
	display: inline-block;
}

.nav-next {
	float: right;
}

@media only screen and (max-width: 599px) {
    .alignleft,
    .alignright {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        height: auto;
    }

}

/* ------------------------------------------------
		END GLOBAL	END GLOBAL	END GLOBAL	
---------------------------------------------------*/

/* ------------------------------------------------
		GRID
---------------------------------------------------*/

.wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px; }



.grid {
	box-sizing: border-box;
	margin: 0 -15px;
	width: calc(100% + 30px); }
	.grid:after {
	/* Or @extend clearfix */
	content: "";
	display: table;
	clear: both; }
	.grid [class*='col-'] {
	box-sizing: border-box;
	padding: 0 15px;
	float: left; }
	.grid .col-1 {
    width: 8.33%; }
  .grid .col-2 {
    width: 16.66%; }
  .grid .col-3 {
    width: 25%; }
  .grid .col-4 {
    width: 33.33%; }
  .grid .col-5 {
    width: 41.66%; }
  .grid .col-6 {
    width: 50%; }
  .grid .col-7 {
    width: 58.33%; }
  .grid .col-8 {
    width: 66.66%; }
  .grid .col-9 {
    width: 75%; }
  .grid .col-10 {
    width: 83.33%; }
  .grid .col-11 {
    width: 91.66%; }
  .grid .col-12 {
    width: 100%; }

@media screen and (max-width: 800px) {
  .grid .col-1 {
    width: 16.66%; }
  .grid .col-2 {
    width: 33.33%; }
  .grid .col-3 {
    width: 50%; }
  .grid .col-4 {
    width: 100%; }
  .grid .col-5 {
    width: 100%; }
  .grid .col-6 {
    width: 100%; }
  .grid .col-7 {
    width: 100%; }
  .grid .col-8 {
    width: 100%; }
  .grid .col-9 {
    width: 100%; }
  .grid .col-10 {
    width: 100%; }
  .grid .col-11 {
    width: 100%; }
  .grid .col-12 {
    width: 100%; } }
@media screen and (max-width: 450px) {
  .wrapper {
    padding-left: 10px;
    padding-right: 10px; }

  .grid .col-1 {
    width: 100%; }
  .grid .col-2 {
    width: 100%; }
  .grid .col-3 {
    width: 100%; }
  .grid .col-4 {
    width: 100%; }
  .grid .col-5 {
    width: 100%; }
  .grid .col-6 {
    width: 100%; }
  .grid .col-7 {
    width: 100%; }
  .grid .col-8 {
    width: 100%; }
  .grid .col-9 {
    width: 100%; }
  .grid .col-10 {
    width: 100%; }
  .grid .col-11 {
    width: 100%; }
  .grid .col-12 {
    width: 100%; } }



/* ------------------------------------------------
		HEADER	HEADER	HEADER	HEADER	HEADER	
---------------------------------------------------*/
.header{
	background-color: white;
	height: 111px;
	-webkit-box-shadow: 0px 6px 25px -18px #000000;
	box-shadow: 0px 6px 25px -18px #000000;
}

.header .sub-menu {
	margin-top: 50px;
}
.header .container_12 {
	position: relative;
}
	.header .logo{
		float:left;
		margin:0;
	}

	.header .logo img {
		height: 91px;
		padding: 10px;
	}

	.header ul{
		list-style:none;
		height:40px;
		margin-top: 60px;
		float: right;
	}
		
		.header ul li{
			float:left;
			height:40px;
			position:relative;
		}
			.header ul li a{
				text-transform:uppercase;
				color:#a27dba;	
				display:block;
				padding:10px;
				text-decoration:none;
				font-weight:bold;
				font-family: 'Oswald', sans-serif;
				font-weight: 700;
				font-size: 13px;
				margin-right:10px;
			}
			.header ul li a:hover{
				color:#1e092c;
			}
				.header ul li a.sub, .header ul li.page_item_has_children > a, .header ul li.menu-item-has-children > a {
					padding-right:20px;
					background:url(/wp-content/uploads/2021/03/drop-down-caret-purple.png) no-repeat center right;
				}
				
				
				.header ul ul{
					position: absolute;
					top: -10px;
					background: #fff;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					z-index: 999;
					width: 200px;
					height: auto;
					display: none;
					border: 1px solid #111;
					border-top: none;
				}
				
				.header ul ul li{
					float:none;
					height:auto;
					position:static;
				}
				.header ul ul li a{
					color: #a27dba;
					text-decoration: none;
					margin-right: 0;
					font-size: 12px;
				}
				.header ul ul li a:hover{
					color:#eee;
					background:#a27dba;
					text-decoration:none;
				}
	.social-bar{
		background:url(/wp-content/themes/HMPRG/images/backgrounds/social-gradient.gif) repeat-x;
		height:53px;
	}
		.social-bar .container_12{
			padding:10px 0 0;
		}	
		
		.social-bar h3{
			font-family:"Times New Roman", Times, serif;
			font-size:25px;
			color:white;
			font-weight:normal;
			padding:0 20px;
			border-right:1px solid #63506f;
			display:inline-block;
			margin:0;
		}
			.social-bar h3 span{
				color:#eee;
			}
		.social-bar .soc-search{
			float:right;
			width: 675px;
			position: relative;			
		}
			.social-bar ul {
				float:left;
				margin:0 80px 0 0;
			}
			.social-bar li{
				list-style:none;
				float:left;
				margin-right:30px;
			}
		.soc-search fieldset{
			border:none;
		}
			fieldset legend, .searchBox label{
				display:none;
			}

			.soc-search .searchBox {
				position: absolute;
				right: 10px;
			}
		
			.soc-search div input[type="text"]{
				float: left;
				background: #543866;
				border: 1px solid #422c50;
				padding: 8px;
				color:#bbb2c1;
				-webkit-border-top-left-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-bottomleft: 3px;
				border-top-left-radius: 3px;
				border-bottom-left-radius: 3px;
				font-style:italic;
			}
			.soc-search div input[type="submit"]{
				text-indent: -333px;
				padding: 9px 20px;
				background: url(/wp-content/themes/HMPRG/images/buttons/search-btn.png) no-repeat top left;
				border: none;
				cursor:pointer;
			}

			.social-bar .fab {
				color: white;
				font-size: 21px;
				margin-top: 4px;
			}

@media (max-width: 980px) {
	.social-bar .soc-search .searchBox {
		position: unset;
	}
}

.header .header-donate-button {
	/* navigation styles */
	margin-top: 15px;
	background-color: #faa41a;
	text-transform:uppercase;
	letter-spacing: 2px;
	color:white;	
	display:block;
	padding:8px 20px;
	text-decoration:none;
	font-weight: bold;
	font-family: 'Helvetica', sans-serif;
	font-weight: 600;
	font-size: 13px;
	margin-right:10px;

	position: absolute;
	top: 5px;
	right: 0;
}
.header .header-donate-button:hover{
	color:#fff;
}

.header .header-signup-button {
	margin-top: 15px;
    background-color: #7a5f8b;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    display: inline-block;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    right: 120px;
}

@media (max-width: 980px) {
	.header .header-donate-button, .header .header-signup-button {
		display: none;
	}
}



/* ------------------------------------------------
		END HEADER	END HEADER	END HEADER	
---------------------------------------------------*/



/* ------------------------------------------------
		HOME	HOME	HOME	HOME	HOME		
---------------------------------------------------*/

.page-template-template-home .fw-panel h1,
.page-template-template-home .fw-panel h2,
.page-template-template-home .fw-panel h3,
.page-template-template-home .fw-panel h4,
.page-template-template-home .fw-panel h5,
.page-template-template-home .fw-panel h6,
.page-template-template-home .fw-panel p,
.page-template-template-home .fw-panel li {
	color: #ffffff;
	z-index: 10;
	position: inherit;
}

.page-template-template-home .fw-panel {
	overflow-x: hidden;
}

.page-template-template-home .fw-panel .fw-button {
	color: #fff !important;
	padding: 10px 38px 8px 18px;
	background: #faa41a;
	background-image: url('/wp-content/uploads/2021/03/fw-white-arrow.png');
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	text-decoration: none;
	z-index: 10;
	position: inherit;
}

.page-template-template-home .fw-panel .fw-button:hover {
	background: #f1f1f1;
	background-image: url(../images/fw-purple-arrow.png);
	background-image: url(../images/fw-purple-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	color: rgb(117,91,134);
	text-decoration: none;
}

.page-template-template-home .fw-panel .wrapper {
	max-width: 1000px;
}

.page-template-template-home .fw-panel p,
.page-template-template-home .fw-panel li {
	font-size: 31px;
	line-height: 38px;
	font-weight: 500;
}

.page-template-template-home .fw-panel h4 {
	font-weight: 200;
	font-size: 14px;
	letter-spacing: 1.5px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}

.page-template-template-home .fw-panel-1 {
	background-image: url(/wp-content/uploads/2021/11/Community-of-Diverse-People-2000px.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 220px;
	padding-bottom: 100px;
	position: relative;
	min-height: calc(100vh - 164px);
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-1  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .fw-panel-1  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .fw-panel-2 {
	background-image: url(/wp-content/uploads/2018/12/collage-2-min-1.png);
	background-size: auto 100%;
	background-position: 50vw 0;
	padding-top: 100px;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-2  .inner-panel {
	padding: 60px 40px;
	background: #eeeeee;
}

.page-template-template-home .fw-panel-2 h1,
.page-template-template-home .fw-panel-2 h2,
.page-template-template-home .fw-panel-2 h3,
.page-template-template-home .fw-panel-2 h4,
.page-template-template-home .fw-panel-2 h5,
.page-template-template-home .fw-panel-2 h6,
.page-template-template-home .fw-panel-2 p,
.page-template-template-home .fw-panel-2 li {
	color: #444444;
}

.page-template-template-home .fw-panel-2 .fw-button {
	color: #ffffff !important;
	padding: 10px 38px 8px 18px;
	background: rgb(117,91,134);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.page-template-template-home .fw-panel-2 .fw-button:hover {
	background: rgb(105,81,120);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
}

.page-template-template-home .fw-panel-blog {
	background-size: 50%;
	background-position: 0;
	padding-top: 100px;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-news {
	background-size: 50%;
	background-position: 0;
	padding-top: 100px;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-blog  .inner-panel {
	padding: 60px 40px;
	background: #eeeeee;
}

.page-template-template-home .fw-panel-news  .inner-panel {
	padding: 60px 40px;
	background: #eeeeee;
}

.page-template-template-home .fw-panel-blog h1,
.page-template-template-home .fw-panel-blog h2,
.page-template-template-home .fw-panel-blog h3,
.page-template-template-home .fw-panel-blog h4,
.page-template-template-home .fw-panel-blog h5,
.page-template-template-home .fw-panel-blog h6,
.page-template-template-home .fw-panel-blog p,
.page-template-template-home .fw-panel-blog li {
	color: #444444;
}

.page-template-template-home .fw-panel-news h1,
.page-template-template-home .fw-panel-news h2,
.page-template-template-home .fw-panel-news h3,
.page-template-template-home .fw-panel-news h4,
.page-template-template-home .fw-panel-news h5,
.page-template-template-home .fw-panel-news h6,
.page-template-template-home .fw-panel-news p,
.page-template-template-home .fw-panel-news li {
	color: #444444;
}

.page-template-template-home .fw-panel-blog .fw-button {
	color: #ffffff !important;
	padding: 10px 38px 8px 18px;
	background: rgb(117,91,134);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.page-template-template-home .fw-panel-news .fw-button {
	color: #ffffff !important;
	padding: 10px 38px 8px 18px;
	background: rgb(117,91,134);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.page-template-template-home .fw-panel-blog .fw-button:hover {
	background: rgb(105,81,120);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
}

.page-template-template-home .fw-panel-news .fw-button:hover {
	background: rgb(105,81,120);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
}

.page-template-template-home .fw-panel-3 {
	background-image: url(/wp-content/uploads/2018/12/hmprg-at-table-1-min.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-3  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .fw-panel-3  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .fw-panel-event {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-event  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .fw-panel-event  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	right: 0;
	z-index: 5;
}


.page-template-template-home .fw-panel-4 {
	background-image: url(/wp-content/uploads/2018/12/Schweitzer-hmprg-min.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-4  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .fw-panel-4  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	right: 0;
	z-index: 5;
}


.page-template-template-home .fw-panel-5 {
	background-image: url(/wp-content/uploads/2021/11/NewFooter.png);
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.page-template-template-home .fw-panel-5 .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(124,97,140,0.77));*/
}

.page-template-template-home .fw-panel-5  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .option3 {
    background-image: url(/wp-content/uploads/2021/11/Option3.jpeg);
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    min-height: calc(100vh - 164px);
    box-sizing: border-box;
}

.page-template-template-home .option3  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .option3  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .option4 {
    background-image: url(/wp-content/uploads/2021/11/Option4.jpeg);
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    min-height: calc(100vh - 164px);
    box-sizing: border-box;
}

.page-template-template-home .option4  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .option4  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .option6 {
    background-image: url(/wp-content/uploads/2021/11/Option6.jpeg);
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    min-height: calc(100vh - 164px);
    box-sizing: border-box;
}

.page-template-template-home .option6  .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(117,91,134,0.76));*/
}

.page-template-template-home .option6  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}

.page-template-template-home .newfooter {
    background-image: url(/wp-content/uploads/2021/11/NewFooter.png);
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    min-height: calc(100vh - 164px);
    box-sizing: border-box;
}

.page-template-template-home .newfooter .inner-panel {
	position: relative;
	padding: 60px 40px;
	/*background-image: linear-gradient(to right, rgba(117,91,134,0.76), rgba(124,97,140,0.77));*/
}

.page-template-template-home .newfooter  .inner-panel:before {
	content: "";
	display: block;
	position: absolute;
	width: 150vw;
	height: 100%;
	top: 0;
	background: rgba(117,91,134,0.76);
	left: 0;
	z-index: 5;
}
/* optional banner css */
.notif-banner {
	position: relative;
	z-index: 0;
	background-color: white;
	-webkit-box-shadow: 0px 9px 11px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 9px 11px 4px rgba(0,0,0,0.75);
	box-shadow: 0px 9px 11px 4px rgba(0,0,0,0.75);
}
.notif-banner .container {
	margin: 0 auto;
	max-width: 960px;
	padding: 17px 24px;
}
.notif-banner .text p {
	margin: 0;
}
.notif-banner .fw-button{
	color: #ffffff !important;
	padding: 10px 38px 8px 18px;
	background: rgb(117,91,134);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	float: right;
	margin-left: 15px;
}
.notif-banner .text-full p {
	margin: 0;
}
.mobile-buttons-container {
	display: none;
	text-align: center;
	margin: 0 auto;
	margin-bottom: -90px;
	z-index: 1000;
	position: relative;
	background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.4014598540145985) 0%, rgba(255,255,255,0.3990267639902676) 100%);
}
.mobile-buttons {
	display: none;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	padding-top: 40px;
}
.mobile-buttons .header-signup-button {
	margin-top: 15px;
    background-color: #7a5f8b;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    display: inline-block;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px;
	display: inline;
}
.mobile-buttons .header-donate-button {
	margin-top: 15px;
    background-color: #faa41a;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Helvetica', sans-serif;
    font-weight: 600;
    font-size: 13px;
    margin-right: 10px;
	display: inline;
}

.blog-button {
	color: #ffffff !important;
	padding: 10px 38px 8px 18px;
	background: rgb(117,91,134);
	background-image: url(../images/fw-white-arrow.png);
	background-image: url(../images/fw-white-arrow.svg);
	background-position: calc(100% - 18px) calc(50% - 1px);
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	margin-left: 15px;
}
@media only screen and (max-width: 800px) {
	.page-template-template-home .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.page-template-template-home .fw-panel-2 {
		background-image: url(/wp-content/uploads/2018/11/collage.png);
		background-size: cover;
		background-position: 50% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}
	.page-template-template-home .fw-panel-2 .inner-panel {
		background: rgba(238,238,238,0.88);
	}
}

@media only screen and (max-width: 600px) {

	.page-template-template-home .fw-panel-2 {
		background-image: url(/wp-content/uploads/2018/11/collage.png);
		background-size: cover;
		background-position: 20% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}
	.page-template-template-home .fw-panel-blog {
		background-size: cover;
		background-position: 20% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}

	.page-template-template-home .fw-panel-news {
		background-size: cover;
		background-position: 20% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}

	.page-template-template-home .fw-panel p, 
	.page-template-template-home .fw-panel li {
		font-size: 20px;
		line-height: 26px;
	}
	.page-template-template-home .fw-panel-1 .inner-panel,
	.page-template-template-home .fw-panel-2 .inner-panel,
	.page-template-template-home .fw-panel-3 .inner-panel,
	.page-template-template-home .fw-panel-4 .inner-panel,
	.page-template-template-home .fw-panel-5 .inner-panel,
	.page-template-template-home .newfooter .inner-panel,
	.page-template-template-home .fw-panel-event .inner-panel,
	.page-template-template-home .fw-panel-blog .inner-panel,
	.page-template-template-home .fw-panel-news .inner-panel {
		padding: 60px 15px;
	}
}

@media only screen and (max-width: 600px) {

	.page-template-template-home .fw-panel-2 {
		background-image: url(/wp-content/uploads/2018/11/collage.png);
		background-size: cover;
		background-position: 30% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}
	.page-template-template-home .fw-panel-blog {
		background-size: cover;
		background-position: 30% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}
	.page-template-template-home .fw-panel-news {
		background-size: cover;
		background-position: 30% 50%;
		padding-top: 100px;
		background-repeat: no-repeat;
	}
}


/* ------------------------------------------------
		END HOME	END HOME	END HOME		
---------------------------------------------------*/


/* ------------------------------------------------
		CONTENT	CONTENT	CONTENT	CONTENT	CONTENT	
---------------------------------------------------*/

.content{
	min-height:20px;
	background:#eee;
}
.container_12 .leftContent{
	border-left:1px solid #d7d7d7;
	margin-left: -11px;
	padding: 20px;
	width:590px;
        padding-bottom: 80px;
}
.leftContent.noBorder {
	border: 0;
}
.leftContent.wide {
	width: 640px;
}

.leftContent ul, .leftContent ol{
	padding:0 0 0 20px;
}

.leftContent .back{
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #5f4d6a;
	display: inline-block;
	padding: 7px 20px 7px 0;
}
.tabSection{display:none;}

.leftContent .tabs {
	width: 100%;
	height: 45px;
	padding: 0;
	border-bottom:1px solid #d9d9d9;
	background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
margin:40px 0 30px;
}
.tabs li{
	list-style:none;
	padding:10px;
	color:#5d4b68;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	float:left;
	cursor:pointer;
}
 .tabs li.active{
	background:#eeeeee;
	border:1px solid #ededed;
	border-bottom:none;
	box-shadow:0px -5px 14px #c2c2c2;
	margin-top:1px;
}
.tabSection:first-child{display:block;}
.leftContent .content{
	padding: 40px 0;
}

.leftContent h1{
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height: 36px;
display: inline-block;
width: 520px;
margin: 0px;
}

.entry{
margin:0 0 20px;
}

.rightContent{
	border-right:1px solid #d7d7d7;
}
.rightContent.events{
	border-right:0;
	padding-top:30px;
}
	.rightContent ul{
		list-style:none;
		padding-top:20px;
		box-shadow:-12px 0px 20px #e2e2e2 inset
	}
	.rightContent h3{
		padding: 10px;
background: url(/wp-content/themes/HMPRG/images/backgrounds/dotted-repeat-x.gif) repeat-x bottom left;
margin: 0;
	}
	.rightContent ul  li a{
		padding: 10px;
border-bottom: 1px dotted #bbbbbb;
width: 280px;
display: block;
/*background: url(/wp-content/themes/HMPRG/images/icons/read-more.png) no-repeat 90% 50%;*/
font-family: 'Oswald', sans-serif;
	font-weight:700;
	color:#5d4b68;
	text-transform:uppercase;
	font-size:12px;
	}

	.pricing{
		border: 1px solid #d9d9d9;
		padding: 30px;
		margin: 10px auto;
		width: 200px;
		box-shadow: 0px 0px 7px #c3c3c3;
		border-radius: 3px;
		background: #eee;

	}.pricing h4, .pricing strong.dollar{
			font-family: 'Oswald', sans-serif;
font-weight: 700; 	
text-transform:uppercase;
padding: 0 0 12px;
border-bottom:1px solid #dad5d5;
	}
	.pricing strong.dollar{
		font-size: 19px;
margin: 0 5px;
	}
	.pricing .skuQty{
		width:95px;
		background:#e1e1e1;
		padding:4px;
		border:1px solid #cfcfcf;
	}
	
	.pricing #addToCart, .showMorePager{
		background: rgb(254,254,254); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(226,225,225,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(226,225,225,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e1e1',GradientType=0 ); /* IE6-9 */
		color:#a27dba;
		font-family: 'Oswald', sans-serif;
		font-weight: 700; 	
		text-transform:uppercase;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:15px;
		text-decoration:none;
		display: block;
		text-align: center;
		box-shadow: 0 0 10px #c2c2c2;
	}.showMorePager:hover{text-decoration:none;}
	
	.rightContent ul  li a:hover{
		text-decoration:none;
		background: rgb(251,251,251); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		box-shadow: -3px 2px 18px #c6c6c6
	}
	
	.pricing .qtyField{
		height:65px;
	}

	.socialShare{
		padding: 10px;
border: 1px dotted #c3c3c3;
border-right: none;
border-left: none;
background: #e4e4e4;
margin-bottom: 20px;
	}
	.socialIcons{
		float:left;
		width:110px;
		
	}

.rightContent ul.sub{
padding-top:0px;
}
h4.sub {
padding: 20px 10px;
border-bottom: 1px dotted;
margin-bottom: 0;
}

.staffTitle {
color: #6B6B6B;
width: 70%;
display: block;
font-size: 12px;
margin: 3px;
}
.member-content {
	width:95%;
}
.member-img img {
	width:100%;
}
.member-position {
	font-style:italic;
}
.member-name {
	font-weight:700;
}
/* ------------------------------------------------
		END CONTENT	END CONTENT	END CONTENT	
---------------------------------------------------*/



/* ------------------------------------------------
		RESOURCE LIBRARY  RESOURCE LIBRARY	
---------------------------------------------------*/

.content .container_12 .leftContent.grid_12 {
	width: 100%;
	/* it should be this anyway.. */
}

.filters-search {
	overflow: auto;
	margin-bottom: 20px;
	margin-top: -20px;
}
.filters-search .filters {
	font-size: 0;
	display: inline-block;
	margin-right: 30px;
}

.filters-search .programs-event-forums-select {
	display: inline-block;
}
.filters-search .programs-event-forums-select label {
	display: block;
}
.filters-search .programs-event-forums-select select {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
	padding: 2px 3px;
	line-height: 28px;
	height: 36px;
}

.filters-search .filters label {
	font-size: 16px;
	display: block;
}
.filters-search .filters a {
	display: inline-block;
	background: #fff;
	color: #754296;
	border: 1px solid #a9a9a9;
	font-size: 16px;
	padding: 3px 20px;
}
.filters-search .filters a:hover {
	background: #ddd;
	text-decoration: none;
}
.filters-search .filters a.active {
	background: #754296;
	color: #fff;
}
.filters-search .filters a.active:hover {
	background: #754296;
}
.filters-search .search {
	display: inline-block;
	font-size: 0;
}
.filters-search input {
	line-height: 28px;
}
.filters-search .search {
	margin-right: 15px;
}
.filters-search .search .searchButton {
	text-indent: -333px;
    padding: 9px 20px;
    background: url(/wp-content/themes/HMPRG/images/buttons/search-btn-clean.png) no-repeat top left;
	border: 1px solid #a9a9a9;
    border-radius: 0px 5px 5px 0px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	height: 16px;
	margin-left: -1px;
}
.filters-search .showAllCategories {
	margin-right: 15px;
}
.view-all-documents {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #aaa;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
    font-weight: 400;
    line-height: 34px;
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 5px;
    text-decoration: none;
}
.view-all-documents:hover {
    text-decoration: none;
}

.resource-library .grid {
	margin-left: -20px;
	margin-right: -20px;
	font-size: 0;
}
.resource-library .grid-item {
	display: inline-block;
	padding: 0 20px;
	width: 50%;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 17px;
}

.resource-library .category-type > h3 {
	margin-bottom: 15px;
	display: none;
}
.resource-library .category-type .grid-item {
	margin-bottom: 15px;
}
.resource-library .category {
	margin-top: 25px;
}
.resource-library h1 {
	/* margin-bottom: 0.5em; */
}
.resource-library h3 {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}
.resource-library .documentCount {
	font-size: 16px;
	font-weight: 400;
	color: #888;
}
.resource-library .documentCount.singular-yes .s {
	display: none;
}
.resource-library .image-container {
	float: left;
}
.resource-library .image-container a {
	width: 30px;
	height: 55px;
}
.resource-library .image-container a {
	text-decoration: none;
}
.resource-library .content-container {
	float: left;
	width: calc(100% - 45px);
	margin-left: 15px;
	font-size: 17px;
}

.resource-library .content-container iframe {
	max-width: 100%;
}

.resource-library .document .date {
	margin-top: -5px;
	margin-bottom: 0;
}
.resource-library .document .date .category-link {
	font-weight: 300;
}
.resource-library .document .date .category-link:last-of-type .comma {
	display: none;
}
.resource-library .document .terms {
	margin-top: -1.5em;
	margin-bottom: 1em;
	font-size: 14px;
	color: #979797
}
.resource-library .document .tag {
	/* color: #555; */
}
.resource-library .document .tag:last-of-type .comma {
	display: none;
}

.resource-library .pagination .page-numbers {
	display: inline-block;
	padding: 0px 9px;
	background: #fff;
	border: 1px solid #a9a9a9;
}
.resource-library .pagination .page-numbers:hover {
	text-decoration: none;
	background: #ddd;
}
.resource-library .pagination .page-numbers.current {
	background: #754296;
	color: #fff;
}

/* interactive styles */
.no-results {
	margin-top: 25px;
}
.no-results.hidden {
	display: none;
}

.single-programs .header-image {
	height: 180px;
    overflow: hidden;
    margin-top: 24px;
    -webkit-box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 30%);
}

.single-programs .header-image img {
	width: 100%;
}



/* ------------------------------------------------
		END RESOURCE LIBRARY   END RESOURCE LIBRARY
---------------------------------------------------*/





/* ------------------------------------------------
		FOOTER	FOOTER	FOOTER	FOOTER	FOOTER	
---------------------------------------------------*/
.footer{
	background-color: white;
	padding:65px 0;
	color:#656565;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
	.footer .column {
		float:left;
		display:inline-block;
		margin-right:40px;
	}
        .footer .column p {
                line-height: 22px;
        }
        .footer .column.company-info {
                width: 250px;
        }
	.footer ul{
		list-style:none;
	}
	.footer ul a{
		font-weight:700;
		text-transform:uppercase;
		display:inline-block;
		color:#5d4b68;
	}
		.footer .programs a{
			margin-bottom:10px;
		}
		.footer .programs ul a{
			margin-bottom:0px;
		}
		.footer ul ul a{
			font-weight:300;
			text-transform:capitalize;
			
		}
		
		.footer .soc {
			position: absolute;
			right: 0;
		}
	.footer .soc ul li{
		display:inline-block;
	}

	.footer .container_12 {
	    width: 1016px !important;
	}

	.footer .clearfix {
		position: relative;
	}

	.footer .footer-donate-button {
	background-color: #faa41a;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
    display: block;
    padding: 8px 20px;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px;
	text-align: center;
	}

	.footer .footer-signup-button {
		background-color: #754296;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: white;
		display: block;
		padding: 8px 20px;
		font-family: 'Helvetica', sans-serif;
		font-weight: 700;
		font-size: 13px;
		margin-right: 10px;
		margin-top: 14px;
		}

	.footer .soc ul {
		margin-top: 30px;
		text-align: right;
	}
	.footer .soc ul li {
		padding-right: 12px;
	}
	.footer .soc ul i{
		font-size: 25px;
	}
	.footer .copyright {
		font-size: 14px;
	}

	@media (max-width:874px){
		.footer .soc {
			position: unset;
		}
	}


.tecture{text-align:left; margin:0; float:right;}
.tecture a{display:inline-block; overflow:hidden;text-indent:-3000px;height:24px; width:131px; background:url(/wp-content/themes/HMPRG/images/tecture.png) top left;}
.tecture a:hover{background-position:bottom left;}


/* ------------------------------------------------
		END FOOTER	END FOOTER	END FOOTER	
---------------------------------------------------*/


/* ------------------------------------------------
		NEWSROOM, EVENTS PAGE
---------------------------------------------------*/
.filters  {
	margin: 50px -15px 0;
}

.filters_wrapper {
    text-align: left;
    border-bottom: 2px solid #a27dba;
	margin-bottom: 20px;
}

.filters_wrapper ul {
    overflow: visible;
    display: inline-block;
}

.filters_wrapper ul button {
	display: inline-block;
    margin: 0 24px 24px 0;
	width: auto;
	cursor: pointer;
}

.filters_wrapper ul button {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    background: #FFF;
    border: 2px solid #a27dba;
    font-size: 22px;
    line-height: 24px;
    color: #a27dba !important;
    padding: 8px 20px;
}

.filters_wrapper ul button:hover,
.filters_wrapper ul button.is-checked {
    background: #a27dba;
    color: #FFF !important;
}

h4.newsroom {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 33px;
}
.grid-item { width: 100%; }
.featured-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #754296;
	text-align:center;
	margin-bottom:10px;
}
.featured-block {
	margin-bottom: 30px;
	text-align:center;
}
.event-caption {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	text-align: center;
	padding-top:5px;
}

/* ------------------------------------------------
		END NEWSROOM, EVENTS PAGE
---------------------------------------------------*/


/* ------------------------------------------------
		MEDIA QUERIES	MEDIA QUERIES
---------------------------------------------------*/
    
@media (max-width: 980px) {
	/* Layout */
	/* These media queries are specific to this site. Since box-sizing: border-box isn't used, it's hard to make the grid work with paddings and margins. */
	body {
		min-width: auto;
	}
	.container_12, .container_12 .grid_4, .container_12 .grid_8, .container_12 .leftContent {
		box-sizing: border-box;
	}
	.container_12 {
		max-width: 100%;
	}
	.container_12 .grid_4 {
		width: 200px;
	}
	.container_12 .grid_8 {
		/* width: calc(100% - 262px); */
		width: calc(100% - 220px);
	}
	.container_12 .leftContent {
		
	}

	/* Header */
	/* Responsive Button */
	body button#responsive-menu-button {
		position: absolute;
		width: 45px;
		height: 45px;
		top: 35px;
		background: #7a5f8b;
	}
	.responsive-menu-open body button#responsive-menu-button:hover, .responsive-menu-open body button#responsive-menu-button:focus, body button#responsive-menu-button:hover, body button#responsive-menu-button:focus, .responsive-menu-open body button#responsive-menu-button {
		background: #543866;
	}

	/* Mobile Menu */
	/* Standard State */
	body #responsive-menu-container, body #responsive-menu-container #responsive-menu li.responsive-menu-item a, body #responsive-menu-container #responsive-menu-wrapper {
		background: #7a5f8b;
		background: #674C79;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
		background: #7a5f8b;
		background: #674C79;
	}
	/* Hover State */
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover, body #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
		background: #543866;
		background: #3e244e;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover, body #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
		background: #543866;
		background: #3e244e;
	}
	/* Active State */
	body #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
		background: #543866;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
		border-color: #3a3a3a;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link .responsive-menu-subarrow {
		background: #543866;
	}
	/* Submenu */
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
		background: #543866;
	}
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover, body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
		background: #3e244e;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
		background: #543866;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
		background: #7a5f8b;
	}
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu > li.responsive-menu-item:first-child > a {
		border-top: 0;
	}
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
		border-color: #3a3a3a;
	}
	/* Active Submenu */
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link {
		background-color: #3e244e;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active {
		background-color: #3e244e;
	}
	/* Other */
	body #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
		font-size: 16px;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a {
		height: 50px;
		line-height: 50px;
	}
	body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
		height: 48px;
		line-height: 48px;
		width: 48px;
	}
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
		font-size: 14px;
	}
	body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
		height: 45px;
		line-height: 45px;
	}
	body #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a, body #responsive-menu-container #responsive-menu li.responsive-menu-item a, body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow, body #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
		border-color: #3a3a3a;
	}
	/* to hide search
	body #responsive-menu-container #responsive-menu-search-box, body #responsive-menu-container #responsive-menu-additional-content, body #responsive-menu-container #responsive-menu-title {
		display: none;
	}
	*/

	/* Social Bar */
	.social-bar h3 {
		display: none;
	}
	.social-bar .soc-search {
		float: none;
		margin-left: 10px;
	}
	.social-bar ul {
		margin-right: 10px;
	}
	.social-bar li {
		margin-right: 15px;
	}

	/* Footer */
	.footer .clearfix, .footer .tecture, .footer .copyright {
		margin: 0 10px;
	}
	.footer .soc {
		float: none !important;
	}
	.footer .soc ul {
		position: relative;
	}
	.footer .footer-donate-button, .footer .footer-donate-button {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}
	.footer .tecture {
		margin-right: 0;
		float: none;
	}
	/* swap the copyright and the tecture logo */
	.footer .copyright {
		margin-top: -60px;
	}
	.footer .tecture {
		margin-top: 40px;
	}

	/* Left column (but named rightContent) */
	
	.rightContent ul li a {
		max-width: 180px;
	}
	.pricing {
		max-width: 160px;
		padding: 15px;
		margin-right: 10px;
	}
	.pricing h4 {
		font-size: 18px;
	}
	.mobile-buttons-container {
		border-top: 5px solid #674C79;
		display: block;
	}
	.mobile-buttons {
		display: block;
	}
	.notif-banner {
		display: none;
	}
}

.mobileSubMenu {
	display: none;
	padding: 5px 10px;
	box-sizing: border-box;
}
.mobileSubMenu .menuText {
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	background: #674C79;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	padding: 10px;
}
.mobileSubMenu .arrow {
	display: inline-block;
}
.mobileSubMenu.open .arrow {
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}
@media (max-width: 767px) {
	/* Layout */
	.container_12 .grid_4 {
		width: 100%;
		margin: 0;
	}
	.container_12 .grid_8 {
		width: 100%
	}
	.leftContent.wide {
		width: 100%;
	}
	.container_12 .leftContent {
		margin-left: 0;
		margin-right: 0;
	}
	/* Submenu */
	.rightContent h4.sub, .rightContent .pricing, .rightContent br, .rightContent center {
		display: none;
	}
	.mobileSubMenu {
		display: block;
	}
	.rightContent ul li a {
		width: 100%;
		max-width: none;
	}
	.mobileSubMenu + ul {
		display: none;
		padding-top: 0;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	.rightContent .mobileSubMenu + ul li:last-of-type a {
		border-bottom: none;
	}

	/* Header */
	.social-bar {
		display: none;
	}
	body #responsive-menu-container #responsive-menu-search-box, body #responsive-menu-container #responsive-menu-additional-content, body #responsive-menu-container #responsive-menu-title {
		display: block;
	}


	/* Footer */
	.footer .copyright {
		margin-top: -100px;
	}
	.footer .tecture {
		margin-top: 80px;
	}

	/* Other */
	.leftContent h1 {
		max-width: 100%;
	}
	img, iframe {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	/* Header */
	.header {
		height: 75px;
	}
	.header .logo img {
		width: 230px;
	}
	body button#responsive-menu-button {
		width: 40px;
		height: 40px;
		top: 18px;
	}

	/* Footer */
	.footer .copyright {
		margin-top: -130px;
	}
	.footer .tecture {
		margin-top: 100px;
	}
}

@media only screen and (max-width: 480px) {
	.header {
		height: 109px;
	}
}

/* ------------------------------------------------
		END MEDIA QUERIES	END MEDIA QUERIES
---------------------------------------------------*/