/*
---------------------------------------------
-- bootstrap
-- logo
-- decor
-- thumbnails
---------------------------------------------
*/

 
/*
---------------------------------------------
Bootstrap defaults
---------------------------------------------
*/

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}


.bd-mode-toggle {
    z-index: 1500;
}


.card-text{
    min-height:130px;
}

button{
    z-index: 50;
}
/*
---------------------------------------------
Logo
---------------------------------------------
*/

.logo {
    display: block;
    position: relative;
    
    top: -10em;
}

@media (max-width:600px)  {
    .logo {
        top: -5em;
    }
  }

/*
---------------------------------------------
Decor
---------------------------------------------
*/

.left-image-decor {
    background-image: url(../images/stains.png);
    background-position: top left;
    background-repeat: repeat-y;
    position: absolute;
    width: 100%;
    display: inline;
    min-height: 200%;
    height:fit-content;
    margin-top: -50em;
    margin-left: -15em;
    z-index: 1;
    filter: opacity(0.25);
}

@media (min-width:1025px) and (max-width:1124px)  {
    .left-image-decor  {
        min-height: 120%;
    }
  }

  .right-image-decor {
    background-image: url(../images/stains.png);
    background-position: top right;
    background-repeat: repeat-y;
    position: absolute;
    width: 100%;
    display: inline;
    min-height: 200%;
    height:fit-content;
    margin-top: -50em;
    margin-right: -15em;
    z-index: 1;
    filter: saturate(1) hue-rotate(200deg) opacity(0.25);
}

@media (min-width:1025px) and (max-width:1124px)  {
    .right-image-decor  {
        min-height: 89%;
    }
  }

h1{
    font-weight: bold;
}

red{
    color:red;
    font-weight: bolder;
}

teal{
    color: teal;
    font-weight: bolder;
}

em{
     
    font-weight: bolder;
}

code{
    color: cadetblue;
    font-weight: bolder;
}

/*
---------------------------------------------
Thumbnails
---------------------------------------------
*/

.tail {
    width: 100%;
    height: 225px;  
}


.holder {
    
    height:100%;
    
    background-image: url(../images/photogrammetry/00074-537322527.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}


.casina {
    background-image: url(../images/photogrammetry/casina.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hill {
    background-image: url(../images/photogrammetry/hillchurch.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.maddaloni {
    background-image: url(../images/photogrammetry/maddaloni.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}


.maddalonidetail {
    background-image: url(../images/photogrammetry/maddalonidetail.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}





.plebiscito {
    background-image: url(../images/photogrammetry/piazza_plebiscito.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.torregaveda {
    background-image: url(../images/photogrammetry/torregaveda.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}


.stablediffusion_featurette{
    width:100%;
    height:100%;
    
    background-image: url(../images/stablediffusion/00004-853668679.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_1 {
    background-image: url(../images/stablediffusion/00046-3107932398.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_2 {
    background-image: url(../images/stablediffusion/00047-880089441.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_3 {
    background-image: url(../images/stablediffusion/00093-1676024133.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_4 {
    background-image: url(../images/stablediffusion/00095-3272389697.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_5 {
    background-image: url(../images/stablediffusion/00011-450592271.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_6 {
    background-image: url(../images/stablediffusion/00085-1196848887.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.stablediffusion_7 {
    background-image: url(../images/stablediffusion/00036-4119045063.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}


.SDImage{
    width:100%;
    height:100%;
    
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.upscale_1{
    background-image: url(../images/upscale/02024.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.upscale_1_A{
    width:512px;
    height:512px;
    background-image: url(../images/upscale/02024.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: contain;
}

.upscale_1_B{
    width:2048px;
    height:2048px;
    background-image: url(../images/upscale/02025.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.upscale_2{
    background-image: url(../images/photogrammetry/hillchurch.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.upscale_2_A{
    width:1920px;
    height:1080px;
    background-image: url(../images/photogrammetry/hillchurch.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.upscale_2_B{
    width:3840px;
    height:2160px;
    background-image: url(../images/upscale/02027.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.backgroun_removal_1 {
    background-image: url(../images/stablediffusion/00093-1676024133.png);
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

.backgroun_removal_1_A {
    background-image: url(../images/stablediffusion/00093-1676024133.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.backgroun_removal_1_B {
    background-image: url(../images/background_removal/02028.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.backgroun_removal_2 {
    background-image: url(../images/background_removal/00015-2818556966.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.backgroun_removal_2_A {
    background-image: url(../images/background_removal/00015-2818556966.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.backgroun_removal_2_B {
    background-image: url(../images/background_removal/02031.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}

.style_mix_1 {
    background-image: url(../images/style_mix/00015-2818556966-2.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.style_mix_1_A {
     
    background-image: url(../images/style_mix/00015-2818556966-2.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
}