File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/themes/dt-the7/css/static-less/mix.less
/* #Layzr loading
================================================== */
img.lazy-load,
img.blog-thumb-lazy-load {
opacity: 0;
transition: opacity 0.38s;
&.vc_single_image-img {
.mobile-true & {
opacity: 1;
}
}
}
img.is-loaded {
opacity: 1;
}
/* #Scroll to top button
================================================== */
.scroll-top {
position: fixed;
.flex-display(@display: flex);
.align-items(@align: center);
.justify-content(@justify: center);
right: 10px;
bottom: 10px;
width: 40px;
height: 40px;
opacity: 0;
z-index: -1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
.show-mobile-header & {
opacity: 0;
}
text-decoration: none;
}
.scroll-top,
.scroll-top svg,
.scroll-top i,
.scroll-top::before{
transition: all 400ms ease;
}
.scroll-top.off {
right: -45px;
opacity: 0;
}
.scroll-top.on {
right: 10px;
opacity: 1;
z-index: 109;
.header-side-right & {
right: auto;
left: 10px;
}
.show-mobile-header & {
opacity: 0;
}
}
.scroll-top {
background-color: #000;
background-color: rgba(0,0,0,0.2);
}
.scroll-top:hover {
background-color: #000;
background-color: rgba(0,0,0,0.5);
}
.scroll-top svg {
text-transform: none;
width: 24px;
line-height: 1;
fill: #fff;
}
.scroll-top-elementor-icon:before{
display: none;
}
.scroll-top-elementor-icon,
.scroll-top-elementor-icon:hover{
color:#fff;
}
.scroll-top-elementor-icon svg{
fill:#fff;
}
/* #If not avatare image
================================================== */
.no-avatar {
position: relative;
width: 50px;
height: 50px;
.box-sizing (border-box);
}
a.no-avatar {
transition: all 450ms ease;
}
.no-avatar svg {
width: 32px;
height: auto;
}
.comment .no-avatar,
.items-grid .no-avatar,
.recent-posts .no-avatar {
width: 60px;
height: 60px;
}
.author-avatar.no-avatar,
.comment .no-avatar {
display: inline-flex;
justify-content: center;
align-items: center;
}
/* #Shortcode code
================================================== */
.shortcode-code {
padding: 25px 20px 25px 20px;
}
/* #Edit link
================================================== */
.edit-link {
padding: 5px 10px;
background-color: #69c354;
color: #fff !important;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
.static-border-radius(3px);
}
.edit-link:hover {
color: #fff;
background-color: #4fa53b;
}
/* #Details link
================================================== */
.details {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 6px !important;
margin-bottom: -6px;
font-weight: bold;
text-decoration: none;
&:after {
display: inline-block;
padding-left: 5px;
font-family: 'icomoon-the7-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 8px;
line-height: 1;
content: "\f003";
}
&:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: "";
transition: width 0.4s ease;
}
&:hover:before {
width: 100%;
}
}
/* #Round images
================================================== */
.round-images .rollover i,
.round-images a.rollover,
.round-images img,
.round-images .blur-effect,
.round-images .alignleft,
.round-images .alignleft img,
.round-images .alignleft i {
.static-border-radius;
}
/* #Custom select
================================================== */
#page .customSelect {
padding: 6px 10px 5px;
.box-sizing (border-box);
}
/* #fixes for plugins
================================================== */
/*unknown #1*/
#content span:last-child[class*="gw-go-btn-icon"][class*="gw-go-btn-icon-large"] {
margin-bottom: -6px;
}
#content span:last-child[class*="gw-go-btn-icon"] {
margin-bottom: -5px;
}
.content .gw-go-col {
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #e2e2e2;
}
.content .gw-go-col:before {
margin-top: 1px;
}
/* !-Essential Grid*/
.esgbox-overlay.esgbox-overlay-fixed {
z-index: 10000;
}
.esg-grid a
//.benefits-grid a
{
text-decoration: none;
}
/*unknown #4*/
.offer-tag {
display: none;
}
/*unknown #5*/
.boxed-layout #tiptip_holder {
top: -20px !important;
}
/*unknown #6*/
#main .chzn-container-single .chzn-single {
background-image: none;
}
.nsu_widget label {
margin-right: 10px;
}
form.mc4wp-form label {
font-weight: normal;
}
/*Twitter*/
#main #content .rotatingtweet {
padding: 25px 20px 20px;
.box-sizing (border-box);
}
#content .rotatingtweets {
max-width: 100%;
}
/*unknown #6*/
.interval {
padding-bottom: 10px;
}
/*Search page*/
.search-no-results .submit:hover {
cursor: default;
}
.useJS .container-1,
.useJS .container-2,
.useJS .container-3,
.useJS .container .photo.show,
.useJS .container .l3 {
transform: none;
}
.lightbox.useJS .close,
div.lightbox.useJS .img-caption {
transition: none;
}
.jp-carousel-comment-form-button,
.wpb-js-composer div.pp_default .pp_expand,
.wpb-js-composer div.pp_default .pp_contract {
box-shadow: none;
}
.content .searchform input.searchform-s {
width: 100%;
margin-bottom: 0;
}
/*Circle content*/
.dt-circle-content {
.flex-display(@display: flex);
.align-items(@align: center);
.ie-flex-align-items(center);
.justify-content(@justify: center);
.ie-flex-justify-content(center);
.static-border-radius;
}
/* #Beautiful loading
================================================== */
@keyframes opacity-lat-rev {
0% {
opacity: 1;
visibility: visible;
}
30% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.loading-ready #load {
animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}
/* Hide loader even if inline style don't regenerate. */
body #load.loader-removed {
opacity: 0;
visibility: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
//Fix UA carousel with flexbox in ie11
.slick-slide .vc_row.vc_row-flex .ult-item-wrap,
.dt-owl-item > article {
-ms-flex: 0 0 auto;
max-width: 100%;
}
/*fix for ie11 product carousel*/
.owl-carousel .post.product {
display: block;
}
}
//Addons carousel
.slick-next, .slick-prev {
z-index: 10;
}
.comment-notes {
.woocommerce-Reviews & {
text-align: left;
}
}
.post-password-form input[type="password"] {
margin-right: 10px;
}
.customSelectInner {
background-repeat: no-repeat;
background-position: right center;
}
.taxonomy-description {
.archive & {
margin-bottom: 40px;
}
}
.woocommerce-products-header .term-description {
.archive:not(.post-type-archive-product) & {
margin-bottom: 50px;
}
}
.mini-wpml {
position: relative;
}
//Donation plugin
[id*=give-form] .give-form-title {
text-align: center;
margin-bottom: 30px;
}
.give-btn.give-btn-reveal{
border-color: transparent;
}
.widget_give_forms_widget .give-form-title {
display: none;
}
.widget_give_forms_widget #give-donation-level-button-wrap > li {
margin-bottom: 0;
}
.widget_give_forms_widget #give-donation-level-button-wrap {
margin-bottom: 5px;
}
/*Recpatha V3 badge*/
.footer-overlap .grecaptcha-badge {
z-index: 103;
}
.hidden {
display: none !important;
opacity: 0 !important;
}
.elementor-popup-modal .dialog-message > .elementor {
height: 100%;
overflow: auto;
}
.notransition{
transition: none !important;
}
.project-links-container {
pointer-events:none;
}
.project-links-container a {
pointer-events:initial;
}
.post-entry-content {
pointer-events:none;
}
.post-entry-content a {
pointer-events: initial;
}
.post-thumbnail::after {
content: none;
}
.flatpickr-current-month input.cur-year {
min-height: inherit;
}