/****************** GENERAL STYLES - SINGLE PROPS **********************************************/
.pointer{ cursor: pointer; }
.float-right { float: right;}
.margin-bt-10 { margin-bottom: 10px; }

    /****************** GENERAL **********************************************/
.logo { height: 100px; /*255px;*/ }

.social_icon ul {list-style: none; margin: 30px auto 0 auto; }
.social_icon ul li { display: inline-block; margin-left:10px; }

div.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
    padding: 15px;
    margin-bottom: 20px;
}

div.separator {clear:both; margin-bottom: 20px;}
div.post-separator { min-height: 15px; /* background-color:#F1F2F7; */ }
.awedit { padding: 0 20px 10px 20px; }

table.contextSeparator { width: 100%; border: none;}
table.contextSeparator td.external { width: 40% }
table.contextSeparator td.central { border-top: 2px dotted #000000; border-bottom: 2px dotted #000000; padding: 10px 0;min-height: 40px; text-transform: uppercase; }

    /****************** HEADER/FOOTER **********************************************/
#bioHeader, #bioFooter{ margin-left: 80%; }
#bioHeader{ margin-bottom: 10px; }
.headerIcon { font-size: 130% !important; }
.titleIcon { /*font-size: 20px !important;*/ }

    /****************** OVERRIDE **********************************************/

html {
    background: url('/applications/webwork/site_heroes/media/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




body {
    font-size: 18px !important;
    color:#000000 !important;
    line-height: 1.8;
    background-color: transparent ! important; /* per la background image */
    text-align: justify;
}

#container {max-width: 1200px !important; background-color: #FFF;}
#fo header.header {
    z-index: 10 !important;
    /*background-color: rgba(255,255,255,0);*/
    /*background-image: url("/applications/webwork/site_heroes/media/header.jpg");*/
    background-image: url("/applications/webwork/site_heroes/media/header_100.jpg");
    /*background-position: top;*/
    background-repeat: no-repeat;
    /*-webkit-background-size:cover;*/
    /*-moz-background-size:cover;*/
    /*-o-background-size:cover;*/
    /*background-size:cover;*/
    width: 100% !important;
    background-position: top center;
}

.fixed-width #main-content{ background: #FFFFFF !important;
    padding: 15px; /* aggiunto dopo aver tolto il biopanel dalle liste dei posts */
} 

.wrapper { margin-top: 0px; }
.site-min-height { min-height: 600px !important; }

.fixed-top { position: relative !important; }
#sidebar {background: #000000 !important; }
.brand { background-color: #FFFFFF; height: auto ! important;}
ul.sidebar-menu { padding-top: 227px; } /* height logo */

    /* PULSANTE APERTURA CHIUSURA MENU VERTICALE*/
.sidebar-toggle-box {
    /*margin-top:-130px !important; */
    margin-top:30px !important;
    left: 30px;
    /*background:#32d2c9;*/
    background:#000000;
}
.sidebar-toggle-box .fa-bars {
    /*color:rgba(0,0,0,.3);*/
    color: #FFF; /* #1FB5AD; */
}

.wizard > .content > .body { position: relative !important; } /* per aumentare altezza del BioPanel contenente BioTreeViewe */

.form-control { color: #474b56 !important; }

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: default !important; }

.tooltip {z-index: 999;}

    /****************** VERTICAL MENU **********************************************/
#sidebar ul li {list-style: none;}
#sidebar ul { padding:0 10px; }
ul#verticalMenu {
    list-style: none;
    font-family: ""PT Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif";
    letter-spacing: 0px;
    font-style: normal;
    margin-top: 15px;
    padding-left:10px;
    font-size: 14px;
    line-height: normal;
}
ul#verticalMenu a { color: #FFF; }
ul#verticalMenu a.first-level { font-size: 16px; }
ul#verticalMenu li.inactive, ul#verticalMenu li.inactive a { color: #FFFFFF; font-weight: bold; }
ul#verticalMenu a:hover { color: #56c1ad; }
ul#verticalMenu li { padding-top: 8px }
ul#verticalMenu li.child {font-size: 90%; }

    /******************  BIOPANEL  **********************************************/
.panel-heading-sec { padding: 5px !important; border: 1px solid #c0c0c0; }
.panel-body-sec { border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; border-radius: 0 0 10px 10px;}

    /******************  WP_LOGIN  **********************************************/
.form-signin { margin:0px auto; }

.form-signin h2.form-signin-heading {
    padding:20px 15px;
    background:#7694dc;
    border-bottom:10px solid #000000;
}

    /****************** WP PAGE CHILDREN LIST **********************************************/
[class^="hvr-"] { font-family: 'Roboto', sans-serif;}
#fo .pageChildrenList {text-align: center;}
#fo .pageChildrenList .row .col-3, #fo .pageChildrenList .row .col-3 {text-align: center;}
#fo .pageChildrenList .img-container {text-align: center;padding-top: 20px;padding-bottom: 40px;}
#fo .pageChildrenList .img-container img { width: 170px; /* height: 70px;width: auto !important; NON FUNZIONA PER IMG LARGHE*/ }
    /* Grow Shadow */
#fo .pageChildrenList .hvr-grow-shadow {
    width: 190px;
    /*border: 1px solid #cecece;*/
    /*border-radius: 10px;*/
    min-height: 200px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    /* con immagine di background */
#fo .pageChildrenList .hvr-grow-shadow.bkgImg {
    background-image: url('/applications/webwork/site_heroes/media/topic-bckg.png');
    background-color: #E1E1E1;
    border: none !important;
}
#fo .pageChildrenList .img-container img.bkgImg { width: 70px !important; /* height: 70px;width: auto !important; NON FUNZIONA PER IMG LARGHE*/ }

#fo .pageChildrenList .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
#fo .pageChildrenList .hvr-grow-shadow p.text-centered {padding-bottom: 20px;}
#fo .pageChildrenList .hvr-grow-shadow p.text-centered a {color: #000; margin-bottom: 20px;}


#fo .pageChildrenList .row .col-2 ,#fo .pageChildrenList .row .col-3 {
    text-align: center;
    margin-top: 30px;
    width: 200px;
    display: inline-block;
}

#fo .pageChildrenList .row .col-2 ,#fo .pageChildrenList .row .col-3 {width: 200px; margin-left: 30px;min-height: 30px;}
    /* RICHIESTA DI AVERE BOX IN HOME SU 2 RIGHE*/
#fo .pageChildrenList .row .col-2 {width: 300px;}
#fo .pageChildrenList .row .col-2, #fo .pageChildrenList .row .col-3 h2 {font-size: 18px; margin:10px; /* margin-bottom: 10px; */}

    /****************** QUESTION **********************************************/
.visible-status { padding-right: 5px;}
.auth-small { font-size: 80%; margin-right: 25px; text-transform:lowercase; }

    /****************** WP_REGISTRATION & LOGIN **********************************************/
#wizard ul li, #recruiting ul li, #profile ul li {text-transform: uppercase; }
#reg-feedback img.feedback { width: 300px; }
.iradio_square-green { margin:5px 0px 0px 15px !important;}

.top-nav ul.top-menu>li .dropdown-menu.logout.wider { width: 300px !important; }
.username { padding-left: 10px; }
.dropdown-menu > form > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.top-nav .nav .caret { border-bottom-color: #000;  border-top-color: #000; }

    /****************** RECRUITING FORM / USER PROFILE **********************************************/
#recruiting > .actions, #profile > .actions  {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}
#recruiting > .actions > ul, #profile > .actions > ul {
    display: inline-block;
    text-align: right;
}
#recruiting > .actions > ul > li, #profile > .actions > ul > li { float: left; }
#recruiting > .actions a, #recruiting > .actions a:hover, #recruiting > .actions a:active,
#profile > .actions a, #profile > .actions a:hover, #profile > .actions a:active {
    background: #1FB5AD;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    /****************** REGISTRATION MOBILITY RECRUITMENT wp_recruitingList.jsp **********************************************/
#fo .adv-table table#main-table { font-size: 14px !important; }
#fo .adv-table table#main-table tr.odd { background-color: #F9F9F9; }
#fo .adv-table table#main-table tr.even { background-color: #FFFFFF; }
#fo table#main-table tr.odd td.sorting_1 { background-color: transparent;   /* override */ }
#fo .adv-table table#main-table>tbody>tr:hover>td,#fo .adv-table table>tbody>tr:hover>th { background-color: #cecece !important; }
#fo .adv-table table#main-table td.center img { cursor: pointer; }
#fo .adv-table table.adv-table-hidden {
    padding-left:50px;
    width:100%;
}
#fo .adv-table table.adv-table-hidden tr td {padding: 5px; }
#fo .adv-table table.adv-table-hidden td.hidden-label {font-weight: bold;}
#fo .adv-table table.adv-table-hidden td.hidden-label-large {width: 150px;font-weight: bold;}
#fo .adv-table .btn-default { border: 1px solid #83888c; }
#fo .adv-table .btn-default span { color: #000000; }


label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.profile-image img { max-width: 300px; }
    /****************** POST **********************************************/
#fo #postsWrapper .heroes-post {
    border: 1px solid #CECECE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#fo #postsWrapper .heroes-post .postData { margin-top: 20px; }
#fo #postsWrapper .heroes-post .postData .top-nav img { width: 25px; }


#fo div.teacherComment { margin: 20px auto; float: none !important;}
#fo p.tch-answers { border-bottom: 1px solid #c0c0c0; padding-bottom: 5px;}

    /* REPLIES LIST  */
#fo .childrenWrapper {}

    /* POST EDITOR  */
#fo #postFormWrapper .deleteImage { cursor:pointer; font-size: 80%; }

    /* TinyMCE */
#fo .defaultSkin .mceButton, .mceListBox, .mceSplitButton { margin: 1px 5px !important; }
#fo .postData { margin-top: 10px; font-size: 80%; }
#fo .uploadedVideo {  max-width:60%; margin: 10px auto; }
#fo .uploadedVideo video { max-width:100%; }
#fo .mb_video { display: block; margin: 20px auto; text-align: center; }

#fo .deletion-yes, #fo .deletion-no { font-weight: bold; }
#fo .deletion-yes { color: red; }
#fo .deletion-no { color: green; }

#fo .btn.child { padding: 3px 6px; }
#fo .post-rep-wrapper{ }
    /****************** WP_LANGUAGE **********************************************/
    /*
    #langContainer .areaFlags img {
      border-radius: 0px !important;
      width:24px !important;
      margin-left: 5px;
    }
    */

    /* DROPDOWN LINGUE */
    /*.top-nav ul.top-menu>li .dropdown-menu.langs.thinner { width: 20px !important; min-width: 20px !important; }*/
.top-nav ul.top-menu>li .dropdown-menu.langs.thinner > li > a {padding: 0px;}
.top-nav ul#langsDropDown > li > a { background: none; border: 0px;}
.top-nav ul#langsDropDown>li>a:hover,.top-nav ul#langsDropDown>li>a:focus { border:none; background:none !important; border-radius:0px; -webkit-border-radius:0px; }
.top-nav ul#langsDropDown img  { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.top-nav ul#langsDropDown li.dropdown .dropdown-menu { float: none; right: auto; }
.dropdown-menu.extended.langs.thinner {
    max-width: 50px !important;
    min-width: 50px !important;
    top: 35px;
    width: 50px !important;
    padding: 0 10px;
}
.dropdown-menu.extended.langs.thinner li:first-child  { margin-top: 7px }
.dropdown-menu.extended.langs.thinner li.areaFlags  { margin-bottom: 7px }

    /****************** WP_HOME_ICONS **********************************************/
.wrapper.hm-cnt {margin-top: 30px !important;}
.icon-title { text-transform: uppercase; cursor: pointer; margin-left: 10px;}
.icons-home img { width: 60px; max-width: 60px; }
#img-home { width: 100%; margin-top: 40px; } /* margin-left: -15px; margin-right: -15px; */

    /****************** WP_DOCLIST HOME_CONTENT_UP **********************************************/
.hm-cnt-up { background-color: #56c1ad; }
.hm-cnt-up .col-md-6 { color: #FFF; }
.hm-cnt-up .col-md-6  h2{ font-family: ""PT Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif";}
.hm-cnt-up .col-md-6 img { max-width: 100%; width: 100%; }

.fancybox-content h3 {color:#56c1ad; font-weight:bold; margin-bottom:30px; }

.doclist-wrapper { padding:0 15px 0 15px; } /* testo in home */

    /****************** WP_DOCLIST **********************************************/

#fo .summaryTitle { font-style: italic; margin-bottom: 30px;}
#fo .doclist-wrapper h1 { margin-bottom: 50px; }

    /*#fo .filesContainer { width: 100%;clear: both; margin-top: 60px; margin-bottom: 60px; text-align: center}*/
#fo .filesContainer { width: 100%; text-align: center;  clear: both; }

    /*#fo .filesContainer a { color: #FFF; } */
#fo .filesContainer .singleDocImg { margin: 20px; display: block;}
#fo .filesContainer .singleDocImg .mediaFileTitle { margin-left: 20px; }
#fo .filesContainer .singleDocDoc {
    margin: 10px 0 0 10px;
    display: block;
    float: left;
    clear: both;
}
    /* pagina library */
#fo .filesContainer .singleDocDoc.pdfImg { display: inline-block; float: none; vertical-align: top; margin: 2px 2px 15px 2px; padding: 5px;}
#fo .filesContainer .singleDocDoc.pdfImg .imgIcon img { width: 150px;; }

#fo .filesContainer .mediaFileTitle, #fo .filesContainer .imgThumb { display: inline; }
#fo .filesContainer .imgThumb img { border: 1px solid #FFF; }

#fo .filesContainer .singleDocDoc.pdfImg .mediaFileTitle { display:block; vertical-align: top;}
#fo .filesContainer .singleDocDoc.pdfImg .sf-desc { font-size: 80%; }

    /****************** GALLERY LIST E SINGLE FILES **********************************************/
#fo .photogallery .filesContainer { margin-top: 60px; margin-bottom: 60px; }

#fo /* .photogallery */ .filesContainer .singleDocImg {
    padding: 5px;
    /*height: 210px; occupa spazio anche se img è rettangolare */
    margin: 2px 2px 15px 2px;
    display: inline-block;
}

#fo /* .photogallery */ .filesContainer .singleDocImg .imgThumb {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 2px;
    cursor: pointer;
    -moz-box-shadow: #999 2px 0px 5px;
    -webkit-box-shadow: #999 2px 0px 5px;
}
#fo /* .photogallery */ .filesContainer .singleDocImg .imgThumb img {
    width: 200px;

}

    /****************** TINY IMAGES **********************************************/
#fo .floatRight {float: right;margin:10px 0px 10px 10px;/* width: 150px;max-width: 150px; */}
#fo .floatLeft {float: left;margin:10px 10px 10px 0px; /* width: 150px;max-width: 150px; */}
#fo .centered {float: none;display: block;margin:10px auto; /* width: 300px;max-width: 300px; */ }

    /****************** WP_FOOTER **********************************************/
#fo .footer-section {
    /*border:2px solid green;*/
    background: #000000 !important;
    /*height: 180px;*/
    min-height: 410px;
    padding: 0px !important;
    font-size: 14px;
}
#fo .footer-section .footer-menu { float: right; /*width: calc(100% - 240px);*/ width: 100%; vertical-align: top; display: inline; margin-top: 6px;}


#fo .footer-section #financier {
    margin: 0 0 10px 0;
}

#fo .footer-section .footer-logos {
    /*float: right;*/
    width: 100%;
    /*margin-top: -20px;*/
    max-height: 100px;
    height: 100px;
    text-align: center;
    border-bottom: 1px solid #FFF;
    background-color: #cecece;
    /*padding-top: 20px;*/
}

#fo .footer-section .textwidget {
    background-color: #574F4F;
    padding: 20px;
}

#fo .footer-section .textwidget table td {
    padding: 10px !important;
    color: #E2E2E2;font-size:13px;line-height:150%;vertical-align: top;
}
#fo .footer-section .textwidget img { width: 50%; }

#fo .footer-section .footer-logos img {
    max-height: 70px;
    margin-right: 30px;
    padding-top: 15px;
}
#fo .footer-section .footer-logos img.smaller { max-height: 50px; } /* immagine troppo larghe che vanno riproporzionate */
#fo .footer-section.full-width .footer-logos {
    /*float: left;   text-align: left; */
    width: 100%;
}
#fo .footer-logos ul {
    text-align: center;
}
#fo .footer-logos ul li {
    display: inline;
    vertical-align: middle;
}

    /* sidebar closed ==> full width*/
#fo .footer-section.full-width .footer-menu { float: none; width:100%; }
#fo .footer-menu #menu_orizzontale { width: 90%; margin: 0 auto; }
#fo .footer-menu #menu_orizzontale div { display: inline-block; vertical-align: top; /* margin-right: 10px; */ }
#fo .footer-menu #menu_orizzontale div span {margin: 0 10px;}
#fo .footer-menu #menu_orizzontale div.child-page { display: block; font-size: 80%; text-align: left;}

    /****************** ERRORE **********************************************/
#fo #errorContainer  { line-height:40px; width: 100%; }

    /****************** PAGINATOR **********************************************/

#fo #content .fo_paginator {
    margin-left: auto;
    margin-right: auto;
}

#fo .fo_paginator_numbers a {
    vertical-align: middle;
    color: #256AAD;
}

#fo .fo_paginator_numbers a:hover { color: #256AAD; }

#fo .fo_paginator_selected {
    font-size: 13px;
    color: #666666;
}

#fo .fo_paginator img {
    width: 20px;
    height: 20px;
}

#fo .fo_paginator_next {
    background-image: url(/applications/webwork/site_heroes/media/next.png);
    background-repeat: no-repeat;
    padding-right: 2px;
}

#fo .fo_paginator_prev {
    background-image: url(/applications/webwork/site_heroes/media/prev.png);
    background-repeat: no-repeat;
    padding-right: 2px;
}

#fo .fo_paginator_first {
    background-image: url(/applications/webwork/site_heroes/media/first.png);
    background-repeat: no-repeat;
    padding-right: 2px;
}

#fo .fo_paginator_last {
    background-image: url(/applications/webwork/site_heroes/media/last.png);
    background-repeat: no-repeat;
}

/*mediateca    */
.av-item{display:inline-block;width:210px;padding:10px;margin:10px 4px;border:1px solid #ccc;}
.av-item .img-container{overflow: hidden;width:100%;}
.av-item .img-container img{width:100%;height:auto;max-width:inherit;}
.av-item h3{font-weight: 400;font-size: 16px;padding:3px 5px;}
.av-item h4{border-top:1px solid #ccc;font-size: 12px;font-weight: 400;padding:3px 5px;}
.av-item h4:last-child{ border-bottom: none; }

    /* *************************************************************************
   ****************** MEDIA QUERIES RESPONSIVE START **********************************************
   ************************************************************************* */
    /* risoluzione massima */

@media only screen and (min-width:992px) and (max-width:1200px) {
    /****************** WP PAGE CHILDREN LIST **********************************************/
    #fo .pageChildrenList .row .col-2, #fo .pageChildrenList .row .col-3 {width: 200px;}
}

    /* iPad in PORTRAIT */
@media (min-width: 768px) and (max-width: 980px) {
    /*#fo #myCarousel { border: 5px solid black }*/
    /*#fo #langContainer { top: 55px; position: absolute; right: 10px; }*/

    #fo  .footer-section { /* border:2px solid purple;*/min-height: 515px; }
    #fo .footer-section .footer-logos { max-height: 160px; height: 160px; margin-top:10px; }
}

@media (min-width: 480px) and (max-width: 767px) {
    /*.footer-logos ul li {border:2px solid red;}*/
    /*#fo  .footer-section { sssmin-height: 640px; }*/
}

@media (max-width: 767px) {
    /*#fo #myCarousel { border: 5px solid purple }*/
    /*#fo #langContainer { top: 55px; }*/
    #fo ul#langsDropDown.top-menu { clear: both; margin-right: 15px; margin-top: 10px; }

    #fo .header { margin-top: 0px !important; /* override di site_heroes/bucket/css/style-responsive.css */ }

    /* LA CHIUSURA DEL VERT MENU E' GESTITA VIA JS */
    /*#fo #sidebar{ margin-left:0; }*/

    /****************** WP_FOOTER **********************************************/
    #fo  .footer-section { /* border:2px solid red; */ min-height: 570px;  }
    #fo .footer-section .footer-logos { max-height: 170px; height: 170px; margin-top:10px; }
    #fo .footer-section .textwidget img { width: 100%; }
    #fo .footer-section .footer-menu { padding: 10px 0; }
}

    /* mio smartphone */
@media (max-width: 479px) {
    /*#fo #myCarousel { border: 5px solid red}*/
    body { margin-top: 0px !important; /* override di site_heroes/bucket/css/style-responsive.css */ }

    #fo header.header { background-size: 220px; background-position: 80px center; }
    #fo ul#loginDropDown.top-menu { margin-right: 15px; margin-top: -25px; }
    /*#fo #langContainer { top: 60px; }*/

    #fo .doclist-wrapper { padding:0 15px 0 15px; } /* testo in home */

    /****************** WP_FOOTER **********************************************/
    #fo  .footer-section { min-height: 710px; /* border:2px solid black; */ }
    #fo .footer-section .footer-logos { max-height: 230px; height: 230px; margin-top:10px; }
    #fo .footer-section .textwidget img { width: 100%; }
    #fo .footer-section .footer-menu { padding: 10px 0; }
}