/*------------------------------------*\ Theme Name: Viva Production Theme URI: http://www.vivamedia.se Description: Viva Productions alldeles egna tema, speciellt anpassat för stark SEO och perfekt användarvänlighet. Author: Viva Media Version: 1.4 Chapters 1.0 - Imports & fonts 2.0 - Standards 3.0 - Header 4.0 - Content 4.1 - Contact forms 5.0 - Footer \*------------------------------------*/ /*------------------------------------*\ DON'T DELETE ABOVE \*------------------------------------*/ /* ---- 1.0 - Imports & fonts ----*/ h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family: 'Playfair Display', serif;} p.copyright {font-size:12px; color:#000;} /* ---- End Imports & fonts ----*/ /* ---- 2.0 - Standards ---- */ body, html{width:100%; margin:0; padding:0; background:#fff; font-family: 'Lato', sans-serif;} img{max-width:100%;} iframe{max-width:100%; border:0;} *:focus{outline:none!important;} .clr{float:none; clear:both;} .wrapper{width:100%; max-width:1280px; margin:0 auto;} .google-map{width:100%; max-width:100%; overflow:hidden;} .map-canvas{width:100%; height:100%; max-width:100%;} a[href^="tel"]{text-decoration:none;} .page-id-2 #header {height:auto; border: none; background:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.6+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .page-id-2 main {padding-top:0;} .page-id-895 #usp, .page-id-895 #footer {display:none;} li.woof_term_11, li.woof_term_132.woof_childs_list_li {display:none;} /* ---- End Standards ---- */ /* ---- 3.0 - Header ---- */ #header {position:fixed; width:100%; height:135px; z-index:10; background:#92b779;} #header #logo-container {padding:45px 0 0 50px;} #menu-container {text-align:right; height:135px; line-height:135px;} #menu-container ul {list-style:none; margin:0; padding:0;} #menu-container ul li {display:inline-block;} #menu-container ul li a {font-size:14px; line-height:30px; color:#fff; text-transform:uppercase; padding:0 15px;} #menu-container ul li:first-child a {border-right:1px solid #fff;} #menu-container ul li:last-child a {border-right:1px solid #fff;} #menu-container ul li ul.sub-menu {display:none;} #menu-container nav.main-nav {float:right;} #cart-container #search-button {margin:5px 10px 0 0; width:25px; height:25px; background-image:url(./img/search.png); background-size:contain;} #cart-container {float:right; padding:50px 0 0 25px;} #cart-container a {float:left; display:block; line-height:30px; margin:0 10px;} #cart-container .login-nav {float:left; background:#000; text-transform:uppercase; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:0px 10px; margin:0 0 0 20px;} #cart-container nav.login-nav a {color:#fff; font-size:14px;} #header #breadcrumbs {height:65px; line-height:65px; background:#000; color:#fff; padding:0 0 0 40px;} #header #breadcrumbs a {color:#fff; padding:0 10px; text-transform:uppercase;} #header #breadcrumbs span.breadcrumb_last {padding:0 10px; text-transform:uppercase; text-decoration:underline;} ul.mm-listview ul.mm-listview {padding:0 0 0 20px;} /* ---- End Header ---- */ /* ---- 4.0 - Content ---- */ form.variations_form.cart select, form.variations_form.cart input { -webkit-appearance: none; border-radius: 0; display: block; width: 100%; box-sizing: border-box; background: #fff; text-transform: uppercase; font-size: 10px !important; letter-spacing: 1px; padding: 7px; border: 1px solid #ddd; margin-top: 4px; } span.woocommerce-Price-amount.amount { font-size: 14px; } #top-content { height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background-attachment: fixed; background-size: cover; background-position: 50%; } #top-content h1 {font-size:92px; font-weight:bold; margin:150px 0 0 0;} #top-content #product-scroll {margin:150px 0 0 0; display:inline-block; cursor:pointer;} #top-content #product-scroll p {font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px;} #campaign-container #campaign {position:absolute; top:-33px; left:0px; background:#ff0000; color:#fff; text-transform:uppercase; padding:20px 40px; font-size:18px; font-weight:bold; letter-spacing:2px;} #campaign-container #campaign-package {padding:10% 8%;} #campaign-container #campaign-package h3 > span {float:left; font-size:48px; font-weight:bold; font-style:italic; color:#000;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline {border:none !important; padding:0 !important;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline span.woocommerce-Price-amount.amount {font-size:48px; font-weight:bold; font-style:italic; color:#000; margin:0 0 0 10px;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline a.button.add_to_cart_button {float:right; background:#2cb91d; color:#fff; font-family: 'Lato', sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:2px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:20px; margin:0 15px 0 0;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline del {display:none;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline ins {text-decoration:none;} #campaign-container #campaign-package > p {font-size:14px; font-weight:bold; text-transform:uppercase; margin:20px 0 0 0; display:block; letter-spacing:2px;} #campaign-products > div {height:250px; position:relative; overflow:hidden; line-height:250px; text-align:center;} #campaign-products > div img {max-height:65%;} #infobox-container > div > a > div {height:350px;} #infobox-container > div > a > div h2 {text-align:center; line-height:350px; text-shadow: 2px 2px #5f5656; color:#fff; font-size:36px; font-weight:bold; font-style:italic;} #featured-products ul.productList.row {list-style:none; margin:0; padding:0;} #featured-products ul.productList.row li {border:1px solid #f1f1f1; padding:25px; height:700px;} #featured-products ul.productList.row li .img-wrapper {height:300px; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 0 20px 0;} #featured-products ul.productList.row li a {display:block;} #featured-products ul.productList.row li a:hover {opacity:0.5; text-decoration:none;} #featured-products ul.productList.row li .product-meta {float:left; width:50%; color:#000; font-size:13px;} #featured-products ul.productList.row li span.price {float:right; width:50%; text-align:right; color:#2cb91d; font-size:17px; font-weight:bold; line-height:1;} #featured-products ul.productList.row li h2 {float:left; width:100%; color:#000; font-family: 'Lato', sans-serif; font-size:17px; text-transform:uppercase; margin:10px 0 0 0;} #featured-products ul.productList.row li #klovenas-workwear {float:left; width:100%; color:#a7a7a7; font-size:14px; font-style:italic;} #about #about-image {padding:0;} #about #about-text {padding:80px 100px 0;} #about #about-text p {font-size:24px;} #about #about-text h3 {font-size:40px; font-weight:bold; color:#000; margin:0 0 15px 0;} #usp {height:500px; text-align:center;} #usp h3 {color:#fff; line-height:500px; font-size:72px; font-weight:bold;} #footer {height:155px; background:#000; color:#fff; text-align:center;} #footer p {font-size:36px; line-height:140px; margin:0;} #footer p br {display:none;} #search-container {display:none; position:fixed; z-index:10; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8);} #search-box {position:absolute; top:50%; left:50%; width:80%; max-width:600px; margin-left:-300px; height:80px; margin-top:-40px;} a#search-close {top:50%; right:-65px; width:44px; height:44px; background-repeat:no-repeat; background-image:url(img/icon-close.png); background-size:44px; display:block; position:absolute; margin-top:-22px;} #search-container input.search-input {position:absolute; left:0; right:0; bottom:0; top:0; -webkit-appearance:none; width:100%; border:0; box-shadow:0 0 80px -10px #333; border-radius:4px; padding:20px 30px; font-size:24px;} #search-container button.search-submit {position:absolute; -webkit-appearance:none; background:transparent; border:0; width:40px; height:40px; top:50%; margin-top:-20px; left:96%; font-size:30px;} #woocommerce-subpage.search-results-page h2 a {float:left; width:100%; color:#000; font-family: 'Lato', sans-serif; font-size:17px; text-transform:uppercase; margin:20px 0;} #woocommerce-subpage.search-results-page .img-wrapper {min-height:150px;} #woocommerce-subpage.search-results-page .pagination span, #woocommerce-subpage.search-results-page .pagination a {color:#000; font-size:18px; font-weight:bold; margin:0 0 10px 10px; display:inline-block;} /* #woocommerce-subpage {padding-top:150px;} */ /* ---- 4.1 - Contact forms ---- */ /* ---- End Contact forms ---- */ /* ---- Woocommerce Standard ---- */ .woocommerce-info {border-top-color:#92b779;} .woocommerce-info:before {color:#92b779;} /* ---- End Woocommerce Standard ---- */ /* ---- Product Listing ---- */ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con, .se-pre-con2 { position: absolute; left: 0px; top: 200px; width: 100%; height: 100%; z-index: 9999; background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff; background-color: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95); color: rgba(255, 255, 255, 1.0); /* -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); */ } .se-pre-con div { margin: 15% auto 0 auto; background-color: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.75); padding: 5%; border:none 5px #000000; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; font-size: 36px; text-align: center; } #productList{float: left;} #woocommerce-subpage .woocommerce-ordering {position:static;} #woocommerce-subpage ul.productList.row {list-style:none; margin:0; padding:0; border-bottom: 1px solid #f1f1f1;} #woocommerce-subpage ul.productList.row li { border: 1px solid #f1f1f1; padding: 25px; height: 600px; } .woocommerce.widget_price_filter .price_label { font-size: 14px; } ul.woof_list.woof_list_checkbox { padding: 0; } .woocommerce.widget_price_filter h4 { text-transform: uppercase; margin-bottom: 20px; font-family: 'Lato', sans-serif; letter-spacing: 2px; font-size: 16px; } .woof_container_inner.woof_container_inner_produktkategorier h4 { text-transform: uppercase; margin-bottom: 10px; font-family: 'Lato', sans-serif; letter-spacing: 2px; font-size: 16px; border-top: 1px solid #f1f1f1; padding-top: 20px; } .woof_container_inner.woof_container_inner_produkttaggar:before { content: 'Varumärken'; text-transform: uppercase; margin-bottom: 9px; font-family: 'Lato', sans-serif; letter-spacing: 2px; font-size: 16px; border-top: 1px solid #f1f1f1; padding-top: 20px; display: block; } ul.woof_childs_list { padding: 0; } .widget.widget-woof { padding: 15px; } #woocommerce-subpage ul.productList.row li form.variations_form.cart {min-height:160px;} #woocommerce-subpage ul.productList.row li .img-wrapper {height:300px; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 0 20px 0;} #woocommerce-subpage ul.productList.row li a {display:block;} #woocommerce-subpage ul.productList.row li a:hover {opacity:0.5; text-decoration:none;} #woocommerce-subpage ul.productList.row li .product-meta {float:left; width:50%; color:#a7a7a7; font-size:13px;} #woocommerce-subpage ul.productList.row li span.price {float:right; width:50%; text-align:right; color:#92b779; font-size:17px; font-weight:bold; line-height:1;} #woocommerce-subpage ul.productList.row li h2 {float:left; width:100%; color:#000; font-family: 'Lato', sans-serif; font-size:14px; text-transform:uppercase; margin:10px 0 0 0;} #woocommerce-subpage ul.productList.row li #klovenas-workwear {float:left; width:100%; color:#a7a7a7; font-size:14px; font-style:italic;} #woocommerce-subpage ul.productList.row li button, #woocommerce-subpage ul.productList.row li .button {position:absolute; bottom:20px; left:10%; right:10%; width:80% !important;} #woocommerce-subpage ul.productList.row li p.prod-namnmarkning {display:none;} ul.productList.row li button.single_add_to_cart_button.button.alt, ul.productList.row li a.button { background: #ffb643; color: #fff; text-transform: uppercase; margin: 10px 0 0 0; width: 100%; font-size: 12px !important; letter-spacing: 1px; border-radius: 0; height: 35px; line-height: 22px; text-align: center; font-weight: 400 !important; } .cat-top h1 { margin-bottom: 15px; } .product-row { padding: 0; } .product-list { clear: both; } .woocommerce nav.woocommerce-pagination ul { display: block; white-space: nowrap; padding: 0; border: 0px solid #d3ced2; border-right: 0; margin: 0px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: 1em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #f1f1f1; } ul.productList.row li .variations, ul.productList.row li .single_variation_wrap {width:100%;} ul.productList.row li .variations td.label {float:left; width:100%; font-size:12px;} ul.productList.row li .variations td.value {float:left; width:100%; margin:0 0 10px 0;} ul.productList.row li .variations td.value select#pa_storlek {width:100%; font-size:12px;} ul.productList.row li .variations td.value .reset_variations {display:none !important;} ul.productList.row li form.variations_form.cart > p {font-size:12px; color:#000;} ul.productList.row li form.variations_form.cart > p input {width:100%;} ul.productList.row li .single_variation_wrap .custom-quantity {float:left; width:50px; font-size:12px;} /* ---- End Product Listing ---- */ /* ---- Woocommerce Sidebar Widgets ---- */ .woof_checkbox_term.woof_checkbox_term_211 {display:none !important;} li.woof_term_211.woof_childs_list_li > label.woof_checkbox_label {display:none !important;} li.woof_term_211.woof_childs_list_li > a.woof_childs_list_opener {display:none !important;} ul.woof_childs_list.woof_childs_list_211 {display:block !important;} #woocommerce-subpage .sidebar-widget { padding: 15px 0 0 0; } #woocommerce-subpage .sidebar-widget h3 {display:none;} /* #woocommerce-subpage .sidebar-widget ul {list-style:none; margin:0; padding:0;} #woocommerce-subpage .sidebar-widget ul li.cat-item.cat-item-211 > a {display:none;} #woocommerce-subpage .sidebar-widget ul li a {display:block; color:#fff; text-decoration:none; padding:15px; background:#92b779; margin:0 0 1px 0;} #woocommerce-subpage .sidebar-widget ul li ul li ul li a {padding:10px 25px; background:#69ab66;} #woocommerce-subpage .sidebar-widget ul li ul li ul li ul li a {padding:10px 35px; background:#3f9f4b;} */ .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color:#92b779;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range {background-color:#92b779;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {background-color:#000;} .woof_price_search_container .price_slider_amount .price_label {font-size:18px;} .chosen-container-multi .chosen-choices li.search-field {padding:10px;} .woof_products_top_panel {display:none !important;} .woof_price4_search_container.woof_container::before {content: "Lägsta pris - Högsta pris"; font-size:16px;} .woof_price4_search_container.woof_container input {margin:10px 0 0 0; padding:10px; width:80px !important;} /* ---- End Woocommerce Sidebar Widgets ---- */ /* ---- Single Product ---- */ main {padding-top:200px;} #single-product .images {width:100%; padding:50px; margin:0;} #single-product #product-info { padding: 30px 30px 30px 30px; margin: 0px 0 0 0; border-left: 1px solid #ddd; } .woocommerce-message { border-top-color: #8fae1b; margin-left: -15px !important; margin-right: -15px !important; margin-bottom: 0px !important; } .woocommerce-page.varukorg h1 { padding: 20px; } #single-product #product-info h1.product_title.entry-title {float:left; font-size:60px; font-weight:bold; color:#000;} #single-product #product-info span.woocommerce-Price-amount.amount {font-family: 'Playfair Display', serif; font-size:50px; font-style:italic; margin:0 0 0 20px;} #single-product #product-info table.variations {float:left; width:100%; margin:10px 1% 0 0;} #single-product #product-info table.variations tbody tr {float:left; width:50%;} #single-product #product-info table.variations tbody tr td.label {float:left; width:100%; font-size:20px;} #single-product #product-info table.variations tbody tr td.value {float:left; width:95%;} #single-product #product-info select {width:100%; padding:15px; font-size:14px !important; border:1px solid #ddd;} #single-product #product-info .single_variation_wrap {float:left; width:66%; margin:10px 0 0 0;} #single-product #product-info .quantity:before {content:'Antal:'; float:left; width:100px; height:58px; border:1px solid #ddd; padding:15px; font-size:20px; text-align:center;} #single-product #product-info .input-text.qty.text { height: 58px; border: 1px solid #ddd; border-left: 0; font-size: 20px; width: 58px; margin-top: 0; text-align: center; font-size: 14px !important; } #single-product #product-info .single_add_to_cart_button.button {height:58px; background:#92b779; opacity:1; border-radius:0; margin:0 0 0 5px; font-size:16px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; padding:0 50px;} #single-product #product-info p {font-size:24px; margin:0 0 20px 0;} #single-product #product-info .woocommerce-tabs.wc-tabs-wrapper {border-top:1px solid #eee; padding:50px 0 0 0; margin:30px 0 0 0;} #single-product #product-info .woocommerce-tabs ul.tabs {padding:0; margin:0 0 20px 0;} #single-product #product-info .woocommerce-tabs ul.tabs li {border:none; border-radius:0;} #single-product #product-info .woocommerce-tabs ul.tabs li {background-color:#fff;} #single-product #product-info .woocommerce-tabs ul.tabs:before {border-bottom:none;} #single-product #product-info .woocommerce-tabs ul.tabs li:before {display:none;} #single-product #product-info .woocommerce-tabs ul.tabs li:after {display:none;} #single-product #product-info .woocommerce-tabs ul.tabs li a {font-size:16px; text-transform:uppercase; color:#000; letter-spacing:2px;} #single-product #product-info .woocommerce-tabs ul.tabs li.active a {border-bottom:3px solid #000;} #single-product #product-info #tab-description, #single-product #product-info #tab-quality, #single-product #product-info #tab-cert {background:#eee; padding:25px 30px;} #single-product #product-info #tab-description p, #single-product #product-info #tab-quality p, #single-product #product-info #tab-cert p {font-size:18px; color:#636363;} #single-product #product-info span.sku_wrapper {display:none;} #single-product #product-info span.posted_in {display:none;} #single-product #product-info span.tagged_as {background:#fff; border:1px solid #ccc; padding:10px 15px; text-transform:uppercase; letter-spacing:2px; display: inline-block;} #single-product #product-info span.tagged_as a {color:#ccc;} #single-product #product-info form.variations_form.cart input[type="text"] { margin: 10px 0 0 0px; padding: 20px;} #single-product .upsells.products {float:left; width:100%; padding:0;} #single-product .upsells.products h2 {background:#ddd; font-family: 'Lato', sans-serif; font-size:14px; letter-spacing:2px; text-transform:uppercase; text-align:center; padding:22px;} #single-product ul.productList.row {list-style:none; margin:0; padding:0;} #single-product ul.productList.row li {border:1px solid #f1f1f1; padding:25px;} #single-product ul.productList.row li .img-wrapper {height:300px; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 0 20px 0;} #single-product ul.productList.row li a {display:block;} #single-product ul.productList.row li a:hover {opacity:0.5; text-decoration:none;} #single-product ul.productList.row li .product-meta {float:left; width:50%; color:#000; font-size:13px;} #single-product ul.productList.row li span.price {float:right; width:50%; text-align:right; color:#2cb91d; font-size:17px; font-weight:bold; line-height:1;} #single-product ul.productList.row li h2 {float:left; width:100%; color:#000; font-family: 'Lato', sans-serif; font-size:17px; text-transform:uppercase; margin:10px 0 0 0;} ul.productList.row li .brand { min-height: 30px; clear: both; } ul.productList.row li .brand a { float: left; width: 100%; color: #ccc; font-size: 12px; font-style: inherit; margin-top: 2px; } /* ---- Single Product Bundle ---- */ #single-product .product-type-bundle .onsale {display:none;} #single-product .product-type-bundle #product-info .price del {display:none;} #single-product .product-type-bundle #product-info .price ins {text-decoration:none;} #single-product .product-type-bundle #product-info h4.bundled_product_title.product_title span.item_title {font-size:28px; font-weight:bold; color:#000;} #single-product .product-type-bundle #product-info .bundled_product_excerpt.product_excerpt p {font-size:14px; margin:5px 0;} #single-product .product-type-bundle #product-info abbr.required {border:none;} #single-product .product-type-bundle #product-info table.variations tbody tr {width:100%;} #single-product .product-type-bundle #product-info table.variations tbody tr td.label {width:100%; font-size:16px;} #single-product .product-type-bundle #product-info table.variations tbody tr td.value {width:90%; max-width:250px;} #single-product .product-type-bundle #product-info table.variations tbody tr td.value select {padding:10px; font-size:16px;} #single-product .product-type-bundle #product-info .bundled_item_cart_details {display:none;} #single-product .product-type-bundle #product-info .woocommerce-tabs.wc-tabs-wrapper {display:none;} /* ---- End Single Product Bundle ---- */ /* ---- End Single Product ---- */ /* ---- My Account ---- */ #company-header {height:130px; line-height:130px; background:#ddd; display:none;} body.logged-in #company-header {display:block;} #company-header a {float:right; height:40px; line-height:40px; background:#eb2929; color:#fff; margin:45px 0; padding:0 25px; text-transform:uppercase; letter-spacing:2px;} #custom-control-panel {padding:20px 0;} #custom-control-panel nav.woocommerce-MyAccount-navigation {width:20%; margin:70px 0 0 0;} #custom-control-panel nav.woocommerce-MyAccount-navigation ul {list-style:none; margin:0; padding:0;} #custom-control-panel nav.woocommerce-MyAccount-navigation ul li a {color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; display:block; letter-spacing:2px;} #custom-control-panel nav.woocommerce-MyAccount-navigation ul li.is-active a {color:#92b779;} #custom-control-panel .woocommerce-MyAccount-content {width:78%; margin:60px 0;} #custom-control-panel .woocommerce-MyAccount-content h1 {font-size:36px; font-weight:bold; color:#000; margin:0 0 20px 0;} #custom-control-panel .woocommerce-MyAccount-content #controlpanel-introtext p {font-family: 'Playfair Display', serif; font-size:24px; font-style:italic;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item1, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item2, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item3 {float:left; width:30%; height:75px; line-height:75px; margin:20px 3% 25px 0%; padding:0 0 0 75px; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:2px;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item1 {background:url(./img/order.png) no-repeat #eee 20px 50%;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item2 {background:url(./img/address.png) no-repeat #eee 20px 50%;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item3 {background:url(./img/manage-account.png) no-repeat #eee 20px 50%;} #custom-control-panel .woocommerce-MyAccount-content #controlpanel-fulltext p {font-size:18px; margin:0 0 20px 0;} #custom-control-panel .woocommerce-MyAccount-content #controlpanel-fulltext ul {margin:0 0 20px 0; padding:0 0 0 20px;} #custom-control-panel .woocommerce-MyAccount-content #controlpanel-fulltext ul li {font-size:18px;} /* ---- End My Account ---- */ /* ---- Cart ---- */ .cat-top { float: left; width: 100%; padding: 25px 25px 10px; } .col-lg-10.product-row { border-left: 1px solid #f1f1f1; } #woocommerce-subpage h1 {font-size:60px; font-weight:bold; color:#000;} #woocommerce-subpage table.shop_table.shop_table_responsive.cart a {color:#000; text-decoration:underline;} #woocommerce-subpage form.woocommerce-shipping-calculator p a {color:#000; text-decoration:underline;} #woocommerce-subpage .wc-proceed-to-checkout a {background:#92b779; font-weight:normal;} input.button.update {float:right !important;} .cart-item.cart_item {border:1px solid #ddd; margin-top:0px; padding:20px; width:100%; margin-bottom:10px;} .cart-item-info {float:left; width:50%;} .cart-item-image {float:left; text-align:center; min-width:100px;} .cart-item-image img {height:100%;} .cart-item-text {float:left; margin-left:20px;} .cart-item-text dl {font-size:14px !important; margin:0;} .cart-item-quantity {float:left; width:25%;} .cart-item-meta {float:left; width:25%;} .woocommerce a.remove {display:block; font-size:14px; height:auto; width:auto; text-align:left; line-height:1; border-radius:0; color:#555 !important; text-decoration:none; font-weight:700; border:0; border-top:1px solid #ddd; margin-top:10px; padding-top:10px;} .woocommerce a.remove:hover {color:#555 !important; background:none;} span.woocommerce-Price-amount.amount {font-size:14px;} .page-template-template-undersida-cart main form {float:left; width:65%;} .cart-collaterals {float:right; width:33% !important;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:right; width:100%; font-size:14px;} .coupon label {display:none;} .coupon input {border:1px solid #ddd; padding:8px; font-size:14px;} .coupon input.button {font-size:14px; padding:11px 11px 10px; color:#fff; background:#00b604;} .coupon {float:left;} input.button.update {float:right; font-size:14px; padding:11px 11px 10px !important;} span.product-name a {text-decoration:none; padding:0; display:block; color:#000; font-size:20px; font-weight:bold; margin:0 0 20px 0;} .page-template-template-undersida-cart .woocommerce .quantity .qty {width:3.631em; text-align:center; border:1px solid #ddd; padding:8px; font-size:14px; margin:13px 0;} .cart-collaterals {border:1px solid #ddd; margin-top:0px; padding:20px; width:100%; margin-bottom:10px;} a.checkout-button.button.alt.wc-forward {margin:0; font-size:14px;} .wc-proceed-to-checkout {padding:0 !important; margin-top:10px; margin-bottom:0 !important;} .cart-collaterals span.woocommerce-Price-amount.amount {font-size:14px;} .cart_totals > div {margin-bottom:10px; color:#555;} .order-total {margin-top:10px; padding-top:10px; border-top:1px solid #ddd; margin-bottom:20px !important;} #bottom-cart-content {overflow:auto; margin:20px 0;} /* ---- End Cart ---- */ /* ---- Checkout ---- */ .woocommerce .col2-set, .woocommerce-page .col2-set {float:left; width:50%;} .woocommerce .col2-set, .woocommerce-page .col2-set {float:left; width:50%;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {float:left; width:100%;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {float:left; width:100%;} .woocommerce-billing-fields input, .woocommerce-shipping-fields input {border:1px solid #ddd; padding:10px; font-size:12px;} .woocommerce-billing-fields label, .woocommerce-shipping-fields label {font-size:14px; text-transform:uppercase;} .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {text-transform:uppercase !important;} textarea#order_comments {border:1px solid #ddd; padding:10px; font-size:14px; height:8em;} h3#order_review_heading {text-transform:uppercase; border-top:1px solid #ddd; padding-top:20px; float:right; width:45%;} div#order_review {float:right; width:45%;} div#order_review th {text-transform:uppercase; font-size:14px;} div#order_review td {font-size:14px !important;} div#order_review tr.cart_item dl {font-size:16px !important; margin:0;} div#order_review span.woocommerce-Price-amount.amount {font-size:14px;} .woocommerce table.shop_table {border-radius:0;} div#s2id_billing_country {font-size:14px;} .select2-container .select2-choice {padding:6px 10px;} li.wc_payment_method.payment_method_klarna_invoice {list-style:none;} li.wc_payment_method.payment_method_klarna_invoice label img {float:right;} .payment_box.payment_method_klarna_invoice fieldset {border:0; padding:0; margin:0;} .payment_box.payment_method_klarna_invoice p.form-row.form-row-wide {margin:10px 0 0 !important; border-top:1px solid #ccc;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:#fff; border-radius:0; border:1px solid #ddd;} .payment_box.payment_method_klarna_invoice p.form-row.form-row-wide {font-size:14px; text-transform:uppercase;} select#klarna_invoice_pclass {height:40px; text-indent:4px;} input#klarna_invoice_pno {padding:10px; border:1px solid #ddd;} button.klarna-push-pno.get-address-button.button.alt {margin-top:20px !important; background:#00b604;} input#place_order {background:#00b604; text-transform:uppercase;} p.form-row.terms.wc-terms-and-conditions {font-size:14px;} .form-row.place-order {margin-bottom:0 !important;} .woocommerce-info {background:#92b779; color:#fff !important; border-top:0; margin-bottom:10px !important; border-radius:3px; padding:14px !important; text-transform:uppercase; font-size:14px;} .woocommerce-info:before {display:none;} .woocommerce-info a {color:#fff;} .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 { display: none; } /* ---- End Checkout ---- */ @-webkit-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .scroll-btn { display: block; position: absolute; left: 0; right: 0; text-align: center; } .scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active { color: #ffffff; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); } .scroll-btn .mouse { position: relative; display: block; width: 35px; height: 55px; margin: 0 auto 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .scroll-btn .mouse > * { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; } /* ---- End Content ---- */ /* ---- 5.0 - Footer ---- */ /* ---- End Footer ---- */ /*------------------------------------*\ RESPONSIVE DESIGN \*------------------------------------*/ @media screen and (max-width: 2560px) { } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1800px) { #cart-container .login-nav {margin:0 0 0 10px;} #campaign-container #campaign-package {padding:10% 25px;} #about #about-text {padding:50px;} #about #about-text p {font-size:22px;} } @media screen and (max-width: 1680px) { #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline a.button.add_to_cart_button {margin:20px 15px 0 20px;} #usp h3 {font-size:58px;} #footer p {font-size:28px;} } @media screen and (max-width: 1440px) { #campaign-products > div img {max-height:100px;} #featured-products ul.productList.row li {min-height:460px;} #about #about-text p {font-size:18px;} /* ---- Single Product ---- */ #single-product #product-info p {font-size:18px; margin:0 0 10px 0;} .widget.widget-woof {padding:0;} #woocommerce-subpage ul.productList.row li {padding:20px; height:675px;} #menu-container ul li a {padding:0 10px;} } @media screen and (max-width: 1366px) { .woof_container_inner.woof_container_inner_produktkategorier h4 {font-size:14px;} } @media screen and (max-width: 1340px) { #menu-container ul li {display:none;} #menu-container ul li.menu-item-150 {display:block;} } @media screen and (max-width: 1280px) { #campaign-container #campaign-package {padding:50px 25px 0;} #campaign-products > div {height:150px; line-height:150px;} #about #about-text {padding:25px;} #usp {height:250px;} #usp h3 {font-size:42px; line-height:250px;} #footer {height:140px;} #footer p {font-size:24px;} /* ---- Sinlge Product ---- */ #single-product #product-info .single_variation_wrap {width:100%;} /* ---- My Account ---- */ #custom-control-panel .woocommerce-MyAccount-content #controlpanel-introtext p {font-size:20px;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item1, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item2, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item3 {background-image:none !important; padding:0; text-align:center;} #woocommerce-subpage ul.productList.row li {height:635px;} #woocommerce-subpage ul.productList.row li button, #woocommerce-subpage ul.productList.row li .button {left:5%; right:5%; width:90% !important;} } @media screen and (max-width: 1200px) { nav.main-nav { display: none; } } @media screen and (max-width: 1024px) { #menu-container nav.main-nav {display:none;} #top-content {background-size:cover;} #top-content h1 {font-size:60px;} #infobox-container > div > a > div {height:200px; background-size:cover;} #infobox-container > div > a > div h2 {line-height:200px; font-size:28px;} #about #about-text h3 {font-size:32px;} #about #about-text p {font-size:14px;} #usp {height:200px;} #usp h3 {font-size:32px; line-height:200px;} #footer p {font-size:20px;} /* ---- Single Product ---- */ #single-product #product-info {padding:0 25px 50px 25px;} #top-content {background-attachment:initial;} } @media screen and (max-width: 1000px) { } @media screen and (max-width: 980px) { } @media screen and (max-width: 959px) { } @media screen and (max-width: 800px) { main {padding-top:140px;} #menu-container {height:75px; line-height:75px;} #cart-container {padding:20px 0 0 25px;} #campaign-container #campaign-package {padding:50px 25px 25px;} #infobox-container > div > a > div h2 {font-size:30px; text-shadow:1px 1px 1px #333;} #footer p {font-size:16px;} /* ---- Single Product ---- */ #single-product .images {padding:0 25px; margin:0;} #single-product .images img {max-width:60%; margin:0 auto;} #single-product #product-info {padding:0; margin:10px 0 0 0; border-left:none;} #single-product .upsells.products {margin-top:25px;} /* ---- My Account ---- */ #custom-control-panel nav.woocommerce-MyAccount-navigation {width:100%; margin:0;} #custom-control-panel .woocommerce-MyAccount-content {width:100%; margin:25px 0;} .cart-collaterals {width:96% !important; margin:0 2%;} } @media screen and (max-width: 768px) { #header #logo-container { padding: 33px 0 0 30px; } div#logo-container img { max-width: 140px; } } @media screen and (max-width: 736px) and (min-width: 480px) { ul.productList.row li {width:50%;} } @media screen and (max-width: 736px) { main {padding-top:160px;} #menu-container ul li {display:none;} #menu-container ul li.menu-item-150 {display:block;} #menu-container {height:100px; line-height:100px;} #cart-container {padding:30px 0 0 25px;} #top-content h1 {font-size:42px; margin:50px 0 0 0;} #top-content #product-scroll {margin:10px 0 0 0;} #campaign-container #campaign-package {padding:50px 0 0;} #campaign-container #campaign-package h3 > span {font-size:36px;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline span.woocommerce-Price-amount.amount {font-size:36px;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline a.button.add_to_cart_button {margin:0; padding:15px;} #infobox-container > div > a > div {background-position:50%;} #footer {height:auto; padding-top:25px; padding-bottom:25px;} #footer p {font-size:18px; line-height:2;} #footer p br {display:block;} #footer p em {display:none;} #header #breadcrumbs {padding:0 0 0 10px;} /* ---- Single Product ---- */ #single-product #product-info h1.product_title.entry-title {font-size:48px;} #single-product #product-info span.woocommerce-Price-amount.amount {font-size:48px; line-height:0.8;} /* ---- My Account ---- */ #custom-control-panel .woocommerce-MyAccount-content #controlpanel-introtext p br {display:none;} #company-header {height:80px; line-height:80px} #company-header a {margin:25px 0 0 0;} } @media screen and (max-width: 640px) { #usp h3 {font-size:26px;} } @media screen and (max-width: 568px) { #single-product #product-info .woocommerce-tabs ul.tabs li a {font-size:14px;} } @media screen and (max-width: 480px) { #woocommerce-subpage ul.productList.row li, #featured-products ul.productList.row li{ height: auto; } main {padding-top:160px;} #woocommerce-subpage h1 {font-size:38px; margin:10px 0;} #cart-container .login-nav {display:none;} #top-content h1 {margin:12%;} #campaign-container #campaign {padding:20px; font-size:16px; width:100%;} #campaign-container #campaign-package h3 > span {font-size:32px;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline span.woocommerce-Price-amount.amount {font-size:32px;} #campaign-container #campaign-package h3 p.product.woocommerce.add_to_cart_inline a.button.add_to_cart_button {width:100%; margin:15px 0;} #campaign-products .col-xs-2 {width:33%;} #usp {height:auto; padding:50px;} #usp h3 {line-height:1;} #header #breadcrumbs {padding:5px; line-height:1.5; font-size:12px;} #header #breadcrumbs span {display:block;} /* ---- Single Product ---- */ #single-product #product-info h1.product_title.entry-title {font-size:36px;} #single-product #product-info span.woocommerce-Price-amount.amount {float:left; width:100%; font-size:36px; line-height:1; margin:0;} #single-product #product-info table.variations tbody tr {width:100%;} #single-product #product-info .single_add_to_cart_button.button {margin:20px 0 0 0;} #single-product #product-info .woocommerce-tabs.wc-tabs-wrapper {padding:10px 0 0 0;} #single-product #product-info .woocommerce-tabs ul.tabs li {float:left; width:100%;} /* ---- My Account ---- */ #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item1, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item2, #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item3 {text-align:center; width:100%; margin:0 0 20px 0;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item1 {background:url(./img/order.png) no-repeat #eee 20px 50% !important;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item2 {background:url(./img/address.png) no-repeat #eee 20px 50% !important;} #custom-control-panel .woocommerce-MyAccount-content a.account-menu-item3 {background:url(./img/manage-account.png) no-repeat #eee 20px 50% !important;} #top-content h1 {margin:5%; font-size:34px;} #top-content h1 br {display:none;} #woocommerce-subpage ul.productList.row li button, #woocommerce-subpage ul.productList.row li .button {width:100% !important; position:static !important;} input.button.update {float:left !important; margin:10px 0 0 0;} .woocommerce .col2-set, .woocommerce-page .col2-set {width:100%;} h3#order_review_heading {width:100%;} div#order_review {width:100%; margin-top:10px;} } @media screen and (max-width: 360px) { main {padding-top:150px;} #menu-container {height:85px; line-height:85px;} #cart-container {padding:25px 0 0 10px;} #menu-container ul li:first-child a {padding:0 5px 0 0; border:none;} } @media screen and (max-width: 320px) { #header #logo-container {padding:30px 0 0 15px;} #company-header a {margin:20px 0 0 0; font-size:12px;} } /*------------------------------------*\ END RESPONSIVE DESIGN \*------------------------------------*/