/*
Theme Name: OMD Ingranaggi
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created (with love!) just for OMD srl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: omdingranaggi
*/

:root {
  --text-base-size: 16px;
  --text-base-font: "Open Sans", sans-serif;
  --text-alt-font: "Open Sans", sans-serif;
  --text-color-grey: #756667;
  --text-color-dark: #222222;
  --text-color-contrast: #000000;
  --primary-color: #0096e4;
  --primary-color-text: #ffffff;
  --secondary-color: #33abe9;
  --secondary-color-text: #022c41;
  --tertiary-color: #022c41;
  --tertiary-color-text: #ffffff;
  --contrast-color: #ffe300;
  --header-height: 160px;
  --header-height-inner: 140px;
}

/* Default styles and Bootstrap Customizaiton */

body { font-size: var(--text-base-size); font-family: var(--text-base-font); color: var(--text-color-dark); position: relative; margin: 0; padding: 0; }

a { color: var(--primary-color); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
a:hover { color: var(--text-color-dark); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
a:visited, a:active { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: none; }
a:focus, a:focus-visible { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; outline:thin dotted var(--primary-color); }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; font-weight: 500; }

.text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }
.text-dark .h1, .text-dark .h2, .text-dark .h3, .text-dark .h4, .text-dark .h5, .text-dark .h6, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 { color: var(--text-color-dark); }

.page-wrapper { overflow: hidden; max-width: 100vw; }

.alt-font { font-family: var(--text-alt-font); }

.text-ground { color: var(--primary-color); }
.text-grey { color: var(--text-color-grey); }
.text-dark { color: var(--text-color-dark); }
.text-contrast { color: var(--text-color-contrast) !important; }

.text-big { font-size: 1.2em; line-height: 1.4em; }
.text-bigger { font-size: 1.5em; line-height: 1.2em; }
.text-more-bigger { font-size: 2.5em; line-height: 1.2em; }

hr { border-top: 1px solid rgba(255, 255, 255, 0.6); }
hr.solid { border-top: 2px solid white; }

b, strong { font-weight: 700; }

p { margin-bottom: 1em; }

figure { margin: 0; }

legend { font-size: 1em; font-weight: bold; }

blockquote { font-size: 1.8em; line-height: 1.1em; font-style: italic; font-weight: 300; display: inline-block; }

.autosquare, .aspect-image { overflow: hidden; display: block; background-color: none; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat; }
.autosquare img, .aspect-image img { opacity: 0; max-width: 100%; max-height: 100%; }
.aspect-image { aspect-ratio: 1 / 1; }

.btn { font-family: var(--text-alt-font); text-transform: uppercase; border-radius: 0px; padding: 0.375rem 2.75rem; }
.btn:focus, .btn:focus-visible { outline:thin dotted var(--primary-color); }

.btn.btn-default { color: var(--primary-color-text); border: 1px solid var(--primary-color); background: var(--primary-color); }
.btn.btn-default:hover, .btn.btn-default.active { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); }
.btn.btn-default:visited, .btn.btn-default:active { border: 1px solid var(--primary-color); }

.btn.btn-default.inverted { border: 1px solid #fff; background-color: #fff; color: var(--primary-color); }
.btn.btn-default.inverted:hover { color: var(--primary-color-text); border: 1px solid var(--primary-color); background-color: var(--primary-color); }
.btn.btn-default.inverted:visited, .btn.btn-default.inverted:active { border: 1px solid var(--primary-color); }

.btn.btn-default.white { border: 1px solid #fff; background-color: #fff; color: var(--primary-color); }
.btn.btn-default.white:hover { color: #fff; background-color: transparent; border: 1px solid #fff; }
.btn.btn-default.white:visited, .btn.btn-default.white:active { border: 1px solid #fff; }

.btn.btn-default.white.inverted { border: 1px solid #fff; background-color: transparent; color: #fff; }
.btn.btn-default.white.inverted:hover { color: var(--primary-color); border: 1px solid #fff; background-color: #fff; }
.btn.btn-default.white.inverted:visited, .btn.btn-default.white.inverted:active { border: 1px solid #fff; }

.btn-wrapper, .button-wrapper { margin: 0.5em 0; }
.btn-wrapper.centro, .button-wrapper.centro { text-align: center; }
.btn-wrapper.destra, .button-wrapper.destra { text-align: right; }
.btn-wrapper.inline, .button-wrapper.inline { display: inline-block; vertical-align: top; margin-right: 0.4em; }

.modal-dialog { font-family: var(--text-alt-font); }
.modal-header { background-color: var(--primary-color); color: var(--primary-color-text); border-bottom: none; }
.modal-header .modal-title { font-weight: 300; font-size: 1.2em; color: var(--primary-color-text); }
.modal-header .btn-close { background-color: var(--tertiary-color); }

img.size-full { max-width: 100%; height: auto; margin-bottom: 1em; }
img.alignright, .alignright { float: right; margin: 10px 0 1em 1em; }
img.alignleft, .alignleft { float: left; margin: 10px 1em 1em 0; }
img.aligncenter { display: block; margin: 0 auto; max-width: 100%; text-align: center; }
img.alignnone { max-width: 100%; margin-bottom: 1em; }

.neutralize { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition: all 0.2s ease-in-out; }
.neutralize:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: gray; filter: grayscale(0%); }

.show-overflow, .visible-overflow { overflow: visible !important; }

textarea.form-control { max-height: 90px; }

.text-column-2 { columns: 2; }
.text-column-3 { columns: 3; }
.text-column-4 { columns: 4; }
.text-column-5 { columns: 5; }

.flex-5-columns { flex-basis: 20%; }

/* General Animation Styles */

.delay200 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay400 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.delayHalf, .delay500 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay600 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay800 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
.delayOne { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delayOneHalf { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delayTwo { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delayThree { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }

/* Slider Styles */

#slider-wrapper { position: relative; background: #756667; box-shadow: 0 0 33vw rgba(0, 0, 0, 0.2) inset; }

#slider { position: relative; background-color: #efefef; min-height: 350px; height: clamp(350px, calc(100vh - var(--header-height)), 1200px); }

.carousel .carousel-inner { position: relative; width: 100%; height: 100%; }
.carousel .carousel-inner .carousel-item { height: 100%; }

.carousel .slide { background-attachment: scroll; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.carousel .slide img { opacity: 0; height: 100%; width: 100; }

.carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; z-index: 2; }
#slider.page .carousel-caption { bottom: 54px; top: 100px; }

.carousel-caption .slider-content p { font-size: 2.5em; margin-bottom: 0.5em; }

.carousel-control-next, .carousel-control-prev { width: 8.33333333%; }
.carousel-caption-wrapper { display: table; width: 60%; height: 100%; padding-left: calc(1.5rem * 0.5); }
.carousel-caption-wrapper .carousel-caption-inner { display: table-cell; vertical-align: middle; }
#slider.page .carousel-caption-wrapper { width: 100%; text-align: center; }

#slider.home .carousel-caption { min-height: calc(25% + var(--header-height)); padding:0; }
#slider.home .carousel-caption .carousel-caption-content{ margin:0; font-weight:100; font-size:2.8rem; letter-spacing:0.2em; }

#slider.page .carousel-caption h1 { margin-bottom: 0; font-size: 3rem; font-weight: 700; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }

.slide-video { height: 100%; min-width: 100%; min-height: 56.68vw; }

.slide-cover { position: absolute; background: radial-gradient( circle at center, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ); top: 0; right: 0; left: 0; bottom: 0; z-index: 1; }

#slider.home .carousel-caption h2, #slider.page .carousel-caption h1, #slider.home .carousel-caption p, #slider.home .carousel-caption .btn { opacity: 0; }
#slider.home .active.carousel-item-start .carousel-caption h2, #slider.page .active.carousel-item-start .carousel-caption h1, #slider.home .active.carousel-item-start .carousel-caption p, #slider.home .active.carousel-item-start .carousel-caption .btn { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#slider.home .active .carousel-caption h2, #slider.page .active .carousel-caption h1, #slider.home .active .carousel-caption p { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#slider.home .active .carousel-caption .btn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

#slider.home .active .carousel-caption p { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
#slider.home .active .carousel-caption .btn { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
#slider.home .active.carousel-item-start .carousel-caption p { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; }
#slider.home .active.carousel-item-start .carousel-caption .btn { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; }

#slider.home .carousel-indicators { bottom: 2em; z-index: 999; }
#slider.home .carousel-indicators [data-bs-target] { width: 35px; height: 30px; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); margin-right: -3px; margin-left: -3px; }
#slider.home .carousel-indicators .active { opacity: 1; background-color: #f8da9b; }

#slider.home .carousel-caption-inner { opacity: 0; }
#slider.home .active .carousel-caption-inner { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slider-icon { max-width: 25%; }
.slider-subtitle { font-size: 3.5rem; font-weight: 300; margin-bottom: 0; margin-top: -0.5em; }
#slider.home .active .carousel-caption .page-title { font-weight: 500; font-size: 4rem; }

@media screen and (max-height: 768px) {
	.carousel-caption-wrapper .carousel-caption-inner { padding-top: 1em; }
}

@media screen and (max-height: 300px) {
	#slider.home .carousel-caption h2 { font-size: 3.5rem; word-wrap: break-word; }
}

@media (orientation: portrait) {
	#slider.home { height: 80vh; }
	.admin-bar #slider.home { height: calc(80vh - 32px); }
}

@media screen and (max-height: 782px) {
	.admin-bar #slider.home { height: calc(80vh - 46px); }
}

/* Breadcrumb Styles */

#bcrumbs-wrapper { position: relative; min-height: 2em; z-index: 2; text-align: center; background-color: var(--tertiary-color); }
.breadcrumbs { font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.5px; font-family: var(--text-alt-font); }
.breadcrumbs a, .breadcrumbs span { margin: 0 0.2em; color: #fff; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs ol { list-style: outside none none; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.breadcrumbs ol li { display: inline-block; vertical-align: top; }
.breadcrumbs ol li:after { content: ""; display: inline-block; vertical-align: middle; margin: -3px -2px 0 2px; color: #fff; background-color: #fff; width: 1.5em; height: 1px; }
.breadcrumbs ol li:last-child:after { display: none; }

/* Content Styles */

.inner #content { margin-top: var(--header-height-inner); }

.blog-content { background-color: #fff; }

.background-floating-left { background-repeat: no-repeat !important; background-position: 80% center !important; background-size: 52% auto !important; }
.background-floating-right { background-repeat: no-repeat !important; background-position: 20% center !important; background-size: 52% auto !important; }
.background-linear-gradient .vc_column-inner { background-image: linear-gradient( 30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ); padding: 4em; }
.background-linear-gradient.vc_col-has-fill .vc_column-inner { padding: 3em !important; }
.background-linear-gradient-inverted .vc_column-inner { background-image: linear-gradient( 30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ); }

/* Deco Title Styles */

.deco-title { line-height: 1em; color: var(--primary-color); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.deco-title .deco-eylet { font-family: var(--text-alt-font); font-weight: 300; text-transform: uppercase; display: block; font-size: 0.4em; margin: 0 0 1em 0; color: var(--primary-color); }
.deco-title mark { background: none; color: var(--primary-color); }
.deco-title span.subtitle { font-weight: 400; text-transform: none; font-size: 0.4em; color: var(--tertiary-color); display: block; line-height: 1.2em; margin-top: 0.5em; font-style: italic; }

/*
.deco-title.sinistra:before { content: ""; background: url(./img/ingranaggio-deco-white.png) no-repeat scroll center center / contain; width: 1.5em; height: 1.5em; display: block; float: left; margin: 0 0.5em 0 0; }
.deco-title.destra:before { content: ""; background: url(./img/ingranaggio-deco-white.png) no-repeat scroll center center / contain; width: 1.5em; height: 1.5em; display: block; float: right; margin: 0 0 0 0.5em; }
*/
.deco-title.centro:before { content: ""; background: url(./img/ingranaggio-deco-white.png) no-repeat scroll center center / contain; width: 2em; height: 2em; display: block; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 0.5em; }
.deco-title.centro.no-deco:before { display:none;  }

.deco-title.sinistra, .deco-title.sinistra .deco-eylet { text-align: left; }
.deco-title.destra, .deco-title.destra .deco-eylet { text-align: right; }
.deco-title.centro, .deco-title.centro .deco-eylet { text-align: center; }

.text-white .deco-title, .deco-title.text-white, .text-white .deco-eylet, .deco-eylet.text-white { color: #fff; }
.text-dark .deco-title, .deco-title.text-dark, .text-dark .deco-eylet, .deco-eylet.text-dark { color: var(--primary-color); }

h1.deco-title { font-size: 2.7rem; }
h2.deco-title { font-size: 2.4rem; }
h3.deco-title { font-size: 2.1rem; }
h4.deco-title { font-size: 1.8rem; }
h5.deco-title { font-size: 1.6rem; }

h2.deco-eylet { font-size: 2rem; }
h3.deco-eylet { font-size: 1.9rem; }
h4.deco-eylet { font-size: 1.4rem; }
h5.deco-eylet { font-size: 1.1rem; }
h6.deco-eylet { font-size: 0.8rem; }

/* Block Styles */

.block-wrapper, .child-element-wrapper { position: relative; }
.block-wrapper .block-wrapper-content, .child-element-wrapper .child-element-content { display: table; width: 100%; height: 100%; transition: all 0.4s ease-in; }
.block-wrapper:hover .block-wrapper-content, .child-element-wrapper:hover .child-element-content { background: linear-gradient(to top, var(--primary-color), transparent) !important; }
.block-wrapper .block-wrapper-content .block-wrapper-text, .child-element-wrapper .child-element-content .child-element-text { display: table-cell; padding: 5%; }
.block-wrapper.centro, .child-element-wrapper.centro { text-align: center; }
.block-wrapper.destra { text-align: right; }
.block-wrapper .block-wrapper-content .block-wrapper-text .block-wrapper-description, .child-element-wrapper .child-element-content .child-element-text .child-element-text-subtitle { margin: 1em 0; font-size: 1.4em; font-weight: 300; line-height: 1.2em; min-height: 5em; }
.block-wrapper.centro .block-wrapper-content .block-wrapper-text .block-wrapper-description, .child-element-wrapper.centro .child-element-content .child-element-text .child-element-text-subtitle { margin: 1em; }

.block-wrapper:hover .block-wrapper-content .deco-title, .child-element-wrapper:hover .child-element-content .deco-title, .block-wrapper:hover .block-wrapper-content .deco-title .deco-eylet, .child-element-wrapper:hover .child-element-content .deco-title .deco-eylet { color:#fff !important; }
.block-wrapper:hover .block-wrapper-content .btn-default, .child-element-wrapper:hover .child-element-content .btn-default{ background-color:var(--tertiary-color) !important; border-color:var(--tertiary-color) !important; color:#fff !important; }

.block-wrapper.text-white .btn, .child-element-wrapper.text-white .btn { color: #fff; border-color: #fff; }
.block-wrapper .block-wrapper-icon { width: 33%; margin: 1em auto 2em auto; opacity: 1 !important; transition: 0.25s all ease-in; }
.block-wrapper:hover .block-wrapper-icon { transform: scale(1.2); }

/* Image Wrapper Styles */

.image-wrapper { display: block; position: relative; }
.image-wrapper figcaption { opacity:0; font-size:0.875em; line-height:1.5em; position:absolute; left:0; bottom:0; background-color:#fff; padding:0.2em 1em; color:var(--text-base-color); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.image-wrapper.with-caption figcaption { font-size: 4.5rem; line-height: 1em; opacity: 0; display: table; height: 100%; width: 100%; background-color: rgba(0, 169, 220, 0); position: absolute; top: 0; right: 0; left: 0; bottom: 0; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.image-wrapper.with-caption figcaption span { display: table-cell; vertical-align: middle; color: #fff; font-weight: 900; text-align: center; padding: 1em; }
.image-wrapper.visible figcaption { opacity: 1; }
.image-wrapper.partially-visible figcaption { opacity: 1; background-color: rgba(0, 169, 220, 0.1); }
.image-wrapper.with-caption:hover figcaption { opacity: 1; }
.image-wrapper.partially-visible:hover figcaption { opacity: 1; background-color: rgba(0, 169, 220, 0.8); }


/* Single Styles */

.single-post-wrapper hr { border-top: 1px dotted #601c40; }

.single-post-wrapper .post-content-wrapper:before { content: ""; display: block; height: 1em; clear: both; }

.single-post-wrapper .post-content-wrapper:after { content: ""; display: block; height: 1em; clear: both; }

.offer-content .single-post-wrapper h1.post-content-title { margin-bottom: 0.5em; }
.single-post-wrapper .post-content-subtitle { margin: 0 0 1em 0; font-family: var(--text-alt-font); font-weight: 300; text-transform: uppercase; display: block; font-size: 1.1em; color: var(--tertiary-color); }

.offer-content div.single-post-wrapper { position: relative; height: var(--single-offer-post-height); }
.offer-content div.single-post-wrapper div.row { height: 100%; }
.offer-content div.post-content-color-background { background-color: var(--offer-color); }
.offer-content div.single-post-wrapper div.post-content-wrapper { position: absolute; top: 50%; transform: translateY(-50%); }

.post-content-wrapper { padding: 1em; text-align: center; }

h3 em strong { font-size: 1.4em; text-transform: uppercase; font-weight: 300 !important; color: #4a6c57; letter-spacing: -2px; }
.text-white, .text-white > * , .text-white h3 em strong { color: #fff; }

/* Child Elements Styles */

.child-element-wrapper .child-element .child-element-image { position: relative; }
.child-element-wrapper .child-element .child-element-image .child-element-title {display: table; width: 100%; height: 100%; background: radial-gradient(circle at center, transparent, rgba(0,0,0,0.4)); position: absolute; top: 0; right: 0; left: 0;  bottom: 0; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.child-element-wrapper .child-element .child-element-image .child-element-title span { display: table-cell; vertical-align: middle; text-align: center; font-family: var(--text-alt-font); color: #fff; font-size: 1.2em; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-transform: uppercase; text-shadow: 0 0 0.2em var(--primary-color); opacity:0.7;}
.child-element-wrapper .child-element:hover .child-element-image .child-element-title span { opacity:1; }

/* Single and Page Styles */

.post-share { border-top: 1.5px dotted #460829; }
.post-share:after { content: ""; display: block; clear: both; }
.post-meta { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.post-attachment-wrapper { border-top: 1px dotted #074293; }
.post-attachment-wrapper .post-attachment { list-style: none inside; margin: 0; padding: 0; }
.post-attachment-wrapper .post-attachment a { font-size: 1.4em; }

/* Archive Page Styles */

.cat-list a { text-transform: uppercase; font-size: 0.8em; font-weight: 700; color: #222; }
.cat-list a:hover { color: #1e2859; }

.post-title { text-transform: uppercase; }

.content-blog .card-img { height: 100%; overflow: hidden; display: block; min-height: 150px; background-color: #efefef; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.content-blog .card-img img { opacity: 0; margin: 0; max-width: 100%; height: auto; max-height: 350px; }

/* Social Share Styles */

.social-share { float: right; margin: 0.5em 0; }
.social-share li { padding: 0 0.5em; }
.social-share li:last-child { padding-right: 0; }
.social-share li:first-child { padding-left: 0; }

/* Archive Styles */

.archive .post .button-wrapper.sinistra, .blog .post .button-wrapper.sinistra, .search .post .button-wrapper.sinistra { text-align: left; }
.archive .post .button-wrapper.centro, .blog .post .button-wrapper.centro, .search .post .button-wrapper.centro { text-align: center; }
.archive .post .button-wrapper.destra, .blog .post .button-wrapper.destra, .search .post .button-wrapper.destra { text-align: right; }

.archive .products.row { margin-top: 30px; }

.post .post-thumbnail, .search .post-thumbnail { height: 120px; border: none; overflow: hidden; display: block; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat; }
.post .post-thumbnail img, .search .post-thumbnail img { opacity: 0; }

.no-results { margin: 2em 0; }

/* Child pages Styles */

.child-pages-wrapper { background-color: #eaeaea; }
.child-page figure { position: relative; }
.child-page figure figcaption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: table; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.child-page figure figcaption span { display: table-cell; vertical-align: middle; text-align: center; padding: 1em; background-color: rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.child-page figure figcaption span:hover { background-color: rgba(0, 0, 0, 0); }
.child-page figure figcaption span h3 { font-size: 2.2rem; font-weight: 700; position: relative; z-index: 3; }

/* Category styles */

.subcats-section { text-align: center; padding: 4em 0; background-color: #25382d; }
.subcats-section h3 { color: #fff; }
.subcats-section .subcats-list { padding: 0; list-style: none; padding: 0; margin: 0; }
.subcats-section .subcats-list li { display: inline-block; }
.subcats-section .subcats-list li::after { content: ' | '; color: #fff; padding: 0 0.5em; }
.subcats-section .subcats-list li:last-child::after { content: ''; padding: 0; }
.subcats-section .subcats-list li a { color: #fff; font-size: 1.2em; text-decoration: none; }

/* Blog roll elements Styles */

.br-list { margin-bottom: 2em; }

.br-element { position: relative; }
.br-element a { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: var(--text-base-color); text-decoration: none; }

.br-slider { margin: 0 4em; }
.br-slider .br-slider-stager { overflow: hidden; }
.br-slider-header.inline { margin: 0 -4em; }
.br-slider .br-slider-control { position: relative; opacity: 0; transition: opacity 0.6s ease-in; }
.br-slider:hover .br-slider-control { opacity: 1; transition: opacity 0.1s ease-in; }

.br-slider .br-slider-control span { color: var(--text-color-grey); position: absolute; text-align: center; width: 4em; z-index: 20; -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; transition: all 0.2 ease-in; cursor: pointer; height: 6em; line-height: 7.2em; }
.br-slider .br-slider-control span i { font-size: 2em; }
.br-slider .br-slider-control span:hover { color: var(--primary-color); }
.br-slider .br-slider-control .br-slider-control-left { left: 0; }
.br-slider .br-slider-control .br-slider-control-right { right: 0; }

.angle { position: relative; }
.angle:before, .angle:after { display: block; content: ""; position: absolute; width: 2em; height: 2em; top: 0; left: 0; }
.angle:before { background: var(--tertiary-color); z-index: 1; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
.angle:after { background: #fff; z-index: 2; clip-path: polygon(0 0, 0% 100%, 100% 0); }

/* Card Styles */

.card .card-body .card-button-wrapper { position: absolute; padding: calc(var(--bs-card-spacer-y) * 0.6) var(--bs-card-spacer-x); display: block; text-transform: uppercase; font-family: var(--text-alt-font); border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); transition: 0.2s all ease-in; -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; right: 0; left: 0; bottom: 0; background-color: #fff; }
.crossnav-wrapper .card .card-body ul.card-categories li a:hover, .br-slider .br-element .card .card-body ul.card-categories li a:hover { transition: 0.2s all ease-in; -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; text-decoration: underline; }
.crossnav-wrapper .card .card-body .card-button-wrapper:hover, .br-slider .br-element .card .card-body .card-button-wrapper:hover { transition: 0.2s all ease-in; -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; text-decoration: underline; }

.card-img, .card-img-top { position: relative; border-radius: 0; }

.br-element .card .card-img-top figure figcaption { position: absolute; z-index: 0; top: 0; display: table; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: radial-gradient( circle at bottom, transparent 60%, var(--tertiary-color) ); text-align: center; opacity: 0; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
.br-element .card .card-img-top figure figcaption span { display: table-cell; vertical-align: middle; font-family: var(--text-alt-font); text-transform: uppercase; color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.8); }
.br-element .card:hover .card-img-top figure figcaption { opacity: 1; }

.br-element .card { border: 1px solid var(--secondary-color); border-radius: 2px; }
.br-element .card .card-img-top { padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); }
.br-element .card .card-body { position: relative; height: 20em; overflow: hidden; color: var(--tertiary-color); }
.br-element .card-title { color: var(--primary-color); font-size: 2em; }
.br-element .card-text { color: var(--primary-color); font-size: 1.5em; line-height: 1.2em; }

.br-element .card .card-body .card-categories { padding: 0; list-style: none; }
.br-element .card .card-body .card-categories li { font-family: var(--text-alt-font); text-transform: uppercase; display:inline-block; }

.post.card .card-body { height: 310px; overflow: hidden; position: relative; }
.post.card .button-wrapper { position: absolute; right: 0; left: 0; bottom: 0; margin: 0; background-color: #fff; }

.card-img { overflow: hidden; background-position: center center; background-size: cover; height: 25vh; min-height: 120px; }
.card-img img { opacity: 0; max-width: 100%; max-height: 100%; }

/* Icon Wrapper Shortcode Styles */

.icon-wrapper { margin: 0 auto; max-width: 50%; color: #1a3962; text-align: center; }
.icon-wrapper .icon-wrapper-image { transition: 0.2s all ease-in-out; }
.icon-wrapper:hover .icon-wrapper-image { transform: scale(1.2); }
.icon-wrapper.wider { max-width: 80%; }
.icon-wrapper.full { max-width: 100%; }

.icon-wrapper-text { font-size: 0.9em; text-transform: uppercase; margin-bottom: 1.2em; }

/* Archive Styles */

.post-wrapper { padding: 2em 0 0 0; margin-top: 2em; }

/* Cross Navigation Styles */

#crossnav-wrapper { background-color: var(--secondary-color-light); }

/* Sidebar Styles */

.sidebar ul { list-style: none inside; padding: 0; margin: 0 0 1em 0; }
.sidebar .sidebar-widget { margin: 0 0 0.5em 0; padding: 1em; }
.sidebar .sidebar-widget a { text-decoration: none !important; color: var(--primary-color); }
.sidebar .sidebar-widget h2 { font-size: 1.4em; margin: 0 0 0.5em 0; font-weight: 300; }

.widget_recent_entries .post-date { display: block; margin-bottom: 0.5em; font-size: 0.8em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
.widget_recent_entries li { padding: 0.2em 0 0.2em 2em; }
.widget_recent_entries li:before { content: ""; font-family: "Font Awesome 5 Free"; color: var(--primary-color); float: left; font-weight: bold; margin: 0 0 0 -1.8em; }
.widget_search .search-wrapper input[type="text"] { border-radius: 3px 3px 0 0; }
.widget_search .search-wrapper button { border-radius: 0 0 3px 3px; }

.sidebar .widget_categories .cat-item { border: 1px solid var(--primary-color); display: inline-block; padding: 0.5em 1em; margin: 0 0.5em 0.5em 0; }
.sidebar .widget_categories .cat-item:hover { background-color: var(--primary-color); color: var(--primary-color-text); }
.sidebar .widget_categories .cat-item:hover a { color: var(--primary-color-text) !important; }

/* Contact form Styles and CF7 fix */

span.wpcf7-list-item { display: inline !important; margin: 0 0 0 0; }
.form-check-label { line-height: 1.2em; font-size: 0.9em; }
div.checkbox span.wpcf7-form-control-wrap { display: inline; }
div.checkbox label.form-check-label { display: inline; }

.wpcf7-list-item-label { display: none; }
.wpcf7 a { text-decoration: underline; }
.wpcf7-spinner { display: block; margin: 0.2em auto; }
.wpcf7-not-valid-tip { font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; padding: 0.2em 1em; }

#main-header .language-selector-wrapper { position: absolute; top: 50%; right: calc(var(--header-height)* 1.1); transform: translateY(-50%); height: 100%; align-content: center; }
.language-selector-wrapper ul { position: relative; list-style: none; margin-bottom: 0; padding:0;}
.language-selector-wrapper ul li { display: inline-block; color: #fff; font-size: 1em; text-transform: uppercase; font-weight: 500; }
.language-selector-wrapper ul li::after { content: "|"; padding: 0 0.5em; }
.language-selector-wrapper ul li:last-child::after { content: ""; padding: 0; }
.language-selector-wrapper ul li a { color: #fff; text-decoration:none;}
.language-selector-wrapper ul li a:hover { color: var(--contrast-color); }
.language-selector-wrapper ul li span { opacity:0.5;}

.offcanvas .offcanvas-menu .sub-menu { display: none; }
.offcanvas .language-selector-wrapper ul, .inner .language-selector-wrapper ul { text-align: center; padding: 0; }
.offcanvas .language-selector-wrapper ul li, .inner .language-selector-wrapper ul li { color: var(--primary-color); }
.offcanvas .language-selector-wrapper ul li a, .inner .language-selector-wrapper ul li a { color: var(--primary-color); }


/* Footer Styles */

footer a { color: #fff; }
footer a:hover { color: #ccc; }

#main-footer { background: url(./img/sfondo-ingranaggi-omd.jpg); background-position: center; background-size: cover; color: #fff; font-size: 1em; padding: 5em 0; }
#main-footer ul { list-style-type: none; margin: 0; padding: 0; }
#main-footer ul li { display: inline-block; margin: 0; padding: 0; }
#main-footer ul li:last-child { padding: 0; }
#main-footer ul li a { text-decoration: none; }

#main-footer h2 { margin: 0.2em 0 0.5em 0; color: #eee; }

#main-footer ul.info-footer li { padding-right: 1em; }
#main-footer ul.info-footer li:last-child { padding-right: 0; }

#main-footer ul.bottom-menu li { padding-right: 1em; }
#main-footer ul.bottom-menu li:last-child { padding-right: 0; }
#main-footer ul.bottom-menu a { font-family: var(--text-alt-font); border-bottom: 1px dotted transparent; }
#main-footer ul.bottom-menu a:hover { border-bottom: 1px dotted; }

#company-info { color: #aaa; margin: 2em 0; }
#company-info dt { display: inline-block; margin-right: 0.2em; font-weight: 400; color: #fff; margin-bottom: 0; }
#company-info dd { display: inline; margin: 0; }
#company-info dd:after { content: ""; display: block; margin-bottom: 0.5em; }

#cta-wrapper{ padding: 6em 0; background-image: url("img/omd-ingranaggi-modena-drone-cta-vetrino.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-top: 2em solid var(--primary-color);}
#cta-wrapper .cta-box{ background-color: #fff; padding: 2em; -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2)}

/* Social Wrapper Styles */

#social-wrapper { position: relative; display: table; width: 100%; height: 100%; }
#social-wrapper .social-list { list-style: none inside; margin: 0; padding: 0; font-size: 1.5em; vertical-align: middle; display: table-row; }
#social-wrapper .social-list li { display: table-cell; vertical-align: middle; padding: 0; text-align: center; }
#social-wrapper .social-list li:last-child { padding: 0; }
#social-wrapper .social-list li a{ line-height:1em; display:block; height:1em; }


/* Pagination Styles */

.pagination { display: block; text-align: center; margin: 2em 0; }
.pagination .screen-reader-text { display: none; }
.pagination .page-numbers { border: 1px solid var(--primary-color); background-color: var(--primary-color); color: #fff; display: inline-block; height: 3em; line-height: 3em; width: 3em; vertical-align: top; text-decoration: none; }
.pagination .page-numbers.current { background-color: var(--tertiary-color); color: #fff; }
.pagination .page-numbers:not(.current):hover { background-color: var(--secondary-color); color: var(--primary-color); }
.pagination .page-numbers.next, .pagination .page-numbers.prev { font-family: "Font Awesome 5 Free"; font-weight: bold; }

/* Modal lightbox */

.lightbox { cursor: pointer; }
.modal-lightbox { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100001; }
.modal-lightbox .modal-lightbox-close, .modal-lightbox .modal-lightbox-prev, .modal-lightbox .modal-lightbox-next { font-size: 3em; position: absolute; color: #fff; transition: all 0.1s ease-in; cursor: pointer; }
.modal-lightbox .modal-lightbox-close:hover, .modal-lightbox .modal-lightbox-prev:hover, .modal-lightbox .modal-lightbox-next:hover { color: var(--primary-color); }
.modal-lightbox .modal-lightbox-close { right: 0.5em; top: 0.5em; }
.modal-lightbox .modal-lightbox-prev { left: 0.5em; top: 50%; }
.modal-lightbox .modal-lightbox-next { right: 0.5em; top: 50%; }
.modal-lightbox-image { box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.8); position: absolute; }

/*Random numbers effects Styles*/

.randomNumbers { margin: 1em 0; text-align: center; opacity: 0; position: relative; font-size: 1.4em; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
.randomNumbers > span { margin: 0 0 0.5em 0; display: block; text-align: center; font-size: 3em; font-weight: 700; }
.randomNumbers .numberCover { position: absolute; top: 0; right: 0; left: 0; }
.randomNumbers .numberCover:after { display: none; }
.randomNumbers.left { text-align: left; }
.randomNumbers.left > span { text-align: left; }
.randomNumbers.right { text-align: right; }
.randomNumbers.right > span { text-align: right; }

/* Map Shortcode */

#map-wrapper { min-height: 450px; }

/* Various Styles */

.address-block { list-style: none inside; margin: 0; padding: 1em; color: #fff; text-align: center; border: 1px solid rgba(255,255,255,0.1); }
.address-block a{ color:#fff; }
.address-block a:hover{ color:var(--tertiary-color); }

.grecaptcha-badge { display: none; }

/* Aitec credit logo styles */

.aitec-svg-logo.white .fillText { fill: #ffffff; }
.aitec-svg-logo.black .fillText { fill: #000000; }
.aitec-svg-logo.special .fillText { fill: rgba(255, 255, 255, 0); stroke: rgba(255, 255, 255, 0.3); stroke-width: 4px; transition: all 0.3s ease-in-out; }
.aitec-svg-logo.special:hover .fillText { fill: rgba(255, 255, 255, 1); }

#aitecHtmlLogo { display: none; }
#aitec-credits { display: block; text-align: center; width: 100%; font-size: 0.9em; color: #3f3f3f; }
#aitec-credits #made-by { text-transform: uppercase; }
#aitec-credits #made-by em { font-size: 1.2em; text-transform: none; margin-right: 0.2em; }
#aitec-credits a { text-decoration: none; color: #fff !important; font-family: "Times New Roman", Times, serif; font-size: 22px; text-transform: none !important; margin: 0 0 0 5px; }
#aitec-credits .at { display: inline-block; font-size: 1.15em; font-weight: 300; margin-right: -3px; margin-top: -4px; vertical-align: top; }
#aitec-credits .it { background: radial-gradient(#42518c, #42518c, rgba(208, 208, 208, 0)) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #dd3333; display: inline-block; height: 1em; line-height: 1em; width: 1em; margin: 0 -10px 0 0 !important; }

@media only screen and (max-width: 480px) {
	#aitec-credits #made-by { display: none; }
	#aitec-credits a { position: relative; margin: 0; }
}

/* Privacy policy and Cookies styles */

.modal-dialog { color: var(--text-base-color); }

.aitec-privacy-notice-body { font-size: 0.8em; line-height: 1.2em; font-style: italic; }
.aitec-privacy-notice-body a { color: var(--primary-color); text-decoration: underline; }
.privacy-policy-container h1, .privacy-policy-container h2, .privacy-policy-container h3, .privacy-policy-container h4 { margin-top: 0.4em; margin-bottom: 0.4em; }

/* PDF Book Styles */

.pdf-block { border: 1px solid #ccc; overflow: hidden; }
.pdf-block .button-wrapper { margin: 0; padding: 0; }
.pdf-block .button-wrapper .btn { border-radius: 0; }

/* Theme Specific Styles  */

#main-header { z-index: 10; height: var(--header-height); position: absolute; top: 0; left: 0; right: 0; text-align: center; background: transparent; }
#main-header.sticky { height: var(--header-height-inner); }
.inner #main-header { height: var(--header-height-inner); }
.inner #main-header.sticky { height: var(--header-height-inner); }
.admin-bar #main-header.sticky{ top:32px; }

#main-header.sticky { position: fixed; left: 0; right: 0; top: 0; background: #fff; color: var(--primary-color); box-shadow: 0 4px 5px 0px rgba(0,0,0,0.10); -webkit-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0 4px 5px 0px rgba(0,0,0,0.10); }
#main-header.sticky .language-selector-wrapper ul li { color: var(--primary-color); }
#main-header.sticky .language-selector-wrapper ul li a { color: var(--primary-color); }

#logo-wrapper { text-align: center; height: var(--header-height); aspect-ratio: 16 / 10; padding: 2em; display: block; position: absolute; top: 0; left: 0; margin: 0; font-size: 1em; }
#logo-wrapper .logo path{  fill:var(--primary-color-text); }
.inner #logo-wrapper { height: var(--header-height-inner); }
.inner #logo-wrapper .logo path{  fill:var(--primary-color); }

#logo-alt-wrapper { display: block; padding: 2em; }
#logo-alt-wrapper .logo path{  fill:var(--primary-color); }

#logo-footer { margin: 0; aspect-ratio: 2; max-height: calc(var(--header-height)/2); }

#main-header.sticky #logo-wrapper, .inner #logo-wrapper { height: var(--header-height-inner); overflow: hidden; }
#main-header.sticky #logo-wrapper .logo path, .inner #logo-wrapper .logo path{ fill:var(--primary-color); }
.inner #main-header.sticky #logo-wrapper, .inner #logo-wrapper { height: var(--header-height-inner); overflow: hidden; }

#main-menu-offcanvas { background-color: #fff; width: 20vw; }
#main-menu-offcanvas .btn-close { position:absolute; right:2em; top:2em;}
#main-menu-offcanvas .offcanvas-body { padding: 0; }
#main-menu-offcanvas .offcanvas-menu-container { height:100%; }

#offcanvas-menu { list-style: none; padding: 0; }
#offcanvas-menu li { text-align: center; text-transform: uppercase; font-size: 1.2em; padding: 0.5em 0; }
#offcanvas-menu li a { text-decoration: none; }
#offcanvas-menu li a:hover { text-decoration: underline; }

#menu-toggle { position: absolute; top: 0; right: 0; height: var(--header-height); cursor: pointer; z-index: 3; width: var(--header-height); padding: calc(calc(var(--header-height) - 50px) / 2) 0; }
#menu-toggle span { height: 2px; background-color: var(--primary-color-text); width: calc((var(--header-height) - 10px) / 2); display: block; margin: 0.625em auto; }
#main-header.sticky #menu-toggle{ height: var(--header-height-inner); width: var(--header-height-inner); padding: calc(calc(var(--header-height-inner) - 50px) / 2) 0; }
.inner #menu-toggle{ height: var(--header-height-inner); width: var(--header-height-inner); padding: calc(calc(var(--header-height-inner) - 50px) / 2) 0; }
.inner #menu-toggle span { width: calc((var(--header-height-inner) - 2em) / 2); }

.header-buttons { position: absolute; top: 0; right: 0; z-index: 2; height: var(--header-height); list-style: none inside; margin: 0; padding: 0; display: table; width: calc(var(--header-height) * 6); }
.header-buttons li { display: table-cell; vertical-align: middle; padding: 0 calc(0.5 * 1.5rem); }

#main-menu { display: block; list-style: none inside; margin: auto 0; padding: 0; position: absolute; right: calc(var(--header-height) * 1.75); top: 0; height: var(--header-height); align-content: center; }
.inner #main-menu, #main-header.sticky #main-menu { height: var(--header-height-inner); }

#main-menu > li { display: inline; margin: 0 2em; position: relative; }
#main-menu > li > a { text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: 500; color: var(--primary-color-text); padding: 1em 0; }
#main-menu > li > a:hover { text-decoration:none; color: var(--contrast-color); }
#main-menu .sub-menu { list-style: none inside; margin: 0; padding: 0; display: block; }
#main-menu .sub-menu li a { font-family: var(--text-alt-font); position: relative; padding: 0; font-size: 1em;  text-decoration:none; margin: 0.2em 0 0.2em 0; display: block; }
#main-menu .sub-menu li:last-child a { margin: 0.2em 0; }
#main-header .main-menu > li:hover .sub-menu {  -webkit-animation-name: slideMenu; animation-name: slideMenu; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#main-header .main-menu .sub-menu { -webkit-animation-name: slideMenuRevert; animation-name: slideMenuRevert; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#main-header .main-menu .sub-menu { visibility: hidden; opacity: 0; display: block; position: absolute; right: -3em; left: -3em; top: 2em; z-index: 10; background-color: var(--primary-color); padding:1em; transition: all 0.25s ease-out; border-radius: 0.5em; }
#main-header .main-menu .sub-menu li { display:block; margin:0; padding:0; }
#main-header .main-menu .sub-menu li a { display:block; font-size:1em; font-family:var(--text-alt-font); color:var(--primary-color-text); padding:1em; line-height:1.5em; text-transform:none; }
#main-header .main-menu .sub-menu li a:hover { text-decoration: none; background-color:var(--secondary-color); }
#main-header .main-menu > li.menu-item-has-children > a:after { content: ''; font-family: 'Font Awesome 5 Free'; padding: 0 0.4em; font-weight: bold; }

#main-header.sticky #main-menu > li > a, .inner #main-header #main-menu > li > a { color: var(--primary-color); }
#main-header.sticky #main-menu > li > a:hover, .inner #main-header #main-menu > li > a:hover { color: var(--text-color-dark); }
#main-header.sticky #menu-toggle span, .inner #main-header #menu-toggle span { background-color: var(--primary-color); }

.white-bg-deco, .white-bg-deco.self { box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);  background: #fff; }
.white-bg-deco .vc_column-inner { background: #fff; }

/* Features Carousel Styles */
/* Offer Archive Styles */

.offer-card { position: relative; }
.offer-card .offer-card-color { background-color: var(--offer-card-color); }

.features-carousel .features-carousel-color { background-color: var(--features-carousel-color); }
.features-carousel .features-slider, .offer-card .offer-card-caption { position: absolute; max-width: 40%; top: 50%; right: 0; margin-right: 6vw; transform: translateY(-50%); z-index: 5; }
.reverse .features-carousel .features-slider, .offer-card.reverse .offer-card-caption { right: auto; left: 0; margin-left: 6vw; margin-right: 0; }

.features-carousel .features-slider:before, .offer-card .offer-card-caption:before { content: ""; display: block; position: absolute; border: 1px solid rgba(255, 2555, 255, 0.3); width: 33%; height: 50%; top: -2em; right: -2em; }
.reverse .features-carousel .features-slider:before, .offer-card.reverse .offer-card-caption:before { right: auto; left: -2em; }
.features-carousel .features-slider .carousel-bullets { position: relative; width: auto; z-index: 2; padding: 0; display: block; text-align: right; line-height: 1.2em; height: 1.2em; margin: 0; }
.reverse .features-carousel .features-slider .carousel-bullets { text-align: left; }

.features-carousel .features-slider .carousel-bullets button { vertical-align: middle; width: 10px; height: 10px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); line-height: 10px; }
.features-carousel .features-slider .carousel-bullets button:hover,
.features-carousel .features-slider .carousel-bullets button.active { background: linear-gradient( 30deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3) ); }

.features-carousel .features-carousel-cycler, .offer-card .offer-card-img-wrapper { position: relative; height: 80vh; }
.features-carousel .features-carousel-cycler img, .offer-card img { position: absolute; width: 100%; height: 100%; z-index: 1; object-fit: cover; }
.features-carousel .features-carousel-cycler img.active { z-index: 3; }

.features-carousel .features-item-table, .offer-card .offer-card-table { display: table; width: 100%; height: 100%; }
.features-carousel .features-item-table-item, .offer-card .offer-card-table-item { display: table-cell; vertical-align: middle; }
.features-carousel .features-item-table-item .features-item-text, .offer-card .offer-card-text { font-size: 1.2em; line-height: 1.4em; margin: 1em 0; }

/* Content Sytles */

.post-content-image-background { min-height: 30%; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 6em; padding-bottom: 6em; }
.page-gallery-wrapper { padding-top: 4em; padding-bottom: 4em; background-color: var(--secondary-color-light); }

/* Snap Slider Styles */

.br-slider-snap-container { position: relative; }
.br-slider-snap-container h2{ text-align: center; }
.br-slider-snap-container .slider-item-snap { text-align: center; }
.br-slider-snap-container .slider-item-snap.tns-item { transform: scale(0.95); filter: blur(4px) brightness(0.8); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.br-slider-snap-container .slider-item-snap.tns-item.centered { transform: scale(1); filter: blur(0px) brightness(1);  }
.br-slider-snap-container .slider-item-snap.tns-item .card-button-wrapper{ position: relative }

.br-slider-snap-container .slider-item-snap.tns-item .card-title, .br-slider-snap-container .slider-item-snap.tns-item .card-text, .br-slider-snap-container .slider-item-snap.tns-item .card-button-wrapper { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-top: 0.8em; opacity: 0; }
.br-slider-snap-container .slider-item-snap.tns-item.centered .card-title, .br-slider-snap-container .slider-item-snap.tns-item.centered .card-text, .br-slider-snap-container .slider-item-snap.tns-item.centered .card-button-wrapper { opacity: 1; }
.br-slider-snap-container .slider-item-snap figure.autosquare { width: 100%; }
.br-slider-snap-container .slider-item-snap figure.autosquare figcaption { opacity: 0; }
.br-slider-snap-container .br-slider-control * { opacity: 0; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.br-slider-snap-container:hover .br-slider-control * { opacity: 1; }
.br-slider-snap-container .br-slider-control-left, .br-slider-snap-container .br-slider-control-right { position: absolute; top: 0; bottom: 0; z-index: 2; font-size: 4em; color: #fff; align-items: center; justify-content: center; width: 25%; cursor: pointer; }
.br-slider-snap-container .br-slider-control-left *, .br-slider-snap-container .br-slider-control-right * { position: absolute; top: 50%; transform: translateY(-50%); }
.br-slider-snap-container .br-slider-control-left * { left: 50%; }
.br-slider-snap-container .br-slider-control-right * { right: 50%; }
.br-slider-snap-container .br-slider-control-left { left: 0; text-align: right; }
.br-slider-snap-container .br-slider-control-right { right: 0; }