/*
Theme Name: SG
Author: Ivan Valvassori
*/

@font-face {
  font-family: 'Seagal-Roman';
  src:url('fonts/Seagal-Roman.woff') format('woff'),
        url('fonts/Seagal-Roman.woff2') format('woff2'),
        url('fonts/Seagal-Roman.eot'),
        url('fonts/Seagal-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/Seagal-Roman.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body,.bg-light{background-color: #0203FB;color: #000000}

/* GENERAL */
a:hover  { text-decoration:none !important;opacity:.6!important }
a{color: #000000!important}
h1,h2,h3,h4 { font-family: 'Seagal-Roman'; }
h1,h2{  font-size:26px;  }
h2{color: #000000;margin-bottom:0!important;text-transform: uppercase;}
li { font-size:26px; font-family: 'Seagal-Roman';}
p { margin-bottom:0;line-height:17px!important; font-size:17px; font-family: 'Seagal-Roman';}


.project{cursor:pointer;}

.project  span.plus{display: inline-block}
.project[aria-expanded="true"] span.plus{display: none!important}

.project  span.minus{display: none}
.project[aria-expanded="true"] span.minus{display: inline-block!important;}

.adjust{height:72px;display: block;content: '';width:100%;}
.navbar-light .navbar-nav .nav-link {  color: rgba(0,0,0,1) }
.attivo{opacity:.8}

@media only screen and (max-width: 425px) {
  a.navbar-brand, .nav-item,h2 { font-weight:normal;letter-spacing:.3px; font-size:23px; font-family: 'Seagal-Roman'; }
  #about p {  font-size:23px; line-height: 22px !important;  }
  .minus, .plus {
      font-size: 23px;
      line-height: 26px;
  }
  .adjust {
      height: 50px;
      display: block;
      content: '';
      width: 100%;
  }
  .plus_container{width:30px!important}
    .x-btn-navbar {
    position: fixed;
    top: 12px!important;
  }
}

@media only screen and (min-width: 426px) and (max-width: 1159px) {
  a.navbar-brand, .nav-item,h2 { font-weight:normal;letter-spacing:1px; font-size:28px; font-family: 'Seagal-Roman'; }
  .date{font-size:18px!important;}
  .minus, .plus {
      font-size: 28px;
      line-height: 26px;
  }
  .nav-item{line-height: 18px!important;}
  #about p {  font-size:28px; line-height: 26px !important;  }
  .plus_container{width:50px!important}
  .adjust {
    height: 60px;
    display: block;
    content: '';
    width: 100%;
}

}
@media only screen and (min-width: 1160px) {
  a.navbar-brand, .nav-item,h2 { font-weight:normal;letter-spacing:1px; font-size:36px; font-family: 'Seagal-Roman'; }
  .minus, .plus {
      font-size: 50px;line-height: 36px;
  }
  #about p {  font-size:36px; line-height: 40px !important;  }
  .plus_container{width:50px!important}
}

.nav-item.active {font-weight:600; }
nav,.hover { 
  -webkit-transition: opacity .6s ease-out;
  -moz-transition: opacity .6s ease-out;
  -o-transition: opacity .6s ease-out;
  transition: opacity .6s ease-out;
}
ul.navbar  {  padding:0 }
.border-bottom {border-bottom: 2px solid #000000!important}
.border-top {border-top: 2px solid #000000!important}
input{font-size:26px;color:#000000;background-color:transparent!important;border-top:0px solid #000000;border-left:0px solid #000;border-right:0px solid #000;border-bottom:2px solid #000000;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform: uppercase;
  color: #000000
}
::-moz-placeholder { /* Firefox 19+ */
  text-transform: uppercase;
  color: #000000
}
:-ms-input-placeholder { /* IE 10+ */
  text-transform: uppercase;
  color: #000000
}
:-moz-placeholder { /* Firefox 18- */
  text-transform: uppercase;
  color: #000000
}
.input:focus {
    outline-color: #000000 !important;
    border:1px solid D35C96;
    box-shadow: 0 0 10px #000000;
}
.text-normal{text-transform: initial!important;}
/*
	Navbar Icon
	----------------------
*/
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0) !important;
}
#nav-icon3 {
  width: 30px;
  height: 25px;
  position: relative;
  -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;
}

.x-btn-navbar {
    position:fixed;
	top:17px;
	right:20px;
	box-shadow: none !important;
    transition: 0.5s ease-in-out;
    background-color: transparent !important;
    padding: 0px !important;
    margin-top: 0px !important;
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

/* CONTENT */
a.carousel-control-prev, a.carousel-control-next { font-size:36px; color:#000 !important }
.loading{ display:block;height:400px;text-align: center }
.loading_spin {width: 60px;margin-top: 200px;
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#search{cursor: pointer;}

.carousel-control-next, .carousel-control-prev {
    width: 50%!important;
}
.carousel-control-prev:hover{
cursor: url(img/left.png), auto!important; 
}

.carousel-control-next:hover{
  cursor: url(img/right.png), auto!important; 
}


.link_column{overflow-wrap: break-word;}
.link_column h2{  margin-bottom: .5rem!important;font-weight: normal;}
.link_column h2,.link_column li {font-size: 17px;font-weight: normal;}
.link_column h3{font-size: 17px;margin-top: 20px}
.link_column ul{padding-left: 20px}
.link_column li{line-height: 17px!important;}
.link_column p{font-size: 17px!important;line-height: 17px!important;}


footer p{font-size:20px!important;line-height: 18px!important}
