@charset "utf-8";
/*
Theme Name: greeneu-cerv.eu v01
Theme URI:
Description: Design created for Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags:
*/
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, footer {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;/*vertical-align: baseline*/;background: transparent;list-style:none;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: 'Montserrat', sans-serif; font-size:14px; }


body .hidden { display: none !important; }

.wrapper{ width: 100%; margin: 0; }

.txtgen{ font-size: 15px; line-height: 1.6; font-weight: 400; text-align:justify; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 20px; }
.txtgen h1{ font-size: 140%; }
.txtgen h2{ font-size: 120%;  }
.txtgen h3{ font-size: 100%; }
.txtgen img { max-width: 100%; height: auto; }
.txtgen a{ color: #666; }
.txtgen a:hover{ text-decoration: underline; }
.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen ul li, .txtgen ol li{  list-style:outside; margin-bottom:12px; }
.txtgen ol li { list-style:decimal; }
.txtgen iframe { max-width: 100%; }


/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.shadow{ -webkit-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }

.radius{ -webkit-border-top-left-radius: 200px;
         -webkit-border-bottom-right-radius: 200px;
         -moz-border-radius-topleft: 200px;
         -moz-border-radius-bottomright: 200px;
         border-top-left-radius: 200px;
         border-bottom-right-radius: 200px; }

.radius_invers{ -webkit-border-top-right-radius: 200px;
                -webkit-border-bottom-left-radius: 200px;
                -moz-border-radius-topright: 200px;
                -moz-border-radius-bottomleft: 200px;
                border-top-right-radius: 200px;
                border-bottom-left-radius: 200px; }


::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }

select{
    padding: .3125rem 3rem .3125rem 1rem;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right 1rem center;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #d8e2ef;
    color: #344040;
    background-size: 10px 12px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    outline:none;
}

.clear{ clear: both; }

.container{ width: 100%; max-width: 1200px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }
.container_mini{ width: 100%; max-width: 920px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }


/* HEADER ===================================================================================================================== */
.header{ }
    
    .header_top{ position:absolute; z-index: 3; width:100%; height:90px; background-color: rgba(255,255,255,.8); }

        .logo{ float: left; margin:10px 0 0 10px; }
            .logo img{ width:115px; height:auto; }

    .header_banner{ width: 100%; height: 400px; background-image:url('images/banner.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }
        .header_banner_txt{ position: absolute; width: 100%; max-width: 700px; top: 50%; left: 50%; transform: translate(-50%, -10%); color:#fff; padding: 0 10px; 
             text-align:center; line-height:1.4; text-transform:uppercase; }

            .header_banner_txt1{ font-size:30px; }
            .header_banner_txt1 h1{ font-weight:900; }

            .header_banner_txt2{}


    .menu_header{ float: left; margin:40px 0 0 25px; }
        .menu_header ul{ display:flex; }
        .menu_header ul li{ padding:0 10px; }

        .menu_header ul li div, .menu_header ul li a{ color:#009245; font-weight:900; font-size:13px; cursor:pointer; }
        .menu_header ul li div:hover, .menu_header ul li a:hover{ color:#003318; }


    .lang{ position:absolute; right:10px; top:40px; }
        .lang a{ margin:0 4px; }
    




/* menu mobile*/
.menu_movil_trigger{ display: none; }

.menu_mobile{ margin-top: 20px; }

    .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
    font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

    .sidr .sidr-inner { padding: 0 0 15px; }

    .sidr.right { left: auto; right: -260px; }
    .sidr.left { left: -260px; right: auto; }

    #sidr a{ color: #000 !important; }
    #sidr{ font-size: 13px; text-transform: uppercase; }
    #sidr .menu_movil_ul{ margin-top:15px; }
    #sidr .menu_movil_ul li{ padding: 7px 0; display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding: 15px 0; font-weight: bold; }

    .lang_mobile{ margin:20px 0; background-color:rgba(230,230,230,.4); padding:10px; }
    .lang_mobile a{ margin-right:7px; }


@media only screen and (max-width: 750px) {

    .header_banner_txt{ transform: translate(-50%, -20%); font-size:25px; }

    .menu_header, .lang{ display:none; }
    .menu_movil_trigger{ display: inherit; position: absolute; z-index: 3; right: 10px; top: 10px; font-size: 35px; font-size:50px; }
    .menu_movil_trigger a{ color:#fff; }
    .menu_movil_trigger a img{ width:65px; height:auto; opacity:.7; }
}



.title_section{ text-align:center; position:relative; font-size:30px; font-weight:900; margin-bottom:60px; }
    .title_section_deco{ background-image:url('images/deco-gen.png'); width:222px; height:70px; background-size: cover; margin: -10px auto 0 auto; }


/* HOME ====================================================================================================================== */

/* PROJECT */
.section_project{ padding: 6rem 10px 4rem 10px; }
    .project_logo{ text-align:center; margin-bottom:50px; }


/* OBJECTIVES */
.section_objective{ width:100; background-color:#f8f9fa; padding: 6rem 0 3rem 0; }


/* PARTNERS */
.partners_item{ padding:15px 0px; border-bottom:1px solid #ccc; margin-bottom:15px; }
    .partners_item_img{ width:90%; margin: 30px 0; height:100px; background-size:contain; background-position:left; background-repeat:no-repeat; }
    .partners_item_title{ font-size:17px; font-weight:bold; line-height:1.4; }
    .partners_item_txt{ margin-top:15px; font-size:13px; line-height:1.9; text-align:justify; }
    .partners_item_txt p{ margin-bottom:15px; }
    .partners_item_txt a{ color:#12528C; text-decoration:underline; }


/* FOOTER */
footer{ width:100%; margin:auto; padding: 3rem 10px 0rem 10px; text-align:center; background-color:#f8f9fa; }
    .footer_img img{ width:100%; max-width:200px; height:auto; }
    .footer_txt{ margin-top:15px; font-size:13px; line-height:1.4; color:#6c757d; font-weight: 400; }

.footer_bottom_img{ background-color:#f8f9fa; background-image:url('images/footer.png'); width:100%; height:257px; margin-top:-10px; position:relative; z-index:-1; }


/* NEWS =================================================================================================================== */
.container_news{ padding:70px 10px; }

.news_item{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom:40px; margin-bottom:40px; }

    .news_title{ text-align:center; font-size: 2rem; margin-bottom: 25px; font-weight: bold; line-height: 1.2;}
    .news_content{ text-align:center; }
    .news_content a{ text-decoration:underline; }
    .news_content a:hover{ opacity:.6 }



/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }