/*!
Theme Name: swedx
Theme URI: https://www.swedx.uk/
Author: DVA Group
Author URI: https://www.dvagroup.co.uk/
Description: Custom theme for "Swedx UK Ltd"
Version: 1.0.0
Text Domain: swedx
*/
/*!
* base.css
*
* Features:
* - normalize css
* - typography standardisation and references to a main base setup
* - basic styling for common html components
*
* breakpoints:
* 480
* 600
* 768
* 992
* 1200
*
*//*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
a,abbr[title]{text-decoration:underline}progress,sub,sup{vertical-align:baseline}*,::after,::before,:after,:before,legend{box-sizing:border-box}body,html,img,legend{max-width:100%}button,hr,input{overflow:visible}details,pre>code{display:block}html{line-height:1.15;-webkit-text-size-adjust:100%}h1{margin:.67em 0}dl,ol,p,ul{margin-top:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:#0082ba;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}abbr[title]{border-bottom:none;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;padding:0;white-space:normal}textarea{overflow:auto;min-height:6.5rem}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/*!
---------------- DVA BASE RESETS ----------------
*/
:root{--color:blue}body,html{width:100%;min-height:100vh;margin:0;padding:0}html{font-size:62.5%}body{color:#404c56;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:400;letter-spacing:.01em;line-height:1.6}b,label,legend,strong{font-weight:700}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote :last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}mark{background:#f3e4d1}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f6f6f6;border-left:.5rem solid #ccc;padding:1rem 2rem 1.6rem;overflow-y:hidden}pre>code{border-radius:0;padding:1rem 1.5rem;white-space:pre}hr{box-sizing:content-box;height:0;border:0;border-top:.1rem solid #f6f6f6;margin:3rem 0}a:visited{color:#5b217d}a:focus,a:hover{color:#30a2ea}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#0082ba;border:.1rem solid #0082ba;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}dl,ol,td:first-child,th:first-child,ul{padding-left:0}.pull-left,.text-left,td,th{text-align:left}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#30a2ea;border-color:#30a2ea;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#0082ba;border-color:#0082ba}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#0082ba}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#30a2ea;color:#30a2ea}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#0082ba}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#0082ba}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#30a2ea}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#0082ba}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#0082ba;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}label,legend{display:block;font-size:1.6rem;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}dl,ol,ul{list-style:none}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:last-child,th:last-child{padding-right:0}.container,.container-flex,.page-width{width:100%;margin:0 auto}@media (min-width:768px){.container,.page-width{width:728px!important}}@media (min-width:992px){.container,.page-width{width:952px!important}}@media (min-width:1200px){.container,.page-width{width:1160px!important}}.container-flex{max-width:1160px!important}.content-block{padding:20px}.container-fill,.vertical-center-container{width:100%;height:100%}.vertical-center{top:50%;margin-top:-25%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right}.pull-right,.text-right{text-align:right}
/**
* =======================================================
* customisations
* =======================================================
*/
/* browser base */
body {
padding: 0;
margin: 0;
min-width: 100%;
min-height: 100%;
}
.alignright,
.alignleft,
.aligncenter {
text-align: center;
width: 86%;
height: auto;
margin: 0 5%;
}
@media (min-width: 600px) {
.alignright {
float: right;
max-width: 47%;
height: auto;
margin: 4px 0 15px 20px;
}
.alignleft {
float: left;
max-width: 47%;
height: auto;
margin: 4px 20px 15px 0;
}
}
/* Typography */
/*
https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap
*/
html, body, p, input, textarea, table {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
h1, h1.hero-header-title, h2, h3, .bx-wrapper h3, .bx-caption span {
font-weight: 900;
letter-spacing: -0.5px;
}
td, th {
border: none;
}
#header-menu-nav {
font-size: 1.35rem;
font-weight: 700;
}
#header-menu-nav a,
#header-menu-nav a:hover {
text-decoration: none;
}
@media (min-width: 992px) {
#header-menu-nav {
font-size: 1.5rem;
font-weight: 700;
}
}
.bx-wrapper .bx-caption,
.bx-wrapper h3,
h1.hero-header-title {
display: inline;
color: rgb(5,5,5);
background: rgba(255, 255, 254, 0.82);
text-transform: uppercase;
}
.bx-wrapper .bx-caption {
font-size: 3.4rem;
line-height: 3.2rem;
padding: 7px 12px 7px 12px;
}
.grid-item-caption h3 {
font-size: 2.3rem;
line-height: 2.4rem;
}
.grid-half .grid-item-caption h3 {
font-size: 3.0rem;
line-height: 3.2rem;
}
.grid-item-caption p {}
h1.hero-header-title {
font-size: 3.0rem;
line-height: 2.8rem;
padding: 7px 12px 7px 12px;
}
.home-block-info h2 {
margin: 0;
padding: 0;
font-size: 3.0rem;
}
.home-block-info p {
margin: 10px 0 15px 0;
padding: 0;
}
#home-get-in-touch h3 {
margin-bottom: 10px;
}
#grid-footer h3 {
font-size: 2.2rem;
line-height: 1.2;
margin: 0;
padding: 0;
}
.category-lead h2 {
margin: -32px auto 45px auto;
font-size: 2rem;
padding:0;
text-align: center;
max-width: auto;
}
#grid-footer,
#grid-footer p,
#grid-footer table {
font-size: 0.88em;
line-height: 1.18em;
}
.product-image-caption p {
font-size: 1.7rem;
font-weight: 700;
line-height: 1.9rem;
margin: 0;
padding: 0;
color: rgb(250,250,250);
}
@media (min-width: 600px) {
.bx-wrapper .bx-caption {
font-size: 3.8rem;
line-height: 3.5rem;
padding: 10px 16px 9px 16px;
}
h1.hero-header-title {
font-size: 4.5rem;
line-height: 4.2rem;
padding: 10px 16px 9px 16px;
}
.category-lead h2 {
margin: -30px auto 60px auto;
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
.bx-wrapper .bx-caption {
font-size: 4.6rem;
line-height: 4.3rem;
padding: 11px 17px 10px 17px;
}
h1.hero-header-title {
font-size: 5.3rem;
line-height: 5.1rem;
padding: 11px 17px 10px 17px;
}
.category-lead h2 {
margin: -35px auto 70px auto;
font-size: 3.2rem;
}
}
@media (min-width: 992px) {
.bx-wrapper .bx-caption {
font-size: 5.2rem;
line-height: 4.8rem;
padding: 11px 18px 10px 18px;
}
h1.hero-header-title {
font-size: 6.7rem;
line-height: 6.2rem;
padding: 11px 18px 10px 18px;
}
.product-image-caption p {
font-size: 1.9rem;
line-height: 2.1rem;
}
.category-lead h2 {
margin: -45px auto 80px auto;
font-size: 4.0rem;
}
}
@media (min-width: 1200px) {
.bx-wrapper .bx-caption {
font-size: 6.2rem;
line-height: 5.9rem;
padding: 15px 24px 14px 24px;
}
h1.hero-header-title {
font-size: 7.5rem;
line-height: 7.1rem;
padding: 15px 24px 14px 24px;
}
.category-lead h2 {
margin: -70px auto 90px auto;
font-size: 4.6rem;
}
}
.product-footer-cta {
text-align: center;
padding: 20px 0;
margin: 0;
}
.product-footer-cta h3 {
padding: 0;
margin: 0;
font-size: 1.70rem;
}
@media (min-width: 600px) {
.product-footer-cta h3 {
font-size: 2.090rem;
}
}
@media (min-width: 768px) {
.product-footer-cta h3 {
font-size: 2.40rem;
}
}
@media (min-width: 992px) {
.product-footer-cta h3 {
font-size: 3.00rem;
}
}
@media (min-width: 992px) {
.product-footer-cta h3 {
font-size: 3.40rem;
}
}
/* dom bg colours */
html, body {
background-color: rgb(255,255,255);
}
#site-canvas {}
#site-off-canvas {
background-color: rgb(255,255,255);
}
header {
background-color: rgb(255,255,255);
}
section {
background-color: rgb(255,255,255);
}
/*
nav {}
*/
footer {
background-color: rgb(18,18,20);
color: rgb(255,255,255);
}
/* general colors */
a,a:visited,a:link,a:active {
color: rgb(29,29,27);
}
a:hover {
color: rgb(94, 106, 116);
}
#header-menu-nav a {
color: rgb(29,29,27);
}
#header-menu-nav a:hover {
color: rgb(230,230,230);
background-color: rgb(30,30,30);
}
#site-off-canvas h3 {
color: rgb(200,200,200);
}
#site-off-canvas a {
color: rgb(29,29,27);
}
#site-off-canvas a:hover {
color: rgb(220,220,220);
background-color: rgb(30,30,30);
}
.product-icons {
background-color: rgb(248,249,251);
}
.grid-item-caption {
background-color: rgb(125,138,144);
}
.bxslider .grid-item-caption {
background-color: transparent;
}
.grid-item-caption-inner {
background-color: rgb(255,255,255);
}
.bxslider .grid-item-caption-inner {
background-color: transparent;
}
.product-image-caption p {
color: rgb(250,250,250);
}
#home-get-in-touch {
background-color: rgb(255,255,255);
color: rgb(255,255,255);
}
#home-get-in-touch a {
color: rgb(255,255,255);
}
.floating-block {
background: rgb(131,57,214); /* Old browsers */
background: -moz-linear-gradient(left, rgb(131,57,214) 13%, rgb(44,116,234) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(131,57,214) 13%,rgb(44,116,234) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(131,57,214) 13%,rgb(44,116,234) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8339d6', endColorstr='#2c74ea',GradientType=1 ); /* IE6-9 */
}
@media (min-width: 600px) {
#home-get-in-touch {
background-color: rgb(18,18,20);
}
}
.btn-contact {
color: rgb(29,29,27);
border-color: rgb(255,255,255);
background-color: rgb(255,255,255);
}
.btn-contact:hover {
color: rgb(255,255,255);
border-color: rgb(29,29,27);
background-color: rgb(29,29,27);
}
#grid-footer,
#grid-footer a {
color: rgb(210,210,210);
}
#grid-footer a:hover {
color: rgb(255,255,255);
}
#footer-credits,
#footer-credits a {
color: rgb(100,100,100);
}
#grid-footer a:hover {
color: rgb(210,210,210);
}
.product-footer-cta {
background-color: rgb( 0, 151, 218);
color: rgb( 255, 255, 255);
}
/* multiple grids */
#grid-header {
display: grid;
grid-template-rows: 50px;
grid-template-columns: 43% 57%;
grid-row-gap: 0px;
grid-column-gap: 0px;
margin: 0 auto 0 auto;
padding: 0;
}
#header-logo {
grid-column-start: 1;
grid-column-end: 2;
text-align: left;
align-self: end;
}
#header-menu {
grid-column-start: 2;
grid-column-end: 3;
align-self: end;
}
#header-social-nav {
display: none;
}
section {
min-height: 500px;
}
#home-slider{
}
#home-lead {
padding: 0 10px;
}
.grid-half,
.grid-third {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}
.grid-item {
margin-top: 0;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
padding: 0;
font-size: 0px;
}
.grid-item img {
width:100%;
height:auto;
}
#grid-footer {
margin: 0 auto 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}
#footer-column-1,
#footer-column-2,
#footer-column-3,
#footer-credits {
text-align: center;
padding-left: 15%;
padding-right: 15%;
}
#footer-column-1 {
padding-top: 10px;
padding-bottom: 10px;
}
#footer-column-2 {
padding-top: 10px;
padding-bottom: 10px;
}
#footer-column-3 {
padding-top: 10px;
padding-bottom: 10px;
}
#footer-credits {
padding-top: 20px;
padding-bottom: 10px;
}
.container {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 600px) {
#grid-header {
grid-template-rows: 60px;
padding-bottom: 2px;
}
.grid-half,
.grid-third {
display: grid;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-gap: 15px;
padding: 0 0px 0 0px;
}
.grid-half,
.grid-third {
grid-template-columns: auto auto;
}
.grid-item {
margin: 0;
padding: 0;
}
#grid-footer {
display: grid;
grid-template-rows: auto;
grid-template-columns: 33.3% 33.3% 33.3%;
grid-row-gap: 0px;
grid-column-gap: 0px;
}
#footer-column-1 {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 2;
align-self: center;
padding-left: 0px;
padding-right: 35%;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
#footer-column-2 {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 2;
grid-column-end: 3;
align-self: center;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#footer-column-3 {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 3;
grid-column-end: 4;
align-self: center;
padding-left: 35%;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
}
#footer-credits {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 3;
padding-left: 15%;
padding-right: 15%;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.container {
padding-left: 0;
padding-right: 0;
}
#grid-header {
grid-template-rows: 80px;
padding-bottom: 6px;
}
#header-social-nav {
display: block;
}
#home-lead {
padding: 0;
}
.grid-half,
.grid-third {
grid-gap: 20px;
}
.category-lead {
}
.category-item {
display: grid;
grid-template-rows: auto;
grid-template-columns: 60% 40%;
grid-template-areas: "col1 col2";
grid-gap: 0;
margin: 0 20px 40px 20px;
padding: 0;
}
.category-item-image {
grid-area: col2;
}
.category-item-text {
grid-area: col1;
}
.category-item:nth-of-type(even) {
grid-template-columns: 40% 60%;
grid-template-areas: "col2 col1";
}
.product-columns {
display: grid;
grid-template-rows: auto;
grid-template-columns: 57.0% 36.0%;
grid-gap: 7%;
margin: 0 0 10px 0;
padding: 0;
}
.product-desc {}
.product-specs {}
.singular-columns {
display: grid;
grid-template-rows: auto;
grid-template-columns: 47% 47%;
grid-gap: 6%;
margin: 0;
padding: 0;
}
.singular-content iframe {
margin: 0 0 40px 0;
max-width: 100%;
}
.singular-columns-a {}
.singular-columns-b {}
}
@media (min-width: 992px) {
#grid-header {
grid-template-rows: 96px;
padding-bottom: 8px;
}
.grid-half,
.grid-third {
grid-gap: 25px;
}
.grid-third {
grid-template-columns: auto auto auto;
}
.product-columns {
grid-template-columns: 58.0% 36.0%;
grid-gap: 6%;
}
}
@media (min-width: 1200px) {
#grid-header {
grid-template-rows: 110px;
padding-bottom: 10px;
}
.grid-half,
.grid-third {
grid-gap: 30px;
}
.product-columns {
grid-template-columns: 60.0% 35.0%;
grid-gap: 5%;
}
}
/* general margin-bottom */
.category-description,
.singular-content {
max-width: 728px;
margin-left: auto;
margin-right: auto;
}
.grid-half,
.grid-third,
.hero-header,
.category-lead,
.category-description,
.singular-content,
.singular-container,
.product-icons,
.product-footer-image {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.grid-half,
.grid-third,
.hero-header,
.category-lead,
.category-description,
.singular-content,
.singular-container,
.product-icons,
.product-footer-image {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.grid-half,
.grid-third,
.hero-header,
.category-lead,
.category-description,
.singular-content,
.singular-container,
.product-icons,
.product-footer-image {
margin-bottom: 60px;
}
}
@media (min-width: 1200px) {
.grid-half,
.grid-third,
.hero-header,
.category-lead,
.category-description,
.singular-content,
.singular-container,
.product-icons,
.product-footer-image {
margin-bottom: 80px;
}
}
/* header */
#header-logo img,
#header-menu,
#header-menu ul,
#header-social-nav {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#header-logo img {
height: 22px;
margin-left: 10px;
width: auto;
}
#header-menu li {
margin-top: 0;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 600px) {
#header-logo img {
height: 28px;
}
}
@media (min-width: 768px) {
#header-logo img {
height: 36px;
margin-left: 0px;
}
}
@media (min-width: 992px) {
#header-logo img {
height: 40px;
}
}
/* icon menus */
#header-social-nav {}
#footer-social-nav {}
ul.link-icons {
list-style: none;
padding: 0;
margin: 0;
}
.link-icons li.link-icon {
content: "";
display: inline-block;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.link-icons li.link-icon a {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-size: 0;
background-color: transparent;
}
.link-icons li.link-icon:hover {
filter:brightness(125%);
}
.link-icons li.link-icon a:hover {}
#site-off-canvas li.link-icon a:hover {
background-color: transparent;
}
/* header social links */
#header-social-nav .link-icons li.link-icon,
#off-canvas-social .link-icons li.link-icon {
background-image: url('img/Swedx_Social_Icons_2020x1.svg');
width: 23px;
height: 23px;
}
#footer-social-nav .link-icons li.link-icon {
background-image: url('img/Swedx_Social_Icons_2020_whitex1.png');
width: 23px;
height: 21px;
}
#off-canvas-social ul.link-icons {
margin: 0 0 0 25px;
padding: 0;
}
.link-icon-facebook {
background-position: -29px 0px;
}
.link-icon-instagram {
background-position: -57.5px 0px;
}
.link-icon-linkedin {
background-position: -86px 0px;
}
.link-icon-twitter {
background-position: 0px 0px;
}
.link-icon-google-maps {
background-position: -116px 0px;
}
.link-icon-email {}
/*
Main Menu Styling
- allows for 1 level nested Menu
- CSS only
*/
.header-menu-nav {
display: none;
}
.header-menu-nav ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
/* first level */
.header-menu-nav > ul {}
.header-menu-nav > ul > li {
position: relative;
display: inline-block;
width: auto;
height: 100%;
float: left;
line-height: 1.6rem;
padding-left: 10px;
padding-right: 0px;
}
/* second level */
.header-menu-nav li ul {
display: none;
position: absolute;
top: 100%;
z-index: 3;
}
.header-menu-nav li:hover ul {
display: block;
text-align: left;
}
@media (min-width: 480px) {
}
@media (min-width: 600px) {}
@media (min-width: 768px) {
.header-menu-nav {
}
#header-social-nav {
text-align: right;
}
.header-menu-nav {
display: block;
text-align: right;
margin-top: 0px;
}
.header-menu-nav a {
padding: 1px 5px;
}
}
@media (min-width: 992px) {
.header-menu-nav {
clear: both;
}
.header-menu-nav > ul > li {
padding-left: 16px;
}
.header-menu-nav a {
padding: 2px 7px;
}
}
@media (min-width: 1200px) {
.header-menu-nav > ul > li {
padding-left: 18px;
}
.header-menu-nav a {
padding: 2px 8px;
}
}
/* nav reveal button */
#off-canvas-button {
position: absolute;
top: 19px;
right: 0px;
width: 26px;
height: 24px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 220ms ease-in-out;
-moz-transition: 220ms ease-in-out;
-o-transition: 220ms ease-in-out;
transition: 220ms ease-in-out;
cursor: pointer;
}
#off-canvas-button span {
display: block;
position: absolute;
background-color: rgb(0,0,0);
height: 2px;
width: 100%;
border-radius: 6px;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 220ms ease-in-out;
-moz-transition: 220ms ease-in-out;
-o-transition: 220ms ease-in-out;
transition: 220ms ease-in-out;
}
.site-nav-left #off-canvas-button {
left: 20px;
}
.site-nav-right #off-canvas-button {
right: 20px;
}
#off-canvas-button span:nth-child(1) {
top: 0px;
}
#off-canvas-button span:nth-child(2) {
top: 8px;
}
#off-canvas-button span:nth-child(3) {
top: 16px;
}
#off-canvas-button.open span:nth-child(1) {
top: 7px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#off-canvas-button.open span:nth-child(2) {
opacity: 0;
left: 0px;
}
#off-canvas-button.open span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (min-width: 600px) {
/* nav reveal button */
#off-canvas-button {
position: absolute;
top: 24px;
right: 0px;
width: 32px;
height: 28px;
}
#off-canvas-button span:nth-child(2) {
top: 9px;
}
#off-canvas-button span:nth-child(3) {
top: 18px;
}
#off-canvas-button.open span:nth-child(1) {
top: 8px;
}
#off-canvas-button.open span:nth-child(3) {
top: 8px;
}
}
@media (min-width: 768px) {
#off-canvas-button {
display: none;
}
}
/* Off Canvas Navigation */
#site-wrapper {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100vh;
}
#site-canvas {
width: 100%;
height: 100%;
min-height: 100vh;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin: 0;
padding: 0;
}
.site-nav-left.show-nav #site-canvas {
-webkit-transform: translateX(230px);
transform: translateX(230px);
transform: translate3d(230px, 0, 0);
-webkit-transform: translate3d(230px, 0, 0);
}
.site-nav-right.show-nav #site-canvas {
-webkit-transform: translateX(-230px);
transform: translateX(-230px);
transform: translate3d(-230px, 0, 0);
-webkit-transform: translate3d(-230px, 0, 0);
}
#site-off-canvas {
width: 230px;
height: 100%;
min-height: 100vh;
position: absolute;
top: 0;
}
#site-off-canvas h3 {
text-transform: lowercase;
padding-left: 25px;
padding-right: 20px;
margin: 14px 0 10px 0;
font-size: 1.3rem;
font-weight: 100;
letter-spacing: 4px;
line-height: 42px;
text-align: right;
border-bottom: 0px;
}
#site-off-canvas p {
padding-left: 25px;
padding-right: 20px;
}
#site-off-canvas ul {
list-style: none;
}
@media (min-width: 480px) {
#site-off-canvas {
width: 260px;
}
.site-nav-left.show-nav #site-canvas {
-webkit-transform: translateX(260px);
transform: translateX(260px);
transform: translate3d(260px, 0, 0);
-webkit-transform: translate3d(260px, 0, 0);
}
.site-nav-right.show-nav #site-canvas {
-webkit-transform: translateX(-260px);
transform: translateX(-260px);
transform: translate3d(-260px, 0, 0);
-webkit-transform: translate3d(-260px, 0, 0);
}
}
@media (min-width: 768px) {
#site-off-canvas {
width: 280px;
}
.site-nav-left.show-nav #site-canvas {
-webkit-transform: translateX(280px);
transform: translateX(280px);
transform: translate3d(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
}
.site-nav-right.show-nav #site-canvas {
-webkit-transform: translateX(-280px);
transform: translateX(-280px);
transform: translate3d(-280px, 0, 0);
-webkit-transform: translate3d(-280px, 0, 0);
}
}
.site-nav-left #site-off-canvas {
right: 100%;
}
.site-nav-right #site-off-canvas {
left: 100%;
}
/* menu transition styles */
.ease { -webkit-transition: 240ms ease all; transition: 240ms ease all; }
.bounce { -webkit-transition: all 240ms cubic-bezier(0.32,1.25,0.375,1.15); transition: all 240ms cubic-bezier(0.32,1.25,0.375,1.15); }
.snap { -webkit-transition: all 220ms cubic-bezier(.694, .0482, .335, 1); transition: all 220ms cubic-bezier(.694, .0482, .335, 1); }
/* off canvas menu items (ul,li) */
.off-canvas-menu > a {}
.off-canvas-menu:not( :target ) > a:first-of-type,
.off-canvas-menu:target > a:last-of-type {
display: block;
}
/* first level */
.off-canvas-menu > ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
height: auto;
position: absolute;
left: 0;
right: 0;
}
.off-canvas-menu:target > ul {
display: block;
}
.off-canvas-menu li {
display: block;
position: relative;
margin: 0;
padding: 1px 0 0 0;
line-height: 4rem;
border-bottom: 0px;
}
.off-canvas-menu li a {
display: block;
width: 100%;
height: 100%;
text-align: left;
padding-left: 25px;
padding-right: 20px;
text-decoration: none;
}
.off-canvas-menu > ul > li {
padding-left: 10px;
padding-right: 10px;
background-color: #aaffff;
width: 100%;
float: none;
line-height: 2.5em;
}
.off-canvas-menu a .fa {
margin-left: 6px;
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-moz-transition: all 120ms linear;
-webkit-transition: all 120ms linear;
transition: all 120ms linear;
}
.off-canvas-menu a.sub-menu-visible .fa {
padding-left: 6px;
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* second level */
.off-canvas-menu li ul {
position: relative;
top: 100%;
z-index: 3;
}
.off-canvas-menu ul ul {
margin: 0;
}
.off-canvas-menu li ul > li {
width: 100%;
}
.off-canvas-menu ul ul a {
padding-left: 40px;
line-height: 2.0rem;
}
.sub-menu-link {}
@media (min-width: 480px) {}
@media (min-width: 768px) {}
/* HOME */
section {}
.bg-cover {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#home-slider.bg-cover {
height: 100vh;
}
.home-block {
margin-bottom: 60px;
}
.home-block-info {
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
max-width: 94%;
text-align: center;
}
.home-block-info p {
text-align: justify;
}
@media (min-width: 768px) {
.home-block-info {
margin-bottom: 35px;
max-width: 80%;
}
.home-block-info p {
text-align: center;
}
}
.grid-item {
position: relative;
}
.grid-item-caption {
position: absolute;
z-index:999;
opacity: 0;
margin: 0;
padding: 5px;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100%;
-moz-transition: opacity 120ms linear;
-webkit-transition: opacity 120ms linear;
transition: opacity 120ms linear;
}
.bxslider a.grid-item-link,
.bxslider a.grid-item-link:hover,
.bxslider .grid-item-caption,
a.grid-item-link:hover .grid-item-caption {
opacity: 0.88;
}
.grid-item-caption-inner {
position: relative;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
}
.grid-item-caption-inner-center {
position: absolute;
margin: 0;
width: 100%;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.grid-item-caption-inner h3,
.grid-item-caption-inner p {
text-align: center;
padding: 0 15%;
margin: 0;
}
@media (min-width: 600px) {
#home-slider.bg-cover {
height: 500px;
}
}
@media (min-width: 768px) {
#home-slider.bg-cover {
height: 400px;
}
}
@media (min-width: 992px) {
#home-slider.bg-cover {
height: 500px;
}
}
.product-icons {
text-align: center;
padding-left: 10px;
padding-right:10px;
}
.product-icons-image {
height:auto;
}
.product-icons-productfeatures {
margin: 20px auto 20px auto;
width: auto;
height: auto;
max-height: 90px;
}
.product-icons-clients {
margin: 20px auto 20px auto;
width: 80%;
height:auto;
}
#home-icons .product-icons-productfeatures {
margin-bottom: 0px;
}
#home-icons .product-icons-clients {
margin-top: 10px;
}
@media (min-width: 768px) {
.product-icons-image {
}
.product-icons-productfeatures {
margin-top: 25px;
margin-bottom: 25px;
}
.product-icons-clients {
margin-top: 25px;
margin-bottom: 25px;
}
#home-icons .product-icons-clients {
margin-top: 15px;
}
}
@media (min-width: 1200px) {
.product-icons-image {
}
.product-icons-productfeatures {
margin-top: 40px;
margin-bottom: 40px;
}
.product-icons-clients {
margin-top: 40px;
margin-bottom: 40px;
}
#home-icons .product-icons-clients {
margin-top: 20px;
}
}
.hero-header {
position: relative;
width: 100%;
height: auto;
}
.hero-header-title {
position: absolute;
margin: 0;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
max-width: 85%;
z-index:999;
}
#home-get-in-touch {
margin-top: 30px;
margin-bottom: 50px;
}
.bg-image {
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.curved-divider {
display: none;
}
.floating-block {
text-align: center;
padding: 30px 40px;
}
.floating-block-content {
}
@media (min-width: 500px) {
.floating-block {
padding: 30px 60px;
}
}
@media (min-width: 600px) {
#home-get-in-touch {
min-height: 320px;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 100px;
}
#home-get-in-touch.bg-image {
background-image: url('img/bg-water-fx_780.jpg');
}
.curved-divider {
display: block;
position: relative;
overflow: hidden;
line-height: 0;
z-index: 2;
pointer-events: none;
}
.curved-divider-top {
height: 80px;
width: 100%;
color: #ffffff;
z-index: 1;
top: 0;
}
.curved-divider svg:not(:root) {
overflow: hidden;
}
.curved-divider-flipY svg {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.curved-divider-flipX svg {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.curved-divider svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.curved-divider svg:not(:root) {
overflow: hidden;
}
.floating-block {
position: relative;
z-index:999;
margin-top: -90px;
background-color: #bbbbff;
padding: 35px 75px;
}
}
@media (min-width: 768px) {
#home-get-in-touch {
margin-top: 80px;
}
#home-get-in-touch.bg-image {
background-image: url('img/bg-water-fx_992.jpg');
}
.floating-block {
padding: 70px 90px;
}
}
@media (min-width: 992px) {
#home-get-in-touch {
margin-top: 90px;
}
#home-get-in-touch.bg-image {
background-image: url('img/bg-water-fx_1200.jpg');
}
.floating-block {
padding: 90px 120px;
}
}
@media (min-width: 1200px) {
#home-get-in-touch {
margin-top: 90px;
}
#home-get-in-touch.bg-image {
background-image: url('img/bg-water-fx_1500.jpg');
}
.floating-block {
padding: 100px 180px;
}
}
/* Catagory - special for products and normal categories */
.category-container {
margin-bottom: 70px;
}
.category-car-showrooms .category-content,
.fashion-retail .category-content,
.health-fitness .category-content,
.pubs-bars-resturants .category-content {
}
.category-item-image,
.category-item-image-link,
.category-item-image img {
font-size: 0;
content: "";
margin: 0 0 6px 0;
padding: 0;
}
.category-item-image img {
width: 100%;
height: auto;
}
.category-item-image-link {}
.category-item-text {
position: relative;
margin-bottom: 30px;
}
.category-item-text .text-container {
padding: 0px;
}
.category-item-text h2 {
margin: 0 10px;
padding: 0;
font-size: 2.7rem;
text-align: center;
}
.category-item-text p {
margin: 0 10px;
padding: 0;
text-align: justify;
}
.category-item-text p.category-item-text-nav {
padding: 0;
}
.category-item-text-nav a {
text-decoration: none;
}
a.category-item-text-link {
}
.category-description {
margin-bottom: 40px;
max-width: 728px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 600px) {
.category-item-text h2 {
font-size: 3.2rem;
}
}
@media (min-width: 768px) {
.category-item-image {
margin: 0;
}
.category-car-showrooms .text-container,
.category-fashion-retail .text-container,
.category-health-fitness .text-container,
.category-pubs-bars-resturants .text-container {
position: absolute;
margin: 0;
padding: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 86%;
}
.category-description {
margin-bottom: 60px;
}
.category-item-text {
margin-bottom: 0;
}
.category-item-text .text-container {
padding: 0px 20px 0px 20px;
}
.category-item-text h2 {
text-align: left;
font-size:2.9rem;
}
}
@media (min-width: 992px) {
.category-description {
margin-bottom: 80px;
}
.category-item-text .text-container {
padding: 25px 20px 0px 20px;
}
.category-item-text h2 {
font-size:3.8rem;
}
}
@media (min-width: 1200px) {
.category-item-text .text-container {
padding: 40px 30px 0px 30px;
}
.category-item-text h2 {
font-size:4.2rem;
}
}
/* Catagory: news/blog */
/* Products Posts */
.icon-download {
display: block;
float: right;
margin: 0 0 20px 25px;
}
.product-image {
position: relative;
z-index: 1;
}
.product-image-caption {
display: block;
position: absolute;
margin: 0;
padding: 0;
bottom: 4.5%;
left: 3.5%;
width: auto;
max-width: 90%;
z-index: 999;
}
.product-footer-image {
padding-top: 20px;
padding-bottom: 30px;
}
.product-footer-image img {
width: 100%;
height: auto;
}
.product-columns {
margin: 0 0 60px 0;
}
.product-desc {}
.product-specs {}
.product-desc h2 {
margin-bottom: 0.3rem;
}
.product-specs h3 {
margin-top: 3.5rem;
margin-bottom: 0.7rem;
}
.product-specs table {
line-height: 1.15em;
}
.product-specs td {
padding: 0 10px 8px 0;
vertical-align: top;
}
@media (min-width: 768px) {
.product-specs h3 {
font-size: 1.0em;
}
.product-specs table {
font-size: 0.84em;
line-height: 1.15em;
}
}
/* forms */
/* footer */
#grid-footer,
#footer-column-1 {}
#footer-column-2 {}
#footer-column-3 {}
#footer-column-3 a {
font-size: 0.90em;
line-height: 1.1em;
text-decoration: none;
}
#footer-credits {
font-size: 0.9em;
line-height: 1.1em;
}
.footer-logo {}
#grid-footer p,
#grid-footer h3,
#grid-footer td,
#grid-footer th {
margin: 0;
padding: 0;
}
#grid-footer table {
width: auto;
margin: 0 auto;
}
#grid-footer td {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 600px) {
#grid-footer table {
float: right;
padding-right: 0px;
}
#grid-footer table td {
text-align: right;
padding-right: 0px;
}
}
/*
* ----- BX SLIDER CORE -----
*
*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
/*margin-bottom: 60px;*/
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
.bxslider-block {
margin: 0 10px;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
width: 100%;
height: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 2%;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url('img/bx_loader.gif') center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #eee;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url('img/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
/*
background-position: 0 0;*/
}
.bx-wrapper .bx-next {
right: 10px;
background: url('img/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
filter: brightness(1.3);
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
filter: brightness(1.8);
transform: scale(1.1);
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url('img/controls.png') -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url('img/controls.png') -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
max-width: 85%;
}
@media (min-width: 768px) {
.bxslider-block {
margin: 0;
}
}
/* Box shadow fx */
.bxslider-block,
.grid-item,
.hero-header,
.bx-pager-link,
.floating-block {
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
}
.bx-caption,
.hero-header h1 {
-webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.40);
box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.40);
}
#digital-signage .grid-item {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.rounded-corners {
border-radius: 20px;
}