/* Theme Name: Ice Power Description: Ice Power main theme Author: Jussi-Tapani Hyvärinen / Tietotemput Oy Author URI: www.tietotemput.fi Version: 1.0 */ @import url('assets/css/font-awesome.min.css'); @import url('assets/css/flag-icon.min.css'); html, body {padding:0; margin:0; height:100%;} body { font-family:"aaux-next","Open Sans",Helvetica,Arial,sans-serif; color:#000; background-color:#000; padding-bottom: 20px;} img {max-width:100%; height:auto;} a {color:#23408f;} .entry-content p {margin:0 0 20px;} p.browsehappy {color:#fff; text-align:center; width:100%; display:block;} p.browsehappy a {color:#fff; text-decoration:underline;} #content {padding:280px 0 20px 0; background-color:#fff;} .entry-content ul {list-style:none; padding:0 15px;} .entry-content ul li {position:relative; padding-left:15px;} .entry-content ul li:before {content:""; display:block; position:absolute; top:0; bottom:0; margin:auto 0; left:-15px; width:15px; height:1px; background-color:#2ac4f4; } .entry-content h2{margin:20px 0 30px;} .btn{background-color:#23408f; color:#fff; text-transform:uppercase;} .btn:hover,.btn:focus {background-color:#23408f; color:#fff; text-transform:uppercase;} .ie8 section, .ie8 div, .ie7 section, .ie7 div, .ie5 section, .ie5 div {display:none;} #main-header {min-height:120px; padding-top:50px; margin:0; background-color:#fff; border-radius:0; border:none; transition:all 0.5s ease;} #main-header .container{ position:relative;} #main-header .logo-bg {position:absolute; width:27%; top:-10px; left:0px; z-index:-1; transition:all 0.5s ease; } #main-header .navbar-header {transition:all 0.5s ease; text-align:center; display:inline-block; position:absolute; background-size:100% auto; } #main-header .navbar-header .header-logo{background: url(assets/img/icepower-logo.svg) no-repeat top left; transition:all 0.5s ease; background-size: contain; display:block; width:99%; background-position:center; height:130px; } body.no-svg #main-header .navbar-header .header-logo {background: url(assets/img/icepower-logo.png) no-repeat top left;} body.ios #main-header .navbar-header .header-logo {background: url(assets/img/icepower-logo.png) no-repeat 50% 0%; background-size: 75% auto; } #main-header .navbar-header .site-desc { transition: opacity 1s linear; font-weight:400; text-transform:uppercase; margin:5px 40px;} #main-header #main-navi {margin-left:25%;} #main-header nav ul {list-style:none; margin:0; padding:0 0 0 5px; } #main-header nav ul li{display:inline; margin-right:35px; padding-bottom:44px; color:#000;} #main-header nav ul li:last-of-type{ margin-right:0px;} #main-header nav ul li a{font-weight:bold; font-size:1.4em; color:#000; } #main-header nav ul li a:hover, #main-header nav ul li a:active{color:#666; text-decoration:none; } #main-header nav ul li .fa {font-size:0.6em; color:#2ac4f4; margin-left:5px; transition:all 0.25s ease; } #main-header nav ul li.dropdown.open .fa {transform:rotate(180deg); } #main-header .dropdown-menu {position:absolute; border-radius:5px; overflow: hidden; padding:0; border:1px solid #2ac4f4; left:-25%; top:64.5px; } #main-header .dropdown-menu li {display:inline-block; margin:0; width:100%; padding:0 15px;} #main-header .dropdown-menu li:hover {background-color:#f5f5f5;} #main-header .dropdown-menu li a{font-size:1.1em; line-height:2.5; padding:15px;} #main-header .dropdown-menu ul {display:none;} #main-header li.dropdown span.dropdown_top_arrow{ display:none;background:url(assets/img/dropdown_top_arrow.svg) no-repeat; background-size:100% 100%; width: 40px; height: 20px; position: absolute; z-index: 9999; left: 0; bottom:-0.5px; right:0; margin: 0 auto; } #main-header li.dropdown.open span.dropdown_top_arrow{ display:block; } #main-header .navbar-toggle{margin:13px 15px;} #main-header .navbar-toggle .icon-bar { background-color:#23408f;} #main-header.minimize {top:-110px;} #main-header.minimize .navbar-header, #main-header.mini .navbar-header{ width: 10%; top:2px;} #main-header.minimize .header-logo {height:60px; margin-top:60px;} #main-header.minimize .logo-bg, #main-header.mini .logo-bg{width:15%; top:20px; left:-13px;} #main-header.minimize .site-desc, #main-header.mini .site-desc{opacity:0; transition: opacity 0s; height:1px; margin:0; overflow:hidden;} #main-header.mini {top:-60px; padding-top:72px;} #main-header.mini .logo-bg{width:15%; top:-50px; left:-13px;} #main-header.mini .header-logo {height:60px; margin-top:-10px;} #main-header.mini .dropdown-menu {top:42.5px;} #main-header.mini li.dropdown span.dropdown_top_arrow {bottom:-22.5px;} #main-header .chooseCountryButton {float:right; width:195px; cursor:pointer;} #main-header .chooseCountryButton .choose_label{text-align:right; margin-top:4px; text-transform:uppercase; float:left; width:60px; line-height:1;} #main-header .chooseCountryButton .flag-icon {margin:0 10px; width:40px; height:40px; position:relative; top:-10px;} #main-header .chooseCountryButton button{padding:0; height:36px; width:60px;} /* -- SELECT COUNTRY MODAL -- */ #selectCountryModal .modal-dialog {max-width:1200px; width:auto; margin:100px auto;} #selectCountryModal .modal-dialog .modal-content{ border-radius:10px; border:none; overflow:hidden; margin:20px; box-shadow:none;} #selectCountryModal .modal-dialog .modal-header {border:none; height:45px; overflow:hidden; padding:20px; padding-bottom:0; margin-bottom:10px;} #selectCountryModal .modal-dialog .modal-header button.close {color:#000; opacity:1; margin:0; } #selectCountryModal .modal-dialog .modal-header button.close span.close{opacity:1; margin:0; height:25px; width:25px;display:block; background:url(assets/img/close_button.svg) no-repeat; background-size:100% 100%; } #selectCountryModal .modal-dialog .modal-footer {background-color:#2ac4f4; border:none; text-align:center; color:#fff; font-size:1.5em;} #selectCountryModal .modal-dialog .modal-footer p{margin:0;} #selectCountryModal .modal-dialog .modal-content h2 {font-weight:bold; margin-bottom:20px;} #selectCountryModal .modal-dialog .modal-content span.site-link {color:#000; margin-bottom:10px; font-size:1.4em; display:block;} #selectCountryModal .modal-dialog .modal-content span.site-link a {color:#000;} #selectCountryModal .modal-dialog .modal-content span.site-link span.language-switcher {font-size:0.8em;} #selectCountryModal .modal-dialog .modal-content .flag-icon {margin-right:15px;} #selectCountryModal .listColumn {float:left; margin-right:3%; width:50%;} #selectCountryModal.modal { overflow-y: scroll; } #header-wrap {background-color:#58585b;} #header-wrap.sports {background-color:#000;} #header-wrap.muscle-pain {background-color:#323232;} #header-wrap.joint-pain {background-color:#b2b2b2;} .header-banner {padding:175px 0 80px 0; margin:0 auto; background-size:cover; background-position:center 0; background-color:#000; background-image:url(assets/img/icepower_header_banner.jpg); position:relative; background-repeat:no-repeat; min-height:495px; max-height:575px;} .bgwidth { width: 100%; } .bgheight { height: 100%; } .header-banner .social-links {margin-bottom:50px; text-align:right;} .header-banner .social-links a{color:#fff; margin-left:20px; position:relative;} .header-banner .social-links span.count-box {color:#fff; font-weight:700; padding:5px 10px; position:absolute; bottom:-25px; left:-12px; border-radius:3px;} .header-banner .product-image {position: absolute; right:0; z-index:2;} .header-banner .finland-image {position: absolute; top:210px; z-index:2; text-align: center;} .header-banner .finland-image img {max-width: 110px;} .header-banner .scroll-to {z-index:1;font-weight:300; cursor:pointer; text-transform:uppercase; text-align:center; text-align:center; position:absolute; bottom:22px; left:0; right:0; margin:0 auto;} .header-banner .scroll-to .down-arrow {display:block; position:absolute; left:0; right:0; margin-top:10px;} .down-arrow i{display:block; line-height:1; color:#2ac4f4;} .down-arrow i.fa-circle-thin{font-size:8px; margin-bottom:7px; } .down-arrow i.fa-circle-thin:first-of-type{color:#000;} .down-arrow i.fa-angle-down{font-size:40px; margin-top:-10px;} .header-banner .video-link {line-height:1; margin-top:-12px;} .header-banner .video-link a {color:#fff; font-size:2em; font-weight:300; padding-bottom:20px; float:left;} .header-banner .video-link a:hover{text-decoration:none; color:#eee;} /* ---- FRONTPAGE ---- */ .content-block {background-color:#fff; padding:4% 0; position:relative; z-index:0;} #main-content.content-block {position:static;} .content-title {text-align:center; position:relative;} .content-title h2 {font-weight:bold; font-style:italic; font-size:4.2em;} .content-title p {text-transform:uppercase; font-size:1.4em;} .page-link-blocks {padding:6% 0;} .page-block {cursor:pointer;} a.page-block{cursor:pointer; color:#000;} a.page-block:hover{text-decoration:none;} a.page-block:hover > .page-block-top p{text-decoration:underline;} .page-block-top {padding:0 15%;} .page-block-top p{line-height:1.5; font-size:1.4em; min-height:140px; padding-bottom:20px; overflow:hidden;} .button-link { max-width:300px; transition:all 0.2s ease; text-transform:uppercase; font-weight:800; font-size:1.5em; padding:20px; margin-bottom:50px; border-radius:5px; border:1px solid #2ac4f4; text-align:center; } .page-block-bottom { transition:all 0.5s ease; position:relative; height:340px; background-size:100%; width:100%; display:block; background-repeat:no-repeat; border-bottom-left-radius:20px;border-bottom-right-radius:20px; } .page-block:hover > .page-block-top .button-link {color:#fff; background-color:#2ac4f4; transition:all 0.2s ease;} .page-block-bottom.sports .read-more {background:url(assets/img/sport-block-readmore-bg.png) no-repeat; background-size:100% 100%;} .page-block-bottom.muscle-pain .read-more {background:url(assets/img/muscle-pain-block-readmore-bg.png) no-repeat; background-size:100% 100%;} .page-block-bottom.joint-pain .read-more {background:url(assets/img/joint-pain-block-readmore-bg.png) no-repeat; background-size:100% 100%;} .page-block:hover > .page-block-bottom .read-more p {opacity:1; transition:all 0.2s ease;} .page-block:hover > .page-block-bottom .read-more {background:#2ac4f4; background-image:none; transition:all 0.2s ease;} .page-block-bottom.muscle-pain {background-image:url(assets/img/muscle-pain-block-bg.png);} .page-block-bottom.joint-pain {background-image:url(assets/img/joint-pain-block-bg.png);} .page-block-bottom.sports {background-image:url(assets/img/sport-block-bg.png);} .page-block-bottom .read-more { transition:all 0.2s ease; position:absolute; bottom:0; right:0; border-radius:20px; text-align:center; display:block; height:50%; width:50%; background-color:#2ac4f4; } .page-block-bottom .read-more p{transition:all 0.2s ease; color:#fff; opacity:0; font-style:italic; font-weight:300; font-size:1.8em; display: block; position:absolute; top:40%; bottom:0; left:12px; right:12px; margin:auto; max-width: 150px; overflow: hidden; vertical-align: middle; } #how-to-use.content-block .scroll-to{cursor:pointer; text-transform:uppercase; font-size:1.4em; position:absolute; bottom:20px; left:0; right:0; text-align:center; line-height:1; font-weight:300; } #how-to-use.content-block .scroll-to .fa{display:block; } #how-to-use .select-title { opacity:0; transition:all 1s ease; font-weight:300; margin:0; position:absolute; bottom:-20px; left:0; right:0;} #how-to-use.on .select-title { opacity:1; bottom:-50px;} #frontpage-news.content-block {background-color:#2ac4f4; padding-top:0; padding-bottom:150px;} #frontpage-news.content-block .scroll-to {position:absolute; cursor:pointer; display:block; left:0; right:0; bottom:20px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:18px;} #frontpage-news.content-block .scroll-to .fa{display:block;} #frontpage-news.content-block .news-topbanner{text-align:center; padding-bottom:100px;} #frontpage-news.content-block .topTitle{ margin-bottom:50px;} #frontpage-news.content-block .topTitle h1{color:#fff; font-weight:300; font-size:4.7em; margin:0;} #frontpage-news.content-block .social-links a{font-size:22px; line-height:68px; color:#fff; margin-right:25px; position:relative;} #frontpage-news.content-block .social-links a i{ vertical-align:bottom;} #frontpage-news.content-block .social-links span.count-box {display:none;background-color:#fff; color:#000; padding:5px 10px; position:absolute; bottom:-32px; left:-12px; border-radius:3px;} .entry-header { margin-bottom:40px;} .entry-title {font-size:2.3em; margin-bottom:40px; margin-top:0;} .entry-date {display:inline-block; background-color:#fff; font-weight:bold; padding:5px 8px; border-radius:6px; font-size:1em;} .entry-content {font-weight:400; line-height:2;} .entry-content h1{margin:0 0 50px 0; font-size:3.2em; font-style:italic; } .entry-content h1, .entry-content h2, .entry-content h3 {margin-top:0;} #sidebar {background-color:#f1f1f1; border-radius:5px; padding:15px;} #sidebar .menu > li {display:none;} #sidebar .menu > li.current_page_ancestor, #sidebar .menu > li.current-menu-item, #sidebar .menu li li.current-menu-ancestor ul, #sidebar .menu li li.current-menu-item ul {display:block;} #sidebar ul {margin:0; padding:0; list-style:none;} #sidebar .menu a { font-size: 1.4em; font-weight: bold;} #sidebar .menu ul ul {margin-left:35px;} #sidebar .menu li.current-menu-item > a {color:#7f7f7f;} .recent-news {list-style:none; margin:0; padding:0;} .recent-news li {font-weight:bold; font-size:1.4em; color:#fff; margin-bottom:20px;} .recent-news li a{color:#000; text-decoration:underline; font-weight:bold; font-size:1em;} .recent-news li a:hover{text-decoration:none;} .recent-news .spacer{color:#000; margin:0 10px; font-weight:400;} .archive-link {color:#fff; font-weight:bold; font-size:1.6em; text-decoration:underline;} /* ---- LANDING PAGES --- */ h1.subpage-title {font-size:5em; font-weight:300; color:#fff; margin-top:80px;} .subpage-content {background-repeat:no-repeat; background-size:cover; background-position:center; padding:0;} .subpage-content .product-image {position:absolute; right:0; top:20%;} .header-banner.joint-pain .subpage-title{color:#fff;} .header-banner.joint-pain .social-links a {color:#fff;} #sports.subpage-content {background-image:url(assets/img/page-content-bg-sports.jpg);} #joint-pain.subpage-content{background-image:url(assets/img/page-content-bg-joint-pain.jpg);} #muscle-pain.subpage-content {background-image:url(assets/img/page-content-bg-muscle-pain.jpg);} .main-content {background-color:#fff; padding:8% 15px 4%; float:left;} .main-content .entry-content{padding:0;} .content-bottom {padding:0;} #user-testimonials.content-block { color:#fff; text-align:center; line-height:2; padding:6% 0;} #user-testimonials.content-block h2 {margin-bottom:20px; margin-top:0;} #user-testimonials.content-block h1 {font-size: 4.2em; font-style: italic; font-weight: bold;} #user-testimonials.content-block span {margin-bottom:20px; display:block; margin-top:0;} #user-testimonials.content-block p{color:#000; font-size:1.2em; font-weight:300;} /* LANDING PAGE testimonials COLORS */ #user-testimonials.sports {background-color:#2ac4f4;} #user-testimonials.joint-pain {background-color:#f7931d;} #user-testimonials.muscle-pain {background-color:#23408f;} .products-block {background-color:#000; background-repeat:no-repeat; background-size:cover; background-attachment: fixed;background-position:center; padding:6% 0; color:#fff; text-align:center;} .products-block .content-title h2 {color:#fff; margin-bottom:50px;} .product-block { color:#fff; margin-bottom:30px; position:relative; transition:all 0.25s ease;} .product-block:hover { color:#fff; } .product-block:hover > div.product-read-more {opacity:1; } .product-block span.product-image {background-color:#fff; display:block; height:300px; padding:15px 0; border-radius:10px; position:relative; } .product-block span.product-image img{ max-height:270px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .product-block span.product-title {padding-top:20px; font-weight:bold; font-size:18px; display:block;} .product-block div.product-read-more { opacity:0; transition:all 0.25s ease; z-index:2; margin:0 15px; height:300px; padding:0; position:absolute; left:0; top:0; border-radius:10px; overflow:hidden;} .product-block div.product-read-more .excerpt{ color:#fff; background:rgba(42, 196, 244, 0.6); float:left; height:70%; overflow:hidden; line-height:2;} .product-block div.product-read-more .excerpt p{ padding:50px 20px; max-height:90%; overflow:hidden; } .product-block div.product-read-more .bottom { width:100%; left:0; position:absolute; top:70%; bottom:0;} .product-block div.product-read-more .bottom h3{color:#000; margin:0; line-height:6; text-align:center; top:10%; width:100%; font-weight:bold; font-size:14px; text-transform:uppercase; background-color:#fff;} .products-block a.bottom-link {text-transform:uppercase; text-decoration:underline; text-align:center; color:#fff; position:absolute; bottom:20px; left:0; right:0;} /* LANDING PAGE products COLORS */ .products-block.sports {background-image:url(assets/img/products-section-bg-sports.jpg);} .products-block.joint-pain{background-image:url(assets/img/products-section-bg-joint-pain.jpg);} .products-block.muscle-pain {background-image:url(assets/img/products-section-bg-muscle-pain.jpg);} .products-block.sports a.product-block div.product-read-more .excerpt {background: rgb(42, 196, 244); background:rgba(42, 196, 244, 0.8);} .products-block.joint-pain a.product-block div.product-read-more .excerpt {background: rgb(247, 147, 29); background:rgba(247, 147, 29, 0.8);} .products-block.joint-pain a.product-block, .products-block.joint-pain a.bottom-link {color:#000;} .products-block.muscle-pain a.product-block div.product-read-more .excerpt {background: rgb(35, 64, 143); background:rgba(35, 64, 143, 0.8);} #where-to-buy.content-block {position:relative;} p.selectCountryLabel {margin:50px 0 20px 0; font-weight:300; font-size:1.5em; text-align:Center;} select.selectCountry-select {display:none;} div.selectCountry-select { width:65%; margin:0 auto; padding:0; -moz-user-select: none; background: transparent none repeat scroll 0 0; -webkit-box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); -moz-box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); font-size: 1.5em; font-weight: 700; position: relative; text-align: left; vertical-align: middle; z-index: 100; border-radius:3px; } div.selectCountry-options { opacity: 1; overflow: visible; padding: 0; pointer-events: none; position: absolute; visibility: visible; width: 100%; } .selectCountry-select > span::after, .selectCountry-select .selectCountry-selected span::after { position: absolute; border-left:1px solid #000; padding-left:15px; content: ""; font-family:'FontAwesome'; right:1em; } .selectCountry-select.selectCountry-active > span::after { content: ""; } .selectCountry-select > span { cursor: pointer; display: block; overflow: hidden; padding: 1em; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 100; } div.selectCountry-select.selectCountry-active .selectCountry-options { pointer-events: auto; visibility: visible; } div.selectCountry-options > ul { list-style: none; margin: 0; padding: 0; } div.selectCountry-options > ul::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition:all 0.1s ease; } .selectCountry-select li { cursor: pointer; display: block; overflow: hidden; padding: 0.8em 1em 0.8em 1em; position: relative; text-overflow: ellipsis; white-space: nowrap; background-position: 30px 50%; background-repeat: no-repeat; background-size: 30px auto; } .selectCountry-select span {margin-right:15px;} .selectCountry-select li:hover {background-color:#eee;} span.selectCountry-placeholder {padding:1em;} div.selectCountry-options ul li { background-color:#fff; opacity: 0; transition:all 0.1s ease; } div.selectCountry-select.selectCountry-active .selectCountry-options ul li { transition:all 0.5s ease; opacity: 1; } .selectCountry-active .selectCountry-options > ul::before { -webkit-box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); -moz-box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); box-shadow: 0px 1px 2px 1px rgba(204,204,204,1); transition:all 0.1s ease; } .selectCountry-options > ul::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .selectCountry-options .option-finland span {background-image:url("assets/flags/4x3/fi.svg");} .selectCountry-options .option-sweden span {background-image:url("assets/flags/4x3/se.svg");} .selectCountry-options .option-germany span {background-image:url("assets/flags/4x3/de.svg");} #where-to-buy .selectResult {margin-top:50px;} #where-to-buy #loading {display:none; font-size: 1.8em; text-align: center;} #where-to-buy .selectResult ul {list-style:none; margin:0; padding:0; padding-left:30px;} #where-to-buy .selectResult ul li{margin-bottom:20px;font-size:1.4em; position:relative;} #where-to-buy .selectResult ul li:before{ content: "\f055"; font-family:'FontAwesome'; color:#2ac4f4; position:absolute; left:-30px;} #main-footer {background-color:#23408f; padding:80px 0; position:relative; bottom:0; color:#fff; z-index:-2;} #main-footer .footer-navi {margin-bottom:60px;} #main-footer .footer-navi ul{list-style:none; margin:0; padding:0; text-align:center;} #main-footer .footer-navi ul li{display:inline; font-weight:800; font-size:1.3em; margin:0 5.4%;} #main-footer .footer-navi ul li:first-of-type { margin-left:0;} #main-footer .footer-navi ul li:last-of-type{ margin-right:0;} #main-footer .footer-navi ul li a{color:#fff; text-decoration:underline;} #main-footer .footer-widgets, #main-footer .copyrights {opacity:0.5;} #main-footer .footer-widgets {line-height:1.5; margin-bottom:60px;} #main-footer .footer-widgets .widgettitle{display:none;} .copyright {font-size:0.7em; text-transform:uppercase;} /* ---- PRODUCTS PAGE ---- */ .filter-bar { overflow:hidden; padding-bottom:8%; text-align: center; width: 100%;} button.filter_item { font-size:1.4em; width:18%; transition:all 0.1s ease; background:transparent; border:none; padding:20px 30px; color: #000; border-bottom:1px solid #fff; font-weight: bold; margin: 0 3%; vertical-align: middle; } button.filter_item.selected { overflow: hidden; position: relative; font-weight:300; color:#fff; border-radius:10px; border:1px solid #fff; padding:20px 30px; } #products.subpage-content {background-color:#2ac4f4;} #products.products-block a.product-block div.product-read-more .excerpt { background-color:rgba(255,255,255,0.8);color:#000;} #products.products-block a.product-block div.product-read-more { color:#000;} #products.products-block a.product-block div.product-read-more .bottom {background-color:#23408f; color:#fff;} #products.products-block a.product-block div.product-read-more .bottom h3 {background-color:#23408f; color:#fff;} #products #loading {display:none; font-size: 1.8em; text-align: center;} /* ---- SINGLE PRODUCT PAGE ---- */ .single-product-block { padding:6% 0;} .single-product-block.first {background-color:#fff;} .single-product-block.second {background-color:#f1f1f1; position:relative;} .single-product-block.second .scroll-to {z-index:1;font-weight:300; cursor:pointer; text-transform:uppercase; text-align:center; text-align:center; position:absolute; top:-82px; left:0; right:0; margin:0 auto;} .single-product-block.second .scroll-to .down-arrow {display:block; position:absolute; left:0; right:0; margin-top:10px;} .single-product-block .content-title{margin-bottom:50px;} .single-product-block .entry-content{font-size:1.2em;} .single-product-block .single-product-image img{max-height:400px;} .related-products {background-color:#fff; width:100%;} .related-products .product-block{width:20%; margin:0; padding:0; cursor:pointer;} .related-products h2 { margin:50px 0;} .related-products .product-block .product-read-more{border-radius:0; width:100%; margin:0; background-color:#fff; padding:15px; text-align:center; color:#000;} .related-products .product-block .product-read-more h3{margin:50px 0; font-size:1.2em; font-weight:700; text-decoration:underline;} .related-products .product-block .product-image{border-radius:0;} .related-products .product-block.odd .product-image{background-color:#2ac4f4;} .related-products .product-block.even .product-image{background-color:#23408f;} /* ---- IMAGE GALLERY ---- */ .gallery-wrapper.image-grid {float:left; width:100%;} .image-caption {display:block; color:#666; font-size:0.8em;} .single-image {padding:15px;} .single-image .product-image { background-color: #fff; border-radius: 10px; text-align:center; display: block; max-height: 300px; margin: 15px 0; position: relative;} .gallery-wrapper.image-grid .single-image {float:none !important; display:inline-block; width:24.5%;} #sidebar .mediabank-menu li { font-size: 1.4em; color: #23408f; font-weight: bold; cursor:pointer;} #sidebar .mediabank-menu li:hover,#sidebar .mediabank-menu li.selected {color:#7f7f7f;} #sidebar .mediabank-menu ul.sub-menu {margin-left:20px;} /* LOGIN PAGE */ .nav-tabs {border:none; width:100%; margin-top:50px;} .nav-tabs li {width:50%;} .nav-tabs li a {color:#fff; background:#2ac4f4; font-weight:700; text-align:center; margin:0; border-bottom:1px solid #2ac4f4; } .nav-tabs>li>a:hover {background-color:#2ac4f4; border-color:transparent; border-bottom:1px solid #2ac4f4; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border-radius:5px; border-bottom-left-radius: 0; border-bottom-right-radius:0;border-color: #2ac4f4; border-bottom-color:transparent;} .tab-content {padding:50px; margin:0; border:1px solid #2ac4f4; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; border-top-color:transparent; } .tab-content input.input,.tab-content input[type="text"] {width:100%; padding:7px 2px;} .tab-content input.button-primary {width:100%; padding:10px 0; text-transform:uppercase; border:none; color:#fff; background-color:#23408f;} .mu_register { width: 90%; margin:0 auto; } .mu_register form { margin-top: 2em; } .mu_register .error { font-weight:700; padding:10px; color:#333333; background:#FFEBE8; border:1px solid #CC0000; } .mu_register .prefix_address, .mu_register .suffix_address {font-size: 18px;display:inline; } .mu_register label { font-weight:700; font-size:15px; display:block; margin:10px 0; } .mu_register label.checkbox { display:inline; } .mu_register .mu_alert { font-weight:700; padding:10px; color:#333333; background:#ffffe0; border:1px solid #e6db55; } /* FORMS */ .wpcf7-form input, .wpcf7-form textarea {width:50%; padding:2px 5px;} .wpcf7-form input[type='submit'] {width:50%; padding:10px 0; text-transform:uppercase; border:none; color:#fff; background-color:#23408f;} .wpcf7-form-control.form-control {border-radius:0; max-width:380px; width:100%;} /* NEWS ARCHIVE */ .archive .entry-header {margin:0;} .archive .entry-header h1{margin-bottom:25px;} .archive .entry-date {background-color:#2ac4f4; color:#fff; margin-bottom:25px;} .archive a.single-article {overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:20px; color:#000;} /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* lg */ @media only screen and (max-width : 1200px) { #main-header .navbar-header .header-logo {height:105px;} #main-header.minimize .header-logo {height:40px;} #main-header .navbar-header .site-desc {font-size:0.8em;} .page-block-bottom {height:295px;} } /* md */ @media only screen and (max-width : 992px) { #main-header nav ul li{ padding-bottom:0px; } #main-header li.dropdown span.dropdown_top_arrow {bottom:-44.5px;} #main-header .navbar-header .header-logo {height:75px;} #main-header.minimize .header-logo, #main-header.mini .header-logo {height:25px;} #main-header .navbar-header .site-desc {margin:5px;} #main-header .navbar-header{left:8px;} .page-block-bottom {height:220px;} .gallery-wrapper .single-image { margin-bottom:2%;} button.filter_item {width:43%; margin-bottom:20px;} .gallery-wrapper.image-grid .single-image {width:49.5%} } /* sm */ @media only screen and (max-width : 767px) { body {font-size:10px;} #main-header {padding:0; min-height:60px;} #main-header .navbar-header {top:20px; left:24px;} .site-desc {display:none;} .page-block {margin-bottom:100px;} .page-block-top {text-align:center;} .page-block-top .button-link {width:100%; margin:30px auto;} .page-block-bottom {height:500px;} #main-header .container {padding:0;} #main-header.minimize, #main-header.mini {top:0;} #main-header.minimize .navbar-header, #main-header.mini .navbar-header{ width:25%;} #main-header.minimize .header-logo, #main-header.mini .header-logo{height:75px; margin-top:0;} #main-header.minimize .logo-bg, #main-header.mini .logo-bg{width:27%; top:-10px;} #main-header .logo-bg{top:0;} #main-header #main-navi {margin:0; width:100%; background-color:#eee; z-index:-1;} #main-header #main-navi ul {margin:30px 0 0px 0; padding:15px;} #main-header #main-navi li{display:block; padding:15px 0;} #main-header #main-navi li a{} #main-header #main-navi .dropdown-menu {top:0; left:0;position:relative; width:100%; border:none; background-color:transparent; padding:0; margin:0; box-shadow:none;} #main-header #main-navi .dropdown-menu a{height:auto; font-size:1em; line-height:1; padding:5px 15px;} #main-header li.dropdown.open span.dropdown_top_arrow {display:none;} #main-header .chooseCountryButton { position: absolute; right: 80px; top: 10px; width: 210px;} .header-banner {padding-top:140px;} #main-footer .copyrights {text-align:center;} #main-footer .copyrights div{margin-bottom:50px;} .recent-news {margin-top:50px;} .content-block.frontpage-news .news-topbanner {padding-bottom:50px;} #how-to-use.on .select-title {bottom:-55%;} .page-block-top p {height:auto;} .page-block-bottom {height:400px; max-width:500px; margin:0 auto;} .page-block-bottom .read-more {display:none;} .related-products .product-block{width:33%; float:left;} .gallery-wrapper .single-image {text-align:center;} #products.products-block a.product-block div.product-read-more {width:100%; padding:0 15px; margin:0;} #products.products-block a.product-block div.product-read-more .excerpt {width:100%;} a.product-block div.product-read-more .bottom {left:15px; right:15px; width:auto;} #selectCountryModal .listColumn {width: 100%;} #sidebar {margin-bottom:50px;} } /* Custom */ @media only screen and (max-width : 630px) { #main-header .navbar-header .header-logo{height:55px; margin-top:0;} #main-header .navbar-header {transition:none;} #main-header .navbar-header .header-logo {transition:none; background-image:url(assets/img/icepower-logo.png);} #main-header .logo-bg {transition:none;} #main-header {transition:none;} } /* xs */ @media only screen and (max-width : 480px) { .related-products .product-block{width:100%; float:left;} #main-header #main-navi ul {margin:15px 0;} .header-banner .finland-image img {max-width: 65px;} .page-block-bottom .read-more {width:100%;} .logo-bg {display:none;} #main-header .navbar-header{ top:0;} .header-banner .social-links {float:left !important; width:100%; text-align:left; font-size:20px; } .header-banner {padding-top:20px; margin-top:60px; min-height:300px; background-attachment: scroll;} .header-banner .product-image {display:none;} } /* Custom */ @media only screen and (max-width : 320px) { }