/**
 * js_composer_front_custom_purged.css
 * PurgeCSS per artworkstudios.it — homepage only
 * Classi mantenute: vc_row, vc_row-fluid, vc_row-flex, vc_row-o-equal-height,
 *   vc_row-o-content-top, wpb_column, vc_column_container, vc_col-sm-6,
 *   vc_column-inner, wpb_wrapper, wpb_text_column, wpb_content_element,
 *   vc_btn3, vc_general, vc_btn3-size-sm, vc_btn3-size-md, vc_btn3-shape-round,
 *   vc_btn3-style-flat, vc_btn3-color-black, vc_btn3-container
 * Rimosso: ~48 KiB di CSS inutilizzato (icone, colori varianti, grid, slider, ecc.)
 */

/* ── Row clearfix ─────────────────────────────────────────── */
.vc_row:before,
.vc_row:after {
  content: " ";
  display: table;
}
.vc_row:after {
  clear: both;
}

/* ── Hidden utility (xs breakpoint usato in alcune pagine) ── */
@media (max-width: 939px) {
  .vc_hidden-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .vc_hidden-lg {
    display: none !important;
  }
}

/* ── Column base ──────────────────────────────────────────── */
.vc_column_container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 7.5px;
  padding-right: 7.5px;
  width: 100%;
}

/* ── Grid columns (xs — mobile first) ───────────────────────
   Manteniamo l'intera cascata xs/sm perché vc_col-sm-* viene
   usata sulla home e ha bisogno del float a sm.
*/
.vc_col-xs-1, .vc_col-sm-1,
.vc_col-xs-2, .vc_col-sm-2,
.vc_col-xs-3, .vc_col-sm-3,
.vc_col-xs-4, .vc_col-sm-4,
.vc_col-xs-5, .vc_col-sm-5,
.vc_col-xs-6, .vc_col-sm-6,
.vc_col-xs-7, .vc_col-sm-7,
.vc_col-xs-8, .vc_col-sm-8,
.vc_col-xs-9, .vc_col-sm-9,
.vc_col-xs-10, .vc_col-sm-10,
.vc_col-xs-11, .vc_col-sm-11,
.vc_col-xs-12, .vc_col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4,
.vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8,
.vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 {
  float: left;
}

.vc_col-xs-12 { width: 100%; }
.vc_col-xs-11 { width: 91.66666667%; }
.vc_col-xs-10 { width: 83.33333333%; }
.vc_col-xs-9  { width: 75%; }
.vc_col-xs-8  { width: 66.66666667%; }
.vc_col-xs-7  { width: 58.33333333%; }
.vc_col-xs-6  { width: 50%; }
.vc_col-xs-5  { width: 41.66666667%; }
.vc_col-xs-4  { width: 33.33333333%; }
.vc_col-xs-3  { width: 25%; }
.vc_col-xs-2  { width: 16.66666667%; }
.vc_col-xs-1  { width: 8.33333333%; }

@media (min-width: 940px) {
  .vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4,
  .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8,
  .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
    float: left;
  }
  .vc_col-sm-12 { width: 100%; }
  .vc_col-sm-11 { width: 91.66666667%; }
  .vc_col-sm-10 { width: 83.33333333%; }
  .vc_col-sm-9  { width: 75%; }
  .vc_col-sm-8  { width: 66.66666667%; }
  .vc_col-sm-7  { width: 58.33333333%; }
  .vc_col-sm-6  { width: 50%; }
  .vc_col-sm-5  { width: 41.66666667%; }
  .vc_col-sm-4  { width: 33.33333333%; }
  .vc_col-sm-3  { width: 25%; }
  .vc_col-sm-2  { width: 16.66666667%; }
  .vc_col-sm-1  { width: 8.33333333%; }
}

/* ── Row ──────────────────────────────────────────────────── */
.vc_row {
  margin-left: -7px;
  margin-right: -8px;
}

/* ── Row flex layout ─────────────────────────────────────── */
.vc_row.vc_row-flex {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vc_row.vc_row-flex > .vc_column_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}

.vc_row.vc_row-flex::before,
.vc_row.vc_row-flex::after {
  display: none;
}

/* ── Equal height columns ────────────────────────────────── */
.vc_row.vc_row-o-equal-height > .vc_column_container {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/* ── Content top alignment ───────────────────────────────── */
.vc_row.vc_row-o-content-top > .vc_column_container > .vc_column-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .vc_column_container {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* ── Column inner clearfix ───────────────────────────────── */
.vc_column-inner::before,
.vc_column-inner::after {
  content: " ";
  display: table;
}
.vc_column-inner::after {
  clear: both;
}

/* ── Row has fill padding ────────────────────────────────── */
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_col-has-fill > .vc_column-inner {
  padding-top: 35px;
}

/* ── Content elements margin ─────────────────────────────── */
.wpb_content_element {
  margin-bottom: 35px;
}

.wpb_text_column p:last-child,
.wpb_text_column *:last-child {
  margin-bottom: 0;
}

/* ── Button 3 container ──────────────────────────────────── */
.vc_btn3-container {
  display: block;
  margin-bottom: 21.73913043px;
  max-width: 100%;
}

.vc_btn3-container.vc_btn3-inline {
  display: inline-block;
  vertical-align: top;
}

/* ── Button 3 base ───────────────────────────────────────── */
.vc_general.vc_btn3 {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: transparent;
  color: #5472D2;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.vc_general.vc_btn3:focus,
.vc_general.vc_btn3:active,
.vc_general.vc_btn3.active {
  outline: 0;
}

.vc_general.vc_btn3:hover,
.vc_general.vc_btn3:focus {
  border: 1px solid transparent;
  text-decoration: none;
  color: #4868cf;
}

/* ── Button 3 size: sm ───────────────────────────────────── */
.vc_btn3.vc_btn3-size-sm {
  font-size: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom,
.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

/* ── Button 3 size: md ───────────────────────────────────── */
.vc_btn3.vc_btn3-size-md {
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom,
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 19px;
  padding-right: 19px;
}

/* ── Button 3 shape: round ───────────────────────────────── */
.vc_btn3.vc_btn3-shape-round {
  border-radius: 2em;
}

/* ── Button 3 style: flat ────────────────────────────────── */
/* (flat = no extra gradient, base colour applies) */

/* ── Button 3 color: black ───────────────────────────────── */
.vc_btn3.vc_btn3-color-black,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat {
  color: #fff;
  background-color: #2A2A2A;
}

.vc_btn3.vc_btn3-color-black:hover,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-black:focus,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:focus {
  color: #f7f7f7;
  background-color: #1b1b1b;
}

.vc_btn3.vc_btn3-color-black:active,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-black.active,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat.active {
  color: #f2f2f2;
  background-color: #161616;
}

/* ── Button 3 alignment helpers ──────────────────────────── */
.vc_btn3-container.vc_btn3-center { text-align: center; }
.vc_btn3-container.vc_btn3-left   { text-align: left; }
.vc_btn3-container.vc_btn3-right  { text-align: right; }

/* ── Animation: appear ───────────────────────────────────── */
.wpb_animate_when_almost_visible {
  opacity: 0;
  filter: alpha(opacity=0);
}
.wpb_animate_when_almost_visible:not(.wpb_start_animation) {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
.wpb_start_animation {
  opacity: 1;
  filter: alpha(opacity=100);
}