/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/* Insert your own styles in here! */
.social a .icon-s-linkedin:after {
  background: #007BB6;
  background: #007BB6;
}
.social a .icon-s-instagram:after {
  background: #3F729B;
  background: #3F729B;
}
.social a .icon-s-youtube:after {
  background: #bb0000;
  background: #bb0000;
}
.social a .icon-s-vimeo:after {
  background: #47A7EB;
  background: #47A7EB;
}
.social a .icon-mail-1:after {
  background: red;
  background: red;
}
.social a .icon-mail-1:after {
  background: red;
  background: red;
}
.social a .icon-globe:after {
  background: orange;
  background: orange;
}
.tabs-2-big-top.tab-container .panel-container {
  position: relative;
  margin-top: 30px; /* era 80 */
  z-index: 1;
}

.inner-top {
  padding-top: 100px;
}

.inner-top-md {
  padding-top: 80px;
}
 .inner-top-sm {
   padding-top: 60px;
}

.tint-bg h5,
.tint-bg h6 {
  color: #FFF;
}

.owl-carousel .item .text-overlay .info h4,
.items li .text-overlay .info h5,
.thumbs .thumb .text-overlay .info h5,
.owl-carousel .item .text-overlay .info h5,
.items li .text-overlay .info h6,
.thumbs .thumb .text-overlay .info h6,
.owl-carousel .item .text-overlay .info h6 {
  color: #FFF;
  margin-bottom: 2px;
}

.icon-emo-saint:before { content: '\e80e'; }


div.our-tasks > * {
  margin-bottom: 0px;
  list-style-type: disc;
}

.content li {
  list-style-type: disc;
}

.height-lg .circle {
  height: 200px;
  width: 200px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  background: white;
}

.height-md .circle {
  height: 160px;
  width: 160px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  background: white;
}

#hero .circle h1 {
  font-size: 160%;
  color: black;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  line-height: 90%;
  letter-spacing: -1pt;
  text-transform: initial;
}


@media (min-width: 576px) {

  #hero .circle {
    height: 200px;
    width: 200px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
    background: white;
    padding-left: 30px;
    padding-right: 10px;
  }

  #hero .height-lg .circle {
    height: 400px;
    width: 400px;
  }

  #hero .height-md .circle {
    height: 300px;
    width: 300px;
  }

  #hero .circle h1 {
    font-size: 230%;
    color: black;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 90%;
    letter-spacing: -3pt;
    text-transform: initial;
    text-align: left;
  }

  #hero .height-lg .circle h1 {
    font-size: 360%;
  }

  #hero .height-md .circle h1 {
    font-size: 290%;
  }

  #hero .circle a {
    font-size: 140%;
    color: black;
  }
}


#owl-main .caption.vertical-top {
  vertical-align: top;
  padding: 20px;
}

#owl-main .caption.vertical-center {
  vertical-align: middle;
  padding: 20px;
}

#owl-main .caption.vertical-bottom {
  vertical-align: bottom;
  padding: 20px;
}

#owl-main .caption .circle-container {
  display: inline-block;
}

#owl-main .caption.vertical-bottom .circle-container {
  margin-bottom: -50px;
}

#owl-main .caption.vertical-top .circle-container {
  margin-top: -50px;
}

.navbar-brand img {
  display: inline-block;
  height: 50px; /* deve corrispondere a custom.js */
}

.navbar-collapse {
  padding-top: 13px !important;
  padding-bottom: 7px !important;
  border-bottom-width: 0px;
}

#hero h1 {
  text-transform: initial !important;
}


@media (min-width: 992px) {


}

/* Small devices (tablets, 768px and up):  */
@media (min-width: 768px) { 
  div.row.vflex-sm {
    display: flex;
    flex-direction: row;
  }

  div.row.vflex-sm div.col-* {
    display: flex;  align-items: flex-end;  justify-content: center;
  }
}

/* Medium devices (desktops, 992px and up): */
@media (min-width: 992px) { 
  div.row.vflex-md, div.row.vflex-sm {
    display: flex;
    flex-direction: row;
  }

  div.row.vflex-md div.col-*, div.row.vflex-sm div.col-* {
    display: flex;  align-items: flex-end;  justify-content: center;
  }
 }

/* Large devices (large desktops, 1200px and up):  */
@media (min-width: 1200px) { 
  div.row.vflex-lg, div.row.vflex-md, div.row.vflex-sm {
    display: flex;
    flex-direction: row;
  }

  div.row.vflex-lg div.col-*, div.row.vflex-md div.col-*, div.row.vflex-sm div.col-* {
    display: flex;  align-items: flex-end;  justify-content: center;
  }
}


.screen-container-full {
  position: relative;
  width: 100%;
  height: auto !important;
  background: url("../images/screen-container-full.png") no-repeat top / 100%;
  overflow: hidden;
}
.screen-container-full:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.screen-container-full .tab-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4% 12%;
  padding-bottom: 0;
}

.dark-bg.img-bg-soft:before {
  background-color: #2F4052;
  opacity: .87;
}

.tint-bg.img-bg-soft:before {
  opacity: .91;
}

.modal-body-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

*[draft="true"] { 
    border: 5px solid red;
}

.people-role {
  font-weight: initial;
}

.thumbs {
  margin-left: auto;
  margin-right: auto;
}

#testimonials .thumb figure {
  height: 200px; width: 293px; line-height: 200px; text-align: center; padding: 0px 30px; margin: auto;
}
#testimonials .thumb figure .info {
  vertical-align: bottom;
}

#testimonials .thumb figure img {
  vertical-align: middle;
}

.navbar #downloads.dropdown-menu {
    width: auto;
}

.navbar #downloads.dropdown-menu li i.fa {
  margin-right: 5px
}

.post .post-content blockquote:before {
  content: '\275e';
  bottom: 0px;
  box-sizing: border-box;
  display: block;
  font-family: fontello;
  font-size: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.post .post-content blockquote p {
  font-size: 18px;
  padding-right: 35px;
}

.post table td, .post table th {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}


.post table td, .post table th {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}


.post table th {
  font-weight: 600;
}

.post table {
  display: block;
  overflow: auto;
  width: 100%;
  margin-bottom: 18px;
}

.post table  tbody {
  display: table-row-group;
  vertical-align: middle;
  border-top-color: inherit;
  border-right-color: inherit;
  border-bottom-color: inherit;
  border-left-color: inherit;
}

.post table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.post table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.highlight span {
  white-space: pre;
}

#popular-posts .icon-wrapper {
  height: 135px; 
  width: 198px; 
  display: table-cell; 
  vertical-align: middle;
}

#popular-posts .icon {
  font-size: 300%; 
  margin: auto; 
  height: 100%; 
  vertical-align: middle
}

.post ul {
  list-style: initial;
}

#methodology ul {
  list-style: initial !important;
}


@media print {
  header {
    display: none;
  }
  footer {
    display: none;
  }
}

.section-reminder {
  pointer-events: none;
}