html {
position: relative;
min-height: 100%;
margin: 0;
font-family: 'titillium-web';
font-size: 16px;
}
@media screen and (min-width: 1981px) {
html {
font-size: 19px;
}
}
@media screen and (max-width: 1800px) {
html {
font-size: 14px;
}
}
@media screen and (max-width: 1199px) {
html {
font-size: 13px;
}
}
@media screen and (max-width: 991px) {
html {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
html {
padding-bottom: 585px;
}
}
body {
font-size: 18px;
font-family: 'titillium-web';
height: 100%;
margin: 0;
}
@media screen and (min-width: 1981px) {
body {
font-size: 22px;
}
}
@media screen and (max-width: 1199px) {
body {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {
body {
font-size: 18px;
}
}
em {
color: inherit;
}
.am {
padding-left: 5px;
}
.uk-container a {
word-break: break-word;
}
/*======================================
* SIDEBAR - social
======================================*/
.title-social {
font-size: 1.2em;
font-weight: bold;
}
.title-social span {
border-bottom: 1px solid #ededed;
padding: 0 10px 0 0;
border-bottom: 0;
}
.title-social a {
color: #333;
display: block;
margin-top: 10px;
}
.title-social a:hover {
color: #333;
}
.title-social.social-facebook span {
color: #3b5999;
}
.title-social.social-youtube span {
color: #cd201f;
}
.title-social.social-twitter span {
color: #55acee;
}
.title-social.social-twitter span:last-child:not(:first-child) {
color: #868686;
padding-left: 10px;
font-size: 1em;
}
.title-social.social-linkedin {
padding: 10px 0;
border-top: 1px solid #eee;
}
.title-social.social-linkedin span {
color: #0077B5;
}
.wrap-facebook {
margin-bottom: 50px;
}
.wrap-facebook .fb_iframe_widget:not(:last-child) span {
margin-bottom: 20px;
}
.wrap-facebook .item-facebook {
margin-bottom: 10px;
padding-bottom: 10px;
}
.wrap-facebook .item-facebook:not(:last-child) {
border-bottom: 1px solid #eee;
}
.wrap-facebook .item-facebook .description {
margin: 0;
}
.wrap-facebook .item-facebook .title {
margin: 0;
}
.wrap-youtbe {
min-height: 200px;
overflow: hidden;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.wrap-youtbe {
height: 300px;
min-height: unset;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.wrap-youtbe {
width: 50%;
float: left;
}
.wrap-youtbe:nth-child(odd) {
padding-left: 15px;
}
.wrap-youtbe:nth-child(even) {
padding-right: 15px;
}
}
.wrap-youtbe p {
margin: 10px 0;
}
.twitter-timeline .timeline-Footer .u-floatLeft {
display: none;
}
footer.timeline-Footer.u-cf a.u-floatLeft {
display: none !important;
}
/*======================================
* Attachments
======================================*/
.attachments-list {
padding: 0.5% 2% 0.5% 10%;
background-color: #f5f5f5;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 35%;
}
@media only screen and (max-width: 991px) {
.attachments-list {
width: 100%;
padding-left: 5%;
}
}
.attachments-list .uk-container {
padding-left: 0;
}
.attachments-list h5 {
font-weight: bold;
margin: 0;
padding-bottom: 0.3em;
}
.attachments-list ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.attachments-list ul p {
margin: 0;
}
.attachments-list ul li a {
padding: 0.2em 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.attachments-list ul li a .news-allegato-icon {
float: left;
padding-right: 0.3em;
display: none;
}
.attachments-list ul li a .news-allegato-name {
float: left;
padding-right: 0.5em;
margin: 0 !important;
font-weight: bold;
}
.attachments-list ul li a .news-allegato-kb {
color: #333;
padding-left: 0.5em;
border-left: 1px solid #333;
text-decoration: none;
}
/*======================================
* INTESTAZIONI DEFAULT
======================================*/
/*======================================
* UTILITY
======================================*/
.flexer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.nop {
padding: 0 !important;
}
.nom {
margin: 0 !important;
}
.uk-container,
.container-padding {
padding: 0 16%;
margin: 0;
max-width: 100%;
}
@media screen and (max-width: 1599px) {
.uk-container,
.container-padding {
padding: 0 12%;
}
}
@media screen and (max-width: 1024px) {
.uk-container,
.container-padding {
padding: 0 4%;
}
}
@media screen and (max-width: 991px) {
.uk-container,
.container-padding {
padding: 0 3%;
}
}
@media screen and (max-width: 767px) {
.uk-container,
.container-padding {
padding: 0 4%;
}
}
/*======================================
* bacground section
======================================*/
.bg-lightgrey {
background-color: #ececec;
}
/*======================================
* BANNER
======================================*/
/*======================================
* PANEL NEWS
======================================*/
.list-view:after {
content: "";
flex: auto;
}
.layout-home .list-view .el-content {
position: absolute;
bottom: 0;
padding: 6em 2em 2em;
margin: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(90%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
width: 100%;
color: #fff;
}
.list-news_sidebar,
.list-view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
margin: 0 -1%;
}
@media only screen and (max-width: 419px) {
.list-news_sidebar,
.list-view {
padding-right: 0;
}
}
.list-news_sidebar .panel-news-home,
.list-view .panel-news-home,
.list-news_sidebar div[data-key],
.list-view div[data-key] {
overflow: hidden;
font-size: 14px;
position: relative;
width: 31%;
max-height: 500px;
margin: 0 0 2% 0;
}
@media screen and (min-width: 1981px) {
.list-news_sidebar .panel-news-home,
.list-view .panel-news-home,
.list-news_sidebar div[data-key],
.list-view div[data-key] {
font-size: 16px;
}
}
@media only screen and (max-width: 1399px) {
.list-news_sidebar .panel-news-home,
.list-view .panel-news-home,
.list-news_sidebar div[data-key],
.list-view div[data-key] {
width: 48%;
}
}
@media only screen and (max-width: 459px) {
.list-news_sidebar .panel-news-home,
.list-view .panel-news-home,
.list-news_sidebar div[data-key],
.list-view div[data-key] {
width: 100%;
}
}
.list-news_sidebar .panel-news-home .content-image,
.list-view .panel-news-home .content-image,
.list-news_sidebar div[data-key] .content-image,
.list-view div[data-key] .content-image {
height: 500px;
}
@media (min-width: 992px) {
.list-news_sidebar .panel-news-home .content-image img.el-image,
.list-view .panel-news-home .content-image img.el-image,
.list-news_sidebar div[data-key] .content-image img.el-image,
.list-view div[data-key] .content-image img.el-image {
position: absolute;
bottom: 0;
width: auto;
margin: 0;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
min-height: 500px;
}
}
@media only screen and (max-width: 419px) {
.list-news_sidebar .panel-news-home .content-image img.el-image,
.list-view .panel-news-home .content-image img.el-image,
.list-news_sidebar div[data-key] .content-image img.el-image,
.list-view div[data-key] .content-image img.el-image {
margin-left: 0;
min-height: auto;
}
}
@media only screen and (max-width: 419px) {
.list-news_sidebar .panel-news-home .content-image,
.list-view .panel-news-home .content-image,
.list-news_sidebar div[data-key] .content-image,
.list-view div[data-key] .content-image {
max-height: 350px;
}
}
@media (min-width: 992px) {
.list-news_sidebar .panel-news-home .el-content,
.list-view .panel-news-home .el-content,
.list-news_sidebar div[data-key] .el-content,
.list-view div[data-key] .el-content {
position: absolute;
bottom: 0;
padding: 6em 2em 2em;
margin: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(90%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
width: 100%;
color: #fff;
}
}
.list-news_sidebar .panel-news-home .el-content .category > span,
.list-view .panel-news-home .el-content .category > span,
.list-news_sidebar div[data-key] .el-content .category > span,
.list-view div[data-key] .el-content .category > span {
background-color: #1089c0;
color: #fff;
padding: 0 5px;
text-transform: uppercase;
}
.list-news_sidebar .panel-news-home .el-content .el-link,
.list-view .panel-news-home .el-content .el-link,
.list-news_sidebar div[data-key] .el-content .el-link,
.list-view div[data-key] .el-content .el-link {
border: none;
padding: 0;
text-align: left;
}
.list-news_sidebar .panel-news-home .el-content .el-title,
.list-view .panel-news-home .el-content .el-title,
.list-news_sidebar div[data-key] .el-content .el-title,
.list-view div[data-key] .el-content .el-title {
font-size: 1.7em;
font-weight: bold;
color: #fff;
margin: 0;
line-height: 1.1em;
}
.list-news_sidebar .panel-news-home .el-content .el-subtitle,
.list-view .panel-news-home .el-content .el-subtitle,
.list-news_sidebar div[data-key] .el-content .el-subtitle,
.list-view div[data-key] .el-content .el-subtitle {
font-size: 1.25em;
color: #fff;
margin: 5px 0 10px 0;
}
.list-news_sidebar .panel-news-home .el-content .date-start,
.list-view .panel-news-home .el-content .date-start,
.list-news_sidebar div[data-key] .el-content .date-start,
.list-view div[data-key] .el-content .date-start,
.list-news_sidebar .panel-news-home .el-content .published-by,
.list-view .panel-news-home .el-content .published-by,
.list-news_sidebar div[data-key] .el-content .published-by,
.list-view div[data-key] .el-content .published-by {
color: #fff;
padding-top: 5px;
float: left;
}
.list-news_sidebar .panel-news-home .el-content .date-end,
.list-view .panel-news-home .el-content .date-end,
.list-news_sidebar div[data-key] .el-content .date-end,
.list-view div[data-key] .el-content .date-end {
color: #fff;
padding-top: 5px;
display: none;
}
.list-news_sidebar .panel-news-home .el-content .date-end:before,
.list-view .panel-news-home .el-content .date-end:before,
.list-news_sidebar div[data-key] .el-content .date-end:before,
.list-view div[data-key] .el-content .date-end:before {
content: "|";
padding: 0 10px;
}
.list-news_sidebar .panel-news-home .el-content p,
.list-view .panel-news-home .el-content p,
.list-news_sidebar div[data-key] .el-content p,
.list-view div[data-key] .el-content p {
margin: 0 0 10px 0;
line-height: 1.2em;
}
.list-news_sidebar .panel-news-home .el-content p span,
.list-view .panel-news-home .el-content p span,
.list-news_sidebar div[data-key] .el-content p span,
.list-view div[data-key] .el-content p span {
padding: 0 5px;
}
.list-news_sidebar .panel-news-home > p:last-child,
.list-view .panel-news-home > p:last-child,
.list-news_sidebar div[data-key] > p:last-child,
.list-view div[data-key] > p:last-child {
position: absolute;
bottom: 0;
margin: 0;
padding: 10px;
right: 0;
}
.list-news_sidebar .panel-news-home > p:last-child a,
.list-view .panel-news-home > p:last-child a,
.list-news_sidebar div[data-key] > p:last-child a,
.list-view div[data-key] > p:last-child a {
color: #fff;
font-size: 1.5em;
}
/*======================================
* CHANGE COLUMNS ITEM NEWS PANEL
======================================*/
.panel-news-home .list-view {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin: 0;
}
.panel-news-home .list-view div[data-key] {
width: 31%;
}
@media only screen and (max-width: 1399px) {
.panel-news-home .list-view div[data-key] {
width: 48%;
}
}
@media only screen and (max-width: 459px) {
.panel-news-home .list-view div[data-key] {
width: 100%;
}
}
.panel-news-home .list-view div[data-key] + div[data-key]:not(:nth-child(3n+2)) {
margin-left: 1%;
}
.four-columns .list-view {
flex-wrap: wrap;
}
.four-columns .list-view div[data-key] {
width: 23%;
margin: 1%;
}
@media only screen and (max-width: 1299px) {
.four-columns .list-view div[data-key] {
width: 31%;
}
}
@media only screen and (max-width: 991px) {
.four-columns .list-view div[data-key] {
width: 48%;
}
}
@media only screen and (max-width: 419px) {
.four-columns .list-view div[data-key] {
width: 100%;
}
}
/*======================================
* CHANGE 4 ITEM REDATIONAL
======================================*/
.custom-container.four-columns .uk-container:after {
content: "";
flex: auto;
}
.custom-container.four-columns .uk-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
}
.custom-container.four-columns .uk-container > a,
.custom-container.four-columns .uk-container a.item-link {
width: 23%;
border: none;
padding: 0;
margin: 1%;
}
@media only screen and (max-width: 1199px) {
.custom-container.four-columns .uk-container > a,
.custom-container.four-columns .uk-container a.item-link {
width: 31%;
}
}
@media only screen and (max-width: 767px) {
.custom-container.four-columns .uk-container > a,
.custom-container.four-columns .uk-container a.item-link {
width: 48%;
}
}
@media only screen and (max-width: 459px) {
.custom-container.four-columns .uk-container > a,
.custom-container.four-columns .uk-container a.item-link {
width: 100%;
}
}
.custom-container.four-columns .uk-container > a .panel-link-item,
.custom-container.four-columns .uk-container a.item-link .panel-link-item {
overflow: hidden;
position: relative;
height: 500px;
}
@media (max-width: 767px) {
.custom-container.four-columns .uk-container > a .panel-link-item,
.custom-container.four-columns .uk-container a.item-link .panel-link-item {
height: 250px;
}
}
@media (min-width: 768px) {
.custom-container.four-columns .uk-container > a .panel-link-item img.el-image,
.custom-container.four-columns .uk-container a.item-link .panel-link-item img.el-image {
position: absolute;
width: auto;
margin: 0;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-height: 500px;
height: 100%;
width: 100%;
object-fit: cover;
}
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content {
position: absolute;
bottom: 0;
padding: 6em 2em 2em;
margin: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(90%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
width: 100%;
text-align: left;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .category > span,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .category > span {
background-color: #1089c0;
color: #fff;
padding: 0 5px;
text-transform: uppercase;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .el-title,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .el-title {
font-size: 1.7em;
font-weight: 600;
color: #fff;
margin: 0;
line-height: 0.95em;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .el-subtitle,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .el-subtitle {
display: none;
font-size: 1.4em;
color: #fff;
margin: 0;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .date-start,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .date-start,
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .published-by,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .published-by {
color: #fff;
padding-top: 5px;
float: left;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .date-end,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .date-end {
color: #fff;
padding-top: 5px;
display: none;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content .date-end:before,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content .date-end:before {
content: "|";
padding: 0 10px;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content p,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content p {
margin: 0 0 10px 0;
line-height: normal;
}
.custom-container.four-columns .uk-container > a .panel-link-item .el-content p span,
.custom-container.four-columns .uk-container a.item-link .panel-link-item .el-content p span {
padding: 0 5px;
}
.custom-container.four-columns .uk-container > a .panel-link-item > p:last-child,
.custom-container.four-columns .uk-container a.item-link .panel-link-item > p:last-child {
position: absolute;
bottom: 0;
margin: 0;
padding: 10px;
right: 0;
}
.custom-container.four-columns .uk-container > a .panel-link-item > p:last-child a,
.custom-container.four-columns .uk-container a.item-link .panel-link-item > p:last-child a {
color: #fff;
font-size: 1.5em;
}
.one-columns .list-view {
display: block;
}
.one-columns .list-view div[data-key] {
width: 100%;
max-height: 100%;
margin-bottom: 80px;
}
.one-columns .list-view div[data-key] .content-image {
height: 440px;
overflow: hidden;
}
.one-columns .list-view div[data-key] img.el-image {
margin-left: 0;
}
.one-columns .list-view div[data-key] .el-content {
position: relative;
background: transparent;
padding: 2em 0;
}
.one-columns .list-view div[data-key] .el-content .published-by,
.one-columns .list-view div[data-key] .el-content .el-link .el-title {
color: #333;
}
@media (max-width: 991px) {
.layout-main .panel-news-home .list-view a {
width: 100%;
float: left;
display: flex;
margin-bottom: 20px;
}
.layout-main .panel-news-home .list-view div[data-key] {
width: 100%;
}
.layout-main .panel-news-home .list-view div[data-key] .content-image {
width: 150px;
height: 150px;
float: left;
position: relative;
overflow: hidden;
}
.layout-main .panel-news-home .list-view div[data-key] .content-image .el-image {
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
}
.layout-main .panel-news-home .list-view div[data-key] .el-content {
width: 50%;
float: left;
position: relative;
padding: 0 15px;
}
.layout-main .panel-news-home .list-view div[data-key] .el-content .el-title {
color: #333;
font-size: 1.2em;
}
.layout-main .panel-news-home .list-view div[data-key] .el-content .published-by {
color: #333;
}
}
@media (max-width: 767px) {
.layout-main .panel-news-home .list-view div[data-key] .content-image {
width: 100px;
height: 100px;
}
.layout-main .panel-news-home .list-view div[data-key] .el-content {
width: 70%;
}
}
/*======================================
* SIDEBAR NEWS
======================================*/
.content-before-sidebar {
padding-right: 100px;
}
@media screen and (max-width: 991px) {
.content-before-sidebar {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.content-before-sidebar {
padding-right: 15px;
word-break: break-word;
}
}
.sidebar-custom {
padding: 0 1em;
}
.sidebar-custom .uk-section-default {
padding-bottom: 0;
}
.sidebar-custom h1,
.sidebar-custom h2,
.sidebar-custom h3,
.sidebar-custom h4 {
font-weight: bold;
border-bottom: 2px solid #eee;
margin-bottom: 1.5em;
font-size: 1em;
}
.sidebar-custom .panel-news-home,
.sidebar-custom div[data-key] {
overflow: hidden;
font-size: 12px;
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0 0 5% 0;
}
@media screen and (min-width: 1981px) {
.sidebar-custom .panel-news-home,
.sidebar-custom div[data-key] {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {
.sidebar-custom .panel-news-home,
.sidebar-custom div[data-key] {
width: 49%;
}
}
.sidebar-custom .panel-news-home .content-image,
.sidebar-custom div[data-key] .content-image {
height: 125px;
overflow: hidden;
width: 30%;
float: left;
display: block;
position: relative;
}
.sidebar-custom .panel-news-home .content-image img.el-image,
.sidebar-custom div[data-key] .content-image img.el-image {
min-height: auto;
height: 100%;
width: auto;
max-width: unset;
margin: 0;
}
.sidebar-custom .panel-news-home .el-content,
.sidebar-custom div[data-key] .el-content {
position: relative;
bottom: 0;
padding: 0 0 0 1em;
margin: 0;
background: none !important;
width: 70%;
display: block;
float: right;
height: 125px;
}
.sidebar-custom .panel-news-home .el-content .category > span,
.sidebar-custom div[data-key] .el-content .category > span {
background-color: #1089c0;
color: #fff;
padding: 0.1em 0.6em;
text-transform: uppercase;
}
.sidebar-custom .panel-news-home .el-content .el-link,
.sidebar-custom div[data-key] .el-content .el-link {
border: none;
padding: 0;
text-align: left;
}
.sidebar-custom .panel-news-home .el-content .el-title,
.sidebar-custom div[data-key] .el-content .el-title {
font-size: 1.3em;
font-weight: bold;
color: #333;
margin: 0;
line-height: 1em;
border: none;
}
.sidebar-custom .panel-news-home .el-content .el-subtitle,
.sidebar-custom div[data-key] .el-content .el-subtitle {
display: none;
font-size: 1.2em;
color: #333;
margin: 0;
}
.sidebar-custom .panel-news-home .el-content .date-start,
.sidebar-custom div[data-key] .el-content .date-start,
.sidebar-custom .panel-news-home .el-content .published-by,
.sidebar-custom div[data-key] .el-content .published-by {
color: #333;
padding-top: 5px;
float: left;
font-size: 1em;
position: absolute;
bottom: 0;
}
.sidebar-custom .panel-news-home .el-content .date-end,
.sidebar-custom div[data-key] .el-content .date-end {
color: #333;
padding-top: 5px;
display: none;
}
.sidebar-custom .panel-news-home .el-content .date-end:before,
.sidebar-custom div[data-key] .el-content .date-end:before {
content: "|";
padding: 0 10px;
}
.sidebar-custom .panel-news-home .el-content p,
.sidebar-custom div[data-key] .el-content p {
margin: 0 0 0.6em 0;
line-height: 1.2em;
}
.sidebar-custom .panel-news-home .el-content p span,
.sidebar-custom div[data-key] .el-content p span {
padding: 0 5px;
}
.sidebar-custom .panel-news-home > p:last-child,
.sidebar-custom div[data-key] > p:last-child {
position: absolute;
bottom: 0;
margin: 0;
padding: 10px;
right: 0;
}
.sidebar-custom .panel-news-home > p:last-child a,
.sidebar-custom div[data-key] > p:last-child a {
color: #fff;
font-size: 1.5em;
}
@media screen and (max-width: 767px) {
.sidebar-custom .panel-news-home,
.sidebar-custom div[data-key] {
width: 100%;
}
.sidebar-custom .panel-news-home img.el-image,
.sidebar-custom div[data-key] img.el-image {
height: auto;
width: 100%;
margin: 0;
}
}
.sidebar-custom .embed-responsive {
margin-bottom: 20px;
}
.list-news_sidebar_social .embed-responsive {
margin-bottom: 20px;
}
/*======================================
* SIDEBAR LIST FILE - LINK TEXT
======================================*/
.sidebar-list-file ul {
font-size: 16px;
}
.sidebar-list-file ul p {
margin: 0;
line-height: 1em;
}
/*======================================
* CHANGE COLUMNS ITEM NEWS SIDEBAR
======================================*/
.sidebar-custom .sidebar-news :after {
display: none !important;
}
.sidebar-custom .sidebar-news .list-view {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
@media screen and (max-width: 991px) {
.sidebar-custom .sidebar-news .list-view {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.sidebar-custom .sidebar-news .list-view {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.panel-news-home.community p.category > span,
.panel-link-item.community p.category > span {
background-color: #cd201f !important;
}
.panel-news-home.redazione p.category > span,
.panel-link-item.redazione p.category > span {
background-color: #23672f !important;
}
/*======================================
* OVERIDE ITEM NEWS
======================================*/
.list-view > .summary {
display: none;
}
/*======================================
* SIDEBAR
======================================*/
.uk-grid .el-image {
width: 100%;
}
.uk-grid .el-content {
margin: 0 !important;
}
.uk-grid .el-content p {
font-size: 0.8em;
line-height: 1.1em;
margin-top: 0 !important;
}
.grid-no-margin * + .uk-grid-margin,
.grid-no-margin .uk-grid + .uk-grid,
.grid-no-margin .uk-grid > .uk-grid-margin {
margin-top: 0;
}
/*======================================
* SIDEBAR
======================================*/
.wrap-playlist {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.wrap-playlist .wrap-active-video {
width: 80%;
}
.wrap-playlist .wrap-active-video iframe {
width: 100%;
height: 100%;
}
.wrap-playlist .wrap-youtbe-thumbs {
width: 20%;
height: 700px;
overflow-y: scroll;
background-color: #0d100f;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video {
padding: 30px 80px 30px 20px;
background-color: #0d100f;
display: block;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video.active {
background-color: #1b1e1d;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video img {
width: 100%;
margin: 0;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video .title {
margin: 5px 0 0 0;
font-size: 0.8em;
color: #ffffff;
}
@media (max-width: 991px) {
.wrap-playlist .wrap-active-video {
width: 70%;
}
.wrap-playlist .wrap-youtbe-thumbs {
width: 30%;
height: auto;
}
}
@media (max-width: 767px) {
.wrap-playlist {
flex-wrap: wrap;
}
.wrap-playlist .wrap-active-video {
width: 100%;
height: 400px;
}
.wrap-playlist .wrap-youtbe-thumbs {
width: 100%;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video {
width: 33.33%;
float: left;
padding: 10px;
height: 220px;
}
}
@media (max-width: 500px) {
.wrap-playlist .wrap-youtbe-thumbs .wrap-video {
width: 50%;
height: auto;
}
.wrap-playlist .wrap-youtbe-thumbs .wrap-video p {
display: none;
}
}
/* Block Image + text absolute overlay image*/
.block-image-text > .uk-container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
}
.block-image-text > .uk-container::after {
display: none;
}
.block-image-text .el-link {
width: 30%;
border: none;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.block-image-text .el-link {
width: 50%;
}
}
@media (max-width: 500px) {
.block-image-text .el-link {
width: 100%;
}
}
@media (min-width: 992px) {
.block-image-text .el-content {
position: absolute;
bottom: 0;
padding: 0.5em 1em;
margin: 0;
padding-top: 25%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(60%, #000000));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #000000 60%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #000000 60%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, #000000 60%);
width: 100%;
}
}
.block-image-text .el-link > div {
position: relative;
height: 250px;
overflow: hidden;
}
.block-image-text .el-link img {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
object-fit: cover;
}
.block-image-text .el-title {
color: #fff;
margin: 0;
font-size: 1.6em;
line-height: 1.2em;
font-weight: bold;
}
.block-image-text .el-subtitle {
color: #fff;
margin: 0;
font-size: 1em;
line-height: 1em;
font-weight: bold;
}
.custom-object-fit {
position: relative;
background-size: cover;
background-position: center center;
}
.custom-object-fit.content-image img,
.custom-object-fit.lSliderItem img,
.custom-object-fit.panel-link-item img {
opacity: 0;
}
/**
MODIFICHE POST MAIL
*/
/**/
.media-quote .media {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
@media (max-width: 767px) {
.media-quote .media {
flex-wrap: wrap;
}
}
.media-quote .media-left {
padding-right: 0;
width: 45%;
overflow: hidden;
}
@media (max-width: 991px) {
.media-quote .media-left {
width: 50%;
}
}
@media (max-width: 767px) {
.media-quote .media-left {
width: 100%;
max-height: 500px;
}
}
.media-quote .media-left .media-object {
margin: 0;
}
@media (min-width: 768px) {
.media-quote .media-left .media-object {
height: 100%;
width: 100%;
max-width: unset;
}
}
@media (max-width: 767px) {
.media-quote .media-left .media-object {
margin: auto !important;
width: 100%;
}
}
.media-quote .media-body {
padding: 20px;
font-style: italic;
font-size: 1em;
width: 55%;
background: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 74%, rgba(240, 240, 240, 0) 76%, rgba(137, 137, 137, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 74%, rgba(240, 240, 240, 0) 76%, rgba(137, 137, 137, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 74%, rgba(240, 240, 240, 0) 74%, rgba(137, 137, 137, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#00898989', GradientType=1);
/* IE6-9 */
}
@media (max-width: 991px) {
.media-quote .media-body {
width: 50%;
}
}
@media (max-width: 767px) {
.media-quote .media-body {
background: #f0f0f0;
width: 100%;
}
}
/**
COMMENTS ANWERS
*/
.answer-comment {
padding: 10px;
background-color: #e0f5e4;
border-bottom: 10px solid #fff;
}
.answer-comment .answer_details {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 15px;
}
.answer-comment .answer_details h4.answer_name {
text-transform: uppercase;
font-weight: bold;
width: 50%;
font-size: 1.05em;
margin-bottom: 0px;
line-height: 25px;
}
.answer-comment .answer_details p.answer_date {
width: 50%;
text-align: right;
margin-bottom: 0px;
line-height: 25px;
font-size: 0.7em;
}
.answer-comment .answer_details .answer_text {
font-size: 15px;
}
/**
SEARCH PAGE RESULTS
*/
.page-search-results {
margin-bottom: 50px;
background-color: #eee;
}
.page-search-results > .uk-container {
padding: 15px 25px;
background-color: #eee;
}
.page-search-results > .uk-container .search-form {
padding: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
}
.page-search-results > .uk-container .search-form > form {
width: 100%;
}
.page-search-results > .uk-container .search-form > form > input:first-child {
width: 80%;
min-height: 40px;
padding: 5px;
}
@media (max-width: 580px) {
.page-search-results > .uk-container .search-form > form > input:first-child {
width: 100%;
}
}
.page-search-results > .uk-container .search-form > form > input:last-child {
background: #297a38;
border: 1px solid transparent;
padding: 2px 20px;
margin-left: 10px;
color: #fff;
text-transform: uppercase;
height: 40px;
}
@media (max-width: 580px) {
.page-search-results > .uk-container .search-form > form > input:last-child {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
}
.page-search-results > .uk-container .search-form > form > input:last-child:hover {
border-color: #297a38;
background: #1c5426;
cursor: pointer;
}
.page-search-results > .uk-container .search-results-label {
position: relative;
top: 15px;
padding: 0;
text-align: right;
}
.page-search-results + .results h3 {
color: #297a38;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
}
.page-search-results + .results p {
margin-bottom: 5px;
padding-right: 40px;
font-size: 14px;
}
.page-search-results + .results a:hover {
border-color: #297a38;
background: #1c5426;
text-decoration: none;
color: #fff;
}
.page-search-results + .results hr {
border-color: #297a38;
}
.item-results {
border-bottom: 1px solid #eee;
padding: 0;
margin-bottom: 15px;
}
.read-more {
position: absolute;
right: 0;
bottom: 0em;
padding: 2px 10px;
background-color: #297a38;
float: right;
color: #fff;
font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'titillium-web';
margin-bottom: 10px;
}
p > a {
text-decoration: underline;
}
p > a:hover {
color: #297a38;
}
p {
margin: 0 0 20px 0;
}
.uk-visible\@xl {
display: block !important;
}
.uk-container:before {
display: none !important;
}
.uk-section {
padding-top: 35px;
padding-bottom: 35px;
}
.grid :after {
display: none !important;
}
.fullscreen {
padding: 0 !important;
}
.fullscreen .uk-container {
padding: 0!important;
}
/*======================================
* OVERRIDE BOOTSTRAP
======================================*/
a {
color: #333;
}
/*a:not(.btn):not(.nav-link):not(.top-search-trigger-open):not(.gototop ) {
text-decoration: underline;
color: @primary-color;
font-weight: bold;
:hover {
color: @text-color;
}
}*/
.breadcrumb a {
color: initial !important;
font-weight: normal !important;
text-decoration: none !important;
}
.btn-default {
color: #fff !important;
text-transform: uppercase;
background-color: #297a38;
border-color: #297a38;
}
.btn-default:hover {
background-color: #fff;
color: #297a38 !important;
border-color: #297a38;
}
.uk-container ul:not(.pagination):not(.uk-slideshow-items):not(.lSGallery) {
list-style-type: none;
text-indent: -20px;
}
.uk-container ul:not(.pagination):not(.uk-slideshow-items):not(.lSGallery) li:before {
content: '>';
margin-right: 10px;
color: #297a38;
font-weight: bold;
float: left;
}
.uk-container ul:not(.pagination):not(.uk-slideshow-items):not(.lSGallery) p {
line-height: 1.5rem;
}
.uk-container ul:not(.pagination):not(.uk-slideshow-items):not(.lSGallery).uk-list {
text-indent: 0;
}
/*======================================
* OVERRIDE SLIDER OUTER
======================================*/
ul.lightSlider li caption {
position: absolute;
left: 16%;
width: 35%;
top: 35%;
}
/*bugfix*/
.list-news_sidebar_social h1:first-child {
display: none;
}
.list-news_sidebar_social h5:first-of-type {
margin-top: 0;
}
/*======================================
* COLLAPSE NAVBAR AT 991PX
======================================*/
@media (max-width: 991px) {
.navbar-header {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
}
.navbar-nav > li {
float: none;
}
.collapse.in {
display: block !important;
}
.nav-tabs > li > a {
margin: 0;
border-radius: inherit;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
/*======================================
* OVERRIDE CLASS FACEBOOK PANEL
======================================*/
/*======================================
* OVERRIDE CLASS UIKIT
======================================*/
.uk-width-auto.uk-first-column {
display: none;
}
/*======================================
* VAR CATEGORY
======================================*/
.agrifood {
background-color: #7030A0 !important;
}
.aerospazio {
background-color: #C65911 !important;
}
.chimica {
background-color: #375623 !important;
}
.mobilita {
background-color: #806000 !important;
}
.energia {
background-color: #FFC000 !important;
}
.smart {
background-color: #4472C4 !important;
}
.scienze {
background-color: #297a38 !important;
}
.ambienti {
background-color: #C00000 !important;
}
.storie_innovazione {
background-color: #00B0F0 !important;
}
.lab_lombardia {
background-color: #833C0C !important;
}
.campus_party {
background-color: #0057FF !important;
}
.stati_generali {
background-color: #00B050 !important;
}
.premio_int {
background-color: #297a38 !important;
}
.foro {
background-color: #ED7D31 !important;
}
.legge_reg {
background-color: #297a38 !important;
}
.discussioni {
background-color: #525252 !important;
}
.accordi {
background-color: #FF7C00 !important;
}
.community {
background-color: #305496 !important;
}
.fabbrica {
background-color: #525252 !important;
}
.redazione {
background-color: #FF0000 !important;
}
/*======================================
* LAYOUT - MAIN
======================================*/
.capolettera p:first-child::first-letter {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 5em;
float: left;
line-height: 0.84em;
color: #297a38;
padding-right: 0.2em;
}
/*======================================
* LAYOUT - DETAILNEWS
======================================*/
/*======================================
* LAYOUT - SIDEBAR SOCIAL
======================================*/
.list-news_sidebar_social {
font-size: 1rem;
}
@media (max-width: 991px) {
.list-news_sidebar_social {
margin-top: 50px;
}
.list-news_sidebar_social .title-social.social-facebook {
margin-top: 0;
}
}
.list-news_sidebar_social .embed-responsive {
margin-bottom: 20px;
}
/*======================================
* LAYOUT - SECTION-SLIDER-HOME
======================================*/
.section-slider-home {
padding: 0;
}
.section-slider-home .uk-container {
padding: 0;
max-width: none;
}
.section-slider-home .uk-container .uk-slideshow-items li img {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
max-width: none;
height: 100%;
object-fit: cover;
}
@media (min-height: 900px) and (orientation: portrait) {
.section-slider-home .uk-container .uk-slideshow-items li img {
width: auto;
height: 100%;
}
}
.section-slider-home .uk-container .uk-slideshow-items li .uk-padding {
padding: 0;
}
.section-slider-home .uk-container .el-overlay {
width: 100%;
position: relative;
padding: 5% 30% 7% 30%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: end;
align-self: flex-end;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(60%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
}
@media only screen and (max-width: 767px) {
.section-slider-home .uk-container .el-overlay {
width: 100%;
padding: 10% 10% 7% 10%;
}
}
@media only screen and (max-width: 639px) {
.section-slider-home .uk-container .el-overlay {
display: block;
}
.section-slider-home .uk-container .el-overlay .el-title {
font-size: 3em;
}
.section-slider-home .uk-container .el-overlay .el-content {
display: block;
}
}
@media only screen and (max-width: 420px) {
.section-slider-home .uk-container .el-overlay {
padding: 50% 5% 15% 5%;
}
}
.section-slider-home .uk-container .el-overlay .published-details {
margin-top: 10%;
}
@media only screen and (max-width: 420px) {
.section-slider-home .uk-container .el-overlay .published-details {
font-size: 0.65em;
}
}
.section-slider-home .uk-container .el-overlay .el-content {
margin: 0 !important;
color: #fff;
line-height: 1.2em;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong {
background-color: #1089c0;
padding: 0.1em 1.5em;
font-size: 0.78em;
text-transform: uppercase;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_agrifood {
background-color: #7030A0 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_aerospazio {
background-color: #C65911 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_chimica {
background-color: #375623 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_mobilita {
background-color: #806000 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_fabbrica {
background-color: #525252 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_energia {
background-color: #FFC000 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_smart {
background-color: #4472C4 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_scienze {
background-color: #297a38 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_ambienti {
background-color: #C00000 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_storie_innovazione {
background-color: #00B0F0 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_lab_lombardia {
background-color: #833C0C !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_campus_party {
background-color: #0057FF !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_stati_generali {
background-color: #00B050 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_premio_int {
background-color: #297a38 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_foro {
background-color: #ED7D31 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_legge_reg {
background-color: #297a38 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_redazione {
background-color: #FF0000 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_discussioni {
background-color: #525252 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_accordi {
background-color: #FF7C00 !important;
}
.section-slider-home .uk-container .el-overlay .el-content p > strong.cat_community {
background-color: #305496 !important;
}
.section-slider-home .uk-container .el-overlay .el-content h1,
.section-slider-home .uk-container .el-overlay .el-content h2,
.section-slider-home .uk-container .el-overlay .el-content h3,
.section-slider-home .uk-container .el-overlay .el-content h4,
.section-slider-home .uk-container .el-overlay .el-content h5 {
color: #fff;
font-size: 2.33em;
font-weight: bold;
margin: 0;
line-height: 1em;
}
@media only screen and (max-width: 420px) {
.section-slider-home .uk-container .el-overlay .el-content h1,
.section-slider-home .uk-container .el-overlay .el-content h2,
.section-slider-home .uk-container .el-overlay .el-content h3,
.section-slider-home .uk-container .el-overlay .el-content h4,
.section-slider-home .uk-container .el-overlay .el-content h5 {
font-size: 1.6em;
}
}
.section-slider-home .uk-container .el-overlay .el-content p {
color: #fff;
background-color: transparent;
margin: 10px 0;
font-size: 1em;
}
@media only screen and (max-width: 420px) {
.section-slider-home .uk-container .el-overlay .el-content p {
font-size: 0.8em;
line-height: 1.25em;
}
}
.section-slider-home .uk-container .el-overlay a.el-link {
background-color: green;
color: #fff;
border: none;
padding: 0px 0.8em;
float: right;
line-height: 2.2em;
}
.section-slider-home .uk-container a.el-slidenav {
color: #fff;
margin: 0.715em;
}
.section-slider-home .uk-container .uk-dotnav > * {
padding-left: 0.36em;
}
.section-slider-home .uk-container .uk-dotnav > .uk-active > * {
background-color: #fff;
border-color: transparent;
}
.section-slider-home .uk-container .uk-dotnav > * > * {
border: 1px solid #fff;
}
.section-single-slider .uk-container .el-overlay {
left: 0;
bottom: 0;
background-color: #30373d;
color: #fff;
padding: 1.07em 2% 1.07em 10%;
}
@media only screen and (max-width: 991px) {
.section-single-slider .uk-container .el-overlay {
padding-left: 4%;
}
}
@media only screen and (max-width: 479px) {
.section-single-slider .uk-container .el-overlay {
padding-left: 0;
}
}
/*======================================
* LAYOUT - LIST CUSTOM
======================================*/
.list-custom .wrap-top .list-view {
display: block;
padding: 0;
}
.list-custom .wrap-top .list-view > div[data-key]:first-child {
height: 650px;
margin: 0 1% 4% 0;
width: 65%;
max-height: none;
}
@media only screen and (max-width: 991px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child {
width: 100%;
margin: 0;
height: 450px;
}
}
@media only screen and (max-width: 419px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child {
width: 100%;
margin: 0;
height: 350px;
}
}
@media only screen and (max-width: 1599px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child .content-image img.el-image {
height: 100%;
width: auto;
min-height: 650px;
margin: 0;
}
}
@media only screen and (max-width: 419px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child .content-image img.el-image {
width: auto;
height: 100%;
margin: 0;
min-height: 400px;
min-width: auto;
}
}
.list-custom .wrap-top .list-view > div[data-key]:first-child .el-content {
padding-left: 25%;
}
@media only screen and (max-width: 1599px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child .el-content {
padding: 0 50% 0 0;
}
}
@media only screen and (max-width: 419px) {
.list-custom .wrap-top .list-view > div[data-key]:first-child .el-content {
padding: 0 50% 7% 7%;
}
}
.list-custom .wrap-top .list-view > div[data-key] {
margin: 0 0 40px 2%;
height: 305px;
width: 32%;
}
@media only screen and (max-width: 991px) {
.list-custom .wrap-top .list-view > div[data-key] {
height: 300px;
width: 50%;
margin: 0 0 5% 0;
}
}
@media only screen and (max-width: 419px) {
.list-custom .wrap-top .list-view > div[data-key] {
width: 100%;
margin: 0;
height: 250px;
}
}
.list-custom .wrap-top .list-view > div[data-key] .content-image img.el-image {
width: 100%;
height: auto;
margin: 0;
min-width: 900px;
display: block;
}
@media only screen and (max-width: 419px) {
.list-custom .wrap-top .list-view > div[data-key] .el-content {
padding: 0 7% 7% 7%;
}
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar {
padding-right: 1%;
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] {
width: 100%;
}
@media only screen and (max-width: 1599px) {
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] {
width: 94%;
}
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] .content-image {
height: 70%;
overflow: hidden;
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] .content-image img.el-image {
width: 100%;
height: auto;
margin: -100px 0 0 0;
min-width: 900px;
display: block;
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] .el-content {
position: relative;
height: 30%;
padding: 1rem 0;
background: #fff;
}
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] .el-content .el-title,
.list-custom .wrap-buttom .container-padding .content-before-sidebar .list-view > div[data-key] .el-content .published-by {
color: #333;
}
/*======================================
* LAYOUT - LIST ITEM-LINK
======================================*/
.list-link-item_sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
padding-right: 40px;
}
@media only screen and (max-width: 991px) {
.list-link-item_sidebar {
padding-right: 15px;
}
}
.list-link-item_sidebar > a,
.list-link-item_sidebar a.item-link {
width: 32%;
border: none;
padding: 0;
margin: 1% 0;
}
@media only screen and (max-width: 767px) {
.list-link-item_sidebar > a,
.list-link-item_sidebar a.item-link {
width: 49%;
}
}
@media only screen and (max-width: 459px) {
.list-link-item_sidebar > a,
.list-link-item_sidebar a.item-link {
width: 100%;
}
}
.list-link-item_sidebar > a .panel-link-item,
.list-link-item_sidebar a.item-link .panel-link-item {
overflow: hidden;
position: relative;
height: 500px;
}
@media (max-width: 767px) {
.list-link-item_sidebar > a .panel-link-item,
.list-link-item_sidebar a.item-link .panel-link-item {
height: 250px;
}
}
@media (min-width: 768px) {
.list-link-item_sidebar > a .panel-link-item img.el-image,
.list-link-item_sidebar a.item-link .panel-link-item img.el-image {
position: absolute;
width: auto;
margin: 0;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-height: 500px;
height: 100%;
width: 100%;
object-fit: cover;
}
}
.list-link-item_sidebar > a .panel-link-item .el-content,
.list-link-item_sidebar a.item-link .panel-link-item .el-content {
position: absolute;
bottom: 0;
padding: 6em 2em 2em;
margin: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(90%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 90%);
width: 100%;
text-align: left;
}
.list-link-item_sidebar > a .panel-link-item .el-content .category > span,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .category > span {
background-color: #1089c0;
color: #fff;
padding: 0 5px;
text-transform: uppercase;
font-weight: bold;
}
.list-link-item_sidebar > a .panel-link-item .el-content .el-title,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .el-title {
font-size: 1.7em;
font-weight: 600;
color: #fff;
margin: 0;
line-height: 0.95em;
}
.list-link-item_sidebar > a .panel-link-item .el-content .el-subtitle,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .el-subtitle {
display: none;
font-size: 1.4em;
color: #fff;
margin: 0;
}
.list-link-item_sidebar > a .panel-link-item .el-content .date-start,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .date-start,
.list-link-item_sidebar > a .panel-link-item .el-content .published-by,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .published-by {
color: #fff;
padding-top: 5px;
float: left;
}
.list-link-item_sidebar > a .panel-link-item .el-content .date-end,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .date-end {
color: #fff;
padding-top: 5px;
display: none;
}
.list-link-item_sidebar > a .panel-link-item .el-content .date-end:before,
.list-link-item_sidebar a.item-link .panel-link-item .el-content .date-end:before {
content: "|";
padding: 0 10px;
}
.list-link-item_sidebar > a .panel-link-item .el-content p,
.list-link-item_sidebar a.item-link .panel-link-item .el-content p {
margin: 0 0 10px 0;
line-height: normal;
}
.list-link-item_sidebar > a .panel-link-item .el-content p span,
.list-link-item_sidebar a.item-link .panel-link-item .el-content p span {
padding: 0 5px;
}
.list-link-item_sidebar > a .panel-link-item > p:last-child,
.list-link-item_sidebar a.item-link .panel-link-item > p:last-child {
position: absolute;
bottom: 0;
margin: 0;
padding: 10px;
right: 0;
}
.list-link-item_sidebar > a .panel-link-item > p:last-child a,
.list-link-item_sidebar a.item-link .panel-link-item > p:last-child a {
color: #fff;
font-size: 1.5em;
}
/*======================================
* LAYOUT - ACCORDI PER LA RICERCA
======================================*/
.license-agree .list-view {
flex-wrap: wrap;
}
.license-agree .list-view div[data-key] {
margin: 0;
}
/*======================================
* LAYOUT - HOME - contatori
* LAYOUT - HOME - quick link
======================================*/
.section-numbers {
background-color: #1089c0;
}
.section-numbers .uk-list {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
justify-content: space-between;
margin: 0;
}
@media only screen and (max-width: 767px) {
.section-numbers .uk-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.section-numbers .uk-list li {
margin: 0;
background-color: unset;
padding: 0 1em;
}
@media only screen and (max-width: 767px) {
.section-numbers .uk-list li {
width: 100%;
}
}
.section-numbers .uk-list li:before {
display: none;
}
.section-numbers .uk-list li .el-content {
line-height: 1.3em;
font-size: 1.15em;
text-align: center;
}
.section-numbers .uk-list li .el-content h1,
.section-numbers .uk-list li .el-content h2,
.section-numbers .uk-list li .el-content h3,
.section-numbers .uk-list li .el-content h4,
.section-numbers .uk-list li .el-content h5,
.section-numbers .uk-list li .el-content h6,
.section-numbers .uk-list li .el-content strong,
.section-numbers .uk-list li .el-content b {
font-size: 4rem;
line-height: 4rem;
margin: 0;
}
.section-numbers .uk-list li .el-content p {
margin: 0;
line-height: 1.3em;
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
.section-numbers .uk-list li .el-content {
font-size: 1.2em;
margin: 10px 0;
}
}
@media only screen and (max-width: 767px) {
.section-numbers .uk-list li {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
.section-numbers .uk-list li {
width: 100%;
}
.section-numbers .uk-list li .el-content {
text-align: center;
margin: 20px 0;
}
}
/**
MODIFICHE POST MAIL
*/
/*CATEGORIE*/
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_agrifood p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_agrifood p:first-child {
background-color: #7030A0 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_aerospazio p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_aerospazio p:first-child {
background-color: #C65911 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_chimica p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_chimica p:first-child {
background-color: #375623 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_mobilita p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_mobilita p:first-child {
background-color: #806000 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_fabbrica p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_fabbrica p:first-child {
background-color: #525252 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_energia p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_energia p:first-child {
background-color: #FFC000 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_smart p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_smart p:first-child {
background-color: #4472C4 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_scienze p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_scienze p:first-child {
background-color: #297a38 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_ambienti p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_ambienti p:first-child {
background-color: #C00000 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_storie_innovazione p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_storie_innovazione p:first-child {
background-color: #00B0F0 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_lab_lombardia p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_lab_lombardia p:first-child {
background-color: #833C0C !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_campus_party p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_campus_party p:first-child {
background-color: #0057FF !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_stati_generali p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_stati_generali p:first-child {
background-color: #00B050 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_premio_int p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_premio_int p:first-child {
background-color: #297a38 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_foro p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_foro p:first-child {
background-color: #ED7D31 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_legge_reg p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_legge_reg p:first-child {
background-color: #297a38 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_redazione p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_redazione p:first-child {
background-color: #FF0000 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_discussioni p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_discussioni p:first-child {
background-color: #525252 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_accordi p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_accordi p:first-child {
background-color: #FF7C00 !important;
}
.gallerySlider .lSSlideOuter .lightSlider .lSliderItem .caption .cat_community p:first-child,
.single-image-header .lSSlideOuter .lightSlider .lSliderItem .caption .cat_community p:first-child {
background-color: #305496 !important;
}
@media (max-width: 991px) {
.galleryThumb .lSAction {
display: none !important;
}
.galleryThumb .lightSliderAction {
bottom: 7px;
}
.galleryThumb .lightSliderAction .am {
font-size: 25px;
}
}
.cat_agrifood p.category > span {
background-color: #7030A0 !important;
}
.cat_aerospazio p.category > span {
background-color: #C65911 !important;
}
.cat_chimica p.category > span {
background-color: #375623 !important;
}
.cat_mobilita p.category > span {
background-color: #806000 !important;
}
.cat_fabbrica p.category > span {
background-color: #525252 !important;
}
.cat_energia p.category > span {
background-color: #FFC000 !important;
}
.cat_smart p.category > span {
background-color: #4472C4 !important;
}
.cat_scienze p.category > span {
background-color: #297a38 !important;
}
.cat_ambienti p.category > span {
background-color: #C00000 !important;
}
.cat_storie_innovazione p.category > span {
background-color: #00B0F0 !important;
}
.cat_lab_lombardia p.category > span {
background-color: #833C0C !important;
}
.cat_campus_party p.category > span {
background-color: #0057FF !important;
}
.cat_stati_generali p.category > span {
background-color: #00B050 !important;
}
.cat_premio_int p.category > span {
background-color: #297a38 !important;
}
.cat_foro p.category > span {
background-color: #ED7D31 !important;
}
.cat_legge_reg p.category > span {
background-color: #297a38 !important;
}
.cat_redazione p.category > span {
background-color: #FF0000 !important;
}
.cat_discussioni p.category > span {
background-color: #525252 !important;
}
.cat_accordi p.category > span {
background-color: #FF7C00 !important;
}
.cat_community p.category > span {
background-color: #305496 !important;
}
/**
FIX MOBILE
*/
.layout-main > .content > .wrap-modules:nth-child(1) {
display: block;
position: relative;
margin-bottom: 65px;
}
.layout-main > .content > .wrap-modules:nth-child(1) + .section-details {
padding-top: 70px;
}
/**
HP SIDEBAR IMAGE CHALLENGE
*/
.list-news_sidebar_social .challenge-tablet {
display: none;
}
@media (min-width: 481px) and (max-width: 991px) {
.list-news_sidebar_social .challenge-desktop-smartphone {
display: none;
}
.list-news_sidebar_social .challenge-tablet {
display: block;
}
}
/*======================================
* ITEM news
======================================*/
/*======================================
* LIST
======================================*/
/*======================================
* FACEBOOK TEST SIDEBAR WIDTH
======================================*/
.fb-post.fb_iframe_widget.fb_iframe_widget_fluid > span,
iframe {
width: 100% !important;
}
@media (max-width: 768px) {
.fb-post.fb_iframe_widget.fb_iframe_widget_fluid > span,
iframe {
width: calc(100vw - 40px) !important;
}
}
@media (max-width: 640px) {
.fb-post.fb_iframe_widget.fb_iframe_widget_fluid > span,
iframe {
width: calc(100vw - 25px) !important;
}
}
.wrap-search {
width: 100%;
float: left;
background: #ededed;
margin: 5px 0 30px 0;
}
.wrap-search label {
text-align: left;
text-transform: initial;
margin: 0;
font-size: 0.95em;
}
.wrap-search .kv-date-calendar,
.wrap-search .kv-date-remove {
background-color: #fff;
}
.wrap-search .wrap-btn {
margin: 15px 0;
text-align: right;
}
.form-control,
input {
border-radius: 0;
border: 2px solid #ebebeb;
}
.hint-block {
font-size: 0.8em;
font-style: italic;
}
label {
color: #444;
}
.form-group {
margin-top: 15px;
}
@media (min-width: 1199px) {
form > .col-lg-4:nth-child(3n+1) {
clear: both;
}
}
@media (max-width: 991px) {
form > .col-sm-6:nth-child(2n+1) {
clear: both;
}
}
/* ---- grid for Masonry/Isotope ---- */
.grid {
max-width: 100%;
/* clearfix */
}
.grid :after {
content: '';
display: block;
clear: both;
}
/* ---- grid-item for Masonry/Isotope ---- */
.grid-sizer,
.grid-item,
div[data-key] {
width: 33%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.grid-sizer,
.grid-item,
div[data-key] {
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 939px) {
.grid-sizer,
.grid-item,
div[data-key] {
width: 49%;
}
}
.grid-item,
div[data-key] {
float: left;
background-color: #fff;
}
/*======================================
* BUTTONS
======================================*/
button,
.btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-decoration: none;
padding: 10px 24px;
}
.btn-primary {
background-color: #297a38;
border-color: #297a38;
color: #ffffff;
}
.btn-primary:focus {
outline: #23672f;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
background-color: #ffffff;
border-color: #23672f;
color: #297a38;
}
.btn-secondary {
background-color: #ffffff;
border: 1px solid #000;
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:visited {
background-color: #ffffff;
border-color: #f2f2f2;
}
/*======================================
* ANCHOR - into text editor
======================================*/
.contains-anchor a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-decoration: none;
padding: 10px 24px;
background-color: #297a38;
border-color: #297a38;
color: #ffffff;
}
.contains-anchor a:focus {
outline: #23672f;
}
.contains-anchor a:active,
.contains-anchor a:focus,
.contains-anchor a:hover {
background-color: #ffffff;
border-color: #23672f;
color: #297a38;
}
/*======================================
* BTN-PRIMARY CMS
======================================*/
.uk-button.uk-button-primary {
background-color: #297a38;
color: #ffffff;
border: 1px solid #297a38;
}
.uk-button.uk-button-primary:focus,
.uk-button.uk-button-primary:hover {
color: #297a38;
background-color: #ffffff;
}
/*======================================
* HEADER
======================================*/
.nav-container {
border-top: 15px solid #297a38;
font-size: 16px;
}
.logo {
float: left;
font-size: 28px;
line-height: 100%;
position: relative;
z-index: 1;
}
.logo img {
width: auto;
height: 50px;
max-width: none;
}
@media (max-width: 1300px) {
.logo img {
height: 35px;
}
}
@media (max-width: 991px) {
.logo img {
padding: 0;
}
}
@media (max-width: 767px) {
}
.logo img.small {
margin: 5px;
}
.newloghi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
float: left;
}
@media (max-width: 991px) {
.newloghi {
margin-top: 8px;
}
}
.newloghi a {
text-decoration: none !important;
}
.newloghi a:nth-child(1) {
padding-right: 10px;
}
.newloghi a:nth-child(2) {
padding-left: 10px;
}
.newloghi a + a {
border-left: 1px solid #cccccc;
}
#header.header-sticky .newloghi img {
height: 50px;
}
@media (max-width: 620px) {
#header-wrap {
padding: 0 15px !important;
}
.newloghi img {
height: 38px;
}
#header.header-sticky .newloghi img {
height: 40px;
}
}
/*======================================
* BREADCRUMB
=====================================*/
.breadcrumb {
background: transparent;
padding: 0;
text-align: left;
margin: 10px 0;
}
/*======================================
* HEADER BANNER
======================================*/
.layout-home .nav-container {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.layout-main .nav-container {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
/*======================================
* INDEX - SLIDER
======================================*/
.slider-home .uk-dotnav > .uk-active > * {
height: 4px;
background-color: #fff;
}
.slider-home .uk-dotnav > * > * {
width: 100%;
border-radius: 0;
height: 3px;
background-color: rgba(102, 102, 102, 0.6);
}
.slider-home .uk-dotnav > * {
width: 25%;
padding: 0;
}
/*======================================
* NAVBAR
======================================*/
.navbar-fixed-top {
left: auto;
}
.navbar-brand,
.navbar-collapse {
padding: 0;
}
/*-------------------------------*/
/* Header Menu Top */
/*-------------------------------*/
.navbar-brand {
min-height: 50px;
height: auto;
}
.navbar-brand a {
display: inline-block;
height: 60px;
position: relative;
}
@media (max-width: 767px) {
.navbar-brand a {
height: 40px;
}
}
.navbar-brand a:first-child {
display: inline-block;
position: relative;
padding-right: 13px;
width: auto;
}
.navbar-brand a:first-child:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
background-color: #d5d5d5;
width: 2px;
height: 52px;
}
@media (max-width: 767px) {
.navbar-brand a:first-child:after {
height: 35px;
}
}
.navbar-brand a:last-child {
padding-left: 8px;
}
.navbar-brand a img {
height: 100%;
width: auto;
margin: 0;
}
.dropdown-submenu-3 .dropdown-menu {
padding-left: calc(10px * 3) !important;
}
.dropdown-submenu-4 .dropdown-menu {
padding-left: calc(10px * 4) !important;
}
.dropdown-submenu-5 .dropdown-menu {
padding-left: calc(10px * 5) !important;
}
#header-primary {
z-index: 99;
border-top: 20px solid #297a38;
background-color: #fff;
position: relative;
margin-bottom: 0px;
border-radius: 0;
}
#header-primary .navbar-header {
float: none;
padding: 0 10%;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
@media only screen and (min-width: 1920px) {
#header-primary .navbar-header {
padding: 0% 20%;
}
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
#header-primary .navbar-header {
padding: 0% 5%;
}
}
@media only screen and (max-width: 479px) {
#header-primary .navbar-header {
padding: 0% 2%;
}
}
@media only screen and (max-width: 767px) {
#header-primary .navbar-brand {
max-height: 45px;
}
}
#header-primary .navbar-collapse {
position: relative;
float: right;
z-index: 10;
}
@media only screen and (max-width: 767px) {
#header-primary .navbar-collapse {
padding: 0;
margin: 0;
height: 40px;
}
#header-primary .navbar-collapse .navbar-right {
margin: 0;
}
}
#header-primary .navbar-right {
background: transparent;
padding: 0;
margin: 20% auto;
height: 45px;
width: 45px;
padding: 10px;
}
#header-primary .navbar-right .hamburgher-btn {
background-color: #30373d;
padding: 5px 10px 15px 10px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none;
}
.navbar-nav {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
justify-content: space-between;
}
#navbar .navbar-nav > li > a {
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 0.86em;
padding: 0.9em;
line-height: 1.17em;
text-align: center;
height: 100%;
}
.navbar-default .navbar-nav > .active > a {
background-color: #297a38;
}
#navbar .navbar-nav > li > a:hover {
background-color: #000;
}
.navbar-left {
width: 98%;
}
.sidebar-hamburger {
padding: 0;
list-style: none;
margin: 0;
}
.sidebar-hamburger button:focus {
outline: none;
}
.hamburger-label {
color: #fff;
font-size: 1.2em;
}
.hamburger-close {
z-index: 11;
top: 3px;
right: 5px;
position: absolute;
color: #fff;
font-size: 1.4em;
width: 40px;
height: 40px;
text-align: center;
}
.hamburger-close:hover {
color: #fff;
opacity: 0.8;
}
/*-------------------------------*/
/* Social */
/*-------------------------------*/
.header-social {
padding: 2.86em 0 1.43em 0;
float: right;
}
.header-social a {
display: block;
float: left;
}
.header-social a .social.close {
background-color: transparent;
color: #000;
font-size: 3em;
}
.header-social a .social {
color: #fff;
padding: 10px 13px 11px 13px;
text-align: center;
background-color: #297a38;
/* &.flickr {
background-color: @flickr;
}*/
}
.header-social a .social.facebook {
background-color: #3b5999;
}
.header-social a .social.youtube {
background-color: #cd201f;
}
.social-label {
padding-right: 0.36em;
margin-top: 0.71em;
float: left;
}
.social {
-webkit-transform: scale(0.8);
/* Browser Variations: */
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
position: relative;
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 220px;
z-index: 999;
}
#wrapper.toggled #sidebar-wrapper {
width: 420px;
}
@media (max-width: 767px) {
#wrapper.toggled #sidebar-wrapper {
width: 100%;
left: 0;
margin-left: 0;
}
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-left: -220px;
padding-right: 220px;
}
#sidebar-wrapper {
z-index: 1000;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
background: #24292e;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
scrollbar-width: none;
-ms-overflow-style: none;
}
#sidebar-wrapper li.menu-canale {
font-weight: bold;
}
#sidebar-wrapper li.menu-canale a {
color: #ffffff;
}
#sidebar-wrapper li.menu-canale a:hover {
color: #a9a9a9;
}
#sidebar-wrapper li.menu-canale.dropdown > ul.dropdown-menu > li > a {
background-color: #898989;
color: #ffffff;
z-index: 0;
}
#sidebar-wrapper li.dropdown.open .dropdown-menu a:hover {
font-weight: bold;
}
#sidebar-wrapper li.dropdown.open .dropdown-menu {
background-color: #ffffff;
z-index: 0;
}
#sidebar-wrapper li.dropdown.open .dropdown-menu a {
color: #333;
background-color: #fff;
white-space: normal;
width: 100%;
}
#sidebar-wrapper li.dropdown.open .dropdown-menu .dropdown-submenu .dropdown-menu a {
padding-left: 55px;
}
#sidebar-wrapper .nav .open > a,
#sidebar-wrapper .nav .open > a:hover,
#sidebar-wrapper .nav .open > a:focus,
#sidebar-wrapper ul.nav li.active > a,
#sidebar-wrapper ul.nav li.active.open > a,
#sidebar-wrapper li.active,
#sidebar-wrapper li.active ul.dropdown-menu li.active > a,
#sidebar-wrapper li.active ul.dropdown-menu li.active.open > a {
background-color: #297a38;
color: #ffffff;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#page-content-wrapper {
width: 100%;
padding-top: 70px;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 400px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
.sidebar-nav {
width: 100%;
}
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .caret {
float: right;
margin-top: 10px;
}
@media (max-width: 767px) {
.sidebar-nav .caret {
margin-right: 20px;
}
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
color: #fff;
text-decoration: underline;
background-color: transparent;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
font-size: 1.2em;
}
.sidebar-nav li a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px 15px 10px 30px;
}
.sidebar-nav li a span {
float: right;
font-size: 1.2em;
}
.sidebar-nav li a:hover {
color: #a9a9a9;
}
.sidebar-nav > li > a:hover,
.sidebar-nav > li > a.open:hover,
.sidebar-nav > li > a:focus,
.sidebar-nav > li > a.open:focus,
.sidebar-nav > li > a:active,
.sidebar-nav > li > a.open:active {
color: #fff;
text-decoration: underline;
}
.sidebar-nav .dropdown .dropdown-menu li:before {
background-color: #444;
}
.sidebar-nav .dropdown .dropdown-menu li:hover:before,
.sidebar-nav .dropdown .dropdown-menu li.open:hover:before {
width: 100%;
-webkit-transition: width 0.2s ease-in;
-moz-transition: width 0.2s ease-in;
-ms-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #777;
box-shadow: none;
}
.sidebar-nav .dropdown-submenu.open > a .caret,
.sidebar-nav .dropdown.open > a .caret {
transform: rotate(-180deg);
}
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
position: relative;
z-index: 999;
display: block;
width: 100%;
height: 22px;
background: transparent;
border: none;
padding: 0;
}
.hamburger .hamb-text {
color: #fff;
bottom: 0;
font-size: 0.86em;
padding-top: 5px;
text-transform: uppercase;
}
.hamburger .hamburger:hover,
.hamburger .hamburger:focus,
.hamburger .hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-closed .hamb-text,
.hamburger.is-open .hamb-text,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 3px;
width: 100%;
}
.hamburger.is-closed .hamb-text,
.hamburger.is-open .hamb-text {
/* left: -2px;
bottom: 3px;*/
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color: #000;
}
.hamburger.is-closed .hamb-top {
top: 1px;
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
top: 50%;
margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
bottom: 2px;
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
top: 3px;
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 4px;
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}
.hamburger.is-open .hamb-middle {
display: none;
}
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}
/*-------------------------------*/
/* Overlay */
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(130, 130, 130, 0.8);
z-index: 999;
}
/*-------------------------------*/
/* RESPONSIVE */
/*-------------------------------*/
@media only screen and (max-width: 767px) {
.header-social {
padding: 0 0 10px 0;
margin: 25px 0 5px;
}
.navbar-left {
display: none;
}
.hamburger {
width: 30px !important;
height: 25px !important;
}
}
@media only screen and (min-width: 767px) {
.hamburger-label {
display: none;
}
}
/*-------------------------------*/
/* SEARCH BAR */
/*-------------------------------*/
.top-search {
float: right;
}
.top-search.small {
padding: 25px 15px 0 15px;
}
.top-search:hover {
text-decoration: none;
}
.top-search a:hover {
color: #297a38;
}
.top-search form {
position: absolute;
width: 100%;
height: 100% !important;
padding: 0 5%;
margin: 0;
top: 0;
left: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
background-color: #fff;
z-index: 10;
}
.top-search form input {
background-color: #fff;
border: 0 none;
border-radius: 0;
box-shadow: none !important;
font-size: 30px;
height: 100%;
letter-spacing: 2px;
outline: 0 none;
padding: 0 70px 0 0;
color: #333;
}
.top-search-trigger-close {
z-index: 11;
bottom: 20px;
right: 5%;
position: absolute;
}
#header-primary.sticky-menu {
position: fixed !important;
left: 0;
right: 0;
top: 0;
}
#header-primary.sticky-menu .navbar-right {
margin: 5px 0px 5px 5px;
}
#header-primary.sticky-menu .header-social,
#header-primary.sticky-menu .navbar-collapse {
padding: 0;
}
#header-primary.sticky-menu .navbar-collapse {
margin-top: 0;
}
#header-primary.sticky-menu .navbar-header {
height: 60px !important;
}
#header-primary.sticky-menu .navbar-brand {
padding: 12px 0;
}
#header-primary.sticky-menu .navbar-brand a:first-child {
height: 35px;
width: auto;
}
#header-primary.sticky-menu .navbar-brand a:first-child:after {
height: 31px;
}
#header-primary.sticky-menu .navbar-brand a:last-child {
height: 35px;
}
#header-primary.sticky-menu .navbar-brand a > img {
height: 35px;
}
.header-social-sticky {
display: none;
}
.header-social-sticky a {
color: #fff;
}
.header-social-sticky a.top-search-trigger-close {
color: #999;
top: 0;
}
.sticky-menu + #wrapper .header-social-sticky {
display: block;
position: absolute;
bottom: 35px;
left: 0;
padding: 5px 20px;
right: 0;
border-top: 1px solid white;
}
.sticky-menu + #wrapper .header-social-sticky .top-search-trigger-close {
bottom: 0;
}
.header-social-sticky.header-sticky-fix {
display: block !important;
position: relative !important;
bottom: 0 !important;
padding: 5px 20px !important;
border-top: 1px solid white !important;
height: 50px;
}
.dropdown-menu {
z-index: 8;
}
.dropdown-submenu {
z-index: 10;
}
.hamburgher-megamenu li {
border-top: 1px solid #cccccc;
}
.hamburgher-megamenu li:last-child {
text-align: right;
text-decoration: underline;
}
.hamburgher-megamenu li:last-child a {
color: #297a38 !important;
font-weight: 600;
}
/*======================================
* MODAL
======================================*/
a[data-toggle="modal"]:hover .overlay {
top: 0;
display: block;
}
.wrap-modal-box {
position: relative;
}
.wrap-modal-box .el-image {
width: 100%;
margin: 0;
}
.wrap-modal-box figure {
position: relative;
margin: 0;
height: 340px;
overflow: hidden;
}
.wrap-modal-box figcaption {
color: white;
font-size: 1.4em;
line-height: 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background-color: #464548;
background: linear-gradient(rgba(0, 0, 0, 0), #000000);
z-index: 1;
}
.wrap-modal-box .overlay {
position: absolute;
top: 100%;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: top 1s ease, display;
display: none;
}
.wrap-modal-box .overlay .text {
color: white;
font-size: 1.45em;
line-height: 1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
text-align: center;
}
.modal .modal-content {
border-radius: 0;
}
.modal .modal-header {
background-color: green;
border-radius: 0;
}
.modal .modal-header .title {
color: #fff;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
float: left;
margin-bottom: 0;
}
.modal .modal-header .close {
float: right;
color: #fff;
opacity: 1;
font-weight: normal;
}
.modal .modal-body {
font-size: 1rem;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
justify-content: space-between;
}
@media (max-width: 767px) {
.modal .modal-body {
flex-wrap: wrap;
}
}
.modal .modal-body .wrap-img-modal {
width: 30%;
}
@media (max-width: 767px) {
.modal .modal-body .wrap-img-modal {
width: 100%;
text-align: center;
}
}
.modal .modal-body .wrap-text-modal {
width: 55%;
margin: 0 5px 0 7%;
}
@media (max-width: 767px) {
.modal .modal-body .wrap-text-modal {
width: 100%;
margin: 0;
}
}
/*======================================
* FOOTER
======================================*/
.pre-footer {
background-color: white;
padding: 35px 0;
}
.pre-footer .row {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
justify-content: center;
}
@media (max-width: 767px) {
.pre-footer .row {
flex-direction: column;
}
}
.pre-footer .row + .row {
margin-top: 30px;
}
@media (min-width: 768px) {
.pre-footer .wrap-logo {
margin-right: 25px;
}
}
.pre-footer .wrap-logo img {
max-height: 50px;
}
.footer {
background-color: #003354;
color: #fff;
position: absolute;
width: 100%;
bottom: 0;
}
.footer a {
color: #fff;
text-transform: capitalize;
}
.footer > div {
padding: 60px 0 40px 0;
}
/*======================================
* GO TO TOP
======================================*/
.gototop {
position: fixed;
bottom: 12%;
right: 0;
width: 20px;
height: 20px;
border-radius: 0;
background-color: #297a38;
font-size: 0.6em;
padding: 5px 7px 5px 6px;
color: #fff;
text-decoration: none;
transition: opacity 0.2s ease-out;
display: none;
z-index: 10;
text-align: center;
line-height: 1.2em;
}
@media screen and (max-width: 991px) {
.gototop {
bottom: 15%;
right: 5px;
width: 35px;
height: 35px;
padding: 8px 2px 5px 4px;
font-size: unset;
}
}
@media screen and (max-width: 440px) {
.gototop {
bottom: 20%;
right: 5px;
width: 35px;
height: 35px;
padding: 8px 2px 5px 4px;
font-size: unset;
}
}
.gototop:hover {
color: #297a38;
border: 1px solid #297a38;
background-color: #ffffff;
}
.gototop.show {
display: block;
}
/*======================================
* FOOTER CALL TO ACTION BOX
======================================*/
.footer_box {
position: relative;
background-color: #ececec;
margin: 5% 16%;
padding: 1.5em 0;
}
@media screen and (max-width: 1599px) {
.footer_box {
margin: 5% 12%;
}
}
@media screen and (max-width: 991px) {
.footer_box {
margin: 5% 8%;
}
}
@media screen and (max-width: 767px) {
.footer_box {
margin: 5% 4%;
}
}
.footer_box .uk-container {
padding: 1em 2em;
}
.footer_box .uk-container .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #ffffff transparent transparent transparent;
position: absolute;
top: 0;
left: 43%;
}
@media (max-width: 375px) {
.footer_box .uk-container .triangle {
left: 35%;
}
}
@media (max-width: 991px) {
.footer_box .uk-container .row div {
text-align: center;
}
}
.footer_box .uk-container .row h3 {
margin-bottom: 0;
}
.footer_box .uk-container .row p {
margin: 0;
}
.footer_box .uk-container .row .btn-default {
font-weight: bold;
float: right;
margin-top: 10px;
}
@media (max-width: 991px) {
.footer_box .uk-container .row .btn-default {
float: none;
margin: 20px auto 0;
}
}
.footer_box.full-width {
margin: 5% 0;
}
/*======================================
* FOOTER SOCIAL
======================================*/
.footer-premio-internazionale {
margin-top: 30px;
}
.footer-premio-internazionale h2 {
color: #297a38;
font-size: 50px;
float: left;
padding-right: 10px;
}
.footer-premio-internazionale a:hover {
text-decoration: none;
opacity: 0.8;
}
.footer-premio-internazionale img {
position: relative;
top: -3px;
height: 35px;
width: auto;
}
/**
MODIFICHE POST MAIL
*/
.gototop > .glyphicon {
top: 0;
right: 1px;
}
/*======================================
* INDEX - slider
* banner main layout
======================================*/
.uk-slideshow {
overflow: hidden;
height: auto !important;
}
@media screen and (max-width: 767px) {
.uk-slideshow {
margin: 0;
}
}
/*======================================
* BUTTONS
======================================*/
.backend-slider {
width: 100%;
}
.backend-slider #carousel .item {
overflow: hidden;
}
.backend-slider #carousel .item img {
margin: 0;
width: 100%;
height: auto;
}
.backend-slider #thumbcarousel {
position: absolute;
bottom: 15px;
left: 10%;
right: 10%;
}
.backend-slider #thumbcarousel .item .thumb {
width: 33.33%;
height: 100px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.backend-slider #thumbcarousel .item .thumb:hover {
border-color: #1089c0;
}
.backend-slider #thumbcarousel .item img {
width: 20%;
height: auto;
margin: 0;
border: 5px solid #ccc;
float: left;
}
.backend-slider #thumbcarousel .item .caption {
float: left;
padding-left: 20px;
}
.backend-slider #thumbcarousel .item.active img {
border: 5px solid #fff;
}
.backend-slider .carousel-indicators {
bottom: 20%;
}
.backend-slider .carousel-indicators li {
border-radius: 0;
width: 33.33%;
height: 5px;
}
.backend-slider .carousel-control {
color: #0284b8;
text-align: center;
text-shadow: none;
font-size: 30px;
width: 30px;
height: 30px;
line-height: 20px;
top: 23%;
}
.backend-slider .carousel-control:hover,
.backend-slider .carousel-control:focus,
.backend-slider .carousel-control:active {
color: #333;
}
.backend-slider .carousel-caption {
left: 10%;
right: 10%;
text-align: left;
bottom: 20%;
}
.backend-slider .carousel-caption .date,
.backend-slider .carousel-caption .title {
color: #ffffff;
}
.backend-slider .carousel-control {
background-color: rgba(0, 0, 0, 0);
bottom: auto;
font-size: 20px;
left: 0;
position: absolute;
top: 30%;
width: auto;
}
.backend-slider .carousel-control.right,
.backend-slider .carousel-control.left {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.pagination {
margin: 20px auto 50px;
text-align: center;
width: 100%;
}
.pagination li {
display: inline-block;
margin: 0 5px;
}
@media screen and (max-width: 419px) {
.pagination li {
margin: 0 2px;
}
}
.pagination li.active a {
background-color: #297a38;
color: #ffffff;
border-radius: 50%;
padding: 6px 13px;
}
.pagination li:hover a {
background-color: #333;
color: #fff;
opacity: 0.8;
border-radius: 50%;
padding: 6px 13px;
}
.pagination > li > a,
.pagination > li > span {
border: 1px solid #eee;
color: #333;
border-radius: 50%;
padding: 6px 13px;
}
.pagination > li:last-child > span,
.pagination > li:last-child > a {
border: none;
}
.pagination > li:first-child > span,
.pagination > li:first-child > a {
border: none;
}
.list-no-image .list-view {
flex-wrap: wrap;
padding: 0;
}
.list-no-image .list-view div[data-key] {
width: 29%;
border: 1px solid #eee;
border-top: 10px solid #297a38;
padding: 0 2% 2%;
margin: 2%;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.list-no-image .list-view div[data-key] .wrap-item .category {
position: relative;
}
.list-no-image .list-view div[data-key] .wrap-item .el-title {
font-size: 1.7em;
font-weight: bold;
color: #333 !important;
line-height: 1.1em;
}
.list-no-image .list-view div[data-key] .wrap-item:last-child {
color: #777;
}
@media screen and (max-width: 767px) {
.list-no-image .list-view div[data-key] {
width: 100%;
}
}
.placeholder-img .uk-slideshow-items,
.placeholder-img li.el-item.uk-active.uk-transition-active {
height: 400px !important;
}
.placeholder-img .el-item img {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 414px) {
.placeholder-img .el-item img {
height: 100%;
width: auto;
}
}
.placeholder-img .el-item .uk-position-cover {
padding: 0;
}
.placeholder-img .el-item .el-overlay {
width: 100%;
padding: 0 16%;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), color-stop(60%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
position: absolute;
bottom: 0;
}
@media screen and (max-width: 1599px) {
.placeholder-img .el-item .el-overlay {
padding: 0 14%;
}
}
@media screen and (max-width: 991px) {
.placeholder-img .el-item .el-overlay {
padding: 0 10%;
}
}
@media screen and (max-width: 767px) {
.placeholder-img .el-item .el-overlay {
padding: 5% 7% 5% 7%;
}
}
@media screen and (max-width: 659px) {
.placeholder-img .el-item .el-overlay {
padding-bottom: 10%;
}
}
@media screen and (max-width: 559px) {
.placeholder-img .el-item .el-overlay {
padding-bottom: 20%;
}
}
@media screen and (max-width: 414px) {
.placeholder-img .el-item .el-overlay {
padding-bottom: 0;
}
}
.placeholder-img .el-item .el-overlay .el-title {
font-size: 2.6em;
font-weight: bold;
color: #fff;
margin: 0;
padding: 0 0 0.3em 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.placeholder-img .el-item .el-overlay .el-title {
font-size: 1.6em;
}
}
.placeholder-img .el-item .el-overlay .el-content {
font-size: 0.9em;
padding: 0;
margin: 0 !important;
}
.placeholder-img .el-item .el-overlay .el-content p {
padding: 0 0 0 0;
}
.wrap-modules.detail-territory {
margin-top: 50px;
}
.wrap-modules.detail-territory .detail-content {
background-color: #E5E5E5;
}
.wrap-modules.detail-territory .logo {
margin-bottom: 10px;
}
.wrap-modules.detail-territory .site-link {
width: 100%;
margin-bottom: 20px;
}
.wrap-modules.detail-territory p {
margin-bottom: 15px;
}
.wrap-modules.detail-territory h2 {
margin-top: 10px;
font-weight: 700;
width: 85%;
}
.wrap-modules.detail-territory .star {
font-size: 0.7em;
}
.wrap-modules.detail-territory .star-comments {
margin-bottom: 15px;
}
.wrap-modules.detail-territory .voce-detail {
width: 180px;
display: inline-block;
}
.wrap-modules.detail-territory .rating {
line-height: 10px;
float: left;
}
.wrap-modules.detail-territory .rating .form-group {
margin: 0px;
}
.wrap-modules.detail-territory .rating .form-group .row {
padding: 0px;
}
.wrap-modules.detail-territory .rating .form-group .row .col-xs-12 {
padding: 0px;
}
.wrap-modules.detail-territory .rating .vote {
margin-top: -7px;
}
.wrap-modules.detail-territory img.el-image {
width: 100%;
}
@media (min-width: 490px) and (max-width: 991px) {
.wrap-modules.detail-territory .flex-content {
display: flex;
}
.wrap-modules.detail-territory .flex-content .goal + .goal {
padding-left: 5px;
}
}
.wrap-modules.detail-territory .tema-tit {
font-size: 20px;
color: #FFF;
margin-bottom: 20px;
}
.wrap-modules.detail-territory .tema-tit span:first-child {
text-transform: uppercase;
font-weight: bold;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat {
background-color: #404040;
padding: 10px 20px;
position: relative;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat::after {
content: '';
position: absolute;
top: 100%;
left: 20px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #404040;
clear: both;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.formazione-e-lavoro {
background-color: #1EB2AA;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.formazione-e-lavoro::after {
border-top-color: #1EB2AA;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.mobilita {
background-color: #930D0D !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.mobilita::after {
border-top-color: #930D0D !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.salute {
background-color: #2A7CBC !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.salute::after {
border-top-color: #2A7CBC !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.cultura-e-turismo {
background-color: #E29703 !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.cultura-e-turismo::after {
border-top-color: #E29703 !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.ambiente-e-energia {
background-color: #31930D !important;
}
.wrap-modules.detail-territory .tema-tit.territori-tema-cat.ambiente-e-energia::after {
border-top-color: #31930D !important;
}
.detailProject {
margin-bottom: 0 !important;
}
.detailProject h2,
.detailProject h3 {
font-weight: bold;
}
.detailProject .uk-section-default {
margin-bottom: 70px;
}
.detailProject .header-image-background {
position: relative;
}
@media (min-width: 1200px) {
.detailProject .header-image-background div.uk-background-cover {
padding: 70px 0px !important;
}
}
.detailProject .header-image-background div.uk-background-cover {
height: 250px;
display: flex;
align-items: center;
}
.detailProject .header-image-background div.uk-background-cover > .uk-container {
height: 250px;
}
.detailProject .header-image-background .caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
background-color: #00000070;
}
@media screen and (max-width: 1599px) {
.detailProject .header-image-background .caption {
padding: 0 12%;
}
}
.detailProject .header-image-background .caption .el-content .el-title {
margin-top: 5px;
}
.detailProject .header-image-background h1,
.detailProject .header-image-background h2,
.detailProject .header-image-background h3,
.detailProject .header-image-background h4,
.detailProject .header-image-background h5 {
font-weight: bold;
color: #fff;
}
.detailProject .header-image-background .caption .el-content .published-details {
color: #fff;
}
.detailProject .uk-section-default.uk-section {
display: block !important;
}
@media (max-width: 991px) {
.detailProject .header-image-background + .uk-section-default > .uk-container > .row {
display: flex;
flex-direction: column-reverse;
}
}
.detailProject .btn-cta-project {
margin: 10px 0 0;
}
.detailProject .btn-cta-project > a {
border-radius: 5px;
background-color: #ffffff;
color: #000000;
font-size: 1em;
font-weight: 700;
text-decoration: none !important;
border-color: #297a38;
}
.detailProject .btn-cta-project > a:hover {
background-color: #297a38;
color: #ffffff !important;
text-decoration: underline;
}
.detailProject .btn-cta-project > a > svg {
padding-left: 5px;
position: relative;
top: -1px;
}
@media (min-width: 420px) {
.detailProject .btn-cta-project + .btn-cta-project {
margin-left: 10px;
}
}
.detailProject .action-varie {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 30px;
width: 100%;
}
.detailProject .content-before-sidebar {
padding-right: initial;
}
.detailProject .header-image-background > div > .uk-container {
width: 100%;
}
.detailProject .content-project-sidebar {
background-color: #DDDDDD;
padding-bottom: 0;
}
.detailProject .content-project-sidebar .notizie-correlate {
background-color: #29A951;
padding: 30px;
color: #FFF;
}
.detailProject .content-project-sidebar .notizie-correlate a {
color: #FFF;
}
.detailProject .content-project-sidebar .notizie-correlate h2 {
font-size: 28px;
color: #fff !important;
font-weight: bold;
font-family: inherit;
}
.detailProject .content-project-sidebar .video {
background-color: #29A951;
padding: 30px;
color: #FFF;
}
.detailProject .content-project-sidebar .video h2 {
font-size: 28px;
color: #fff !important;
font-weight: bold;
font-family: inherit;
}
.detailProject .uk-section-default {
margin-bottom: 70px;
}
.detailProject .content-project-sidebar .project-sidebar-title {
font-weight: bold;
padding: 0 30px;
}
.detailProject .content-project-sidebar .logo-project {
margin-bottom: 15px;
}
.detailProject .content-project-sidebar .logo-project img {
width: 100%;
background-color: #fff;
}
.detailProject .content-project-sidebar .project-list {
list-style-type: none;
padding: 0;
}
.detailProject .content-project-sidebar .project-list > .project-list_item {
list-style-type: none;
}
.detailProject .content-project-sidebar .project-list .project-list_item {
padding: 30px 0;
margin: 0 30px;
border-bottom: 2px dashed #cccccc;
text-indent: 0;
display: flex;
align-items: flex-start;
}
.detailProject .content-project-sidebar .project-list .project-list_item:last-child {
border: none;
}
.detailProject .content-project-sidebar .project-list .project-list_item a {
color: #297A38;
text-decoration: underline;
}
.detailProject .content-project-sidebar .project-list .project-list_item a:hover {
text-decoration: none;
}
.detailProject .content-project-sidebar .project-list .project-list_item ul {
padding-left: 0px;
margin-top: 10px;
}
.detailProject .content-project-sidebar .project-list .project-list_item ul li {
text-indent: 0px;
}
@media (max-width: 420px) {
.detailProject .content-project-sidebar .project-list .project-list_item > div {
width: 100% !important;
}
}
.detailProject .content-project-sidebar .el-image.project-list_icon {
width: 25px;
margin: 5px 10px 0px 0px;
min-width: 25px;
}
@media (max-width: 420px) {
.detailProject .project-list_item:nth-child(1) .el-image.project-list_icon {
display: none;
}
}
.detailProject .uk-container ul:not(.pagination):not(.uk-slideshow-items):not(.lSGallery) li:before {
content: none;
}
.gallery-detailProject {
background-color: #DDD;
padding: 50px 0px 100px 0px !important;
}
.gallery-detailProject .modal-header {
background-color: #fff;
border: none;
position: absolute;
right: 0px;
}
.gallery-detailProject .modal-header .close {
color: #000000;
}
.progetti-callhub-2019 .select2-container--krajee .select2-selection--multiple .select2-selection__choice,
.progetti-callhub-2019 .select2-search.select2-search--inline {
text-indent: 0;
}
.progetti-callhub-2019 .select2-container--krajee .select2-selection--multiple .select2-selection__choice::before,
.progetti-callhub-2019 .select2-search.select2-search--inline::before {
content: '' !important;
}
.progetti-callhub-2019 .list-view {
flex-wrap: wrap;
margin: 0;
}
.progetti-callhub-2019 .list-view::after {
display: none;
}
.progetti-callhub-2019 .list-view div[data-key] {
overflow: unset;
max-height: none;
min-height: 500px;
}
@media (min-width: 992px) {
.progetti-callhub-2019 .list-view div[data-key] {
width: 31% !important;
margin: 0 0 3% 0;
}
}
@media (max-width: 991px) {
.progetti-callhub-2019 .list-view div[data-key] {
margin: 0 0 10% 0;
}
}
@media (max-width: 619px) {
.progetti-callhub-2019 .list-view div[data-key] {
width: 100%;
}
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card {
padding: 15px;
text-align: center;
height: auto;
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card .el-image {
position: relative;
width: 155px;
min-height: auto;
height: auto;
top: 0;
transform: none;
left: 0;
right: 0;
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content {
min-height: 65%;
background-color: #ededed;
background: #ededed;
padding: 15% 10%;
position: relative;
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content .category {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
line-height: 1.5;
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content .category > span {
background-color: transparent;
color: inherit;
}
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content .el-title,
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content .el-subtitle {
color: #333;
}
@media (max-width: 619px) {
.progetti-callhub-2019 .list-view div[data-key] .content-image.project-callhub-card + .el-content {
min-height: auto;
}
}
.calendar.callhub-calendar .list-item-calendar {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.calendar.callhub-calendar .list-item-calendar::before,
.calendar.callhub-calendar .list-item-calendar::after {
display: none;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar {
background-color: #003354;
border: 1px solid #003354;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
padding: 30px;
text-align: center;
position: relative;
margin-bottom: 5%;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar.completo {
opacity: 0.5;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar.completo:hover {
cursor: not-allowed;
}
@media (min-width: 620px) {
.calendar.callhub-calendar .list-item-calendar .item-calendar {
width: 48%;
margin-bottom: 5%;
}
}
@media (min-width: 992px) {
.calendar.callhub-calendar .list-item-calendar .item-calendar {
width: 30%;
margin-bottom: 5%;
}
}
.calendar.callhub-calendar .list-item-calendar .item-calendar *:not(.btn) {
color: #ffffff;
margin: 0;
display: block;
width: 100%;
position: relative;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar *:not(.btn):not(:last-child) {
padding: 0 0 10px 0;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar:nth-child(1) {
text-align: left;
background-color: #ffffff;
border-color: transparent;
position: relative;
left: -30px;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar:nth-child(1) > * {
color: #003354;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar:nth-child(1) h3 {
font-size: 2.5rem;
line-height: 1;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar:nth-child(1) hr {
border-color: #003354;
margin: 10px 0 !important;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar a:hover {
color: #ffffff;
text-decoration: underline;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .ora {
font-size: 2.5rem;
line-height: 1;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .msg {
font-size: 1.2rem;
line-height: 1;
padding: 0 !important;
text-transform: uppercase;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .posti {
font-size: 1.2rem;
font-weight: 700;
line-height: 0.9;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar hr {
opacity: 0.5;
margin: 10px 0;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .msg-alert {
font-size: 1.2rem;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .msg-alert > a {
display: initial;
font-size: 1.2rem;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .msg-alert > a:hover {
font-weight: 700;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn {
padding: 10px 12px;
width: auto;
width: fit-content;
text-transform: uppercase;
font-weight: 700;
font-size: 1.3rem;
line-height: 0.8;
border-radius: 5px;
margin: 0 auto;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn + .btn {
margin-bottom: 10px;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-prenota {
background-color: #297a38;
color: #ffffff;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-prenota:hover {
background-color: #ffffff;
color: #297a38;
border-color: #297a38;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-action {
background-color: #297a38;
color: #ffffff;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-action:hover {
background-color: #ffffff;
color: #297a38;
border-color: #297a38;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-cancella {
color: #FFBB00;
text-decoration: underline;
font-weight: normal;
font-size: 0.9em;
margin-top: 24px;
}
.calendar.callhub-calendar .list-item-calendar .item-calendar .btn.btn-cancella:hover {
font-weight: 700;
}
#commentCallhub #comments-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
#commentCallhub #comments-container #pjax-block-comments {
height: 320px;
width: 100%;
overflow-y: scroll;
border-bottom: 5px solid #fff;
border-bottom: 5px solid #e9f6ff;
}
@media (max-width: 991px) {
#commentCallhub #comments-container #pjax-block-comments {
height: 320px;
}
}
#commentCallhub #comments-container #pjax-block-comments .media .avatar {
display: none;
}
#commentCallhub #comments-container #pjax-block-comments .media .media-body {
background-color: #ffffff;
background-color: #e9f6ff;
color: #000000;
padding: 5px;
}
#commentCallhub #comments-container #pjax-block-comments .media .media-body p {
font-size: 18px;
}
#commentCallhub #comments-container #pjax-block-comments .media .media-body .text-muted {
display: block;
font-size: 14px;
text-align: right;
float: right;
}
#commentCallhub #comments-container #pjax-block-comments .media .media-body .text-muted + .text-muted {
padding-right: 5px;
}
#commentCallhub #comments-container #bk-contribute #contribute-area {
width: 100%;
height: 100px;
color: #000;
padding: 5px;
}
#commentCallhub #comments-container #bk-contribute #register-contribute-btn,
#commentCallhub #comments-container #bk-contribute #contribute-btn {
font-size: 14px;
background-color: #297a38;
border-color: #297a38;
color: #ffffff;
font-size: 16px;
float: right;
text-transform: uppercase;
font-weight: 700;
padding: 10px 12px;
border-radius: 5px;
font-size: 1.3rem;
line-height: 0.8;
}
#commentCallhub #comments-container #bk-contribute #register-contribute-btn:hover,
#commentCallhub #comments-container #bk-contribute #contribute-btn:hover {
background-color: #fff;
color: #297a38;
text-decoration: underline;
}
div[class*="sondaggi-compilazione-sondaggio"] {
margin-top: 152px;
}
.sondaggi-compilazione .simple-progressbar {
white-space: nowrap;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio87::after {
background-image: url('../img/uomo-faccia-nera-pc-social.png');
background-position-x: 150%;
background-size: contain;
background-repeat: no-repeat;
mix-blend-mode: multiply;
opacity: 0.2;
content: '';
width: 300px;
height: 300px;
display: block;
position: absolute;
top: 10%;
right: 12%;
}
@media (min-width: 420px) {
.sondaggi-compilazione.sondaggi-compilazione-sondaggio87 .container-padding > h1 {
width: 80%;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio87 .container-padding > h1 + div {
width: 80%;
}
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .icon-sondaggio + h1 + div {
display: none;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .testo-introduttivo h3 {
background-color: rgba(41, 122, 56, 0.4);
border-left: 3px solid #297a38;
padding-left: 27px;
margin-top: 50px;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 #form_true_sondaggio-125 > .row > .testo-introduttivo h3 {
margin-top: 0;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .testo-introduttivo.testo-vincolato {
font-weight: 700;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 div[id^='div-domanda'] > .form-group:nth-child(1) > .row:nth-child(1) > .col-xs-12:nth-child(1) > label.control-label {
font-weight: 700;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-select-domanda_1841 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1884 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1885 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1896 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1897 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1925 label.control-label {
font-weight: normal !important;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1860 .sortable-response > label {
font-weight: normal !important;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1925 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1844 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1860 label.control-label,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .field-pagina_125-domanda_1886 label.control-label {
font-weight: 700 !important;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio89 .sondaggi-form .control-label + div {
text-align: left;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio94 .sondaggi-compilazione div[id*="div-domanda"] {
padding-top: 20px;
padding-bottom: 10px;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .simple-progressbar {
display: none;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .required label.control-label:after,
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .fake_asterisk_required label:after {
content: '*';
padding-left: 5px;
color: #4d0c0c;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .sondaggi-form div[data-domanda] {
float: left;
width: 100%;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .sondaggi-form .control-label {
width: auto;
float: left;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio98 .sondaggi-form .control-label + div {
text-align: left;
float: right;
margin-bottom: 20px;
margin-top: 0px;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio100 .simple-progressbar {
display: none;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio100::before {
background-image: url('../img/sondaggio100.jpeg');
background-position-x: 150%;
background-size: contain;
background-repeat: no-repeat;
mix-blend-mode: multiply;
opacity: 0.2;
content: '';
width: 1920px;
height: 50%;
display: block;
position: absolute;
top: 0%;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio106 .simple-progressbar {
display: none;
}
.sondaggi-compilazione.sondaggi-compilazione-sondaggio106 div[id*="div-domanda_"] > div[data-domanda] .control-label {
font-weight: 700;
}
/*PAGINA PRINCIPALE*/
.content-landing.podcast {
font-size: 16px;
}
@media (min-width: 576px) {
.content-landing.podcast {
font-size: 18px;
}
}
.content-landing.podcast h1 {
font-size: 3em;
color: #FFF;
font-weight: bold !important;
}
.content-landing.podcast h2 {
font-size: 1.6em;
color: #FFF;
font-weight: normal !important;
}
.content-landing.podcast h3 {
font-size: 1.3em;
letter-spacing: 2px;
text-transform: uppercase;
color: #FFF;
}
.content-landing.podcast .uk-section-default {
background-color: transparent;
}
.content-landing.podcast .hero-podcast {
min-height: 960px;
}
.content-landing.podcast .hero-podcast h3 {
color: #59335E;
mix-blend-mode: multiply;
}
.content-landing.podcast .hero-podcast > .uk-section {
min-height: 960px;
display: flex;
padding: 0;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container {
margin-top: 20%;
color: #FFF;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container .wrapper-brand-podcast {
margin-top: 20%;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container .wrapper-brand-podcast .content-brand-podcast {
margin-top: 20px;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container .wrapper-brand-podcast .content-brand-podcast > div {
display: flex !important;
flex-wrap: wrap;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container .wrapper-brand-podcast .content-brand-podcast > div .uk-margin {
margin: 0 !important;
}
.content-landing.podcast .hero-podcast > .uk-section > .uk-container .wrapper-brand-podcast .content-brand-podcast > div .uk-margin img {
height: 50px;
width: auto;
margin-right: 20px;
}
.content-landing.podcast .section-list-puntante-podcast {
background: linear-gradient(321deg, #794971 0%, #3b1e4b 100%);
position: relative;
transform-origin: bottom left;
transform: skewY(-3deg);
margin-bottom: -65px;
}
@media (min-width: 991px) {
.content-landing.podcast .section-list-puntante-podcast {
margin-top: 50px;
}
}
.content-landing.podcast .section-list-puntante-podcast > .uk-container {
padding-top: 60px;
padding-bottom: 60px;
transform-origin: bottom left;
transform: skewY(3deg);
}
.content-landing.podcast .section-list-puntante-podcast::after {
position: absolute;
content: "";
width: 100%;
height: 75px;
bottom: 0;
left: 0;
background-color: white;
z-index: 1;
transform-origin: bottom left;
transform: skewY(3deg);
}
.podcast-header {
background: linear-gradient(-90deg, #988896 0%, #5B5161 70%);
color: #ffffff;
position: relative;
padding-bottom: 50px;
font-size: 18px;
}
.podcast-header::after {
position: absolute;
content: "";
width: 100%;
height: 100px;
bottom: -100px;
left: 0;
background: linear-gradient(-90deg, #988896 0%, #5B5161 70%);
transform-origin: bottom left;
transform: skewY(-3deg);
z-index: 1;
}
.podcast-header a {
color: #ffffff;
}
.podcast-header .podcast-header-container .podcast-detail-header .breadcrumb-container {
padding-top: 20px;
}
.podcast-header .podcast-header-container .podcast-detail-header .breadcrumb-container ul::before {
color: white !important;
content: "Sei in:";
white-space: nowrap;
padding-right: 10px;
}
.podcast-header .podcast-header-container .podcast-detail-header .breadcrumb-container ul {
padding-left: 0;
text-indent: 0 !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.podcast-header .podcast-header-container .podcast-detail-header .breadcrumb-container ul > li:not(:last-child)::after {
color: white !important;
content: " > ";
padding-left: 5px;
padding-right: 5px;
}
.podcast-header .podcast-header-container .podcast-detail-header .breadcrumb-container ul > li::before {
content: none !important;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-head-container {
border-bottom: 1px solid #ffffff;
padding-bottom: 30px;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-head-container .podcast-episode-title {
font-weight: bold;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-head-container .podcast-title {
margin-bottom: 0;
}
.podcast-header .podcast-header-container .podcast-detail-header .row {
display: flex;
flex-wrap: wrap;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-image-container {
padding-top: 30px;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-image-container img {
margin: 0;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-text-container {
padding-top: 30px;
display: flex;
flex-direction: column;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-text-container .description {
flex-grow: 1;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-text-container .tag-container {
display: flex;
flex-wrap: wrap;
font-weight: 600;
z-index: 2;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-text-container .tag-container p {
text-transform: uppercase;
margin: 0 5px 0 0;
}
.podcast-header .podcast-header-container .podcast-detail-header .podcast-text-container .tag-container p.tag {
text-decoration: underline;
}
.podcast-puntata {
background-color: #452D4C;
color: #ffffff;
position: relative;
padding-bottom: 100px;
padding-top: 150px;
font-size: 18px;
}
.podcast-puntata a {
color: #ffffff;
}
.podcast-puntata::after {
position: absolute;
content: "";
width: 100%;
height: 100px;
bottom: 0px;
left: 0;
background-color: #452D4C;
transform-origin: bottom left;
transform: skewY(3deg);
z-index: 1;
}
.podcast-puntata .puntata-container h3 {
font-weight: 600;
text-transform: uppercase;
}
.podcast-puntata .puntata-container iframe {
width: 100% !important;
}
.podcast-puntata .puntata-social-container h4 {
font-weight: 600;
text-transform: uppercase;
}
.podcast-puntata .puntata-social-container .share .container-social-share {
display: flex;
flex-wrap: wrap;
}
.podcast-puntata .puntata-social-container .share .container-social-share .share-wrap-button {
margin-right: 10px;
}
.podcast-puntata .puntata-social-container .share .container-social-share .share-wrap-button .social-network span {
background: #ffffff;
border-radius: 50%;
padding: 5px 5px;
color: #452D4C;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
.podcast-puntata .puntata-social-container .share .container-social-share .share-wrap-button .social-network span:hover {
opacity: 0.8;
}
.podcast-puntata .puntata-social-container .share .container-social-share .share-wrap-button .social-network:not(:before) {
display: none;
}
.podcast-puntata .puntata-social-container .share .container-social-share .share-wrap-button .social-network:hover {
text-decoration: none;
}
.podcast-puntata .puntata-social-container .socialshared-dropdown > a {
border-radius: 50%;
padding: 5px 5px;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.podcast-puntata .puntata-social-container .socialshared-dropdown > a span {
padding: 5px;
}
.podcast-puntata .puntata-social-container .socialshared-dropdown .dropdown-menu {
min-width: 120px;
}
.podcast-puntata .puntata-social-container .socialshared-dropdown .dropdown-menu .container-social-share .share-wrap-button .social-network {
text-decoration: none;
font-size: 18px;
}
.podcast-puntata .puntata-social-container .socialshared-dropdown .dropdown-menu .container-social-share .share-wrap-button .social-network:hover {
text-decoration: underline;
}
.podcast-puntata .puntata-social-container .share-list {
padding-left: 0;
text-indent: 0 !important;
display: flex;
flex-direction: row;
}
.podcast-puntata .puntata-social-container .share-list > li {
margin-right: 10px;
}
.podcast-puntata .puntata-social-container .share-list > li::before {
content: none !important;
}
.podcast-puntata .puntata-social-container .share-list > li a span {
background: #ffffff;
border-radius: 50%;
padding: 5px 5px;
color: #452D4C;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
.podcast-puntata .puntata-social-container .share-list > li a span:hover {
opacity: 0.8;
}
.podcast-puntata .puntata-social-container .share-list > li a:hover {
text-decoration: none;
}
.podcast-puntata .puntata-social-container .like-container {
display: flex;
align-items: center;
}
.podcast-puntata .puntata-social-container .like-container.widget-body-content .container-like .btn {
padding: 6px 3px;
text-transform: none;
color: inherit;
background-color: transparent;
}
.podcast-puntata .puntata-social-container .like-container .like-icon {
margin-right: 10px;
color: #ffffff;
}
.podcast-puntata .puntata-social-container .like-container .like-icon:hover {
color: #ffffff;
}
.podcast-puntata .puntata-social-container .like-container span {
font-weight: 600;
}
.podcast-puntata .puntata-social-container .external-podcast {
margin-top: 50px;
}
.podcast-puntata .puntata-social-container .external-podcast .external-link-podcast {
display: flex;
flex-direction: column;
padding-left: 0;
text-indent: 0 !important;
}
.podcast-puntata .puntata-social-container .external-podcast .external-link-podcast > li::before {
content: none !important;
}
.podcast-puntata .puntata-social-container .external-podcast .external-link-podcast > li img {
height: 50px;
}
.podcast-puntata .puntata-info-container {
margin-top: 30px;
}
.podcast-other-episodes {
background: linear-gradient(-90deg, #988896 0%, #5B5161 70%);
padding-top: 75px;
color: #ffffff;
/*a {
color: contrast(#5B5161);
} */
}
.podcast-other-episodes h3 {
font-weight: 600;
}
.podcast-other-episodes .podcast-item-container {
/* border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; */
}
.podcast-other-episodes .podcast-item-container .container-info .link-list-title {
/* h4 {
color: contrast(#5B5161);
} */
}
@media (max-width: 767px) {
.podcast-other-episodes .podcast-item-container .container-info .link-list-title {
margin-top: 10px;
}
}
/* .content.content-landing { */
.podcast-list .list-view {
display: flex;
flex-wrap: wrap;
margin-left: -15px !important;
margin-right: -15px !important;
padding: 15px 0;
color: white;
width: 100% !important;
}
.podcast-list .list-view a {
color: white !important;
}
.podcast-list .list-view > div {
width: 100%;
padding: 0 15px;
background-color: transparent;
max-height: none;
}
.podcast-list .list-view > div .podcast-item-container {
margin-top: 16px;
margin-bottom: 16px;
padding: 16px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.podcast-list .list-view > div .podcast-item-container.row {
display: flex;
flex-wrap: wrap;
}
.podcast-list .list-view > div .podcast-item-container .container-img a img {
margin: 0;
}
.podcast-list .list-view > div .podcast-item-container .container-info {
display: flex;
flex-direction: column;
font-size: 18px;
}
.podcast-list .list-view > div .podcast-item-container .container-info .link-list-title {
margin-bottom: 0;
margin-right: 16px;
text-decoration: underline;
width: max-content;
}
@media (max-width: 767px) {
.podcast-list .list-view > div .podcast-item-container .container-info .link-list-title {
margin-top: 10px;
}
}
.podcast-list .list-view > div .podcast-item-container .container-info .link-list-title:hover {
opacity: 0.8;
color: inherit;
}
.podcast-list .list-view > div .podcast-item-container .container-info .link-list-title .title-one-line {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.podcast-list .list-view > div .podcast-item-container .container-info .link-list-title h4 {
font-weight: bold;
margin: 0;
color: white;
}
.podcast-list .list-view > div .podcast-item-container .container-info .h3 {
margin-top: 0;
margin-bottom: 15px;
}
.podcast-list .list-view > div .podcast-item-container .container-info .podcast-description {
display: flex;
align-items: flex-end;
margin-bottom: 0;
}
/* } */