/*------------------------------------------------------

	Theme Name: Raw
	Type: Responsive framework
	Author: Archetype
	Author URI: http://archetype.xyz

------------------------------------------------------*/


/*Mobile Layout: Tablet Landscape
-----------------------------------------------*/

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

	.global-family-switcher__menu ul {
		padding: 40px 35px;
	}

	.global-family-switcher__menu ul li {
		margin: 5px 0 0 0;
	}

	.global-family-switcher__menu ul li a {
		font-size: 16px;
	}

}

@media screen and (min-width: 900px) {

	#global-slider li a .info--long h1 {
		font-size: 28px;
		line-height: 36px;
	}

}

@media screen and (min-width: 1440px) {
	nav#primary-nav ul li a { font-size: 17px; }
}

@media screen and (min-width: 1025px) {

	header .container .bottom {
		display: block !important;
	}

	header .container .bottom .global-family-switcher {
		display: none;
	}

}

@media screen and (min-width: 768px) {

	#irw-slider .image-content .caption-slider {
		padding-top: 140px;
	}

}

@media only screen and (min-width: 901px) and (max-width: 1440px) {

	section, footer > div { padding-left: 4.79%; padding-right: 4.79%; }
	section.full { padding-left: 0%; padding-right: 0%; }
	header, section#worldwide { padding-left: 2%; padding-right: 2%; }


	/* footer */

	footer #www .container > div.menu-where-we-work-container {
		width: 100%;
	}
}

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

	.post-content .nav-tabs .nav-link {
	    padding: 28px 20px 22px;
	}

	#content-wrapper .container > .wrapper {
		padding: 60px 4%;
	}

}

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

	.post-content .nav-tabs .nav-link {
	    padding: 28px 20px 22px;
	    font-size: 16px;
    	line-height: 20px;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1140px) {

	.post-content .nav-tabs .nav-item {
		width: 100%;
		margin-left: 0 !important;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	.post-content .nav-tabs .nav-link {
	    padding: 28px 40px 22px;
	    font-size: 18px;
    	line-height: 22px;
    	width: 100%;
    	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	/* form */

	.wpcf7 .wpcf7-form label {
	    max-width: 100%;
	    width: 100%;
	}

	.wpcf7 .wpcf7-form .wpcf7-textarea,
	.wpcf7 .wpcf7-form .wpcf7-text,
	.wpcf7 .wpcf7-form .wpcf7-select {
    	width: 100%;
	}

	.wpcf7 .wpcf7-form .wpcf7-submit {
	    margin-left: 0;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1260px) {

	/* news */


	.news-grid article h3 {
	    font-size: 24px;
	    line-height: 24px;
	}

	/* category grid*/
	.cat-grid article a {
		/*padding-bottom: 80%;*/
		min-height: 470px;
	}


	/* menu */

	header #logo .text > span {
		font-size: 25px;
		line-height: 25px;
	}

	nav#primary-nav ul li a {
	    line-height: 15px;
	    font-size: 15px;
	}

	nav#donate-nav li.button a, nav#primary-nav li.button a {
		font-size: 14px;
	}

	nav#primary-nav ul li {
		margin-right: 10px;
	}

	/* */
	.grid-boxes article a .category {
		font-size: 12px;
		line-height: 14px;
	}

	.featured-category-grid article .post-meta h3 {
		font-size: 48px;
		line-height: 48px;
	}

	.publications .post-content .submit.submitBlue {
		font-size: 15px;
		line-height: 15px;
		padding: 18px 14px 15px;
		height: auto;
	}

}

@media only screen and (min-width: 901px) and (max-width: 1024px) {

	/* news */
	/*.news-grid article {
	    padding-bottom: 53.50%;
	}*/

	.news-grid article h3 {
	    font-size: 22px;
	    line-height: 22px;
	}

	/* Impact */

	#our-impact .content h2 {
		font-size: 30px;
		line-height: 32px;
	}

	/* caterogy grid */
	.featured-category-grid article .post-meta h3 {
		font-size: 42px;
		line-height: 42px;
	}

	/* .cat-grid article */
	.cat-grid article a {
		/*padding-bottom: 90%;*/
		min-height: 470px;
	}

	/*  */
	.grid-boxes article a .category {
		font-size: 10px;
		line-height: 14px;
	}

}


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

	/* header */

	body.admin-bar header {
    	top: 0px;
	}

	header { padding-left: 0 !important; padding-right: 0 !important; position: absolute;}
	nav#primary-nav,
	header .container > div { display: none; }

	header .container {
		background-color: #fff;
		float: left;
	}

	header #logo {
    	position: relative;
    	top: 0;
    	left: 0;
    	height: auto;
    	float: left;
	}

	header #logo img {
		width: 52px;
		height: 100%;
	}

	header #logo .text {
	    padding: 20px 0 10px 18px;
	}

	header #logo .text > span {
		font-size: 26px;
		line-height: 26px;
	}

	header #logo .text > span.bottom-title {
		margin-top: -4px;
		display: block;
	}

	header .container .mobile-area { display: block; }

	/* responsive menu */

	header .container > div.bottom {
	    display: none;
	    position: absolute;
	    top: 85px;
	    background: transparent;
	    height: auto;
	}

	nav#primary-nav {
		display: block;
	    width: 100%;
	    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	    background-color: #13245d;
	}

	nav#primary-nav ul {
		padding: 0 4.95%;
		width: 100%;
		display: block;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	nav#primary-nav ul li {
		display: block;
		width: 100%;
		clear: both;
	    margin: 0;
	    padding: 0;
	}


	nav#primary-nav ul li a {
    	line-height: 20px;
	    font-size: 20px;
    	padding:  14px 15px 14px 13px;
		color: #fff;
	}

	nav#primary-nav ul li.menu-item-has-children > a:after {
		display: none;
	}

	nav#primary-nav ul li.menu-item-has-children > span {
		display: block;
	    right: 0;
	    top:0;
	    position: absolute;
	    z-index: 99;
	}

	nav#primary-nav ul li.menu-item-has-children > span:before {
		content: " ";
		display: block;
   	 	background: url(../images/icons/arrow_footer-links.svg) center center no-repeat transparent;
	    width: 7px;
	    height: 9px;
	    background-size: 100% 100%;
    	vertical-align: middle;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    margin: 20px 15px;
	}

	nav#primary-nav ul li.menu-item-has-children > span.open:before {
		transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	}

	nav#primary-nav li.button.donate {
		display: none;
	}

	nav#primary-nav ul.menu > li {
		border-bottom: 1px solid #5a668e;
		position: relative;
	}

	nav#primary-nav ul li div.sub-menu-wrapper {
	    visibility: visible;
	    opacity: 1;
	    position: relative;
	    top: auto;
	    width: 100%;
	    z-index: 0;
	    display:none;
	    transform: none;
	    transition: unset;
		background-color: transparent;
		box-shadow: none;
	}

	nav#primary-nav ul li:hover div.sub-menu-wrapper {
		visibility: visible;
		opacity: 1;
		z-index: 0;
		transform: none;
		transition-delay: unset;
		/*max-height: 300px;*/
	}

	nav#primary-nav ul li div.sub-menu-wrapper > ul {
	    float: left;
	    width: 100% !important;
	    padding: 15px 25px 20px;
	}

	nav#primary-nav ul li div.sub-menu-wrapper li,
	nav#primary-nav ul li ul.sub-menu li,
	nav#primary-nav ul li .children li {
		width: 100%;
		margin-bottom: 15px;
	}

	nav#primary-nav ul li div.sub-menu-wrapper a,
	nav#primary-nav ul li ul.sub-menu a,
	nav#primary-nav ul li .children a {
	    line-height: 22px;
	    margin: 0;
	}

	/* search menu */

	nav#primary-nav #social-mobile-nav,
	nav#primary-nav #search-box-menu { display: block; }

	.news-grid article {
	    /*padding-bottom: 45.50%;*/
	}

	/* hover */

	a:hover { opacity: 1.0; }
	#header-widget .menu-lang-container > ul > li a:hover { color: #0a0a0a; }
	#search-box #searchsubmit:hover {
		background: url(../images/icons/find-black.svg) center center no-repeat #e3e3e3;
	}

	nav#primary-nav ul li a:hover { color:#0a0a0a; }
	section#worldwide .grid-wrapper .box a:hover img { opacity: 1; }
	.news-grid article > a:hover { background-color: transparent; }
	.news-grid article a:hover .publish-date, .news-grid article a:hover h3 { color: #212121;	}
	.news-grid.featured article a:hover  {	background-color: transparent;	}
	nav#donate-nav li.button a:hover, nav#primary-nav li.button a:hover, a.button:hover {  background-color: #18307f; }
	#mission .button.donate:hover {	background-color: #007dc6;	color: #fff; }
	#our-impact .content a:hover { background-color: #e4e4e4 !important; }
	#our-impact .content a:hover span { color: #2b2b2b !important; }
	#link-boxes .main-box a:hover {	color: #007dc6;	}
	#link-boxes .box a:hover .thumbnail { opacity: 1; }
	footer .textwidget ul li a:hover { color: #fff; }
	footer .menu li a:hover:before {
		background: url(../images/icons/arrow_footer-links.svg) center center no-repeat transparent;
	}

	nav#donate-nav li.button.donate a:hover, nav#primary-nav li.button.donate a:hover, a.button.donate:hover {
		background-color: #007dc6;
	}

	footer #menu-area li a:hover { color: #9ca6c8; }
	footer #www .container > div ul.menu li a:hover { color: #9ca6c8; }
	footer #www h4.widget-title a:hover { color: #fff; }

	footer #footer-bottom a.back-to-top:hover {
		color: #007dc6;
	}

	footer #footer-bottom a.back-to-top:hover:before {
		background: url(../images/icons/where-we-work_Footer-arrow.svg) center center no-repeat transparent;
		-webkit-background-size: 100%;
		background-size: 100%;
	}

	.post-content ul.menu li a:hover { color: #0a0a0a; }

	.publications .post-content .submit.submitBlue:hover:after {
		background: url(../images/icons/download.svg) center center no-repeat transparent;
	}

	.publications .post-content .submit.submitBlue:hover {
		background-color: #00356E !important
	}

	footer #www h4.widget-title a:hover,
	footer .textwidget ul li a:hover { color: #fff; }
	footer #menu-area li a:hover { color: #9ca6c8; }
	footer #footer-bottom a.back-to-top:hover { color: #007dc6;	}
	footer #footer-bottom a.back-to-top:hover:before {
		background: url(../images/icons/where-we-work_Footer-arrow.svg) center center no-repeat transparent;
	}

	.post-content ul.menu li a:hover {color: #0a0a0a !important;}

	.grid-boxes article a:hover {
		background-color: #fff;
		box-shadow: -1px 1px 32px 0px rgba(234, 234, 234, 1);
	}

	grid-boxes article a:hover .category, .grid-boxes article a:hover h3 { color: #0a0a0a; }
	.grid-boxes article a:hover h3:after { background-color: transparent; }
	.grid-boxes article a:hover .category { background-color: #e7e7e7; color: #212121; }
	.grid-boxes article a:hover h3:after { background-color: #a6a6a6; }
	.news-list-grid article.media .category a:hover { color: #afafaf;}
	.wpcf7 .wpcf7-form .wpcf7-submit:hover { background-color: #18307f;	}
	.featured-category-grid article a:hover img{ opacity: 1.0;	}

	.featured-category-grid.red article.first-item a:hover .excerpt { background-color: transparent; }
	.featured-category-grid.red article.first-item a:hover .excerpt h3 { color: #f84f59; }
	#breadcrumbs a:hover { color: #007dc6; }
	article.isotope-entry:hover { background-color: #D4EDEE; }

	div.content-load-button a.load-more:hover {
		color: #00BBC9 !important;
		border-color:  #003040 !important;
	}

	#faq_list dt:hover { color: #007dc6; }

	.global-family-switcher {
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
		height: auto;
		line-height: normal;
	}

	.global-family-switcher:hover .global-family-switcher__label,
	.global-family-switcher:active .global-family-switcher__label {
		color: #fff;
	}

	.global-family-switcher:hover .global-family-switcher__label:after,
	.global-family-switcher:active .global-family-switcher__label:after {
		border-top-color: #fff;
	}

	.global-family-switcher:hover svg,
	.global-family-switcher:active svg {
		fill: #fff;
	}

	.global-family-switcher:after {
		content: "";
		display: table;
		clear: both;
	}

	.global-family-switcher a {
		background-color: #007dc6;
		text-align: center;
		display: block;
		margin: 0 15px;
		padding: 19px 0 15px 0;
	}

	.global-family-switcher__label {
		color: #fff;
	}

	.global-family-switcher__label:after {
		border-top-color: #fff;
	}

	.global-family-switcher__icon svg {
		fill: #fff;
	}

	.global-family-switcher__menu {
		position: static;
		padding-top: 1px;
		margin: 0 15px;
		transform: none;
		width: auto;
	}

	.global-family-switcher__menu ul {
		padding: 30px 0 !important;
	}

	.global-family-switcher__menu ul li {
		float: none !important;
	}

	.global-family-switcher__menu ul li a {
		margin: 0;
	}

	.global-family-switcher__menu:after {
		display: none;
	}

}


@media only screen and (min-width: 901px) {
	.news-grid article:nth-child(3n) {
	    margin-right: 0;
	}
}

/*Mobile Layout: Tablet Portrait

-----------------------------------------------*/

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


	section, footer > div { padding-left: 8.14%; padding-right: 8.14%; }
	section.full { padding-left: 0%; padding-right: 0%; }
	header, section#worldwide { padding-left: 4.79%; padding-right: 4.79%; }

	footer #www .container > div.menu-where-we-work-container { width: 100%;}

	/*shortcodes
	----------------------------*/
	/*accordions and tabs*/
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer {clear:both; width:100% !important; height:340px !important; }
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
	h1.title-page { padding: 0 30px !important; font-size: 35px; margin: 0 30px 0 40px !important;}
	aside.sidebar ul.menu li a { padding-left: 50px; }

	#news-grid { padding: 0px !important; }

	.news-grid article {
	    width: 49%;
	    margin-right: 2%;
	}

	.news-grid article:nth-child(2n) {
		margin-right: 0;
	}

	/* category grid*/
	.cat-grid article a {
		/*padding-bottom: 75%;*/
		min-height: 450px;

	}

	.where-we-work .post-content ul.menu li { width: 33.333%;  }
	.post-content .menu-list ul.menu li { width: auto;	}
}

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

	/* single / page */

	section#content-wrapper {
		padding-left: 4.79%;
		padding-right: 4.79%;
	}

	#content-wrapper.fw-template .container > .wrapper,
	#content-wrapper .container > .wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	#content-wrapper.white .container {
		background-color: transparent;
	}

	#content-wrapper.white:before {
		display: none;
	}

	#content-wrapper .container .content-inner-right,
	#content-wrapper .container .content-inner-center {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#top-content .container {
		padding: 50px 0 30px;
	}

	#top-content.placeover,	#top-content {
		padding: 85px 4.79% 0;
	}

	#content-wrapper.fw-template #top-image .text h1,
	#top-content h1 {
		font-size: 48px;
		line-height: 64px;
		margin-bottom: 20px;
	}

	#content-wrapper, #content-wrapper.placeover {
		margin-top: 0;
	}

	#content-wrapper .container .sidebar {
		width: 100%;
	}

	#content-wrapper .container .content-inner-right,
	#content-wrapper .container .post-content {
		padding-left: 0 !important;
	}

	#content-wrapper.fw-template #top-image .image, #content-wrapper.fw-template #top-image .text  {
		height: 300px;
	}

	/* */
	#content-wrapper.fw-template #top-image .image {
		width: 100%;
	}

	.sidebar-www {
		display: none !important;
	}

}



/*Mobile Layout: Landscape

-----------------------------------------------*/
@media only screen and (min-width: 319px) and (max-width: 600px) {

	/* Columns */
	.column_one_half article, .column_one_half img, .column_one_half .thumb, .column_one_half .thumbnail { width: 100%;}
	.front-page-full-width-media .slider-post a.thumb { margin: 0 5.2% 0 	0;  height: 163px;  width: 49%;}

	/*shortcodes
	----------------------------*/
	/*cols*/
	.column_one_half, .column_one_third,.column_one_fourth,.column_two_thirds, .column_three_fourths{width:100%; margin-right:0px;margin-left:0px;}

	/*accordions and tabs*/
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer {  clear:both; width:380px !important; height:215px !important; }
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
	.accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
	.tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:380px !important; margin-right:0 !important; }
	.pricing_table .pricing_table_col.featured{margin-top:0;}

	blockquote { width:100% !important; margin-right:0 !important; }
	blockquote.quote-overlay-big{padding:0 !important;}
	blockquote.quote-boxed-border {width:373px !important;}
	.accordion blockquote, .tabs blockquote { width:380px !important; margin-right:0 !important; }

	/*typo
	----------------------------*/
	#section-title h1, #section-title, #section-title h1 span, #section-title span{font-size:60px;line-height:55px;}
	#teaser{font-size:20px;line-height: 24px;}

	h1.section-title {
		margin-bottom: 30px;
	}

	h1, h1 span{font-size:40px;line-height:37px;}
	h2, h2 span{font-size:35px;line-height:33px;}
	h3, h3 span{font-size:30px;line-height:29px;}
	h4, h4 span{font-size:25px;line-height:25px;}
	h5, h5 span{font-size:20px;line-height:20px;}
	h6, h6 span{font-size:18px;line-height:19px;}


	.news-grid article {
	    /*padding-bottom: 137%;*/
	}

}

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

	.grid-boxes article a > div.post-meta,
	.grid-boxes article a > div.thumbnail {
		width: 100%;
		margin-left: 0;
	}

	.grid-boxes article {
		padding-bottom: 0;
		height: auto;
		margin-bottom: 30px;
		background-color: #fff;
	}

	.grid-boxes article a {
		height: auto;
		position: relative;
		float: left;
	}

	.grid-boxes article a > div.thumbnail {
		height: 0;
		padding-bottom: 82%;
		position: relative;
	}

	.grid-boxes article a > div.thumbnail img {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.grid-boxes article a .category {
		position: relative;
		bottom: auto;
	}

	/* tabs */
	.post-content .nav-tabs .nav-item { width: 100%; }
	.post-content .nav-tabs .nav-item+.nav-item { margin-left: 0px; }

	/* form */

	.wpcf7 .wpcf7-form label {
	    max-width: 100%;
	    width: 100%;
	}

	.wpcf7 .wpcf7-form .wpcf7-textarea,
	.wpcf7 .wpcf7-form .wpcf7-text,
	.wpcf7 .wpcf7-form .wpcf7-select {
    	width: 100%;
	}

	.wpcf7 .wpcf7-form .wpcf7-submit {
	    margin-left: 0;
	}


	/* category grid*/
	.cat-grid article {
		width: 100%;
		/*padding-bottom: 120%;*/
	}

	/* featured caterogy grid */
	.featured-category-grid article .post-meta h3 {
		font-size: 42px;
		line-height: 42px;
	}

	.featured-category-grid.red article.first-item .play-icon {
	    width: 100px;
	    height: 100px;
	}

	.featured-category-grid.red article.first-item .post-meta {
    	bottom: 35%;
	}

	.where-we-work .post-content ul.menu li { width: 50%;  }
	.post-content .menu-list ul.menu li  { width: auto; }

	#content-wrapper.fw-template #top-image .image,
	#content-wrapper.fw-template #top-image .text  {
		height: 250px;
	}


	/* news-list-grid */

	.news-list-grid article div.post-meta,
	.news-list-grid article div.thumbnail {
		width: 100%;
		position: relative;
		margin-left: 0;
	}

	.news-list-grid article div.post-meta {
		padding: 25px;
	}

	/* recruit grid */
	/* */

	.recruitment-grid-container article {  height: auto;  margin-bottom: 20px;  overflow: hidden;  width: 100%; position: relative;}
	.recruitment-grid-container article .thumb {   background-color: #000;	display: block;  height: 80%;  width: 100%; margin: 0; position: relative;}
	.recruitment-grid-container article .thumb img { width: 100%; height: 100%; object-fit: cover; display: block;}
	.recruitment-grid-container article .post-meta {float: none; padding: 20px;}
	.recruitment-grid-container article .post-meta h3 { color: #0085C5; font-size: 18px; line-height: 24px;}

	/*sliders */

	#global .nbs-flexisel-nav-left, #global .nbs-flexisel-nav-right	 {
		top: 50%;
    	transform: translateY(-50%);
    	box-shadow:none;
	}

	#irw-slider .skdslider a.next, #irw-slider .skdslider a.prev {
		display: none;
	}

	.cat-grid article a {
		/*padding-bottom: 75%;*/
		min-height: 0;

	}


}

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

	/* responsive tabs */
	.tabs .tabs_nav, .tabs .tabs_nav li { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

	/* responsive pricing tables */
	.pricing_table .pricing_table_col,
	.pricing_table.pricing_table_two_cols .pricing_table_col,
	.pricing_table.pricing_table_three_cols .pricing_table_col,
	.pricing_table.pricing_table_four_cols .pricing_table_col,
	.pricing_table.pricing_table_five_cols .pricing_table_col {
		clear:both;
		width:100%;
		border-radius:3px;
		margin-bottom:16px;
	}

	.pricing_table .pricing_table_col:last-child {
		margin-bottom:0;
	}


}


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

	.square-shadow:before {
		width: 112%;
		left: -6%;
	}

	/* Worldwide */

	section#worldwide {
		text-align: center;
		background-color: #f7f7f7;
	}

	section#worldwide .container {
		padding-bottom: 0px;
	}

	section#worldwide .grid-wrapper .box-a,
	section#worldwide .grid-wrapper .box-b,
	section#worldwide .grid-wrapper .box-c {
	    padding-bottom: 60.08%;
	    margin: 0 0 20px 0;
	    width: 100%;
	    overflow: hidden;
	}

	section#worldwide .button {
		float: none;
	}

	section#worldwide .grid-wrapper .box .info a {
		float: left;
	}

	/* GLOBAL */

	#global {
	    background-color: #f7f7f7;
	    padding-left: 0;

	}

	#global .container {
	    padding: 60px 0 45px;
	    text-align: center;
	}

	#global p {
		padding-left: 4.79%;
		padding-right: 4.79%;
	}

	#global-slider {
		margin: 10px 0 25px;
	}

	#global-slider li {
		height: 110vw !important;
	}


	/* NEWS */

	#news .container {
	    padding: 40px 0 55px;
	    /*text-align: center;*/
	}

	#news .background-title { display: none; }

	.news-grid {
		margin-bottom: 20px;
	}

	.news-grid article {
	    width: 100%;
	    margin-right: 0;
	    /*padding-bottom: 130%;*/
	    height: auto;
	    margin-bottom: 4%;
	}

	.news-grid article .info {
		min-height: 140px;
	}

	#news .button.icon-right-arrow {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 195px;
		display: block;
	}

	.news-grid article h3 {
		font-size: 24px;
		line-height: 24px;
	}


	/* MISSION */


	#mission {
	    background-image: none !important;
	    background-color: #18307f;
		padding-left: 0;
		padding-right: 0;
	}

	#mission .container {
		height: auto;
		padding-bottom: 20px;
	}

	#mission:before {
		content: " ";
		width: 100%;
		margin: 50px 0 25px;
		height: 0;
		padding-bottom: 60%;
		background: url(../images/map-new.png) center center no-repeat transparent;
		background-size: 100% auto;
		display: block;
	}

	#mission .mission-map {
		display: none;
	}

	#mission .caption {
	    position: relative;
	    top: 0;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	    text-align: center;
	    margin: 0 auto;
	    float: none;
		padding-left: 4.79%;
		padding-right: 4.79%;
		width: auto;
	}

	/* partners */
	#partners .container {
		padding-top: 20px;
	}


	/*****/
	.masonry-grid .item,
	.masonry-grid .grid-sizer {
		width:  100%;
		float: left;
	}

	.masonry-grid .grid-sizer {
  		height: 60px;
	}

	.masonry-grid .item.full { width:  100%; }
	/*.masonry-grid .item.half   { width: 50%; }*/

	.masonry-grid .item span img { width: 100%; margin: 0 !important; }

	.masonry-grid .item span {
		display: block;
		padding: 5px !important;
	}

	table.donations a.submit { padding: 5px !important; width: 30px; height: 30px; border-radius: 50%; text-indent: -9000px; background: url(../images/ui/view.png) center center no-repeat #00B0C5 !important; margin: 5px;}

	#content-inner-news-grid .featured-news article { height: auto;}
 }

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

	section { padding-left: 4.79%; padding-right: 4.79%; padding-bottom: 30px; }
	section.full { padding-left: 0%; padding-right: 0%; }
	section#worldwide { padding-left: 4.79%; padding-right: 4.79%; }
	section#worldwide .grid-wrapper.square-shadow:before { display: none; }
	section#partners { padding-top: 30px; }

	/* slider */

	section#slider {
		margin-top: 0px;
		height: 565px;
	}


	#irw-slider .image-content .caption-slider {
		padding-top: 0px;
		width: 100%;
		padding: 0 4.79%;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	}

	#irw-slider .caption-slider .caption-container h1 {
		font-size: 34px;
		line-height: 40px;
	}

	/* link boxes */

	#link-boxes .box {
	    width: 100%;
	    margin:0 0 20px 0;
	    background-color: #fff;
	    height: auto;
	    padding-bottom: 0;
	}

	#link-boxes .main-box > div h2:after {
		width: 100%;
	}

	#link-boxes .box a {
		position: relative;
		width: 100%;
		height: auto;
		display: block;
		min-height: 250px;
	}

	#link-boxes .box .thumbnail:after {
		display: none;
	}

	#link-boxes .box .thumbnail {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
	}

	#link-boxes .box .info
	 {
		position: relative;
		margin-left: 50%;
		width: 50%;
		float: left;
		display: inline-block;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	#link-boxes .box .info h3 {
		color: #000;
	}

	#link-boxes .square-shadow:before { display: none; }

	#link-boxes .main-box > div {
		width: 100%;
		float: left;
		display: block;
	}

	#link-boxes .main-box .thumbnail {
		padding-bottom: 70%;
	}

	#link-boxes .main-box .info {
	    padding: 40px 6% 35px;
	}

	#link-boxes .main-box > div img {
		position: relative;
		width: 100%;
		height: auto;
	}

	#link-boxes .container {
		padding-top: 40px;
		padding-bottom: 0;
	}

	#link-boxes .container .section-title {
		margin-bottom: 40px;
	}


	/* footer */

	footer > div {
		padding-left: 8.14%;
		padding-right: 8.14%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	footer .container.row .column.column_one_fourth:nth-child(4) h4.widget-title,
	footer .container.row .column.column_one_fourth:first-child {display: none;}
	footer .container.row .column.column_one_fourth:nth-child(2) { width: 47%; margin-right: 6%; }
	footer .container.row .column.column_one_fourth:nth-child(3) { width: 47%; }
	footer .container.row .column.column_one_fourth:nth-child(4) { padding-top: 35px; }

	footer .container.row .column.column_one_fourth.contact-c .widget-title {
		visibility: hidden;
	}

	footer #menu-social-menu-1 li {
		margin-right: 25px;
	}

	footer .widget ul li {
		margin-bottom: 5px;
	}

	footer h4.widget-title {
		color: #007dc6;
	}

	footer #menu-area .column .menu {
		display: none;
		margin-bottom: 25px;
	}

	footer .container {
		padding: 40px 0 20px;
	}

	footer #menu-area h4.widget-title {
		border-bottom: 1px solid #42507d;
		padding-bottom: 8px;
	}

	footer #menu-area h4.widget-title span {
    	float: right;
		display: block;
		padding: 3px 10px;
	}

	footer #www h4.widget-title:before {
		display: none;
	}

	footer #www h4.widget-title:after,
	footer #menu-area h4.widget-title span:before {
		content: " ";
		background: url(../images/icons/arrow_footer-links.svg) center center no-repeat transparent;
		width: 7px;
    	height: 9px;
    	background-size: 100% 100%;
    	vertical-align: middle;
    	transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		display: block;
		position: relative;
	}

	footer #www h4.widget-title:after {
		float: right;
		margin: 5px 10px;
	}

	footer #www h4.widget-title a {
		color: #007dc6;
	}

	footer #www .open h4.widget-title:after,
	footer #menu-area h4.widget-title.open span:before {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}

	footer #footer-bottom .column_one_third {
		display: none;
	}

	footer #www .container > div.menu-where-we-work-container {
		width: 100%;
	}

	footer #www .container > div ul.menu li {
		width: 100%;
		margin-right: 0;
	}

	footer #www .container > div ul.menu {
		max-height: 100%;
		width: 100%;
	}

	footer .column_one_half,
	footer .column_one_third,
	footer .column_one_fourth,
	footer .column_two_thirds, footer .column_three_fourths {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	footer #www .container > div.menu-footer-f-container,
	footer #www .container > div.menu-where-we-work-container {
		width:100%;
	}


	/********************/

	.donate .tabs .tabs_content { padding: 10px; }
	.donate .text-indent { margin-left: 0px; }

	table.text-indent { width: 100%; }
}

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

	header nav#social-nav,
	aside.sidebar-right {display: none !important; }
	/*#breadcrumbs */

	/* responsive tabs */
	.tabs .tabs_nav, .tabs .tabs_nav li { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

	/* responsive pricing tables */
	.pricing_table .pricing_table_col,
	.pricing_table.pricing_table_two_cols .pricing_table_col,
	.pricing_table.pricing_table_three_cols .pricing_table_col,
	.pricing_table.pricing_table_four_cols .pricing_table_col,
	.pricing_table.pricing_table_five_cols .pricing_table_col {
		clear:both;
		width:100%;
		border-radius:3px;
		margin-bottom:16px;
	}

	.pricing_table .pricing_table_col:last-child {
		margin-bottom:0;
	}

}

/*Mobile Layout: Portrait

-----------------------------------------------*/

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

	/*typo
	----------------------------*/
	#content-wrapper.fw-template #top-image .text h1, #section-title h1, #section-title, #section-title h1 span, #section-title span {font-size:50px;line-height:47px;}
	#teaser{font-size:18px;line-height: 22px;}
	h1, h1 span{font-size:30px;line-height:32px;}
	h2, h2 span{font-size:25px;line-height:28px;}
	h3, h3 span{font-size:20px;line-height:21px;}
	h4, h4 span{font-size:18px;line-height:19px;}
	h5, h5 span{font-size:16px;line-height:17px;}
	h6, h6 span{font-size:18px;line-height:19px;}

	header #logo .text > span {
		font-size: 20px;
		line-height: 24px;
	}

	#irw-slider .caption-slider .caption-container {
		margin: 0;
	}

	.featured-category-grid article .post-meta h3 {
		font-size: 36px;
		line-height: 38px;
	}

	.featured-category-grid.red article.first-item .post-meta {
		bottom: 45%;
	}

	.featured-category-grid.red article.first-item .play-icon {
		width: 75px;
		height: 75px;
		background-size: 80% 80%;
	}

	.where-we-work .post-content ul.menu li { width: 100%;  }
	.post-content .menu-list ul.menu li { width: auto;}
	.post-content img { width: 100%; }
	.post-content h1 { font-size: 36px; line-height: 42px;}
	.featured-media .caption h2 { font-size: 40px; line-height: 40px; }

	section#worldwide .grid-wrapper .box .info {
	    margin: 0 15px 15px 15px;
	    padding: 35px 0 0;
	}

	#global .button {
		padding: 0 15px;
		min-width: 150px;
	}

	#global-slider li a .info h1 {
		font-size: 46px;
	    line-height: 42px;
		margin-bottom: 10px;
	}

	#global-slider li a .info--long h1 {
		font-size: 22px;
	    line-height: 28px;
	}

	#link-boxes {
		/*padding-left: 0;
		padding-right: 0;*/
	}


	/* publication button */
	.publications .column_one_third, .publications .column_two_thirds {
		margin-bottom: 20px;
	}

	.publications .post-content .submit.submitBlue {
		line-height: 20px;
		text-align: center;
		min-height: 48px;
		height: auto;
		padding: 18px 14px 14px;
		font-size: 14px;
		line-height: 14px;
	}



}



@media only screen and (max-width: 390px) {
	.cat-grid article {
	    /*padding-bottom: 140.26%;*/
	}

	.featured-media .caption h2 { font-size: 36px; line-height: 36px; }

	.featured-category-grid article .post-meta h3 {
		font-size: 28px;
		line-height: 28px;
	}

	.news-grid article {
		/*padding-bottom: 150%; */
	}

	header #logo .text {
		padding: 25px 0 10px 10px;
	}

	nav#donate-nav li.button.donate a { padding: 0 10px; }

	.world-icon:before {
	    width: 60px;
	    height: 65px;
	    margin-bottom: -32px;
	    margin-right: 0;
	}

	.info-icon:before {
	    width: 60px;
	    height: 65px;
	    margin-right: 0px;
	    margin-bottom: -32px;
	}

	.news-icon:before {
		width: 60px;
		height: 65px;
		margin-right: 0px;
		margin-bottom: -33px;
	}


	header #logo .text > span {
	    font-size: 14px;
	    line-height: 19px;
	}

	#global .button {
		min-width: 115px;
	}

	#mission .caption h1 {
		font-size: 46px;
		line-height: 52px;
	}

	#our-impact .content h2 {
		font-size: 30px;
		line-height: 36px;
	}

	/* link boxes */

	#link-boxes .box a {
		position: relative;
		width: 100%;
		height: auto;
		display: block;
		min-height: 250px;
	}

	#link-boxes .box .thumbnail {
		width: 100%;
		padding-bottom: 80%;
		position: relative;
	}

	#link-boxes .box .info
	 {
		margin-left: 0%;
		width: 100%;
	}

	.publications .post-content .submit.submitBlue {
		text-align: left;
 	}
}