/* CSS Document for adbacadabra.it */

/* ===============[ Variabili                ]================= */
:root {
   --text-color: #222222;
   --link-hover-color: #f45f57;
   
   --solid-background-color: #c24046;
   --solid-text-color: #eeeeee;
   --solid-border-color: #d8575d;
   --solid-hover-color: #d8575d;
   
}

/* ===============[ Layout di base           ]================= */
body {
   margin: 0px; padding: 0px;
   background-color: #000000; background-image: url('../images/background.png'); background-repeat: repeat-x; background-attachment: fixed;
   font-family: Arial, Verdana;
   font-size: 14px;
   color: var(--text-color);
}
@media only screen and (max-width: 767px) { body { max-width: 100%; overflow-x: hidden; } }

img, a, iframe, h1, h2 { border: none; margin: 0px; padding: 0px; }
p { margin: 5px 0px; }
article { margin-bottom: 50px; margin-left: 30px; margin-right: 30px; }
h1 { padding: 0px 15px; margin: 0px 30px 10px; font-family: BebasNeue, Arial; font-size: 33px; font-weight: normal; text-align: center; }
ul { margin: 0px; padding: 0px; margin-inline-start: 0px; padding-inline-start: 0px; }
li { list-style-type: none; margin: 0px; padding: 0px; }
a { color: var(--text-color); text-decoration: underline; transition: color 0.4s; }
@media only screen and (min-width: 992px) { a:hover { color: var(--link-hover-color); } }

form { display: block; }
input, textarea, button, a.button {
   display: block;  
   padding: 7px 15px; margin-bottom: 15px;
   font-family: Arial, Verdana;
   border: 1px solid #aaaaaa; border-radius: 3px; box-sizing: border-box; }
input, textarea { width: 100%; padding: 12px; }
textarea { height: 140px; resize: none; }
button, a.button {
   background-color: var(--solid-background-color); color: var(--solid-text-color); transition: background-color 0.4s;
   border: none; margin: 0 auto; 
   flext-direction: row; align-items: center;
}
button { display: flex; }
a.button { display: inline-flex; }
button .icon, a.button .icon { margin-left: 10px; font-size: 22px; }
button:hover, a.button:hover { background-color: var(--solid-hover-color); }
a.button { text-decoration: none; }
a.more-info { color: #d8575d; }
a.more-info:hover { color: #d8575d; }

button.xl { font-size: 16px; padding: 10px 100px; }

@media only screen and (max-width: 767px) {
   article { margin-left: 0px; margin-right: 0px; }
   h1 { padding-left: 0px; }
   section { box-shadow: 0px 0px 10px #222222; }
}

.viewport { width: 922px; margin: 0 auto; }
@media only screen and (max-width: 767px) { .viewport { width: 100%; padding-top: 10px; } }

.logo { background-image: url('../images/logo.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
@media only screen and (min-width: 767px) { .logo { height: 130px; margin: 10px 0px; } }
@media only screen and (max-width: 767px) { .logo { height: 82px; margin: 0px auto 0px; } }

section { margin: 0px; min-height: 450px; background-color: #ffffff; padding: 40px 0px 10px; }

.upcoming-events, .youtube iframe, .homepage-inquire, .section-about img, .card { box-shadow: 0px 0px 10px #222222; }

.youtube iframe { width: 100%; aspect-ratio: 1 / 0.55; }
.youtube iframe:not(:first-of-type) { margin-top: 25px; }

/* ===============[ Menu di navigazione      ]================= */
.navbar ul { display: flex; margin: 0px; padding: 0px; font-family: 'Myriad Pro'; text-align: center; }
.navbar li { position: relative; cursor: pointer; }
.navbar li a { display: block; padding: 13px 23px; color: var(--solid-text-color); text-shadow: 0px 0px 2px #000000; text-decoration: none; }
.navbar li a span { display: block; margin-top: 1px; text-shadow: 0px 0px 2px #000000; }
.navbar li:hover { background-color: #090909; background-image: none; }

.navbar img.navbar-badge { position: absolute; animation: pulse-white 1s infinite; border-radius: 50%; }

/* bigscreen */
@media only screen and (min-width: 767px) {
   .hamburger-menu { display: none; }
   .navbar .logo { display: none; }
   .navbar-close { display: none; }

   .navbar ul { height: 80px; display: flex; flex-direction: row; flex-wrap: wrap; }

   .navbar li { 
      background-image: linear-gradient(180deg, #353535, #090909); 
      border-top: 2px solid #5f5f5f;
      border-right: 1px dashed #5f5f5f;
   }
   .navbar li:first-of-type { border-top-left-radius: 9px; border-left: 1px solid #3f3e3e; }
   .navbar li:last-of-type { border-top-right-radius: 9px; border-right: 1px solid #333333; }

   .navbar li a { font-size: 23px; font-weight: 100; text-transform: uppercase; }
   .navbar li a span { font-size: 13px; color: #9c9999; text-transform: none;}

   .navbar li.item-selected:after { 
      content: '.'; 
      position: absolute; display: block; top: 69px; left: 42%;
      width: 23px; height: 23px; rotate: 45deg; 
      background-color: #ffffff; color: #ffffff; text-shadow: none;
   }
   
   .navbar img.navbar-badge { top: 7px; left: 137px; }

   .navbar .navbar-item-home a     { width: 82px; }
   .navbar .navbar-item-about a    { width: 82px; }
   .navbar .navbar-item-media a    { width: 82px; }
   .navbar .navbar-item-tour a     { width: 131px; }
   .navbar .navbar-item-inquire a  { width: 135px; }
   .navbar .navbar-item-contacts a { width: 127px; }
}

/* mobile */
@media only screen and (max-width: 767px) {
   .hamburger-menu {
      width: 60px; height: 60px;
      margin: 0px auto 15px; 
      background-image: url('../images/hamburger_menu.png'); 
      background-position: center; background-repeat: no-repeat;
   }
 
   .navbar { display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background-color: #000000; z-index: 100; transition: right 0.3s ease-in-out; }
   body.show-navbar { overflow-y: hidden; }
   body.show-navbar .navbar { right: 0; }

   .navbar .logo { margin: 10px auto; }
   
   .navbar-close .icon { font-size: 28px; color: #9fadc2; position: absolute; top: 0; right: 0; padding: 10px; }
   
   .navbar ul { flex-direction: column; flex-wrap: nowrap;  text-align: center; margin-bottom: 40px; }
   .navbar li { margin: 2px 0px; }
   .navbar li.item-selected { background-color: #333333; }

   .navbar li a { font-size: 22px; font-weight: 300; }
   .navbar li a span { font-size: 14px; color: #9c9999; }
   
   .navbar img.navbar-badge { top: 22px; left: 300px; }
}

/* ===============[ Social bar               ]================= */
.socialbar ul { display: flex; flex-direction: row; }

/* bigscreen */
@media only screen and (min-width: 767px) {
   .socialbar { height: 37px; border-bottom: 1px solid #000000; background-color: rgba(0,0,0,0.5); }
   .socialbar .social-label { display: none; }
   .navbar .socialbar { display: none; }
   
   .socialbar ul { justify-content: flex-end; align-items: center; width: 922px; height: 100%; margin: 0 auto; padding: 0px; }
   .socialbar li:first-of-type { margin-right: auto; }
   .socialbar li a { color: #ffffff; text-decoration: none; display: flex; line-height: 14px; text-shadow: 0px 0px 5px #000000;  }
   .socialbar li a .icon { padding: 0px 15px; font-size: 26px; }
   .socialbar li a:hover { color: var(--link-hover-color);  }
}

/* mobile */
@media only screen and (max-width: 767px) { 
   .socialbar { display: none; } 
   .navbar .social-label { color: #ffffff; text-align: center; }
   
   .navbar .socialbar { display: block; }
   .socialbar ul { justify-content: center; }
   .navbar .socialbar li:first-of-type { display: none; }
   .navbar .socialbar li a .icon { font-size: 32px; color: #ffffff; }
}

.socialbar a.inquire span.icon:before { content: "\f073"; }
.socialbar a.facebook span.icon:before { content: "\f09a"; }
.socialbar a.instagram span.icon:before { content: "\f16d"; }
.socialbar a.youtube span.icon:before { content: "\f16a"; }

/* ===============[ Footer                   ]================= */
footer { color: #ddd; background-color: #353535; margin: 0px; display: flex; justify-content: space-between; padding: 30px 40px; font-family: 'Myriad Pro'; padding-bottom: 60px; }
footer h3 { margin: 25px 0px 5px; font-size: 22px; letter-spacing: 3px; }
footer h3:first-of-type { margin-top: 0px; }
footer li { line-height: 20px; }
footer a { color: #bbb; text-decoration: none; }

footer div:first-of-type h3 { margin: 0px; }
footer div:first-of-type p { margin: 0px; color: #999; }
footer div:first-of-type ul { margin: 15px 0px; }
footer div:first-of-type li { display: flex; flex-direction: row; align-items: center; }
footer div:first-of-type li .icon { font-size: 25px; width: 30px; margin: 3px 0px; }

footer div:not(:first-of-type) a:before { content: ">"; margin-right: 8px; color: var(--link-hover-color); }
footer div a em { font-family: 'Myriad Pro Light'; }

/* bigscreen */
@media only screen and (min-width: 767px) { 
   footer { flex-direction: row; }
   footer > div { width: 33%; }
}

/* mobile */
@media only screen and (max-width: 767px) { 
   footer { flex-direction: column; }
   footer > div { margin-bottom: 30px; font-size: 16px; }
   footer div:first-of-type ul { margin-bottom: 0px; }
   footer div:nth-of-type(2) { display: none; }
   footer .credits { display: none; }
}

.disclaimer { width: 80%; margin: 10px auto; color: #555555; font-size: 12px; text-align: center; }

/* ============================================================ */
/* ===============[ Pagina HOME - Inizio     ]================= */

div.read-more { padding-top: 10px; }
div.read-more a { font-size: 14px; font-style: italic; text-decoration: none; padding: 10px; }

@media only screen and (min-width: 767px) { div.read-more { text-align: right; } }
@media only screen and (max-width: 767px) { div.read-more { text-align: center; } }

/*__________________ Upcoming events ________________ */
.upcoming-events {
   height: 270px; margin: 0px; padding: 20px 25px 30px; 
   background-image: url('../images/bg_upcoming_events.png'); background-position: center; background-color: rgba(0,0,0,0.6); background-blend-mode: darken; 
}

.upcoming-events .splide__progress { margin-top: 10px; }
.upcoming-events .splide__progress__bar { height: 1px; background: #9fadc2; }

.upcoming-event { display: flex; flex-direction: column; align-items: center; font-family: 'Myriad Pro'; }
.upcoming-event > * { color: #eee; text-shadow: 0px 0px 15px #000000; }

/* Nome evento */
.upcoming-event-name { font-size: 17px; font-weight: 700; }

/* Data */
.upcoming-event-date {margin: 10px 0px; text-align: center; padding: 10px; background-color: rgba(255,255,255,0.2); border-radius: 5px; display: flex; flex-direction: column; justify-content: flex-end; }
.upcoming-event-day { display: block; font-size: 50px; font-weight: bold; line-height: 45px; }
.upcoming-event-month { display: block; font-size: 17px; font-weight: 700; }

/* Location */
.upcoming-event-location { text-align: center; margin-bottom: 20px; }
.upcoming-event-location-name { font-size: 17px; font-weight: 700; }
.upcoming-event-location-place > *, .upcoming-event-contacts > * { vertical-align: middle; line-height: 1.2em; }
.upcoming-event-location-place .icon, .upcoming-event-contacts .icon { font-size: 21px; color: #9fadc2; margin-right: 5px; }
.upcoming-event-location-place .description, .upcoming-event-contacts .description { font-size: 15px; font-weight: 400; color: #9fadc2; letter-spacing: 0.035em; }

/* Call to action */
.upcoming-event-action a { padding: 7px 25px; font-size: 15px; text-decoration: none; border-radius: 3px; background-color: var(--solid-background-color); color: var(--solid-text-color); transition: background-color 0.4s; }
.upcoming-event-action a:hover { background-color: var(--solid-hover-color); }

/* Contacts */
.upcoming-event-contacts { margin-top: 20px; }

/*__________________ About preview __________________ */
article.homepage-welcome { display: flex; justify-content: space-between; }

.homepage-welcome-about-preview { text-align: justify; }
.homepage-welcome-about-preview p { margin-top: 0px; }
.homepage-welcome-about-preview ul { margin: 0px; padding: 1px 0px; margin-inline-start: 0px; padding-inline-start: 20px; }
.homepage-welcome-about-preview li { margin: 0px; padding: 3px 0px; list-style-type: square;  }

/* bigscreen */
@media only screen and (min-width: 767px) {
   article.homepage-welcome { flex-direction: row; }
   .homepage-welcome-media-preview { width: 550px; }
   .homepage-welcome-about-preview { width: 280px; padding: 2px 0px; }
}

/* mobile */
@media only screen and (max-width: 767px) {
   article.homepage-welcome { flex-direction: column; }
   .homepage-welcome-media-preview { width: 100%; }
   .homepage-welcome-about-preview { padding: 20px 15px; }
}

/*__________________ Inquire preview ________________ */
.homepage-inquire { background-color: var(--solid-background-color); color: var(--solid-text-color); display: flex; }

.homepage-inquire div { text-align: center; }
.homepage-inquire h2 { font-style: italic; font-family: 'Myriad Pro'; font-size: 24px; margin-bottom: 20px; }
.homepage-inquire p { color: var(--solid-text-color); }

/* bigscreen */
@media only screen and (min-width: 767px) {
   .homepage-inquire { flex-direction: row; justify-content: space-between; }
   .homepage-inquire div { padding: 30px; border-right: 24px solid var(--solid-border-color); }
}

/* mobile */
@media only screen and (max-width: 767px) {
   .homepage-inquire { flex-direction: column; }
   .homepage-inquire div { padding: 20px 10px; border-bottom: 24px solid var(--solid-border-color); }
}

/* ===============[ Pagina HOME - Fine       ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Pagina ABOUT - Inizio    ]================= */
article.about-story { text-align: center; }
article.about-story p { text-align: justify; margin: 15px 0px;  }

.section-about ul { display: flex; flex-direction: row; justify-content: center; }
.section-about li { position: relative; margin: 0px 14px; }
.section-about li div.band-name { 
   position: absolute; bottom: 0px; width: 100%; height: 40px; 
   background-color: rgba(0, 0, 0, 0.5);
   color: #fff; font-family: BebasNeue, Arial; font-size: 25px; text-shadow: 0px 0px 6px #000000;
   display: flex; align-items: center; justify-content: center;
}
.about-members li img { display: block; }
.about-members li div.about-member-overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.0); transition: background-color 0.4s; }
.about-members li:hover div.about-member-overlay { background-color: rgba(255, 255, 255, 0.1); }

/* mobile */
@media only screen and (max-width: 767px) { 
   .section-about p { padding: 0 15px; }
   .section-about ul { flex-wrap: wrap; }
   .section-about li { width: 40%; margin: 10px 10px; }   
   .section-about li div { font-size: 22px; }
   article.about-story img { display: none; } 
   article.about-singers img, article.about-band img { width: 100%; }
}

/* ===============[ Pagina ABOUT - Fine      ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Pagina MEDIA - Inizio    ]================= */
.media-gallery { box-shadow: 0px 0px 10px #222222;  border: 2px solid black; box-sizing: border-box; }

div.media-gallery-column > div { margin: 0px; }
div.media-gallery-column img { display: block; width: 100%; height: 100%; object-fit: cover; border: 2px solid black; box-sizing: border-box; }

div.flex-4 > div { aspect-ratio: 0.66666 / 1; }
div.flex-5 > div { aspect-ratio: 1 / 0.6; }
div.flex-9 > div { aspect-ratio: 1 / 0.66666; }

/* bigscreen */
@media only screen and (min-width: 767px) { 
   div.media-gallery-row { display: flex; flex-direction: row; }
   div.flex-4 { flex: 4; }
   div.flex-5 { flex: 5; }
   div.flex-8 { flex: 8; }
   div.flex-9 { flex: 9; }
}

/* mobile */
@media only screen and (max-width: 767px) { 
   article.media-gallery { display: flex; flex-direction: row; flex-wrap: wrap; }
   div.media-gallery-row { display: contents; }
   div.flex-4, div.flex-5, div.flex-9 { display: contents; }
   div.flex-5 > div, div.flex-9 > div { width: 100%; }
   div.flex-4 > div { width: 50%; }
}

/* ===============[ Pagina MEDIA - Fine      ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Pagina TOUR - Inizio     ]================= */

.tour-nextgigs ul { box-shadow: 0px 0px 10px #222222; color: #ffffff; }
.tour-nextgigs ul li { display: flex; background-color: #222; }
.tour-nextgigs ul li:not(:last-of-type) { border-bottom: 1px solid #ffffff; }
.tour-nextgigs ul > li:nth-child(even) { background-color: #333; }

.tour-nextgigs ul li div.gig-date {
   background-color: #c24046;
   padding: 5px 10px;
   display: flex; 
   text-align: center; border-radius: 5px;
}

.tour-nextgigs ul li div.gig-date > span { font-family: raleway; font-weight: bold; }

.tour-nextgigs ul li div.gig-info { flex-grow: 1; }
.tour-nextgigs ul li div.gig-info > div:nth-of-type(1) { margin: 32px 0px 15px; display: flex; }
.tour-nextgigs ul li div.gig-info > div:nth-of-type(2) { font-size: 12px; line-height: 18px; }

.tour-nextgigs ul li div.gig-info div div.gig-event {  color: #8b8b8b; }
.tour-nextgigs ul li div.gig-info div div.gig-venue {  margin-left: 10px; }
.tour-nextgigs ul li div.gig-info div > p { margin: 0px; padding: 0px; margin-bottom: 3px; }
.tour-nextgigs ul li div.gig-info div > p:nth-of-type(1), .tour-nextgigs ul li div.gig-event-mobile > p:nth-of-type(1) {
   font-family: BebasNeue, Arial; font-size: 28px; letter-spacing: 1px;  line-height: 23px;
}
.tour-nextgigs ul li div.gig-info div > p:nth-of-type(2) { font-weight: bold; }

.tour-nextgigs ul li div.gig-info div.gig-notes { color: #9f9e9e; font-size: 12px; margin: 20px 0px; }

.tour-nextgigs ul li div.gig-actions { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; }
.tour-nextgigs ul li div.gig-actions button { width: 70%; }
.tour-nextgigs ul li div.gig-actions a { margin-top: 10px; }

/* bigscreen */
@media only screen and (min-width: 767px) {
   .tour-nextgigs ul li div.gig-event-mobile { display: none; }
   .tour-nextgigs ul li div.gig-date { width: 85px; height: 95px; flex-direction: column; flex-shrink: 0; margin: 25px; }
   .tour-nextgigs ul li div.gig-date > span:nth-of-type(1) { font-size: 56px; }
   .tour-nextgigs ul li div.gig-date > span:nth-of-type(2) { font-size: 16px; }

   .tour-nextgigs ul li div.gig-venue p:first-of-type:before { content: ' @ ';  }
   .tour-nextgigs ul li div.gig-info div.gig-notes { padding-right: 50px; }

   .tour-nextgigs ul li div.gig-actions { width: 150px; padding: 35px 0px; }   
   .tour-nextgigs ul li div.gig-actions a.only-mobile { display: none; }   
}

/* mobile */
@media only screen and (max-width: 767px) {
   .tour-nextgigs ul li { flex-direction: column; }

   .tour-nextgigs ul li div.gig-event-mobile { margin: 20px auto; }
   .tour-nextgigs ul li div.gig-event-mobile > p { margin: 0px auto; text-align: center; margin-bottom: 3px; }
   .tour-nextgigs ul li div.gig-event-mobile > p:nth-of-type(2) { font-weight: bold; }
   .tour-nextgigs ul li div.gig-date { flex-direction: row; margin: 0px auto; }
   .tour-nextgigs ul li div.gig-date > span { font-size: 26px; padding: 3px 7px; }
   
   .tour-nextgigs ul li div.gig-info div { flex-direction: column; text-align: center; }
   .tour-nextgigs ul li div.gig-info div > div:nth-of-type(1) { display: none; }
   .tour-nextgigs ul li div.gig-info div.gig-address { display: none; }
   
   .tour-nextgigs ul li div.gig-actions { padding: 20px 0px 30px; }
   .tour-nextgigs ul li div.gig-actions > div { display: flex; flex-direction: row; }
   
   .tour-nextgigs ul li div.gig-info div.gig-notes { padding-left: 15px; padding-right: 15px; }
   
   .tour-nextgigs ul li div.gig-actions a.button { 
      margin: 0px 8px; padding: 7px 10px; width: 85px;
      flex-direction: column-reverse; align-items: center; flex-wrap: wrap; 
      background-color: transparent; border: 3px solid var(--solid-background-color);
   }
   .tour-nextgigs ul li div.gig-actions a.button .icon { margin-left: 0px; margin-bottom: 8px; }
   
   .tour-nextgigs ul li div.gig-actions div.break { flex-basis: 100%; background-color: blue; }
}

.tour-pastgigs ul li { display: flex; padding: 5px 10px; }
.tour-pastgigs ul li:not(:last-of-type) { border-bottom: 1px solid #ffffff; }

.tour-pastgigs ul li { display: flex; flex-direction: row; align-items: center; }
.tour-pastgigs ul li div.gig-info { display: flex; flex-direction: row; align-items: center; }

.tour-pastgigs ul li span.gig-date { padding: 3px 30px 3px 10px; font-weight: bold; }
.tour-pastgigs ul li span.gig-event { color: #999999; font-weight: bold; }
.tour-pastgigs ul li span.gig-venue:before { content: '@'; padding: 0px 10px; }




/* ===============[ Pagina TOUR - Fine       ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Pagina INQUIRE - Inizio  ]================= */

/*__________________ Intro           ________________ */
article.inquire-intro { display: flex; justify-content: space-between; }

.inquire-intro-summary { text-align: justify; }
.inquire-intro-summary p { margin-top: 0px; }
.inquire-intro-summary ul { margin: 0px; padding: 1px 0px; margin-inline-start: 0px; padding-inline-start: 20px; }
.inquire-intro-summary li { margin: 0px; padding: 3px 0px; list-style-type: square;  }

/* bigscreen */
@media only screen and (min-width: 767px) {
   article.inquire-intro { flex-direction: row; }
   .inquire-intro-media { width: 550px; }
   .inquire-intro-summary { width: 280px; padding: 2px 0px; }
}

/* mobile */
@media only screen and (max-width: 767px) {
   article.inquire-intro { flex-direction: column; }
   .inquire-intro-media { width: 100%; }
   .inquire-intro-summary { padding: 20px 15px; }
}

/*__________________ Info & cards    ________________ */
article.inquire-info > div.inquire-cards { display: flex; }
.inquire-cards .card { justify-content: flex-start; }

.inquire-cards .card h4 { margin: 0px; font-family: 'Myriad Pro'; font-style: italic; font-weight: bold; font-size: 22px; }
.inquire-cards .card img { margin: 20px auto; height: 100px; }

/* bigscreen */
@media only screen and (min-width: 767px) {
   article.inquire-info > div.inquire-cards { flex-direction: row; justify-content: space-between; }
.inquire-cards .card { width: 25%; }
}

/* mobile */
@media only screen and (max-width: 767px) {
   article.inquire-info > div.inquire-cards { flex-direction: column; align-items: center; }
.inquire-cards .card { width: 80%; }
}

.inquire-info-details { text-align: justify; margin: 30px; }
.inquire-info-details p { margin-top: 0px; }
.inquire-info-details ul { margin: 0px; padding: 1px 0px; margin-inline-start: 0px; padding-inline-start: 20px; }
.inquire-info-details li { margin: 0px; padding: 3px 0px; list-style-type: square;  }

/*__________________ Form            ________________ */
.inquire-form { width: 80%; margin-left: auto; margin-right: auto; }
.inquire-form div { padding: 15px; background-color: #dddddd; margin-bottom: 15px; border-radius: 3px; }
.inquire-form div p { margin-bottom: 15px; margin-left: 20px; }
.inquire-form div input:last-of-type { margin-bottom: 0px; }

/* ===============[ Pagina INQUIRE - Fine    ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Pagina CONTACTS - Inizio ]================= */
.contacts { display: flex; }

.contacts-form { flex-grow: 1; }

.card { 
  min-height: 130px; text-align: center;
  margin-bottom: 20px; padding: 20px 25px; border-radius: 3px;
  display: flex; flex-direction: column; justify-content: space-around;
  color: var(--solid-text-color); font-size: 14px; line-height: 22px; 
  background-color: var(--solid-background-color); 
}

.card .icon { font-size: 44px; display: block; }
.card a { color: var(--solid-text-color); }

/* bigscreen */
@media only screen and (min-width: 767px) { 
   .contacts { flex-direction: row; }
   .contacts-cards { width: 260px; }
   .contacts-form { margin-left: 40px; }
}

/* mobile */
@media only screen and (max-width: 767px) { 
   .contacts { flex-direction: column; align-items: center; }
   .contacts-cards { width: 80%; }
   .contacts-form { margin-top: 15px; width: 80%; }
}

/* ===============[ Pagina CONTACTS - Fine   ]================= */
/* ============================================================ */



/* ============================================================ */
/* ===============[ Animazioni - Inizio      ]================= */

@keyframes pulse-white {
  0%   { transform: scale(1);   box-shadow: 0 0 0 0   rgba(255, 255, 255, 0.7);   opacity: 0.5; }
  50%  { transform: scale(1);   box-shadow: 0 0 0 7px rgba(255, 255, 255, 0  );   opacity: 1.0; }
  100% { transform: scale(1);   box-shadow: 0 0 0 0   rgba(255, 255, 255, 0  );   opacity: 0.5; }
}

/* ===============[ Animazioni - Fine        ]================= */
/* ============================================================ */