/*
Theme Name: Studio Legale Giacomelli Bianconi
Theme URI:
Author: Alessandro Bella
Author URI:
Description: Starter Theme with Font Awesome and Bootstrap 4.3
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: studiogb

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  /* color: #5D6F7D; */
  color: #333;
  padding-top: 109px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}
.main-content {flex: 1;}

a {
  color: #0060a7;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0060a7;
  text-decoration: underline;
}

.letters a{
  color:#fff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.letters a:hover{
  color:#fff;
  text-decoration: underline;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    font-size: 13px;
    list-style: none;
    background-color: #f3f3f3;
    border-radius: .25rem;
}

.breadcrumb {
    width: max-content;
}

/* Utilities
------------------------------------------------------- */

.wp-block-media-text>figure>img, 
.wp-block-media-text>figure>video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
    height: auto;
}

.wrap-maps-google {
    width: 100%;
    height: 350px;
}

.seo-title{
  position: absolute;
  top:-1000px;
}

.bg-white-opacity-9 {background-color: rgba(255, 255, 255, 0.9)!important;}

.desc-areeattivita p {word-break: break-word;}
.desc-areeattivita ul {list-style: none;}
.desc-areeattivita ul li::before {
  content: "\2022";
  color: #0060A7!important;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.font-playfair{font-family: 'Playfair Display', serif;}
.padding-box{padding: 3rem;}
.title-letter-spacing{letter-spacing: 2px;}

.f-s-08 {font-size: 0.8rem;}
.f-s-1 {  font-size: 1rem;}
.f-s-12 {  font-size: 1.2rem;}
.f-s-15 {  font-size: 1.5rem;}
.f-s-18 {  font-size: 1.8rem;}
.f-s-2 {  font-size: 2rem;}
.f-s-25 {  font-size: 2.5rem;}
.f-s-3 {  font-size: 3rem;}
.f-s-35 {  font-size: 3.5rem;}
.f-s-4 {  font-size: 4rem;}
.f-s-44 {  font-size: 4.4rem;}
.f-s-5 {  font-size: 5rem;}
.f-s-6 {  font-size: 6rem;}
.f-s-7 {  font-size: 7rem;}
.f-s-8 {  font-size: 8rem;}
.f-s-9 {  font-size: 9rem;}
.f-s-10 {  font-size: 10rem;}
.w-40 {  width: 40%;}

.icon-category {
  width: 55px;
  border-radius: 50%;
  position: absolute;
  z-index: 999;
  top: -20px;
  right: 10px;
  background: #ffffff;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-page{  font-size: 3rem;padding: 10px 20px;display: inline;}

.border-primary { border-color: #0060A7!important;}

.icon-fontawesome .fas,
.icon-fontawesome .fab,
.icon-fontawesome .far {
  /* font-size: 14px; */
  width: 25px;
  text-align: center;
  text-indent: -13px;
}

.font-weight-light {
  font-weight: 100!important;
}

.fb_iframe_widget {
  display: inline-block;
  position: relative;
  margin-top: 2rem;
}

.fb-page.fb_iframe_widget{
  margin-top: 0rem;
}



.bg-gradient-grayLight{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,f2f2f2+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(242,242,242,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(242,242,242,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(242,242,242,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6f2f2f2',GradientType=0 ); /* IE6-9 */

}

.bg-gradient-grayLight-reverse {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(242,242,242,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,242,242,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,242,242,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f2f2f2', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


/* navabar social - form-search
------------------------------------------------------- */
.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  width: 75px;
}
.nav-link {
  text-transform: uppercase;
  font-size: 14px;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.5);
  font-weight: 500;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #0060A7;
  font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0, 96, 167);
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #0060a7;
  border-radius: 0;
}
.dropdown-item {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #006aaf;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0060a7;
}

.navbar-social a {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 10px;
}

.icon-search {
  color: #fff!important;
  background: transparent;
  border: none;
  font-size: 22px;
  margin-right: 10px;
}

.form-search .form-control {
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0.4);
  background-clip: padding-box;
  border: 0px solid #ced4da;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
  border-radius: 0;
}

.nav-border-bottom{border-bottom: 8px solid #0060A7;}

.form-search .input-group {
  border: 1px solid #b9b9b9;
  padding: 2px;
  border-radius: 50px;
}

.form-search .input-group>.input-group-append>.btn{
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
	align-items: center;
}


.info-address .fas, .info-address .fab {width: 25px;text-align: center;}
.info-address p{font-size: 15px;}





/* background
------------------------------------------------------- */
.bg-primary {
  background-color: #0060A7!important;
}
.bg-primary-gradient {
  background: #edecdc;
  background: -moz-linear-gradient(top, #edecdc 0%, #d4d2c5 100%);
  background: -webkit-linear-gradient(top, #edecdc 0%, #d4d2c5 100%);
  background: linear-gradient(to bottom, #edecdc 0%, #d4d2c5 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#edecdc', endColorstr='#d4d2c5', GradientType=0);
}
.bg-secondary {
  background-color: #404041!important;
}
.bg-info {
  background-color: #701C45!important;
}
.bg-input-newsletter{
  background-color: #ecece3!important;
}
.bg-gradient-info {
  background: linear-gradient(-45deg, #380e23, #701c45, #a11559, #380e23);
  /*background-size: 400% 400%;*/
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  background-size: cover;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}


.bg-bar-studiogb{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0060A7+0,005cb8+100 */
  background: #0060A7; /* Old browsers */
  background: -moz-linear-gradient(top,  #0060A7 0%, #0060A7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #0060A7 0%,#0060A7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #0060A7 0%,#0060A7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060A7', endColorstr='#0060A7',GradientType=0 ); /* IE6-9 */
  height: 10px;
}

.text-primary{
  color:#0060A7!important;
}
.text-secondary {
  color: #575756!important;
}

.btn-primary {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}

.cover-1 {
  background: url(../images/cover-home2.png);
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: center bottom;*/
  background-position: 50% 50%;
}

/* .social li a {font-size: 1.8rem;} */
.social a{color: #fff;transition: 0.9s;}
.social a:hover{
  color: #701c45;
  background: none;
  transform:rotateY(360deg);
}

.btn-light {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}

.btn-light:hover {
  color: #ffffff;
  background-color: #701c45;
  border-color: #701c45;
}

.btn-blue {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}

.btn-blue:hover {
  color: #ffffff;
  background-color: #701c45;
  border-color: #701c45;
}


.btn-outline-primary {
  color: #0060A7;
  border-color: #0060A7;
  /* padding: 10px 35px; */
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0060A7;
  border-color: #0060A7;
}


/* Homepage Slogan
------------------------------------------------------- */
.slogan p{
  font-size: 1.25rem;
  font-weight: 300;
  color: #f8f9fa!important;
}

p.text-slogan,
h2.text-slogan {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 44px;
  /*width: 55vw;*/
  z-index: 999999;
  padding: 1rem 2rem;  
	background-color: rgba(0, 96, 167, 1);
  box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
  color: #fff;
}

.text-slogan p,
.text-slogan h2{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 44px;
  /*width: 55vw;*/
  z-index: 999999;
  padding: 1rem 2rem;  
	background-color: rgba(0, 96, 167, 1);
  box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
  color: #fff;
}


blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

.btn-link {
    font-weight: 400;
    color: #0060a7;
    background-color: transparent;
}

/* skillCard
------------------------------------------------------- */
.skillCard h5 {
  color: #701C45;
}

/* h3{color:#B3B19E;}
h3::before {
content: "";
display: block;
width: 50px;
height: 4px;
margin-bottom: 10px;
background: #380e23;
background: -moz-linear-gradient(left, #380e23 0%, #701c45 100%);
background: -webkit-linear-gradient(left, #380e23 0%, #701c45 100%);
background: linear-gradient(to right, #380e23 0%, #701c45 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#380e23', endColorstr='#701c45', GradientType=1);
transition: .5s;
} */

/* About Us
------------------------------------------------------- */

.title-head {
  width: 100%;
  margin: 50px 0 50px;
  position: relative;
  clear: both;
  display: block;
  z-index: 1;
  text-align: center;
  /* text-transform: uppercase; */
}
.title-head h1, .title-head h2, .title-head h3 {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  color: #0060A7;
  /* background: -webkit-linear-gradient( #35a4ec , #0060A7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.title-head h1:before,
.title-head h2:before,
.title-head h3:before {left: -90px;}
.title-head h1:after,
.title-head h2:after,
.title-head h3:after {right: -90px;}
.title-head h1:after,
.title-head h2:after,
.title-head h3:after,
.title-head h1:before,
.title-head h2:before,
.title-head h3:before {
  position: absolute;
  content: '';
  width: 80px;
  height: 0;
  border-bottom: 2px solid;
  top: 50%;
  /*opacity: 0.4;
  filter: alpha(opacity=40);*/
}

.desc-chisiamo p{
  /* font-size: 1.2rem; */
  /* font-weight: 100!important; */
  margin-top: 3rem;
}


.col-comunicazione {
  /* width: 30%; */
  word-break: break-word;
  /* margin-top: 2rem; */
  background: #efefec;
  border: 1px solid #5b707c;
  /* float: left; */
  margin-right: 10%;
  padding: 20px;
  -webkit-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  -moz-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
}

.col-eventi {
  /* width: 60%; */
  word-break: break-word;
  /* margin-top: 2rem; */
  background: #c4ced4;
  border: 1px solid #5b707c;
  /* float: left; */
  padding: 20px;
  -webkit-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  -moz-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
}

.what ul {
  list-style: none;
  padding-left: 0;
}
.what ul li {
  padding-bottom: 40px;
  position:relative
}
.what ul li h5 {
  border: 1px solid black;
  text-align: center;
  margin-right: 10px;
  text-transform: uppercase;
  background:#efefec;
  border:1px solid #5b707c;
  padding: 20px;
  -webkit-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  -moz-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
}
.what ul li h5:before{
  content:'';
  position:absolute;
  border-left:1px solid ;
  left:50%;
  bottom:0;
  z-index:-1;
  height:100%
}
.what ul li:last-child h5:before{
  content:none;
}
.what ul li:last-child{
  padding-bottom:0
}

.what2 ul {
  list-style: none;
  padding-left: 0
}
.what2 ul li {
  padding-bottom: 40px;
  position:relative
}
.what2 ul li h5 {
  border: 1px solid black;
  text-align: center;
  margin-right: 10px;
  text-transform: uppercase;
  background:#c4ced4;
  border:1px solid #5b707c;
  padding: 20px;
  -webkit-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  -moz-box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
  box-shadow: 5px 10px 20px -6px rgba(0,0,0,0.35);
}
.what2 ul li h5:before{
  content:'';
  position:absolute;
  border-left:1px solid ;
  left:50%;
  bottom:0;
  z-index:-1;
  height:100%
}
.what2 ul li:last-child h5:before{
  content:none;
}
.what2 ul li:last-child{
  padding-bottom:0
}

li.leafww {
  background: url(./img/check-solid-studiogb.svg) no-repeat left top;
  background-position: 0px 40px;
  background-size: 15%;
  height: auto;
  padding-left: 120px;
  padding-top: 42px;
  padding-bottom: 15px;
  font-size: 1.2rem;
  color: #5d6f7d;
  text-align: left;
  word-break: break-word;
}

/* Button
------------------------------------------------------- */
.btn-outline-secondary {
  color: #fff;
  background-color: #701c45;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #a01b5c;
  border-color: #6c757d;
}

.partners img {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.partners img:hover {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

/* pagination
-------------------------------------------------------- */
.pagination{margin-bottom:40px}
.page-numbers{display: inline-block;padding: 10px 15px;border: 1px solid #ddd;margin-right:4px;}
.pagination span.current{background: #0060a7;color: #fff;}



.bg-icon-cat{
  background: rgba(255, 255, 255, 0.8);
  font-size: 3rem;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

/* Fondatori
------------------------------------------------------- */
.desc-fondatori h4{
  color: #0060A7;
}

/* Collaboratori
------------------------------------------------------- */
.desc-collaboratori h5{
  color: #0060A7;
}


/* EVENTI NEWS
------------------------------------------------------- */

.eventi_news figure {
  /* max-height: 200px;
  min-height: 200px; */
  max-height: 125px;
  min-height: 125px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 20px!important;
}
.eventi_news figure img,
.eventi_news figure:before,
.eventi_news figure:after {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.eventi_news figure:before,
.eventi_news figure:after {
  background-color: #fff;
  content: '';
  opacity: 0;
  position: absolute;
  z-index: 1;
  transform: translate( -50%, -50% );
  -webkit-transform: translate( -50%, -50% );
}
.eventi_news figure:before {left: 0;height: 1px;width: 60px;}
.eventi_news figure:after {height: 60px;top: 100%;width: 1px;}
.eventi_news figure a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.eventi_news figure:hover img {opacity: 0.5;transform: scale( 1.2 );}
.eventi_news figure:hover:before,
.eventi_news figure:hover:after {left: 50%;opacity: 1;top: 50%;}



/* Section Icon Menu mobile
-------------------------------------------------------- */
#nav-icon1 {
  width: 20px;
  height: 20px;
  border: 0;
  position: relative;
  margin-right: 10px;
  outline: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #006aaf;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {  top: 0px;}
#nav-icon1 span:nth-child(2) {  top: 9px;}
#nav-icon1 span:nth-child(3) {  top: 18px;}
#nav-icon1.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Comments
-------------------------------------------------------- */
#comments{margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label{ min-width: 80px;}
.comments ul,
.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px; width:50px;}
.comment .reply{border-bottom:  1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;}
#comments .submit {
  background: #0060a7;
  padding: 1rem;
  color: #ffffff;
  border: 1px solid #0060a7;
}
#comments .comment-form-cookies-consent label{
  margin: 10px 12px;
  font-size: 14px;
}

/* Input & textarea
-------------------------------------------------------- */
input,
textarea{padding: 5px 10px; border: 1px solid #ccc;font-size: 14px;}
select#archives-dropdown-2{border-color: #e0e0e0;padding: 0.5rem;width: 100%;}

::placeholder {
  color: rgba(93, 111, 125, 0.5)!important;
  opacity: 1; /* Firefox */
}

input::-webkit-input-placeholder {
  color: rgba(93, 111, 125, 0.5)!important;
}

input::-moz-placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

input:-ms-input-placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

input::placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

textarea::-webkit-input-placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

textarea::-moz-placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

textarea:-ms-input-placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

textarea::placeholder {
  color: rgba(93, 111, 125, 0.5) !important;
}

/* WIDGET
-------------------------------------------------------- */
.widget_search .screen-reader-text{display: block;}
.widget_search #s{width:60%;float:left;background: #f5f5f5;border: 0px solid #ccc;padding: 10px;}
.widget_search #searchsubmit{width:40%;float:left;background: #0060a7;color: #fff;border: 0px solid #ccc;padding: 10px;}

.widget {
  float: left;
  margin: 0px 0 30px 0;
  width: 100%;
}
.widget h3 {
  margin: 0 0 10px 0;
  color: #0060a7;
font-size: 20px;
  /* text-transform: uppercase; */

  /* font-size: 18px; */
}
.widget ul {
  padding: 0;
}
.widget ul li {
  list-style-type: none;
}
.widget a {
  display: block;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #eee;
  color: #333;
}
.widget a:hover{
  color: #0060a7;
}


/* footer
------------------------------------------------------- */
.footer{padding: 2rem 0px;}
.footer ul>li>a {color:#fff;font-size: 10px;}
.footer ul>li>a:hover {color:#fff;font-size: 10px;text-decoration: underline;}
.footer p{color:#fff;font-size: 12px;}
.footer__menu{padding: 0;	list-style-type: none;}
.footer__menu li{display: inline-block;	}
.footer__menu li a{padding: 0 10px 0 0;	}
.footer__menu a{color: #fff;}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


/* ================================================ */
/*              MEDIA QUERIES                       */
/* ================================================ */

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

}


/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	
	.text-slogan p, .text-slogan h2 {
		font-size: 1.2rem;
        font-weight: 700;
        line-height: 25px;
		z-index: 999999;
		padding: 1rem 2rem;
		background: rgba(0, 106, 175);
		box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
		color: #fff;
	}
	

}


/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  .eventi_news figure {
    max-height: 130px;
    min-height: 130px;
    background: #701c45;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
  }
	.text-slogan p, .text-slogan h2 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 30px;
    /* width: 55vw; */
    z-index: 999999;
    padding: 1rem 2rem;
    background: rgba(0, 106, 175);
    box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
    color: #fff;
}

p.text-slogan, h2.text-slogan {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px;
    /* width: 55vw; */
    z-index: 999999;
    padding: 1rem 2rem;
    background: rgba(0, 106, 175);
    box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
    color: #fff;
}

}


/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}


/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {



}


/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 480px
*/

@media (min-width: 320px) and (max-width: 480px) {
	
	body{font-size:font-size: 14px;}
  
  .display-4 {
    font-size: 2rem;
    line-height: 1.2;
  }
  li.leafww {
    background: url(./img/check-solid-studiogb.svg) no-repeat left top;
    background-position: -20px 40px;
    background-size: 30%;
    height: auto;
    padding-left: 55px;
    padding-top: 32px;
    padding-bottom: 15px;
    font-size: 1rem;
    color: #5d6f7d;
    text-align: left;
    word-break: break-word;
  }
  .bg-icon-cat {
    background: rgba(255, 255, 255, 0.9);
    font-size: 2rem;
    padding: 10px 20px;
    display: flex;
    align-items: center;
  }
  .title-page{
    font-size: 2rem;padding: 10px 20px;display: inline;
  }
  .title-head h1,
	.title-head h2,
  .title-head h3 {
    display: inline-block;
    position: relative;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    width: 46%;
    text-align: center;
  }

  .breadcrumb {width: auto;}
  .padding-box{padding: 1.25rem;}

  p.text-slogan,
	h2.text-slogan{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px;
    z-index: 999999;
    padding: 1rem 2rem;
    background: rgba(0, 106, 175);
    box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
    color: #fff;
}

.text-slogan p,
	.text-slogan h2{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 30px;
    /* width: 55vw; */
    z-index: 999999;
    padding: 1rem 2rem;
    background: rgba(0, 106, 175);
    box-shadow: 10px -10px rgba(224, 224, 224, 0.5);
    color: #fff;
}

.mt-mobile {margin-top: 2rem;}
	
	.footer p{color:#fff;font-size: 10px;padding: 2px;}

  #comments .comment-form-cookies-consent label {margin: -24px 24px;font-size: 14px;}
	.f-s-2 {font-size: 1.5rem;}
	
	figure.mt-mobile > img {width:100px;height:100px;}

}


/* if ie10+
----------------------------------------------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* fixes stretched images in cards */
  .card-deck .card {display: block;}

   /* fixes stretched images in cards */
  .card-group .card {display: block;}
  .card-group .card-body {display: block!important;}

  .main-content {flex: none;display: block!important;}
	
	.eventi_news figure {
	  /* max-height: 200px;
	  min-height: 200px; */
	  max-height: 125px;
	  min-height: 125px;
	  display: block;
	  overflow: hidden;
	  position: relative;
	  border-radius: 20px!important;
	}


}