/* ======================================================================== Component: Content Styles ========================================================================== */ html{font:normal 18px / 24px Arial,Helvetica,sans-serif;background:#fff;color:#000} h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-weight:400;color:#444;text-transform:none} * + h1,* + h2,* + h3,* + h4,* + h5,* + h6{margin-top:25px} h1,.uk-h1{font-size:1.667rem;line-height:1.2; color:#1a8dc6} h2,.uk-h2{font-size:1.444em;line-height:1.4;color:#00437b; color:#333333} h3,.uk-h3{font-size:1.375rem;line-height:1.4;} h4,.uk-h4{font-size:1.111rem;line-height:1.4;color: #159ed3;} h5,.uk-h5{font-size:1rem;line-height:1.4;color:#f0533f} h6,.uk-h6{font-size:1rem;line-height:1.4;color:#159ed3;} h4.dark,.uk-h4.dark{color: #000;} .content h4{ margin-bottom:0;} .content h4 + p { margin-top:0;} .HomePage h2, .HomePage .uk-h2{line-height:1.07;color:#333333;} h2.step {color: #159ed3; margin-bottom:0} h2.step + h2 { margin-top:0;} footer .uk-h3 { color:#a5dcf2;font-size: 1.111rem;} h2.red { color:#be0712;} h2.blue { color:#1a8dc6;} /* a:link, a:visited { color: #000; } a:focus, a:hover { color: #000; } a:active{ color: #000; } */ .content ul { list-style-type:disc;} .content ol { list-style-type: decimal;} .content a:link, .content a:visited { color: #159ed3; text-decoration: none; } .content a:focus, .content a:hover { color: #7fcded;; text-decoration: none } .content a:active,.content a.uk-active{ color: #933b91; } .invert { color: #fff; } .invert a {color: #fff;} .invert a:hover,.invert a:focus {color:#7fcded; text-decoration:none} .invert a:active,.invert a.uk-active {color:#fff;} a.uk-link-primary:link, a.uk-link-primary:visited { background:#f0533f; color: #fff; } a.uk-link-primary:focus, a.uk-link-primary:hover { background:#f37565; color: #fff; } a.uk-link-primary:active{ background:#f37565; color: #fff; } a.uk-link-heading:link, a.uk-link-heading:visited { color:#f0533f; } a.uk-link-heading:focus, a.uk-link-heading:hover { color:#f37565; } a.uk-link-heading:active{ color:#f37565; } a.uk-link-more {font-family:'Museo500';font-size:.875rem;} a.uk-link-more:link, a.uk-link-more:visited { color:#f0533f; } a.uk-link-more:focus, a.uk-link-more:hover, a.uk-link-more:active{ color:#f0533f; text-decoration: underline; } h5 a:link, uk-h5 a:link, h5 a:visited, uk-h5 a:visited { color:#f0533f; } h5 a:focus, uk-h5 a:focus, h5 a:hover, uk-h5 a:hover, h5 a:active, uk-h5 a:active { color:#f37565; } .important { font-size: 2rem; } .footnote { font-size: .825rem; } .info, .lead { font-size: 1.222em; line-height: 1.2em; font-weight:400;} .info { color: #159ed3} .heading {font-size:1.111em; } .content .info a:link, .content .info a:visited { color: #159ed3; text-decoration: none; } .content .info a:focus, .content .info a:hover { color: #ccc; text-decoration: none } .content .info a:active,.content a.uk-active{ color: #ccc; } @media (min-width: 1220px) { .HomePage .column-1 { width: 46%} .HomePage .column-2 { width: 54%} } /* ======================================================================== Component: Layout ========================================================================== */ html {background:#1a8dc6;} #header { padding: 20px 0 20px 0; background: #fff; } #logo { padding: 0 0 0 0; } main { padding: 40px 0; border-top: 80px solid #7fcded; background: #fff;} .HomePage main, .ContactPage main { border-top: none; padding-top: 0; } #footer .footer-content { background:#159ed3; position:relative; padding: 40px 0; } #footer .copyright {background:#1a8dc6; padding: 30px 0 60px 0 } #footer ul.nav { margin-top: 15px; } #footer ul.nav li.important { font-size: 1.333rem; padding: 20px 0; } section.contact, section.home { padding-top: 40px;} section.products { padding-top: 20px;} .sidebar { background: #efefef; padding: 20px; border-radius: 5px;} .item-count { color:#159ed3} #staff .item { margin-bottom: 60px;} #staff .item-image { margin-bottom: 20px;} #projects .item-image { margin-bottom: 20px;} #projects .item-title { font-size:1.111rem;line-height:1.4;color: #159ed3 } #projects .item-location { font-size:1.111rem;line-height:1.4; } #payments { padding-top: 20px; } .payment-logo { display:inline-block; text-indent:-99999px; width:72px; height:45px; margin-right: 20px; background-size:cover; background-repeat:no-repeat; background-position: center center;} .visa { background-image: url('../images/visa-credit-card-large.png'); } .mastercard { background-image:url('../images/mastercard-credit-card-large.png');} .paypal { background-image:url('../images/paypal-credit-card-large.png');} .media-responsive { height: 0; position: relative; } .media-responsive iframe { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (min-width: 960px) { #header { padding: 30px 0 0 0 } #logo { padding: 4px 0 30px 0; } } @media (min-width: 1220px) { #logo { padding-top: 19px; } .topnav {margin-bottom:10px} } @media (min-width: 1600px) { .f-contact-holder { padding-left: 50px } } /* ========================================================================== Navigation (default settings) ========================================================================== */ ul.nav {display:inline-block;} ul.nav,ul.nav li,ul.nav ul{margin:0;padding:0;list-style-type:none} ul.nav ul{display: block;opacity:0;position:absolute;left:0;visibility:hidden;z-index: 98;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;} ul.nav > li:last-child ul {right:0;left:auto} ul.nav > li > a{z-index:95; } ul.nav > li{z-index:96} ul.nav li{position:relative;display:block;} ul.nav li.right { float: right; } ul.nav a{display:block; } ul.nav ul a{text-align:left} ul.nav li.hover > ul, ul.nav li:hover > ul{opacity:1;visibility:visible;} ul.nav ul ul{z-index:97;top:1px;left:94%; -webkit-box-shadow: -1px -1px 3px 0 rgba(50, 50, 50, 0.2); -moz-box-shadow: -1px -1px 3px 0 rgba(50, 50, 50, 0.2); box-shadow: -1px -1px 3px 0 rgba(50, 50, 50, 0.2); } ul.nav ul a{white-space:nowrap} ul.nav ul li{width:100%;white-space:nowrap;float:none;display:block} ul.nav-horizontal { font-size: 0px; } ul.nav-horizontal li { font-size: 1rem; } ul.nav-horizontal > li { display: inline-block; } ul.nav-horizontal a{text-align:center;display:block; } ul.nav-right { text-align: right; } ul.subnav ul{display: block;opacity:1;position:relative;left:auto;visibility:visible;} ul.subnav ul ul { position:relative;left:auto;top:auto;box-shadow: none; } .nav-multistep { font-size: 0px; } .nav-multistep li { font-size: 1rem; } .nav-multistep a { text-decoration:none; } .nav-multistep > li, .nav-multistep > li > * { display: inline-block; } @media (min-width: 960px) { ul.nav-vertical-large > li { display: block } } @media (min-width: 1220px) { ul.nav-vertical-xlarge > li { display: block } } /* ======================================================================== Navigation: Styles ========================================================================== */ .topnav ul.nav { min-height:2px; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; align-items:center; -ms-flex-pack: flex-end ; -webkit-justify-content: flex-end ; justify-content: flex-end ;} .topnav ul.nav > li {flex-shrink: 1; } .topnav .nav > li > a { display:inline-block; line-height: 1em; padding: 0 10px; font-size: 1.111em } .topnav .nav > li:last-child > a { padding-right: 0; } .topnav [class*="uk-icon-"] { font-size: 1em } .topnav .nav a:link, .topnav .nav a:visited { color: #000; } .topnav .nav > li > a:focus, .topnav .nav > li > a:hover, .topnav .nav > li:hover > a { color: #159ed3; text-decoration:none; } .topnav .nav > li > a:active, .topnav .nav > li.uk-active > a { color: #159ed3; } .topnav .nav a.phone {font-size: 1.7em;} /* .topnav .nav a.phone:link, .topnav .nav a.phone:visited { color: #159ed3;} .topnav .nav > li > a.phone:focus, .topnav .nav > li > a.phone:hover, .topnav .nav > li:hover > a.phone { color: #0063a5; text-decoration:none; } */ .catnav .nav > li:last-child { padding-top: 20px; } @media (min-width: 1220px) { .topnav .nav > li > a {padding: 0 20px;} .topnav .nav > li.cart > a, .topnav .nav > li:last-child > a { padding-right: 0; } } .mainnav ul.nav { min-height:2px; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; -ms-flex-pack: flex-end ; -webkit-justify-content: flex-end ; justify-content: flex-end ;} .mainnav ul.nav > li {flex-shrink: 1; } .mainnav .nav { position:relative; } .mainnav .nav a { text-decoration:none;} .mainnav .nav > li > a { height: 90px; line-height: 90px; padding:0 20px; white-space: nowrap; font-size: 1.375em;} @media (min-width: 1600px) { .mainnav .nav > li > a { padding:0 40px;} } .mainnav .nav > li:last-child > a { padding-right: 0; } .mainnav .nav a:link, .mainnav .nav a:visited { color: #000; text-decoration:none;} .mainnav .nav > li > a:focus, .mainnav .nav > li > a:hover, .mainnav .nav > li > a.uk-open, .mainnav .nav > li:hover > a { color: #159ed3; } .mainnav .nav > li > a:active, .mainnav .nav > li.uk-active > a { color: #159ed3; } .mainnav .nav-dropdown { background: #159ed3; padding: 20px; min-width: 200px; } .mainnav .nav .nav-dropdown a { padding-top: 8px; } .mainnav .nav .nav-dropdown li:first-child > a { padding-top: 0; } .mainnav .nav .nav-dropdown a:link, .mainnav .nav .nav-dropdown a:visited { color: #fff; } .mainnav .nav .nav-dropdown a:hover, .mainnav .nav .nav-dropdown a:focus { color: #7fcded; } .sidebar .nav a {padding-bottom: 10px; text-decoration:none; font-size: 1.222em;} .sidebar .nav a:link, .sidebar .nav a:visited { color: #333333; text-decoration:none;} .sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover, .sidebar .nav > li > a.uk-open, .sidebar .nav > li:hover > a { color: #159ed3; } .sidebar .nav > li > a:active, .sidebar .nav > li.uk-active > a { color: #159ed3; } .catnav .nav a:link, .catnav .nav a:visited { color: #333333; text-decoration:none;} .catnav .nav > li > a:focus, .catnav .nav > li > a:hover, .catnav .nav > li > a.uk-open, .catnav .nav > li:hover > a { color: #159ed3; } .catnav .nav > li > a:active, .catnav .nav > li.uk-active > a { color: #159ed3; } .mainnav .nav-dropdown::before { border-bottom: 20px solid #159ed3; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; display: inline-block; left: 50px; position: absolute; top: -20px; } .uk-offcanvas-bar { min-width: 270px; width: 70%; max-width: 350px; background:#1a8dc6; box-shadow: 0 0 5px #000; padding-top:8px;} .offcanvasnav .nav { display:block; } .offcanvasnav .nav > li > a { padding: 5px 15px; } .offcanvasnav .nav ul { padding-left: 15px; font-size: 0.875rem; } .offcanvasnav .nav ul a { padding: 5px 15px; white-space: normal; line-height: 1.2em } .uk-offcanvas-page .mainnav { display: none; } .navbar-toggler { position: absolute; right: 0; top: 0; padding: 5px 0 !important; width: 30px; } .navbar-toggler::before { display:block; width:100%; text-align: center} .accountnav ul.nav, .accountnav .memberdetails dd { margin-bottom: 20px; } .nav-multistep{background-color:transparent;padding:0;margin-bottom: 30px;} .nav-multistep li::after{display:inline-block;content:'\00bb';margin:0 10px;color:#666} .nav-multistep li:last-of-type::after{display:none} .nav-multistep li {color:#000;} .nav-multistep li.current ~ li {color:#d6d6d6;} .nav-multistep li.current ~ li a {color:#d6d6d6;} .nav-multistep li.current{color:#1a8dc6} @media only screen and (min-width: 1600px) { .nav-multistep{background-color:#fff;padding:0;margin-bottom:30px;display:flex;} .nav-multistep li{padding:15px 15px 15px 35px;position:relative;display:inline-block;text-decoration:none;margin-left:3px;text-align:center;text-decoration:none;flex-grow: 1;} .nav-multistep li a {color:#fff;text-decoration:none} .nav-multistep li:first-child{margin-left:0;padding-left:35px} .nav-multistep li:last-child{padding-right:35px;} .nav-multistep li::before{width:0;height:0;border-top:27px inset transparent;border-bottom:27px inset transparent;border-left:20px solid #FFF;position:absolute;content:"";top:0;left:0} .nav-multistep li::after{margin:0;width:0;height:0;border-top:27px inset transparent;border-bottom:27px inset transparent;border-left:20px solid #1a8dc6;position:absolute;content:"";top:0;right:-20px;z-index:2} .nav-multistep li:first-child::before, .nav-multistep li:last-child::after{border:none} .nav-multistep li:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} .nav-multistep li:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0} .nav-multistep li {color:#fff;background:#666;} .nav-multistep li::after {border-left-color:#666} .nav-multistep li.current ~ li {color:#000;background:#d6d6d6;} .nav-multistep li.current ~ li a {color:#000;} .nav-multistep li.current ~ li::after {border-left-color:#d6d6d6;} .nav-multistep li.current{background:#1a8dc6;color:#fff} .nav-multistep li.current::after{border-left-color:#1a8dc6!important} _:-ms-fullscreen,:root .nav-multistep li::after{right:-29px} /* .nav-multistep.small{margin-bottom:15px} .nav-multistep.small li{padding:18px 35px} .nav-multistep.small li::before{border-top:15px inset transparent;border-bottom:15px inset transparent;border-left:15px solid #FFF} .nav-multistep.small li::after{border-top:15px inset transparent;border-bottom:15px inset transparent;border-left:15px solid #e5f4f3;right:-15px} .nav-multistep.small li:first-child::before, .nav-multistep.small li:last-child::after{border:none} _:-ms-fullscreen,:root .nav-multistep.small li::after{right:-14px} */ } /* ======================================================================== Shop ========================================================================== */ .fieldgrouphorizontal { } .product-holder .price { margin-bottom: 40px} .product-holder .price .value {font-size:2em; line-height:1em;color: #159ed3;font-weight: normal;text-decoration: none; } .product-holder .price.dark .value {color:#000} #price-holder .uk-panel.price { background:#f7fcff;} #price-header .uk-panel.priceretail, #price-holder .uk-panel.priceretail {line-height:2rem; background: #fff1ec url('../images/retailprice.png') no-repeat right 20px center;} .priceretail { color:#ff7f50;} .priceretail .value {font-size:1.667em; } .priceretail p:last-child { margin-bottom:0;} .product-holder img { width: 100%; height: auto; } .product-image { margin-bottom: 20px; } .productInfoHolder { padding-top: 25px} .productSelect { padding-top: 40px; } @media (min-width: 480px) { .blinds .productTitle { min-height: 70px; } } .imageoptionset { list-style: none; padding:0;} .imageoptionset li label { cursor:pointer;} .imageoptionset li img { border:2px solid transparent; } .imageoptionset li.active img { border:2px solid #9dd8f1; } .imageoptionset li > label.image { margin-bottom: 20px; display:block; position:relative; background-color: transparent; text-align:center;} @media (min-width: 768px) { .AccountPage.order .accountnav { padding-top: 51px; } } @media (min-width: 1220px) { .uk-grid-width-xlarge-1-2.imageoptionset > li { padding:0 54px} .uk-grid-width-xlarge-1-2.imageoptionset > li.description.content { padding:0 20px} } @media (min-width: 1600px) { .uk-grid-width-xlarge-1-2.imageoptionset > li { padding:0 65px} } .imageoptionset input[type="radio"] { opacity:0; position:absolute} .imageoptionset input[type="radio"] + label { display:block; text-align: center;} .imageoptionset input[type="radio"] + label span { padding: 4px 8px; border-radius: 2px; color: #333333; /* background: #e5e5e5; */ display:inline-block; } .imageoptionset input[type="radio"]:checked + label span { background: #9dd8f1; } .imageoptionset li:hover input[type="radio"] + label span { background: #9dd8f1; } .imageoptionset li > label.image .viewlarge {position:absolute;top:4px;right:4px;} /* .imageoptionset li { width:12.5%; display:block; float:left; } @media (min-width: 960px) { .imageoptionset li img { max-width: 200px; } } */ #BlindForm_Form_OptionChainDropID.imageoptionset input[type="radio"] + label { line-height: 34px} #summary { color: #159ed3} #summary label { color: #000; min-width: 220px; display:inline-block} #price-header, #YourOrderSpecifications {position:relative;} #price-header.loading::after, #YourOrderSpecifications.loading::after { content:'';position:absolute;top:0;left:0;bottom:0;right:0; background: rgba(255,255,255,.75) url('../images/loading.gif') no-repeat center center } #price-header.loading::after { background-position: top 20px center} #AddProductForm_Form_Quantity { max-width: 250px; } #Product .uk-tab a { font-size:1.2em; } #Account_order > h2 { padding-right: 100px } .cartfooter { padding-top: 60px } .cart tfoot { font-size:1.2em } .cart tfoot th { font-weight:normal;} .cart tfoot th, .cart tfoot td { text-align: right; } .cart tfoot tr:not(:nth-last-child(2)) th, .cart tfoot tr:not(:nth-last-child(2)) td { border-bottom: none} .cart tfoot tr:last-child th, .cart tfoot tr:last-child td { color: #159ed3 } .cart tfoot tr.gap td, .cart tfoot tr.gap th { padding-top: 20px; } .cart thead th:last-child, .cart tbody td:last-child { text-align: right; } .cart tbody .uk-visible-small td:last-child { text-align: left; } .cart thead th:nth-last-child(3), .cart thead th:nth-last-child(2), .cart tbody td:nth-last-child(3), .cart tbody td:nth-last-child(2) { text-align: center; } .cart .description { font-size: .875em; } .cartsummary th:nth-child(n+2) { text-align: center } .cartsummary tbody td:nth-child(1) { min-width: 50%} /* product */ .cartsummary tbody td:nth-child(2) { text-align: center} /* unit price */ .cartsummary tbody td:nth-child(3) { text-align: center} /* qty */ .cartsummary tbody td:last-child, .cartsummary thead th:last-child { text-align: right } /* total price */ .cartsummary tbody td:first-child { text-align: left; } .cart .image a:hover { text-decoration: none !important; } .cart.totalsretail {color:#ff7f50;font-size:0.825rem; } .cart.totalsretail tfoot tr:last-child th, .cart.totalsretail tfoot tr:last-child td {color:#ff7f50;} .cart.totalsretail .heading { padding-bottom:15px; display:block; } .cart.totalsretail tfoot tr:first-child th, .cart.totalsretail tfoot tr:first-child td { padding-top: 40px;} .cart.totalsretail tfoot tr th , .cart.totalsretail tfoot tr td { border-bottom:none } .cart.totalsretail th, .cart.totalsretail td { padding:4px; } .cartsummary + .cart.totalsretail tfoot tr:first-child th, .cartsummary + .cart.totalsretail tfoot tr:first-child td {border-top: 2px solid #e5e5e5;} #action_setpaymentmethod { float: right; } #CheckoutForm_ShippingAddressForm_SilverShop-Checkout-Component-ShippingAddress_Country_readonly_Holder, #CheckoutForm_BillingAddressForm_SilverShop-Checkout-Component-BillingAddress_Country_readonly_Holder { display:none;} table.infotable tr.totalsretail td { text-align:right;border:none; padding: 0px 5px} .isinvoice tr.totalsretail td { display:none; } #bank-deposit-needed-statement.infotable tr td, #bank-deposit-needed-statement.infotable tr th { width:50% } /* ================================================================================================================================================ Component: Button ==================================================================================================================================================== */ input.action, .uk-button{margin:0;border:none;border-radius:5px;overflow:visible;font:inherit;color:inherit;text-transform:none;display:inline-block;box-sizing:border-box;padding:2px 30px;vertical-align:middle;font-size:1.333rem;text-align:center;text-decoration:none;transition:.1s ease-in-out;transition-property:color,background-color,border-color} input.action:not(:disabled), .uk-button:not(:disabled){cursor:pointer} input.action::-moz-focus-inner, .uk-button::-moz-focus-inner{border:0;padding:0} input.action:hover, .uk-button:hover{text-decoration:none} input.action:focus, .uk-button:focus{outline:none} .uk-button-group{display:inline-flex;vertical-align:middle;position:relative} .uk-button-group > .uk-button:nth-child(n+2),.uk-button-group > div:nth-child(n+2) .uk-button{margin-left:-1px} .uk-button-group .uk-button:hover,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:active,.uk-button-group .uk-button.uk-active{position:relative;z-index:1} /* Style modifiers ==================================================================================================================================================== */ input.action, .uk-button { white-space:nowrap;text-decoration:none !important; padding:10px 20px } input.action,.uk-button,.uk-button:link,.uk-button:visited{ text-decoration:none;} .uk-button-icon { padding-left: 20px } .uk-button-icon-only { padding: 0px } .uk-button-default{background-color:#d6d6d6;color:#666;} .uk-button-default:hover,.uk-button-default:focus{background-color:#666;color:#fff;} .uk-button-default:active,.uk-button-default.uk-active{background-color:#666;color:#fff;} .uk-button-default.invert{background-color:#666;color:#fff;} .uk-button-default.invert:hover,.uk-button-default.invert:focus{background-color:#d6d6d6;color:#666;} .uk-button-default.invert:active,.uk-button-default.invert.uk-active{background-color:#d6d6d6;color:#666;} .uk-button-addtocart{background-color:#1a8dc6;color:#fff;} .uk-button-addtocart:hover,.uk-button-addtocart:focus{background-color:#7fcded;color:#fff} .uk-button-addtocart:active,.uk-button-addtocart.uk-active{background-color:#7fcded;color:#fff} .uk-button-primary,.uk-button-primary:focus{background-color:#1a8dc6;color:#fff;} .uk-button-primary:hover{background-color:#7fcded;color:#fff} .uk-button-primary:active,.uk-button-primary.uk-active{background-color:#7fcded;color:#fff} .uk-button-secondary{background-color:#e6e6e6;color:#333;} .uk-button-secondary:hover,.uk-button-secondary:focus{background-color:#CCCCCC;color:#333} .uk-button-secondary:active,.uk-button-secondary.uk-active{background-color:#CCCCCC;color:#333} .content .uk-button-secondary:link, .content .uk-button-secondary:visited{background-color:#e6e6e6;color:#333; font-size: 1.111rem} .content .uk-button-secondary:hover,.content .uk-button-secondary:focus{background-color:#CCCCCC;color:#333} .content .uk-button-secondary:active,.content .uk-button-secondary.uk-active{background-color:#CCCCCC;color:#333} [class*='uk-button-icon-']::before {font-family:FontAwesome;font-size:1em;display:inline-block;padding-right:15px;} .uk-button-icon-file::before {content:"\f0f6";} .uk-button-icon-arrows::before {content:"\f0b2";} .uk-button-icon-wrench::before {content:"\f0ad";} .uk-button-icon-cogs::before {content:"\f085";} .uk-button-icon-chevron-left::before {content:"\f053";} .uk-button-icon-chevron-right::after {content:"\f054";font-family:FontAwesome;font-size:1em;display:inline-block;padding-left:10px} .content .uk-button-secondary { margin: 10px 0; } .uk-button-default:disabled,.uk-button-primary:disabled{background-color:transparent;color:#999;} input.action, .uk-button-submit{background-color:#1a8dc6;color:#fff;} input.action:hover,input.action:focus, .uk-button-submit:hover,.uk-button-submit:focus{background-color:#7fcded;color:#fff} input.action:active,input.action.uk-active, .uk-button-submit:active,.uk-button-submit.uk-active{background-color:#7fcded;color:#fff} .uk-button-print { position: absolute; top:0;right:0;} /* Size modifiers ==================================================================================================================================================== */ .uk-button-small{padding:0 15px;line-height:28px; font-size:1rem} .uk-button-large{padding:0 40px;line-height:53px;} /* ======================================================================== Component: Form ========================================================================== */ .btn-toolbar { padding-top: 20px; } .field .description { font-size: .825em; color: #666; } .uk-form-panel > form > fieldset { display: block; background: #efefef; padding: 20px; border-radius: 5px; } .uk-form-large select, .uk-form-large textarea { width: 100%; min-height: 40px;} .uk-form-large input[type="text"], .uk-form-large input[type="password"], .uk-form-large input[type="email"], .uk-form-large input[type="url"], .uk-form-large input[type="search"], .uk-form-large input[type="tel"] { width: 100%; padding: 10px 10px; min-height: 40px;} .uk-form-large input[type="number"] { min-height: 40px; } .uk-form-large .fieldholder-small input[type], .uk-form-large .fieldholder-small input[type="number"], .uk-form-large .fieldholder-small input[type="text"] { width: 70%; } .uk-form-row.holder-required label:first-of-type::after, .uk-form-row.required label:first-of-type::after { content: '*'; color: #FF0000; font-size: 1.2em; vertical-align: baseline; padding-left: 4px; } .uk-form input[type="checkbox"] {opacity:0; position:absolute} .uk-form input[type="checkbox"] + label::before {content:"\f096";font-family:FontAwesome;font-size:1.4em;display:inline-block;width:1.4em;color:#333;vertical-align:bottom} .uk-form input[type="checkbox"]:checked + label::before {content:"\f14a";color:#159ed3;} .optionset.pretty, .optionset.pretty li { padding:0;margin:0;list-style-type:none} .optionset.pretty > li { padding-bottom: 10px;} .optionset.pretty > li:last-child {padding-bottom: 0;} .optionset.pretty input[type="radio"] { opacity:0; position:absolute} .optionset.pretty input[type="radio"] + label::before {content:"\f10c";font-family:FontAwesome;font-size:1.4em;display:block;margin-right:15px;margin-bottom:10px;color:#ccc;float:left} .optionset.pretty input[type="radio"]:checked + label::before {content:"\f192";color:#159ed3; } #Form_ShippingMethodForm_Notes_Holder { margin-top: 20px } #BlindForm_Form_Width, #BlindForm_Form_Drop { width: 60%; } #SeperateBilling_Holder { margin-top: 15px; } #EnterYourBlindMeasurements p.description { margin-top: 30px; } #Form_ShippingMethodForm_ShippingMethodID_Holder > h3:first-child::before {content:"\f0d1";font-family:FontAwesome;display:inline-block;margin-right:15px;} #CheckoutForm_PaymentMethodForm_PaymentMethod_Holder > h3:first-child::before {content:"\f09d";font-family:FontAwesome;display:inline-block;margin-right:15px;} #PaymentForm_PaymentForm #Expiry { margin-top: 20px } #PaymentForm_PaymentForm > fieldset { position:relative} #PaymentForm_PaymentForm > fieldset::before { content:"Make Payment";font-size:1.444em;line-height: 1.4;display:block; margin-bottom:15px; padding-left:40px;} #PaymentForm_PaymentForm > fieldset::after {content:"\f09d";font-family:FontAwesome;font-size:1.444em;line-height: 1.4;display:block;position:absolute;top:20px;left:20px;width:35px;height:35px} #CheckoutForm_CouponForm > fieldset { position:relative} #CheckoutForm_CouponForm > fieldset::before { content:"Discount";font-size:1.444em;line-height: 1.4;display:block; margin-bottom:15px; padding-left:40px;} #CheckoutForm_CouponForm > fieldset::after {content:"\f02b";font-family:FontAwesome;font-size:1.444em;line-height: 1.4;display:block;position:absolute;top:20px;left:20px;width:35px;height:35px} #OrderActionsForm_ActionsForm { margin-top:30px} #OrderActionsForm_ActionsForm #Expiry { margin-top: 20px } #OrderActionsForm_ActionsForm > fieldset { position:relative} #OrderActionsForm_ActionsForm #OrderActionsForm_ActionsForm_MakePaymentHeader { margin-top:0} #OrderActionsForm_ActionsForm #OrderActionsForm_ActionsForm_MakePaymentHeader::before {content:"\f09d";font-family:FontAwesome;display:inline-block;padding-right:10px} #OrderActionsForm_ActionsForm #OrderActionsForm_ActionsForm_PaymentMethod_Holder {margin: 20px 0} #action_submitpayment { width:100%; padding: 18px 20px; } #action_checkoutSave::after {content:"\f078";font-family:FontAwesome;font-size:1em;display:inline-block;margin-left:10px} #Form_RegisterForm_Address_Holder::before, #Form_RegisterForm_FirstName_Holder::before, #Form_RegisterForm_Password_Holder::before { content:""; color:#159ed3;font-size:1.111em;line-height:1.4;display:block; margin:30px 0 10px 0;} #Form_RegisterForm_Address_Holder::before { content:"Business Address";} #Form_RegisterForm_FirstName_Holder::before { content:"Contact Name"; } #Form_RegisterForm_Password_Holder::before { content:"Password"; } #Form_RegisterForm_BusinessName_Holder > label { color:#159ed3;font-size:1.111em;line-height:1.4} @media (max-width: 479px) { #BlindForm_Form_Width, #BlindForm_Form_Drop { width: 100%; } #EnterYourBlindMeasurements .fieldholder-small label { display:block;} } .uk-error > input { border-color:#FF0000 !important; border-width: 2px !important; /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important; */ } .uk-error .imageoptionset li.active img { border-color:#FF0000 !important; } .uk-validate { font-size:.825em; color:#F00; font-weight: normal; } .imageoptionset + .uk-validate { padding-top: 10px } /* ======================================================================== Component: Prettydropdown ========================================================================== */ .prettydropdown{position:relative;min-width:72px;display:inline-block} .prettydropdown.loading{min-width:0} .prettydropdown > ul{position:absolute;top:0;left:0;background:#fff;border:1px solid #ddd; border-radius:4px;box-sizing:content-box;color:#000;cursor:pointer;font:normal 18px Calibri,sans-serif;list-style-type:none;margin:0;padding:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1} .prettydropdown.loading > ul{visibility:hidden;white-space:nowrap} .prettydropdown > ul:focus,.prettydropdown:not(.disabled) > ul:hover{border-color:#99baca;background:#f5fbfe} .prettydropdown:not(.disabled) > ul.active{width:auto;max-height:none!important;border-color:#99baca;overflow-x:hidden;overflow-y:auto;z-index:99} .prettydropdown > ul.active:focus{outline:none} .prettydropdown > ul.active.reverse{top:auto;bottom:0} .prettydropdown > ul > li{position:relative;min-width:70px;height:48px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-sizing:border-box;display:none;line-height:46px;margin:0;padding-left:.8rem} .prettydropdown.loading > ul > li{min-width:0;display:block;padding-right:.8rem} .prettydropdown > ul:not(.active) > li:not(.selected):first-child{visibility:hidden} .prettydropdown > ul > li:first-child,.prettydropdown > ul.active > li{display:block} .prettydropdown > ul.active > li:not(.label):hover,.prettydropdown > ul.active > li.hover:not(.label),.prettydropdown > ul.active > li:first-child:hover:after{background:#1e90ff;color:#fff} .prettydropdown > ul.active > li.nohover{background:inherit!important;color:inherit!important} .prettydropdown > ul.active > li.hover:before,.prettydropdown > ul.active > li.nohover:after{border-top-color:#fff!important} .prettydropdown > ul.active > li.hover:after,.prettydropdown > ul.active > li.nohover:before{border-top-color:#1e90ff!important} .prettydropdown.arrow > ul > li.selected:before,.prettydropdown.arrow > ul > li.selected:after{position:absolute;top:8px;bottom:0;right:8px;height:16px;border:8px solid transparent;box-sizing:border-box;content:'';display:block;margin:auto} .prettydropdown.arrow.small > ul > li.selected:before,.prettydropdown.arrow.small > ul > li.selected:after{top:4px;height:8px;border-width:4px} .prettydropdown.arrow > ul > li.selected:before{border-top-color:#a9a9a9} .prettydropdown.arrow > ul > li.selected:after{top:4px;border-top-color:#fff} .prettydropdown.arrow.small > ul > li.selected:after{top:2px} .prettydropdown.arrow.triangle > ul > li.selected:after{content:none} .prettydropdown > ul:hover > li.selected:before{border-top-color:#7f7f7f} .prettydropdown > ul.active > li.selected:before,.prettydropdown > ul.active > li.selected:after{border:none} .prettydropdown > ul:not(.active) > li > span.checked{display:none} .prettydropdown.multiple > ul > li.selected{overflow:hidden;padding-right:2rem;text-overflow:ellipsis;white-space:nowrap} .prettydropdown > ul > li > span.checked{clear:both;float:right;font-weight:700;margin-right:.8rem} .prettydropdown > ul > li.label{cursor:default;font-weight:700} .prettydropdown > ul > li.label:first-child,.prettydropdown.classic > ul > li.label ~ li.selected{border-top:none} .prettydropdown > ul > li.label ~ li:not(.label):not(.selected),.prettydropdown.classic > ul.active > li.label ~ li:not(.label){padding-left:1.6rem} .prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child){position:absolute;top:0;display:block} .prettydropdown.disabled,.prettydropdown > ul > li.disabled{opacity:.3} .prettydropdown.disabled > ul > li,.prettydropdown > ul > li.disabled{cursor:not-allowed} .prettydropdown.multiple > ul > li.selected + li,.prettydropdown.multiple > ul.reverse > li.selected,.prettydropdown > ul > li.label,.prettydropdown > ul > li.label ~ li.selected{border-top-color:#dedede} /* ======================================================================== Component: Slide ========================================================================== */ .uk-slideshow > li { min-height: 300px; max-height: 500px; } @media (min-width: 768px) { .uk-slideshow > li { min-height: 500px; max-height: 700px; } } @media (min-width: 1220px) { .uk-slideshow > li { min-height: 700px; max-height: 700px; } } /* ======================================================================== Component: UIKit modifiers ========================================================================== */ #addedtocart .uk-modal-dialog > .uk-grid > div { padding: 20px; background:#f7fcff} #addedtocart .uk-modal-dialog > .uk-grid > div:first-child { background:#fff;} #addedtocart .uk-modal-dialog h4 { margin-bottom: 40px; } .uk-modal-dialog { width: 90%;padding:0; position:relative } .uk-modal-dialog > .uk-close:last-child { float:none; position:absolute;top:5px;right:5px;} @media (min-width: 960px) { .uk-modal-dialog { width: 80%; } } @media (min-width: 1220px) { .uk-modal-dialog { width: 60%; } } [class^="icon-"] + span, [class*="icon-"] + span, [class^="uk-icon-"] + span, [class*="uk-icon-"] + span { margin-left: .3em} fieldset { border:none;padding:0} .uk-panel { padding: 20px;border-radius: 5px; background:#f7f7f7; margin-bottom: 40px; } .uk-panel-dark { background:#efefef } .uk-table th, .uk-table td { border-bottom: 2px solid #e5e5e5} .uk-button-icon-only {padding: 0px;} @media (max-width: 767px) { .uk-table .no-border-small th, .uk-table .no-border-small td { border-bottom: none; } } @media print { @page {size: A4 portrait;} .uk-position-relative {position:static !important; } .AccountPage.order header, .noprint, .topnav, .mainnav, .ordercontent img { display:none;} .uk-grid {display:block} main { border-top-width: 0 } #print-header { margin-bottom: 0.5cm } #print-header img { max-width: 5cm !important} #job-header p { font-size:12px; line-height:normal; margin: 10px 0;} #job-header + h2 { font-size: 12px; margin: 10px 0; font-weight:bold; } #Account_order p.footnote { font-size:12px} #ShippingTable td, #InformationTable th, #InformationTable td { line-height:1.2em} #InformationTable thead, #InformationTable tfoot {display: table-row-group} #bank-deposit-needed-statement.infotable tr td, #bank-deposit-needed-statement.infotable tr th { padding: 3px; line-height:1em} .page > .uk-container > .uk-grid > .uk-width-medium-3-4 { width: 100% !important;} .uk-print-1-1 { width: 100% !important; } .uk-visible-print { display: block !important; } table, table tr td, table tr th { page-break-inside: auto; } .alloptions { line-height:1em} .alloptions div {display: inline-block !important; font-size:.825em;} .alloptions div label {font-weight: bold;} .alloptions div::after {content: ",";padding-right: 5px;} .alloptions div:last-child::after {content: ".";} }