/*--Sections--*/

/*Desktop*/
#passportRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    margin: 0px;
    align-items: center;
}
.postcard-section {
    order:1;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.copy-section {
    order:2;
    padding: 0 4rem;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    position: relative;
    width: 100%;
}

.map-section {
    order:3;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.stamp {
  flex: 0 0 calc(100% / 7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}

div.stamp.past-reg.is-interactive:hover {
	background-color: rgba(55, 85, 98, 0.05) !important;
    transform: translateY(-1.25px);
}

div.stamp.active-reg.is-interactive:hover {
	background-color: rgba(241, 90, 64, 0.05) !important;
    transform: translateY(-1.25px);
}

/*Tablet*/
@media (max-width: 900px) {
    .postcard-section {
        order:2;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .copy-section {
        order:1;
        padding: 0 2rem 2rem;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .map-section {
        order:3;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
	
	.stamp {
		flex: 0 0 calc(100% / 4);
	}
}
/*Mobile*/
@media (max-width: 500px) {
  .stamp {
    flex: 0 0 calc(100% / 2);
  }
}
/*--Images--*/

/*Desktop*/

.map-section {
	mix-blend-mode: multiply;
}

#squiggleImg {
    position: absolute;
    max-width: 30vw;
    top: -20%;
    mix-blend-mode: multiply;
}

img.postcardPhoto {
    background-color: transparent;
    rotate: -6deg;
    border: 10px solid #FFF;
    margin-left: 75px;
    max-width: 400px;
    box-shadow: 0px 3px 10px #949494;
}

section.linen {
        background-image: url(https://webdev.scaddabush.com/wp-content/uploads/2025/12/LinenBackground_Light.jpg);
    background-size: cover;
}

/*Tablet*/

@media (max-width: 900px) {
    img.postcardPhoto {
        background-color: transparent;
        rotate: -6deg;
        border: 10px solid #FFF;
        margin-left: 0px;
        max-width: 400px;
        box-shadow: 0px 3px 10px #949494;
    }
}

/*Mobile*/

/*--Text--*/

.copy-section p {
    text-align: justify;
    text-align-last: center;
}

/*Desktop*/

/*Tablet*/

/*Mobile*/

/*--Global--*/

/* Background Colours */

.skb-beige {
    background-color: #F9DBBC;
}

.skb-blue {
    background-color: #375562;
}

.skb-orange {
    background-color: #F15A40;
}

.skb-teal {
    background-color: #43978B;
}

.skb-gray {
    background-color: #F5F4EF;
}

.skb-linen {
    background-image: url(https://webdev.scaddabush.com/wp-content/uploads/2025/12/LinenBackground_Light.jpg);
}
/*Text Colours*/
.skb-beige-txt {
    color: #F9DBBC;
}

.skb-blue-txt {
    color: #375562;
}

/* Padding */

.pd-top {
    padding: 2rem 0 0;
}

.pd-bot {
    padding: 0 0 2rem;
}

.pd-right {
    padding-right: 2rem;
}

.pd-left {
    padding-left: 2rem;
}

.pd-x {
    padding: 0 2rem;
}

.pd-y {
    padding: 2rem 0;
}

.pd-all {
    padding: 2rem;
}

/* Button */

.link-btn {
    border: none;
    padding: 10px 50px;
    font-weight: 600;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: .25rem;
}

.order-btn {
    border: none;
    padding: 10px 50px;
    font-size: 1.75rem;
    font-weight: 600;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: .25rem;
}

.order-btn:hover {
    text-decoration: none !important;
    color: var(--teal) !important;
    background-color: #FFF !important;
}

/*Passport*/
body {
overflow-x: visible !important;
  }

.passport {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  background-color: rgb(245 244 239 / 50%);

}

.passport-viewport {
  overflow: hidden;
  width: 100%;
}

.passport-track {
  display: flex;
  transition: transform 0.25s ease;
}

.stamp img {
  width: 80%;
  height: auto;
}

.stamp span {
	text-transform: uppercase;
}

.nav {
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
  cursor: pointer;
}

.passport span {
    font-size: 1rem;
    font-weight: bold;
}

.active-reg {
    color: #8D0405;
}

.past-reg {
    color: #375562;
}

.tbd-reg {
    color: #bcbec0;
}

[data-region] {
  transition: transform 0.2s ease, fill 0.2s ease, filter 0.3s ease;
  cursor: pointer;
}

[data-region].hovered {
  transform: translateY(-1.25px);
  filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
}

[data-region].is-interactive.active {
  transform: translateY(-0.75px);
  filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
  transition: filter 0.25s ease;
}

[data-region].tbd-reg.active {
  transform: 0;
  filter: none;
  transition: none;
}

[data-region].stamp.active-reg.hovered, [data-region].stamp.active-reg.active{
  background-color: rgb(241 90 64 / 5%);
  transform: translateY(-1.25px);
  filter: none;
}

[data-region].stamp.past-reg.is-interactive.hovered, [data-region].stamp.past-reg.is-interactive.active{
  background-color: rgb(55 85 98 / 5%);
  transform: translateY(-1.25px);
  filter: none;
}
  [data-region="puglia"] {
    fill: #8D0405
   }

  [data-region="calabria"], [data-region="campaniaRegion"], [data-region="tuscany"], [data-region="piedmont"] {
    fill: #375562;
  }

  [data-region="sicily"], [data-region="sardinia"], [data-region="aostaValley"], [data-region="molise"], [data-region="lazio"], [data-region="abruzzo"], [data-region="umbria"], [data-region="marche"], [data-region="emilliaRomagna"], [data-region="liguria"], [data-region="lombardy"], [data-region="friuli"], [data-region="trentinoAltoAdige"] {
    fill: #BCBEC0;
  }

  [data-region="veneto"].active, [data-region="liguria"].active {
    fill: #bcbec0;
    transform: none;
    filter: none;
    transition: none;
   }

[data-region].is-interactive.hovered {
  transform: translateY(-1.25px);
}

/* Button */

.menu-link-btn {
    border: none;
	margin: 20px 0;
    padding: 10px 50px;
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: .25rem;
}

.menu-link-btn:hover {
    text-decoration: none !important;
    color: var(--teal) !important;
    background-color: #FFF !important;
}