a{ cursor: pointer !important; }
/****************** 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; }
.carousel-control.left, .carousel-control.right {

  margin: auto !important;
}
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-color:  #7c16b5 ! important; /* per la background image */

  -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 */
  background-color:  #7c16b5 !important; /* per la background image */
  text-align: justify;
  /*font-family: Arial, Helvetica, sans-serif !important; */
  font-family:"Calibri", sans-serif !important;
  font-size:12px;
}
.footer-section {

  margin-top: 0px;
}

#TRAINERCH a,#USERCH a  {
  color: #000 !important;
  font-size:25px  !important;
}
#ACCESSTOTHEDIGITALCAMPSli      {
  background-color: #f68547 !important;
  height: 70px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
#ACCESS_TO_THE_DIGITAL_CAMPS> li > a, #USERCH   {
  color: #000 !important;
  /*background: #f6f6f6;*/
  background-color: #f68547 !important;
  font-size:25px  !important;  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  position: relative;
  margin-top: 50px;
  margin: 20px;

}
 #TRAINERCH  ,.TRAINERCH {
  color: #000;
  background: #7c16b5;
  background-color: #7c16b5 !important;
  font-size:25px  !important;
}

#USERCH    {
  color: #000;
  background: #f68547;
  background-color: #f68547 !important;
  font-size:25px  !important;
  margin: 0;
}


h1{
  color:#ff05bc !important;
  font-family:"Calibri", sans-serif !important;
  font-size: xx-large;
}
h2,h2 a{
  color:#000000 !important;
}
.text a{
  color:#f58547 !important;
}
.leftside-navigation, .right-stat-bar {
  height: 100%;
}
#container {max-widthc: 1200px !important; background-color: #FFF;}
.fixed-width #container {
  width: 100%;
}
#fo header.header {
  z-index: 10 !important;
  /*background-color: rgba(255,255,255,0);*/


  /*background-image: url(https://fundaciolaninetadelsulls.org/wp-content/uploads/2023/09/Logo-.png);*/
  /*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;
  height: 227px !important;
  background-size: 227px 227px;
  background-color:#fff;
  background-position: top center;
}
/*.brand { background-color: #fff; height: auto ! important;width: 70%;height:150px ! important; text-align: center}*/
.brand { background-color: #fff; width: 100%;height:250px ; text-align: center;position: relative}
.brand img{
  height:100%;text-alignv: center;/* margin-left: 45%;*/position: relative;
}
.top-nav .username {
  font-size: 23px;
  color: #555555;
}
.top-nav .ACCESSTOTHEDIGITALCAMPS,.top-nav .ACCESSTOTHEDIGITALCAMPS .caret{
  font-size:25px;
  color:#555555;
}
.dropdown .caret,.top-nav .nav .caret {
  margin-top: 20px;
  /* margin-left: 2px; */
  /* margin: auto; */
}
.wrapper {
  position: relative;
  width: 95%;
  max-width: 1100px;
  /*margin: 0 auto 20px auto;*/
  /*border: 1px #ffff00 solid;*/
  margin:auto;
  padding: 10px;
  padding-bottom: 0px;
  text-align: left;
}
.wrapper img{
  max-width: 400px;
}
#main-content{
  /*border: 1px red solid;*/
  text-align: center;
}
.carousel {
  background: rgb(54 25 108 / 31%);

}
.carousel-caption   {
  width: 90%;
  border: 0px red solid;
  left: 0;
  height: 75%;
  /*background: #7c16b5;*/
  background: rgb(54 25 108 / 31%);
  text-align: center;
  margin: auto;
}

.carousel-caption h4 {


  color: #FFFFFF !important;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 60px;
  font-weight: 600;
  width: 98%;
  line-height: 1.2em;
  margin: auto;
}
.footer-logos img{
  height:100% ;
}
.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: #cecece !important; color:#000000 !important;}
#sidebar a {  color:#000000 !important;}
#sidebar a:hover,a {  color:#f68547 /*!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: 18px;
  line-height: normal;
}
ul#verticalMenu a { color: #FFF; }
ul#verticalMenu a.first-level { font-size: 20px; }
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:#FF05BC;//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_retinoblastoma/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; z-index: 9999;}

.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: #FF05BC;//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 .retinoblastoma-post {
  border: 1px solid #CECECE;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#fo #postsWrapper .retinoblastoma-post .postData { margin-top: 20px; }
#fo #postsWrapper .retinoblastoma-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;     height: 30px;
  margin: auto;
  width: auto;}

.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; font-size: xx-large}

/*#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: 300px;*/
  /*height: 100px;*/
  height: 100%;
  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: 80px;
  margin-right: 30px;
  padding-top: 10px;
  height: 80px;
}
#fo .footer-section .footer-logos a{
  cursor:pointer !important;
}

#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-section img{
  position: relative;
}
#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_retinoblastoma/media/next.png);
  background-repeat: no-repeat;
  padding-right: 2px;
}

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

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

#fo .fo_paginator_last {
  background-image: url(/applications/webwork/site_retinoblastoma/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 */



 .container-iframe {
   position: relative;
   width: 100%;
   overflow: hidden;
   padding-top: 100%; /* 1:1 Aspect Ratio */
 }

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;                                                                                                                                                          3
right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
 .resoaddnewpost {
  /*border: 1px red solid;*/
  margin-right: 0px !important;
  /*padding: 14px !important;*/
}.resoaddnewpost li {
  /*border: 1px green solid;*/
   /*padding: 14px !important;*/
   border-radius: 20%;
   -webkit-border-radius: 20%;
   background-color: ORANGE !IMPORTANT;
}
.resoaddnewpost > li > a {
  /*border: 1px yellow solid;*/
   padding: 14px !important;
  background-color: ORANGE !IMPORTANT;
}

@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;}
  /*#barHome {    margin-top: 250px;padding-top: 1px;}*/

}

/* 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-height1: 160px; height2: 160px; margin-top:10px; }
  .brand {   height:150px  ;  }
  #barHome {    margin-top: 80px;padding-top: 1px;}


}

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


}

@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_retinoblastoma/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-height2: 170px; height2: 170px; margin-top:10px; }
  #fo .footer-section .textwidget img { width: 100%; }
  #fo .footer-section .footer-menu { padding: 10px 0; }
  .brand {   height:150px  ;  }
  #barHome {    margin-top: 80px;padding-top: 1px;}
}

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

  #fo header.header { background-size: 150px; 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-height2: 230px; height2: 230px; margin-top:10px; }
  #fo .footer-section .textwidget img { width: 100%; }
  #fo .footer-section .footer-menu { padding: 10px 0; }
  .brand {   height:100px  ;  }
  #barHome {    margin-top: 80px;padding-top: 1px;}

}
}