body, html {
     overflow-x: hidden!important;
     background-color: #fff;
}

.text-color-1{
     color:#A27D59;
}
.color_title{
     color:#A27D59!important;
}

.underline{
    margin: auto;
    display: block;
    border-bottom: 1px solid #A27D59;
}

.elenco{padding-left:0;}
.elenco li{list-style: none;}
.elenco li:before {
    content: "~";
    margin-right:10px;
}

.fullimg{
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.divider{
     width: 40%;
     height: 1.2px;
     background-color:#A27D59;
     margin:0 auto;
     margin-top:20px;
     margin-bottom:20px;
}

/* font */
h1, h2{
     width: fit-content;
     margin:0 auto;
     font-size: 3em; 
     margin: auto;
     display: block;
     color:#A27D59;
}
h1{
     border-bottom: 1px solid #A27D59;
}
h3{
     font-size:2em;
}
@font-face {
    font-family: 'font_extra';
    src: url('../fonts/extra-webfont.woff2') format('woff2'),
         url('../fonts/extra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_title';
    src: url('../fonts/title-webfont.woff2') format('woff2'),
         url('../fonts/title-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font_title{
  font-family: "font_title", serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 1.5px;
  line-height: 1;
}
.font_extra{
  font-family: "font_extra", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 3em;
  color:#f16161;
}
p.font_extra{
  margin-bottom:0px;
  line-height: 1;
}
span.font_extra{
  margin-left: 20px;
  line-height: 1;
}
.font_title_2{
  font-family: "Baskervville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
  color:#1D98B1;
}

.font-text-regular, a{
  font-family: "Baskervville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
}
p, span, h4, li{
  font-family: "Baskervville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* gallery-modal */
#gallery-modal a:nth-child(7),
#gallery-modal a:nth-child(12){
    -webkit-box-flex: 0;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
#garden-modal a:nth-child(3),
#garden-modal a:nth-child(4),
#garden-modal a:nth-child(7),
#garden-modal a:nth-child(8){
    -webkit-box-flex: 0;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}

/* animated-thumbnails */
#animated-thumbnails{
     display:grid;
     display:-ms-grid;
     display:-moz-grid;

     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     gap:10px;
}
#animated-thumbnails a{
     height: 100%;
     width: 100%;
}
#animated-thumbnails a img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
#animated-thumbnails a:nth-child(1){
     grid-column: 1/3;
     grid-row: 1/3;
}
#animated-thumbnails a:nth-child(6){
     grid-column: 4 / 6;
     grid-row: 2 / 4;
}
#animated-thumbnails a:nth-child(16){
     grid-column: 2 / 4;
     grid-row: 5 / 7;
}
#animated-thumbnails a:nth-child(19){
     grid-column: 3 / 6;
     grid-row: 7 / 8;
}

.btn_primary{
     transition: all .3s;
     color:#fff;
     border:1px solid #fff;
     padding-top: 10px;
     padding-bottom: 7px;
}
.btn_primary:hover{
     background-color:#fff;
     color:#000;
}

.btn_primary2{
     transition: all .3s;
     color:#A27D59;
     border:1px solid #A27D59;
     padding-top: 10px;
     padding-bottom: 7px;
}
.btn_primary2:hover{
     background-color:#A27D59;
     color:#fff;
}

/* tmpl/focus-txt-01 */
.focus_txt_01{
     background-color:#293331;
     padding-top:30px;
     padding-bottom:30px;
}
.focus_txt_01 > div{
     margin:0 auto;
}

.bg_strip{
     background-color:#f2f2ec;
     position:absolute;
     top:12%;
     left:0;
     width: 100%;
     height: 75%;
}

/* boostral */
.navbar-nav .nav-link{
     padding-top:10px;
     padding-bottom:7px;
}
.btn{
     line-height: 1!important;
}
.navbar-brand svg{width: 155px;}
#right_menu{
     display:none;
     transform:translateY(200%);
     position:absolute;
     top:0;
     right:0;
     width: 40%;
     height: 100vh;
}
/*media lg*/
@media (max-width: 1199.98px) {
     .navbar-brand svg{width: 250px;}
     .bg_strip{display:none;}
     .contact_box_text{background-color:#f2f2ec;}
}
/*media sm*/
@media (max-width: 767.98px) {
     h1, h2{
          font-size:2em;
     }
     .navbar-brand img{height: 60px;}
     .navbar-brand{width: 230px;}
}