/*******************************************************************************************
Aterkia Free Joomla! 3 Responsive Template - May 2022
Package tpl-aterkia-j3.zip
Version 1.0
@copyright	Copyright (C) 2022 Aterkia 
http://aterkia.com
*******************************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}

/* Main Layout */
html { height: 100%; }
body { font-weight: normal; font-size: 15px; color: #444; line-height: 1.5em; font-family: Poppins; }
h1,h2,h3,h4,h5,h6,legend { margin: 0 !important; padding: 0 0 10px 0; font-weight: 700; color: #343434; }
#main { background: url('/static/images/header.jpg') center top no-repeat; }
#main .page-header, #main .page-header h1 { padding: 0; margin: 0; }
#main .page-header h2 { font-size: 4em; line-height: 1em; }
h1{ font-size:35px; line-height:35px; }
h2 { font-size:30px; line-height:30px; }
h3 { font-size:25px; line-height:25px; }
h4,h5,h6 { font-size:20px; line-height:20px; }
a, a.visited{ color: #444; color:#E20000; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease }
a:hover { color:#333; color:#E26666; text-decoration: underline; }
ul { margin:0 0 0 12px; }
p { /* margin-top: 0; margin-bottom: 0.2em;*/ }
blockquote{ margin:1em 0 1.5em 0; color:#333; font-size: 16px; line-height: 190%; background-color: #fafafa; padding: 5px; border: 0 !important; }
blockquote p{ padding:8px; margin:2px; }
blockquote blockquote{ margin:1em 0 1em; }
.clr { clear: both; }
.rowcolor { background:#f0f7f7; padding:2em 0; }

/* Header */
#header-w { background:#000; }
#header { height: auto; margin:0 auto; }
#logo { padding:1.25em; }
#logo img { height:25px; }

/* Menu*/
.nav-w {z-index: 999; width: 100%; margin: 0; padding: 0; }
#nav {width: auto; margin:0 auto; text-align: right; position: relative; z-index: 999;}
#nav ul.menu > li.deeper > a::after { content: "▼"; font-size: 0.5em; color:white; vertical-align: middle; margin:0 0 0 0.5em; }
#nav ul {margin:0 auto; padding:0 0 0 0; width: auto; }
#nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0; border-right:none;}
#nav ul li a { display:block;padding:1.5em 0.5em;white-space: nowrap; margin:0;text-decoration:none;font-size:15px;color:#333; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#nav ul.menu > li > a {color: #fff; text-decoration: none; text-transform: uppercase; }
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #696969; text-decoration: none; }
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover{color: #696969; text-decoration: none;border-bottom:0.25em solid #ec5400;padding:1.5em 0.5em 1.25em 0.5em;}
#nav ul.menu > .active > a {border-bottom:0.25em solid #ec5400;padding:1.5em 0.5em 1.25em 0.5em;}
#nav ul li a span.menutitle {}
#nav ul li a span.menudesc {display:none;}
#nav ul li.item-168,
#nav ul li.item-231,
#nav ul li.item-135,
#nav ul li.item-167 { background: #ec5400;white-space: nowrap }
#nav .item-168 a .menutitle,
#nav .item-231 a .menutitle { border-right:1px solid white;margin:0 -0.5em 0 0;padding-right:0.5em; }
#nav ul li.item-168 a:hover,
#nav ul li.item-231 a:hover,
#nav ul li.item-135 a:hover,
#nav ul li.item-167 a:hover{ border: 0; color:white; background: #ff6816; }
#nav ul li ul li.item-251 a,
#nav ul li ul li.item-252 a,
#nav ul li:hover ul li.item-251 a,
#nav ul li:hover ul li.item-252 a,
#nav ul li ul li.item-251 a:hover,
#nav ul li ul li.item-252 a:hover,
#nav ul li.active ul li.item-251 a,
#nav ul li.active ul li.item-252 a,
#nav ul li.active ul li.item-251 a:hover,
#nav ul li.active ul li.item-252 a:hover { color:white; background: #666; box-shadow: none; -webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}

/* SubMenu */
#nav ul li ul, #nav ul li.sfHover ul, #nav ul li:hover ul {
	position:absolute;width:215px;left:-999em;margin:0; padding:0; background: transparent;  border:none;
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	-webkit-box-shadow: 0px 9px 25px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 9px 25px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 9px 25px rgba(0, 0, 0, 0.15);
 }
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:250px; margin:0 0 0 -100px;}
#nav ul li ul li a {margin:0; padding:7px 22px;line-height:25px;font-size:14px;text-align:left; font-weight: 400;}
#nav ul li ul li a:hover {border-bottom:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a { color:#999; background:#fff; display:block; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover { color:#333; background:#eee; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover { color: #333; background: #eee; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}
#nav ul li.active.deeper ul li.active.deeper ul li.current.active a{ color: #fff; background: #eee; }
#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #999; text-decoration: none;}
#nav ul.menu > .active > a,
#nav ul.menu > .active > a:hover{color: #999; text-decoration: none;}
#nav ul li li.item-240 a, #nav ul li li.item-241 a, #nav ul li li.item-258 a { padding-left:3em; }

/* Disable menu items */
.only-title { pointer-events: none; }

/* Content */
#main { margin:0 auto; position: relative;}
#wrapper-w { background: none; }
#wrapper { margin:0 auto; max-width:1200px; padding:0;position: relative;}
#home-w { clear:both;margin:0 auto; }
#home { /*border:5px dotted red; */ }
#home-i { padding:5em 35px 35px 35px;}
#comp-w { clear:both;margin:0 auto; min-height:300px;}
#comp { /*border:5px dotted red; */ }
#comp-i { padding:35px; }

/* Home */
#user1 { float:left; }
#user2 { float:right; }
#user4 { clear:both; }
#user4 { padding:2em 0 2em 0; text-align:center; color:#666; font-size:0.85em; }
#user4 img { vertical-align:middle; }
div.home-twitter { padding:0 10px 0 0; }
div#twitter-wrap { height:400px; overflow-y:scroll; border-radius:0; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; margin:0 0 1em 10px; }
#newsslider .newsflash { height:250px; padding:1em; overflow-y: scroll; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
#newsslider { padding:2em 10px 2em 10px; }
#newsslider h3 {}
#main .blog .items-row .news_date,
#newsslider .news_date { clear:both; float:left; color:grey; }
#main .blog .items-row .news_text,
#newsslider .news_text { float:left; }
#newsslider .news_date { width:13%;	}
#newsslider .news_text { width:85%; }
.join-the-network { clear:both; padding-left:1em; }
.join-the-network .icon { float:left; width:110px; margin:1em 2em 0 1em; text-align:center; background:#eb5300; padding:2em; border-radius:50px; }
.join-the-network .text { float:left; padding:4em 0 0 0; }
.newsletter { clear:both; position:relative; top:-15px; padding:0 0 0 5em; }
.item-page h2[itemprop="headline"] {padding:3.5em 0 1em 0;color: #fff;}
#main .blog .page-header {padding:15em 0 1em 0; min-height: 350px; }
#main .blog .page-header h1 {font-size: 60px; color: #fff;}
.item-page div[itemprop="articleBody"] {padding:35px 0; background: #fff}

#message-w {
	padding:50px 0 15px 0;
	z-index: 2;
	position: absolute;
	background-color:white;
}

.home-intro-text {
	font-size: 60px;
	font-weight:700;
	color: #fff;
	line-height: 1em;
	padding:100px 0 15px 0;
}
/*
.item-page.marine-heatwaves .page-header h2 {
	padding:2.5em 0 1em 0;
}
*/
.item-page.marine-heatwaves h2[itemprop="headline"] {padding:0em 0 1em 0;color: #fff;}

.item-page.page-dashboard,
.item-page.page-edit-contact,
.item-page.page-ask-for-data,
.item-page.page-add-new-site,
.item-page.page-add-contact,
.item-page.page-site-desk,
.item-page.page-contacts,
.item-page.page-contact,
.item-page.page-list-t-series,
.item-page.page-t-figures,
.item-page.page-t-figure,
.item-page.page-login-form,
.item-page.page-contact-form,
.item-page.marine-heatwaves,
.item-page.post-278,
.item-page.post-279,
.contentpane.data-explore,
.contentpane.mass-mortality-events {
	margin-top:220px;
}
.contentpane.monitoring-mortality,
.contentpane.climate-fish {
	margin-top:180px;
}

.item-page.page-dashboard h1,
.item-page.page-edit-contact h1,
.item-page.page-ask-for-data h1,
.item-page.page-add-new-site h1,
.item-page.page-add-contact h1,
.item-page.page-site-desk h1,
.item-page.page-contacts h1,
.item-page.page-contact h1,
.item-page.page-list-t-series h1,
.item-page.page-t-figures h1,
.item-page.page-t-figure h1,
.item-page.page-login-form h1,
.item-page.page-contact-form h1,
.item-page.marine-heatwaves h1,
.contentpane.data-explore h1,
.contentpane.monitoring-mortality .page-header h1,
.contentpane.mass-mortality-events .page-header h1,
.contentpane.climate-fish h1,
.item-page.post-278 h1,
.item-page.post-279 h1 {
	font-size: 60px;
	color: #fff;
	height:150px;
}

p.back-button a,
.send-button { background: none; color:#E20000; padding:1em 3em; border-radius: 3em; border: 1px solid #E20000; }
p.back-button a:hover,
.send-button:hover { color:white; background: #E20000; }

#tmednetmap-legend { font-size:9px; }
#tmednetmap-legend img { max-width:16px; }
.mandatory { color:red; font-size:0.8em; }
.exemple { color:grey; font-size:0.8em; }

.the-protocol h3, .data-loggers { padding:3em 0 0.5em 0;}
.temperature-monitoring, .climate-fish, .monitoring-mortality { padding:3em 0 0.5em 0;}

/* Footer */
#footer-w { background: #1c1920; }
#footer { padding:3em 1em; margin:0 auto; max-width:1200px; color: #909090; }
#footer #tmednet-logo { padding:2em 0; }
#footer #tmednet-logo img {height: 30px;}
#footer ul { padding:0; list-style: none; margin:0; }
#footer ul li { text-transform: uppercase; font-weight: bold; }
#footer ul li li { text-transform: none; font-weight: normal; }
#footer a,  #footer a.visited { text-decoration:none; color:#fff; }
#footer a:hover { color:#aaa; }
#footer ul li li a, #footer ul li li a.visited { color:#909090; }
#footer ul li li a:hover { color:#fff; }
#footer .footer-logo-medrecover img {height: 40px; margin:0 0.5em 0 0;}
#footer .footer-logo-csic-icm img {height: 25px; margin:0 0.5em 0 1em;}
#footer #footer-info, #footer-logos, #copyright {margin: 2em 0;}
#footer ul li li.item-206 a, #footer ul li li.item-207 a, #footer ul li li.item-208 a, #footer ul li li.item-218 a, #footer ul li li.item-211 a, #footer ul li li.item-215 a, #footer ul li li.item-217 a, #footer ul li li.item-257 a, #footer ul li li.item-243 a, #footer ul li li.item-244 a, #footer ul li li.item-259 a { padding-left:1em; }

/* Top Control */
/*#topcontrol { display: block; cursor: pointer; opacity: 1; bottom:20px; right:20px; background-color: rgba(181,181,181, 0.4); width:44px; height:44px; background-repeat: no-repeat; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; background-image: url(../images/to-top.png); background-position: top; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }*/
/*#topcontrol:hover{ background-color: #333; background-position: bottom; }*/

/* The End */