@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
@media screen and (max-width:767px){body{min-height:1800px;}}
p,li{font-size:14px;line-height:1.5;}
h1,h2,h3,h4{color:#1887BA;font-family:oswald,calibri serif;}
h2{font-size:22px;line-height:20px;}
h3{font-size:18px;line-height:1.5;margin:0;}
h4{font-size:16px;}
a{color:#1887BA;text-decoration:none;}
a:hover{text-decoration:none;}

#content{margin-top:20px;}
#content h1{font-size:28px;}
#content .blog-item{margin:15px 0;}
.item-page p{text-align:justify;}
.items-row{display:inline-block;margin:25px 0;}
.wg-list img:hover,.news-promo img:hover{opacity:0.8;}
a.iascbutton{border:2px solid #1887BA;border-radius:6px;color:#1887BA;font-family:oswald;font-size:18px;font-weight:700;padding:10px;}
.tophead{display:flex;margin-top:10px;}
.btn-secondary{border-color:#1887BA;background-color:#1887BA;}
.btn-secondary:hover{border-color:#1887BA;background-color:#1887BA;opacity:0.8;}


/*	Sliders plugin	*/
.ssl-outer{border:2px solid #3b94d6;}
.ssl-outer .ssl-title{background-color:#fff;color:#3b94d6;font-weight:700;}

/****************		Header				******************/
.search{float:right;}
.socialmedia .fa-ul{float:right;margin:5px 10px;}
.socialmedia li{float:left;margin:2px 9px;}
#header .logo{height:auto;margin-top:-45px;width:54px;}
#header form{opacity:0.5;}
#header form input{border-radius:10px;display:block;font-size:12px;margin-top:-20px;}
@media screen and (min-width:768px){#header{padding-top:20px;opacity:0.9;position:fixed;width:100%;z-index:100;}}
@media screen and (max-width:767px){#header .col-md-8{padding:0;}}

/****************		Off-Canvas Menu		******************/
#siteNavRow{background-color:#3b94d6;}
.show-on-small{display:none;}

/* our menu */
.nav-header{padding:10px 5px !important;text-transform:none;}
#siteNav{background-color:inherit;background-image:none;border:none;padding:0;}
#siteNav li a, #siteNav li span{color:#1887BA;font-family:oswald, calibri, arial;font-size:18px;font-weight:500;text-align:left;text-decoration:none;}
#siteNav li li span{color:#fff;text-shadow:none;}
@media screen and (min-width:980px){.moduletable_menu > .nav > li > a,.moduletable_menu > .nav > li > span{font-size:18px !important;}}
@media screen and (max-width:767px){#siteNav li a, #siteNav li span{color:#fff;}}
@media screen and (max-width:767px){#siteNav ul.mod-menu{background-color:#3b94d6;}#siteNav li a, #siteNav li span{font-size:14px;}}
@media screen and (min-width:768px){.scrolled{background-color:#fff;}#siteNav{box-shadow:none;}#siteNav .nav{display:block;}}
@media screen and (min-width:768px) and (max-width:979px){#siteNav li a, #siteNav li span{font-size:12px;}ul.mod-menu > li:hover > ul{top:35px !important;}ul.mod-menu ul{width:90px !important;}ul.mod-menu ul li a{font-size:12px !important;}}
@media screen and (min-width:980px) and (max-width:1199px){ul.mod-menu > li:hover > ul{top:37px !important;}ul.mod-menu ul{width:122px !important;}ul.mod-menu ul li a{font-size:12px !important;}#siteNav li li span{font-size:12px;}}
#siteNav ul.mod-menu{float:right;margin:0;padding:0;font-size:0.9em;}
@media screen and (min-width:1200px) and (max-width:1500px){#siteNav ul.mod-menu {margin-right:130px !important;}}

	/* second level */
	ul.mod-menu ul{left:-9999em;opacity:0;position:absolute;background:#3b94d6;margin:0;padding:0;top:40px;width:190px;
		/* the transitions */
        -webkit-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
        -moz-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
        transition:opacity 500ms ease-in-out, top 500ms ease-in-out;		
	}

	ul.mod-menu > li{display:inline-block;vertical-align:middle;position:relative;transition: 0.2s 1s; /* top level links only in order to avoid overriding */ }
	ul.mod-menu > li > a{color:#fff;display:inline-block;vertical-align:middle;padding:5px 8px;}
	@media screen and (min-width:768px) and (max-width:979px){ul.mod-menu > li > a{padding:7px 5px !important;}}
	ul.mod-menu > li > a:hover,ul.mod-menu > li:hover > a{background-color:inherit;color:#fff;opacity:0.5;}

	/* setting the visibility */
	ul.mod-menu > li:hover > ul{opacity:1;top:37px;left:0;z-index:50;}
	ul.mod-menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}								/****	second level fix 	****/
	ul.mod-menu > li > ul > li:hover ul ul{opacity:0;top:auto;left:100%;}								/****	third level fix 	****/
	ul.mod-menu > li > ul > li > ul > li:hover ul{opacity:1;top:auto;left:100%;z-index:10;}			/****	third level fix 	****/
	@media screen and (min-width:1200px){ul.mod-menu > li > ul > li:hover ul{margin-top:-41px;position:absolute;}}	/****	second level fix 	****/
	@media screen and (min-width:768px) and (max-width:1199px){ul.mod-menu > li > ul > li:hover ul{margin-top:-32px;position:absolute;}}	/****	second level fix 	****/

		/* second and third level */
		ul.mod-menu ul > li{display:block;}
		ul.mod-menu ul > li a{color:#fff !important;display:block;font-size:14px;padding:7px 10px;}
		ul.mod-menu ul > li a:hover{opacity:0.5;}
		ul.mod-menu ul ul li a:hover{background:#3b94d6;}

		/*	fourth level */
		ul.mod-menu ul ul ul > li a{color:#fff !important;display:block;font-size:14px;padding:2px 20px;}

		/* lower levels */
		ul.mod-menu > li.active > a{color:#fff;}

@media screen and (max-width:767px){
	.show-on-small {background-color:#3b94d6;display:block;height:42px;}
	#siteNav ul.mod-menu{left:-302px;width:300px;z-index:10009;line-height:1.8;position:absolute;z-index:9999;border:1px solid #fff; /* resetting and blocking the elements in order to have a large touch surface */  
	/* the transitions */
  	-webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
   }
  	
  	/* the open state -  here we are using the CSS 3D Transforms */
  	#siteNav ul.mod-menu.menuIsActive{-webkit-transform:translate3d(300px,0,0);-moz-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);}
  
  #siteNav ul.mod-menu ul{display:block;position:static;opacity:1;width:300px;}
  #siteNav ul.mod-menu ul li{text-indent:15px;font-size:0.9em;}
  #siteNav ul.mod-menu > li,#siteNav ul.mod-menu li,#siteNav ul.mod-menu a,#siteNav ul.mod-menu li > a{display:block;}

  /* globally reset all paddings */
  ul.mod-menu a{padding:5px 10x !important;}
  
	/* support for browsers which do not support 3D transforms - must use Modernizr for this feature */
	.no-csstransforms3d ul.menu.menuIsActive {left:0;} 
  
	/* the visibility toggler */
	#menuToggler .icon{background-image:none;color:#fff;display:inline-block;vertical-align:middle;padding:8px;width:26px;height:24px;}
	#menuToggler span{display:inline-block;vertical-align:middle;font-weight:800;font-size:28px;line-height:20px;}
	#menuToggler a:hover{text-decoration:none;}
}
/**************		End of Off-Canvas Menus		********************/


/*	Slideshow	*/
.slideshowck .camera_caption{margin-bottom:10px;}
.slideshowck .camera_caption > div{background:rgba(59,148,214,0.8);}
.slideshowck .camera_caption_desc{font-family:oswald, arial;font-size:20px;padding:10px;text-align:center;}
@media screen and (max-width:767px){.slideshowck{height:300px !important;}}

/*	Breadcrumbs	*/
#crumbs{background-color:#3b94d6;display:inline-block;margin-top:116px;padding:0;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff;}
@media screen and (max-width:767px){#crumbs{margin:2px 0;}}
.breadcrumb{background-color:#3b94d6;margin:0;}
.breadcrumb>li>span,.breadcrumb>.active,.breadcrumb a{color:#fff;font-size:14px;font-weight:bold;text-shadow:none;}

/*	Working Groups Boxes	*/
@media screen and (min-width:768px){.wg .row{margin:20px 0;}}
@media screen and (max-width:767px){.wg.custom{margin:5px 0;}.wg .col{margin:10px 0;}.wg .col img{width:280px !important;}}
.wg .col{position:relative;overflow:hidden;}
.wg .col img{display:block;margin:0 auto;width:350px;}
.wg .col:hover img{transform: scale(1.03,1.03);-webkit-transform: scale(1.03,1.03);-moz-transform: scale(1.03,1.03);-ms-transform: scale(1.03,1.03);-o-transform: scale(1.03,1.03);}
@media screen and (min-width:768px){.wg .col .blur{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:360px;height:388px;transform: scale(0);transition: .3s ease;}}
@media screen and (max-width:767px){.wg .col .blur{display:none;}}
@media screen and (min-width:768px){.wg .col:hover .blur{display:block;margin:0 auto 30px auto;opacity:0.4;transform: scale(1);}}
.wg .cross .blur{background-color:#364D75;}
.wg .atmo .blur{background-color:#066;}
.wg .cryo .blur{background-color:#930035;}
.wg .marine .blur{background-color:#0D0065;}
.wg .social .blur{background-color:#F66318;}
.wg .terrestrial .blur{background-color:#3F9B0C;}

/*	Working Groups buttons	*/
.wg-buttons{display:table;list-style:none;margin:0 auto;}
.wg-buttons li{float:left;line-height:60px;margin:0 10px;}
.wg-buttons a{border-radius:6px;font-family:oswald;font-size:18px;font-weight:700;padding:10px;}
.wg-buttons a:hover{opacity:0.7;}

/*	Working Groups subpage boxes*/
.wg-list{list-style:none;}
@media screen and (min-width:768px){.wg-list{display:flex;}.wg-list li{float:left;}.wg-list img{height:auto;width:191px;}}
@media screen and (max-width:767px){.wg-list li{text-align:center;}.wg-list img{height:auto;width:250px;}}
.wg-list .active{opacity:0.5;}

/*	Random Image for Working Groups	*/
.random-image img{height:auto;width:100% !important;}


/*	IASC Council Members	*/
.council .row img{width:auto;height:280px;}
@media screen and (max-width:990px){.council img{display:block;margin:0 auto;}.council h3,.council p{text-align:center;}}

/*	Action Boxes	*/
.moduletable.action{margin:30px 0;}
.moduletable.action img:hover{opacity:0.5;}
@media screen and (max-width:990px){.moduletable.action a{display:block;text-align:center;}}

/*	News Section	*/
.news-section .thumbnail{padding:0;}
.news-section .thumbnail img{height:auto;width:100%;}
.news-section .intro-news-item{border:none;box-shadow:none;}
.news-section .intro-news-item h3,.news-section .intro-news-item p,.news-section .intro-news-item .readmore{padding:0 4px;}
.header h2,#footer h3{font-size:28px;text-align:center;text-transform:uppercase;}
.header h2 a{text-decoration:none;}
.news-section .newsflash h3{font-size:16px;margin-bottom:10px;}
.news-section .newsflash p{margin-bottom:8px;text-align:justify;}
.news-section .newsflash .readmore .btn{background-color:#fff !important;border-color:#fff !important;color:#1887BA;font-szie:12px;padding:0;}
.moduletable.rss-reader{box-shadow:0 1px 3px rgb(0 0 0 / 6%);border-radius:4px;padding:8px;}
@media screen and (min-width:768px){.news-section{margin:10px 0;}.news-section .intro-news-item,.moduletable.rss-reader{min-height:450px;}}
@media screen and (max-width:767px){.news-section .intro-news-item{margin:10px auto;}.news-section img{display:block;margin:0 auto;},.news-section h3,.community-news h3,.community-news li,.newsdate{text-align:center !important;}.newsdate i{display:inline-block;font-size:14px !important;margin-top:10px;}}
.news-section .newsdate i{font-size:10px;}
.news-section p{font-size:12px;}
.news-section .community-news h3{text-align:center;text-transform:uppercase;}
.news-section .community-news ul{list-style:none;margin:0 4px;}
.news-section .community-news li{border-bottom:1px solid #ccc;padding:5px 0;}
@media screen and (max-width:767px), (min-width:1200px){.news-section .community-news li{margin:5px 0;}}
@media screen and (min-width:980px) and (max-width:1199px){.news-section .community-news li a{font-size:12px;}}
@media screen and (min-width:768px) and (max-width:979px){.news-section .community-news li a{font-size:10px;}}
.news-section .moreNews{display:table;margin:0 auto;}
.news-section .moreNews a{border:2px solid #1887BA;border-radius:6px;color:#1887BA;display:inline-block;font-weight:700;margin:20px 0;padding:10px;text-align:center;}
.news-section .moreNews a:hover{text-decoration:none;}

/*	Article overview	*/
.category-list .btn-group{margin:10px 0;}
.category-list .btn-group button{background-color:#3b94d6;border-color:#3b94d6;margin:0 2px;}
.category-list .table>:not(:first-child){border-top:1px solid currentColor !important;}
.category-list .list-title a{font-weight:normal;}
.category-list .page-link{color:#3b94d6;}
.category-list .page-item.active .page-link{background-color:#3b94d6;border-color:#3b94d6;}

/*	File Download	*/
.pd-category-view .ph-top{display:none;}
.pd-category-view h4{font-size:24px;margin-top:30px;}
.pd-category-view .btn-info{background-color:#3b94d6;border-color:#3b94d6;color:#fff;}

/*	Events	*/
#icagenda .ic-image img{max-height:250px;}
#lgx-parallax91 .lgx-parallax-title{font-weight:500;letter-spacing:3px;text-decoration:underline;text-transform:uppercase;}
#lgx-parallax91 a{border:1px solid #fff;border-radius:4px;color:#fff;padding:10px;}

/*	Footer		*/
#footer{background-color:#3b94d6;font-family:oswald;margin-top:10px;padding:10px 0;}
#footer a{color:#fff;}
#footer h3 a,#footer h4 a,#footer h5 a{font-weight:500;text-transform:uppercase;}
#footer h4 a,#footer h5 a{text-decoration:underline;}
#footer p{color:#fff;}
#footer .rightCol p a{border:1px solid #fff;color:#fff;padding:2px 5px;}
@media screen and (min-width:768px){#footer .rightCol h4,#footer .rightCol p,#footer .rightCol h5{float:right;clear:both;}#footer .middleCol h3{margin-top:50px;vertical-align:middle;}}
@media screen and (max-width:767px){#footer p,#footer h4,#footer h5{text-align:center;}}

/*	Credit		*/
.credit p{margin:10px 0;text-align:center;}