body{color:#000;font-family:calibri,arial;font-size:15px;}
@media (max-width: 979px){body{padding:0;}}
p,a,li{line-height:1.5;font-size:16px;line-height:1.5;}
h2{font-size:28px;font-weight:normal;line-height:20px;}
h3{font-size:22px;line-height:1.5;}
.item-page h2,.item-page h3{background-color:#96bdd3;border-radius:5px;color:#fff;display:inline-block;font-weight:500;padding:2px;}
.item-page h2{line-height:24px;padding:6px;}
.item-page h3{line-height:22px;}


/****************		Header			*********************/
#header{background-color:#96bdd3;border-bottom:1px solid #fff;padding:10px 0;}
#header div.mod-languages ul{float:right;}
#header div.mod-languages a{padding:10px;}
#header .search{float:right;position:inherit;}
@media screen and (max-width:800px){
	#header .logo{padding:0 15px;}
}

.main-picture p{margin:0;}

/****************		Off-Canvas Menu		******************/
#siteNavRow{background-color:#96bdd3;padding:0;}
.show-on-small{display:none;}

/* our menu */
.navbar-inner{min-height:33px !important;}
#siteNav{background-color:inherit;background-image:none;border:none;padding:0;}
#siteNav li a{font-size:16px;text-align:left;}
@media screen and (max-width:800px){
	#siteNav li a{font-size:16px;}
}
@media screen and (min-width:800px){
	#siteNav .nav{display:block;}
}
#siteNav ul.menu{background-color:#96bdd3;margin:0;padding:0;font-size:0.9em;}

	/* second level */
	ul.menu ul{left:-9999em;opacity:0;position:absolute;width:300px;background:#bbb;margin:0;padding:0;top:33px;
		/* the transitions */
        -webkit-transition:opacity 400ms ease-in-out, top 300ms ease-in-out;
        -moz-transition:opacity 400ms ease-in-out, top 300ms ease-in-out;
        transition:opacity 400ms ease-in-out, top 300ms ease-in-out;		
	}
	ul.menu ul a{color:#fff;}
	ul.menu ul ul{background-color:#e55c2e;}

	ul.menu > li{display:inline-block;vertical-align:middle;position:relative; /* top level links only in order to avoid overriding */ }
	ul.menu > li > a{color:#fff;display:inline-block;vertical-align:middle;padding:6px 15px;}
	ul.menu > li > a:hover,ul.menu > li:hover > a{background-color:inherit;color:#fff;opacity:0.5;}

	/* setting the visibility */
	ul.menu > li:hover > ul{opacity:1;top:36px;left:0;z-index:100;}
	ul.menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}
	@media screen and (min-width:801px){ul.menu > li > ul > li:hover ul{margin-top:-47px;position:absolute;}}	/****	second level fix 	****/

		/* second and third level */
		ul.menu ul > li{display:block;display-display:block;display-padding:10px 15px;}
		ul.menu ul > li a{display:block;padding:5px 10px;}
		ul.menu ul > li a:hover{opacity:0.5;}
		ul.menu ul ul li a:hover{background:#e55c2e;}

		/* Active and parent classes- using Joomla! menu classes - use the :after pseudo-classes to add images or icon fonts. You can safely remove this part since it's completely optional - remove at will */
		/* active states */
		ul.menu > li.parent > a{ }
		ul.menu > li.active{}
			/* lower levels */
			ul.menu > li.active > a{color:#fff;}
			ul.menu > li.active > ul > li.active > a{ }
			ul.menu > li.active > ul > li.active > ul > li.active > a{ }

@media screen and (max-width: 800px){
	.show-on-small {background-color:#96bdd3;display:block;height:42px;}
	#siteNav ul.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.menu.menuIsActive{
		-webkit-transform:translate3d(300px,0,0);
	    -moz-transform:translate3d(300px,0,0);
	    transform:translate3d(300px,0,0);
	    -webkit-overflow-scrolling: touch;
	}
  
  #siteNav ul.menu ul{display:block;position:static;opacity:1;}
  #siteNav ul.menu ul li{text-indent:15px;font-size:0.9em;}
  #siteNav ul.menu > li,#siteNav ul.menu li,#siteNav ul.menu a,#siteNav ul.menu li > a{display:block;}

  /* globally reset all paddings */
  ul.menu a{padding:5px 10px !important;}
  /* resetting all the hover states - can be omitted in live sites */
  ul.menu a:hover,ul.menu li:hover a{}
  
  /* 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;background-color:#96bdd3;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		***/
#camera_wrap_99 .camera_caption > div{padding:10px 50px;}
#camera_wrap_99 .camera_caption > div{background:none;background-color:#96bdd3;}

/***	Breadcrumbs		***/
#breadcrumbsRow{background-color:#eee;}
.breadcrumb{background-color:inherit;margin:0;padding:8px 6px;}
.breadcrumb li.active .divider{display:none;}
.breadcrumb li span{font-size:16px;}


/***	General Content		***/
#boxrow{margin:10px 0;}
#content .board img{max-height:180px;}
#content .board h5{margin:4px 0;}
#content .board h5 ~ p{font-size:12px;line-height:1;}
#content .blog.partners img{float:left;margin:0 35px 0 0;width:200px;}
@media screen and (max-width:767px){
	#content{margin:0 auto;width:90%;}
}
@media screen and (min-width:768px){#content .blog.partners h2{margin-left:235px;}#content .blog.partners .page-header{padding-bottom:0;}}

/***	Contacts Section	***/
.contacts img{margin-bottom:10px;}
.contacts h3{background-color:#fff;color:#000;font-size:22px;margin:0;}

/***	Partners Section	***/
.partners .item{display:inline-block;margin-bottom:20px;}
.partners h2{margin:0;}
.partners h2 a{font-size:26px;}

/***	Projects Section	***/
.projects .row-fluid img{display:block;height:210px;margin:10px auto;}


/***	Network of Arctic Research and Projects		***/

.contact-category.arice-network .fields-container{display:none;}
.contact-category.arice-network .jlmf-button{float:left;margin:0 4px;}
.contact-category.arice-network .category img{border:1px solid rgba(0, 0, 0, 0.2);max-height:100px;padding:4px;}
.contact-category.arice-network .list-title a:first-child{display:block;font-size:22px;}
.arice-network dl.contact-position.dl-horizontal{display:inline-block;margin:0;}
.arice-network .fab:before{padding:5px;}
.arice-network dt{font-size:20px;}
.arice-network .fa-facebook-f{color:#2f55a4;margin-top:2px;}
.arice-network .fa-twitter{color:#00acee;}
.arice-network .fa-linkedin-in{color:#0077b5;}
.arice-network .fa-researchgate{color:#0cb;}


/*		Frontbuttons box, RSS Newsfeed box and Twitterbox	*/
@media screen and (max-width:767px){.moduletable.frontbuttons{margin:10px 0;}.moduletable.rssfeed{display:inline-block;margin:0 auto 10px auto;}}
@media screen and (min-width:768px){.moduletable.frontbuttons{min-height:400px;}}
@media (max-width:979px){.rssfeed h2, .frontbuttons li a{font-size:20px !important;}}
.moduletable.frontbuttons{background-image:url(/templates/arcticiceland/images/ice-glacier.jpg);}
.frontbuttons ul{list-style:none;margin:0;padding:30px 10px;}
.frontbuttons li{margin:28px 0;}
.frontbuttons li a{color:#96bdd3;display:block;font-size:22px;line-height:1.3;text-align:center;text-shadow:1px 1px #555;text-transform:uppercase;}
.moduletable.rssfeed{background-color:#96bdd3;height:400px;}
.rssfeed h2,.twitterdude h2{color:#fff;font-size:26px;margin:15px auto;text-align:center;text-transform:uppercase;}
.twitterdude h2{background-color:#96bdd3;font-size:20px;margin:0;padding:15px 0;}
.twitterdude iframe{display:block !important;}

@media screen and (max-width:767px){.buttons2{margin-bottom:10px;} .buttons2 .span6 a{margin:10px auto;}}
@media screen and (min-width:768px){.buttons2{height:400px;} .buttons2 .row-fluid a{margin-top:40px;}}
.buttons2{background-color:#96bdd3;}
.buttons2 a{border:4px solid #fff;border-radius:5%;color:#fff;display:block;font-size:20px;height:45px;line-height:20px;margin:0 auto;padding:15px;text-align:center;text-transform:uppercase;width:65%;}
.buttons2 a:hover{opacity:0.6;text-decoration:none;}

/*	Facebook frontpage boxes	*/
.fb_iframe_widget{display:block !important;margin:0 !important;}
@media screen and (max-width: 767px){.fb_iframe_widget{display:block !important;margin:10px auto !important;}.fb_iframe_widget span{display:block !important;margin:0 auto;}}

/***	Parallax Module		***/
#lgx-parallax113 .lgx-parallax-title{margin:0;}
#lgx-parallax113 a:hover{text-decoration:none !important;}
#lgx-parallax113 .lgx-parallax-title{color:#fff;font-size:32px;text-transform:uppercase;}
#lgx-parallax113 h3{color:#fff;font-size:inherit;letter-spacing:2px;margin:0;}


/*** Footer ***/
#credit .footer{background-color:#96bdd3;padding:10px;}
#credit .footer h3 a{color:#fff;display:block;font-size:22px;font-weight:500;text-align:center;}
#credit .footer h3 a:hover{text-decoration:none;}
#credit .footer .row-fluid ul{display:table;list-style:none;margin:0 auto;}
#credit .footer .social li{float:left;margin:15px 30px;}
#credit .footer .social li a:hover{opacity:0.7;}
#credit .footer .social li i,#credit .footer p,#credit .footer a{color:#fff;}
@media screen and (max-width: 767px){#credit .footer .social{display:table;margin:0 auto !important;}}
#credit p{padding:10px 0;text-align:center;}