/*
Theme Name: Working Worldwide
Author: Resonance
Based on: Twenty Thirteen by the WordPress team
Version: 2020

Black: #000000;
Blue: #022c58;
Gold: #fbc24e;

Purple: #060c28
Violet: #32174d
Red: #9b1b1f
Neutral: #9089a1
Accent: #f1e7e8/#f1e7e8/
Hyperlinks: #1e639b

font-family: 'Arimo', sans-serif;
font-family: 'Open Sans', sans-serif;

*/

@import url('https://fonts.googleapis.com/css?family=Arimo:700|Open+Sans:400,600,700&display=swap');

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;

}

html {scroll-behavior: smooth;}

html,
button,
input,
select,
textarea {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;	
	font-size: 16px;
	font-weight: 400;
}

body {background: #ffffff; color: #000000; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: 400; font-size: 16px;line-height: 1.6; margin: 0;}


a {color: #1e639b; font-weight: 500;text-decoration: none;	}
a:visited {color: #1e639b;}
a:focus {outline: thin dotted;}
a:active {color:  #060c28; outline: 0;}
a:hover {color:  #32174d; text-decoration: underline;}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	padding: 0;
	margin: .75em auto .25em;
	line-height: 1.1;	
	color: #022c58;
	font-family: 'Arimo', 'Open Sans', sans-serif;	
}

h1 /*section title*/ {font-size: 200%;}
h2 /*sub section*/  {font-size: 160%; color:  #9b1b1f;}
h3 /*subtitle*/ {font-size: 140%;}
h4 /*intro + accordions*/{font-size: 100%;} 
h5 /*subsection*/ {font-size: 100%;}
h6 /*notes*/ {font-size: 80%; font-weight: 400; }  

p {padding: 0 0 20px; margin: 0; }
b, strong { font-weight: 700;}
hr {	
clear: both;
background: none;
border:0; 
border-top: 1px #9089a1 solid;
	height: 1px;
	margin: 20px auto 30px;
}

.cb{clear: both;}
.fl, .ifl, .alignleft{float: left; margin: 0 30px 10px 0;} 
.fr, .ifr, .alignright {float: right; margin: 0 0 10px 30px;}
.aligncenter {display: block;margin: 0 auto}
.pw {max-width: 960px; padding: 0; margin: 0 auto;}
.roundcorners {border-radius: 20px; overflow: hidden;}

.notes {display: inline-block; font-size: 90%; font-style:italic; margin-top: 40px;}
.mobile-show {display: none;}

/**
 * 1.0 Reset
 * ----------------------------------------------------------------------------
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 0 0 20px;
	padding: 0 0 0 40px;
}

ul {
	list-style: disc;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	border: 1px #999999 solid;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 220px;
	
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 10px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

/* Clearing floats */
.clear:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after
.nav-links:after{
	clear: both;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after{
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 1px solid #999999;
	font-family: inherit;
	padding: 4px;
}



input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 1px solid #003F72;
	outline: 0;
}



/*
 * Responsive images Fluid images for posts, comments, and widgets
 */
.entry-content img,
.post-thumbnail img,
.section img,
.section-image img,
.callout-image img {max-width: 100%;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image,
img.home-map {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}


/*BUTTONS
Black: #000000;
Blue: #022c58;
Gold: #fbc24e;

Purple: #060c28
Violet: #32174d
Red: #9b1b1f
Neutral: #9089a1
Accent: #f1e7e8*/

a.button-link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	display: table;
	border: none;
	color: #ffffff;
	padding: 10px 15px;
	margin: 50px 0 30px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	background-color:#1e639b;
	
}

a:hover.button-link,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	color: #ffffff;
	outline: none;
	background-color: #022c58;
}

a:active.button-link,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #ffffff;
	outline: none;
	background-color: #fbc24e; /* Old browsers */
	
}

a.button-link.b-down{padding: 8px 12px;margin: 0;}
a.button-link.b-cta{margin: 10px auto;}


a.button-link.b-block{display: block; background-color: #0094B3; color: #ffffff; margin: 0 auto; padding: 10px 40px 10px 20px;font-size: 100%; background-position: 96% center;}
a:hover.button-link.b-block{background-color:  #009B48 ; }

a.button-link.b-inline, a.cta-link.b-inline {display: inline-block; margin: 0px 10px;}
a.button-link.b-centered{display: table; margin: 10px auto;}

a.cta-link{display: block; font-weight: 600;padding-top: 10px;}

a.more-link, a.read-more {display: block; text-transform: uppercase; font-weight: 600; margin-top: 10px;} 

.more-content span {display: none;}
.read-more {display: block;}
.read-more.less {margin-top: 40px;}



a.anchor-link { 
  display: block;
  height: 132px;
	margin-top: -132px;
/*visibility: hidden;*/
  pointer-events: none;
	font-size: 0;
}


.white-text h1, 
.white-text h2, 
.white-text h3, 
.white-text h4, 
.white-text h5,
.white-text h6,
.white-text p, .white-text li  {color: #ffffff;}
.white-text a, .white-text a:hover {color: #ffffff;}
.white-text a:hover {text-decoration: underline;}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {}
.site-main {}




/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

.site-header {display: block; position: fixed; width: 100%; height: 100px; padding: 0px 20px; z-index: 99; background: #ffffff;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}

.site-header .home-link {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 180px;
	height: 100px;
	padding: 0;
	font-size: 0;
	text-decoration: none;
	background-image: url("images/ilep.png");
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;
}

.home .site-header, .page-id-15 .site-header {background:transparent;}


.site-header.shorter { background: #ffffff; height: 74px; padding: 2px 10px; }
.site-header.shorter .home-link {width: 126px; height: 70px; }


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
/**

/* Navbar/Drawer */

button.drawer-toggle {color: #1e639b; padding: 0 10px 22px; margin: 5px 0 0 0; font-size: 10px; font-weight: 700; line-height: 2.5; background-color: #ffffff !important; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {background-color: #1e639b !important; height: 3px !important;}

.drawer-nav {background-color: rgba(255,255,255,0.9) !important; width: 360px !important; padding: 60px 55px 30px 40px;}
.drawer--left .drawer-nav { left: -360px !important;}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0 !important
}

.drawer--left.drawer-open .drawer-hamburger { left: 308px !important }
.drawer-open .drawer-hamburger-icon {
  background-color: transparent !important;
}

ul.drawer-menu{padding: 20px 0 0 20px;}
.drawer-menu ul {padding: 0;}
.drawer-menu li {display: block; border-bottom: 1px #9089a1 solid;}
.drawer-menu li a.drawer-menu-item {display: block; color: #060c28; padding: 8px 4px 6px 24px;
					font-size: 100%; font-weight: 600; text-decoration: none; text-transform: uppercase;}
.drawer-menu li a.drawer-menu-item:hover {color: #1e639b;}
.drawer-menu li a.drawer-menu-item:active {color: #060c28; }

.drawer-menu li.drawer-dropdown a.drawer-menu-item {background-image: url("images/menu_sprite.png"); background-repeat: no-repeat; background-size: 20px 80px; background-position: 0 0;}
.drawer-menu li.drawer-dropdown.open a.drawer-menu-item {background-position: 0 -40px; }

ul.drawer-dropdown-menu {background: transparent;}
ul.drawer-dropdown-menu li {border-bottom: none; }
.drawer-menu li a.drawer-dropdown-menu-item{font-size: 90%; text-transform:none; font-weight: 400; line-height: 1.1; padding: 6px 12px 8px 24px; text-decoration: none;}

.drawer-menu li.dm-zl {border: none;}
.drawer-menu li.drawer-dropdown.dd-zl {padding-left: 24px; border-bottom:none;}
.drawer-menu li.drawer-dropdown.dd-zl a.drawer-menu-item {}
.drawer-menu li.drawer-dropdown.dd-zl.dd-zd {border-bottom: 1px #9089a1 solid;}

.translate-menu {display: block; position: absolute; top: 10px; right: 10px;}

.ut-wld a{position: absolute; z-index: 999999;display: inline-block; float: left; margin: 8px 0 0 48px; width: 120px; height: 50px; background: url("https://ilepfederation.org/wp-content/uploads/2020/02/World-leprosy-day-1-Dec_Modified2-03.png") center no-repeat; background-size: contain; font-size: 0;}

/*UTILITY LINKS*/
ul.utility-nav {display: block; float:right; padding: 0px; margin: 8px 0 0 0; list-style: none;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}

ul.utility-nav li {display: inline-block; vertical-align: top; font-size: 0;margin-left: 10px; height: 48px; width: 48px;}
ul.utility-nav li.ut-search{background: url("images/ut-search.png") center no-repeat; background-size: contain; }
ul.utility-nav li.ut-email {background: url("images/ut-email.png") center no-repeat; background-size: contain; }
ul.utility-nav li.ut-translate {font-size: 100%; width: 180px; padding: 10px 0 0 0}

ul.utility-nav li a {display: block; width: 48px; height: 48px; }

.site-header.shorter ul.utility-nav {margin: 10px 0 0 0;}

.anchor-nav{height: 36px; padding: 6px 0; background: #F1F1EF;}/*#f1e7e8*/
ul.anchor-menu {display: table; position: relative; margin: 0 auto; padding: 0; list-style: none;}
ul.anchor-menu li {display: inline-block; padding-right: 20px;}
ul.anchor-menu li a {text-decoration: none; font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase}



/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous {float: left;}

.navigation .nav-next {float: right;}

.navigation a {}

.navigation a:hover {text-decoration: none;}

.paging-navigation {padding: 40px 0;}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.paging-navigation a {font-size: 120%;}



/** 
 * 5.0 Content
 * ----------------------------------------------------------------------------

Black: #000000;
Blue: #022c58;
Gold: #fbc24e;

Purple: #060c28
Violet: #32174d
Red: #9b1b1f
Neutral: #9089a1
Accent: #f1e7e8
 */


/*PAGES*/
.section {display: block; clear: both; max-width: 960px; margin: 0 auto; padding: 20px 2px ; border-bottom: 1px #9089a1 solid;}

.section:last-of-type {border-bottom: none;}

.page-header{display: block; position: fixed; width: 100%; height: 90px; overflow: hidden; margin-top: 100px; background: #ffffff; z-index: 9;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}
.page-header h1 {font-size: 220%; margin: .25em 0;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}

.page-header.shorter{height: 60px; margin-top: 74px; border-bottom: 1px solid #c7c4d0}
.page-header.shorter h1 {font-size: 18px;}
.page-header.shorter .anchor-nav{padding: 4px 0; }
.page-header.shorter ul.anchor-menu li a {font-size: 14px;}

.section-content {display: inline-block; vertical-align: top; max-width: 680px; margin: 0 30px 0 0;  }
.section-sidebar {display: inline-block; float: right; vertical-align: top; max-width: 240px; margin: 0; margin-top: 24px; }
.section-sidebar.ss-goals {text-align: center;}

.sidebar-callout {background: #f1e7e8; border-radius: 20px; padding: 10px 20px 30px; line-height: 1.4; font-size: 90%}
.sidebar-callout h1 {font-size: 160%; margin: .5em 0; }
.sidebar-callout a {color: #000000; text-decoration: underline;}
.sidebar-callout.white-text a {color: #ffffff; text-decoration: underline;}
.callout-image {max-width: 120px; margin: 10px auto 0;}

.sidebar-callout.sc-purple {background:#060c28 }
.sidebar-callout.sc-violet {background:#32174d}
.sidebar-callout.sc-gold {background: #fbc24e;}
.sidebar-callout.sc-blue {background: #022c58}

.section.overview {position: relative; padding-top: 250px;}
.section.overview .section-content{max-width: 660px; margin: 0; }
.section .section-content.sc-dynamic {max-width: 660px; margin: 0; }

.section-content.sc-home {padding: 20px; font-size: 100%;}

.post-summary{padding-top: 20px;}

.post-thumbnail {display: block; width: 100%; max-width: 240px; border-radius: 20px;overflow: hidden; margin: 0 0 20px;}
.overview-image {display: inline-block; vertical-align: top; margin: 10px 30px 0px 10px; transform: rotate(-5deg); width: 100%; max-width: 240px;}
.overview-caption {font-size: 12px; line-height: 1.1; color: #333333; margin: -15px 10px 20px;}

.post-thumbnail.pt-sidebar{}
.post-thumbnail.pt-dynamic{display: inline-block; vertical-align: top; margin: 0px 30px 20px 0;}
.post-thumbnail.pt-flag{border: 1px solid #dddddd;}
.post-thumbnail.pt-single {max-width: 360px;margin: 10px 10px 10px 40px;}
.post-thumbnail.pt-box{border-radius: 0px; margin: 0 0 10px;}
.single img.alignleft, .single img.alignright,

.wp-caption.alignleft img, .wp-caption.alignright img{ border-radius: 20px;overflow: hidden;}
.wp-caption-text {font-size: 10px; color: #333333; font-style: italic; line-height: 1.1; margin: 2px 10px 8px;}

.post-box {display: inline-block; vertical-align: top; width: 17.5%; margin: 10px 1%; padding: 10px;text-align: center; line-height: 1.1;}
p.pt-caption {font-size: 12px; line-height: 1.1;margin: -15px 10px 20px; color: #333333;}

/*SINGLE POSTS*/
.single .section {min-height: 400px; border-bottom: 1px #9089a1 solid;}
.single .section.overview {position: relative; padding-top: 220px;}
.section.single-post {position: relative; padding-top: 180px;}

.single .section.project {border-bottom: none; max-width: 900px;}
.single .section.project .section-content{max-width: 580px;}

.category .section.overview {position: relative; padding-top: 220px;}


/*HOME*/
.slideshow{height: 600px; background: #dddddd}
.home-section {display: block; clear: both; margin: 0 auto; padding: 40px 2px ; text-align: center;}
.home-section .pw {max-width: 1200px;}
.home-section h2 {font-size: 200%; text-align: center;}
.home-section a {font-size: 140%; }
.hs-mission{background: #fbc24e; height: 120px; margin-top: -120px;}
.hs-mission h1 {font-size: 36px; margin: 0; line-height: 1; padding: 0;}
.hs-map{background: #022c58;}
.hs-news{width: 100%; max-width: 900px;}

.hs-members {width: 100%; max-width: 1200px; text-align: center; padding: 20px 40px 10px; margin: 0 auto;}
.wpls-logo-showcase .wpls-fix-box {padding: 20px !important;}

a.down-arrow {display: block; position: relative; z-index: 98; width: 36px; height: 36px; font-size: 0; margin: 6px auto;  background: transparent url("images/down-arrow.png") center no-repeat; background-size: 50%; border-radius: 50%;

-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}
a:hover.down-arrow {background: #ffffff url("images/down-arrow.png") center no-repeat;background-size: 50%;}

/* Accordion Styles
Blue: #022c58;
Gold: #fbc24e;

Purple: #060c28
Violet: #32174d
Red: #9b1b1f
Neutral: #9089a1
Accent: #f1e7e8
Hyperlinks: #1e639b
*/

.accordion {margin: 10px auto 40px;}
.accordion-content {padding: 20px 20px 20px 40px; border-bottom: 2px solid #9089a1}
.accordion-content ul {margin: 0;}
.accordion-content ul li {line-height: 1.4; padding-bottom: 10px;}
.accordion-content img {max-width: 180px; border-radius: 20px; overflow: hidden;}

h3.accordion-title {margin: 0; padding: 10px 0; cursor: pointer; padding-left: 40px; font-size: 100%; line-height: 24px;
	background-image: url(images/plus_minus_sprite.gif);  background-repeat: no-repeat; background-size: 16px auto; background-position: 10px -2px; color: #1e639b; 
  -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color  500ms ease-out;
    -o-transition:  background-color  500ms ease-out;
    transition:  background-color  500ms ease-out;}
h3.accordion-title:hover {background-color:#1e639b; color: #ffffff; }
h3.accordion-title.open {cursor: default; background-color:#022c58; background-position: 10px -50px;color: #ffffff;  }

.accordion h4 {font-size: 120%; padding: 0;}

.accordion ul.social-media{margin-top: -20px}
.accordion ul.social-media::after {display: block; content: ""; width: 100%; clear: both;}
.accordion ul.social-media li {width: 36px; height: 36px;}
.accordion ul.social-media li a {width: 36px; height: 36px; }

div.list-2col ul, div.list-3col ul {margin: 0; padding: 0;  list-style: none;}
div.list-2col ul li, div.list-3col ul li {padding: 20px;}

div.list-2col { 
	-moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
	padding-bottom: 20px
}
div.list-3col { 
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	padding-bottom: 20px
}

/**
 * 6.5 Progress Maps
 * ----------------------------------------------------------------------------
*/

.codespacing_progress_map_area *{font-family: 'Open Sans', Arial, Verdana, sans-serif !important;}
.codespacing_progress_map_area{height: 480px !important; overflow: hidden;  text-align: left !important; }

/*.iziModal.hasScroll.hasShadow {max-width: 1000px !important; max-height: 800px !important}*/

.cspml_resize_map {display: none !important;}

/*Infobox*/
div.cspm_infobox_content div.description {font-weight: 400 !important; line-height: 1.3; }
div.cspm_infobox_img {border-right: 1px solid #dddddd !important;}

/*Post Box*/
div.cspml_item {border-bottom: 1px #9089a1 solid !important;}
div.cspml_details_container, div.cspml_details_container p {line-height: 1.4 !important;padding: 0 0 10px 0 !important;}
div.cspml_details_container div.cspml_details_title,
div.cspml_details_container div.cspml_details_title a {font-family: 'Open Sans', Arial, Verdana, sans-serif !important; text-align: left !important;}

div.cspml_details_container, div.cspml_details_content {height: auto !important; max-height: none !important;}

/*Filters*/
/*div.cspml_fs_label {background: #022c58 !important; color: #ffffff !important; font-weight: 600 !important;}
div.cspml_fs_label span.cspml_toggle_btn {display: none !important;}*/
.cspm_border_shadow {box-shadow: none !important;}
.cspml_fs_options_list {border: 1px #f1e7e8 solid !important; }
.cspml_btn {font-size: 12px !important}
input.cspml_keyword.cspml_type_text_like {box-shadow: none !important;  border: 1px #f1e7e8 solid !important;}
div.cspml_nbr_items, div.cspml_sort_list_container {text-align: left !important}

/*Modal*/
.iziModal .iziModal-header{box-shadow: none !important}
.iziModal::after {display: none !important}
.iziModal .iziModal-header.iziModal-noSubtitle {background: #fbc24e !important; height: 30px !important; padding: 0 !important;}
.cspm_single_post_modal .site-header,
.cspm_single_post_modal .site-footer {display: none !important;}

.cspml_details_content .more-link {display: none;}

.cspml_filter_form {z-index: 8;}
.cspm_zoom_container {z-index: 2 !important}

.map-goals {display: block;padding: 20px 0 0;color: #022c58; font-weight: 600;}

/*Clusters*/
div[class^=cluster_posts_widget] {width: 80% !important; max-width: 600px;background-color: #ffffff !important; }
div[class^=cluster_posts_widget] ul li {height: 30px !important}
div[class^=cluster_posts_widget] ul li a {width: 100% !important; padding: 5px !important; font-weight: 600;}
div[class^=cluster_posts_widget] ul li:hover a{background: #f1e7e8 !important}


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
Black: #000000;
Blue: #022c58;
Gold: #fbc24e;

Purple: #060c28
Violet: #32174d
Red: #9b1b1f
Neutral: #9089a1
Accent: #f1e7e8

Hyperlinks: #1e639b

 */

.site-footer {background: #F1F1EF; color: #999999; clear: both; width: 100%; padding: 40px 0 30px;margin-top: 40px;} /*#f1e7e8*/
.site-footer .pw {background: transparent url("images/ilep.png")  top left no-repeat; background-size: 140px 78px;}

ul.footer-menu{margin: 16px 220px 0 180px; padding: 0; list-style: none;}
ul.footer-menu li {display: inline-block; width: 24%;}
ul.footer-menu li a {font-size: 12px; font-weight: 600; text-decoration: none;}


.site-info{color: #000000; width: 100%; padding: 40px 0 0; line-height: 1.2; font-size: 12px;}


ul.social-media{display: block; margin: 0; padding: 0; list-style: none;}
ul.social-media li {display: inline-block; width: 42px; height: 42px; margin-right: 16px; border-radius: 50%; font-size: 0; background-color: #1e639b; background-position: center; background-repeat: no-repeat; background-size: 100%; }
ul.social-media li a {display: block; width: 42px; height: 42px; }
ul.social-media li:hover {background-color: #32174d; }

ul.social-media li.facebook {background-image: url("images/facebook.png"); }
ul.social-media li.twitter {background-image: url("images/twitter.png"); }
ul.social-media li.linkedin {background-image: url("images/linkedin.png"); }
ul.social-media li.youtube {background-image: url("images/youtube.png"); }
ul.social-media li.instagram {background-image: url("images/instagram.png"); }
ul.social-media li.email {background-image: url("images/email.png"); }

.site-footer ul.social-media {float: right;}
.site-footer ul.social-media li {margin-right: 0; margin-left: 8px;}

.drawer-nav ul.social-media {padding-left: 20px;}

.backtotop {position: fixed; bottom: -50px; right: 10px; display: block; width: 36px; height: 36px;  font-size: 0;   background: #1e639b url("images/top-icon.png") center no-repeat; background-size: 50%; 
-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}

.backtotop.onscreen {bottom: 10px}



/**
 * 7.5 BY HI
 * ----------------------------------------------------------------------------
/**
*/



.page-id-10430 .section.overview, 
.page-id-10432 .section.overview{border: 0; padding-top: 200px;}


.page-id-455 .section.overview {padding-top: 200px;}
.page-id-455 .section.overview .section-content {width: 100%; max-width: none; margin: 0;}

ul.counter-boxes {display: block; position: relative; width: 100%; padding: 0; margin: 0; min-height: 100px; list-style: none;}
ul.counter-boxes li {display: inline-block; width: 28%; margin: 10px 2%; text-align: center; vertical-align: top;}
ul.counter-boxes li h1 {font-size: 400%; margin: 0;}
ul.counter-boxes li h3 {font-size: 120%; margin: 0;}
ul.counter-boxes li:nth-of-type(even) h1,
ul.counter-boxes li:nth-of-type(even) h3{color: #9b1b1f !important}


ul.goal-boxes {display: block; padding: 0; margin: 20px auto; list-style: none;}
ul.goal-boxes li{padding: 80px 10px 20px;}
ul.goal-boxes li h3 { font-size: 120%}
ul.goal-boxes li.goal1 {background: url("images/zero_transmission.png") top center no-repeat; background-size: 90px;}
ul.goal-boxes li.goal2 {background: url("images/zero_diability.png") top center no-repeat; background-size: 90px;}
ul.goal-boxes li.goal3 {background: url("images/zero_discrimination.png") top center no-repeat; background-size: 90px;}

ul.text-boxes {display: block; position: relative; width: 100%; padding: 0; margin: 0; min-height: 100px; list-style: none;}
ul.text-boxes li {display: inline-block; vertical-align: top; width: 23.5%; height: 180px; margin: 10px .5%; text-align: center; background: #f1e7e8; color: #060c28 !important; font-size: 100%;  line-height: 1.2 !important;border-radius: 20px; overflow: hidden; padding: 40px 20px;}
ul.text-boxes li h3 {margin: 0; font-size: 160%; color: #060c28 !important;}

ul.promo-boxes {display: block; position: relative; width: 100%; padding: 0; margin: 0; min-height: 100px; list-style: none;}
ul.promo-boxes li {display: inline-block; vertical-align: top; width: 31%; margin: 10px 1%; text-align: center; padding: 10px;}


.posts-data-table td{line-height: 1.2}
table.dataTable thead td, table.dataTable thead th {background: #022c58; color: #ffffff;}
table.posts-data-table tbody tr:nth-of-type(odd) {}

/*LayerSliders*/
.ls-fullwidth .ls-nav-prev, .ls-gui-element.ls-nav-prev {background: transparent url("images/left-arrow.png") center no-repeat !important; background-size: 30px !important}
.ls-fullwidth .ls-nav-next, .ls-gui-element.ls-nav-next {background: transparent url("images/right-arrow.png") center no-repeat !important;  background-size: 30px !important}



.wpls-logo-showcase button.slick-prev,
.wpls-logo-showcase button.slick-prev:active,
.wpls-logo-showcase button.slick-prev:hover,
.wpls-logo-showcase button.slick-prev:focus{background: transparent url("images/left-arrow.png") center no-repeat !important; background-size: 20px !important}

.wpls-logo-showcase button.slick-next,
.wpls-logo-showcase button.slick-next:focus,
.wpls-logo-showcase button.slick-next:hover,
.wpls-logo-showcase button.slick-next:active{background: transparent url("images/right-arrow.png") center no-repeat !important; background-size: 20px !important}

/*PTP*/
#ptp_63a3c544b566ab14_1_wrapper .col-event_date {display: none}


	
/**
 * 8.0 Media Queries RWD
 * ----------------------------------------------------------------------------
*/
 
.rwd-tester {display: none; position:fixed; top: 0; right: 0; width: 50px; height: 50px; z-index: 999999999}	

 
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }


@media (max-width: 1199px) {
	/*rwdred */
	.rwd-tester {background: #f00} 
	
	
	#layerslider_2 .ls-wp-container{padding-bottom: 60px !important;}
	.hs-mission{height: 60px; margin-top: -60px;}
	.hs-mission h1 {font-size: 24px;}
	
	.section.overview,
	.single .section.overview, 
.section.single-post, 
.category .section.overview {padding-top: 200px;}
}


@media (max-width: 999px) {
	/*rwdyellow */
	.rwd-tester {background: #ff0} 
	
	body {line-height: 1.4;}
	
	.site-header {padding: 0;}
	ul.utility-nav li {margin-left: 2px;}
	
	.pw {max-width: 90%;}
	.section{max-width: 90%;}
	.section-content, .overview-image, .section.overview .section-content {display: block; max-width: none; float: none; margin: 10px 0; transform: none;}
 	.overview-caption {font-size: 12px; line-height: 1.1; color: #333333; margin: -15px 10px 20px;}

	.post-thumbnail.pt-dynamic{display: block; max-width: 240px; margin:10px 0;}
	
	.post-thumbnail.pt-single.ifr {display: block; float: none; margin: 10px 0;}
	p.pt-caption {margin: 5px auto}

	
	#layerslider_2 .ls-wp-container{padding-bottom: 10px !important}
	.hs-mission{margin-top: -10px;}

ul.promo-boxes li {width: 30%;}
.site-footer .pw {padding: 20px 20px 10px;margin-top: 20px;} 
	
	.single .section.project {padding:20px 40px;}


}
	
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 797px) {
	/*rwdgreen*/
	.rwd-tester {background: #0f0; }

	.mobile-hide {display: none !important;}
	.mobile-show {display: block;}
	
h1 /*section title*/ {font-size: 180%;}
h2 /*sub section*/  {font-size: 140%;}
h3 /*sub section*/  {font-size: 120%;}
a.button-link.b-inline, a.cta-link.b-inline {display: block; margin: 10px auto;}
	
	.site-header {position: relative; height: auto;}
	.site-header .home-link {clear: both;}
	.page-header {padding-top: 0; margin-top: 0}
	.ut-wld {display: none;}	
	ul.anchor-menu li {padding-right: 10px;}
	ul.anchor-menu li a {font-size: 11px;}
	
	.ls-wp-container{padding-bottom: 160px}
	.home-hero {display: block; position: relative; text-align: center; padding-top: 0;}
	.hh-content {padding: 10px 20px 30px;}
	.hs-mission{height: auto; margin-top: 0px; padding: 20px 40px;}
	.hs-mission h1 {font-size: 200%;}

	.home-section {padding: 20px 2px;}	
     ul.promo-boxes li {display: block; width: 100%; margin: 10px auto;}

.section-sidebar {display: block; float: none; max-width: 100%; margin: 10px auto 10px 0; }
.post-thumbnail.pt-sidebar {display: block; float: none; max-width: 240px; margin:10px auto 10px 0;}		
	
.site-footer{padding: 0	}
.site-footer .pw {background: none; text-align: center;}
ul.footer-menu{display: table; margin: 10px auto;}
ul.footer-menu li {display: block; width: 100%;text-align: center;}
ul.footer-menu li a {text-align: center;}
.site-footer ul.social-media {float: none; margin: 20px auto;}
	
.fl, .ifl, .alignleft, .fr, .ifr, .alignright {display: block;float: none; margin: 10px auto;}	

}

	
/* Mobile devices */
@media (max-width: 479px) {
	/*rwdblue */
	.rwd-tester {background: #00f}

	ul.utility-nav li {display: inline-block; vertical-align: top; font-size: 0;margin-left: 10px; height: 48px; width: 48px;}
	ul.utility-nav li.ut-wld, ul.utility-nav li.ut-email {display: none;}
	ul.utility-nav li.ut-search{}
	.anchor-nav {display: none;}
	
	.post-thumbnail.pt-sidebar, p.pt-caption {display: none;}
	
	

}