#main-content {
overflow-y: hidden;
}
#preloader{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 100000;
}
#status{
width: 80px;
height:80px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(https://clacstudio.com/wp-content/themes/divi-artist-theme/img/preloader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -40px 0 0 -40px;
}
#main-content{
overflow-x: hidden;
}
body{
font-weight:400;
}
#main-content{
padding-left:85px;
min-height: 300px;
}
body.no-left-padding #main-content{
padding-left:0;
}
.et-db #et-boc #destaca-menu:not(.top){
top:0px;
bottom:0px;
left:0px;
right:85px;
width:85px;
min-width:0px;
z-index: 20;
}
#destaca-menu.top{
}
#destaca-button{
width: 45px;
height:28px;
cursor:pointer;
padding:0px;
position: relative;
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-button{
top:50%;
position:fixed;
left: 20px;
}
#destaca-button span{
display:block;
height:3px;
width:100%;
background:#cccccc;
padding:0px;
position:absolute;
transition: all ease 0.25s;
}
#destaca-button:hover span,
.open #destaca-button span{
background:#000;
}
body:not(.open) #destaca-button:hover span:first-child(){
width: 25%;
}
body:not(.open) #destaca-button:hover span:nth-child(2){
width: 50%;
}
body:not(.open) #destaca-button:hover span:nth-child(3){
width: 75%;
}
#destaca-button span:nth-child(2){
top:calc(50% - 2px);
}
#destaca-button span:nth-child(3){
bottom:0;
}
#destaca-button br{
display:none;
}
.open #destaca-button span:nth-child(2){
opacity: 0;
}
.open #destaca-button span:nth-child(1){
transform: rotate(45deg) translateY(9px) translateX(7px);
}
.open #destaca-button span:nth-child(3){
transform: rotate(-45deg) translateY(-10px) translateX(7px);
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-logo .et_pb_image{
transform:rotate(90deg) translateY(calc(-100% - 8px));
transform-origin:left top;
transition: all ease 0.15s;
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-logo:hover .et_pb_image{
margin-top: 7px;
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-logo img{
}
.des-cat{
display:inline-block !important;
width:auto !important;
}
.circle{
display:inline-block;
background:var(--main-color);
color:#000;
width:45px;
height:45px;
border-radius:100%;
line-height:45px;
text-align:center;
} .et-db #et-boc #destaca-menu:not(.top) .et_pb_social_media_follow li{
display: block;
margin-bottom: 0px;
}
#icon_cart{
cursor: pointer;
} #menu-code,
.close #menu-code{
display: none;
} #menu-code{
display: block;
position: absolute !important;
}
#d-menu{
position: absolute;
}
.d-menu-content{
position: fixed;
top: 0px;
bottom: 0px;
left: 85px;
z-index: 19;
right: 0px;
background: rgba(0,0,0,0.6);
display: flex;
opacity: 0;
transform: translateX(100%);
transition: all ease 0.25s;
}
.open #d-menu .d-menu-content{
animation: open-menu 0.5s forwards
}
.closed #d-menu .d-menu-content{
animation: cerrar-menu 0.5s forwards;
} .et-db #et-boc #destaca-menu.top .flex{
display: flex;
justify-content: flex-end;
align-items: center;
}
#d-menu.top .d-menu-content{
top: 101px;
left: 0px;
}
.open #d-menu.top .d-menu-primary > div{
right: 0;
left: 50%;
}
@keyframes open-menu{
0%{
transform: translateX(0);
opacity: 0;
}
50%{
opacity: 0;
transform: translateX(0);
}
100%{
opacity: 1;
transform: translateX(0);
}
}
@keyframes cerrar-menu{
0%{
transform: translateX(0%);
opacity: 1;
}
40%{
opacity: 0;
transform: translateX(0);
}
100%{
opacity: 0;
transform: translateX(-100%);
}
}
.d-menu-primary > div {
position: fixed;
left: 0px;
background: #fff;
right: 100%;
top: 0px;
bottom: 0px;
display: flex;
justify-content: flex-start;
align-items: center;
transform: translateX(-100%);
transition: all ease 0.5s ;
}
.open .d-menu-primary > div{
transform: translateX(0);
right: 50%;
}
.closed .d-menu-primary > div{
right: 100%;
}
.d-menu-primary > div > ul{
width:50%;
}
.d-menu-primary > div > ul > li{
font-size: 26px;
line-height: 26px;
position: relative;
}
.d-menu-primary > div > ul > li > a{
display: block;
width:100%;
padding:11px 10px;
position: relative;
text-align: right;
color: black;
} .d-menu-primary > div > ul > li.menu-item-has-children > a:after{
display: block;
content: '';
opacity: 0.3;
width:5px;
height: 5px;
border-top:2px solid #000;
border-left: 2px solid #000;
position:absolute;
right: -3px;
top:50%;
transform: translateY(-3px) rotate(-135deg);
transition: all ease-in-out 0.15s;
}
.d-menu-primary > div > ul > li.menu-item-has-children > a:hover:after{
transform: translateY(-1px) rotate(-225deg);
opacity: 1;
}
.d-menu-primary .sub-menu a{
font-size: 20px;
text-align: left;
}
.d-menu-primary ul li:before{
display: none !important;
}
.d-menu-primary ul.d-submenu{
display: none;
}
.d-menu-primary li{
list-style: none;
}
.d-menu-primary > div > ul > li > ul{
position: absolute;
top: 10px;
left: 100%;
width: 100%;
opacity: 0;
margin-left: -15px;
transition: all ease-in-out 0.25s;
list-style: none;
}
.d-menu-primary > div > ul > li:hover > ul,
.d-menu-primary > div > ul > li.selected > ul{
z-index: 20;
opacity: 1;
margin-left: 0px;
}
@media(min-width: 981px){
.d-menu-primary > div > ul > li > a:before{
content: '';
display: block;
width: 0%;
height: 5px;
bottom:0px;
right: 10px;
background: var(--main-color);
transition: all ease 0.25s;
position: absolute;
z-index: -1;
}
.d-menu-primary > div > ul > li > a:hover:before {
width:40%;
}
.d-menu-primary .sub-menu li a{
padding: 8px 0;
display: block;
position: relative;
color: black;
}
.d-menu-primary .sub-menu li a:hover:before{
width: 40%;
}
.d-menu-primary .sub-menu li a:before{
content: '';
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 0px;
height: 5px;
transition: all ease-in-out 0.15s;
z-index: -1;
background: rgba(0,0,0,0.1);
}
} .et_pb_text_inner ul li{
list-style:none;
position:relative;
}
.et_pb_text_inner ul li:before{
display:block;
content:'';
background:var(--main-color);
width:10px;
height:10px;
position:absolute;
left:-20px;
top:50%;
transform:translatey(-50%);
border:1px solid rgba(0,0,0,0.05);
} .flexcenter{
display:flex;
flex-direction: column;
justify-content: center;
}
.inline-modules{
display: flex;
justify-content: space-between;
}
.inline-modules .et_pb_module{
width:50%;
margin-bottom: 0px !important;
}
.inline-modules .et_pb_image_0{
padding-right:22.5px;
}
.inline-modules .et_pb_image_1{
padding-left:22.5px;
}
.inline-modules .et_pb_image span,
.inline-modules .et_pb_image img{
height: 100%;
}
.inline-modules .et_pb_image img{
object-fit: cover;
}
@media(min-width:980px){
}
@media(max-width:980px){
.inline-modules .et_pb_image span,
.inline-modules .et_pb_image img{
width:100% !important;
}
.inline-modules .et_pb_image_0{
padding-right:11.2px;
}
.inline-modules .et_pb_image_1{
padding-left:11.2px;
}
}   #home-portfolio .grids-destaca .et_pb_portfolio_filters ul{
display: none !important; 
}
@media(max-width:980px){
.rev-col-home{
display: flex;
flex-direction: column-reverse;
}
} .single-project h2{
position:relative;
}
.single-project .et_pb_column_3_5 .et_pb_text h2:before{
position:absolute;
content:'';
width:30px;
height:15px;
background:var(--main-color);
left:-10px;
z-index:-1;
top:0%;
} @media(min-width:980px){
.banners-shop .et_pb_promo{
transition:padding ease-in-out 0.25s;
}
.banners-shop .et_pb_promo.align-right .et_pb_button_wrapper{
text-align:right;
}
.banners-shop .et_pb_promo:not(.promo-1):hover,
.banners-shop .et_pb_column:first-child:hover .et_pb_promo{
padding-left:55px !important;
}
.banners-shop .et_pb_promo.align-right:hover{
padding-right:55px !important;
}
} #projects-banner .circle-link{
transition:all ease-in-out 0.25s;
opacity: 0;
transform: scale(0.7) translate(-50%,-50%);
}
#projects-banner:hover .circle-link{
opacity: 100;
transform: scale(0.85) translate(-44%, -50%);
} .circle-button{
overflow:visible;
cursor:pointer;
}
.circle-button > div{
height:110px;
line-height:110px;
}
.circle-button img{
position:absolute;
top:-15px;
transition:transform ease-in-out 0.25s;
}
.circle-button:hover img{
transform:rotate(90deg) !important;
} .onsale{
z-index:4;
} #blog-grid > div,
.col-3 > div,
.col-2 > div{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:space-between;
}
#blog-grid.col-3 > div,
.col3 > div{
justify-content:normal;
}
#blog-grid article:last-of-type{
margin-left:auto !important;
}
@media(min-width:1024px){ .col-3 article{
width:31.3%;
margin-bottom:40px;
margin-right:3%;
margin-left:0px !important;
}
.col-3 article:nth-child(3n){
margin-right:0px;
} 
.col-2 article{
width:48.5%;
}
#blog-grid.col-2 article{
height:300px;
}
#blog-grid.col-3 article{
height:240px;
}
}
#blog-grid article{
position:relative;
overflow:hidden;
cursor:pointer;
}
#blog-grid article > a{
height:100%;
}
#blog-grid article img{
object-fit:cover;
object-position:center center;
height:100%;
}
#blog-grid article:before{
content:'';
z-index:2;
display:block;
position:absolute;
background: rgba(0,0,0,0.25);
width:100%;
height:100%;
transition:all ease 0.25s;
}
#blog-grid article .entry-title{
position:absolute;
bottom:60px;
z-index:2;
width:100%;
padding:5px 15px 0px 15px;
transition:all ease 0.45s; }
#blog-grid.col-1 article .entry-title{
bottom:auto;
top:50%;
text-align:center;
}
#blog-grid .post-meta{
position:absolute;
bottom:10px;
z-index:2;
width:100%;
padding:0px 15px 0px 15px;
transition:all ease  0.45s;
line-height:100%; }
#blog-grid.col-1 .post-meta{
bottom:auto;
bottom:50%;
text-align:center;
}
#blog-grid article:hover:before{
background: rgba(0,0,0,0.45);
}
@media(min-width:768px){
#blog-grid:not(.col-1) article:hover .entry-title{
bottom:120px;
}
#blog-grid:not(.col-1) article:hover .post-meta{
bottom:110px;
opacity: 0;
}
#blog-grid:not(.col-1)  article:hover .post-content{
bottom:80px;
transition: all ease 0.25s 0.15s;
} #blog-grid.col-1 article:hover .entry-title{
transform:translateY(15px);
}
#blog-grid.col-1  article:hover .post-content{
padding-bottom:30px
}
}
#blog-grid .post-content{
position:absolute;
z-index:2;
bottom:0px;
padding:20px;
transform:translateY(100%);
transition:all ease 0.25s;
}
#blog-grid.col-1 .post-content{
transform:translateY(0);
text-align:center;
background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%);
width:100%;
padding-top:25%;
}  #blog-pills .entry-featured-image-url,
#blog-grid .entry-featured-image-url{
overflow:hidden;
margin-bottom:15px;
}
#blog-pills article:hover img, #blog-grid article:hover img{
transform:scale(1.15);
}
#blog-grid article:hover img{
filter: blur(4px);
}
#blog-pills .entry-featured-image-url img,
#blog-grid .entry-featured-image-url img{
transition:all ease 0.25s;
} .blog-flex article{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin: 0px auto;
padding:70px 0px;
}
.blog-flex .entry-featured-image-url{
margin-bottom:0px;
}
.blog-flex .blog-column-info{
width:100%;
}
@media(min-width:800px){
.blog-flex article > div{
width: 50% !important;
padding:0 5%;
}
.blog-flex article > a{
width: 50%;
}
.blog-flex article:nth-child(2n) {
flex-direction: row-reverse;
}
}
.blog-flex article img{
transition:all ease 0.15s;
} .blog-flex article .blog-column-info .entry-title{
transition:all ease 0.25s;
}
.blog-flex article .blog-column-info .entry-title:hover{
opacity:0.7;
transform:translateY(5px);
}
@media(max-width:980px){
.blog-flex article .blog-column-info .post-content{
display:none;
}
.blog-flex article{
padding:30px 0px;
}
} .post-categories-wrapper{
position:absolute;
z-index:2;
left:15px;
top:15px;
}
.post-categories-wrapper a{
background:var(--main-color);
border-radius: 5px;
}
.col-1 .post-categories-wrapper{
left:50%;
transform:translatex(-50%);
}
@media(max-width:767px){
.col-1 .post-categories-wrapper{
left:0px;
width:90%;
text-align:center;
}
}
.post-categories-wrapper a{
display:inline-block;
background:rgba(0,0,0,0.3);
padding:3px 6px;
border-radius:4px;
margin-right:10px;
color:#000;
font-size:13px;
transition:all aese 0.25s;
line-height:1.2em;
} 
.post-categories-wrapper a:hover{
background:rgba(0,0,0,0.6)
}  
.blog-flex .post-categories-wrapper{
position:relative;
margin-bottom:20px;
left:0px;
}
.blog-flex .post-categories-wrapper a{
background:none;
color:#000;
}
.blog-flex .post-categories-wrapper a:hover{
color:#666;
} .et_pb_blog_0 article ~ div{
width:100% !important;
display:block;
}
.last-posts article{
display:flex;
margin-bottom:30px;
align-items:center;
}
.last-posts .entry-featured-image-url{
width:100px !important;
margin-bottom:0px;
}
.last-posts .entry-title{
padding-bottom:0px;
margin-left:20px;
width:calc(100% - 100px);
}  #post .et_pb_row{
padding:0px;
width:100%;
}
#post .et_pb_section_0{
padding-top:30px;
}
@media(max-width:767px){
#post .et_pb_section_0{
padding-top:0px;
}
}
#related.pills .et_pb_post .entry-featured-image-url{
margin-bottom:0px;
}
#related.pills article{
position: relative;
padding-bottom: 0px;
padding-top: 0px;
overflow: hidden;
padding:0px;
cursor:pointer;
}
#related.pills article:before{
position:absolute;
content:'';
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
z-index:2;
transition:all ease 0.15s;
}
#related.pills article:hover:before{
background:rgba(0,0,0,0.5);
}
#related.pills .et_pb_image_container{
margin:0px;
}
#related.pills article h2.entry-title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 10px;
text-align: center;
z-index:3;
transition:all ease 0.15s;
}
#related.pills article:hover .entry-title{
transform: translateY(-80%);
}
#related.pills article .post-meta{
position: absolute;
bottom: 0px;
padding: 0px 10px;
width: 100%;
text-align: center;
opacity: 0.8;
left: 0px;
z-index:3;
}
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"]{
width:100%;
}
.no-colapse-2{
display:flex;
flex-wrap:wrap;
}
.no-colapse-2 .et_pb_column{
width:47% !important;
}
.et_pb_team_member_image{
margin:10px auto;
}
@media(max-width:767px){
.no-colapse-2 .et_pb_column{
width:50% !important;
}
}
@media(min-width:768px){
.single-project .et_pb_portfolio_grid_items{
display:grid;
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
grid-gap:30px;
}
.single-project .et_pb_portfolio_grid_items div{
padding:0px;
margin:0px;
max-width:100%;
}
.single-project .et_pb_column .et_pb_grid_item.et_pb_portfolio_item{
width:100%;
}
}
.single-project .et_pb_portfolio_grid_items img{
max-width:100% !important;
} @media(min-width:980px){
.woocommerce-LoopProduct-link{
flex-wrap: wrap;
display: flex;
align-items: flex-start;
justify-content: space-around;
}
}
.et_shop_image{
margin-bottom: 15px;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
margin-bottom: 0px !important;
}
@media(min-width:981px){
.woocommerce.columns-3 ul.products li.product{
margin-bottom:80px;
}
.woocommerce.columns-3 ul.products li.product:first-child,
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(3n+1){
padding-right:30px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(2),
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(3n+2){
padding-right:15px;
padding-left:15px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(2) span.onsale,
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(3n+2) span.onsale{
left:25px !important;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(3n){
padding-left:30px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product:nth-child(3n) span.onsale{
left:40px !important;
}
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
z-index: 5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
display:inline-block;
width:58%;
position:relative;
padding-top: 10px;
margin-top: -7px;
}
.woocommerce ul.products li.product .price{
display:inline-block;
width:39%;
text-align:right;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:after{
position:absolute;
content:'';
left:-5px;
width:0%;
height:80%;
display:block;
background:var(--main-color);
top:12.5%;
z-index:-1;
transition:all ease 0.15s;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title:after{
width:25%;
left:-10px;
}
.page-numbers{
border:none !important;
}
.page-numbers li{
border:none !important;
width:34px;
border-radius:100%;
margin-right:10px !important;
} .wc-proceed-to-checkout{
width:300px;
float:right;
}
.woocommerce form .form-row input.input-text{
padding:10px 15px !important;
border-radius:4px;
}
.et_pb_wc_cart_totals .select2-container .select2-selection--single, .et_pb_wc_checkout_billing .select2-container .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container .select2-selection--single{
padding:10px 15px !important;
}
.et_pb_wc_cart_totals .select2-container .select2-selection--single, .et_pb_wc_checkout_billing .select2-container .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container .select2-selection--single{
min-height:auto;
}
.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info{
background:transparent !important;
} @media(max-width:767px){
#related ul.products.columns-2 li.product{
width: 100% !important;
}
}
#related .woocommerce-loop-product__title{
width: 100%;
} #sidebar-shop .wc-block-product-categories-list-item{
color:#ca6d4d;
}
#sidebar-shop .wc-block-product-categories-list-item:hover > a{
color:#ca6d4d !important;
}
#sidebar-shop .et_pb_widget,
#sidebar-blog .et_pb_widget{
border-bottom:1px dashed rgba(0,0,0,0.2);
padding:20px 0;
margin-bottom:0px !important;
margin-top:0px !important;
}
#sidebar-blog .et_pb_widget h4{
font-weight:bold;
}
#sidebar-shop .widget_shopping_cart h4:before{
display: inline-block;
font: normal normal normal 21px/1 dashicons;
content: '\f174';
color: #ca6d4d;
margin-right: 5px;
position:absolute;
left:0px;
}
#sidebar-shop .widget_shopping_cart h4{
font-size:25px;
position:relative;
padding-left:30px;
}
#sidebar-shop .woocommerce ul.cart_list li img, #sidebar-shop  .woocommerce ul.product_list_widget li img{
width:64px;
}
#sidebar-shop .woocommerce .widget_shopping_cart .total, #sidebar-shop .woocommerce.widget_shopping_cart .total{
padding-top:15px;
border-top:1px solid rgba(0,0,0,0.1)
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{
border:none;
font-size:15px;
border-radius:5px;
background:#f5e4c2;
padding:5px 8px;
display:block;
text-align:center;
color:#595959;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover{
padding:5px 8px !important;
border-radius:5px;
background:#ca6d4d;
color:#fff;
}
.woocommerce .widget_shopping_cart .buttons a:hover:before, .woocommerce.widget_shopping_cart .buttons a:hover:before{
display:none;
}
.wc-block-product-search__field,
#sidebar-blog input[type="text"]
{
border-radius:5px;
border:2px solid #CA6D4D;
}
.wc-block-product-search .wc-block-product-search__button,
#sidebar-blog input[type="submit"]{
border:none;
border-radius:5px;
background:#f5e4c2;
color:#595959;
font-weight:bold;
min-width:34px;
}  .woocommerce-info,
.woocommerce-notice{
color: #000 !important;
}
.et_pb_module_inner .woocommerce-error{
color: #000 !important;
background: #fb5656 !important;
}
.woocommerce-notices-wrapper a{
text-decoration: underline !important;
}
#my-account h2{
font-weight: 500 !important;
color:rgba(191,191,191,0.67)!important;
}
.woocommerce-form-login,
.woocommerce form.register{
max-width:600px;
margin:0 auto 30px auto !important;
}
.woocommerce .u-columns.col2-set h2{
font-size:23px !important;
}
.woocommerce .woocommerce-Button, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
color: #ffffff!important;
border-width: 0px!important;
border-radius: 0px;
background-color: #000!important;
float:right;
margin-top:20px !important;
}
.woocommerce .woocommerce-Button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
background:var(--main-color) !important;
padding-right:20px !important;
color: #000 !important;
}
.woocommerce a.button:hover, .woocommerce-page a.button:hover{
padding-right:20px !important;
}
a.button:hover:after, .woocommerce-page a.button:hover:after,
.woocommerce .woocommerce-Button:hover:after,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:after{
display:none;
border-radius:5px !important;
}
.woocommerce-button.button.view{
font-size:14px;
background:#eed0c1;
border-radius:5px;
color:#303030;
border:none;
padding:5px 12px !important;
}
.woocommerce-button.button.view:hover{
background:#ca6d4d;
color:#fff;
padding:5px 12px !important;
border:none;
border-radius:5px;}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
background:#47b8cc;
}
.woocommerce-MyAccount-navigation ul{
padding-right:40px;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
padding:13px 5px;
border-bottom: solid 1px rgba(0,0,0,0.1);
}
.woocommerce-MyAccount-navigation-link{
line-height:16px !important;
list-style:none !important;
}
.woocommerce-MyAccount-navigation-link a{
padding: 20px 3px;
color:#000;
font-size:16px;
}
.woocommerce-MyAccount-navigation-link:before{
display: none !important;
}
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active a{
color:black;
}
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-Address-title h3{
padding-top:20px;
font-size:20px;
}
.woocommerce-MyAccount-navigation-link a:before {
display: inline-block;
font: normal normal normal 18px/1 dashicons;
content: '\f015';
color: rgba(0,0,0,0.4);
margin-right: 5px;
}
.woocommerce-MyAccount-navigation-link a:hover:before,
.woocommerce-MyAccount-navigation-link.is-active a:before{
color: black;
}
.woocommerce-MyAccount-navigation-link--dashboard a:before{
content:'\f102';
}
.woocommerce-MyAccount-navigation-link--orders a:before{
content:'\f174';
}
.woocommerce-MyAccount-navigation-link--downloads a:before{
content: "\f346"; 
}
.woocommerce-MyAccount-navigation-link--edit-address a:before{
content: "\f230";
}
.woocommerce-MyAccount-navigation-link--edit-account a:before{
content: "\f464";
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before{
content: "\f110";
}
.woocommerce-MyAccount-navigation-link--payment-methods a:before{
content:"\f111";
} .post-categories-wrapper a{
background:var(--main-color) !important;
} .et_pb_column_2_3 .et_pb_team_member_description{
padding-left:30px;
}
@media(max-width: 980px){
.et-db #et-boc #destaca-menu.top .et_pb_row:first-child{
display: flex;
align-items: center;
}
.et-db #et-boc #destaca-menu.top .et_pb_row:first-child .et_pb_column{
margin-bottom: 0px;
}
.et-db #et-boc #destaca-menu.top #destaca-logo .et_pb_image{
margin-bottom: 0px;
}
.open #d-menu .d-menu-content{
left: 0px;
}
.open .d-menu-primary > div{
right: 0;
}
.d-menu-content {
background: transparent;
}
.d-menu-primary > div > ul{
width: 100%;
padding: 0 !important;
}
.d-menu-primary > div > ul > li{
text-align: center;
}
.d-menu-primary > div > ul > li > a{
text-align: center;
width: auto;
display: inline-block
}
.open #d-menu.top .d-menu-primary > div{
left: 0;
}
.menu-item-has-children.selected ul.sub-menu {
text-align: center!important;
padding-left: 0;
}
}
@media(max-width: 767px){
#main-content{
padding-left: 0px;
}
.et-db #et-boc #destaca-menu .et_pb_social_media_follow{
display: none;
}
.et-db #et-boc #destaca-menu:not(.top){
bottom: auto;
right: 0px;
width: 100%;
height: auto;
border-bottom: 1px solid rgba(0,0,0,0.1);
border-right: none;
}
body.admin-bar.et-db #et-boc #destaca-menu:not(.top){
top:46px;
}
#destaca-menu .et_pb_row{
padding:8px 0px !important;
}
#destaca-menu .et_pb_column,
#destaca-menu .et_pb_module{
margin-bottom: 0px !important;
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-logo .et_pb_image{
transform: none;
margin: 0px !important;
}
.et-db #et-boc #destaca-menu:not(.top) #destaca-button{
position: relative;
left: auto;
top: auto;
}
.et-db #et-boc #destaca-menu:not(.top) .et_pb_row:first-child .et_pb_column{
display: flex;
justify-content: space-between;
align-items: center;
}
.d-menu-primary > div > ul > li{
font-size: 25px;
}
.d-menu-primary .sub-menu a{
font-size: 18px;
}
.woocommerce-message--info{
font-size: 14px !important;
}
.woocommerce-message--info .woocommerce-Button{
width: 100% !important;
margin-bottom: 10px !important;
}
.menu-main-container { bottom: initial !important;
min-height: 100vh !important;
min-height: -webkit-fill-available !important;
}
.d-menu-primary > div > ul > li > a {
padding-top: 8px;
padding-bottom: 8px;
}
.d-menu-primary > div > ul > li > ul {
top: 0;
padding-bottom: 5px;
}
}
@media(max-width: 479px){
.row-reverse{
display: flex;
flex-direction: column-reverse;
}
.et_pb_shop ul.products.columns-3 li.product{
width: 100% !important;
}
}
.menu-item-has-children.selected ul.sub-menu{
position: relative;
opacity: 1;
left: initial;
}
.menu-item-has-children.selected ul.sub-menu li a {
text-align: center;
} #grid-woo ul.products li a:hover .woocommerce-loop-product__title:after{
display:none !important;
}
#grid-woo ul.products li a:hover .woocommerce-loop-product__title{
padding-right:0px !important;
}
#grid-woo ul.products:before{
display: none;
}
#grid-woo ul.products{
display: grid;
}
#grid-woo ul.products li{
width: 100%;
position: relative;
margin: 0px;
position: relative;
overflow: hidden;
padding: 0px;
}
#grid-woo ul.products li a:before{
width: 100%;
content: '';
position: absolute;
bottom: 0;
left:0px;
height: 100px;
z-index: 3;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%); }
#grid-woo ul.products li .price{
position: absolute;
bottom: 10px;
left: 10px;
z-index: 6;
max-width: 45%;
text-align: left;
}
#grid-woo ul.products li.product .price del{
display: block;
}
#grid-woo ul.products li > a,
#grid-woo ul.products li .et_shop_image{
display: block;
height: 100%;
}
#grid-woo ul.products li img{
object-fit: cover;
height: 100%;
transition: all ease 0.15s;
}
#grid-woo ul.products .woocommerce-loop-product__title{
position: absolute;
bottom: 14px;
right: 10px;
z-index: 6;
padding-right: 0px;
transition: all ease 0.25s;
text-align: right;
padding: 0px;
max-width: 45%;
}
#grid-woo ul.products .woocommerce-loop-product__title:after{
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
opacity: 0;
transition: all ease 0.15s;
}
#grid-woo ul.products li a:hover .woocommerce-loop-product__title{
padding-right: 20px;
}
#grid-woo ul.products li a:hover .woocommerce-loop-product__title:after{
opacity: 1; 
transform: rotate(45deg) translate(4px, -4px);
}
#grid-woo ul.products li a:hover img{
transform: scale(1.1);
}
#grid-woo .woocommerce-pagination,
#grid-woo  nav.woocommerce-pagination ul,
#grid-woo  nav.woocommerce-pagination ul li{
border: none;
}
#grid-woo  nav.woocommerce-pagination a{
color: #000;
} #grid-woo.grid-1 ul.products{
grid-template-columns: 1fr 1fr 1fr;
}
#grid-woo.grid-1 ul.products{
grid-gap: 20px;
}
#grid-woo.grid-1 ul.products li:nth-child(1),
#grid-woo.grid-1 ul.products li:nth-child(5),
#grid-woo.grid-1 ul.products li:nth-child(7),
#grid-woo.grid-1 ul.products li:nth-child(10){
grid-column: span 2;
grid-row: span 2;
}
@media(max-width: 1199px){
#grid-woo.grid-1 ul.products{
grid-template-columns: 1fr;
}
#grid-woo.grid-1 ul.products li{
grid-column: span 1 !important;
grid-row: span 1 !important;
margin: 0 !important;
width: 100% !important;
}
}
@media (orientation:landscape) and (max-height: 500px) {
#destaca-menu #destaca-logo .et_pb_image { display: none; }	
#destaca-menu .et_pb_social_media_follow{ display: none; }	
.d-menu-primary > div {
overflow-y: auto;
align-items: start;
}
#menu-main {
padding-top: 80px;
}
}
@media (orientation:landscape) and (max-height: 500px) {
#destaca-menu #destaca-logo .et_pb_image { display: none; }	
#destaca-menu .et_pb_social_media_follow{ display: none; }	
.d-menu-primary > div {
overflow-y: auto;
align-items: start;
}
#menu-main, #menu-main_de {
padding-top: 80px;
}
}
.et_overlay{
border:none !important;
} #port-2-column .et_pb_portfolio_items{
display: grid;
grid-gap: 90px;
grid-template-columns: 1fr 1fr;
}
#port-2-column .et_pb_portfolio_items img{
aspect-ratio:1;
object-fit: cover;
}
.ecommerce-cart-with-items {
display: block;
background: var(--main-color);
position: absolute;
top: 0;
left: 0;
font-size: 15px;
line-height: 15px;
padding: 5px 8px 5px 8px;
border-radius: 100%;
transform: translate(50%, 50%);
}
.et_pb_column.project-images-col img {
cursor: pointer;
}
header .et_builder_inner_content {
z-index: 20000 !important;
}
@media(min-width: 768px) {
.et-l--footer {
padding-left: 85px;
}
}
#home-portfolio .diep-mobile-filters {
display: none !important;
}
#destaca-menu:not(.menu-with-cart) .et_pb_social_media_follow {
position: fixed !important;
bottom: 20px;
top: auto;
left: 37px;
right: auto;
}