/** * Description: styles related to Share IT styles. * User: Carolina Silva * Date: 26/Jun/2018 **/ @import url(configs.less); .fontFace('shrikhandregular','shrikhand','shrikhand-regular-webfont',false); /*============== HEADER ==========*/ header{ // Header toolbar .mk-header-toolbar{ border-bottom: solid 1px @lightgrey !important; background-color:@white !important; height: 40px !important; line-height: 40px !important; @media (max-width: 767px){ height: 70px !important; } .header-grid{ @media (max-width: 767px){ height: 50px !important; } } .mk-header-tagline{ span{ a{ font-size: 14px !important; } } } .mk-header-toolbar-holder { padding: 0 0 -1px 0 !important; @media (max-width: 767px){ padding: 0 1px !important; height: 50px !important; } .mk-login-register.mk-box-to-trigger.user-profile-box { a { color: @white!important; width: 100%!important; padding-bottom: 8px; font-size: 14px !important; position: relative; left: -63px; text-align: right; } } } .mk-header-login{ margin: 0 0 0 0 !important; .mk-login-form { .si-register-login { width: 30% !important; float: left; border-right: 1px solid @white; text-align: center!important; a { width: 100% !important; color: @white!important; font-size: 14px!important; padding-left: 6px !important; } } .register-login-links { width: 35% !important; float: left; padding: 0!important; text-align: center!important; a { width: 100% !important; color: @white!important; font-size: 14px!important; } } input.accent-bg-color.button { background-color: @brown!important; &:hover { background-color: @brownhover!important; } } } } .header-toolbar-contact, a, .mk-svg-icon{ fill:@lightgreen !important; color: @black !important; font-size: 11px !important; font-weight: 500 !important; height: 12px !important; width: 12px !important; line-height: 11px !important; @media (max-width: 767px){ width: unset !important; } .button_tc{ color: white !important; } } .mk-forget-panel { .register-login-links { width: 100%!important; a { width: 100%!important; } } .mk-forget-password-form { .register-login-links { .mk-return-login { color: @white!important; font-size: 14px!important; } } } } // Background da Newsletter e Login Popup .mk-header-subscribe, .mk-login-register { background-color: @lightgreen!important; color: @white!important; @media (max-width: 767px){ width: 94%; } } #mk-header-subscribe-button{ color: #ffffff !important; } } @media (max-width: 767px){ padding-bottom: 55px !important; .mk-header-login{ .mk-login-link{ svg { margin-right: 9px !important; } } } } // Main Header &.a-sticky{ .mk-header-bg{ background-color: @green !important; color: @white !important; } a{ color: @white !important; } } a.menu-item-link:active, a.menu-item-link:hover{ background-color: @lightgreen !important; } &.mk-header{ height: 135px !important; @media (max-width: 767px){ height: 0 !important; } } // Submenu .sub-menu{ background-color: @green !important; li.menu-item a{ color: @lightgrey !important; :hover{ color: @white !important; } } } .mk-main-navigation{ ul{ .megamenu-title { display: none; } } } } /*=========== HEADER END==========*/ /*========== CONTENT ==========*/ .master-holder{ // Page title .mk-page-title-box-subtitle{ line-height: 26px !important; } #mk-page-title-box-3{ .mk-page-title-box-title--underline:after{ display: none !important; } } .vc_custom_1531220348153 { background-color: @black !important; } // Paragraph .mk-text-block{ p{ color: @darkgrey !important; } } .colorbox{ .mk-text-block{ p{ color: @white !important; } } } @media (max-width: 767px){ .box-holder{ h2{ span{ p{ margin-top: 55px !important; } } } } } @media (max-width: 767px){ .mk-main-wrapper-holder{ .theme-page-wrapper { margin-top: 25px !important; } } //news .si-resp-noticias{ top: 110px !important; } } } /*========== CONTENT END ======*/ /*========= PRODUCTS AND BRANDS ================*/ & { .mk-slideshow{ margin: 0 auto !important; } // Product categories .product-category{ .item-holder{ h4{ text-align: center !important; } } } .product-category h4{ font-size: 20px !important; } // Brand Detail .woocommerce{ div.product{ div.summary{ p{ color: @darkgrey; .price{ display: none !important; } } } } } .single-product{ .entry-summary{ .price{ display: none !important; } } } .woocommerce-product-details__short-description { margin-bottom: 0; height: auto; } // Brand Detail 2 .mk-mini-callout{ i{ font-family: 'fontawesome' !important; } } .mk-mini-callout{ border: none !important; border-radius: 5px !important; } // Product detail .woocommerce{ div.product{ div.summary { width: 25% !important; } } } .woocommerce div.product div.summary, .woocommerce div.product div.images { width: 47% !important; @media (max-width: 767px){ width: 100% !important; } } #theme-page{ .theme-page-wrapper { margin-top: 0 !important; } } .social-share{ float: left !important; } .woocommerce{ div.product{ .product_title{ font-size: 35px !important; } } } .mk-product-loop .product-hover-image, .mk-product-loop .product-loop-image { max-height: 300px !important; } // Product Detail Meta .single-product{ .product_meta { display: none; } } // Product Detail Downloads .fa-file-pdf-o:before{ color: @green; } .vc_color-info.vc_message_box { color: @green!important; border-color: @lightgrey!important; background-color: @lightgrey!important; } // Product tab #mk-tabs{ .wpb_tab { padding: 0 0 0; border: 1px solid @white; } } // Product list ul{ li{ font-size: 16px; line-height: 20px; color: @darkgrey; } } .woocommerce{ .products.related{ display: none; } } .woocommerce{ .product-category{ h4{ .count{ display: none !important; } } } } .product-category{ .item-holder{ h4{ // color: @grey3 !important; text-align: left !important; } } } .woocommerce{ .product-category{ h4{ padding: 15px!important; } } } .product-category{ .item-holder:hover{ h4{ // color: @grey3 !important; } } } // Order elements article products .woocommerce{ .product-category{ a { display: flex !important; flex-wrap: wrap; h4{ order:2; } img{ height: 246px !important; } } } } } /*========= PRODUCTS AND BRANDS END ============*/ /*===========CONTACT FORM 7====================*/ &{ .wpcf7-form { .wpcf7-validation-errors { background-color: @brown; border: 1px solid @red; line-height: 20px; } .wpcf7-mail-sent-ok { background-color: @lightgreenRegisto wp_check_password!important; border: 2px solid @greenRegisto!important; color: @brown!important; font-weight: bold!important; line-height: 20px ; } a { word-wrap: inherit; font-size: 14px; line-height: 14px; } } .wpcf7-form span, .wpcf7-form .mk-text-block p, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea{ width: 100% !important; font-size: 13px; line-height: auto; color: @darkgrey; line-height: 14px; } .vc_icon_element { line-height: 0; font-size: 14px; margin-bottom: 0 !important; } .fa-envelope-open:before { text-align: left; } } /*===========CONTACT FORM 7 END ===============*/ /*===========NEWS==============*/ &{ .si-projects{ .mk-blog-newspaper-item{ .mk-blog-meta{ height: 100px !important; pointer-events: none !important; } .featured-image{ pointer-events: none !important; } } } // News list .mk-blog-container{ .mk-blog-meta p{ font-size: 12px !important; color: @darkgrey !important; } .mk-blog-newspaper-item time{ display: none; } .mk-blog-newspaper-item .newspaper-item-footer-holder{ display: none; } .mk-blog-newspaper-item .mk-blog-meta{ height: 200px; } .image-hover-overlay { background-color: rgba(0,0,0,0.1) !important; } .post-type-badge svg{ display: none !important; } } // News detail .mk-single-content p{ color: @darkgrey; } #theme-page .theme-page-wrapper{ margin-top: 100px !important; } .woocommerce .woocommerce-ordering{ display: none; } // News list .mk-blog-grid-item{ .mk-blog-meta{ height: 210px !important; } .blog-grid-footer{ display: none !important; } .the-excerpt p{ font-size: 12px !important; color: @grey !important; } } .pagnav-wrapper .pagenav-top{ display: none !important; } .pagnav-wrapper .pagenav-title{ display: none !important; } .mk-post-next .pagenav-bottom{ display: none !important; } .pagnav-wrapper .nav-info-container{ display: none !important; } #theme-page .theme-page-wrapper.right-layout .sidebar-wrapper{ padding: 0px 20px 30px !important; } // News Details Page #mk-theme-container { #mk-page-introduce { .mk-grid { .page-title { font-size: 30px!important; margin-bottom: 2%!important; text-transform: uppercase!important; } @media (max-width: 767px){ position: relative; top: -50px; } } } .mk-main-wrapper-holder { .theme-content { .blog-single-title { display: none!important; } .mk-blog-author, .mk-post-cat{ display: none!important; } .featured-image { text-align: center!important; .blog-image { max-width: 100%!important; max-height: 400px; } } } } } } /*===========NEWS END==========*/ /*=============GENERAL STYLES============*/ &{ // Cor dos titulos da paginas das marcas .si-color-title{ p{ color: #557B7E !important; ; } } // Toolbar Subscribe Button .si-check-box { font-size: 14px!important; label { display: block!important; line-height: 35px !important; .wpcf7-form-control-wrap { float: left; width: 10%!important; .wpcf7-form-control.wpcf7-checkbox { float: left; span.wpcf7-list-item { margin: 10px 0 0 8px !important; .wpcf7-list-item-label { display: none; } } } } } input.wpcf7-form-control.wpcf7-submit { width: 100%!important; } .si-newsletter-title { font-size: 14px; font-weight: bolder; letter-spacing: 1px; text-transform: uppercase; color: white; } .si-checkbox-title{ font-size: 16px; font-weight: bold; color: white; } .si-checkbox-terms { font-size: 14px!important; a { font-size: 14px!important; color: white !important; } } .ajax-loader { background-repeat: no-repeat!important; float: left; } br { display: none!important; } .wpcf7-submit{ background-color:#557b7e; } } // Search .mk-fullscreen-search-overlay{ background-color: @green !important; p{ text-transform: capitalize !important; } } // icon box #text-block-17, #text-block-23{ p{ font-size: 14px !important; } } // Newsletter .mk-header-signup{ a { background: @lightgreen; color: @white !important; padding: 5px 10px 5px 10px; height: 24px !important; border-radius: 15px; } .mk-svg-icon{ fill: @white !important; } } #mk-advanced-gmaps-16{ .gm-style-iw{ background-color: #ffffff !important; } } #mk-advanced-gmaps-16{ .gm-style-iw{ .info_content{ p{ color: #557b7e !important; font-weight: 500 !important; padding-top: 16px !important; } } } } // Página do Registo .mk-main-wrapper-holder { #wpmem_reg { font-family: Quicksand!important; legend { display: none!important; } .text { padding: 8px 0 12px!important; height: 30px!important; float: left!important; display: block!important; width: 35%!important; } .div_text { width: 65%!important; float: right!important; height: 48px!important; margin: 0 0 2px 0 !important; #user_email { width: 100%; } } .button_div { height: 55px!important; width: 100%!important; .buttons { height: 40px!important; width: 65%; background-color: @lightgreen; color: @white; border-radius: 25px!important; font-weight:bold; } } .req { padding: 0 0 0 5px!important; } .req-text { .req { padding: 0 5px 0 0 !important; } } } } // Button #mk-button-5 .mk-button, #mk-button-3 .mk-button, #mk-button-2 .mk-button{ border-radius: 25px; } .mk-product-loop.compact-layout{ .product-title { padding-right: 0 !important; letter-spacing: 0 !important; a{ font-size: 13px; } } } @media (max-width: 767px){ // Header .admin-bar{ .sticky-style-fixed.header-style-1{ .mk-header-holder{ top: 20px !important; } } } .vc_col-sm-12{ .mk-padding-divider{ height: 15px !important; } #divider-37{ padding: 30px 0 30px !important; } .wpb_wrapper{ h2{ span{ p{ padding-top: 20px; padding-bottom: 10px; } } } } } .mk-image{ .mk-image-inner { // padding-top: 30px !important; } } // Page Products .intro-left{ .mk-grid{ padding-top: 50px !important; text-align: center !important; } } .woocommerce-result-count{ padding: 0 0 0 !important; } .mk-product-loop.compact-layout .products { padding:0 0 0 !important; } // Page Contacts .extra-space-mobile{ padding-bottom: 30px !important; } } @media (min-width: 768px) and (max-width: 991px) { .box-one{ .box-holder{ min-height: 473px !important; } } .box-three{ .box-holder{ min-height: 473px !important; } } .admin-bar .sticky-style-fixed.header-style-1 .mk-header-holder { top: 20px !important; } //Page Empresa .extra-space-tablet { padding-bottom: 30px !important; } .box_one { .box-holder { min-height: 522px !important; } } .box_three{ .box-holder{ min-height: 523px !important; } } // Page Products .intro-left{ .mk-grid{ padding-top: 50px !important; text-align: center !important; } } .mk-product-loop.compact-layout{ .mk-shop-item-detail { padding: 21px; } } //Menu Toolbar .mk-header-toolbar{ padding-top: 0 !important; .header-toolbar-contact { fill: #6b9b9f !important; color: #ffffff !important; font-size: 11px !important; font-weight: 500 !important; height: 12px !important; line-height: 11px !important; width: 150px !important; } } .mk-header-toolbar-holder{ .mk-header-login { display: inline-block !important; position: relative !important; left: 92% !important; bottom: 44px !important; } } .mk-header-toolbar-holder{ .mk-header-signup { position: relative !important; left: 67% !important; bottom: 77px !important; } } } @media (min-width: 992px) and (max-width: 1199px){ .extra-space-tablet { padding-bottom: 30px !important; } // Page Empresa .intro-left{ .mk-grid{ padding-top: 25px !important; text-align: center !important; } } .box_one{ .box-holder{ min-height: 419px !important; } } .box_three{ .box-holder{ min-height: 419px !important; } } // Home Page .box-one{ .box-holder{ min-height: 473px !important; } } .box-two{ .box-holder{ min-height: 473px !important; } } .box-three{ .box-holder{ min-height: 473px !important; } } } .si-align-two{ position: relative !important; float: right !important; width: 43% !important; top: -35px !important; .wpcf7-not-valid-tip{ width: 100% !important; } .wpcf7-checkbox{ margin-left: -15px !important; } } .si-align-four{ position: relative !important; float: right !important; width: 43% !important; top: -37px !important; .wpcf7-checkbox{ margin-left: -15px !important; } } .mk-product-loop.compact-layout{ .item { display: inline-block !important; position: relative !important; top: unset !important; left: unset !important; } } .widget .mk-searchform i { position: absolute; top: 3px !important; right: 14px; opacity: .4; } @media (max-width: 767px) { .mk-product-loop.compact-layout{ .item { width: 100% !important; display: inline-block !important; position: relative !important; top: unset !important; left: unset !important; } } .mk-header-toolbar{ .header-toolbar-contact{ fill: #6b9b9f !important; color: #ffffff !important; font-size: 11px !important; font-weight: 500 !important; height: 12px !important; line-height: 11px !important; width: 150px !important; } } .wpcf7-recaptcha{ iframe{ width: 100% !important; margin-left: -40px !important; } } .mk-header-login{ left: 10px !important; bottom: 10px !important; } .mk-header-signup{ left: 127px !important; bottom: 52px !important; } .mk-box-to-trigger{ left: -17px !important; top: 32px !important; } .mk-header-holder { top: 16px !important; } .mk-header-subscribe{ left: -143px !important; top: 48px !important; } } .no-margin{ margin: 0 !important; @media (max-width: 767px){ padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 991px){ .extra-space-mob{ padding-top: 15px; } } .theme-content{ width: 100%; padding: 0 20px !important; ul{ display: none !important; } } .theme-content{ .product{ .woocommerce-product-details__short-description{ ul{ display: block !important; list-style-type: disc !important; } p{ margin-bottom: 0 !important; } } } } .register-login-links { a { padding-left: 5px !important; } } input[type="password"]{ width: 100% !important; } fieldset{ legend{ color: #557b7e !important; font-weight: 300 !important; letter-spacing: 0px !important; } } @media (min-width: 768px) and (max-width: 991px){ .mk-header-toolbar-holder{ .mk-header-login { display: inline-block !important; } } } #wpmem_login{ legend{ padding-left: 0px !important; text-transform: uppercase !important; } .button_div{ input[type=submit] { height: 40px !important; width: 45%; background-color: #6b9b9f; color: #ffffff; border-radius: 25px !important; font-weight: bold; } } } .search-result-item { .search-loop-meta{ display: none !important; } .the-excerpt{ display: none !important; } } .wpmem_msg { background: @white !important; margin-bottom: 20px !important ; border: 1px solid #6b9b9f !important; p{ color:#6b9b9f !important; } } ul{ list-style: none !important; } .si-checkbox-terms-id{ padding-top: 10px; a{ position: relative; float: right; top: -25px; left: -10px; text-decoration: underline !important; } .wpcf7-not-valid-tip{ width: 180px !important; position: relative; top: 30px; left: -15px; } } span.wpcf7-form-control-wrap.nome{ input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{ width: 49% !important; float: left !important; @media (max-width: 767px){ width: 100% !important; margin-bottom: 15px !important; } } } span.wpcf7-form-control-wrap.apelido{ input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{ width: 49% !important; float: left !important; margin-left: 2% !important; margin-bottom: 15px !important; @media (max-width: 767px){ width: 100% !important; margin-left: 0 !important; } } } @media (max-width: 767px){ //Products .single-product{ #theme-page { .theme-page-wrapper { margin-top: 0px !important; } } } .single-post{ #theme-page { .theme-page-wrapper { margin-top: 145px !important; } } } .height-banner{ margin-top: 55px ; } .row-heigth{ padding-top: 120px !important; } .row-space-bottom{ padding-bottom: 120px !important; } .resp{ position: relative !important; top: -55px !important; padding-left: 102px !important; } .theme_content { .si-resp-marcas { section { article { width: 100% !important; } } } } .woocommerce{ div.product{ h1.product_title{ font-size: 24px !important; } } } .theme-page-wrapper { margin-top: 0 !important; } .vc_message_box{ position: relative !important; width: 100% !important; // left: -153px !important; } .user-profile-box{ width: 93% !important; } .mk-main-wrapper-holder{ #wpmem_reg{ .button_div{ .buttons { height: 40px !important; width: 100% !important; background-color: #6b9b9f; color: #ffffff; border-radius: 25px !important; font-weight: bold; top: -4px; position: relative; } } .div_text{ #user_email { width: 89% !important; } } } } .div_text{ input[type="password"] { width: 89% !important; } } } .si-form{ .accept-conditions{ a{ font-size: 13px; text-decoration: underline; } } } .si-title-page{ @media (max-width: 767px){ padding-top: 45px; padding-bottom: 35px; } } .si-fullrow{ .vc_col-sm-8{ width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } } /*===========GENERAL STYLES END==========*/ /*==============FOOTER==============*/ #mk-footer{ background-color: @black !important; li, a, .mk-svg-icon{ color: @grey !important; :hover{ color: @white !important; } } a:hover{ color: @white !important; } .widgettitle{ color: @white !important; margin-bottom: 0 !important; } .widget_social_networks{ a.mk-circle-frame.dark{ border: 1px solid @grey1 !important; } } .widget_contact_form{ .textarea{ display: none !important; } } // Subfooter #sub-footer{ background-color: @black !important; border-top: solid 1px @grey1 !important; } .widget { margin-bottom: 0px !important; } @media (max-width: 767px) { &{ // top: 100px !important; .si-checkbox-terms-id{ a{ left: -26px !important; } } } } } /*==============FOOTER END==============*/ .grecaptcha-badge{ display: none !important; }