/**
 * @file
 * Styles for system messages.
 */

.messages {
  background: no-repeat 10px 17px;  /* LTR */
  border: 1px solid;
  border-width: 1px 1px 1px 0;  /* LTR */
  border-radius: 2px;
  padding: 15px 20px 15px 20px; /* LTR */
  word-wrap: break-word;
  overflow-wrap: break-word;
}
[dir="rtl"] .messages {
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
  padding-left: 20px;
  padding-right: 35px;
  text-align: right;
}
.messages + .messages {
  margin-top: 1.538em;
}
.messages__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.messages__item + .messages__item {
  margin-top: 0.769em;
}
/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
  box-shadow: -8px 0 0 #77b259; /* LTR */
}
[dir="rtl"] .messages--status {
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
  margin-left: 0;
}
/* See .color-warning in Seven's colors.css */
.messages--warning {
  background-color: #fdf8ed;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;  /* LTR */
  color: #734c00;
  box-shadow: -8px 0 0 #e09600; /* LTR */
}
[dir="rtl"] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}
/* See .color-error in Seven's colors.css */
.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;  /* LTR */
  box-shadow: -8px 0 0 #e62600; /* LTR */
}
[dir="rtl"] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}
.messages--error p.error {
  color: #a51b00;
}


/*FORM*/

/**
 * @file
 * Visual styles for form components.
 */

form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table .field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
  padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: .5em; /*LTR*/
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: 0;
  padding-left: .5em;
}
form .field-add-more-submit {
  margin: .5em 0 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 0.85em;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-composite > legend,
.label {
  display:inline;
  font-size: inherit;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em; /* LTR */
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  margin-left: 0;
  margin-right: 2.4em;
}
.marker {
  color: #e00;
}
.form-required:after {
  content: '';
  vertical-align: super;
  display: inline-block;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}
abbr.tabledrag-changed,
abbr.ajax-changed {
  border-bottom: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/* Inline error messages. */
.form-item--error-message:before {
  content: '';
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: sub;
  background: url(../../../../misc/icons/e32700/error.svg) no-repeat;
  background-size: contain;
}


/*TABS*/

div.tabs {
  margin: 1em 0;
}
ul.tabs {
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-left: 0.3em;
  margin-right: 0;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
.tabs a.is-active {
  background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5;
}




/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/
/*XTRA LITE RULES FOR xlite theme*/

/*GENERAL*/

/*The line below is needed because of bootstrap*/
html, body {
  font-size: 16px;
}

/*allow the content editors to use the class "img-fluid"*/
.img-fluid{
  max-width:100%;
}

/*make the col-lg-9 825px wide to use the Selectra's standard header images (825px wide)*/
@media (min-width: 1200px){
  .container {
      max-width: 1140px;
  }
}

/*PAGE*/

#wrapper{
  margin: 15px 0;
}

#wrapper .content h1{
  margin-top: 0;
  margin-bottom: .5em;
}

.content article .comment-submitted{
  margin: 0 0 1.5rem;
  font-size: .875rem;
  color: #444;
  float:right;
}

.content .node__content .intro{
  font-size: 16px!important;
  margin-top: 1.5rem;
}

/*BREADCRUMBS*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
  font-size: 11px;
  margin-bottom: 1rem;
}

.breadcrumb ul{
  padding: 0;
  margin: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/*HOMEPAGE*/
/* Triple element */

.homepage__triple-element{
  display: block;
}
.homepage__triple-element-element{
  margin: 16px 0;
}

.homepage__triple-element-image-container{
  width: 50%;
  margin: 0 25%;
}
.homepage__triple-element-image-container img{
  width: 100%;
}
.homepage__triple-element-element a{
  margin-top: 16px;
}

@media only screen and (min-width:768px){
  .homepage__triple-element{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
  }
  .homepage__triple-element-element{
    width: 30%;
  }
  .homepage__triple-element-image-container{
    width: 100%;
    margin: 0;
  }
  .homepage__triple-element-image-container,
  .homepage__triple-element-button-container{
    display:block;
  }
  .homepage__triple-element-element img{
    width: 80%;
    margin: 0 10%;
  }
}

/*Guide cards*/
.homepage__guide-card{
  padding: .75rem;
  border: 1px solid #d8e6ea;
  border-radius: .125rem;
  box-shadow: 0 1px 2px 0 rgba(2,16,20,.24);
  margin-bottom: 2rem;
  height: 64px;
}

.homepage__guide-card .card-title{
  color: #12a6d0;
  margin: 0;
  font-family: 'Trebuchet MS',sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}

.homepage__guide-card .card-link__img-container{
  position: absolute;
  right: 15px;
  top: 0;
  z-index: -1;
  filter: grayscale(100%);
}

a.card-hover:hover{
  text-decoration: none;
}

a.card-hover:hover .homepage__guide-card .card-link__img-container{
  filter: none;
  transition: ease-in-out .32s;
}

.homepage__guide-card:hover{
  border-color: #f5a422;
  transition: ease-in-out .32s;
}

/* Liste liens */
/* Card style list */
.contenu__liste-liens{
  padding: .75rem;
  border: 1px solid #d8e6ea;
  border-radius: .125rem;
  box-shadow: 0 1px 2px 0 rgba(2,16,20,.24);
  margin-bottom: 2rem;
  overflow: auto;
}

.contenu__liste-liens .title{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  margin: 0 0 12px;
  font-size: 1.5rem;
  font-weight: 800;
  color: #0f88aa;
}

.contenu__liste-liens ul li a{
  margin-left: -.25rem;
}

[id$="area"] .contenu__liste-liens .image-box.left{
  margin: -12px 12px -12px -12px;
}
[id$="area"] .contenu__liste-liens .image-box.right{
  margin: -12px -12px -12px 12px;
}
[id$="area"] .contenu__liste-liens ul{
  padding-left:0;
}

/*BLOCKS*/
/* Higlighted blocks */
/* Remove margin-top for action boxes in highlighted region */
.region-highlighted .action-box{
  margin-top: 0;
}

/*Sidebar Blocks*/
/*Right sidebar is hidden when on devices (<992px)*/
.region-sidebar-first {
  display: none;
}

@media (min-width:992px) {
  .region-sidebar-first {
      display: block;
  }
}

.sidebar .search-block-form input{
  width: 100%;
}

.sidebar .action-box:first-child{
  margin-top: 0;
}

.sidebar .xlite-block-title{
  font-family: 'Trebuchet MS', sans-serif;
  display: block;
  background: #12a6d0;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 800;
  margin: -.75rem -.75rem 1rem;
  text-align: center;
}

.region-content .xlite-block-title{
  margin-top: 1rem;
  margin-bottom: .875em;
  font-size: 1.75rem;
  font-family: 'Trebuchet MS',sans-serif;
  font-weight: inherit;
  line-height: 1.3;
  color: #0f88aa;
}

.sidebar .xlite-list-title{
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0f88aa;
  margin: 8px 0 -10px;
}

.aside-nav-block__li--green{
  color:#3bb24c;
}

.region-sidebar-first .block-views{
  padding: .75rem;
  margin-bottom: 32px;
  border: 1px solid #d8e6ea;
  border-radius: .125rem;
  box-shadow: 0 1px 2px 0 rgba(2,16,20,.24);
}

.region-sidebar-first .views-field-title{
  font-weight: 500;
  font-size: 1rem;
}

.region-sidebar-first .views-field-title a:hover{
  color: #0f88aa;
}

/*VIEWS*/
/* Card style */
.views-col-card{
  padding: 16px;
  margin-bottom: 32px;
  border: 1px solid #d8e6ea;
  border-radius: .125rem;
  box-shadow: 0 1px 2px 0 rgba(2,16,20,.24);
}

.views-col-card:hover{
  border-color: #f5a422;
  transition: ease-in-out .32s;
}

.views-view-grid.horizontal.cols-2 .views-col{
  width:48%
}

.views-field-title{
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.views-field-field-metadescription,
.views-field-field-meta-description{
  font-size:1rem;
}

.views-field-title a:hover{
  text-decoration:none;
}

.views-field-created{
  margin: .5rem 0 1.5rem;
  font-size: .875rem;
  color: #444;
}

[id$="area"] .action-box.aside ul{
  padding-left:0;
}
/* Aside menu styling (intended for Fornitori) */

[id$="area"] ul.aside-nav-block__fornitori{
  margin: -1rem -.75rem -.75rem;
  padding: 0;
}
[id$=area] ul.aside-nav-block__fornitori li{
  margin: 0;;
}

.aside-nav-block__fornitori li{
  list-style-type: none;
  padding: .25rem .75rem;
}

.aside-nav-block__fornitori li:not(:last-child){
  border-bottom: 1px solid #12a6d0;
}

.aside-nav-block__fornitori .menu-item--collapsed a{
display: flex;
justify-content: space-between;
}

.aside-nav-block__fornitori .menu-item--collapsed a::after{
  content: "+";
}

.aside-nav-block__fornitori li:hover{
  background-color: #d0edf6;
}

.aside-nav-block__fornitori li a:hover{
  text-decoration:none;
}

.aside-nav-block__fornitori .menu-item--expanded li.menu-item{
  border: none;
  margin: 0 -.75rem 0 -1.75rem;
  padding-left: 1.75rem;
}

.aside-nav-block__fornitori .menu-item--expanded .is-active{
  font-weight: 700;
}

.aside-nav-block__fornitori .menu-item--active-trail{
  background-color: #d0edf6;
}

.aside-nav-block__fornitori .menu-item--active-trail ul li:hover{
  background-color: #e7f6fa;
}


/* Directory stuff */
.many_buttons .btn{
  margin: 0 6px 10px 0;
}

/* Temporal fix: icon classes not in the MEP anymore */
[id$=area] .icon-16.icon-left {
  margin-right: 8px;
}
[id$=area] .icon-16.icon-right {
  margin-left: 8px;
}
[id$=area] .icon-16 {
  width: 16px;
  height: 16px;
}
[id$=area] .icon-48.icon-left {
  margin-right: 24px;
}
[id$=area] .icon-48.icon-right {
  margin-left: 24px;
}
[id$=area] .icon-48 {
  width: 48;
  height: 48;
}
@media (min-width: 992px) {
  .col-md-9 {
    width: 75%;
  }
}