/*
Theme Name: CC
Text Domain: CC
Theme URI: 
Author: M Stroosnijder
Author URI: https://bluechili.nl/
Description: Red Cross Red Crescent Climate Centre custom theme
Version: 1.0
Tags: 
*/

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-Light.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'),
	url('assets/fonts/opensans/OpenSans-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* #WP default Styles
================================================== */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* #Custom Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #343434; font-weight: 400; scroll-behavior: smooth; background: #fff;  overflow-x: hidden }
input,
select,
textarea { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.3em; color: #343434; }
h1 { font-size: 45px; font-weight: 800; }
h2 { font-size: 35px; font-weight: 800; padding-top: 20px; /*text-shadow: 0 0 1px #707070;*/ }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; font-weight: 800; }
h6 { font-size: 16px; }
p { padding-top: 25px; font-size: 16px; color: #343434; line-height: 1.4em; }
a { text-decoration: none; transition: all 0.4s; }
a:hover { transition: all 0.4s; }

blockquote {
	display:block;
	background: #fff;
	padding: 15px 20px 0px 45px;
	margin: 0px;
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

blockquote::before{
  /*content: "\201C"; */
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 50px;
  font-weight: bold;
  color: #000;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*content: "\201D";*/
  font-family: Georgia, serif;
  font-size: 50px;
  font-weight: bold;
  color: #000;
  
  /*Positioning*/
  position: absolute;
  right: 17px;
  top:5px;
}


blockquote p { font-size: 20px; padding-top:0px !important; }

/* ### global classes ### */
.centered { padding-right: calc((100% - 1170px) / 2); padding-left: calc((100% - 1170px) / 2); }
.display-red { position: relative; padding-left: 115px; font-weight: 700; font-size: 16px; color: #E51A1A; text-transform: uppercase; }
.display-red:after { position: absolute; content: ''; background: #E51A1A; height: 1px; width: 89px; left: 0; top: 11px; }
.display-white { position: relative; padding-left: 115px; font-weight: 700; font-size: 16px; color: #ffffff; text-transform: uppercase; }
.display-white:after { position: absolute; content: ''; background: #ffffff; height: 1px; width: 89px; left: 0; top: 11px; }
.button { font-size: 14px; transition: all 0.4s; border: 2px solid #E51A1A; height: 50px; background: #E51A1A; color: #ffffff; padding: 0 55px; display: inline-block; line-height: 48px; font-weight: 700; text-transform: uppercase; }
.button:hover { transition: all 0.4s; background: transparent; color: #E51A1A; border: 2px solid #E51A1A; }
.button2 { font-size: 14px; transition: all 0.4s; border: 2px solid #E51A1A; height: 50px; color: #E51A1A; padding: 0 55px; display: inline-block; font-weight: 700; text-transform: uppercase; line-height: 48px; }
.button2:hover { transition: all 0.4s; background: #E51A1A; color: #ffffff; }
.button3 { font-size: 14px; transition: all 0.4s; background: #ffffff; border: 2px solid #E51A1A; height: 50px; color: #E51A1A; padding: 0 55px; display: inline-block; font-weight: 700; text-transform: uppercase; line-height: 48px; }
.button3:hover { transition: all 0.4s; background: #E51A1A; color: #ffffff; border: 2px solid #ffffff; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; overflow: hidden; }

.backbtn { color: #333333;  }
.backbtn:hover { color: #E51A1A; }

/* wrapper around embeds for resposiveness*/
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

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


.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	margin-left: 0px !important;
}

.searchandfilter > ul > li:first-child {
	padding: 0px;
}

.searchandfilter select.sf-input-select {
	min-width: 190px;
	padding: 5px;
}

.searchandfilter input {
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right:20px;
	padding-top: 5px;
}

.searchandfilter input.sf-input-text {
	padding: 5px;
}

.searchandfilter a.search-filter-reset {
	padding-top: 5px;
	display: inline-block;
}

.search-filter-results br { display: none; }

.cl-template--image-left .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image, .cl-template--image-right .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image { max-width: 246px;}


/* ### header container ### */
#headerCntr { position: relative; width: 100%; height: 202px; padding-top: 52px; display: flex; justify-content: space-between; }
#headerCntr .logo { width: 29%; }
#headerCntr .left { width: 71%; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .search-main { display: flex; justify-content: flex-end; }
#headerCntr .search { position: relative; width: 277px; }
#headerCntr input { background: #E6E5E5; height: 49px; border: none; padding: 0 23px; width: 100%; }
#headerCntr input[type="search"]::-webkit-search-cancel-button { display: none; }
#headerCntr .search-icon { position: absolute; right: 29px; top: 9px; width: 32px; height: 32px; border: none; cursor: pointer; background-color: transparent; background-image: url('assets/images/search.svg'); background-repeat: no-repeat; }
#headerCntr ::-webkit-input-placeholder { color: #707070; font-weight: 700; }
#headerCntr .mobileMenu { position: relative; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #000; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #000; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/* ### menu box ### */
.menuBox:not(.mm-menu) { margin-top: 25px; }
.menuBox:not(.mm-menu) ul { overflow: hidden; width: auto; text-align: right; }
.menuBox:not(.mm-menu) ul li { margin-left: 21px; display: inline-block; padding-bottom: 8px; }
.menuBox:not(.mm-menu) ul li a {text-decoration:none; position: relative; color: #000000; font-size: 15px; padding-bottom: 10px; font-weight: 700; text-transform: uppercase; }
.menuBox:not(.mm-menu) ul li a:after { position: absolute; top: 25px; content: ''; display: block; width: 0; height: 2px; background: #E51A1A; transition: 0.6s; }
.menuBox:not(.mm-menu) ul li a.active:after { width: 100%; }
.menuBox:not(.mm-menu) ul li a:hover:after { width: 100%; transition: 0.6s; }
.menuBox:not(.mm-menu) .search-mobile { display: none; }

.img_shadow {
	border:3px solid #fff;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-khtml-box-shadow: 5px 5px 5px #ccc;
}

/*bannerBox*/
.bannerBox { position: relative; }
.bannerBox.slider { background: #e6e5e5; }
.bannerBox.banner2 { /*height: 390px;*/ }
.bannerBox.banner2 img { /*position: absolute;*/ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bannerBox .slide-block { position: relative; }
.bannerBox .slide-block img { /*width: 100%;*/ width: 66.5% }
.bannerBox .slick-prev,.bannerBox .slick-next { cursor: pointer; position: absolute; width: 50px; height: 50px; font-size: 0; border: none; background: transparent; content: ''; z-index: 3; background-size: 15px; top: 50%; transition: all 0.1s; transform: translateY(-50%); }
.bannerBox .slick-prev { background-image: url('assets/images/slide-left.svg'); background-repeat: no-repeat; background-position: center; content: ''; left: -50px }
.bannerBox .slick-next { /*right: 50%;*/ background-image: url('assets/images/slide-right.svg'); background-repeat: no-repeat; background-position: center; content: ''; right: -50px}
.bannerBox .slick-prev:hover,
.bannerBox .slick-next:hover { background-size: 17px; transition: all 0.1s; }
.bannerBox ul.slick-dots { left: 14px; display: flex; position: absolute; bottom: 20px; z-index: 2; }
.bannerBox ul.slick-dots li button { width: 11px; height: 11px; border-radius: 50%; border: none; font-size: 0; margin: 0 4px; background: #777777; cursor: pointer; }
.bannerBox li.slick-active button { background: #FF0000 !important; }
.bannerBox .banner-content { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .item { color: #ffffff; /*width: 50%;*/ width: 33.5%; margin: 0 0 0 auto; padding: 55px; padding-top: 30px; padding-bottom: 30px; background: #626262; height: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.bannerBox .centered { height: 100%; display: flex; align-items: center; }
.bannerBox h1 { color: #ffffff; margin-top: 0px; font-size: 30px; }
.bannerBox.banner2 h1 { margin: 0; font-size: 55px; }
.bannerBox p { color: #ffffff; /*padding-top: 40px;*/ padding-top: 0px; }
.bannerBox .button { /*margin-top: 65px;*/ margin-top: 35px; max-width: 200px; }
.bannerBox .button:hover { border-color: #fff; color: #fff; }

/*healthBox*/
.healthBox { padding-top: 85px; padding-bottom: 85px; display: flex; justify-content: space-between; align-items: center; }
.healthBox .health { width: calc(50% - 15px); }
.healthBox .content { padding-right: 20px; }
.healthBox .left { position: relative; }
.healthBox img { max-width: 100%; margin: auto; }
.healthBox .video-icon { position: absolute; border: 7px solid #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); height: 99px; width: 99px;  }
.healthBox .video-icon:hover { transform: translateY(-50%) scale(1.1);  }
.healthBox .date { padding-top: 10px; font-size: 16px; }
.healthBox .button2 { margin-top: 30px; }
.healthBox p { padding-top: 20px; }
.healthBox .research-project .date { font-weight: 700; padding-top: 40px; }
.healthBox .research-project p { padding-top: 25px; }
.healthBox.research a { color: #333333; }
.healthBox.research p a:hover { color: #E51A1A; }

/*singleBox*/
.singleBox { padding-bottom: 45px; padding-top: 85px; align-items: normal;padding-top: 45px; display: flex; justify-content: space-between;}
.singleBox .health { width: calc(50% - 15px); }
.singleBox .content { padding-right: 20px; }
.singleBox .left { position: relative; }
.singleBox img { max-width: 100%; margin: auto; padding-top: 10px; }
.singleBox .video-icon { position: absolute; border: 7px solid #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); height: 99px; width: 99px;  }
.singleBox .video-icon:hover { transform: translateY(-50%) scale(1.1);  }
.singleBox .date { padding-top: 10px; font-size: 16px; }
.singleBox .button2 { margin-top: 30px; }
.singleBox p { padding-top: 20px; }
.singleBox .research-project .date { font-weight: 700; padding-top: 40px; }
.singleBox .research-project p { padding-top: 25px; }
.singleBox.research a { color: #E51A1A }
.singleBox.research p a:hover { color: #343434;; }

/*newsBox*/
.newsBox { padding-top: 65px; padding-bottom: 88px; }
.newsBox .news { display: flex; justify-content: space-between; }
.newsBox .item { width: 33.34%; }
.newsBox .content { margin: 45px 0; padding: 0 18px; position: relative; }
.newsBox .end { max-width: 330px; }
.newsBox .content:after { position: absolute; content: ''; left: 0; top: 0; height: 23px; background: #E51A1A; width: 2px; }
.newsBox h4 { display: inline; }
.newsBox .item a { color: #000; }
.newsBox .item a:hover { color: #E51A1A; }
.newsBox .date { padding-top: 30px; }
.newsBox .news-button { text-align: center; margin-top: 20px; }
.newsBox img { max-width: 100%; }

/*eventBox*/
.eventBox { display: flex; justify-content: flex-start; height: 519px; }
.eventBox .event { position: relative; width: 50%; }
.eventBox img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.eventBox .content { display: flex; align-items: center; background: #E51A1A; padding-left: 50px; }
.eventBox .right { max-width: 535px; padding: 60px 0; }
.eventBox .item-left { padding-left: 15px; }
.eventBox .item-left .right { max-width: 475px; margin: 0 115px 0 auto; }
.eventBox .info { margin-top: 30px; }
.eventBox .date { font-weight: 700; color: #ffffff; margin-top: 15px; }
.eventBox .info a { color: #ffffff; padding-top: 4px; }
.eventBox .info a:hover { color: #343434; }
.eventBox h2 { color: #ffffff; }
.eventBox p { color: #ffffff; padding-top: 40px; }
.eventBox .button3 { margin-top: 40px; }

/*publicationBox*/
.publicationBox { padding-top: 120px; padding-bottom: 115px; }
.publicationBox .publication { display: flex; justify-content: space-between; }
.publicationBox .content { width: 50%; padding: 0 90px 0 30px; }
.publicationBox h3 { padding-top: 35px; position: relative; }
.publicationBox h3:after { content: ''; position: absolute; bottom: 5px; left: -30px; border-left: 2px solid #E51A1A; width: 2px; height: 20px; }
.publicationBox h3.sub { padding-top: 0; }
.publicationBox h3.sub:after { top: 5px; }

.publicationBox li { color: #343434; padding: 30px 0 0 23px; background-image: url('assets/images/list.png'); background-repeat: no-repeat; background-position: 0 36px; }
.publicationBox .publication-button { margin-top: 65px; }
.publicationBox .right-button { padding-top: 16px; }
.publicationBox .right-button.twitter { margin-top: 0px; padding-top: 20px; } 
.publicationBox .publication-bottom { display: flex; justify-content: space-between; margin-top: 155px; }
.publicationBox .item { width: 33.33%; }
.publicationBox .publication-bottom a { display: flex; align-items: center; }
.publicationBox .text { color: #343434; font-weight: 800; padding-left: 25px; font-size: 18px; padding-right: 5px; }
.publicationBox .publication-bottom a:hover .text { color: #E51A1A; }
.publicationBox .content a { color: #E51A1A; }
.publicationBox .content a:hover { text-decoration: underline; color: black; }


/*missionBox*/
.missionBox .mission-menu-main { position: relative; overflow: hidden; }
.missionBox .mission-menu-main:after { position: absolute; content: ''; z-index: -1; top: 0; left: 0; width: 25%; height: 64px; background: #E51A1A; }
.missionBox .mission-menu { width: auto; display: flex; flex-wrap: wrap; position: relative  }
.missionBox .mission-menu ul { display: flex; flex-wrap: wrap; }
.missionBox .mission-menu ul li { position: relative; padding: 0 60px; height: 64px; display: flex; align-items: center; background: #E51A1A; }
.missionBox .mission-menu ul li:after { position: absolute; content: ''; background: #fff; right: 0; width: 2px; height: 28px; }
.missionBox .mission-menu ul li a { font-size: 20px; color: #ffffff; text-transform: uppercase; font-weight: 800; }
.missionBox .mission-menu ul li a:hover { color: pink; }
.missionBox .mission-menu ul li:nth-child(1) { padding-left: 0; }
.missionBox .mission-menu ul li:last-child:after { width: 0; }
.missionBox .mission { padding-top: 115px; padding-bottom: 105px; }
.missionBox .content { padding-top: 70px;padding-bottom: 50px; /*display: flex;justify-content: space-between;*/column-count: 2; column-gap: 35px; }
.missionBox .content figure { margin-top: 35px; margin-bottom: 35px; }
.missionBox .content p:nth-child(1) { padding-top: 0px; }
.missionBox .content a { color: #E51A1A; }
.missionBox .content a:hover { text-decoration: underline; color: black; }
.missionBox .content ul, .missionBox .content ol { padding-top: 20px;}
.missionBox .content li { list-style: disc; margin-left: 20px;}
.missionBox .item { width: calc(50% - 15px); margin-top: 30px; }
.missionBox .download { background: #E5E5E5; padding: 25px; margin-top: 45px; }
.missionBox .text-heading { color: #343434; font-weight: 800; }
.missionBox .link { padding-top: 10px; }
.missionBox .link ul, .missionBox .link ol { padding-top: 0px;}
.missionBox .link li { list-style: none; margin: 0px;}
.missionBox .link a { color: #343434; padding-top: 3px; }
.missionBox .useful a { text-decoration: underline; }
.missionBox .link a:hover { color: #E51A1A; }
.missionBox .link span { font-weight: 800; color: #E51A1A; padding-right: 15px; }

.missionBox .mission .eventdate { margin-top: 10px; font-weight: bold; display: block}

.missionBox .videos {  padding-top: 50px;  }
.missionBox .videos div:first-child { padding-right: 20px; }
.missionBox .vid_item { margin-bottom: 60px; float: left; width: 50%;}

.missionBox .flickr_sets { padding-top: 20px; }
.missionBox .flickr_sets #set { float: left;width: 260px;height: auto;margin-right: 2.6%;margin-bottom: 16px;display: inline-block; }
.missionBox .flickr_sets #set #image { height: 200px; width: 260px; overflow: hidden; opacity: 1; text-align: center; background-repeat: no-repeat; background-size: 500px;}
.missionBox .flickr_sets #set #image:hover { opacity: 0.6; }
/*.missionBox .flickr_sets #set #image img { width: 250px; color: black;  transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  }*/
.missionBox .flickr_sets #set #image p { margin-left:10px; margin-top: 10px;  width: 240px; font-size: 12px; padding:10px; display: block; text-align: center;text-decoration: none; color: white; font-weight: bold; background-color: black}


.missionBox .flickr_sets h3 { margin-bottom: 20px }
.missionBox .flickr_sets #set_detail {}
.missionBox .flickr_sets #set_detail #image_detail { display: inline-block; width: 40%; height: auto !important; max-height: 340px; margin-bottom: 15px;margin-right: 5%;}
.missionBox .flickr_sets #set_detail #image_detail img { position: relative; width: 100%}
.missionBox .flickr_sets #set_detail #image_detail small { position: relative; bottom: 35px; background-color: black; padding: 5px; color: white}

/*boardBox*/
.boardBox { max-width: 770px; margin: auto; padding-top: 120px; padding-bottom: 160px; }
.boardBox .board { display: flex; justify-content: space-between; }
.boardBox .item { width: calc(50% - 15px); padding-top: 45px; }
.boardBox h4 { margin-top: 30px; }
.boardBox img { width: 100%; }
.boardBox .director { margin-top: 10px; color: #E51A1A; font-weight: 700; }

/*staffBox*/
.staffBox { /*padding-top: 100px;*/ padding-bottom: 60px; }
.staffBox .staff { display: flex; justify-content: space-between; }
.staffBox .item { width: calc(33.33% - 15px); padding-top: 45px; }
.staffBox .item_board { width: calc(25% - 15px); padding-top: 45px; }
.staffBox h4 { margin-top: 30px; }
.staffBox img { max-width: 100%; margin: auto; }
.staffBox .director { margin-top: 10px; color: #E51A1A; font-weight: 700; }
.staffBox .staff-button { margin-top: 65px; text-align: center; }

.missionBox .legend { position: relative; padding-top: 30px; line-height: 30px; }
.missionBox .legend img { display: inline; position: relative; top:3px }
.missionBox .legend span {content: "";  position: relative; top:3px; display: inline-block;  width: 15px;  height: 15px;  margin-right: 5px; background: #e83b2c;}

/*mapBox*/
.mapBox { width: 95%; }


/*projectBox*/
.projectBox { padding-top: 0px; padding-bottom: 60px; }
.projectBox .project { display: flex; justify-content: space-between; }
.projectBox .content { width: 100%; flex-wrap: wrap; display: flex; justify-content: space-between; }
.projectBox .item { display: flex; align-items: center; margin-top: 39px; width: calc(50% - 15px); }
.projectBox .item:hover .left img { box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.projectBox .left { width: 170px; }
.projectBox .left img { max-width: 100%; transition: all 0.3s; }
.projectBox .right { width: calc(100% - 170px); padding-left: 30px; }
.projectBox .heading { color: #343434; font-weight: 700; }
.projectBox .text { color: #343434; padding-top: 3px; }

/*vaBox*/
.vaBox { padding-top: 0px; padding-bottom: 60px; display: flex; justify-content: space-between; /*align-items: flex-end;*/ flex-wrap: wrap;	 }
.vaBox .content { width: calc(25% - 15px); margin-top: 0px; border-radius: 30px; border:1px solid black; position: relative; box-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; -khtml-box-shadow: 5px 5px 5px #ccc; }
.vaBox img { margin: auto; border-radius: 30px 30px 0 0; border: none; max-width: 100% }
.vaBox .content a:hover > img { opacity: 0.265; background-color: yellow }
.vaBox .content:hover {left:2px; top:2px; box-shadow: 10px 10px 10px #ccc; -moz-box-shadow: 10px 10px 10px #ccc; -webkit-box-shadow: 10px 10px 10px #ccc; -khtml-box-shadow: 10px 10px 10px #ccc;}
.vaBox .item { padding: 24px; position: relative }
.vaBox .item p { padding-top: 10px; font-size: 15px;}
.vaBox .details-overlay { position: absolute; top: -165px; display: none }
.vaBox .details-overlay p { padding-top: 15px; }
.vaBox .details-overlay h3 { padding-top: 15px; position: relative; left: 7px;  }
.vaBox .content:hover .details-overlay { display: block }
.vaBox .details-overlay img { max-width: 39px;}
.vaBox .details { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.vaBox .details-content { width: calc(50% - 15px); }
.vaBox .details-content2 { width: calc(70% - 15px); }
.vaBox h3 { font-size: 18px; font-weight: 800; }
.vaBox p { line-height: 1.6em; }
.vaBox p a { color: #E51A1A; }
.vaBox p a:hover { text-decoration: underline; color: black; }

/*breakingBox*/
.breakingBox { padding-top: 50px; padding-bottom: 60px; display: flex; justify-content: space-between; /*align-items: flex-end;*/ flex-wrap: wrap;	 }
.breakingBox.climate {  padding-top: 0; }
.breakingBox .content { width: calc(50% - 15px); margin-top: 70px; }
.breakingBox .details { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.breakingBox .details-content { width: calc(50% - 15px); }
.breakingBox .details-content2 { width: calc(70% - 15px); }
.breakingBox h3 { font-size: 20px; font-weight: 800; }
.breakingBox img { max-width: 85%; margin: auto; }
.breakingBox .date { font-weight: 700; color: #343434; }
.breakingBox p { line-height: 1.6em; }
.breakingBox.climate a { color: #343434; }
.breakingBox p a { color: #E51A1A; }
.breakingBox p a:hover { text-decoration: underline; color: black; }

.breakingBox .collapsible {
	margin-top: 40px;
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.breakingBox .active, .collapsible:hover {
  background-color: #555;
}

.breakingBox .collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.breakingBox .active:after {
  content: "\2212";
}

.breakingBox .fold {
  padding: 0px 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
  display: flex; justify-content: space-between; /*align-items: flex-end;*/ flex-wrap: wrap;
}

/*paginationBox*/
.paginationBox { padding: 0 15px 150px 15px; width: 100%; display: block; }
.paginationBox .pagination { display: flex; justify-content: center; align-items: center; }
.paginationBox .page-numbers { margin: 0 3px; text-align: center; background: #EAEAEA; border: 1px solid #0F0848; padding: 7px 10px; transition: 400ms ease; color: #343434; }
.paginationBox .page-numbers:hover, .page-numbers.current { background-color: #E51A1A; color: #fff; }
.paginationBox .page-numbers.active { text-decoration: underline; }
.paginationBox .pagination-button { width: 90px; background: #ffffff; }
.paginationBox .screen-reader-text { display: none;}

/*GAMES / VA tools*/			
.games_container {
  /* width = 182 * 3 + 25 * 2 = 650
  float: left;
  position: relative;
  left: 50%;
  width: 100%;*/
  
}

.games_container a { color: #E51A1A; }
.games_container a:hover { text-decoration: underline; color: black; }

.inner-gamescontainer {
  float:left;
  position: relative;
  
  width: 100%;
}

.games_container::after {
  content: '';
  display: block;
  clear: both
}

.games_container .space2 { display: none}

.games_container #tab-3,.games_container #tab-1 {
	
	padding: 40px;
	padding-top: 20px;
		
}

.games_container #tab-3 h2,.games_container #tab-1 h2 {
	
	color:#112848;
	padding-bottom: 15px;
	
}

.games_container #tab-3 img,.games_container #tab-1 img {
	padding-right: 15px;
	}

.games_container #tab-1 ol,.games_container #tab-1 ul,.games_container #tab-3 ol,.games_container #tab-3 ul {
	margin-left: 15px;
	padding-bottom: 15px;
}
	
.games_container #ajaxBox
{
	min-height: 670px;
	float: left;
	display: block;
	width: 75%;
	border: 0px solid red;
}

.games_container .box1 {
  float: left;
  background-color: #3e90b8;
  width: 23%;
  height: 180px;
  margin-right: 1%;
  margin-bottom: 16px;
  display: inline-block;
  min-height: 376px;
  background-color: white;
}

.games_container .box {
  float: left;
  background-color: #3e90b8;
  width: 180px;
  height: 180px;
  margin-right: 2.6%;
  margin-bottom: 16px;
  display: inline-block;
}

.games_container ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
border-bottom:3px solid #112848;
}

.games_container ul.tabs li{
	background: none;
	color: #112848;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	border: 2px solid #112848;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
}

.games_container ul.tabs li.current,ul.tabs li:hover{
	background: #112848;
	color: #fff;
}

.inner-gamescontainer{
	padding: 15px;
	border-left:3px solid #112848;
	display: none;
}

.inner-gamescontainer.current{
	display: inherit;
}

.games_container #tab-1, .games_container #tab-3 {width: 90% }

/*games resources page*/
.games_container .resourcescontainer{
	padding: 15px;
	padding-left: 0px;
	display: block;
	float:left;
	position: relative;
	width: 100%;
}

.games_container .left {
  float: left;
  background-color: #3e90b8;
  width: 31%;
  height: 180px;
  margin-right: 3%;
  margin-bottom: 16px;
  display: inline-block;
  min-height: 376px;
  background-color: white;
}

.games_container .left .block {position: relative; display: block; padding: 30px 0 37px 24px; background: #112848; color: black; margin-bottom: 4px;  }
.games_container .left .block a { color: white;  font-size: 18px; text-decoration: none }

.games_container .left .block .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #C3DCE9;
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
}
	
.games_container .left .block:hover .overlay {
	width: 100%;
}
	
.games_container .left .block .text {
	white-space: nowrap; 
	line-height: 22px;
	color: #112848;
	font-size: 18px;
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.games_container .right
{
	float: left;
	display: block;
	width: 65%;
	border: 0px solid red;
	position: relative;
}

.games_container .right img
{
	width: 100%
}

.games_container .right div {
	position: relative;
	bottom: 100px;
	right: -50%;
	color: white;
	background: black;
	opacity: 0.6;
	padding: 15px;
	width: 40%;
}
.games_container .right div p { font-size: 16px; line-height: 20px; padding:0px;}



.games_container .box1 h2 { padding: 0px; text-transform: uppercase; font-size: 14px; color:#112848; font-weight: bold; }
.games_container .box1 h3 { padding-top: 18px; color: #3e90b8; font-weight: bold; padding-bottom: 2px;}
.games_container .box1 label { margin-left: 5px; display: inline-block; /*max-width: 158px;*/}
.games_container .box1 [type="checkbox"]{vertical-align:top;}
.games_container .box1 input { position: relative; top: 2px;}
.games_container .box1 .space { display: block}

.games_container .box a { text-decoration: none}
.games_container .box #image { height: 125px; width: 100%; }
.games_container .box #image img { margin-left: 40px; margin-top: 30px;}
.games_container .box #image p { font-size: 12px; padding-top: 0px; margin-left: 6px; margin-top: 30px; display: none; width: 165px; color: white; text-align: center; text-decoration: none}
.games_container .box #btn { background-color: #112848; height: 25px; width: 100%; text-align: center; color: white; font-size: 13px; letter-spacing: -0.6px; text-transform:uppercase; line-height: 25px; font-weight: bold; text-decoration: none }

/*games detail page*/
.games_container .games_left { float: left; width: 66%; margin-right: 15px;} 
.games_container .rightcontainer { float: left;width: 31.5% }
.games_container .games_right { padding: 6%; background-color: #112848; color: white; width: 88%; font-size: 14px; line-height: 32px; } 
.games_container .games_right span {float: right; font-size: 14px; display: inline-block;  }
.games_container .games_right h3 { color: white; font-size: 14px; font-weight: bold; padding-bottom: 20px; }

.games_container .games_video {  margin-top: 20px; background-color: white; padding: 0px; width: 100% }
.games_container .games_docs {  margin-top: 20px; background-color: #7EAFC8; padding: 6%; width: 88%; font-size: 14px; color: white;line-height: 32px; }
.games_container .games_docs a { color: white; background: url('assets/images/arrow_down.png') left top no-repeat; padding-left: 25px; line-height: 20px; text-decoration: none; display: block; height: 32px;}

.games_container .document-gallery img { display: none}
.games_container .document-gallery .document-icon .title { text-align: left }
.games_container .document-gallery .document-icon a { font-size: 14px;}

/* ### footer container ### */
#footerCntr { width: 100%; background: #343434; }
#footerCntr .footer { display: flex; justify-content: space-between; padding-top: 190px; padding-bottom: 160px; }
#footerCntr .content { width: 25%; }
#footerCntr h5 { position: relative; color: #ffffff; padding-bottom: 16px; }
#footerCntr h5:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 35px; background: #E51A1A; }
#footerCntr img { max-width: 100%; }
#footerCntr ul { padding-top: 30px; }
#footerCntr ul li a { color: #ffffff; line-height: 2em; }
#footerCntr ul li a:hover { color: #E51A1A; /*padding-left: 2px;*/ }
#footerCntr .follow li { display: inline-block; padding-right: 4px; }
#footerCntr .footer-bottom { padding-bottom: 45px; }
#footerCntr .footer-bottom p { padding-top: 0; font-size: 14px; color: #848484; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1199px) {
	.centered { padding-right: 15px; padding-left: 15px; }
 	.menuBox:not(.mm-menu) { margin-top: 15px; }
 	.menuBox:not(.mm-menu) ul li { margin-left: 12px; }
 	.bannerBox h1 { font-size: 30px; }
	.bannerBox .item { padding: 30px; }
	.bannerBox .display-white { padding-left: 94px;}
	.bannerBox .display-white::after { width: 68px; }
	.bannerBox .button { margin-top: 50px; }
	.bannerBox .slide-block img { height: 400px; object-fit: cover; }
	.bannerBox.banner2 { height: 340px; }
	.bannerBox .slick-prev { left: 0px }
	.bannerBox .slick-next { right: 34%}
	.bannerBox .button { margin-top: 20px; }
	.healthBox p { padding-top: 45px; }
	.healthBox .content { padding-right: 0; }
	.singleBox p { padding-top: 45px; }
	.singleBox .content { padding-right: 0; }
	.publicationBox .content { padding: 0 50px 0 30px; }
	.publicationBox .text { padding-left: 15px; }
	.bannerBox.banner2 { height: 340px; }
	.breakingBox h3 { font-size: 21px; }
	.missionBox .mission-menu ul li { padding: 0 50px; }
	.missionBox .mission-menu ul li a { font-size: 16px; }
}

@media only screen and (max-width: 992px) {
	h2 { font-size: 32px; }
	h4 { font-size: 20px; }
	#headerCntr { height: auto; padding-top: 0; }
	#headerCntr .left { display: none; width: 60%; }
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo { width: 250px; }
	#headerCntr .search-main { display: none; }
	.menuBox .search-mobile { display: block; position: relative; padding: 0 10px; margin-top: 10px; }
	.menuBox input { width: 100%; height: 49px; padding: 0 23px; }
	.menuBox .search-icon { position: absolute; right: 29px; top: 9px; width: 32px; height: 32px; border: none; cursor: pointer; background-color: transparent; background-image: url('assets/images/search.svg'); background-repeat: no-repeat; }
	.mm-listview li a { position: relative; text-transform: uppercase; color: #000000; font-weight: 700; }
	.menuBox ul li a:after { position: absolute; top: 38px; content: ''; display: block; width: 0; height: 2px; background: #E51A1A; transition: 0.6s; }
	.menuBox ul li a.active:after { width: 100%; }
	.menuBox ul li a:hover:after { width: 100%; transition: 0.6s; }
	.bannerBox h1 { font-size: 24px; }
	.bannerBox .display-white { font-size: 14px}
	.bannerBox p { font-size: 14px; }
	.healthBox { padding-top: 60px; padding-bottom: 60px; }
	.healthBox p { padding-top: 25px; }
	.singleBox { padding-top: 60px; padding-bottom: 60px; }
	.singleBox p { padding-top: 25px; }
	.healthBox .health-res-img { padding-top: 30px; }
	.healthBox.research { flex-wrap: wrap; }
	.healthBox.research .health { width: 100%; }
	.healthBox.research .right { padding-top: 30px; }
	.singleBox .health-res-img { padding-top: 30px; }
	.singleBox.research { flex-wrap: wrap; }
	.singleBox.research .health { width: 100%; }
	.singleBox.research .right { padding-top: 30px; }
	.newsBox { padding-top: 50px; padding-bottom: 60px; }
	.newsBox .content { padding: 0 14px; }
	.newsBox .news-button { margin-top: 0; }
	.eventBox .content { padding: 0 15px 0 25px; }
	.eventBox .right { padding: 30px 0; }
	.eventBox .item-left .right { margin: 0 60px 0 auto; }
	.eventBox p { padding-top: 25px; }
	.eventBox .button3 { margin-top: 25px; }
	.publicationBox { padding-top: 90px; padding-bottom: 90px; }
	.publicationBox .content { padding: 0 15px 0 25px; }
	.publicationBox .publication-bottom { margin-top: 100px; }
	#footerCntr .footer { padding-top: 100px; padding-bottom: 90px; }
	#footerCntr .content img { max-width: 170px; }
	.missionBox .mission-menu { max-width: 100%; }
	.missionBox .mission-menu a { padding: 0 15px; }
	.missionBox .mission { padding-top: 90px; padding-bottom: 90px; }
	.missionBox .item { margin-top: 30px; }
	.missionBox .mission-menu ul li { padding: 0px; }
	.missionBox .mission-menu ul li a { font-size: 16px; }
	.projectBox .item { width: 100%}
	.bannerBox.banner2 { height: 300px; }
	.boardBox { padding: 90px 15px 120px 15px; }
	.staffBox { padding-top: 90px; padding-bottom: 100px; }
	.projectBox .left { width: 140px; }
 	.projectBox .right { width: calc(100% - 140px); padding-left: 13px; }
	.projectBox .heading { font-size: 15px; }
	.breakingBox { padding-top: 20px; padding-bottom: 30px; }
	.breakingBox .content { width: 100%; max-width: 570px; margin: 40px auto 0 auto; }
	.breakingBox .details { margin-top: 20px; }
	.breakingBox h3 { font-size: 20px; }
	.paginationBox { padding: 0 15px 110px 15px; }
	.games_container .box1 { min-width: 180px; }
	.games_container #ajaxBox { width: 70%; }
	.games_container .box1 label { font-size: 12px; }
}

@media only screen and (max-width: 880px) {
	.bannerBox .display-white { padding-left: 80px; font-size: 12px;}
	.bannerBox .display-white::after { width: 66px; top: 9px; }
	.bannerBox h1 { font-size: 24px; }
	.bannerBox .button {padding: 0 50px; }
	}

@media only screen and (max-width: 767px) {
	#headerCntr .logo { width: 200px; }
	.bannerBox .centered { align-items: flex-end; }
	.bannerBox .slide-block img { }
	.bannerBox.banner2 { height: 200px; }
	.bannerBox.banner2 .centered { align-items: center; }
	.bannerBox.banner2 h1 { font-size: 40px; }
	.bannerBox .item { width: 100%; padding: 20px 50px; background: #57575799; text-align: center; }
	.bannerBox .button { margin: 20px auto auto auto; }
	.bannerBox h1 { font-size: 35px; margin-top: 30px; }
	.bannerBox .slide-block img { width: 100%}
	.bannerBox p { padding-top: 20px; }
	.bannerBox .date { width: 100% }
	.bannerBox .display-white { top: 29px; padding-left: 0; text-align: center; right: 0; margin: auto; }
	.bannerBox .display-white:after { top: 29px; right: 0; margin: auto; }
	.bannerBox .item p { padding-top: 10px; }
	.bannerBox h1 { font-size: 38px; }
	.bannerBox p { font-size: 16px; }
	.bannerBox .slick-next { right: 0; }
	.bannerBox ul.slick-dots { width: 100%; bottom: 15px; /*justify-content: center; left: 0;*/ }
	.bannerBox .slick-prev,
	.bannerBox .slick-next { width: 30px; height: 30px; background-size: 12px; }
	.bannerBox .slick-prev:hover,
	.bannerBox .slick-next:hover { background-size: 13px; }
	.healthBox { flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; }
	.healthBox .health { width: 100%; }
	.healthBox .content { padding-bottom: 30px; }
	.healthBox .right { padding-top: 30px; padding-bottom: 0; }
	.healthBox .research-project .date { padding-top: 30px; }
	.healthBox .health-res-img { padding-top: 0; }
	.singleBox { flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; }
	.singleBox .health { width: 100%; }
	.singleBox .content { padding-bottom: 30px; }
	.singleBox .right { padding-top: 30px; padding-bottom: 0; }
	.singleBox .research-project .date { padding-top: 30px; }
	.singleBox .health-res-img { padding-top: 0; }
	.newsBox { padding-top: 20px; padding-bottom: 40px; }
	.newsBox .news { flex-wrap: wrap; }
	.newsBox .item { width: 100%; max-width: 390px; margin: auto; }
	.newsBox .content { margin: 30px 0; padding: 0 13px; }
	.newsBox .date { padding-top: 20px; }
	.eventBox { flex-wrap: wrap; height: auto; }
	.eventBox .event { width: 100%; }
	.eventBox .item-left { order: 2; }
	.eventBox .item-left .right { margin: 0; }
	.eventBox .content { padding: 0 15px 0 15px; }
	.eventBox img { position: inherit; }
	.publicationBox { padding-top: 20px; padding-bottom: 60px; }
	.publicationBox .publication { flex-wrap: wrap; }
	.publicationBox .content { width: 100%; padding-top: 40px; }
	.publicationBox .publication-bottom { flex-wrap: wrap; margin-top: 40px; }
	.publicationBox .item { width: 100%; padding-top: 20px; }
	.publicationBox .item img { max-width: 100px; }
	.publicationBox .publication-button { margin-top: 30px; }
	.publicationBox .right-button { padding-top: 0; }
	#footerCntr .footer { flex-wrap: wrap; padding-top: 40px; padding-bottom: 60px; }
	#footerCntr .content { width: 50%; padding-top: 30px; }
	#footerCntr .content:nth-child(1) { order: 1; }
	#footerCntr .content:nth-child(2) { order: 3; }
	#footerCntr .content:nth-child(3) { order: 4; }
	#footerCntr .content:nth-child(4) { order: 2; }
	.missionBox .mission-menu { max-width: 100%; }
	.missionBox .mission-menu a { padding: 0 7px; font-size: 14px; }
	.missionBox .mission-menu-main:after { height: 59px; width: 20%; }
	.missionBox .mission { padding-top: 30px; padding-bottom: 30px;	}
	.missionBox .mission-menu ul li { height: 59px; }
	.missionBox .mission-menu ul li a {text-transform: none;font-weight: 400; font-size: 14px}
	.missionBox .content { flex-wrap: wrap; }
	.missionBox .item { width: 100%; margin-top: 0; }
	.missionBox .download { margin-top: 30px; }
	.boardBox { padding: 40px 15px 40px 15px; }
	.boardBox .item { width: calc(50% - 10px); padding-top: 30px; }
	.staffBox { padding-top: 50px; padding-bottom: 60px; }
	.staffBox .staff { flex-wrap: wrap; }
	.staffBox .item, .staffBox .item_board { width: 100%; max-width: 370px; margin: auto; padding-top: 35px; }
	.staffBox .staff-button { margin-top: 40px; }
	.projectBox { padding-top: 60px; padding-bottom: 60px; }
	.projectBox .project { flex-wrap: wrap; }
	.projectBox .content { width: 100%; }
	.projectBox .heading { font-size: 16px; }
	.projectBox .item { margin-top: 30px; }
	.breakingBox.climate .content:nth-child(1) { margin-top: 0; }
	.paginationBox { padding: 0 15px 80px 15px; }
	.games_container ul.tabs li { font-size: 14px; padding: 5px 8px; }
}

@media only screen and (max-width: 700px) {
	
	.games_container .box1 {  width: 40% }
	.games_container #ajaxBox { width: 59%; }
}

@media only screen and (max-width: 600px) {
	.games_container .box1 { width: 50% }
	.games_container #ajaxBox { width: 49%; }
	.bannerBox h1 { font-size: 32px; }
	
	.searchandfilter > ul > li.sf-field-sort_order { padding: 0px; }
	/*.searchandfilter > ul > li.sf-field-reset h4 { display: none; padding: 0px;}
	.searchandfilter a.search-filter-reset { padding-top: 15px; }*/
	.searchandfilter select.sf-input-select { min-width: 208px }
}


@media only screen and (max-width: 480px) {
	h2 { font-size: 25px; padding-top: 15px; }
	.display-white { padding-left: 110px; }
	.display-red { padding-left: 110px; }
	#headerCntr .logo { width: 160px; }
	.bannerBox.banner2 { height: 180px; }
	.bannerBox.banner2 h1 { font-size: 32px; }
	.bannerBox h1 { font-size: 22px; }
	.bannerBox .item { padding: 25px 25px 35px; }
	.bannerBox .slick-prev,.bannerBox .slick-next { width: 20px; height: 20px; background-size: 10px; }
	.bannerBox .slick-prev:hover,.bannerBox .slick-next:hover { background-size: 11px; }
	.publicationBox { padding-top: 0; padding-bottom: 40px; }
	.publicationBox .publication-bottom { margin-top: 30px; }
	.publicationBox .text { font-size: 17px; padding-right: 0; }
	.healthBox .video-icon { border: 5px solid #ffffff; height: 77px; width: 75px; }
	.healthBox .video-icon img { max-width: 23px; }
	.healthBox.research { padding-top: 20px; }
	.singleBox .video-icon { border: 5px solid #ffffff; height: 77px; width: 75px; }
	.singleBox .video-icon img { max-width: 23px; }
	.singleBox.research { padding-top: 20px; }
	#footerCntr .footer { flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; }
	#footerCntr .content { width: 100%; }
	#footerCntr .footer-bottom { padding-bottom: 30px; }
	.missionBox .mission-menu { max-width: 100%; padding: 0; }
	.missionBox .mission-menu a { padding: 0 7px; }
	.missionBox .mission-menu ul li a { font-size: 12px; }
	.missionBox .mission-menu-main { padding: 0px;}
	.missionBox .mission-menu-main:after { height: 0px; }
	.missionBox .content { column-count:1;}
	.boardBox .board { flex-wrap: wrap; }
	.boardBox .item { width: 100%; }
	.staffBox { padding-top: 40px; padding-bottom: 40px; }
	.projectBox { padding-top: 40px; padding-bottom: 40px; }
	.projectBox .left { width: 120px; }
	.projectBox .right { width: calc(100% - 120px); padding-left: 10px; }
	.projectBox .heading { font-size: 15px; }
	.projectBox .text { font-size: 15px; }
	.breakingBox { padding-top: 10px; padding-bottom: 20px; }
	.breakingBox .content { margin: 30px auto 0 auto; }
	.breakingBox .details { flex-wrap: wrap; }
	.breakingBox .details-content { width: 100%; }
	.breakingBox .date { padding-top: 25px; }
	/*.paginationBox { padding: 0 15px 40px 15px; }
	.paginationBox .page-numbers { padding: 5px 8px; display: none; font-size: 14px; }
	.paginationBox .page-numbers:nth-child(-n + 5), .page-numbers:nth-last-child(-n + 1) { display: block; }
	.paginationBox .page-numbers:nth-last-child(-n + 3)::after { content: none; }*/
	.paginationBox {margin-top: 30px;}
	.games_container .box1 { width: 50%; min-width: 0px; }
	.games_container #ajaxBox { width: 49%; }
	.games_container .box1 input {display: block}
	.games_container .box1 label { margin-left: 0px; }
	.games_container .space2 { display: block}x
}