@font-face {
font-family: "Avenir Next Regular";
src: url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.eot);
src: url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.eot?#iefix) format("embedded-opentype"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.woff2) format("woff2"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.woff) format("woff"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.ttf) format("truetype"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Regular.svg#AvenirNext-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next Bold";
src: url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.eot);
src: url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.eot?#iefix) format("embedded-opentype"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.woff2) format("woff2"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.woff) format("woff"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.ttf) format("truetype"), url(//opaliarecordati.com/wp-content/themes/css/fonts/AvenirNext-Bold.svg#AvenirNext-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
.hiddenSearch {
position: fixed;
z-index: 1000;
background: rgba(255, 255, 255, 0.85);
width: 100%;
height: 100vh;
top: -100vh;
left: 0;
transition: all 0.5s ease;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}
.hiddenSearch.active {
top: 0;
transition: all 0.5s ease;
}
.hiddenSearch .searchUpArrow {
position: absolute;
bottom: 80px;
right: 80px;
display: block;
background: #efefef;
padding: 20px 10px;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}
.hiddenSearch .searchUpArrow svg {
width: 60px;
}
.hiddenSearch .searchUpArrow:hover {
transition: all 0.3s ease;
transform: scale(1.1);
}
.hiddenSearch .page-container form {
width: 80%;
margin: 0 auto;
margin-top: 80px;
border: 0;
}
.hiddenSearch .page-container form label {
border: 0;
}
.hiddenSearch .page-container form label input {
font-size: 40px !important;
background-color: transparent;
border: 0 !important;
border-bottom: 1px solid #666666 !important;
padding-bottom: 30px;
height: auto;
}
.hiddenSearch .page-container form button {
background-color: transparent !important;
border: 0;
}
.hiddenSearch .page-container form button .is-search-icon {
background-color: transparent;
border: 0;
padding-top: 15px !important;
}
.hiddenSearch .page-container form button .is-search-icon svg {
width: 30px;
}
.is-ajax-search-result .is-title a {
color: #db0b2e;
} #content.site-content {
margin-top: 110px;
}
#masthead.site-header {
max-width: 100%;
width: 100%;
padding: 0;
row-gap: unset;
background-color: rgba(255, 255, 255, 0.95);
position: fixed;
z-index: 20;
top: 0;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container {
display: block;
position: fixed;
left: 0;
top: 90px;
background: rgba(255, 255, 255, 0.95);
z-index: 2000;
margin: 0;
height: 100vh;
transition: all 0.5s ease;
}
@media screen and (max-width: 1275px) {
#masthead.site-header.mobile-active .page-container nav .primary-menu-container {
height: calc(100vh - 90px);
}
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list {
width: 100%;
max-width: 100%;
background: rgba(255, 255, 255, 0.9);
height: 100vh;
flex-direction: column;
justify-content: flex-start;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list li {
justify-content: center;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list li button span {
display: none;
}
#masthead.site-header .secondary_nav {
width: 100%;
display: flex;
background: rgb(194, 49, 43);
background: linear-gradient(90deg, rgb(194, 49, 43) 0%, rgb(69, 13, 6) 100%);
z-index: 2;
}
#masthead.site-header .secondary_nav .secondary-menu-container {
width: auto;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul {
list-style: none;
padding: 0;
display: flex;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li {
font-family: "Avenir Next Regular";
font-size: 13px;
margin-right: 50px;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li:last-of-type {
margin-right: 0;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li a {
color: white;
text-decoration: none;
}
@media screen and (max-width: 450px) {
#masthead.site-header .secondary_nav .secondary-menu-container ul li {
margin-right: 15px;
}
}
#masthead.site-header .secondary_nav .search {
margin-left: 30px;
}
#masthead.site-header .secondary_nav .search .searchForm {
margin-top: 5px;
display: block;
}
#masthead.site-header .secondary_nav .search .searchForm svg path {
fill: #ffffff !important;
}
#masthead.site-header .secondary_nav .search .searchForm:focus {
background-color: transparent;
}
#masthead.site-header .page-container {
z-index: 1;
}
#masthead.site-header .page-container .site-branding {
margin-top: 12px;
z-index: 2;
flex: 1 1;
}
#masthead.site-header .page-container .site-branding .site-logo {
margin: 0;
}
#masthead.site-header .page-container .site-branding .site-logo a svg {
width: 250px;
}
#masthead.site-header .page-container nav {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2000;
}
#masthead.site-header .page-container nav .menu-toggle {
display: none;
max-width: 30px;
align-self: flex-end;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.topbar {
transition: all 0.3s ease;
transform: rotate(45deg) scale(1) translateX(-0.1rem) translateY(0.7rem);
fill: #4d4d4d;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.middlebar {
transition: all 0.3s ease;
transform: rotate(0) scaleX(0);
opacity: 0;
fill: #4d4d4d;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.bottombar {
transition: all 0.3s ease;
transform: rotate(-45deg) translateX(0rem) translateY(-0.85rem);
fill: #4d4d4d;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .menu-toggle {
display: block;
}
}
#masthead.site-header .page-container nav .menu-toggle svg {
width: 100%;
}
#masthead.site-header .page-container nav .menu-toggle svg path {
transition: all 0.3s ease;
}
#masthead.site-header .page-container nav .menu-toggle svg path.topbar, #masthead.site-header .page-container nav .menu-toggle svg path.middlebar, #masthead.site-header .page-container nav .menu-toggle svg path.bottombar {
transition: all 0.3s ease;
transform: rotate(0) scaleX(1) translateX(0rem) translateY(0rem);
opacity: 1;
transform-origin: center;
}
#masthead.site-header .page-container nav .primary-menu-container {
background-color: unset !important;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container {
transition: all 0.5s ease;
display: block;
position: fixed;
left: 110vw;
top: 90px;
background: rgba(255, 255, 255, 0.95);
z-index: 2000;
margin: 0;
height: calc(100vh - 90px);
overflow-y: auto;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list {
width: 100%;
flex-wrap: nowrap;
max-width: 100%;
background: rgba(255, 255, 255, 0.9);
height: 100vh;
flex-direction: column;
justify-content: flex-start;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list li {
justify-content: center;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list li button span {
display: none;
}
}
@media screen and (max-width: 481px) {
#masthead.site-header .page-container nav .primary-menu-container {
opacity: 1;
visibility: visible;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
top: 65px !important;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul > li:last-of-type {
margin-right: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor > a {
font-family: "Avenir Next Bold";
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor button .icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor button .icon-minus {
display: block;
width: 20px;
margin-top: 10px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul > li {
margin-right: 0;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li {
flex-direction: column;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li a {
order: 2;
padding: 20px 0;
font-size: 15px;
font-family: "Avenir Next Regular";
color: #000000;
text-transform: uppercase;
display: block;
z-index: 2;
padding-right: 15px;
z-index: 2;
}
#masthead.site-header .page-container nav .primary-menu-container ul li a:focus {
text-decoration: none;
outline: none;
background-color: transparent;
}
#masthead.site-header .page-container nav .primary-menu-container ul li a:hover {
text-decoration: none;
outline: none;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li a {
order: 1;
text-align: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li a + .sub-menu-toggle {
margin: 0 !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button {
order: 1;
height: auto;
z-index: 2;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-plus svg {
width: 15px; }
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-minus svg { }
#masthead.site-header .page-container nav .primary-menu-container ul li:hover a {
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button {
order: 1;
height: auto;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus svg {
width: 20px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container {
display: flex;
justify-content: flex-end;
transform: translateY(-150%);
transition: all 0.3s ease;
z-index: 1;
margin-left: 0;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container {
transform: translateY(0%);
display: none;
justify-content: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container ul {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container {
display: flex;
justify-content: flex-end;
transform: translateY(0%);
transition: all 0.3s ease;
z-index: 1;
margin-left: 0;
order: 2;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container {
position: relative;
justify-content: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container ul {
display: flex;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container ul {
flex-direction: column;
align-items: center;
margin: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .page-container {
width: 100%;
max-width: 100%;
position: fixed;
top: 95px;
left: 0;
padding: 0;
background-color: rgba(255, 255, 255, 0.95);
background-image: url(//opaliarecordati.com/wp-content/themes/images/nav/sub-nav-bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100% !important;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .page-container {
position: relative;
top: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
width: 100%;
max-width: 900px;
align-self: flex-end;
border: 0;
min-height: 385px;
justify-content: flex-start;
}
@media screen and (min-width: 1600px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
margin: 0 auto;
padding-left: 315px;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
flex-direction: column;
min-height: 250px;
align-self: flex-start;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu:before, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu:after {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li {
display: flex;
background: transparent !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li .page-container {
background-image: none;
background-color: transparent;
position: relative;
top: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block > a {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
position: relative;
background-color: transparent;
background-image: none;
min-height: auto;
top: 30px;
display: block !important;
align-self: flex-start;
margin-left: 0;
justify-content: space-between;
}
@media screen and (min-width: 1600px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
margin: 0 auto;
padding-left: 0px;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
top: 0px;
border-top: 0;
border-bottom: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li {
align-items: baseline;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.menu-item-has-children a {
text-decoration: none;
font-family: "Avenir Next Regular";
color: #000000;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item a {
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button {
align-self: center;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button .icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button .icon-minus {
display: flex;
margin-top: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li button {
display: block;
width: 30px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li a {
width: 215px;
text-decoration: none;
font-family: "Avenir Next Regular";
color: #000000;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li a {
margin: 0 auto;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li .sub-menu {
display: none !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block {
max-width: 250px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block {
max-width: 100%;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.careers-block-1 {
margin-right: 50px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.careers-block-1 {
margin-right: 0px;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button {
order: 1;
height: auto;
width: 44px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-plus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-minus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-minus svg {
width: 20px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent a, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item a {
font-family: "Avenir Next Bold";
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button {
order: 1;
height: auto;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-plus, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-plus svg, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-minus, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-minus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-minus svg, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-minus svg {
width: 20px;
}
footer {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/nav/footer-bg.jpg) no-repeat center center;
background-size: cover;
margin: 0 !important;
width: 100%;
max-width: 100% !important;
}
footer .page-container {
align-items: center;
margin: 0 auto;
max-width: 95%;
}
@media screen and (min-width: 1600px) {
footer .page-container {
max-width: 1540px;
}
}
footer .page-container.logo-nav {
border-bottom: 1px solid white;
padding: 75px 0 15px 0;
margin-bottom: 30px;
}
@media screen and (max-width: 790px) {
footer .page-container.logo-nav {
flex-direction: column;
}
}
footer .page-container.logo-nav .footer-logo {
width: 275px;
}
footer .page-container.logo-nav .footer-logo svg,
footer .page-container.logo-nav .footer-logo img {
width: 100%;
}
footer .page-container.logo-nav nav {
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul {
padding-top: 20px;
}
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul li {
line-height: unset;
}
}
footer .page-container.logo-nav nav ul li a {
color: white;
font-size: 13px;
text-decoration: none;
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul li a {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media screen and (max-width: 790px) {
footer .page-container.logo-nav nav ul li:first-of-type a {
padding-left: 0;
}
}
footer .page-container.logo-nav nav ul li:last-of-type a {
padding-right: 0;
}
footer .page-container.disclaimer-social {
padding: 0 0 15px 0;
}
@media screen and (max-width: 630px) {
footer .page-container.disclaimer-social {
flex-direction: column;
}
}
footer .page-container.disclaimer-social .disclaimer p {
color: white;
font-size: 11px;
line-height: 15px;
}
@media screen and (max-width: 630px) {
footer .page-container.disclaimer-social .disclaimer p {
text-align: center;
margin-bottom: 20px;
}
}
footer .page-container.disclaimer-social .social ul {
padding-left: 0;
display: flex;
list-style: none;
}
footer .page-container.disclaimer-social .social ul li a svg,
footer .page-container.disclaimer-social .social ul li a img {
width: 38px;
} #masthead.site-header .secondary_nav {
justify-content: flex-right;
}
#masthead.site-header .secondary_nav .page-container {
justify-content: flex-end;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (max-width: 450px) {
#masthead.site-header .secondary_nav .page-container {
padding-left: 15px;
}
}
#masthead.site-header .page-container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1600px;
padding: 0 30px;
margin: 0 auto;
}
.page-container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1600px;
padding: 0 30px;
}
.page-container.products {
flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
.page-container.products {
padding: 0px;
}
}
.page-container.media {
flex-wrap: no-wrap !important;
}
.site-main {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.site-main article .elementor {
width: 100%;
max-width: 1600px !important;
}
.elementor-top-section {
margin-top: 10px;
}
.elementor-widget-wrap {
padding: 0 !important;
}  .map-figures .elementor-widget:not(:last-child) {
margin-bottom: 0px !important;
}
.flex-wrap .elementor-container {
flex-wrap: wrap;
}
.portrait .ha-modal-animation {
background-image: url(//opaliarecordati.com/wp-content/themes/images/our-company/modal-popup-bg.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 35%;
}
.portrait .ha-modal-inner-content {
display: flex;
flex-wrap: wrap;
position: relative;
}
.portrait .ha-modal-inner-content .ha-modal-content__image {
width: 20%;
position: absolute;
right: 0;
top: 0%;
transform: translateX(-30%) translateY(40%);
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__image {
right: unset;
left: 0;
transform: translateX(0%) translateY(0%);
width: 40%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__title {
width: 65%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__title {
padding-top: 250px;
width: 100%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 65%;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 100%;
}
}
.filters {
display: flex;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 767px) {
.filters {
flex-direction: column;
}
}
.e-n-tabs-heading {
min-width: 180px;
}
.e-n-tabs-heading .e-n-tab-title:first-of-type {
margin-top: 60px;
}
.elementor-element-b3ff94b .e-n-tabs-heading {
padding-top: 60px !important;
}
.standard-tabs .e-n-tabs-heading {
min-width: unset;
}
.standard-tabs .e-n-tabs-heading .e-n-tab-title:first-of-type {
margin-top: unset;
}
.investor-posts .elementor-posts {
max-height: 400px;
overflow-y: auto;
}
.elementor-widget-container ol {
font-family: noto-sans, sans-serif;
}
.bzOpeningsList {
padding-left: 0;
}
.bzOpeningsList .bzOpening {
border-bottom: 1px solid #ffe494;
margin-bottom: 20px;
padding-bottom: 20px;
}
.bzOpeningsList .bzOpening:before {
display: none;
}
.bzOpeningsList .bzOpening a {
transition: all 0.3s ease;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.bzOpeningsList .bzOpening a h2 {
order: 1;
font-family: "noto-sans";
font-weight: 700;
font-size: 22px !important;
width: 65%;
}
.bzOpeningsList .bzOpening a button {
border-radius: 25px;
padding: 8px 25px 8px 25px;
font-family: "noto-sans";
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 100%;
align-self: center;
order: 2;
}
.bzOpeningsList .bzOpening a ul {
width: 100%;
order: 3;
}
.video-banner a {
text-transform: unset !important;
}
@media screen and (min-width: 2028px) {
.video-banner {
max-height: 850px !important;
min-height: 850px !important;
overflow: hidden;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 2028px) {
.video-banner:before {
max-height: 850px !important;
overflow: hidden;
}
}
@media screen and (min-width: 2028px) {
.video-banner .elementor-background-video-container {
max-height: 850px !important;
overflow: hidden;
}
}
.elementor-field-type-submit {
display: block;
width: 100%;
}
.elementor-field-type-submit button {
float: right;
max-width: 250px;
display: block;
width: 100%;
margin-top: 40px;
}
.elementor-field-type-checkbox input {
min-width: 20px;
display: inline-block !important;
border: 1px solid #000000;
}
.elementor-field-type-checkbox input:after {
height: 16px;
width: 9px;
left: 7px;
}
.elementor-field-group {
display: flex;
flex-wrap: nowrap !important;
align-items: center;
}
@media screen and (max-width: 600px) {
.elementor-field-group {
flex-wrap: wrap !important;
}
}
.elementor-field-group label {
width: 20%;
}
@media screen and (max-width: 768px) {
.elementor-field-group label {
width: 30%;
}
}
@media screen and (max-width: 600px) {
.elementor-field-group label {
width: 100%;
}
}
.elementor-field-group input {
width: 70%;
}
@media screen and (max-width: 768px) {
.elementor-field-group input {
width: 65%;
}
}
.elementor-field-group input[type=checkbox] {
max-width: 20px;
max-height: 20px;
}
.profileRegister .elementor-field-group {
display: flex;
flex-wrap: nowrap !important;
align-items: center;
}
@media screen and (max-width: 600px) {
.profileRegister .elementor-field-group {
flex-wrap: wrap !important;
}
}
.profileRegister .elementor-field-group label {
width: 30%;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-group label {
width: 35%;
}
}
@media screen and (max-width: 600px) {
.profileRegister .elementor-field-group label {
width: 100%;
}
}
.profileRegister .elementor-field-group .elementor-field-textual,
.profileRegister .elementor-field-group .elementor-select-wrapper {
width: 70% !important;
flex-basis: 70% !important;
margin: 0 !important;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-group .elementor-field-textual,
.profileRegister .elementor-field-group .elementor-select-wrapper {
width: 65% !important;
flex-basis: 65% !important;
}
}
.profileRegister .elementor-field-type-password > div {
width: 70% !important;
flex-basis: 70% !important;
margin: 0 !important;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-type-password > div {
width: 65% !important;
flex-basis: 65% !important;
}
}
.profileRegister .elementor-error {
flex-wrap: wrap !important;
}
.alert-links {
padding-top: 30px;
}
.alert-links a {
padding: 8px 25px;
border: 1px solid #bd1622;
border-radius: 25px;
transition: all 0.3s ease;
transform: scale(1);
display: inline-block;
}
.alert-links a:hover {
transform: scale(1.1);
}
.alert-links a:first-of-type {
margin-right: 20px;
}
.elementor-error {
flex-wrap: wrap !important;
}
.map-figures .elementor-widget:not(:last-child) {
margin-bottom: 0px !important;
}
.flex-wrap .elementor-container {
flex-wrap: wrap;
}
.portrait .ha-modal-animation {
background-image: url(//opaliarecordati.com/wp-content/themes/images/our-company/modal-popup-bg.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 35%;
}
.portrait .ha-modal-inner-content {
display: flex;
flex-wrap: wrap;
position: relative;
}
.portrait .ha-modal-inner-content .ha-modal-content__image {
width: 20%;
position: absolute;
right: 0;
top: 0%;
transform: translateX(-30%) translateY(40%);
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__image {
right: unset;
left: 0;
transform: translateX(0%) translateY(0%);
width: 40%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__title {
width: 65%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__title {
padding-top: 250px;
width: 100%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 65%;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 100%;
}
}
.products-wrapper {
max-height: 500px;
width: 100%;
overflow-y: auto;
}
.product-selector-body {
display: none;
}
.product-selector-headers,
.product-selector-body {
justify-content: center;
width: 100%;
transition: all 0.3s ease;
}
.product-selector-headers.active,
.product-selector-body.active {
display: flex;
transition: all 0.3s ease;
}
.product-selector-headers .brand,
.product-selector-body .brand {
width: 25%;
}
.product-selector-headers .generic,
.product-selector-body .generic {
width: 25%;
}
.product-selector-headers .country,
.product-selector-body .country {
width: 25%;
max-width: 200px;
}
.product-selector-headers .line,
.product-selector-body .line {
width: 25%;
max-width: 50px;
}
.product-selector-headers.rareDisease .generic,
.product-selector-body.rareDisease .generic {
width: 40%;
}
.product-selector-headers {
display: flex;
justify-content: center;
}
.product-selector-headers > div {
font-weight: 700;
}
.media .media_top_nav {
width: 70%;
list-style: none;
position: relative;
}
@media screen and (max-width: 650px) {
.media .media_top_nav {
width: 100%;
}
}
.media .media_top_nav li {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 50px;
}
.media .media_top_nav li:last-of-type .topLink {
border-width: 1px 1px 0px 1px;
}
.media .media_top_nav li .topLink {
position: absolute;
top: 0;
transform: translateY(-100%);
width: 33%;
border-width: 1px 0px 0px 1px;
border-color: black;
border-style: solid;
text-align: center;
text-decoration: none;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.media .media_top_nav li .topLink.active {
font-weight: bold;
}
.media .media_top_nav li:first-of-type {
position: relative;
}
.media .media_top_nav li:first-of-type .topLink {
width: 33%;
}
.media .media_top_nav li:first-of-type .posts .topLine {
width: 66%;
left: 33%;
}
.media .media_top_nav li:first-of-type .posts .topLine2 {
width: 0;
}
.media .media_top_nav li:nth-child(2) .posts .topLine {
width: 33%;
left: 66%;
}
.media .media_top_nav li:nth-child(2) .posts .topLine2 {
width: 33%;
left: 0;
}
.media .media_top_nav li:nth-child(3) .posts .topLine {
width: 0%;
left: 100%;
}
.media .media_top_nav li:nth-child(3) .posts .topLine2 {
width: 66%;
left: 0;
}
.media .media_top_nav li:nth-child(2) .topLink {
left: 33%;
}
.media .media_top_nav li:nth-child(3) .topLink {
left: 66%;
}
.media .media_top_nav li .posts {
display: none;
flex-direction: column;
max-height: 500px;
overflow-y: auto;
padding-top: 30px;
}
.media .media_top_nav li .posts .topLine,
.media .media_top_nav li .posts .topLine2 {
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: black;
}
.media .media_top_nav li .posts.active {
display: flex;
flex-direction: column;
}
.media .media_top_nav li .posts .post {
display: none;
}
.media .media_top_nav li .posts .post.latest {
display: flex;
}
.media .media_top_nav li .posts .post.active {
display: flex;
}
.media .media_top_nav li .posts .post .titles h4 {
font-size: 14px;
}
.media .media_top_nav li .posts .post .titles h5 {
font-size: 12px;
margin-bottom: 5px;
}
.media .year_nav {
width: 25%;
}
.media .year_nav ul {
list-style: none;
}
.media .year_nav ul li a.active {
font-weight: bold;
}
.e-n-tabs-heading {
min-width: 180px;
}
.Completed {
background: #F2F2F2 !important;
}
.Completed h6 {
color: #99307b !important;
}
.Completed > div:first-of-type {
border-right: 1px solid #333333 !important;
}
@media screen and (max-width: 768px) {
.Completed > div:first-of-type {
border-right: 0px !important;
}
}
.Completed .elementor-widget-text-editor {
color: #999999 !important;
}
.Completed .elementor-button {
color: #999999 !important;
border-color: #999999 !important;
}
.downloads .elementor-button.pdf {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/icon-pdf.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.pdf .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.zip {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/icon-zip.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.zip .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.html {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/icon-html.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.html .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.mp4 {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/icon-mp4.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.mp4 .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.mp3 {
background: transparent url(//opaliarecordati.com/wp-content/themes/images/icon-mp3.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.mp3 .elementor-button-content-wrapper {
display: none !important;
} .page-header.media {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
overflow: hidden;
}
.page-header.media .page-container {
position: relative;
min-height: 42vw;
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 0;
margin: 0 auto;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container {
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
}
.page-header.media .page-container video {
position: absolute;
width: 100%;
z-index: 1;
}
@media screen and (max-width: 750px) {
.page-header.media .page-container video {
height: 120%;
width: auto;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container video.desktopVideo {
display: none;
}
}
.page-header.media .page-container video.mobileVideo {
display: none;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container video.mobileVideo {
display: block;
position: relative;
left: 0;
top: 0;
transform: translateX(0) translateY(0);
width: 100%;
}
}
@media screen and (min-width: 1500px) {
.page-header.media .page-container {
min-height: 750px;
}
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container {
justify-content: flex-start;
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container {
flex-direction: column;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
display: block;
min-height: 0;
padding-top: 0;
}
}
.page-header.media .page-container .left {
width: 50%;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container .left {
width: 0;
}
}
.page-header.media .page-container .right {
width: 50%;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container .right {
width: 100%;
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right {
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
background: #25994d;
}
}
.page-header.media .page-container .right h1 {
width: 78%;
font-family: noto-sans, sans-serif;
font-weight: 700;
color: white;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right h1 {
font-size: 40px;
}
}
.page-header.media .page-container .right p {
width: 78%;
font-family: noto-sans, sans-serif;
color: white;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right p {
width: 88%;
}
}
.page-header.media .page-container .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
.page-header.media .page-container .overlay {
background: rgba(0, 0, 0, 0);
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .overlay {
display: none;
}
}
.elementor-section.page-header {
border-bottom: 0;
}
.two-columns {
margin: 0 auto !important;
}
@media screen and (max-width: 1175px) {
.two-columns {
width: 90% !important;
}
}
.two-columns h2 {
color: #000000;
background: transparent url(//opaliarecordati.com/wp-content/themes/images/heading-symbol.svg) no-repeat right top;
background-size: auto 30px;
}
.two-columns .left-column img { }
.two-columns .left-column.image:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: transparent url(//opaliarecordati.com/wp-content/themes/images/section-bottom-left.svg) no-repeat center;
background-size: 100%;
bottom: 0;
left: 0;
z-index: 2;
}
.two-columns .right-column img { }
.two-columns .right-column.image:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: transparent url(//opaliarecordati.com/wp-content/themes/images/section-bottom-right.svg) no-repeat center;
background-size: 100%;
bottom: 0;
right: 0;
z-index: 2;
}
.products .productsWrapper {
margin: 30px 0;
padding: 40px;
width: 100%;
background: #ededed;
}
@media screen and (max-width: 580px) {
.products .productsWrapper {
padding: 0px;
}
}
.products .productsWrapper .filters {
background: #b11622;
}
.products .productsWrapper .filters .product-filter {
width: 50%;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .filters .product-filter:nth-child(2) {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.products .productsWrapper .filters .product-filter {
width: 100%;
}
}
.products .productsWrapper .filters .product-filter .head {
text-transform: uppercase;
font-weight: 700;
color: white;
padding: 10px 0 10px 50px;
font-size: 20px;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .filters .product-filter .head {
font-size: 16px;
}
}
.products .productsWrapper .filters .product-filter:nth-chiild(2) .head {
padding-left: 0;
}
.products .productsWrapper .filters .product-filter:nth-chiild(2) select {
width: 100%;
}
.products .productsWrapper .filters .product-filter select {
width: 97.5%;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border: 0;
background: #ededed url(//opaliarecordati.com/wp-content/themes/images/select-down-arrow.svg) no-repeat 96% 18px;
background-size: 35px;
padding: 8px 0 8px 50px;
}
.products .productsWrapper .filters .product-filter select:focus {
outline: none;
}
.products .productsWrapper .scroller {
width: 100%;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .scroller {
overflow-x: auto;
}
}
.products .productsWrapper .products-wrapper {
max-height: 500px;
min-height: 400px;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .products-wrapper {
overflow-x: visible;
width: 150%;
}
}
.products .productsWrapper .product-selector-body {
display: none;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-body {
overflow-x: hidden;
}
}
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
justify-content: space-between;
width: 100%;
transition: all 0.3s ease;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
overflow: hidden;
width: 100%;
}
}
.products .productsWrapper .product-selector-headers.active,
.products .productsWrapper .product-selector-body.active {
display: flex;
transition: all 0.3s ease;
}
.products .productsWrapper .product-selector-headers .error,
.products .productsWrapper .product-selector-body .error {
width: 100%;
text-align: center;
}
.products .productsWrapper .product-selector-headers .brand,
.products .productsWrapper .product-selector-body .brand {
width: 25%;
}
.products .productsWrapper .product-selector-headers .generic,
.products .productsWrapper .product-selector-body .generic {
width: 25%;
}
.products .productsWrapper .product-selector-headers .country,
.products .productsWrapper .product-selector-body .country {
width: 25%;
max-width: 200px;
}
.products .productsWrapper .product-selector-headers .line,
.products .productsWrapper .product-selector-body .line {
width: 25%;
max-width: 50px;
}
.products .productsWrapper .product-selector-headers.rareDisease .generic,
.products .productsWrapper .product-selector-body.rareDisease .generic {
width: 40%;
}
@media screen and (max-width: 550px) {
.products .productsWrapper .product-selector-body > div {
font-size: 14px;
}
}
.products .productsWrapper .product-selector-headers {
display: flex;
justify-content: space-between;
padding-bottom: 15px;
border-bottom: 1px solid #bd1622;
padding-top: 40px;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-headers {
width: 150%;
}
}
.products .productsWrapper .product-selector-headers > div {
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 550px) {
.products .productsWrapper .product-selector-headers > div {
font-size: 12px;
}
}
.media.page-container {
margin: 0 auto;
flex-wrap: wrap;
padding: 0;
}
.media.page-container h2 {
width: 100%;
font-weight: 700;
margin-bottom: 50px;
margin-top: 80px;
}
@media screen and (max-width: 865px) {
.media.page-container h2 {
margin-top: 30px;
}
}
.media .media_wrapper {
width: 85%;
flex-direction: column;
display: flex;
padding: 0px 20px 0;
}
@media screen and (max-width: 865px) {
.media .media_wrapper {
width: 100%;
order: 2;
}
}
.media .media_wrapper .media_top_nav {
list-style: none;
position: relative;
padding-left: 0;
}
.media .media_wrapper .media_top_nav li {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 50px;
}
.media .media_wrapper .media_top_nav li.active {
position: relative;
}
.media .media_wrapper .media_top_nav li.active .topLink {
font-weight: bold;
border-color: #25994d;
opacity: 1;
background-color: transparent;
}
.media .media_wrapper .media_top_nav li.active .topLink:hover {
background: white;
color: #25994d;
}
.media .media_wrapper .media_top_nav li.active .posts {
display: flex;
flex-direction: column;
}
.media .media_wrapper .media_top_nav li:last-of-type .topLink {
border-width: 1px 1px 0px 1px;
}
.media .media_wrapper .media_top_nav li .topLink {
font-family: noto-sans;
position: absolute;
top: 0;
transform: translateY(-100%);
width: 32%;
border-width: 1px 1px 0px 1px;
border-color: #ffe494;
border-style: solid;
background-color: #ffe494;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-right: 1%;
text-decoration: none;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
font-weight: 700;
font-size: 26px;
opacity: 1;
transition: all 0.3s ease;
font-size: 17px;
line-height: 18px;
min-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.media .media_wrapper .media_top_nav li .topLink:hover {
background-color: #25994d;
color: white;
transition: all 0.3s ease;
}
@media screen and (max-width: 680px) {
.media .media_wrapper .media_top_nav li .topLink {
font-size: 18px;
}
}
@media screen and (max-width: 680px) {
.media .media_wrapper .media_top_nav li .topLink {
font-size: 12px;
}
}
.media .media_wrapper .media_top_nav li:first-of-type .topLink {
width: 32%;
}
.media .media_wrapper .media_top_nav li:first-of-type .posts .topLine {
width: 67%;
left: 32%;
}
.media .media_wrapper .media_top_nav li:first-of-type .posts .topLine2 {
width: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .posts .topLine {
width: 35%;
left: 65%;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .posts .topLine2 {
width: 33%;
left: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .topLink {
margin-right: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .posts .topLine {
width: 2%;
left: 98%;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .posts .topLine2 {
width: 66%;
left: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .topLink {
left: 33%;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .topLink {
left: 66%;
}
.media .media_wrapper .media_top_nav li .posts {
display: none;
flex-direction: column;
max-height: 750px;
overflow-y: auto;
padding-top: 50px;
}
.media .media_wrapper .media_top_nav li .posts .topLine,
.media .media_wrapper .media_top_nav li .posts .topLine2 {
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: #25994d;
}
.media .media_wrapper .media_top_nav li .posts .post {
padding-bottom: 50px;
flex-wrap: wrap;
border-bottom: 1px solid #801714;
margin-bottom: 50px;
position: relative;
display: none;
}
.media .media_wrapper .media_top_nav li .posts .post.price-sensitive:after {
content: "price sensitive";
color: #bd1622;
font-family: noto-sans;
font-size: 11px;
padding-left: 20px;
background: transparent url(//opaliarecordati.com/wp-content/themes/images/price-sensitive.png) no-repeat left center;
background-size: 14px;
position: absolute;
bottom: 5px;
left: 5px;
}
.media .media_wrapper .media_top_nav li .posts .post.latest {
display: flex;
}
.media .media_wrapper .media_top_nav li .posts .post.active {
display: flex;
}
.media .media_wrapper .media_top_nav li .posts .post .titles {
width: 85%;
}
.media .media_wrapper .media_top_nav li .posts .post .titles h4 {
font-family: noto-sans;
font-size: 16px;
font-weight: 300;
}
.media .media_wrapper .media_top_nav li .posts .post .titles h5 {
font-family: noto-sans;
font-size: 13px;
margin-bottom: 5px;
}
.media .media_wrapper .media_top_nav li .posts .post .link {
width: 95%;
text-align: right;
}
.media .media_wrapper .media_top_nav li .posts .post .link a {
font-family: noto-sans;
border: 1px solid #25994d;
padding: 8px 25px 8px 25px;
text-decoration: none;
transition: all 0.3s ease;
transform: scale(1);
border-radius: 25px;
display: inline-block;
}
.media .media_wrapper .media_top_nav li .posts .post .link a:focus, .media .media_wrapper .media_top_nav li .posts .post .link a:active {
text-decoration: none;
outline: none;
}
.media .media_wrapper .media_top_nav li .posts .post .link a:hover {
transition: all 0.3s ease;
transform: scale(1.05);
}
.media .year_nav {
width: 15%;
background: #dedddd;
padding: 200px 0px 80px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 865px) {
.media .year_nav {
width: 100%;
order: 1;
padding: 30px 0px 30px;
flex-wrap: wrap;
}
}
.media .year_nav h4 {
padding-left: 15px;
}
.media .year_nav ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 865px) {
.media .year_nav ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
}
.media .year_nav ul li {
display: flex;
width: 100%;
margin-bottom: 4px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li {
width: auto;
display: block;
}
}
.media .year_nav ul li a {
font-family: noto-sans;
text-decoration: none;
display: flex;
align-items: center;
transition: all 0.3s ease;
background: #dedddd;
max-width: 75%;
width: 75%;
padding: 15px 15px 15px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li a {
border-radius: 30px;
line-height: 100%;
padding: 5px;
text-align: center;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 650px) {
.media .year_nav ul li a {
padding: 10px 25px 10px 25px;
}
}
.media .year_nav ul li a:before {
content: "";
background: transparent url(//opaliarecordati.com/wp-content/themes/images/nav/top-nav-indicator.svg) no-repeat center;
width: 19px;
height: 12px;
background-size: 100%;
margin-right: 5px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li a:before {
display: none;
}
}
.media .year_nav ul li a.active, .media .year_nav ul li a:hover, .media .year_nav ul li a:focus, .media .year_nav ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
font-weight: 700;
display: flex;
align-items: center;
transition: all 0.3s ease;
background: #2f9b4d;
color: white;
outline: none;
}
.media .year_nav ul li a.active:before, .media .year_nav ul li a:hover:before, .media .year_nav ul li a:focus:before, .media .year_nav ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button):before {
content: "";
background: transparent url(//opaliarecordati.com/wp-content/themes/images/nav/top-nav-current-white.svg) no-repeat center;
width: 19px;
height: 5px;
background-size: 100%;
margin-right: 5px;
}
html {
font-size: 16px; background: white;
}
body {
font-size: 16px; background: white;
}
h1, h2, h3, h4, h5 { font-family: "noto-sans", sans-serif;
margin-bottom: 15px;
text-transform: unset;
}
h1 span, h2 span, h3 span, h4 span, h5 span {
color: #cf052c;
}
h1 {
font-size: 65px;
}
h2 {
font-size: 45px; }
h3 {
font-size: 30px;
}
h4 {
font-size: 25px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
li, p { line-height: unset;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus svg {
align-self:flex-start;
margin-top:27px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-plus svg {
align-self:flex-start;
margin-top:22px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
max-width: 800px;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor:hover button .icon-minus {
margin-top:0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover .page-container button span.icon-minus svg {
margin-top:0;
}
html, body {
max-width: 100vw;
overflow-x: hidden !important;
}
.product_title{
margin-bottom: 0px!important;
}
.site-main{
max-width: 1600px !important;
}	
.woocommerce-custom-attributes-table {
margin-top: 20px;
background-color: #fefefe;
font-size: 15px;
}
.video-banner {
background-size: cover!important;
}
.woocommerce-custom-attributes-table th {
background-color: #f5f5f5;
width: 220px;
font-weight: bold;
}
.woocommerce-custom-attributes-table td, 
.woocommerce-custom-attributes-table th {
border: 1px solid #ccc;
}
.woocommerce ul.products.columns-4 li.product {
width: auto!important;
}
.product-custom-attributes {
margin-top: 20px;
padding: 15px;
background-color: #f9f9f9;
}
.product-custom-attributes p {
margin-bottom: 8px;
}
.notice-link {
color: #0073aa;
text-decoration: underline;
}	
.notice-link {
display: inline-block;
background: #d4161a;
color: #fff;
padding: 0.6em 1.5em;
border: none;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
font-size: 1em;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
}
.notice-link:hover,
.notice-link:focus {
background: #a81211; color: #fff;
text-decoration: none;
transform: translateY(-2px) scale(1.03);
box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}
#uptoparea {
height: 40px;
}
#top_menu_opalia ul li:before {
content: "" !important;
font-size: 0px !important;
}
#top_menu_opalia ul{
padding: 10px;
font-size : 11px;
}
#top_menu_opalia ul li{
padding-right: 10px;
}
#opalia_footer_menu ul{
padding: 10px;
font-size : 11px;  
}
#opalia_footer_menu ul li:before {
content: "" !important;
font-size: 0px !important;
}
#primary_menu_opalia .elementor-nav-menu > li > a.elementor-item {
display: inline-block;
transition: color 0.3s ease;
}
#primary_menu_opalia .elementor-nav-menu > li:hover > a.elementor-item,
.elementor-nav-menu > li.current-menu-item > a.elementor-item {
color: #9a1d1a;
}
#primary_menu_opalia .elementor-widget-container ul li {
list-style: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-family: noto-sans, sans-serif !important;
}
#primary_menu_opalia .elementor-widget-container ul li:before {
content: "\\"!important;
font-size: inherit!important;
color: #DB0B2E;
display: block;
height: 100%;
margin-right: 0.25rem;
transform: rotate(-25deg);
transform-origin: center;
}
#primary_menu_opalia .elementor-widget-container ul li:hover:before {
transform: rotate(-69.1deg);
}
#primary_menu_opalia .elementor-sub-item {
padding-top: 0px;
text-transform: uppercase;
}
#primary_menu_opalia .elementor-widget-container li.menu-item-has-children > ul.sub-menu li.menu-item:hover:before {
transform: rotate(-25deg);
}
.elementor-nav-menu li.menu-item-has-children > .sub-menu {
display: none;
position: fixed;
left: 0!important;
width: 100vw!important;
min-width: 100vw!important;
max-width: 100vw!important;
top: 90px!important;
z-index: 10000;
box-shadow: 0 8px 32px rgba(0,0,0,0.07);
padding-top: 32px!important;
padding-bottom: 32px!important;
padding-left: 40%!important;
padding-right: 32px!important;
margin: 0!important; display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center; gap: 0 48px;
transition: opacity 0.2s;
opacity: 0;
visibility: hidden;
}
.elementor-nav-menu li.menu-item-has-children:hover > .sub-menu,
.elementor-nav-menu li.menu-item-has-children:focus-within > .sub-menu,
.elementor-nav-menu li.menu-item-has-children > .sub-menu:hover {
display: grid;
opacity: 1;
visibility: visible;
margin: 0!important;
} .elementor-nav-menu li.menu-item-has-children > .sub-menu > li {
justify-self: center;
width: 100%;
} @media screen and (max-width: 1024px) {
#primary_menu_opalia .elementor-nav-menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#primary_menu_opalia .elementor-nav-menu > li {
width: 100%;
display: flex;
justify-content: center;
} .elementor-nav-menu li.menu-item-has-children > .sub-menu {
position: static !important;
width: 100%;
min-width: 0;
max-width: 100%;
box-shadow: none;
padding: 16px 0 16px 0 !important;
margin-top: 0;
display: none; opacity: 1;
visibility: visible;
grid-template-columns: 1fr; justify-items: center;
gap: 16px 0;
}
.elementor-nav-menu li.menu-item-has-children.open > .sub-menu {
display: flex;
flex-direction: column;
align-items: center;
} .elementor-nav-menu li.menu-item-has-children > .sub-menu > li {
width: 100%;
display: flex;
justify-content: center;
padding: 8px 0;
}
}@font-face {
font-family: "Avenir Next Regular";
src: url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.eot);
src: url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.eot?#iefix) format("embedded-opentype"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.woff2) format("woff2"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.woff) format("woff"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.ttf) format("truetype"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Regular.svg#AvenirNext-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next Bold";
src: url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.eot);
src: url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.eot?#iefix) format("embedded-opentype"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.woff2) format("woff2"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.woff) format("woff"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.ttf) format("truetype"), url(//opaliarecordati.com/wp-content/themes/recordati/css/fonts/AvenirNext-Bold.svg#AvenirNext-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
.hiddenSearch {
position: fixed;
z-index: 1000;
background: rgba(255, 255, 255, 0.85);
width: 100%;
height: 100vh;
top: -100vh;
left: 0;
transition: all 0.5s ease;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}
.hiddenSearch.active {
top: 0;
transition: all 0.5s ease;
}
.hiddenSearch .searchUpArrow {
position: absolute;
bottom: 80px;
right: 80px;
display: block;
background: #efefef;
padding: 20px 10px;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}
.hiddenSearch .searchUpArrow svg {
width: 60px;
}
.hiddenSearch .searchUpArrow:hover {
transition: all 0.3s ease;
transform: scale(1.1);
}
.hiddenSearch .page-container form {
width: 80%;
margin: 0 auto;
margin-top: 80px;
border: 0;
}
.hiddenSearch .page-container form label {
border: 0;
}
.hiddenSearch .page-container form label input {
font-size: 40px !important;
background-color: transparent;
border: 0 !important;
border-bottom: 1px solid #666666 !important;
padding-bottom: 30px;
height: auto;
}
.hiddenSearch .page-container form button {
background-color: transparent !important;
border: 0;
}
.hiddenSearch .page-container form button .is-search-icon {
background-color: transparent;
border: 0;
padding-top: 15px !important;
}
.hiddenSearch .page-container form button .is-search-icon svg {
width: 30px;
}
.is-ajax-search-result .is-title a {
color: #db0b2e;
} #content.site-content {
margin-top: 110px;
}
#masthead.site-header {
max-width: 100%;
width: 100%;
padding: 0;
row-gap: unset;
background-color: rgba(255, 255, 255, 0.95);
position: fixed;
z-index: 20;
top: 0;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container {
display: block;
position: fixed;
left: 0;
top: 90px;
background: rgba(255, 255, 255, 0.95);
z-index: 2000;
margin: 0;
height: 100vh;
transition: all 0.5s ease;
}
@media screen and (max-width: 1275px) {
#masthead.site-header.mobile-active .page-container nav .primary-menu-container {
height: calc(100vh - 90px);
}
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list {
width: 100%;
max-width: 100%;
background: rgba(255, 255, 255, 0.9);
height: 100vh;
flex-direction: column;
justify-content: flex-start;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list li {
justify-content: center;
}
#masthead.site-header.mobile-active .page-container nav .primary-menu-container #primary-menu-list li button span {
display: none;
}
#masthead.site-header .secondary_nav {
width: 100%;
display: flex;
background: rgb(194, 49, 43);
background: linear-gradient(90deg, rgb(194, 49, 43) 0%, rgb(69, 13, 6) 100%);
z-index: 2;
}
#masthead.site-header .secondary_nav .secondary-menu-container {
width: auto;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul {
list-style: none;
padding: 0;
display: flex;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li {
font-family: "Avenir Next Regular";
font-size: 13px;
margin-right: 50px;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li:last-of-type {
margin-right: 0;
}
#masthead.site-header .secondary_nav .secondary-menu-container ul li a {
color: white;
text-decoration: none;
}
@media screen and (max-width: 450px) {
#masthead.site-header .secondary_nav .secondary-menu-container ul li {
margin-right: 15px;
}
}
#masthead.site-header .secondary_nav .search {
margin-left: 30px;
}
#masthead.site-header .secondary_nav .search .searchForm {
margin-top: 5px;
display: block;
}
#masthead.site-header .secondary_nav .search .searchForm svg path {
fill: #ffffff !important;
}
#masthead.site-header .secondary_nav .search .searchForm:focus {
background-color: transparent;
}
#masthead.site-header .page-container {
z-index: 1;
}
#masthead.site-header .page-container .site-branding {
margin-top: 12px;
z-index: 2;
flex: 1 1;
}
#masthead.site-header .page-container .site-branding .site-logo {
margin: 0;
}
#masthead.site-header .page-container .site-branding .site-logo a svg {
width: 250px;
}
#masthead.site-header .page-container nav {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2000;
}
#masthead.site-header .page-container nav .menu-toggle {
display: none;
max-width: 30px;
align-self: flex-end;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.topbar {
transition: all 0.3s ease;
transform: rotate(45deg) scale(1) translateX(-0.1rem) translateY(0.7rem);
fill: #4d4d4d;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.middlebar {
transition: all 0.3s ease;
transform: rotate(0) scaleX(0);
opacity: 0;
fill: #4d4d4d;
}
#masthead.site-header .page-container nav .menu-toggle.mobile-active svg path.bottombar {
transition: all 0.3s ease;
transform: rotate(-45deg) translateX(0rem) translateY(-0.85rem);
fill: #4d4d4d;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .menu-toggle {
display: block;
}
}
#masthead.site-header .page-container nav .menu-toggle svg {
width: 100%;
}
#masthead.site-header .page-container nav .menu-toggle svg path {
transition: all 0.3s ease;
}
#masthead.site-header .page-container nav .menu-toggle svg path.topbar, #masthead.site-header .page-container nav .menu-toggle svg path.middlebar, #masthead.site-header .page-container nav .menu-toggle svg path.bottombar {
transition: all 0.3s ease;
transform: rotate(0) scaleX(1) translateX(0rem) translateY(0rem);
opacity: 1;
transform-origin: center;
}
#masthead.site-header .page-container nav .primary-menu-container {
background-color: unset !important;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container {
transition: all 0.5s ease;
display: block;
position: fixed;
left: 110vw;
top: 90px;
background: rgba(255, 255, 255, 0.95);
z-index: 2000;
margin: 0;
height: calc(100vh - 90px);
overflow-y: auto;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list {
width: 100%;
flex-wrap: nowrap;
max-width: 100%;
background: rgba(255, 255, 255, 0.9);
height: 100vh;
flex-direction: column;
justify-content: flex-start;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list li {
justify-content: center;
}
#masthead.site-header .page-container nav .primary-menu-container #primary-menu-list li button span {
display: none;
}
}
@media screen and (max-width: 481px) {
#masthead.site-header .page-container nav .primary-menu-container {
opacity: 1;
visibility: visible;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
top: 65px !important;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul > li:last-of-type {
margin-right: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor > a {
font-family: "Avenir Next Bold";
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor button .icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor button .icon-minus {
display: block;
width: 20px;
margin-top: 10px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul > li {
margin-right: 0;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li {
flex-direction: column;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li a {
order: 2;
padding: 20px 0;
font-size: 15px;
font-family: "Avenir Next Regular";
color: #000000;
text-transform: uppercase;
display: block;
z-index: 2;
padding-right: 15px;
z-index: 2;
}
#masthead.site-header .page-container nav .primary-menu-container ul li a:focus {
text-decoration: none;
outline: none;
background-color: transparent;
}
#masthead.site-header .page-container nav .primary-menu-container ul li a:hover {
text-decoration: none;
outline: none;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li a {
order: 1;
text-align: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li a + .sub-menu-toggle {
margin: 0 !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button {
order: 1;
height: auto;
z-index: 2;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-plus svg {
width: 15px; }
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-minus svg { }
#masthead.site-header .page-container nav .primary-menu-container ul li:hover a {
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button {
order: 1;
height: auto;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus svg {
width: 20px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container {
display: flex;
justify-content: flex-end;
transform: translateY(-150%);
transition: all 0.3s ease;
z-index: 1;
margin-left: 0;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container {
transform: translateY(0%);
display: none;
justify-content: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ .page-container ul {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container {
display: flex;
justify-content: flex-end;
transform: translateY(0%);
transition: all 0.3s ease;
z-index: 1;
margin-left: 0;
order: 2;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container {
position: relative;
justify-content: center;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container ul {
display: flex;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ .page-container ul {
flex-direction: column;
align-items: center;
margin: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .page-container {
width: 100%;
max-width: 100%;
position: fixed;
top: 95px;
left: 0;
padding: 0;
background-color: rgba(255, 255, 255, 0.95);
background-image: url(//opaliarecordati.com/wp-content/themes/recordati/images/nav/sub-nav-bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100% !important;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .page-container {
position: relative;
top: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
width: 100%;
max-width: 900px;
align-self: flex-end;
border: 0;
min-height: 385px;
justify-content: flex-start;
}
@media screen and (min-width: 1600px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
margin: 0 auto;
padding-left: 315px;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
flex-direction: column;
min-height: 250px;
align-self: flex-start;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu:before, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu:after {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li {
display: flex;
background: transparent !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li .page-container {
background-image: none;
background-color: transparent;
position: relative;
top: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block > a {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
position: relative;
background-color: transparent;
background-image: none;
min-height: auto;
top: 30px;
display: block !important;
align-self: flex-start;
margin-left: 0;
justify-content: space-between;
}
@media screen and (min-width: 1600px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
margin: 0 auto;
padding-left: 0px;
}
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu {
top: 0px;
border-top: 0;
border-bottom: 0;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li {
align-items: baseline;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.menu-item-has-children a {
text-decoration: none;
font-family: "Avenir Next Regular";
color: #000000;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item a {
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button {
align-self: center;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button .icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li.current-menu-item button .icon-minus {
display: flex;
margin-top: 0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li button {
display: block;
width: 30px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li a {
width: 215px;
text-decoration: none;
font-family: "Avenir Next Regular";
color: #000000;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li a {
margin: 0 auto;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.menu-block .sub-menu li .sub-menu {
display: none !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block {
max-width: 250px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block {
max-width: 100%;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.careers-block-1 {
margin-right: 50px;
}
@media screen and (max-width: 1275px) {
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.company-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.governance-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.business-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.investor-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.sustain-block.careers-block-1, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.company-block-two, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.governance-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.business-block-2, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.investor-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.sustain-block-3, #masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li.careers-block.careers-block-1 {
margin-right: 0px;
}
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button {
order: 1;
height: auto;
width: 44px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-plus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-minus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu li button span.icon-minus svg {
width: 20px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent a, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item a {
font-family: "Avenir Next Bold";
color: #9a1d1a;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button {
order: 1;
height: auto;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-plus, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-plus {
display: none;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-plus svg, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-plus svg {
width: 15px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-minus, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-minus {
display: flex;
}
#masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-parent button span.icon-minus svg, #masthead.site-header .page-container nav .primary-menu-container ul li.current-menu-item button span.icon-minus svg {
width: 20px;
}
footer {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/nav/footer-bg.jpg) no-repeat center center;
background-size: cover;
margin: 0 !important;
width: 100%;
max-width: 100% !important;
}
footer .page-container {
align-items: center;
margin: 0 auto;
max-width: 95%;
}
@media screen and (min-width: 1600px) {
footer .page-container {
max-width: 1540px;
}
}
footer .page-container.logo-nav {
border-bottom: 1px solid white;
padding: 75px 0 15px 0;
margin-bottom: 30px;
}
@media screen and (max-width: 790px) {
footer .page-container.logo-nav {
flex-direction: column;
}
}
footer .page-container.logo-nav .footer-logo {
width: 275px;
}
footer .page-container.logo-nav .footer-logo svg,
footer .page-container.logo-nav .footer-logo img {
width: 100%;
}
footer .page-container.logo-nav nav {
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul {
padding-top: 20px;
}
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul li {
line-height: unset;
}
}
footer .page-container.logo-nav nav ul li a {
color: white;
font-size: 13px;
text-decoration: none;
}
@media screen and (max-width: 470px) {
footer .page-container.logo-nav nav ul li a {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media screen and (max-width: 790px) {
footer .page-container.logo-nav nav ul li:first-of-type a {
padding-left: 0;
}
}
footer .page-container.logo-nav nav ul li:last-of-type a {
padding-right: 0;
}
footer .page-container.disclaimer-social {
padding: 0 0 15px 0;
}
@media screen and (max-width: 630px) {
footer .page-container.disclaimer-social {
flex-direction: column;
}
}
footer .page-container.disclaimer-social .disclaimer p {
color: white;
font-size: 11px;
line-height: 15px;
}
@media screen and (max-width: 630px) {
footer .page-container.disclaimer-social .disclaimer p {
text-align: center;
margin-bottom: 20px;
}
}
footer .page-container.disclaimer-social .social ul {
padding-left: 0;
display: flex;
list-style: none;
}
footer .page-container.disclaimer-social .social ul li a svg,
footer .page-container.disclaimer-social .social ul li a img {
width: 38px;
} #masthead.site-header .secondary_nav {
justify-content: flex-right;
}
#masthead.site-header .secondary_nav .page-container {
justify-content: flex-end;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (max-width: 450px) {
#masthead.site-header .secondary_nav .page-container {
padding-left: 15px;
}
}
#masthead.site-header .page-container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1600px;
padding: 0 30px;
margin: 0 auto;
}
.page-container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1600px;
padding: 0 30px;
}
.page-container.products {
flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
.page-container.products {
padding: 0px;
}
}
.page-container.media {
flex-wrap: no-wrap !important;
}
.site-main {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.site-main article .elementor {
width: 100%;
max-width: 1600px !important;
}
.elementor-top-section {
margin-top: 10px;
}
.elementor-widget-wrap {
padding: 0 !important;
}  .map-figures .elementor-widget:not(:last-child) {
margin-bottom: 0px !important;
}
.flex-wrap .elementor-container {
flex-wrap: wrap;
}
.portrait .ha-modal-animation {
background-image: url(//opaliarecordati.com/wp-content/themes/recordati/images/our-company/modal-popup-bg.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 35%;
}
.portrait .ha-modal-inner-content {
display: flex;
flex-wrap: wrap;
position: relative;
}
.portrait .ha-modal-inner-content .ha-modal-content__image {
width: 20%;
position: absolute;
right: 0;
top: 0%;
transform: translateX(-30%) translateY(40%);
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__image {
right: unset;
left: 0;
transform: translateX(0%) translateY(0%);
width: 40%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__title {
width: 65%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__title {
padding-top: 250px;
width: 100%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 65%;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 100%;
}
}
.filters {
display: flex;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 767px) {
.filters {
flex-direction: column;
}
}
.e-n-tabs-heading {
min-width: 180px;
}
.e-n-tabs-heading .e-n-tab-title:first-of-type {
margin-top: 60px;
}
.elementor-element-b3ff94b .e-n-tabs-heading {
padding-top: 60px !important;
}
.standard-tabs .e-n-tabs-heading {
min-width: unset;
}
.standard-tabs .e-n-tabs-heading .e-n-tab-title:first-of-type {
margin-top: unset;
}
.investor-posts .elementor-posts {
max-height: 400px;
overflow-y: auto;
}
.elementor-widget-container ol {
font-family: noto-sans, sans-serif;
}
.bzOpeningsList {
padding-left: 0;
}
.bzOpeningsList .bzOpening {
border-bottom: 1px solid #ffe494;
margin-bottom: 20px;
padding-bottom: 20px;
}
.bzOpeningsList .bzOpening:before {
display: none;
}
.bzOpeningsList .bzOpening a {
transition: all 0.3s ease;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.bzOpeningsList .bzOpening a h2 {
order: 1;
font-family: "noto-sans";
font-weight: 700;
font-size: 22px !important;
width: 65%;
}
.bzOpeningsList .bzOpening a button {
border-radius: 25px;
padding: 8px 25px 8px 25px;
font-family: "noto-sans";
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 100%;
align-self: center;
order: 2;
}
.bzOpeningsList .bzOpening a ul {
width: 100%;
order: 3;
}
.video-banner a {
text-transform: unset !important;
}
@media screen and (min-width: 2028px) {
.video-banner {
max-height: 850px !important;
min-height: 850px !important;
overflow: hidden;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 2028px) {
.video-banner:before {
max-height: 850px !important;
overflow: hidden;
}
}
@media screen and (min-width: 2028px) {
.video-banner .elementor-background-video-container {
max-height: 850px !important;
overflow: hidden;
}
}
.elementor-field-type-submit {
display: block;
width: 100%;
}
.elementor-field-type-submit button {
float: right;
max-width: 250px;
display: block;
width: 100%;
margin-top: 40px;
}
.elementor-field-type-checkbox input {
min-width: 20px;
display: inline-block !important;
border: 1px solid #000000;
}
.elementor-field-type-checkbox input:after {
height: 16px;
width: 9px;
left: 7px;
}
.elementor-field-group {
display: flex;
flex-wrap: nowrap !important;
align-items: center;
}
@media screen and (max-width: 600px) {
.elementor-field-group {
flex-wrap: wrap !important;
}
}
.elementor-field-group label {
width: 20%;
}
@media screen and (max-width: 768px) {
.elementor-field-group label {
width: 30%;
}
}
@media screen and (max-width: 600px) {
.elementor-field-group label {
width: 100%;
}
}
.elementor-field-group input {
width: 70%;
}
@media screen and (max-width: 768px) {
.elementor-field-group input {
width: 65%;
}
}
.elementor-field-group input[type=checkbox] {
max-width: 20px;
max-height: 20px;
}
.profileRegister .elementor-field-group {
display: flex;
flex-wrap: nowrap !important;
align-items: center;
}
@media screen and (max-width: 600px) {
.profileRegister .elementor-field-group {
flex-wrap: wrap !important;
}
}
.profileRegister .elementor-field-group label {
width: 30%;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-group label {
width: 35%;
}
}
@media screen and (max-width: 600px) {
.profileRegister .elementor-field-group label {
width: 100%;
}
}
.profileRegister .elementor-field-group .elementor-field-textual,
.profileRegister .elementor-field-group .elementor-select-wrapper {
width: 70% !important;
flex-basis: 70% !important;
margin: 0 !important;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-group .elementor-field-textual,
.profileRegister .elementor-field-group .elementor-select-wrapper {
width: 65% !important;
flex-basis: 65% !important;
}
}
.profileRegister .elementor-field-type-password > div {
width: 70% !important;
flex-basis: 70% !important;
margin: 0 !important;
}
@media screen and (max-width: 768px) {
.profileRegister .elementor-field-type-password > div {
width: 65% !important;
flex-basis: 65% !important;
}
}
.profileRegister .elementor-error {
flex-wrap: wrap !important;
}
.alert-links {
padding-top: 30px;
}
.alert-links a {
padding: 8px 25px;
border: 1px solid #bd1622;
border-radius: 25px;
transition: all 0.3s ease;
transform: scale(1);
display: inline-block;
}
.alert-links a:hover {
transform: scale(1.1);
}
.alert-links a:first-of-type {
margin-right: 20px;
}
.elementor-error {
flex-wrap: wrap !important;
}
.map-figures .elementor-widget:not(:last-child) {
margin-bottom: 0px !important;
}
.flex-wrap .elementor-container {
flex-wrap: wrap;
}
.portrait .ha-modal-animation {
background-image: url(//opaliarecordati.com/wp-content/themes/recordati/images/our-company/modal-popup-bg.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 35%;
}
.portrait .ha-modal-inner-content {
display: flex;
flex-wrap: wrap;
position: relative;
}
.portrait .ha-modal-inner-content .ha-modal-content__image {
width: 20%;
position: absolute;
right: 0;
top: 0%;
transform: translateX(-30%) translateY(40%);
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__image {
right: unset;
left: 0;
transform: translateX(0%) translateY(0%);
width: 40%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__title {
width: 65%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__title {
padding-top: 250px;
width: 100%;
}
}
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 65%;
}
@media screen and (max-width: 600px) {
.portrait .ha-modal-inner-content .ha-modal-content__description {
width: 100%;
}
}
.products-wrapper {
max-height: 500px;
width: 100%;
overflow-y: auto;
}
.product-selector-body {
display: none;
}
.product-selector-headers,
.product-selector-body {
justify-content: center;
width: 100%;
transition: all 0.3s ease;
}
.product-selector-headers.active,
.product-selector-body.active {
display: flex;
transition: all 0.3s ease;
}
.product-selector-headers .brand,
.product-selector-body .brand {
width: 25%;
}
.product-selector-headers .generic,
.product-selector-body .generic {
width: 25%;
}
.product-selector-headers .country,
.product-selector-body .country {
width: 25%;
max-width: 200px;
}
.product-selector-headers .line,
.product-selector-body .line {
width: 25%;
max-width: 50px;
}
.product-selector-headers.rareDisease .generic,
.product-selector-body.rareDisease .generic {
width: 40%;
}
.product-selector-headers {
display: flex;
justify-content: center;
}
.product-selector-headers > div {
font-weight: 700;
}
.media .media_top_nav {
width: 70%;
list-style: none;
position: relative;
}
@media screen and (max-width: 650px) {
.media .media_top_nav {
width: 100%;
}
}
.media .media_top_nav li {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 50px;
}
.media .media_top_nav li:last-of-type .topLink {
border-width: 1px 1px 0px 1px;
}
.media .media_top_nav li .topLink {
position: absolute;
top: 0;
transform: translateY(-100%);
width: 33%;
border-width: 1px 0px 0px 1px;
border-color: black;
border-style: solid;
text-align: center;
text-decoration: none;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.media .media_top_nav li .topLink.active {
font-weight: bold;
}
.media .media_top_nav li:first-of-type {
position: relative;
}
.media .media_top_nav li:first-of-type .topLink {
width: 33%;
}
.media .media_top_nav li:first-of-type .posts .topLine {
width: 66%;
left: 33%;
}
.media .media_top_nav li:first-of-type .posts .topLine2 {
width: 0;
}
.media .media_top_nav li:nth-child(2) .posts .topLine {
width: 33%;
left: 66%;
}
.media .media_top_nav li:nth-child(2) .posts .topLine2 {
width: 33%;
left: 0;
}
.media .media_top_nav li:nth-child(3) .posts .topLine {
width: 0%;
left: 100%;
}
.media .media_top_nav li:nth-child(3) .posts .topLine2 {
width: 66%;
left: 0;
}
.media .media_top_nav li:nth-child(2) .topLink {
left: 33%;
}
.media .media_top_nav li:nth-child(3) .topLink {
left: 66%;
}
.media .media_top_nav li .posts {
display: none;
flex-direction: column;
max-height: 500px;
overflow-y: auto;
padding-top: 30px;
}
.media .media_top_nav li .posts .topLine,
.media .media_top_nav li .posts .topLine2 {
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: black;
}
.media .media_top_nav li .posts.active {
display: flex;
flex-direction: column;
}
.media .media_top_nav li .posts .post {
display: none;
}
.media .media_top_nav li .posts .post.latest {
display: flex;
}
.media .media_top_nav li .posts .post.active {
display: flex;
}
.media .media_top_nav li .posts .post .titles h4 {
font-size: 14px;
}
.media .media_top_nav li .posts .post .titles h5 {
font-size: 12px;
margin-bottom: 5px;
}
.media .year_nav {
width: 25%;
}
.media .year_nav ul {
list-style: none;
}
.media .year_nav ul li a.active {
font-weight: bold;
}
.e-n-tabs-heading {
min-width: 180px;
}
.Completed {
background: #F2F2F2 !important;
}
.Completed h6 {
color: #99307b !important;
}
.Completed > div:first-of-type {
border-right: 1px solid #333333 !important;
}
@media screen and (max-width: 768px) {
.Completed > div:first-of-type {
border-right: 0px !important;
}
}
.Completed .elementor-widget-text-editor {
color: #999999 !important;
}
.Completed .elementor-button {
color: #999999 !important;
border-color: #999999 !important;
}
.downloads .elementor-button.pdf {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/icon-pdf.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.pdf .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.zip {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/icon-zip.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.zip .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.html {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/icon-html.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.html .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.mp4 {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/icon-mp4.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.mp4 .elementor-button-content-wrapper {
display: none !important;
}
.downloads .elementor-button.mp3 {
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/icon-mp3.png) no-repeat center !important;
background-size: 100% !important;
width: 25px;
height: 30px;
display: block;
}
.downloads .elementor-button.mp3 .elementor-button-content-wrapper {
display: none !important;
} .page-header.media {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
overflow: hidden;
}
.page-header.media .page-container {
position: relative;
min-height: 42vw;
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 0;
margin: 0 auto;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container {
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
}
.page-header.media .page-container video {
position: absolute;
width: 100%;
z-index: 1;
}
@media screen and (max-width: 750px) {
.page-header.media .page-container video {
height: 120%;
width: auto;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container video.desktopVideo {
display: none;
}
}
.page-header.media .page-container video.mobileVideo {
display: none;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container video.mobileVideo {
display: block;
position: relative;
left: 0;
top: 0;
transform: translateX(0) translateY(0);
width: 100%;
}
}
@media screen and (min-width: 1500px) {
.page-header.media .page-container {
min-height: 750px;
}
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container {
justify-content: flex-start;
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container {
flex-direction: column;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
display: block;
min-height: 0;
padding-top: 0;
}
}
.page-header.media .page-container .left {
width: 50%;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container .left {
width: 0;
}
}
.page-header.media .page-container .right {
width: 50%;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.page-header.media .page-container .right {
width: 100%;
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right {
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
background: #25994d;
}
}
.page-header.media .page-container .right h1 {
width: 78%;
font-family: noto-sans, sans-serif;
font-weight: 700;
color: white;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right h1 {
font-size: 40px;
}
}
.page-header.media .page-container .right p {
width: 78%;
font-family: noto-sans, sans-serif;
color: white;
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .right p {
width: 88%;
}
}
.page-header.media .page-container .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
.page-header.media .page-container .overlay {
background: rgba(0, 0, 0, 0);
}
}
@media screen and (max-width: 650px) {
.page-header.media .page-container .overlay {
display: none;
}
}
.elementor-section.page-header {
border-bottom: 0;
}
.two-columns {
margin: 0 auto !important;
}
@media screen and (max-width: 1175px) {
.two-columns {
width: 90% !important;
}
}
.two-columns h2 {
color: #000000;
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/heading-symbol.svg) no-repeat right top;
background-size: auto 30px;
}
.two-columns .left-column img { }
.two-columns .left-column.image:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/section-bottom-left.svg) no-repeat center;
background-size: 100%;
bottom: 0;
left: 0;
z-index: 2;
}
.two-columns .right-column img { }
.two-columns .right-column.image:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/section-bottom-right.svg) no-repeat center;
background-size: 100%;
bottom: 0;
right: 0;
z-index: 2;
}
.products .productsWrapper {
margin: 30px 0;
padding: 40px;
width: 100%;
background: #ededed;
}
@media screen and (max-width: 580px) {
.products .productsWrapper {
padding: 0px;
}
}
.products .productsWrapper .filters {
background: #b11622;
}
.products .productsWrapper .filters .product-filter {
width: 50%;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .filters .product-filter:nth-child(2) {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.products .productsWrapper .filters .product-filter {
width: 100%;
}
}
.products .productsWrapper .filters .product-filter .head {
text-transform: uppercase;
font-weight: 700;
color: white;
padding: 10px 0 10px 50px;
font-size: 20px;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .filters .product-filter .head {
font-size: 16px;
}
}
.products .productsWrapper .filters .product-filter:nth-chiild(2) .head {
padding-left: 0;
}
.products .productsWrapper .filters .product-filter:nth-chiild(2) select {
width: 100%;
}
.products .productsWrapper .filters .product-filter select {
width: 97.5%;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border: 0;
background: #ededed url(//opaliarecordati.com/wp-content/themes/recordati/images/select-down-arrow.svg) no-repeat 96% 18px;
background-size: 35px;
padding: 8px 0 8px 50px;
}
.products .productsWrapper .filters .product-filter select:focus {
outline: none;
}
.products .productsWrapper .scroller {
width: 100%;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .scroller {
overflow-x: auto;
}
}
.products .productsWrapper .products-wrapper {
max-height: 500px;
min-height: 400px;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .products-wrapper {
overflow-x: visible;
width: 150%;
}
}
.products .productsWrapper .product-selector-body {
display: none;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #bd1622;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-body {
overflow-x: hidden;
}
}
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
justify-content: space-between;
width: 100%;
transition: all 0.3s ease;
}
@media screen and (max-width: 580px) {
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-headers,
.products .productsWrapper .product-selector-body {
overflow: hidden;
width: 100%;
}
}
.products .productsWrapper .product-selector-headers.active,
.products .productsWrapper .product-selector-body.active {
display: flex;
transition: all 0.3s ease;
}
.products .productsWrapper .product-selector-headers .error,
.products .productsWrapper .product-selector-body .error {
width: 100%;
text-align: center;
}
.products .productsWrapper .product-selector-headers .brand,
.products .productsWrapper .product-selector-body .brand {
width: 25%;
}
.products .productsWrapper .product-selector-headers .generic,
.products .productsWrapper .product-selector-body .generic {
width: 25%;
}
.products .productsWrapper .product-selector-headers .country,
.products .productsWrapper .product-selector-body .country {
width: 25%;
max-width: 200px;
}
.products .productsWrapper .product-selector-headers .line,
.products .productsWrapper .product-selector-body .line {
width: 25%;
max-width: 50px;
}
.products .productsWrapper .product-selector-headers.rareDisease .generic,
.products .productsWrapper .product-selector-body.rareDisease .generic {
width: 40%;
}
@media screen and (max-width: 550px) {
.products .productsWrapper .product-selector-body > div {
font-size: 14px;
}
}
.products .productsWrapper .product-selector-headers {
display: flex;
justify-content: space-between;
padding-bottom: 15px;
border-bottom: 1px solid #bd1622;
padding-top: 40px;
}
@media screen and (max-width: 480px) {
.products .productsWrapper .product-selector-headers {
width: 150%;
}
}
.products .productsWrapper .product-selector-headers > div {
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 550px) {
.products .productsWrapper .product-selector-headers > div {
font-size: 12px;
}
}
.media.page-container {
margin: 0 auto;
flex-wrap: wrap;
padding: 0;
}
.media.page-container h2 {
width: 100%;
font-weight: 700;
margin-bottom: 50px;
margin-top: 80px;
}
@media screen and (max-width: 865px) {
.media.page-container h2 {
margin-top: 30px;
}
}
.media .media_wrapper {
width: 85%;
flex-direction: column;
display: flex;
padding: 0px 20px 0;
}
@media screen and (max-width: 865px) {
.media .media_wrapper {
width: 100%;
order: 2;
}
}
.media .media_wrapper .media_top_nav {
list-style: none;
position: relative;
padding-left: 0;
}
.media .media_wrapper .media_top_nav li {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 50px;
}
.media .media_wrapper .media_top_nav li.active {
position: relative;
}
.media .media_wrapper .media_top_nav li.active .topLink {
font-weight: bold;
border-color: #25994d;
opacity: 1;
background-color: transparent;
}
.media .media_wrapper .media_top_nav li.active .topLink:hover {
background: white;
color: #25994d;
}
.media .media_wrapper .media_top_nav li.active .posts {
display: flex;
flex-direction: column;
}
.media .media_wrapper .media_top_nav li:last-of-type .topLink {
border-width: 1px 1px 0px 1px;
}
.media .media_wrapper .media_top_nav li .topLink {
font-family: noto-sans;
position: absolute;
top: 0;
transform: translateY(-100%);
width: 32%;
border-width: 1px 1px 0px 1px;
border-color: #ffe494;
border-style: solid;
background-color: #ffe494;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-right: 1%;
text-decoration: none;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
font-weight: 700;
font-size: 26px;
opacity: 1;
transition: all 0.3s ease;
font-size: 17px;
line-height: 18px;
min-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.media .media_wrapper .media_top_nav li .topLink:hover {
background-color: #25994d;
color: white;
transition: all 0.3s ease;
}
@media screen and (max-width: 680px) {
.media .media_wrapper .media_top_nav li .topLink {
font-size: 18px;
}
}
@media screen and (max-width: 680px) {
.media .media_wrapper .media_top_nav li .topLink {
font-size: 12px;
}
}
.media .media_wrapper .media_top_nav li:first-of-type .topLink {
width: 32%;
}
.media .media_wrapper .media_top_nav li:first-of-type .posts .topLine {
width: 67%;
left: 32%;
}
.media .media_wrapper .media_top_nav li:first-of-type .posts .topLine2 {
width: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .posts .topLine {
width: 35%;
left: 65%;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .posts .topLine2 {
width: 33%;
left: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .topLink {
margin-right: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .posts .topLine {
width: 2%;
left: 98%;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .posts .topLine2 {
width: 66%;
left: 0;
}
.media .media_wrapper .media_top_nav li:nth-child(2) .topLink {
left: 33%;
}
.media .media_wrapper .media_top_nav li:nth-child(3) .topLink {
left: 66%;
}
.media .media_wrapper .media_top_nav li .posts {
display: none;
flex-direction: column;
max-height: 750px;
overflow-y: auto;
padding-top: 50px;
}
.media .media_wrapper .media_top_nav li .posts .topLine,
.media .media_wrapper .media_top_nav li .posts .topLine2 {
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: #25994d;
}
.media .media_wrapper .media_top_nav li .posts .post {
padding-bottom: 50px;
flex-wrap: wrap;
border-bottom: 1px solid #801714;
margin-bottom: 50px;
position: relative;
display: none;
}
.media .media_wrapper .media_top_nav li .posts .post.price-sensitive:after {
content: "price sensitive";
color: #bd1622;
font-family: noto-sans;
font-size: 11px;
padding-left: 20px;
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/price-sensitive.png) no-repeat left center;
background-size: 14px;
position: absolute;
bottom: 5px;
left: 5px;
}
.media .media_wrapper .media_top_nav li .posts .post.latest {
display: flex;
}
.media .media_wrapper .media_top_nav li .posts .post.active {
display: flex;
}
.media .media_wrapper .media_top_nav li .posts .post .titles {
width: 85%;
}
.media .media_wrapper .media_top_nav li .posts .post .titles h4 {
font-family: noto-sans;
font-size: 16px;
font-weight: 300;
}
.media .media_wrapper .media_top_nav li .posts .post .titles h5 {
font-family: noto-sans;
font-size: 13px;
margin-bottom: 5px;
}
.media .media_wrapper .media_top_nav li .posts .post .link {
width: 95%;
text-align: right;
}
.media .media_wrapper .media_top_nav li .posts .post .link a {
font-family: noto-sans;
border: 1px solid #25994d;
padding: 8px 25px 8px 25px;
text-decoration: none;
transition: all 0.3s ease;
transform: scale(1);
border-radius: 25px;
display: inline-block;
}
.media .media_wrapper .media_top_nav li .posts .post .link a:focus, .media .media_wrapper .media_top_nav li .posts .post .link a:active {
text-decoration: none;
outline: none;
}
.media .media_wrapper .media_top_nav li .posts .post .link a:hover {
transition: all 0.3s ease;
transform: scale(1.05);
}
.media .year_nav {
width: 15%;
background: #dedddd;
padding: 200px 0px 80px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 865px) {
.media .year_nav {
width: 100%;
order: 1;
padding: 30px 0px 30px;
flex-wrap: wrap;
}
}
.media .year_nav h4 {
padding-left: 15px;
}
.media .year_nav ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 865px) {
.media .year_nav ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
}
.media .year_nav ul li {
display: flex;
width: 100%;
margin-bottom: 4px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li {
width: auto;
display: block;
}
}
.media .year_nav ul li a {
font-family: noto-sans;
text-decoration: none;
display: flex;
align-items: center;
transition: all 0.3s ease;
background: #dedddd;
max-width: 75%;
width: 75%;
padding: 15px 15px 15px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li a {
border-radius: 30px;
line-height: 100%;
padding: 5px;
text-align: center;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 650px) {
.media .year_nav ul li a {
padding: 10px 25px 10px 25px;
}
}
.media .year_nav ul li a:before {
content: "";
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/nav/top-nav-indicator.svg) no-repeat center;
width: 19px;
height: 12px;
background-size: 100%;
margin-right: 5px;
}
@media screen and (max-width: 865px) {
.media .year_nav ul li a:before {
display: none;
}
}
.media .year_nav ul li a.active, .media .year_nav ul li a:hover, .media .year_nav ul li a:focus, .media .year_nav ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
font-weight: 700;
display: flex;
align-items: center;
transition: all 0.3s ease;
background: #2f9b4d;
color: white;
outline: none;
}
.media .year_nav ul li a.active:before, .media .year_nav ul li a:hover:before, .media .year_nav ul li a:focus:before, .media .year_nav ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button):before {
content: "";
background: transparent url(//opaliarecordati.com/wp-content/themes/recordati/images/nav/top-nav-current-white.svg) no-repeat center;
width: 19px;
height: 5px;
background-size: 100%;
margin-right: 5px;
}
html {
font-size: 16px; background: white;
}
body {
font-size: 16px; background: white;
}
h1, h2, h3, h4, h5 { font-family: "noto-sans", sans-serif;
margin-bottom: 15px;
text-transform: unset;
}
h1 span, h2 span, h3 span, h4 span, h5 span {
color: #cf052c;
}
h1 {
font-size: 65px;
}
h2 {
font-size: 45px; }
h3 {
font-size: 30px;
}
h4 {
font-size: 25px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
li, p { line-height: unset;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover button span.icon-minus svg {
align-self:flex-start;
margin-top:27px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li button span.icon-plus svg {
align-self:flex-start;
margin-top:22px;
}
#masthead.site-header .page-container nav .primary-menu-container ul li .sub-menu {
max-width: 800px;
}
#masthead.site-header .page-container nav .primary-menu-container ul > li.current-menu-ancestor:hover button .icon-minus {
margin-top:0;
}
#masthead.site-header .page-container nav .primary-menu-container ul li:hover .page-container button span.icon-minus svg {
margin-top:0;
}