/* use:  http://csscomb.com/online */

/* ==========================================================================
   Fonts
   ========================================================================== */
 
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Fira Sans"), local("FiraSans-Regular"), url("https://cdn.copernicus.org/fonts/firasans/EjsrzDkQUQCDwsBtLpcVQT8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
 
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("https://cdn.copernicus.org/fonts/firasans/DugPdSljmOTocZOR2CItOnhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}

 
@font-face {
  font-family: "Fira Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Fira Sans Italic"), local("FiraSans-Italic"), url("https://cdn.copernicus.org/fonts/firasans/QURAmFz4b80g324-oF-Uj4bN6UDyHWBl620a-IRfuBk.woff") format("woff");
}
 

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url("https://cdn.copernicus.org/fonts/robotoslab/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff") format("woff");
}


@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('https://cdn.copernicus.org/fonts/esc2016icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.copernicus.org/fonts/esc2016icomoon/icomoon.woff') format('woff'),
    url('https://cdn.copernicus.org/fonts/esc2016icomoon/icomoon.ttf') format('truetype'),
    url('https://cdn.copernicus.org/fonts/esc2016icomoon/icomoon.svg?#icomoon') format('svg');
}

/* ==========================================================================
   General styles
   ========================================================================== */
*,
*:before,
*:after
{
    box-sizing: border-box;
}

body
{
    font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;

    min-width: 320px;
    margin: 0;

    color: #747474;
}

img
{
    border: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3
{
    font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
    font-weight: 400;

    color: #333;
}

h1,
.h1
{
    font-size: 34px;
    line-height: 48px;

    margin: 0;
}

.h1
{
    padding: 1em 0 0 0;
}

h2,
.h2
{
    font-size: 18px;
    line-height: 27px;

    margin: 0;
    padding: 1em 0 0 0;
}

h3,
.h3
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
    padding: 1em 0 0 0;
}

p,
.table--default
{
    margin: 0 0 1em 0;
    padding: 0;
}
ul,
ol
{
    margin: 0 0 1em 0;
}

a
{
    text-decoration: none;

    color: #333;
}
a:hover,
a:focus
{
    color: #1a80b6;
}

/* ==========================================================================
   Layout structure
   ========================================================================== */
#header
{
    height: 96px;
}

#header-logo
{
    display: inline-block;

    margin: 8px 0;
}

#title-bar
{
    height: 87px;

    border-color: #d2d3d4;
    border-top: 1px solid #d2d3d4;
    border-bottom: 1px solid #d2d3d4;
    background-color: #f6f6f6;
    background-image: url(https://meetings.copernicus.org/esc2016/esc2016_background-pattern-ecailles.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
}

#content
{
    min-height: 400px;
}
.l-2col
{
    display: table;

    padding-top: 55px;
    padding-bottom: 40px;
}

.col1,
.col2
{
    display: table-cell;

    vertical-align: top;
}

.col1
{
    width: 240px;
}

.col2
{
    padding-left: 1em;
}

.container
{
    width: 100%;
    min-width: 797px;
    max-width: 1100px;
    margin: 0 auto;
}

/* ==========================================================================
   Module: Navigation
   ========================================================================== */
.navigation .menu_level1
{
    margin: 0 0 0 -.5em;
    padding: 0;

    list-style-type: none;
}

.navigation .menu_level2
{
    margin: 0;
    padding: 0;
}

.navigation .menuitem_level1,
.navigation .menuitem_level2,
.navigation .link_level1,
.navigation .link_level2
{
    display: block;
}

.navigation .link_level1,
.navigation .link_level2
{
    font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 53px;

    display: block;

    height: 53px;

    text-decoration: none;

    color: #333;
    border-left: 3px solid transparent;
}

.navigation .link_level1
{
    padding-left: .5em;
}

.navigation .link_level2
{
    padding-left: 2.25em;
}

.navigation .link_level1:hover,
.navigation .link_level1:focus,
.navigation .link_level2:hover,
.navigation .link_level2:hover,
.navigation .active_menuitem
{
    color: #1a80b6;
    border-color: #1a80b6;
}

/* ==========================================================================
   Layout footer-special
   ========================================================================== */
#footer-1
{
    padding-top: 43px;
    padding-bottom: 40px;

    border-color: #e9eaee;
    border-top: 12px solid #e9eaee;
    background: #363839 none repeat scroll 0 0;
    background-color: #363839;
}

#footer-2
{
    padding-top: 18px;
    padding-bottom: 16px;

    border-color: #4b4c4d;
    border-top: 1px solid #4b4c4d;
    background-color: #282a2b;
}

.footer-widget__container
{
    display: table;
}

.footer-widget
{
    display: table-cell;

    width: 33.3333%;
    padding-right: 15px;
    padding-left: 15px;

    vertical-align: top;
}

.footer-widget__header
{
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;

    display: block;

    margin: 0 0 28px;

    text-transform: uppercase;

    color: #ddd;
}

.footer-widget__body ul
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.footer-widget__body
{
    color: #8c8989;
}

.footer-widget__body a
{
    text-decoration: none;

    color: #bfbfbf;
}

.footer-widget.first-section
{
    padding-left: 0;
}

.footer-widget.last-section
{
    padding-right: 0;
}

.footer-widget.middle-section
{
    padding-left: 11px;
}

.footer__info
{
    font-size: 12px;

    margin: 0;

    color: #8c8989;
}



.recent-news__item
{
    display: block;
}

.recent-news__item a
{
    font-size: 15px;

    display: block;

    padding: 0 0 12px;

    border-bottom: 1px solid #4b4c4d;
}

.contact-info a:hover,
.contact-info a:focus,
.recent-news__item a:hover,
.recent-news__item a:focus
{
    color: #1a80b6;
}

.footer-widget__body .social-links
{
    margin-left: -5.5px;
}

.social-links li
{
    display: block;
    float: left;
}

.social-links a
{
    font-size: 16px;

    margin: 0 5.5px 14px;

    color: #bebdbd;
}

/* ==========================================================================
   Icons
   ========================================================================== */
[class^='icon--'],
[class*=' icon--']
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon--facebook:before
{
    content: '\e604';
}
.icon--flickr:before
{
    content: '\e608';
}
.icon--twitter:before
{
    content: '\e605';
}
.icon--youtube:before
{
    content: '\e622';
}
.icon--linkedin:before
{
    content: '\e60f';
}

/* ==========================================================================
   IE fixes
   ========================================================================== */
.lt-ie8 .l-2col,
.lt-ie8 .col2
{
    zoom: 1;
}

.lt-ie8 .col1
{
    float: left;
}


.lt-ie8 .footer-widget
{
    float: left;

    width: 325px;
}

/* ==========================================================================
   CO App Adjustments
   ========================================================================== */
#co_auth_check_authiframecontainer 
{
    margin-bottom:1em;
}