@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

html {
  scroll-behavior: smooth;
}
.scrolltop { text-decoration: none; border: 4px solid transparent; }
.scrolltop:hover { text-decoration: none; border: 4px solid #ffcc00; border-radius: 100%; transition-duration: 0.5s; }

body {
	font-family 		: 'Roboto', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
	overflow-x 			: hidden;
	color 				: #2a3237;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.parallax {
	position: absolute;
	overflow: hidden;
	width: 100%;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.parallax img {
	width: 100%;
	height: 100%;
}
/* Preloader */

.preloader {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.preloader img {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
}

.scrollto--arrow img {
	animation: arrowbounce 1s alternate infinite;
	-moz-animation: arrowbounce 1s alternate infinite; /* Firefox */
	-webkit-animation: arrowbounce 1s alternate infinite; /* Safari and Chrome */
	-o-animation: arrowbounce 1s alternate infinite; /* Opera */
}

/* HIDDEN */

div#elx_addsearchengine,
.elx5_content_icons,
div#related {
	display 			: none!important;
}

/* Typography */

a {
	text-decoration 	: none;
	color 				: #009162;
	-webkit-transition 	: all 0.3s ease;
	transition 			: all 0.3s ease;
	cursor 				: pointer;
}

a:hover {
  text-decoration: underline;
  color         : #02478e;
}

.fa-file-pdf-o {
  color 					: #c11e07;
}

p {
	font-size 		: 1.3vw;
	line-height 	: 1.7;
	color 				: #8a8e91;
	margin-bottom : 2em;
}

time, .elx5_dateauthor, .elx5_error {
	font-size 		: 1vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
	position: relative;
	margin: 10px 0;
}

h1 {
	font-size 	: 2.5vw;
}
div.modulehero h1 {
	font-size 	: 3.5vw;
}

h2 {
	font-size 	: 2.2vw;
}

h3 {
	font-size 	: 1.8vw;
}

h3.elx_links_box_title {
	margin-top 			: 4vw;
}

h4, h4.panel-title, .elx_search_summary {
	font-size 	: 1.5vw;
	line-height : 1.5;
}

div#elx_category_page_search h4 {
	line-height 			: 1;
	margin-top 				: 0;
}

div#elx_category_page_search p.elx_content_short {
	font-size 				: 1vw;
	line-height 			: 1.3;
	margin-top 				: 0.5vw;
}

#overview h4 {
	line-height 			: 1.5;
}

h5 {
	font-size 	: 1.2vw;
}

h6 {
	font-size 	: 1vw;
}


hr {
	margin-top 			: 4em;
	margin-bottom 		: 4em;
	border-top 			: 1em solid rgba(0,145,98,0.2);
}

ul.white-list {
	padding 			: 0;
	list-style-type 	: none;
}

ul.white-list li {
	font-size 			: 1vw;
	margin 				: 10px 0;
	color 				: #fff;
}

ul.white-list li:before {
	content: ' ';
	position: relative;
	top: -3px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 15px;
	background: #fff;
}

ul.radio {
margin: 0;
}

ul.radio li {
	list-style-type : none;
	color 					: #fff;
	font-size 			: 16px;
  margin 					: 1em 0;
  display 				: inline-block;
  width 					: 110px;
}

ul.radio li label {
	padding 				: 0;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.btn-default {
	color 					: #fff!important;
	border 					: 2px solid #fff;
}

.btn-default:hover,.btn-default:focus {
	background-color  				: transparent!important;
}

div.mce_inline_error, div.response {
	color 					: #fff;
	background 				: #f00;
	padding 				: 1vw;
	font-weight 			: bold;
}


ul.dropdown-menu li {
	list-style-type 		: none;
	color 					: #fff;
	font-size 				: 1vw;
    margin 					: 1em 0;
}


ol li {
  list-style				: decimal;
  margin					: 20px;
}

ul, ol {
  margin-bottom 			: 2em;
}

ul li, ul.elx5_links_box li {
  color 					: #faa61a;
  list-style-type 			: square;
  font-size 				: 2vw;
	margin-left 			: 1em;
}

ul li p, ul li div, ul.elx5_links_box li {
  color 					: #707070!important;
  font-size 			: 1.3vw;
	margin-top 			: 13px;
	margin-bottom 	: 13px;
}

ul li ul li p {
	font-size 				: 1.1vw;
	margin-bottom 			: 1em;
}

ul.useful li p {
  margin-bottom: 0.2em;
  font-size: 0.5em;
  line-height: 1;
	text-align:left;
}
		
ul.useful li p a {
  color: #fff;
}


div.modulehero .fa-angle-double-right {
	color 				: #fff;
}

header {
	position 			: relative;
	width 				: 100%;
	color 				: #fff;
	background 			: rgba(28, 36, 65, 0.93);
	background 			: url('https://www.pgaction.org/templates/inclusion/images/frontpage/header.jpg');
	background-size 	: cover;
}

header .table {
	display: table;
	height: 100%;
}

header .container {
	height 				: 100%;
	overflow 			: hidden!important;
	box-sizing 			: border-box;
}

header .header-text {
	display 			: table-cell;
	text-align 			: center;
	vertical-align 		: middle;
	color 				: #fff;
}

header .typed {
	display: inline-block;
	margin: 0;
}

.highlighted-article {
	position 				: absolute;
	left 					: 2vw;
	bottom 					: 6vw;
	z-index 				: 5000;
}

.highlighted-article a, .highlighted-article svg {
	color 					: #fff;
	font-weight 			: bold;
}


.row.match-my-cols [class*="col-"] .item{
    height 					: 37vw;
	overflow 				: hidden;
}


.modulelang {
	position 				: absolute;
	right 					: 1.5vw;
	top 					: 4vw;
	z-index 				: 5000;
	font-size 				: 1vw;
}

.modulelang a {
	color 					: #ddd;
	margin-right 			: 1em;
}

.modulelang a.curlang {
	color 					: #fff;
}

.modulelang a:hover {
	color 					: #fff;
	font-weight 			: bold;
}

.modulang a:nth-of-type(3) {
	display 				: none;
}

/* Navigation Bar ( Navbar ) */

.modulenavbar {
	top 					: 0;
}

.modulenavbar .elx_menu > li {
	margin-left 			: 1vw!important;
	display 				: inline;
	position 				: relative;
}

.modulenavbar .elx_menu > li > a, .modulenavbar .elx_menu > li > span {
	font-weight 			: bold;
	font-size 				: 1vw!important;
	padding 				: 0.6vw 1vw!important;
	color 					: #fff;
}

.modulenavbar .elx_menu > li > span {
	display 				: block;
	line-height 			: 20px;
}

.modulenavbar {
	position 				: absolute;
	z-index 				: 9500;
	/*width 					: 100%;*/
	-webkit-transition 		: all 0.3s ease;
	transition 				: all 0.3s ease;
}

.modulenavbar .elx_menu li.active a:not(.btn) {
	color 					: #009162 !important;
}

.modulenavbar-fixed-top {
	z-index 				: 9499;
	top 					: 0;
	padding 				: 1vw 0;
	opacity 				: 0;
	background 				: #fff;
	box-shadow 				: 0px 4px 3px rgba(0, 0, 0, 0.05);
}

.modulenavbar-fixed-top .modulenavbar .elx_menu > li > a:not(.btn) {
	color 					: #009162;
}

.modulenavbar ul {
	z-index 				: 2;
}


.modulenavbar ul ul {
	visibility 				: hidden; /* hides sub-menu */
    opacity 				: 0;
	position 				: absolute;
	top 					: 112%;
	left 					: 0;
	background 				: #fff;
	padding 				: 0;
	margin-left 			: 0;
	transform 				: translateY(-2em);
    z-index 				: -1;
  	transition 				: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}

.modulenavbar ul ul li {
	float 					: none;
	width 					: 20vw;
	list-style-type 		: none;
	margin-left 			: 0;
	font-weight 			: normal;
	font-size 				: 1vw!important;
	padding 				: 0.3vw 0.7vw;
}

.modulenavbar ul ul ul {
	top 					: 0;
	left 					: 100%
}

.modulenavbar ul li:hover > ul {
	visibility 				: visible; /* shows sub-menu */
  	opacity 				: 1;
 	z-index 				: 1;
  	transform 				: translateY(0%);
  	transition-delay 		: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}


div#download-report {
	position  			: absolute;
	top 				: 0;
	right 				: 3vw;
	z-index 			: 9999;
   background: url(https://www.pgaction.org/templates/inclusion/images/icons/download.png) no-repeat 96% 0;
}

div#download-report select {
   	background 			: transparent;
   	border 				: none;
   	font-size 			: 1vw;
   	height 				: 2vw;
   	width 				: 12vw;
	-webkit-border-radius: 5px;
   	-moz-border-radius 	: 5px;
   	border-radius 		: 5px;
	background-color 	: #faa61a;
	color 				: #02478e;
	font-weight 		: bold;
}




/* Buttons */

.btn {
	font-size 		: 18px;
	display 			: inline-block;
	padding 			: 0.8vw 1.6vw;
	color 				: #fff;
	border 				: 2px solid transparent;
	border-radius : 2px;
	background 		: transparent;
	-webkit-transition 	: all 0.3s ease;
	transition 			: all 0.3s ease;
}

.btn:hover,
.btn:focus {
	color 				: #fff;
}

.btn.btn-blue {
	background: #009162;
}

.btn.btn-blue:hover {
	background: #31b9ff;
}

.btn.btn-blue-fill {
	color: #009162;
	border-color: #009162;
	background: transparent;
}

.btn.btn-blue-fill:hover {
	color: #fff;
	background: #009162;
}

.btn.btn-white-fill {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.btn.btn-white-fill:hover {
	color: #009162;
	background: #fff;
}

.btn.btn-gray-fill {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.btn.btn-gray-fill:hover {
	border-color: #009162;
	background: #009162;
}


/* homepage */

div.modulerecommended p {
	text-transform 		: uppercase;
	color 				: #fff;
	font-size 			: 1vw;
	text-align 			: center;
	line-height 		: 1.4;
	margin-top 			: 1em;
}

#resources {
	background 				: #497a39 url('https://www.pgaction.org/templates/inclusion/images/frontpage/additional-resources.jpg') no-repeat center center;
	-webkit-background-size : cover;
	background-size 		: cover;
}



section#join {
	background-color 		: #faa61a;
	width 					: 100%;
	padding 				: 10em;
	box-sizing 				: border-box;
	text-align 				: center;
}

section#join h2 {
	color 					: #02478e;
}

section#join h5 {
	color 					: #21252b;
	margin-bottom 			: 3em;
}

section#join a {
	text-decoration 		: none;
    transition 				: 0.1s ease-in-out;
    background 				: #21242b;
    padding 				: 1.3em;
    font-size 				: 0.9vw;
    color 					: #fff;
	font-weight 			: bold;
}

section#join a:hover {
	background 			 	: #fff;
	color 				 	: #02478e;
	cursor 				 	: pointer;
}


/* Case Studies */

#case-studies {
	background 					: #009162 url('https://www.pgaction.org/templates/inclusion/images/frontpage/case-studies.jpg') no-repeat center center;
	-webkit-background-size 	: cover;
	background-size 			: cover;
}

/* Categories */

div.elx_short_box div.elx_content_imagebox {
	width 					: auto!important;
	float 					: left!important;
	margin-right 			: 2vw!important;
	margin-bottom 			: 1vw;
	z-index 				: 0!important;
}

img.elx5_category_image, figure.elx5_content_imagebox img {
	border 					: 0;
	margin 					: 0;
	padding 				: 0;
	float 					: none;
	width 					: 100%;
	
}	

figure.elx5_content_imagebox figcaption, figcaption {
    background: rgba(0,145,98,0.8);
    bottom: 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    padding: 1rem;
    -webkit-transition: max-height 0.3s ease-out;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    }

div.elx_category_page {
	background-color 		: #b099da;
	padding 				: 0 0 4em 0;
}

div.elx_category_page div.elx_short_box {
	margin 					: 5em 20%;
	background-color 		: #fff;
	padding 				: 3em;
}

div#category-content, .elx_tags_page, .elx_archive_page, .elx_feeds_page {
	margin 				: 4vw auto;
	background-color 	: #fff;
	width 				: 80%;
	padding 			: 4vw;
}

.elx_tags_page, .elx_archive_page, .elx_feeds_page {
	margin 				: 0 auto;
}


div#elx_category_page_search div.elx_short_box {
	margin 				: 0;
}

div#elx_category_page_search div.elx_short_box div.elx_content_imagebox {
	width 				: 30%!important;
}


/* Articles */

div.elx5_article_header, div.elx5_category_header {
	top 					: 24vw;
  margin-left 	: 3%;
	position 			: absolute!important;
	z-index: 10;
}

div.elx_archive_page div.elx5_category_header, div.elx_feeds_page div.elx5_category_header, div.elx_tags_page div.elx5_category_header {
	left: 2vw;
}

div.elx_article_page {
	background-color 	: #b099da;
	padding 			: 0;
}

div.elx5_article_header h1, div.elx5_category_header h1 {
	color 				: #fff;
}

div.elx_content_imagebox {
	width 				: 100%;
	z-index 			: -1;
}
	
div.elx_content_imagebox img {
	width 				: 100%;
}

div#article {
	width: 100%!important;
	padding: 0;
}

div#article-content,
div.search_results_page {
	margin 				: 0 auto!important;
	background-color 	: #fff;
	width 				: 80%;
	padding 			: 4vw;
}

div#article-content p {
	text-align: justify;
}


/* Definition List */


dt 	{
	font-weight 		: bold;
	font-size 			: 1.8em;
	margin-bottom 		: 0.4em;
}
	
dd {
	color 				: #444;
	font-size 			: 1.2vw;
	margin 				: 0 0 2.5em 0;
	padding-left 		: 4.5em;
	line-height 		: 1.5em;
	background 			: none no-repeat left top;	
}

.container {
	position: relative;
	z-index: 1;
}

/* Sections */
section {
	position: relative;
}

.section {
	padding: 40px 0;
	background: #fff;
}

.section-padded {
	padding: 140px 0 40px;
}

.cut-top {
	content: ' ';
	position: absolute;
	z-index: 1;
	top: -80px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 80px solid transparent;
	border-right: 30px solid #fff;
}

.cut-bottom {
	content: ' ';
	position: absolute;
	z-index: 1;
	bottom: -80px;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: 80px solid transparent;
	border-left: 30px solid #fff;
}


.item {
	margin 					: 0;
	padding-bottom 			: 5vw;
	background 				: #fff;
	box-shadow 				: 0 2px 3px rgba(0, 0, 0, 0.07);
}

.item .title {
	padding 				: 1vw
}

.item h4 {
	margin 					: 2vw 0;
}

.item p {
	line-height 			: 1.5;
}

.top-buffer { 
	margin-top 				: 2vw; 
}



/* Blog */

#blog {
	background 					: #009162 url('https://www.pgaction.org/templates/inclusion/images/frontpage/blog.jpg') no-repeat center center;
	-webkit-background-size 	: cover;
	background-size 			: cover;
	padding 					: 6vw 0;
}

#blog h6 {
	margin-bottom 				: 3em;
}

#blog p {
	font-size 					: 1vw;
	line-height 				: 1.1;
}


#blog .row .col-xs-6, #blog .row .col-xs-8 {
	margin-bottom 				: 5vw;
}

.table-row  {
    display: table-row;
    }

.table-cell {
    display: table-cell;
    }




table {
	border-collapse 			: collapse;
	border-spacing 				: 0;
}

table#lgbti {
	background-color 	: #154F80;
}

table#lgbti th.myth, table#lgbti th.reality {
	font-style 			: italic;
	color 				: #fff;
	padding 			: 1.5em 0 0 3em;
}

table#lgbti th.myth h2, table#lgbti th.reality h2 {
	color 				: #fff;
	font-size 			: 3em;
}

table#lgbti th.standard {
	color 				: #fff;
	padding 			: 1.5em 0 0 0;
	font-size 			: 1.5em;
}

table#lgbti td {
	color 				: #fff;
	padding 			: 1em;
	border 				: 0.1em solid #efefef;
	text-align 			: left;
}

table#lgbti td.myth {
	background  		: url("https://www.pgaction.org/templates/inclusion/images/icons/x.png?v=2") no-repeat 10% 10%;
	background-size 	: 20%;
	color 				: #97bddb;
	font-style 			: italic;
	padding 			: 6vw 3em 1em 3em;
	width 				: 30%;
	border 				: none;
	font-size 			: 1.6vw;
}

table#lgbti td.reality {
	background  		: url("https://www.pgaction.org/templates/inclusion/images/icons/tick.png") no-repeat 10% 10%;
	background-size 	: 8%;
	color 				: #fff;
	padding 			: 6vw 3em 1em 3em;
	width 				: 60%;
	border 				: none;
}

table#lgbti td.reality p {
	color 	 			: #fff;
}


/* ACCORDION */

div.panel-collapse li {
	margin 				: 1vw 3vw;
}

.panel-group .panel {
	margin-bottom 		: 2vw;
}

a.panel-heading {
    display 			: block;
}

.panel-title > a:before {
	content 			: "\25bc \00a0 \00a0";
}


.panel-title > a.collapsed:before {
	content 			: "\25b6 \00a0 \00a0";
}

.panel-default {
	border-color 		: #009162;
}


/* Footer */

.modulefooter {
	padding 				: 140px 0 40px;
	background 				: url('https://www.pgaction.org/templates/inclusion/images/footer.jpg');
	-webkit-background-size : cover;
	background-size 		: cover;
	margin-top 				: -1em;
	clear: both;
}

.modulefooter .trial-button {
	overflow: hidden !important;
	margin: 40px 0;
}

.modulefooter .open-blink {
	content: ' ';
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 20px;
	border-radius: 50%;
	background-color: #4caf50;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.modulefooter .open-blink:before {
	content: ' ';
	position: absolute;
	top: -8px;
	left: -8px;
	display: inline-block;
	width: 30px;
	height: 30px;
	opacity: 0.1;
	border-radius: 50%;
	background-color: #4caf50;
}

.modulefooter .opening-hours {
	margin-top: 60px;
}

.modulefooter i, .modulefooter a {
	color 				: #fff;
	font-size 			: 0.9vw;
}

.modulefooter .bottom-footer {
	margin-top 			: 10vw;
}

.modulefooter .social-footer {
	padding: 0;
	list-style: none;
}

.modulefooter .social-footer li {
	display: inline-block;
	margin: 0 10px;
}

.modulefooter .social-footer li a {
	font-size 			: 1vw;
	color 				: #fff;
}

.modulefooter .social-footer li:hover a {
	color: #009162;
}

.modulefooter p, .modulefooter p a {
	font-size 			: 0.9vw;
	margin-bottom 		: 0;
}

.modulefooter p a {
	text-decoration 	: underline;
}

.modulefooter p a:hover {
	text-decoration 	: none;
}

/* Form Control */

.form-control {
	font-size: 18px;
	position: relative;
	left: 0;
	height: auto;
	padding: 13px;
	border: 1px;
	border-radius: 0;
}

.form-control.form-white {
	color: #fff;
	border: 2px solid #fff;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.form-control.form-white::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

.form-control.form-white:-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

.form-control.form-white::-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.form-control.form-white:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}

.form-control.form-white:focus {
	background: rgba(255,255,255,0.2);
}



/* MODAL */


.modal {
	padding 				: 25px !important;
	background-color 		: rgba(0,0,0, 0.8);
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.modal-dialog {
	width 					: 100%;
	max-width 				: 560px;
	margin 					: 0 auto;
}

.modal-popup {
	position 				: relative;
	padding 				: 30px;
	text-align 				: center;
	background 				: url('https://www.pgaction.org/templates/inclusion/images/popup.jpg');
	background-size 		: cover;
	box-shadow 				: none;
	border-radius 			: 2px;
}

.modal-popup a.close-link {
	font-size 				: 22px;
	position 				: absolute;
	top 					: 20px;
	right 					: 30px;
	color 					: #fff;
}

span.close {
	color 				: #fff;
	font-weight 		: normal;
	opacity 			: .7;
	text-shadow  		: none;
    font-size 			: 50px;
}

span.close:hover, span.close:focus {
	color 				: #fff;
	opacity 			: 1;
}

div.modal-content h4 {
	display 			: inline;
}

.popup-form {
	width: 90%;
	max-width: 375px;
	margin: 21px auto;
}

.popup-form .form-control {
	margin: 20px 0;
}

.popup-form .form-control.dropdown {
	text-align: left;
}

.popup-form .form-control.dropdown:after {
	content: '\f0d7';
	font-family: 'Font Awesome 7 Free';
	display: inline-block;
	float: right;
	color: #fff;
	font-weight: 900;
}

.popup-form .dropdown .dropdown-menu {
	top: 65px;
	width: 100%;
	padding: 0;
	border: 2px solid #fff;
	border-top: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.popup-form .dropdown .dropdown-menu li {
	font-size: 16px;
	width: 100%;
	background: transparent;
}

.popup-form .dropdown .dropdown-menu li a {
	width: 100%;
	padding: 15px 30px;
	color: #009162;
}

.popup-form .dropdown .dropdown-menu li:hover a {
	color: #fff;
	background: #009162;
}

/* Checkbox */

.checkbox-holder {
	white-space: nowrap;
}

.checkbox {
	position: relative;
	display: block;
}

.checkbox {
	position: relative;
}

.checkbox label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid #fff;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.checkbox input[type=checkbox]:focus + label:before {
	background: rgba(255,255,255,0.2);
}

.checkbox label:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	opacity: 0;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}

.checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.checkbox-holder span {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	white-space: normal;
	color: #fff;
}

.btn.btn-submit {
	width: 100%;
	color: #009162;
	border: 2px solid #fff;
	background: #fff;
}

.btn.btn-submit:focus {
	font-weight: bold;
}

.btn.btn-submit:hover {
	color: #009162;
	background: #fff;
}

div#mce-error-response a {
	color: #fff;
	text-decoration: underline;
}


/* Mobile Nav */

.navbar-toggle {
	background-color 	: white;
	margin 				: 1em 2em!important;
	float 				: left;
}

.navbar-toggle .icon-bar {
	background 			: #02478e;
}

.mobile-nav {
	position 		: fixed;
	z-index 		: 9999;
	top 			: 0;
	left 			: 0;
	display 		: table;
	width 			: 100%;
	height 			: 100%;
	text-align 		: center;
	opacity 		: 0;
	background 		: rgba(2, 71, 142, 0.9);
	-webkit-transition 	: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition 			: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform 	: scale(0);
	-ms-transform 		: scale(0);
	transform 			: scale(0);
}

.mobile-nav.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.mobile-nav ul {
	display: table-cell;
	padding: 0;
	list-style: none;
	vertical-align: middle;
}

.mobile-nav ul li {
	margin: 25px 0;
}

.mobile-nav ul li a:not(.btn) {
	color: #fff;
}

.mobile-nav ul ul {
	display 		: none;	
}

.mobile-nav a.close-link {
	font-size 			: 24px;
	position 			: absolute;
	bottom 				: 0;
	left 				: 0;
	width 				: 100%;
	padding 			: 15px 0;
	color 				: #fff;
	background 			: #009162;
}

.row.title {
	padding: 0 20px;
}

.light {
	font-weight: 300;
}

.regular {
	font-weight: 400;
}

.bold {
	font-weight: bold;
}
/* Colors */

.white {
	color: #fff;
}

.light-white {
	color: rgba(255, 255, 255, 0.5);
}

.white-bg {
	background: #fff;
}

.gray-bg {
	background: #f7f7f7;
}

.blue {
	color: #009162;
}

.blue-bg {
	background: #009162;
}

.muted {
	color: #989da0;
}

.margin-top {
	margin-top: 150px;
}


/* ========== */
/* = Blockquotes = */
/* ========== */


.blockquote {
  -webkit-background-size 	: cover;
  -moz-background-size 		: cover;
  background-size 			: cover;
/*height 					: 593px;*/
  margin 					: 0 auto;
  width 					: 100%;
/*position 					: relative;*/
  vertical-align 			: middle; 
  padding 					: 7vw 0;
}

  .blockquote h2 {
    color: #fff;
    font-weight: normal;
    text-shadow: 0.05em 0.05em 0.1em #000;
    font-size: 36px;
    line-height: 44px; 
}

  .blockquote h5 {
	color 			: #fff;
	margin-top 		: 2em;
}

.blockquote-1 {
  background: url("https://www.pgaction.org/templates/inclusion/images/frontpage/blockquotes/Mario-Tenorio.jpg") 50% 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; }

.blockquote-2 {
  background: url("https://www.pgaction.org/templates/inclusion/images/frontpage/blockquotes/antonio-guterres.jpg") 50% 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; 
}

.mb-wrap {
	width 					: 35%;
	margin 					: 0 0 2vw 2vw;
	position 				: relative;	
	float  					: right;
}

.mb-wrap p {
	margin 					: 0;
	padding 				: 0;
}

.mb-wrap blockquote {
	margin 					: 0;
	padding 				: 0;
	position 				: relative;
}

.mb-wrap cite {
	font-style 				: normal;
	font-size 				: 1vw;
}

.mb-style-2 blockquote{
	padding-top 			: 12vw;
	border-left 			: none;
	line-height 			: 1.7;
}


.mb-style-2 blockquote:after {
	font-family 		: 'icons';
	background 			: rgba(116,210,252,0.8);
	width 				: 10vw;
	height 				: 10vw;
	border-radius 		: 50%;
	content 			: '\275e'; 
	position 			: absolute;
	font-size 			: 8vw;
	line-height 		: 10vw;
	text-align 			: center;
	top 				: 0px;
	left 				: 50%;
	margin-left 		: -65px;
	color 				: rgba(255,255,255,0.5);
	text-shadow 		: 0 1px 1px rgba(255,255,255,0.1);
}


.mb-style-2 blockquote p {
	font-family: Baskerville, Georgia, serif;
	font-size: 1.3vw;
	font-style: italic;
	font-weight : bold;
	display: inline;
	color: #74D2FC;
	/*text-shadow: 0 1px 1px rgba(255,255,255,0.5);*/
	line-height: 1.5;
	/*box-shadow: 0 -6px 0 rgba(0,145,98,0.2);*/
}


.mb-style-2 .mb-attribution {
	text-align 				: right;
	margin-top 				: 1vw;
	line-height 			: 1.5;
}

.mb-style-2 .mb-author{
	text-transform 				: uppercase;
	font-size 					: 1vw;
	padding-top 				: 0.2vw;
	font-weight 				: bold;
	color 						: #009162;
	text-shadow 				: 0 1px 1px rgba(255,255,255,0.1);
}


.mb-style-2 cite {
	color  						: #009162;
}


.video-container {
	height				: 0;
	margin-bottom		: 2em;
	padding-bottom		: 56.25%;
	position			: relative;
	width				: 100%;
}

.video-container iframe,.video-container object,.video-container embed {
	height				: 100%;
	left				: 0;
	position			: absolute;
	top					: 0;
	width				: 100%;
}

.image-right {
	width 				: 35%;
	margin 				: 0 0 2vw 2vw;
	float  				: right;
}

p.caption {
	font-size 					: 1vw;
	padding-top 				: 0.2vw;
	font-weight 				: bold;
	color 						: #009162;
	text-shadow 				: 0 1px 1px rgba(255,255,255,0.1);
}




/* ADDITIONAL RESOURCES MODULE ON HOMEPAGE */

.slick-slider {
    position: relative;
    display: block;
	width: 90%;
	margin: 5em auto;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide img, .slick-slide p {
width: 90%;
margin-left: 5%;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url('https://www.pgaction.org/templates/inclusion/images/AjaxLoader.gif') center center no-repeat;
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('https://www.pgaction.org/templates/inclusion/fonts/slick/slick.eot');
    src: url('https://www.pgaction.org/templates/inclusion/fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('https://www.pgaction.org/templates/inclusion/fonts/slick/slick.woff') format('woff'), url('https://www.pgaction.org/templates/inclusion/fonts/slick/slick.ttf') format('truetype'), url('https://www.pgaction.org/templates/inclusion/fonts/slick/slick.svg#slick') format('svg');
}


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 30%;
    display: block;
    width: 4vw;
    height: 4vw;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 2vw;
    line-height: 1;

    opacity: .75;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -2vw;
}
[dir='rtl'] .slick-prev
{
    right: 2vw;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -2vw;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -2vw;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
 font-family: 'slick';
    font-size: 1vw;
    line-height: 2;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #fff;
}




/* Media Queries */

@media(max-width:1700px) {
div.modulehero h1 {
	font-size 	: 4vw;
}
}

@media(max-width:1484px) {
div.modulehero h1 {
	font-size 	: 4.5vw;
}
}

@media(max-width:1320px) {
div.modulehero h1 {
	font-size 	: 5vw;
}
}


@media(min-width:1024px) {
.modal-dialog {
	max-width: 860px;
}
}

@media(min-width:1200px) {
.modal-dialog {
	max-width: 960px;
}
}

@media(min-width:1600px) {
.modal-dialog {
	max-width: 1260px;
}

}

@media(max-width:1199px) {

div#elx_article_page_13 div#article-content {
	padding 				: 4vw 4vw 15vw 4vw;
}

.mb-style-2 blockquote{
	line-height 			: 1.3;
}

.mb-style-2 .mb-attribution {
	line-height 			: 1.2;
}

.modulefooter .social-footer li a {
	font-size 				: 1.5vw;
	}
	
}


@media(max-width:1024px) {

h3 {
	font-size 				: 2.5vw;
}

h4 {
	font-size 				: 2vw;
}

.blockquote-1, .blockquote-2 {
	background-attachment 	: scroll;
}

.blockquote h2 {
	margin-top 				: 100px;
	}

.blockquote h5 {
	font-size 				: 2.5vw;
	line-height 			: 1.3;
}

}


@media(max-width:991px) {

	.text-center-mobile {
	text-align 				: center !important;
	}
	
.row.match-my-cols [class*="col-"] .item{
    height 					: 44vw;
	overflow 				: hidden;
	margin-bottom 			: 3vw;
}

}

@media(max-width: 768px) {

.popup-form {
		width: 100%;
		margin: 60px auto;
}

.modal {
		padding: 0 10px !important;
}

.popup-form .form-control:not(.dropdown):focus {
		position: relative;
		padding-right: 30px;
		padding-left: 30px;
}

.mb-wrap {
		width 		: 100%;
		margin-bottom: 2em!important;
}

.mb-style-2 blockquote {
		padding-top 	: 0!important;
		line-height 	: 1!important;
}
	
label.elx_form_label,.mb-thumb,.mb-style-2 blockquote:after,img.pdf {
	display 			: none;
}

h1, div.modulehero h1 {
		font-size 		: 5vw;
}

h2 {
		font-size 		: 4.5vw;
}

.blockquote h2 {
		margin-top 		: 2em;
		font-size 		: 4.5vw;
}

h3 {
		font-size 		: 4vw;
}

h4, h4.panel-title, .elx_search_summary {
		font-size 		: 3.5vw;
}

h5, .mobile-nav ul li, table#lgbti td.myth {
		font-size 		: 3vw;
}

h6, p, #blog p, .btn, section#join a, .mb-wrap cite, dd, .modulefooter p a, .modulefooter a {
		font-size 		: 2.5vw!important;
}

.margin-top {
		margin-top 		: 0;
}

.row.match-my-cols [class*="col-"] .item{
    height 					: 60vw;
	overflow 				: hidden;
	margin-bottom 			: 3vw;
}

.slick-prev:before, .slick-next:before {
		font-size 			: 5vw!important;
}

section#join {
		padding 			: 5em;
}

.image-right, div#article-content, div#category-content {
		width 				: 100%;
}

div.elx5_category_header, div.elx5_article_header {
		top 				: 20vw;
}

div#download-report {
		top 				: 3vw!important;
}

div.col-sm-5.text-center-mobile {
		margin-bottom 		: 10vw;
}

.form-control, label {
		font-size 			: 2.5vw;
}

}

@media(max-width: 400px) {
	header .typed-cursor {
		display: none;
	}
}