/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/*** VARIABILI ***/
:root {
  --blu: #13294B;
  --oro: #C4A82E;
}
/*** GLOBALI ***/
.row-center .g-cols.vc_row {
  justify-content: center;
}
.row-space-between .g-cols.vc_row {
  justify-content: space-between;
}
/*p, ul, ol, dl, address, pre, table, blockquote, fieldset {
  margin: 0;
}*/
p, ol, dl, address, pre, table, blockquote, fieldset {
  margin: 0;
}
a:not(.w-btn):not(.wpml-ls-link):hover {
  text-decoration: underline;
}

.post_content a{
	text-decoration: underline ;
}
.post_content a:hover{
	text-decoration: underline #C4A82E !important;
}
.bg-light-blu .w-btn,
.bg-light-blu .wpcf7-submit {
  background:#F7F8FE!important;
}
.bg-light-blu .w-btn:hover,
.bg-light-blu .wpcf7-submit:hover {
   background:var(--oro)!important;
}
a:focus,
button:focus,
input[type=checkbox]:focus + i,
input[type=checkbox]:focus + .w-color-switch-box,
input[type=submit]:focus {
  outline: none!important;
}
/* header with image align-end */
section.align-end.with_img {
  display: flex;
  align-items: flex-end;
}
/*** MENU ***/
header#page-header.sticky .l-subheader.at_middle {
  -webkit-backdrop-filter: saturate(100%) blur(5px);
  -moz-backdrop-filter: saturate(100%) blur(5px);
  backdrop-filter: saturate(100%) blur(5px);
  background-color: rgb(255 255 255 / 72%);
}
/** popup **/
.wrapper-menu {
  max-width: var(--site-content-width, 1200px);
  height: 100vh;
}
.w-popup-box-content .wpml-ls-statics-shortcode_actions ul {
  display: flex;
  justify-content: center;
}
.w-popup-box-content .wpml-ls-statics-shortcode_actions .wpml-ls-item a {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  color: var(--blu);
  padding: 15px;
  border: 1.5px solid var(--oro);
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-popup-box-content .wpml-ls-statics-shortcode_actions .wpml-ls-item a:hover,
.w-popup-box-content .wpml-ls-statics-shortcode_actions .wpml-ls-item.wpml-ls-current-language a {
  background: var(--oro);
}
.w-popup-box-content nav.w-menu ul li a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}
.far {
  font-size: large;
}
.w-popup-closer {
  width: auto;
  top: 5%;
  right: calc((100vw - var(--site-content-width, 1200px)) / 2);
  font-size: 1.5rem;
  line-height: normal;
}
.w-popup-closer:before {
  font-weight: 300;
}
/** card news **/
.card-news .w-post-elm.post_image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blu);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.w-grid-item:hover .w-post-elm.post_image::after {
  opacity: 0.52;
}
.card-news .w-btn {
  width: fit-content;
  margin: 0;
}
.layout_162 .w-grid-item-h:hover .usg_btn_1 {
  z-index: 999;
}
/** card experience **/
.card-experience .post_taxonomy {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #C4A82EE3;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.card-experience .post_image img,
.card-experience .post_title,
.card-experience .post_content {
  transition: all 0.3s ease;
}
.card-experience:hover .post_image img {
  transform: scale(1.05);
}
.card-experience:hover .post_title,
.card-experience:hover .post_content {
  transform: translateX(15px);
}
/*** HOME ***/
section.l-section.header-video.height_medium.full_height.valign_bottom.with_video {
  min-height: 80vh;
  position: relative;
  overflow: visible;
}
section.l-section.header-video.height_medium.full_height.valign_bottom.with_video::after {
  content: '';
  background-image: url(/wp-content/uploads/2025/04/ocra-icona-logo-big.png);
  position: absolute;
  left: 70px;
  bottom: -192px;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 389px;
  max-height: 383px;
  height: 100%;
  width: 100%;
}
.header-video .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_bottom.type_default.stacking_default {
  justify-content: end;
}
.header-video .l-section-h.i-cf .g-cols .vc_col-sm-4 .vc_column-inner {
  align-items: flex-end;
}
/* list category */
.single-category-experience {
  justify-content: space-between;
  margin-bottom: 19px;
}
.single-category-experience h3 {
  margin-top: auto;
  margin-bottom: auto!important;
  padding-bottom: 15px!important;
}
.single-category-experience i.fas.fa-chevron-right {
  padding-bottom: 15px;
  font-size: larger;
}
.single-category-experience .type_image.image_category {
  margin-right: 0;
  display: flex;
  column-gap: 90px;
  justify-content: flex-end;
  align-items: center;
}
.single-category-experience .type_image.image_category img {
  width: 100%;
  height: 100%;
  max-width: 281px;
  min-width: 281px;
  max-height: 130px;
}
.single-category-experience h3,
.single-category-experience i.fas.fa-chevron-right {
  transition: transform 0.3s ease-in-out;
}
.single-category-experience:hover h3,
.single-category-experience:hover i.fas.fa-chevron-right {
  transform: translateX(26px);
}
section.element-right {
  position: relative;
  overflow: visible;
}
section.element-right::after {
  content: '';
  background-image: url(/wp-content/uploads/2025/05/ocra-elemento.png);
  position: absolute;
  width: 371px;
  height: 532px;
  right: 0;
  top: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
/*** ABOUT US ***/
.vc_col-sm-12.wpb_column.vc_column_container.custom-margin-border {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.custom-margin-border .vc_column-inner.us_custom_1ebba17c {
  padding: 0 !important;
}
/* slider */
.rsNav.rsBullets .rsNavItem.rsBullet span {
  background: white;
  border: 1px solid var(--blu);
}
.rsNav.rsBullets .rsNavItem.rsBullet.rsNavSelected span {
  box-shadow: none;
  background: var(--blu) !important;
}
.column-icon-box-about .w-iconbox-title {
  padding-top: 7px !important;
  padding-bottom: 13px !important;
  line-height: inherit;
}
/*** EXPERIENCE ***/
.page-id-18 .l-section-img {
  background-position: left;
}
.filtri-esperienze button.w-filter-item-title,
.filtri-esperienze a.w-filter-item-reset,
.filtri-esperienze .w-filter-item.type_dropdown .w-filter-item-values:after {
  display: none!important;
  visibility: hidden;
}
.filtri-esperienze .select2-container--default .select2-selection--single,
.select2-dropdown {
  background-color: #fff!important;
  border: 1px solid var(--oro)!important;
  height: auto!important;
  border-radius: 0!important;
}
.filtri-esperienze .select2-container--default.select2-container--open .select2-selection--single {
  border-bottom: none !important;
}
.filtri-esperienze .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 17px 87px!important;
}
.filtri-esperienze .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000!important;
  font-size: 16px;
  line-height: 22px!important;
}
.select2-results__option {
  padding: 17px 87px!important;
  margin: 0!important;
}
span.select2-dropdown.select2-dropdown--below {
  border-top: none !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background-color: var(--oro)!important;
  color: white;
}
.filtri-esperienze .select2-selection__arrow b {
  display: none;
}
.filtri-esperienze .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  right: 87px;
}
.filtri-esperienze .select2-selection__arrow i.fas.fa-chevron-right {
  font-size: 17px;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  height: 100%;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
  transition: transform 0.4s ease;
}
.filtri-esperienze .select2-container--default.select2-container--open
.select2-selection__arrow i.fas.fa-chevron-right {
  transform: rotate(-90deg);
}
/*** SINGLE EXPERIENCE ***/
.wrapper-info-experience .post_custom_field::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('/wp-content/uploads/2025/05/informazioni-esperienza.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.intro-form h2 {
  padding-right: 100px;
}
span.wpcf7-list-item-label {
  font-size: 14px;
}
.wpcf7-response-output {
  margin-top: 30px !important;
}
/*** SINGLE NEWS ***/
/* experience correlate */
.esperienze-correlate h2.post_title {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
/*** C0NTATTI ***/
input:not([type=submit]):focus,
select:focus,
textarea:focus {
  box-shadow: 0px 0px 0px 2px var(--oro);
}
input[type=checkbox]:before {
  font-weight: 500;
}
/*** FOOTER ***/
footer .w-socials.color_brand .w-socials-item.instagram .w-socials-item-link {
  color: white;
  width: 27px;
}
footer .w-socials-item.instagram .w-socials-item-link i {
  font-size: 27px;
}
.no-touch footer .w-socials.hover_fade .w-socials-item-link:hover .w-socials-item-link-hover {
  opacity: 0;
}
.no-touch footer .w-socials.hover_fade .w-socials-item-link:hover>i {
  color: var(--oro);
}
footer a:hover {
  text-decoration: underline;
}
footer .vc_col-sm-4.wpb_column.vc_column_container {
  align-items: flex-end;
}
footer .vc_col-sm-4.wpb_column.vc_column_container .vc_column-inner {
  max-width: 302px;
}
footer .vc_col-sm-4 p:first-child,
footer .vc_col-sm-3 h2 {
  margin-bottom: 12px;
}
footer .vc_col-sm-4 p {
   margin-bottom: 2px;
}
footer .vc_col-sm-3 .single-category-experience {
  margin-bottom: 0;
}
footer .vc_col-sm-3 .single-category-experience:hover p {
  text-decoration: underline;
}
footer .vc_col-sm-4 a,
footer .wpb_column:last-child a,
footer a:hover,
.no-touch footer a:hover {
  color: white;
}
footer .vc_col-sm-3 h2 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 10px;
  color: white;
}
footer .us_term_list.type_grid .w-post-elm.post_title b {
  display: none;
}
footer .wpb_column:last-child {
  font-size: 14px;
  line-height: 20px;
  font-weight: 200;
}
