laboratorioorafoeccher

custom.css

html, body {
    height: 100% !important;
}

* {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

.stat_content_inner {
    text-shadow: 1px 1px 11px black;
}

.stat_content_inner .center img{
    -webkit-filter: drop-shadow( 10px 10px 10px #2d2d2d );
    filter: drop-shadow( 10px 10px 10px #2d2d2d );
}

.fixed_site.layer_wrapper, .footer_wrap.layer_wrapper, .stat_bg_overlay.overlay_on, #simple-menu {
    display: none !important;
}

.stat_bg, .stat_bg_overlay.overlay_off, #slidera, #stat_img, .stat_bg img, #stat_img img, .header .center, .header .head_inner, .header .logo, .header .logoimga img{
    height: 100% !important;
}

.header .logoimga img {
    margin: 0 !important;
    padding: 8px !important;
}

#topmenu {
    display: block !important;
}

.home.has_trans_header .header{
    background: transparent !important;
}

body.home.has_trans_header .header {
    position: absolute !important;
}

/* Loader */
#woof_svg_load_container {
    display: none !important;
}

.plainoverlay {
    display: none !important;
}



/* Woocommerce products page */
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering, .woof_submit_search_form_container {
    display: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 0 10px;
    text-align: center;
    max-height: 400px;
}

.has_cat_desc, .has_tag_desc {
    min-height: 300px !important;
}


/* other */
.page_head .pagetitle_wrap {
    min-height: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgb(248, 248, 248), rgba(255, 255, 255, 0.2));
    background: linear-gradient(0deg, rgb(248, 248, 248), rgba(255, 255, 255, 0.2));
}

.page_head {
    background-image: url(/wp-content/uploads/2017/01/bg2.jpg);
    background-position: 50%;
    background-size: cover;
    color: #555555;
    height: 300px;
    min-height: 300px;
}

.header {
    background: transparent;
    height: 55px !important;
}

.page_head .pagetitle_wrap {
    width: 100%;
    margin: 0;
}

.not_frontpage .header {
    box-shadow: 0px 3px 3px 0px rgba(124, 124, 124, 0.47);
    z-index: 1;
}

.pagetitle_wrap > .postitle {
    line-height: 175px;
}

#woof_widget-3 {
    width: 240px;
    margin: 0!important;
    position: absolute!important;
    top: -120px;
}

.not_frontpage .center {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#sidebar {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin: 0!important;
    position: relative!important;
}

.single #sidebar {
    display: none !important;
}

body:not(.woocommerce-page) #sidebar {
    display: none;
}

#sidebar .widget{
    background: transparent !important;
}

.single_wrap.has_sidebar {
    -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
            order: 2!important;
}

.chosen-container.chosen-container-single {
    width: 220px!important;
}

.chosen-container-single .chosen-single{
    background: #f3f3f3 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-image: none!important;
}

#sidebar .widget li{
    margin: 0;
}

.single_wrap {
    width: 100% !important;
}

#topmenu {
    margin: 0 !important;
}

.not_frontpage .logo img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

#topmenu ul li.menu_hover>a, body.has_trans_header.home #topmenu ul li.menu_hover>a {
    color: #3e3e3e;
}

.menu .page_item {
    cursor: pointer;
}

#topmenu .menu_hover > a {
    padding-bottom: 0px !important;
}

/* shop lateral */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 44.1%;
    
}

.woocommerce ul.products li.product:hover img {
    box-shadow: 0px 0px 0px 12px rgba(0, 0, 0, 0.1);
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.woocommerce ul.products li.product a img {
    -webkit-transition: linear .3s;
    transition: linear .3s;
    width: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06);
}

.woocommerce ul.products li.product .button {
    display: none;
}

.woocommerce-LoopProduct-link h3 {
    margin: 0 10px !important;
}



/* about page */
.page-id-34 .page_head {
    background-image:none;
    background: transparent;
}

.page-id-34 .pagetitle_wrap {
    display: none;
}

/* single product page */
.woocommerce-tabs.wc-tabs-wrapper > .tabs.wc-tabs {
    display:none;
}

.woocommerce div.product div.images img {
    width: 72%;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06) !important;
}

.product .woocommerce-tabs.wc-tabs-wrapper {
    clear: none !important;
    float: right;
    width: 48%;
}

.product .panel.entry-content h2{
    display: none;
}

.related.products {
    clear: both;
    font-size: 75%;
}

.related.products .woocommerce ul.products li.product,.related.products .woocommerce-page ul.products li.product {
    margin: 0!important;
}

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product {
    width: 21% !important;
}

.woocommerce .related ul.products li.product a img {
    width: 43%;
}


/* aurora meeting, 30/12/16 /creazioni */

li:nth-child(4n+1) img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

li:nth-child(4n+4) img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

.archive .page_wrap.layer_wrapper {
    height: 100%;
}

.archive .postitle {
    font-size: 85px;
    text-shadow: 0px 0px 10px #b7b7b7;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
}

.archive .page_wrap.layer_wrapper .page_head {
    background-image: url(../wp-content/uploads/2016/12/bg_shop.jpg);
    background-position: 50% 0%;
    background-size: cover;
    color: #555555;
    height: 100vh !important;
    -webkit-transition: height 999999s;
    transition: height 999999s;
}

body.single.single-product {
    height: 100vh !important;
    -webkit-transition: height 999999s;
    transition: height 999999s;
}

.archive #content .center {
    margin-top: 60px;
}

.woocommerce ul.products li.product h3 {
    width: 100%;
    padding: 0 15px;
}

/* aurora meeting, 30/12/16 /product */

.single-product .header {
    background: rgb(231, 231, 231);
}

.single-product #content{
    margin-top: 0 !important;
    padding-top: 30px;
}

body.single-product {
    background: url(../../wp-content/uploads/2017/01/bg_single_transparent.png);
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;

}

.single-product .page_wrap.layer_wrapper {
    height: 100%;
    /*background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.28));*/
}

#topmenu ul li {
    line-height: 18px;
}

.not_frontpage #topmenu .menu {
    width: 50%;
    float: right;
}

.not_frontpage #topmenu .menu ul li:first-child {
    float: left;
    position: relative;
    left: -84px;
    pointer-events: none;
    cursor: default;
}

.home #topmenu .menu ul li:first-child {
    display: none;
}

.single-product-main-image {
    overflow: visible !important;
}

.woocommerce-main-image img {
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06) !important;
}

.thumbnails {
    margin-top: 30px !important;
}

.slick-list, .thumbnails {
    overflow: visible !important;
}

.related.products h2 {
        padding-top: 30px;
}

.single-product-main-image img {
    margin: 0 auto;
}


/* bounce scroll down */
.woocommerce-page .pagetitle_wrap:after {
    content: "";
    position: absolute;
    bottom: 92px;
    background: url(http://www.laboratorioorafoeccher.com/wp-content/uploads/2017/04/arrow.svg) 50% 50% no-repeat;
    border: 5px solid #fff;
    border-radius: 50%;
    /* bottom: 20px; */
    display: block;
    height: 65px;
    right: 40px;
    margin-left: -32px;
    width: 65px;
    z-index: 2;
    cursor: pointer;
    animation: bounce 2.8s both infinite ease;
    -webkit-animation: bounce 2.8s both infinite ease;
}

#statimg_99 {
    opacity: 0 !important;
}

/*.archive .products li.type-product {
    width: 100% !important;
}*/

@media screen and (max-width: 1300px){
    .not_frontpage #topmenu .menu ul li:first-child {
        display: none !important;
    }
    
    .not_frontpage #topmenu .menu {
        width: 70%;
    }
}

@media screen and (min-width: 900px) {
    ::-webkit-scrollbar-track { 
        background-color:   transparent;
    }

    ::-webkit-scrollbar {
        width: 7px;
        background-color:   transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color:   #cdcdcd;
        border-radius:      4px;
    }
}

@media screen and (max-width: 480px) {
    .hide_mob_headerimg {
        display: block;
    }
}

@media screen and (max-width: 360px){
    /*future*/
}

@media screen and (max-width: 830px){
    .stat_content_inner .center em {
        display: none;
    }
    .stat_content_inner .center span {
        line-height: 54px;
    }
}

@media screen and (max-width: 768px){
    .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product {
        width: 41% !important;
    }
    .woocommerce-main-image .attachment-shop_single.size-shop_single.wp-post-image {
        margin: 0 auto !important;
    }
    
    .product .woocommerce-tabs.wc-tabs-wrapper {
        float: none !important;
        width: auto !important;
    }
    .product {
        text-align: center;
    }
    .single_post ul {
        text-align: left;
    }
} 

@media screen and (max-width: 824px){
    .not_frontpage #topmenu ul li a{
        padding: 20px 10px;
    }
}

@media screen and (max-width: 450px){
    .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product {
        width: 100% !important;
    }
    
    #stat_img img {
        height: 75px !important;
        margin: 0;
    }
    
    .not_frontpage #topmenu .menu {
        width: 80% !important;
    }
    
    .archive .postitle {
        font-size: 54px;
    }
    
    #topmenu ul li a {
        padding: 20px 10px 10px 10px;
    }
    
    .profile-card {
        -webkit-transform: translate(-50%, -41%) !important;
                transform: translate(-50%, -41%) !important;
    }
    
    .home .laboraf {
        font-size: 25pt !important;
    }
    
    #topmenu ul li a {
        font-size: 10px;
    }
    
    body.single-product {
        background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.28)) no-repeat !important;
    }
    
    .product_meta .posted_in {
        color: rgb(167, 167, 167);
    }
}

@media screen and (min-width: 450px){
    .product_meta .posted_in {
        color: rgb(102, 102, 102);
    }
}

@media screen and (max-width: 350px){
    .home .center > p:nth-child(1) {
        display:none;
    }
}

@media screen and (max-width: 315px){
    .page-item-274 { /*contact link header*/
        display: none !important;
    }
    
    .not_frontpage #topmenu .menu {
        width: 65% !important;
    }
}

@media screen and (max-width: 700px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100%;
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}