Viewing File: /home/maglabs/lacentraleit/wp-content/themes/mlab/assets/less/_elements.less
/* ============================================================
10. ELEMENTS
=============================================================*/
#site {
&.scrolling_down {
.element-is-sticky {
transform: translateY(-121px);
}
}
.element-is-sticky {
.transition(0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s);
}
.elementor-section {
counter-reset: my-badass-counter;
[class*="elementor-column-gap-"] {
>.elementor-column {
>.elementor-element-populated {
padding-top: 0;
padding-bottom: 0;
}
}
}
}
.bg-blur {
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.swiper-pagination {
.swiper-pagination-bullet {
height: 5px;
@media only screen and (max-width: 768px) {
&:not(.swiper-pagination-bullet-active) {
width: 5px;
}
}
&:last-child {
margin-right: 0;
}
&:first-child {
margin-left: 0;
}
}
}
.elementor-widget-image-carousel {
.swiper-slide {
cursor: grab;
&:active {
cursor: grabbing;
}
}
}
rs-module-wrap .hades {
.tp-thumb {
.opacity(.4);
&.selected {
.opacity(1);
.tp-thumb-image {
.box-shadow3;
}
}
}
.tp-thumb-image {
.box-shadow(none);
}
}
}
.site {
.mqgroup {
display: flex;
gap: 60px;
&:hover {
.mq {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
animation-play-state: paused;
}
}
}
.mq {
animation: 50s linear infinite mq;
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 60px;
&:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
animation-play-state: paused;
}
li {
white-space: nowrap;
}
}
.elementor-widget-divider {
&.rounded {
.elementor-divider-separator {
.rounded;
}
}
}
.elementor-widget-heading .elementor-heading-title {
a.button {
font-size: 18px;
line-height: 21px;
letter-spacing: 0;
padding: 12px 60px;
display: block;
margin: 30px 0 0 0;
@media only screen and (min-width: 542px) {
margin: 30px 20% 0;
}
@media only screen and (min-width: 1025px) {
display: inline-block;
vertical-align: middle;
top: -1px;
margin: 0 0 0 50px;
}
}
}
.elementor-widget-icon-box {
.elementor-icon-box-title {
margin-top: 0;
}
&:not([class*="elementor-position-"]) {
.elementor-icon-box-wrapper {
.elementor-icon-box-icon {
position: absolute;
left: 45px;
}
}
.elementor-icon-box-title {
text-align: left;
padding: 0 45px 31px 130px;
border-bottom: 1px solid @white;
margin-left: -35px;
margin-right: -35px;
}
}
.elementor-icon-box-title {
a {
&:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
}
}
.elementor-icon-box-description {
.btn {
margin-top: 30px;
display: block;
strong {
position: relative;
&:after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -3px;
border-bottom: 1px solid;
.opacity(.35);
&:extend(.transition);
}
}
}
}
&.elementor-position-top {
.btn {
font-size: 11px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.85px;
.opacity(.55);
}
}
&:hover {
.elementor-icon-box-description .btn strong:after {
right: 0;
left: auto;
width: 0;
}
}
g,path {
&:extend(.transition);
}
}
.elementor-widget-icon-list {
&.elementor-icon-list--layout-inline {
.elementor-widget-container {
overflow: visible;
}
ul {
margin: 0;
.elementor-icon-list-item {
width: 100%;
padding: 20px 35px;
flex-direction: row-reverse;
justify-content: space-between;
border: 1px solid transparent;
gap: 20px;
margin-bottom: 30px;
.rounded(15px);
&:extend(.transition);
@media only screen and (min-width: 769px) {
flex: 1 1;
}
&:hover {
background-color: @white;
.box-shadow3;
.elementor-icon-list-icon {
.opacity(1);
}
}
.elementor-icon-list-text {
text-align: left;
}
}
.elementor-icon-list-item > a {
flex-direction: row-reverse;
justify-content: space-between;
gap: 20px;
}
.elementor-icon-list-icon {
text-align: center;
max-width: 48px;
.opacity(.7);
&:extend(.transition);
svg,img,i {
margin: 0;
}
}
}
&.elementor-align-left {
ul {
li.elementor-icon-list-item, li.elementor-icon-list-item > a {
flex-direction: row;
justify-content: inherit;
}
}
}
}
}
.elementor-widget-image-box {
.elementor-image-box-wrapper {
text-align: inherit;
}
.elementor-widget-container {
overflow: hidden;
position: relative;
}
.elementor-image-box-title {
margin-top: 0;
}
&.elementor-position-top {
.elementor-image-box-img {
position: relative;
&:before {
content:"\ea21";
font-family: "Nucleo";
font-size: 32px;
font-weight: normal;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
transform: translate(-50%,-50%);
.opacity(0);
&:extend(.transition);
}
&:after {
content:"";
position: absolute;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: @accent;
.opacity(0);
.rounded(50%);
.box-shadow6;
&:extend(.transition);
}
}
&:hover {
.elementor-image-box-img:before {
transform: translate(-50%,-50%) rotate(135deg);
.opacity(1);
}
.elementor-image-box-img:after {
transform: translate(-50%,-50%) scale(2.5);
.opacity(1);
}
}
}
&.elementor-position-left {
.elementor-image-box-content {
padding: 20px 25px;
flex-basis: 50%;
flex-shrink: 0;
}
.elementor-image-box-title {
margin-bottom: 0;
span {
display: block;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
.opacity(.75);
}
a {
&:after {
content:"";
position: absolute;
right: 0;
bottom: 0;
top: 0;
left: 0;
}
&:before {
content: "\ea74";
font-family: "Nucleo";
font-size: 16px;
font-weight: normal;
position: absolute;
right: 22px;
bottom: 22px;
line-height: 1;
transform: rotate(-45deg);
&:extend(.transition);
@media only screen and (min-width: 768px) {
right: auto;
bottom: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
display: none;
}
}
}
}
&:hover {
.elementor-image-box-title a:before {
transform: translate(5px,-5px) rotate(-45deg);
}
}
}
&.elementor-position-right {
.elementor-image-box-content {
padding: 20px 25px;
flex-basis: 50%;
flex-shrink: 0;
}
.elementor-image-box-title {
margin-bottom: 0;
span {
display: block;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
.opacity(.75);
}
a {
&:after {
content:"";
position: absolute;
right: 0;
bottom: 0;
top: 0;
left: 0;
}
&:before {
content: "\ea74";
font-family: "Nucleo";
font-size: 16px;
font-weight: normal;
position: absolute;
right: 22px;
bottom: 22px;
line-height: 1;
transform: rotate(-45deg);
&:extend(.transition);
@media only screen and (min-width: 768px) {
left: 22px;
right: auto;
bottom: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
display: none;
}
}
}
}
&:hover {
.elementor-image-box-title a:before {
transform: translate(5px,-5px) rotate(-45deg);
}
}
}
}
.elementor-widget-wp-widget-nav_menu {
ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 40px;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
&::-webkit-scrollbar {
display: none;
}
&:after {
content: "";
position: absolute;
bottom: -28px;
left: -100px;
right: -100px;
z-index: -1;
top: -100px;
background-color: rgba(255,255,255,.9);
}
@media only screen and (min-width: 1025px) {
&:after {
display: none;
}
}
li {
a {
position: relative;
display: inline-block;
line-height: 26px;
@media only screen and (min-width: 1025px) {
&:after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: 0;
height: 1px;
background: rgba(0,0,60,.15);
}
&:before {
content: "";
position: absolute;
left: 0;
width: 0;
bottom: 0;
height: 1px;
.transition;
}
&:hover {
&:before {
width: 100%;
}
}
}
}
}
@media only screen and (min-width: 1025px) {
counter-reset: my-badass-counter;
flex-direction: column;
gap: 16px;
li {
position: relative;
padding-left: 40px;
&:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
left: 0;
top: 0;
position: absolute;
.opacity(.6);
}
}
}
}
}
.sticky-element-active + .element-is-sticky {
.elementor-widget-wp-widget-categories,.elementor-widget-wp-widget-nav_menu {
.elementor-widget-container {
&:before {
.opacity(1);
}
h5:before {
display: none;
}
}
}
}
.elementor-image-gallery {
.gallery-columns-8 {
.gallery-item {
width: 25%;
}
}
.gallery {
&:hover {
.gallery-item {
filter: grayscale(1);
&:hover {
filter: grayscale(0);
transform: scale(1.2);
z-index: 3;
}
}
}
.gallery-item {
&:extend(.transition);
}
}
}
.elementor-widget-image-carousel {
.swiper-slide {
cursor: grab;
&:active {
cursor: grabbing;
}
}
}
.elementor-widget-video {
.elementor-widget-container {
overflow: visible;
}
}
.elementor-custom-embed-image-overlay {
overflow: hidden;
.rounded(15px);
.box-shadow6;
img {
}
.elementor-custom-embed-play {
transform: translate(0,0);
top: auto;
left: 25px;
bottom: 25px;
&:before {
content:"";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: rgba(255,255,255,.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
width: ~"calc(100% + 10px)";
height: ~"calc(100% + 10px)";
z-index: -1;
border: 1px solid rgba(255,255,255,.1);
.rounded(50%);
.transition(0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s);
}
i {
text-shadow: none;
.opacity(1);
}
}
&:hover {
.elementor-custom-embed-play:before {
transform: translate(-50%,-50%) scale(1.2);
}
}
}
.elementor-counter {
.elementor-counter-number-wrapper {
display: block;
margin-bottom: 20px;
}
.elementor-counter-number-prefix {
font-size: 14px;
line-height: 24px;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.elementor-counter-title {
text-align: inherit;
}
}
.elementor-toggle {
.elementor-toggle-item {
background: @white;
margin-bottom: 30px;
.rounded(15px);
.box-shadow;
.elementor-tab-title {
position: relative;
padding: 28px 70px 28px 30px;
border: none;
&:before {
content:"\eab4";
font-family:"Nucleo";
font-size: 16px;
position: absolute;
font-weight: normal;
right: 30px;
top: 50%;
transform: translateY(-50%);
&:extend(.transition);
.opacity(.5);
}
&.elementor-active {
&:before {
transform: translateY(-50%) rotate(90deg);
}
}
}
.elementor-tab-content {
border: none;
padding: 0 30px 25px 30px;
}
.elementor-toggle-icon {
display: none;
}
}
}
.elementor-widget-wp-widget-tag_cloud {
.elementor-widget-container {
h5 {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 15px;
letter-spacing: 1px;
margin: 0 0 25px 0;
color: inherit;
}
.tagcloud {
gap: 10px;
}
a {
font-size: 14px !important;
line-height: 18px;
padding: 12px 20px;
border: none;
.rounded(10px);
}
}
}
.elementor-widget-wp-widget-search {
.search-form {
display: flex;
gap: 8px;
label {
flex-grow: 1;
}
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background-color: @white;
width: 100%;
.box-shadow;
&:focus {
background-color: rgba(255,255,255,.9);
}
}
}
}
.elementor-accordion {
.elementor-accordion-item {
border-top: none;
border-left: none;
border-right: none;
&:last-of-type {
border: none;
}
.elementor-tab-title {
padding-left: 0;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
&.elementor-active {
.elementor-accordion-icon {
transform: translateY(-50%) rotate(45deg);
}
}
.elementor-accordion-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
&:extend(.transition);
&:before {
content: "\ea70";
font-family: "Nucleo";
font-size: 16px;
position: absolute;
top: 50%;
left: 50%;
font-weight: normal;
transform: translate(-50%,-50%);
}
span {
display: none;
}
}
}
.elementor-tab-content {
padding: 0 0 30px 0;
clear: both;
border: none;
}
}
}
.elementor-widget-tabs {
.elementor-tabs-wrapper {
border-bottom: 3px solid rgba(0,0,60,.2);
overflow: visible;
.elementor-tab-title {
&:after {
content: "";
left: 0;
right: auto;
height: 3px;
position: absolute;
bottom: -3px;
width: 0;
&:extend(.transition);
}
&.elementor-active {
&:after {
width: 100%;
left: 0;
height: 3px;
bottom: -3px;
}
}
}
}
&.elementor-tabs-alignment-stretch {
.elementor-tab-title {
text-align: center;
}
}
.elementor-tab-content {
padding: 40px 0 0 0;
}
}
//
.pp-counter {
.pp-counter-number {
font-family: inherit;
line-height: 1;
top: 1px;
}
&.pp-counter-layout-1 {
display: flex;
align-items: center;
gap: 30px;
text-align: center;
justify-content: center;
@media only screen and (min-width: 769px) {
justify-content: inherit;
text-align: inherit;
}
.pp-counter-number-title-wrap {
display: flex;
flex-direction: column;
width: 100%;
@media only screen and (min-width: 1025px) {
align-items: center;
gap: 30px;
flex-direction: row;
}
.pp-counter-number-wrap {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
@media only screen and (min-width: 769px) {
justify-content: inherit;
width: 37%;
}
}
}
}
}
.pp-fancy-heading {
margin: 0;
}
.elementor-widget-pp-dual-heading {
.pp-dual-heading {
margin: 0;
}
.pp-first-text {
position: relative;
padding: 0 0 0 40px;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
&:after,&:before {
content: "";
position: absolute;
left: 10px;
top: 0;
height: 20px;
width: 20px;
.rounded(10px);
}
&:before {
left: 0;
z-index: 2;
}
}
&.pp-dual-heading-block {
.pp-first-text {
display: inline-block;
margin-bottom: 10px;
}
}
&.colorWhite {
.pp-first-text:after {
background-color: @white;
}
}
}
.pp-icon-list-inline {
&:not(.style2) {
.elementor-widget-container {
.pp-list-items {
.pp-icon-list-item {
margin-bottom: 10px;
a {
padding: 12px 22px;
color: inherit;
.rounded(10px);
}
}
}
}
}
&.style2 {
.pp-list-items {
counter-reset: my-badass-counter;
gap: 30px;
align-items: baseline;
.pp-icon-list-item {
margin: 0 0 20px 0;
position: relative;
width: ~"calc(50% - 15px)";
a {
border-top: 1px solid rgba(0,0,60,.12);
padding-top: 20px;
padding-right: 30px;
width: 100%;
display: block;
position: relative;
&:after {
content: "";
position: absolute;
width: 0;
right: 0;
top: -1px;
height: 1px;
&:extend(.transition);
}
&:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
position: absolute;
right: 0;
top: 32px;
line-height: 1;
&:extend(.transition);
.opacity(.5);
}
&:hover {
&:after {
width: 100%;
left: 0;
right: auto;
}
&:before {
.opacity(1);
}
}
}
}
}
}
}
.elementor-widget-pp-info-box {
.pp-info-box {
width: 100%;
overflow: visible;
}
&.pp-info-box-left {
.pp-info-box-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
flex-direction: column;
@media only screen and (min-width: 721px) {
flex-direction: row;
}
}
}
&.pp-info-box-right {
.pp-info-box-content {
display: flex;
flex-direction: column;
}
.pp-info-box-divider-wrap {
order: 1;
position: absolute;
left: 40px;
right: 40px;
top: 40px;
.pp-info-box-divider {
&:extend(.transition);
}
}
.pp-info-box-title-wrap {
order: 2;
display: flex;
flex-direction: column-reverse;
position: absolute;
left: 40px;
right: 40px;
top: 70px;
}
.pp-info-box-description {
order: 3;
}
.pp-info-box-footer {
order: 4;
}
}
.pp-info-box-icon-wrap {
flex-shrink: 0;
}
.pp-info-box-icon {
display: block;
i, svg {
margin-left: auto;
margin-right: auto;
}
}
.pp-info-box-title {
margin: 0;
}
.pp-info-box-subtitle {
margin: 0;
}
.pp-info-box-button {
&:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
}
.elementor-widget-pp-info-list {
.pp-info-list-container {
.pp-infolist-icon-wrapper {
background: transparent;
&:after,&:before {
display: none;
}
}
}
.pp-list-items {
.pp-info-list-item {
.pp-info-list-item-inner {
position: relative;
border-bottom: 1px solid rgba(255,255,255,.1);
width: 100%;
padding-bottom: 40px;
&:hover {
.pp-info-list-title a:before {
.opacity(1);
}
}
.pp-infolist-icon-wrapper {
@media only screen and (max-width: 605px) {
margin-right: 30px;
}
}
}
}
.pp-info-list-title a {
padding-right: 30px;
&:before {
content: "\ea74";
font-family: "Nucleo";
font-size: 16px;
font-weight: normal;
position: absolute;
right: 0;
top: 2px;
line-height: 1;
transform: rotate(-45deg);
.opacity(.6);
&:extend(.transition);
}
}
}
&.pp-info-list-icon-top {
.pp-list-items {
.pp-info-list-item {
.pp-info-list-item-inner {
border: none;
padding-bottom: 0;
width: auto;
}
}
.pp-info-list-title a {
&:before {
display: none;
}
}
}
}
.pp-info-list-description {
h3 {
margin-top: 0;
}
}
&.style1 {
.pp-infolist-icon-wrapper {
position: absolute;
margin: 0;
top: 60px;
}
.pp-info-list-title {
padding-top: 20px;
position: relative;
&:after,&:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
border-top: 1px solid;
.opacity(.15);
}
&:before {
width: 0;
.opacity(1);
&:extend(.transition);
}
}
.pp-info-list-item:hover .pp-info-list-title:before {
width: 100%;
}
}
}
.elementor-widget-pp-info-box-carousel {
.pp-info-box-carousel {
overflow: visible;
.swiper-slide {
&:not(.swiper-slide-visible) {
.pp-info-box {
.opacity(0);
transform: scale(0.6);
visibility: hidden;
}
}
.pp-info-box {
&:extend(.transition);
}
}
}
&:not([class*="style2"]) {
.pp-info-box-carousel-wrap > .pp-info-box-container:not([class*="elementor-grid"]) {
.pp-info-box {
position: relative;
.pp-info-box-title {
margin: 0;
&:extend(.transition);
}
.pp-info-box-icon {
vertical-align: top;
position: relative;
overflow: hidden;
.box-shadow6;
&:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
.opacity(0);
&:extend(.transition);
}
img {
&:extend(.transition);
}
}
.pp-info-box-description {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 55px;
padding: 20px;
display: flex;
align-items: center;
transform: scale(1.2);
visibility: hidden;
.opacity(0);
&:extend(.transition);
}
a.pp-info-box-title-container:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
&:hover {
img {
filter: grayscale(1);
transform: scale(1.2) rotate(-3deg);
}
.pp-info-box-icon:after {
.opacity(.9);
}
.pp-info-box-description {
visibility: visible;
transform: scale(1);
.opacity(1);
}
}
}
}
.elementor-grid {
display: grid;
.pp-info-box {
position: relative;
.box-shadow;
&:extend(.transition);
&:hover {
transform: translateY(-6px);
.box-shadow4;
}
}
.pp-info-box-title {
margin-top: 0;
&:extend(.transition);
}
}
}
&.style2 {
.pp-info-box-carousel {
overflow: visible;
.swiper-wrapper {
align-items: flex-end;
}
}
.pp-info-box {
overflow: hidden;
visibility: visible !important;
transform: scale(1) !important;
.opacity(1) !important;
.pp-info-box-icon {
vertical-align: top;
}
}
.pp-info-box-title {
margin-top: 0
}
.pp-info-box-content {
padding: 18px 30px 22px;
}
.swiper-slide {
.opacity(.25);
&.swiper-slide-visible {
.opacity(1);
}
&:before {
content: "";
position: absolute;
bottom: -7px;
left: 50%;
width: 14px;
height: 14px;
background-color: @white;
transform: translateX(-50%) rotate(45deg);
}
&:after {
content: "";
position: absolute;
bottom: -72px;
left: 50%;
width: 25px;
height: 25px;
background-color: @white;
border: 7px solid;
transform: translateX(-50%);
.rounded(50%);
}
}
&:after {
content: "";
position: absolute;
left: -150px;
right: -150px;
height: 1px;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
bottom: -60px;
.opacity(.4);
}
}
}
.e-widget-swiper {
&.shadow {
.swiper-container {
filter: drop-shadow(0px 20px 20px rgba(0,0,60,.1));
}
}
}
.elementor-widget-pp-posts {
&.e-widget-swiper {
.swiper-container-wrap-dots-outside {
border: none;
padding: 0;
}
}
&.elementor-grid-1 {
&.style2 {
.pp-post {
@media only screen and (min-width: 769px) {
display: flex;
align-items: center;
gap: 30px;
.pp-post-thumbnail {
margin-bottom: 0;
flex-shrink: 0;
width: ~"calc(50% - 15px)";
}
}
}
}
}
.pp-post {
overflow: visible;
}
.pp-post-thumbnail {
overflow: visible;
}
.pp-post-title {
margin-top: 0;
a {
background-size: 0 100%;
background-repeat: no-repeat;
}
.highlight {
&:after,&:before {
display: none;
}
}
}
.pp-post-meta {
font-size: 13px;
line-height: 1.2;
}
.pp-meta-separator {
font-weight: normal;
position: relative;
top: -1px;
.opacity(.9);
}
.pp-post-terms-wrap {
line-height: 1;
}
.pp-post-terms {
a {
font-weight: 600;
font-size: 12px;
line-height: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}
}
.swiper-container-wrap-dots-outside {
border-bottom: 1px solid rgba(0,0,60,.12);
padding-bottom: 30px;
}
.pp-posts-pagination-bottom {
border-top: 1px solid rgba(255,255,255,.12);
}
.pp-posts-pagination {
padding-top: 0;
.page-numbers {
border-width: 1px;
&.next {
display: block;
background: @white;
border-width: 0;
}
&.prev {
+ .page-numbers {
margin-left: 0 !important;
}
}
&.current {
border-width: 0;
}
}
}
.pp-post-wrap {
.pp-grid-item,.pp-carousel-item {
&:hover .pp-post-title a {
background-size: 100% 100%;
}
}
}
.pp-posts[data-layout="masonry"] {
.pp-post-content-wrap {
position: absolute;
left: 30px;
max-width: ~"calc(80% - 30px)";
bottom: 30px;
z-index: 2;
}
.pp-post-thumbnail {
a {
position: static;
&:after {
background: #191125;
width: 100%;
.opacity(.3);
}
&:before {
display: none;
}
&:hover {
&:after {
.opacity(.15);
}
}
}
}
.pp-post-term a {
background-color: @white;
border: none;
padding: 3px 8px;
&:hover {
color: @white;
}
}
}
&.pp-equal-height-yes {
.pp-post-wrap {
position: relative;
&:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background-color: rgba(0,0,60,.1);
}
&:last-child:before {
display: none;
}
.pp-post-meta {
position: absolute;
bottom: 0;
}
}
}
}
.elementor-widget-pp-content-ticker {
.pp-content-ticker-container {
padding: 10px;
.rounded(50px);
.pp-content-ticker-heading {
.rounded(50px);
}
}
}
.elementor-shortcode {
.mc4wp-form {
border-top: 8px solid;
padding-top: 25px;
.form-wrap {
label {
font-size: 15px;
}
input {
margin-top: 15px;
&[type="email"] {
margin-top: 17px;
background: @white;
.box-shadow3;
&:not(:focus) {
border-color: transparent;
}
}
}
}
.term-wrap {
label {
display: flex;
align-items: center;
gap: 15px;
font-size: 13px;
}
}
input[type="checkbox"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid rgba(0,0,60,.2);
cursor: pointer;
height: 24px;
width: 24px;
&:after {
content: "\ea1c";
font-family: "Nucleo";
position: absolute;
left: -1px;
top: -1px;
font-size: 24px;
line-height: 1;
.opacity(0);
}
&:checked {
background: @white;
&:after {
.opacity(1);
}
}
}
}
}
.elementor-widget-pp-team-member {
&:hover {
.pp-tm-image {
img {
mix-blend-mode: normal;
}
}
}
.pp-tm-name {
margin-top: 0;
}
.pp-tm-divider {
.rounded;
}
.pp-tm-image {
vertical-align: top;
background-color: #ECF2F7;
.rounded(15px);
img {
mix-blend-mode: luminosity;
&:extend(.transition);
}
}
&.style2 {
.pp-tm {
display: flex;
align-items: center;
justify-content: space-between;
> div {
flex: 1 1;
flex-basis: 50%;
}
}
}
dl {
margin: 0;
&:after {
display: table;
content:"";
clear: both;
}
dt {
float: left;
}
dd {
margin-bottom: 15px;
margin-left: 43%;
}
}
}
.elementor-widget-pp-team-member-carousel {
.pp-tm-name {
margin: 0;
}
.pp-tm-description {
margin-top: 15px;
}
.pp-tm-divider {
.rounded;
}
}
.pp-hotspot-icon {
.fa-plus {
&:before {
content: "\ea70";
font-family: "Nucleo";
font-weight: normal;
}
}
}
.elementor-widget-pp-contact-form-7 {
.pp-contact-form-7-title {
margin-top: 0;
}
.pp-contact-form-7-description {
margin-bottom: 30px;
}
.pp-custom-radio-checkbox input[type=checkbox], .pp-custom-radio-checkbox input[type=radio] {
padding: 0;
}
&.style1 {
.field {
position: relative;
}
.field-label {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
line-height: 19px;
font-weight: 500;
position: absolute;
left: 0;
z-index: -1;
top: 15px;
.opacity(.7);
&:extend(.transition);
}
select {
padding: 15px 0;
.rounded(0);
}
textarea, input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
padding: 15px 0;
line-height: 19px;
&:focus {
.box-shadow(none);
+ .field-label {
font-size: 8px;
letter-spacing: 0,67;
line-height: 10px;
top: 0;
}
}
}
.ui-dropdown {
.wpcf7-form-control-wrap:before {
right: 0;
}
}
}
&.style2 {
.field-label {
margin-bottom: 10px;
font-size: 14px;
}
.cf7mls {
.wpcf7-checkbox,.wpcf7-radio {
.wpcf7-list-item-label {
color: #595980;
}
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after,
.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:after {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before,
.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:before {
.box-shadow6;
}
.wpcf7-radio .wpcf7-list-item label input:checked,
.wpcf7-checkbox .wpcf7-list-item label input:checked {
background-color: @white;
.box-shadow3;
}
button.cf7mls_back {
color: rgba(255,255,255,.7);
}
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), textarea, select {
background-color: @white;
color: rgba(0,0,60,.7);
.box-shadow3;
&:focus {
background-color: rgba(255,255,255,.8);
}
}
.wpcf7-form input[type="checkbox"] {
border-color: rgba(255,255,255,.7);
}
.wpcf7-acceptance {
input[type="checkbox"] {
border-color: rgba(255,255,255,.3);
color: @white;
}
}
}
}
}
.elementor-widget-pp-pricing-table {
.pp-pricing-table-title {
margin-top: 0;
}
.pp-pricing-table-button {
width: 100%;
}
.pp-pricing-table {
display: flex;
flex-direction: column;
}
.pp-pricing-table-head {
order: 1;
}
.pp-pricing-table-price-wrap {
order: 2;
}
.pp-pricing-table-footer {
order: 3;
}
.pp-pricing-table-features {
order: 4;
}
.pp-pricing-table-ribbon-1 {
&[class*="pp-pricing-table-ribbon"] {
left: 0;
right: 0;
width: 100%;
height: auto;
top: auto;
bottom: 100%;
transform: none;
.pp-pricing-table-ribbon-inner {
transform: none;
width: 100%;
margin: 0;
bottom: 100%;
top: auto;
}
}
}
}
.elementor-widget-pp-buttons {
a.pp-button {
.rounded(0);
&.no-bg {
position: relative;
padding: 0;
background: none;
.box-shadow(none);
&:after {
content: "";
position: absolute;
height: 23px;
top: ~"calc(50% + 1px)";
width: 0;
right: -30px;
transform: translateY(-50%);
border-left: 1px solid;
.opacity(.2);
}
&:last-child:after {
display: none;
}
}
&.has-arrow {
padding-right: 52px;
&:before {
content: "\ea74";
position: absolute;
font-family: "Nucleo";
font-size: 16px;
text-align: center;
line-height: 36px;
font-weight: normal;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 36px;
height: 36px;
color: @white;
.box-shadow3;
.rounded(50%);
&:extend(.transition);
}
}
}
&.style1 {
.pp-buttons-group {
justify-content: space-between;
flex-flow: inherit;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
&::-webkit-scrollbar {
display: none;
}
a {
margin: 0;
}
}
}
}
.elementor-widget-pp-advanced-accordion {
.pp-accordion-item {
overflow: visible;
&:last-child {
border-bottom: none !important;
}
}
.pp-accordion-tab-content {
.elementor-section[data-element_type="section"] {
margin-left: -15px;
margin-right: -15px;
}
}
.pp-accordion-toggle-icon {
margin-left: 40px;
}
.pp-accordion-tab-active {
.pp-accordion-toggle-icon:before {
.opacity(1);
transform: rotate(45deg);
}
}
.pp-accordion-tab-title {
padding: 0;
}
.pp-accordion-tab-content {
padding: 30px 0 0 0;
}
}
.elementor-widget-pp-image-accordion {
.pp-image-accordion-overlay {
padding: 30px 8%;
}
.pp-image-accordion-content-wrap * {
transform-style: unset;
visibility: visible;
.transition(none);
.opacity(1);
}
img.alignright {
position: absolute;
top: 50%;
transform: translateY(-50%) !important;
right: 0;
}
.pp-image-accordion-item {
&:not(.pp-image-accordion-active) {
.pp-image-accordion-description,
.pp-image-accordion-button-wrap {
visibility: hidden;
.opacity(0);
}
h2.pp-image-accordion-title {
position: absolute;
white-space: nowrap;
transform: none;
left: 8%;
bottom: 18px;
padding-top: 0;
border: none;
margin: 0;
@media only screen and (min-width: 769px) {
transform-origin: top right;
transform: rotate(90deg) translateY(0);
white-space: nowrap;
right: 28px;
left: auto;
bottom: 15px;
}
span {
display: none;
}
}
}
.pp-image-accordion-title {
margin-top: 0;
span {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
line-height: 18px;
display: block;
margin-bottom: 5px;
}
}
}
}
.elementor-widget-html {
.grBtn {
span {
@media only screen and (max-width: 1024px) {
display: none;
}
}
}
}
.wp-block-themepunch-revslider {
.tp-bullets.custom {
.tp-bullet {
width: 75px;
height: 5px;
background: @white;
.box-shadow3;
}
}
.highlight {
color: @white;
}
rs-tabs {
.tp-tab {
border-top: 1px solid rgba(255,255,255,.5);
padding-top: 20px;
font-weight: 600;
color: @white;
&:extend(.transition);
&.selected {
}
}
}
.button.has-arrow {
@media only screen and (max-width: 768px) {
text-align: center !important;
&:before {
display: none;
}
}
}
}
.wpcf7-form {
overflow: visible;
}
.cf7mls {
p:empty {
display: none;
}
.fieldset-cf7mls-wrapper {
overflow: visible;
position: relative;
counter-reset: my-badass-counter;
}
.fieldset-cf7mls {
margin: 0;
padding: 0;
&:last-child {
button.cf7mls_back {
margin-top: 30px;
}
}
}
.cf7mls-btns {
padding-top: 30px;
@media only screen and (min-width: 769px) {
padding-top: 55px;
}
&:after {
content: "";
display: table;
clear: both;
}
}
button.cf7mls_next,button.cf7mls_back {
background-color: @white;
font-size: 16px;
font-weight: 600;
line-height: 22px;
padding: 19px 25px;
width: 100%;
margin: 0 0 20px 0;
.box-shadow3;
.rounded(15px);
@media only screen and (min-width: 769px) {
width: 370px;
}
&:before {
//content: "\ea74";
font-family: "Nucleo";
font-size: 16px;
font-weight: normal;
position: absolute;
right: 22px;
top: 50%;
line-height: 1;
transform: translateY(-50%) rotate(-45deg);
}
}
button.cf7mls_back {
background-color: rgba(0,0,60,.2);
}
input.wpcf7-form-control.wpcf7-submit {
.rounded(15px);
margin: 0;
}
.wpcf7-radio,.wpcf7-checkbox {
gap: 15px;
display: flex;
flex-wrap: wrap;
@media only screen and (min-width: 769px) {
gap: 30px;
}
.wpcf7-list-item {
margin: 0;
flex: 1 1;
label {
text-align: center;
position: relative;
padding: 25px;
z-index: 2;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
input {
width: 64px;
height: 64px;
background-color: rgba(0,0,60,.1);
border: none;
margin: 0 0 12px 0;
transform: scale(0.5);
.rounded(50%);
&:extend(.transition);
&:checked {
transform: scale(1);
+ .wpcf7-list-item-label:after {
.opacity(1);
}
}
&:after {
content: "\ea1c";
font-family: "Nucleo";
font-size: 32px;
width: auto;
height: auto;
background: none;
color: @white;
font-weight: normal;
.rounded(0);
}
}
.wpcf7-list-item-label {
display: block;
font-size: 15px;
font-weight: 600;
line-height: 22px;
&:after {
content: "";
border: 2px solid;
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
z-index: -1;
.rounded(15px);
.opacity(0);
&:extend(.transition);
}
&:before {
content: "";
background-color: @white;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
.rounded(15px);
.box-shadow;
}
}
}
}
}
.col-6 {
@media only screen and (min-width: 769px) {
width: 50%;
}
}
.text {
margin-bottom: 30px;
@media only screen and (min-width: 769px) {
position: absolute;
left: 0;
bottom: 24px;
width: ~"calc(100% - 470px)";
margin: 0;
}
}
.form-title {
margin: 0 0 20px 0;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: inherit;
}
.wpcf7-acceptance input[type="checkbox"] {
width: 20px;
}
}
}
.list-style1,.list-style2 {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
li {
position: relative;
padding: 0 0 0 40px;
margin-bottom: 15px;
&:before {
content: "\ea1c";
font-family:"Nucleo";
font-size: 24px;
position: absolute;
top: 1px;
left: 0;
}
}
&[class*="columns-"] {
li {
margin-bottom: 20px;
}
@media only screen and (min-width: 605px) {
gap: 30px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
li {
width: ~"calc(50% - 15px)";
margin-bottom: -10px;
}
}
}
}
.list-style2 {
li {
padding: 0 0 0 30px;
margin-bottom: 12px;
&:before {
top: 8.5px;
content: "";
width: 10px;
height: 10px;
}
}
}
.wpcf7-form {
&.submitting {
.wpcf7-form-control-wrap {
.opacity(.5);
}
}
.form-row {
font-size: 15px;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
> p {
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
}
&:last-child,&:last-of-type{
margin-bottom: 0;
}
&.ui-dropdown,.field.ui-dropdown {
.wpcf7-form-control-wrap {
position: relative;
&:before {
content:"\ea72";
font-family: "Nucleo";
font-size: 14px;
position: absolute;
right: 15px;
top: 50%;
z-index: 1;
line-height: 1;
font-weight: normal;
transform: translateY(-50%);
}
}
select {
padding-top: 15px;
padding-bottom: 15px;
}
}
&.ui-grid,&.ui-grid > p {
flex-direction: column;
flex-wrap: wrap;
gap: 30px;
@media only screen and (min-width: 605px) {
flex-direction: row;
}
.field {
flex: 1 1;
}
}
br {
display: none;
}
input.wpcf7-form-control,select,textarea {
width: 100%;
}
textarea {
height: 100px;
display: block;
}
.wpcf7-form-control-wrap {
flex: 1 1;
&:extend(.transition);
}
.wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin: 3px 0 20px 0;
.wpcf7-list-item {
margin: 0;
label {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.wpcf7-list-item-label {
line-height: 20px;
}
}
}
.wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin: 5px 0 15px 0;
.wpcf7-list-item {
margin: 0;
label {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.wpcf7-list-item-label {
line-height: 20px;
}
}
}
}
.wpcf7-response-output {
&:last-child {
margin: 20px 0 0;
padding: 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
}
}
.wpcf7-acceptance {
font-size: 13px;
display: block;
margin-top: 10px;
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label {
display: flex;
align-items: center;
font-weight: normal;
}
.wpcf7-list-item-label {
line-height: 20px;
}
}
.wpcf7-form-control-wrap {
span.wpcf7-not-valid-tip {
font-size: 13px;
margin: 5px 0;
}
&[class*="textarea"] {
display: flex;
}
}
.wpcf7-radio {
display: flex;
label {
display: flex;
}
}
input[type="checkbox"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid rgba(0,0,60,.125);
cursor: pointer;
height: 20px;
width: 20px;
flex-shrink: 0;
margin-right: 10px;
.rounded(5px);
&:after {
content: "\ea1c";
font-family:"Nucleo";
position: absolute;
font-size: 18px;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: none;
}
&:checked {
.opacity(1);
&:after {
display: block;
}
}
}
input[type="radio"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid rgba(0,0,60,.125);
cursor: pointer;
height: 20px;
width: 20px;
margin-right: 10px;
flex-shrink: 0;
.rounded(50%);
&:after {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: none;
.rounded(50%);
}
&:checked {
&:after {
display: block;
}
}
}
input[type="submit"] {
width: auto;
}
p {
position: relative;
.ajax-loader,.wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
margin: 0;
}
}
.ajax-loader,.wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
margin: 0;
}
}
.select2-container {
.select2-dropdown {
padding: 10px;
border: none;
font-size: 14px;
.box-shadow3;
.select2-results__options {
li {
.rounded;
}
}
&[class*="select2-dropdown--"] {
.rounded(0);
.box-shadow3;
}
}
&.select2-container--default .select2-selection--single {
border: 1px solid transparent;
height: 50px;
background-color: rgba(0, 0, 60, 0.085);
.rounded(15px);
.select2-selection__rendered {
color: inherit;
line-height: 48px;
padding: 0 20px;
color: inherit;
}
.select2-selection__arrow {
height: 48px;
right: 15px;
b {
border: none;
margin: 0;
&:before {
text-indent:0;
content: "\ea72";
font-family: "Nucleo";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size: 12px;
font-weight: normal;
}
}
}
.select2-selection__clear {
margin-right: 25px;
font-weight: normal;
line-height: 43px;
}
}
&.select2-container--open {
.select2-selection .select2-selection__rendered {
.box-shadow;
}
}
}
.elementor-widget-button {
&.outline {
&:hover {
a,a.elementor-button {
color: @white;
}
}
}
}
.button:not([class*="product_type_"]) {
display: inline-block;
position: relative;
z-index: 1;
font-size: 16px;
&:hover {
//color: @white;
}
&.white {
background-color: @white;
&:hover {
color: @white;
}
&.outline {
.box-shadow(none);
color: @white;
&:after {
border-color: @white;
.opacity(.45);
}
}
}
&.dark {
color: @white;
}
&.sm {
padding-top: 12px;
padding-bottom: 12px;
}
&.md {
@media only screen and (min-width: 1025px) {
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
}
}
&.lg {
@media only screen and (min-width: 1025px) {
padding-top: 20px;
padding-bottom: 20px;
font-size: 17px;
}
}
&.outline {
background: transparent;
&:after {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
border: 1px solid;
z-index: -1;
.rounded(15px);
.opacity(.1);
&:extend(.transition);
}
&:hover {
color: @white;
&:after {
.opacity(0);
}
}
}
&.full {
width: 100%;
text-align: center;
display: block;
}
&.has-arrow {
padding-left: 25px;
text-align: inherit;
&:before {
content: "\ea74";
font-family: "Nucleo";
font-size: 16px;
font-weight: normal;
position: absolute;
right: 22px;
top: 50%;
line-height: 1;
transform: translateY(-50%) rotate(-45deg);
}
&.down {
&:before {
transform: translateY(-50%) rotate(90deg);
}
}
}
}
.gr-btn,.grBtn {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
@media only screen and (min-width: 605px) {
flex-direction: row;
align-items: center;
}
}
.aligncenter {
.grBtn,.gr-btn {
justify-content: center;
}
}
.mc4wp-form-fields {
input[type="email"] {
width: 100%;
margin-top: 34px;
}
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
padding: 20px;
}
.form-wrap {
position: relative;
input[type="submit"] {
position: absolute;
bottom: 0;
right: 0;
padding: 20px 30px;
background-color: transparent;
color: @white;
}
}
}
.badge {
color: @white;
line-height: 1;
padding: 1px 8px 1.5px;
margin: 0 5px;
.rounded(10px);
}
.ctaBox {
@media only screen and (min-width: 1025px) {
padding: 20px 0;
}
h2 {
margin: 0 0 30px 0;
line-height: 1.16667;
font-size: 30px;
word-break: break-word;
@media only screen and (min-width: 1025px) {
width: 80%;
font-size: 56px;
line-height: 64px;
margin-bottom: 40px;
}
@media only screen and (min-width: 1281px) {
font-size: 70px;
line-height: 80px;
width: 70%;
}
span {
color: @white;
}
}
.grBtn {
justify-content: flex-start;
@media only screen and (min-width: 769px) {
gap: 40px;
a,span {
width: 300px;
font-size: 16px;
}
}
}
}
.contactInfo {
p {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
Back to Directory
File Manager