/* ADJUSTMENTS -------------------------------- */ .margin20_bottom {margin-bottom:20px;} .margin10_bottom {margin-bottom:10px;} .margin15_bottom {margin-bottom:15px;} .margin5_bottom {margin-bottom:5px;} .margin0_bottom {margin-bottom:0px !important;} .margin15_top {margin-top:15px;} .margin10_top {margin-top:10px;} .margin5_top {margin-top:5px;} .margin3_top {margin-top:3px;} .margin0_top {margin-top:0px !important;} .margin30n_top {margin-top:-30px;} .margin0_left {margin-left:0px !important;} .margin10_left {margin-left:10px;} .margin15_left {margin-left:15px;} .margin20_left {margin-left:20px;} .margin30_left {margin-left:30px;} .margin5_right {margin-right:5px;} .margin10_right {margin-right:10px;} .margin15_right {margin-right:15px;} .margin20_right {margin-right:20px;} .margin0 {margin:0 !important;} .margin5 {margin:5px;} .gutter0 {padding-left:0px !important; padding-right:0px !important;} .pad5 {padding:5px;} .pad10 {padding:10px;} .pad20 {padding:20px;} .pad20_bottom {padding-bottom:20px;} .pad10_bottom {padding-bottom:10px;} .pad15_bottom {padding-bottom:15px;} .pad5_bottom {padding-bottom:5px;} .pad0_bottom {padding-bottom:0px;} .pad15_top {padding-top:15px;} .pad0_left {padding-left:0px !important;} .pad5_left {padding-left:5px;} .pad10_left {padding-left:10px;} .pad20_left {padding-left:20px;} .pad15_left {padding-left:15px;} .pad40_left {padding-left:40px;} .pad0_right {padding-right:0px !important;} .pad5_right {padding-right:5px;} .pad10_right {padding-right:10px;} .pad15_right {padding-right:15px;} .pad20_right {padding-right:20px;} .block_right {float:right; display:block;} .display_block {display:block;} .display_inline {display:inline;} .inline_block {display:inline-block;} .float_right {float:right !important;} .eleHidden {display:none;} .rowx {clear:left; float:left; width:100%;} .clip {overflow:hidden;} .last {margin-right:0px !important; padding-right:0px !important;} .width_100pc {width:100%;} .width_95pc {width:95%;} .for_centering {float:right; position:relative; left:-50%; text-align:left;} .elements {position:relative; left:50%;} /* 2. Navigation .................................................................................................................. */ .basket {float:left; padding:5px 5px 0px 10px; font-size:14pt; color:#77b8e0; /* xmas... #40331b; */ /*text-shadow: -1px 1px 0 #5b5b5b;*/} .basket a {/* xmas...*/ color:#40331b; /* color:#346497; */ } /* 3. Borders .................................................................................................................. */ .border_ltgrey_d {border:1px dotted #d0d0d0;} .border_left_ltgrey {border-left:1px solid #d0d0d0;} .border_top_ltgrey {border-top:1px solid #e0e0e0;} .border_top_ltblue_d {border-top:1px dotted #aedef9;} .border_bottom_ltgrey {border-bottom:1px solid #e0e0e0;} .border_bottom_ltgrey_d {border-bottom:1px dotted #e0e0e0;} .border_bottom_ltblue_d {border-bottom:1px dotted #aedef9;} .border_none {border:none !important;} /* 4. Colour .................................................................................................................. */ .bg_white {background-color:#ffffff !important;} .bg_silver {background-color:#f0f0f0 !important;} .bg_grey {background-color:#909090;} .bg_dkgrey {background-color:#303030;} .bg_dark_blue {background-color:#005399;} .bg_blue_grey {background-color:#67667e;} .bg_none {background:none !important;} .dk_grey {color:#151515;} .red {color:#d00010 !important;} .dark_red {color:#98000c !important;} .black {color:#000000 !important;} .orange {color:#ea9208 !important;} .orange_soft {color:#e19b5a !important;} .bright_blue {color:#178cdb !important;} .evening_blue {color:#1d5e8d !important;} .soft_blue {color:#3b9dcf !important;} .mid_blue {color:#2e83b3 !important;} .blue_grey {color:#67667e !important;} .blue {color:#22a8ff !important;} .dark_blue {color:#005399 !important;} .lt_grey {color:#d0d0d0 !important;} .mid_grey {color:#87867E !important;} .slate_grey {color:#484848;} .border_red {border-color:#d00010;} .bg_row_light {background-color:#f1f1f4;} .bg_row_dark {background-color:#fbfbff;} .bg_highlight {background-color:#dfefff; color:#0080ff;} .bg_hover_ltgrey:hover {background-color:#f0f0f0;} .border_hover_midgrey:hover {border-color:#8f8f8f;} /* 5. Links .................................................................................................................. */ A.title {font-weight:bold; font-size:7pt; color:#000050;} A.title:hover {text-decoration:underline;} a.more {color:#046bc0; text-decoration:underline; font-size:inherit;} .subnav A {color:#ffffff; text-decoration:none; line-height:1.3em; font-size:10pt;} .subnav A:hover {color:#da007b; text-decoration:underline;} A.title {font-weight:bold; font-size:7pt; color:#000050;} A.title:hover {text-decoration:underline;} #header A {text-decoration:none;} #checkout-products A {text-decoration:none !important;} a.underline_on_hover {text-decoration:none !important;} a.underline_on_hover:hover, a.underline_on_hover:hover li, a.underline_on_hover:hover div {text-decoration:underline !important;} /* -------------------- BUTTONS --------------------- */ .button {float:left; width:126px; height:36px; line-height:36px; text-align:center; vertical-align:middle; cursor:pointer;} .button a {font-size:1.3em; line-height:36px; font-weight:500; background-image:none; cursor:pointer;} .button_clearbg {background:url(/_images/admin/btn_white1.png) center no-repeat;} .asset_button._c {padding-left:0px; text-align:center;} .asset_button:hover, .asset_button:hover div, .asset_button:hover p {text-decoration:underline !important;} .adapt_width {width:auto !important; padding-right:15px; } .asset_button.natural_height {height:auto !important; font-size:inherit !important; line-height:inherit !important; width:auto !important; letter-spacing:normal !important;} .asset_button.midblue2 {color:#ffffff; background-color:#89bcf9;} .asset_button.midblue {color:#89bcf9; border:1px solid #89bcf9;} .asset_button.orange {color:#db781d; border:1px solid #db781d;} .asset_button.orange2 {color:#fff; background-color:#db781d;} .asset_button.black {border:1px solid #484848;} .asset_button.black:hover {color:#222222; border:1px solid #222222;} .asset_button.black2 {color:#ffffff !important; background-color:#222222;} .asset_button.black2:hover {background-color:#444;} .asset_button.white {border:1px solid #eee;} .asset_button.white:hover {color:#fff; border:1px solid #fff;} .asset_button.white2 {color:#222 !important; background-color:#fff;} .asset_button.white2:hover {background-color:#eee;} .btn:active {box-shadow: initial;} /* 6. Text .................................................................................................................. */ #container {font-size:0.9em;} a:focus {outline:1px dotted invert} hr {border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1.title { font-size:1.4em; line-height:1.3em;} h2.title { background-color:#302020; color:#ffc000; font-size:12pt; font-weight:normal; padding-left:5px; padding-right:5px; width:auto; } /*form h3 {font-size:1.0em; margin-bottom:0px;}*/ h5 {font-size:0.7em} h6 {font-size:0.6em} ul.decimal > li {list-style-type:decimal} ul.circle li, li.circle {list-style-type:circle;} .regular_label {color:#3f73af; padding-top:5px;} .title {color:#404040; font-size:12pt; line-height:20pt;} .bold {font-weight:bold !important;} .light {font-weight:normal;} .underline {text-decoration:underline;} .no_underline {text-decoration:none !important;} .uppercase {text-transform:uppercase;} ul.no_bullet li {list-style:none;} li.circle {list-style-type:circle;} .font_8pt {font-size:8pt !important;} .font_10pt {font-size:10pt !important;} .font_1_6em {font-size:1.6em !important;} .align_right {text-align:right;} .was {/*font-size:8pt;*/ color:#808080; font-weight:bold; text-decoration:line-through;} .now {font-size:1.6em; color:#000000; text-decoration:none;} .prod_div span.price {font-size:10pt; color:#303030;} font.func_title {color:#17160e; font-size:10pt; font-weight:bold; line-height:16pt;} label.flat input+span:after, label.flat input+span:before { font-family: 'Glyphicons Halflings'; } @font-face { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; font-display:swap; src: local('Glyphicons Halflings'), local('Glyphicons-Halflings-Regular'), url('/_css/_f/glyphicons-halflings-regular.woff') format('woff'), /* Modern Browsers */ url('/_css/_f/glyphicons-halflings-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_css/_f/glyphicons-halflings-regular.eot') format('embedded-opentype'); /* IE */ } /* 7. Input .................................................................................................................. */ Input.pc_login, textarea { border:0; border:#c7c6be 1px solid; background-color:#ffffff; padding-top:2px; padding-left:5px; } /* 9. Site main .................................................................................................................. */ #checkout td {vertical-align:top;} .bg_delivery_free {width:86px; height:39px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -355px -363px; float:left; display:block;} .bg_specuk_delivery {width:132px; height:81px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -433px -460px; clear:both; display:block;} .bg_free_dlv {width:136px !important; height:114px; background:url(/_images/_sprites2014.png?v=20240803) -291px -423px no-repeat; float:left; display:block; margin-right:74px;} .bg_free_dlv h3 {padding:33px 0px 0px 15px !important; font-size:0.9em;} .circular_error {background:url(/_images/_sprites2014.png?v=20240803) -572px -155px no-repeat; width:41px; height:59px; float:left; display:block;} .circular_question {background:url(/_images/_sprites2014.png?v=20240803) -630px -155px no-repeat; width:41px; height:59px; float:left; display:block;} .circular_lock {background:url(/_images/_sprites2014.png?v=20240803) -680px -155px no-repeat; width:41px; height:59px; float:left; display:block;} /*.asset_logo_main_blue {width:181px; height:71px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -480px -2px; float:left; display:block; margin-left:5px;}*/ .asset_logo_main_white {width:141px; height:52px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -482px -77px; float:left; display:block;} .asset_icon_royalmailvan {width:86px; height:62px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -464px -209px; float:left; display:block;} .asset_icon_royalmailvan_w {width:86px; height:62px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -290px -288px; float:left; display:block;} .asset_button_twitter {width:50px; height:50px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -402px -215px; float:left;} .asset_button_facebook {width:50px; height:50px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -192px -215px; float:left;} .asset_button_instagram {width:50px; height:50px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -244px -215px; float:left;} .asset_button_twitter_w {width:34px; height:25px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -372px -100px; float:left; display:block;} .asset_button_facebook_w {width:24px; height:25px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -412px -100px; float:left; display:block;} .asset_button_pinterest_w {width:43px !important; height:20px !important; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -644px -80px !important; float:left !important; display:block !important;} .asset_button_close {width:25px; height:25px; background:url(/_images/_sprites2014.png?v=20240803) no-repeat -394px -300px; float:left; display:block; cursor:pointer;} .asset_button_close:hover {background:url(/_images/_sprites2014.png?v=20240803) no-repeat -394px -325px;} .prod_flag_icon {display:block; float:right; width:45px; height:55px; margin:-10px;} .prod_flag_icon.pf1 {background:url(/_images/_sprites2014.png?v=20240803) -30px -288px no-repeat;} .prod_flag_icon.pf2 {background:url(/_images/_sprites2014.png?v=20240803) -80px -288px no-repeat;} .prod_flag_icon.pf3 {background:url(/_images/_sprites2014.png?v=20240803) -130px -288px no-repeat;} .prod_flag_icon.pf4 {background:url(/_images/_sprites2014.png?v=20240803) -180px -288px no-repeat;} .prod_flag_icon.pf5 {background:url(/_images/_sprites2014.png?v=20240803) -30px -288px no-repeat;} .prod_flag_icon.pf6 {background:url(/_images/_sprites2014.png?v=20240803) -80px -288px no-repeat;} .prod_flag_icon.pf7 {background:url(/_images/_sprites2014.png?v=20240803) -230px -288px no-repeat;} h4.prod_flag {font-family: 'Open Sans', 'sans-serif', Arial; font-weight:600; padding:5px 0px;} h4.prod_flag.pf1 {color:#90c500;} h4.prod_flag.pf2 {color:#c56600;} h4.prod_flag.pf5 {color:#80d500;} h4.prod_flag.pf6 {color:#d55600;} h4.prod_flag.pf3 {color:#9a0070;} h4.prod_flag.pf4 {color:#3b00d2;} picture, picture img { object-fit: cover; width: 100%; } picture { display:flex; display:-webkit-flex; height:100%; } .vt video, .vt picture, .vt picture img { height:100%; left: 0; object-fit: cover; position:absolute; top:0px; width:100%; z-index: -1 !important; } .vt picture { z-index:1; } .vt video { z-index:-2 !important; } body#home .vt video { -webkit-filter:brightness(0.9); filter:brightness(0.9); } .vt.nofilter video { filter:none !important; } /* Content management page formatting .................................................................................................................. */ .cms div p { margin-bottom:15px; } .cms h3 p { margin-bottom:0px; } .policy ul > li, ul.policy > li { padding-bottom:15px; } /* Page structure .................................................................................................................. */ div.fp_brand9x9 {float:left; display:block; max-width:175px; height:110px; background-position:center; background-repeat:no-repeat;} #brand_styles {text-align:center;} #range-sale h1 + p, #brand_styles h1 + p {font-family:'Radio Canada Big', arial; font-size: 1em; margin:0px; padding-bottom:10px; text-transform: unset;} #brand_styles a {color:#608198;} #brand_styles .brand_logo img, .brand_logo img {max-width:175px; width:100%;} img.prod_img {margin-bottom:5px;} .carousel-indicators { bottom:0px; left:auto; margin:auto 5px 0px auto; right:0px; width:auto;} .carousel-indicators li { background-color:#444; border-color:transparent; border-radius:0px; height:5px !important; margin:0px 5px 0px 5px !important; width:30px !important; } .carousel-indicators .active {background-color:#eee;} #search-form div > *, .section_head { margin-top:15px; text-align:center; } .testimonial_highlight svg { fill:#db781d; } #testimonials-feature a { color:inherit; } #fp-enticements .item p, #products_range section h1:first-of-type + p, .section_head h1:first-of-type + p, #brand_styles a { color:inherit; font-size:0.8em; letter-spacing: 1px; text-align:center; text-transform: uppercase; width:100%; } .section_head h1:first-of-type, #products_range section h1:first-of-type, #brand_styles h1 { color: inherit; text-align:center; width:100%; } #home > section, .section_head, #testimonials-feature > div { padding-bottom:20px; padding-top:20px; } #fp-enticements > .container > div { float:left; text-align:center; } #fp-enticements a { color:#fff; } #fp-enticements > .container > div > a, #fp-enticements > .container > div { float: left; } #fp-enticements .item, #fp-enticements .item > * { width:100%; } #fp-enticements .item { align-items:center; -webkit-align-items: center; background-position: center !important; background-repeat:no-repeat; justify-content: center; -webkit-justify-content: center; min-height: 400px; margin-top: 30px; position:relative; } #fp-enticements .item h1:hover, #fp-enticements .item p:hover { text-decoration:underline; } #search-form h1 { margin:0; } #search-keywords { background-color:#ffffff; } /* Product page .................................................................................................................. */ .br-slides li {margin-left:0px;} label.flat input[type=radio], label.flat input[type=checkbox]{display:none;} label.flat span { border: 1px solid transparent; color:#01142b; cursor: pointer; display: block; float: left; font-weight: normal; margin-top:10px; padding: 3px 5px; } label.flat.size_waists span, label.flat.size_legs span { padding:3px 10px; } label.flat:hover span { border-color:#c4e0f2; color: #178cdb; } label.flat input[type=radio]:checked + span, label.flat input[type=checkbox]:checked + span{ background-color:#cfecff; color: #178cdb; cursor:pointer; min-width:25px; } .label_float label.flat, label.flat input { clear:none; width:auto; } h2.section-title { color: #000; /* after xmas #178cdb; */ font-size:13pt; } #trail, #trail li { float: left; font-family:'Radio Canada Big'; font-weight:500; line-height:1.1em; list-style:none; margin:0px 7px 0px 0px; } #trail li::before { color:#db781d; content: "\e080"; font-family: 'Glyphicons Halflings'; font-size:0.5em; margin: 0px 7px 0px 0px; } #trail li:first-of-type::before { content: "\e079"; } .ui_expose { position:relative !important; } .brand_frame { display:flex; display:-webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; min-height: 330px; padding:20px 0px; } .brand_frame > * { width:auto; } .brand_frame > a > div { background-position: center; background-repeat: no-repeat; background-size:contain; height:60px; margin:15px; width:80px; } /* NEWS ----------------------------------------------------------------------------------------------------------------------------- */ .bnr, .bnr .screen_tint, .gen #top-banner .container-fluid, .gen #top-banner:not(.empty) + ul#sections, .panes, .panes .article > *, .panes > *, .panes > * > *, #latest-news #news, #latest-news #news > *, #latest-news #news > * > *, #latest-news #news .news_sub, #latest-news .news_img { display:flex; display:-webkit-flex; } #top-banner, #top-banner .screen_tint, .gen #top-banner .container-fluid, .panes .article > *, .panes > *, .panes > * > *, #latest-news #news > *, #latest-news .news_highlight, #latest-news .news_sub { flex-direction:column; -webkit-flex-direction:column; } #latest-news { padding-top:0px; } #latest-news #news { margin-bottom:0px; padding-bottom:30px; } /*#latest-news #news { margin-bottom:20px; }*/ #latest-news #news > *, #latest-news #news .col_b h2, #latest-news #news .col_b .news_sub { margin-top:40px; } #latest-news, #latest-news .news_highlight { background-color:#f5f3f0; } #latest-news .news_highlight { flex:1; -webkit-flex:1; border-radius:0px 0px 5px 5px; margin-bottom: 20px; padding:0px calc(15px + 1vw); text-align:left; } #latest-news .news_highlight h3 { margin-bottom:20px; margin-top:30px; } #latest-news h3 { margin-bottom:20px; margin-top:20px; } #latest-news .news_highlight p:last-of-type, #latest-news .news_sub h3 { margin-bottom:3vw; text-align:center; } #latest-news #news .col_a picture, #latest-news .col_b > * { justify-content: center; -webkit-justify-content: center; } #latest-news .col_b > h2, #latest-news .news_highlight h3, #latest-news .col_b > p { margin-left:auto; margin-right:auto; text-align:center; width:100%; } #latest-news .news_sub { cursor:pointer; } #latest-news #news .col_a picture { /*background-color:#fff;*/ border-radius:5px 5px 0px 0px; height:50%; overflow-y:hidden; } #latest-news #news .col_a picture, #latest-news #news .col_a picture img { max-height:450px; object-fit:cover; } #latest-news #news .col_a { padding-left:30px; padding-right:30px; } #latest-news .news_img { background-position:center top; background-repeat:no-repeat; background-size:cover !important; border-radius:3px; height:377px; overflow: hidden; } #latest-news .news_sub picture, #latest-news .news_sub picture img { object-fit: cover; } #latest-news .news_sub picture img { width:100%; } #latest-news .col_b span { border-left:1px solid #ceccc3; height:100%; width:1px; } #latest-news .btn { font-weight:600; margin:auto auto 20px auto; padding: 20px calc(15px + 0.4vw); text-align:center; width:75%; } #latest-news #news .col_a .btn { background-color:#516c3b; color:#fff; } #latest-news #news .col_b .btn { background-color: #e0e9d8; color: #72875f; } .article > div { flex:1; -webkit-flex:1; background-color:#fff; border-radius:0px 0px 5px 5px; padding:0px calc(15px + 1vw); text-align:left; } .article .btn { background-color:#444; color:#fff; margin:auto auto 20px auto; text-align:center; } .panes .article picture { border-radius:5px 5px 0px 0px; overflow:hidden; } .panes .article picture, .panes .article picture img { max-height:450px; object-fit:cover; } .panes h2, .panes h3 { letter-spacing:1px; margin-bottom:20px; margin-top:20px; } .panes h3 { font-weight: 600; } .panes .article p:last-of-type { margin-bottom:1vw; } /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ body.show_popx popx-container, popx-container > *, popx-container .popx_title, .popx-ops { display: flex; display: -webkit-flex; } popx-container, popx-container > * { flex-direction: column; -webkit-flex-direction: column; } popx-container .popx_title, .popx-ops { justify-content: space-between; -webkit-justify-content: space-between; } popx-container > * { background-color:#fff; border-radius:4px; color: #000; margin:auto; max-height:80vh; max-width:1200px !important; overflow: hidden; width:70vw; z-index:99998; } popx-container > * > * { margin-bottom:15px; } popx-container .popx_title { margin-bottom: 20px; margin-top: 20px; } popx-container .popx_title > h3 { color: inherit; font-family: 'Open Sans'; font-size:calc(2.4rem + 0.2vw) !important; font-weight: 600; margin: 0px auto 0px 0px !important; padding: 0px !important; } #popx #popup-content { margin-bottom: 15px; } #popx.policy_popup #popup-content { border-radius:4px; box-shadow: 0px 0px 60px #9993; overflow: auto; width: calc(100% - 4px); } popx-container .popx_title #svgh-close-x, popx-container .btn { color: #777; } popx-container .popx_title #svgh-close-x { background-color: #fff; border: 1px solid #f4f4f4; color: #777; border-radius: 6px; padding: 3px; } popx-container .btn { background-color: #fff; border-radius: 4px; font-weight: 600; margin-top:5px; } #ui_overlay, popx-container { display:none; height:100%; left:0; position:fixed; width:100%; top:0; } body.show_popx popx-container { backdrop-filter: blur(7px) brightness(1.0) contrast(0.7); -webkit-backdrop-filter: blur(7px) brightness(1.0) contrast(0.7); } popx-container { justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; z-index:99996; } #popx #popup-content h3 { margin-bottom:10px; } #popx #popup-content table tr > *:not(:last-of-type) { padding-right:15px; } #popx #popup-content table tr > * { border: 1px solid #f4f4f4; padding-bottom:10px; padding-left:10px; padding-top:10px; } @media (max-width:991px) { popx-container > * { padding: 0px 25px 10px 25px; width:calc(100% - 40px); } /*body.show_popx popx-container > * { border:2px solid #e4e4e4; }*/ #popx #popup-content { height:calc(100% - 20px); } #popx.policy_popup #popup-content { border: solid #fff; border-width: 15px 10px 15px 15px; padding: 10px 15px 15px 10px; } popx-container .btn { border: 2px solid #eee; font-size: 2rem; margin-top:10px; padding:10px 20px; } } @media (min-width:992px) { popx-container > * { box-shadow:0 0 60px rgba(100,100,100,.3); padding:0px 30px 15px 30px; } popx-container .btn:hover, popx-container .popx_title #svgh-close-x:hover { background-color: #e0ecff; color: #213658; cursor: pointer; } #popx.policy_popup #popup-content { padding: 10px 15px 15px 20px; } popx-container .btn { border: 1px solid #f4f4f4; font-size: calc(1.6rem + 0.2vw); margin-top: 5px; } } /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ /* ----- LBM popup x --------------------------------------------------------------------------------------------------------- */ #ui_overlay { background:rgba(0,0,0,0.3); z-index:99997; } @media screen and (min-width:992px) { /*#latest-news #news { padding-top:30px; }*/ #latest-news #news .col_a picture, #latest-news #news .col_a picture img { cursor: pointer; height:calc(450px + 2vw); } #latest-news #news .col_b .news_sub { padding-left:calc(15px + 1vw); padding-right:calc(15px + 1vw); } } @media (min-width:1600px) { #latest-news #news .col_a { padding-left:calc(30px + 2vw); padding-right:calc(30px + 2vw); } #latest-news #news .col_b .news_sub:last-of-type { padding-right:calc(30px + 2vw); } } @media (min-width:1920px) { body.xlg { display: -webkit-flex; display: flex; -website-flex-direction: column; flex-direction: column; } body.xlg #top-banner { margin-left: auto; margin-right: auto; width: calc(100% - 14vw); } body.xlg .brand_frame { padding-left: 10vw; padding-right: 10vw; } } @media screen and (max-width:991px) { #latest-news #news .col_b { padding-left:10px; padding-right:10px; } #latest-news #news { flex-direction:column; -webkit-flex-direction:column; border-radius:10px; margin-left: 15px; margin-right: 15px; margin-top:20px; width: calc(100% - 30px); } #latest-news #news .col_a { padding: 10px 15px 30px 15px; } #latest-news #news .col_b, #latest-news #news .col_b h2, #latest-news #news .col_b .news_sub, #latest-news #news > * { margin-top: 10px; } #latest-news .news_highlight p, /*#latest-news #news .col_b > h2,*/ #latest-news #news .col_b > p { font-size:1.6rem; } #latest-news #news .col_b { padding-left:10px; padding-right:10px; } #latest-news h2 { margin-left: auto; text-align:center; } /*#latest-news h2 { font-size:2.3rem; }*/ #latest-news .news_img { height:40vh; } #latest-news .news_highlight { margin-bottom:0px; padding-bottom: 10px; text-align:center; } #latest-news .news_sub { padding: 5px; } #latest-news #news .col_b .btn { font-size:2rem; margin:15px auto; padding: 15px; width: 90%; } #latest-news span { display:none; } } /* TESTIMONIALS ----------------------------------------------------------------------------------------------------------------------------- */ form#delivery .required:after { color:#ea9208; content: "*"; font-size:1.2em; line-height: 1em; padding-left:5px; } p.testimonials { line-height:135%; } .testimonial_highlight, .testimonial_highlight > * { float:left; margin-bottom:5px; padding-bottom:0px; text-align:center; width:100%; } .testimonial_highlight { font-family: 'Radio Canada Big', arial, helvetica; margin-bottom: 20px; padding: 20px 20px 0px 20px; } .testimonial_highlight p span { color: #ffaa00; } .testimonial_highlight aside { font-size:2em; font-weight: 600; line-height: normal; margin-top:10px; padding:0px 20px; } .testimonial_highlight aside, .testimonial_highlight aside * { word-break: break-word; } .testimonial_highlight svg { width: auto; } .testimonial_highlight svg:last-of-type { float: right; } #testimonials-feature div > * { float:left; width:100%; } #testimonials-feature p { margin:0px; } #testimonials-feature .testimonials { background-color: #fff; background-image: url('data:image/svg+xml;charset=utf-8,'); background-position: center 15px; background-size: 40px; border-radius: 5px; box-shadow: 0 0 30px #44444411; background-repeat: no-repeat; padding: 15px 15px 20px 15px; margin-bottom:2em; word-break:break-word; } #testimonials-feature .testimonials > label, #testimonials-feature .testimonials > span { font-weight:bold; } #testimonials-feature .testimonials > label { color: #178cdb; font-size:1.1em; margin-bottom: 0; } #testimonials-feature .testimonials > span { color:#db781d; font-size:0.8em; } #testimonials-feature .testimonials > div { color:#000; padding:45px 15px 15px 15px; } #testimonials-feature span.asterix {color:#178cdb; font-family:kg_sec; font-size:1.5em;} /* FOOTER ----------------------------------------------------------------------------------------------------------------------------------- */ footer { background: #383838; color: #fff; font-size:14px; } footer > * { padding-bottom:15px; padding-top:10px; } footer .payment-cards, footer .payment-cards p, #boiler-plate > * > * { padding-bottom: 10px; padding-top: 10px; } footer > div > div > *, footer #social-links { padding-top:10px; } footer .payment-cards { display:flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #54A7F4; margin-top: 15px; } footer .payment-cards, #boiler-plate p { font-family: 'Radio Canada Big', 'Open Sans', 'sans-serif', Arial, Helvetica; } footer .payment-cards img, footer .payment-cards > * { text-align:center; } footer .payment-cards img { margin:0px 20px 10px 20px; } footer .payment-cards p { width:100%; } #boiler-plate .boiler_desc { text-align-last: center; text-align: -webkit-center; } #boiler-plate { background-color:#db781d; color:#fff; padding-bottom:20px; padding-top:10px; text-align: justify; text-align-last: center; } #boiler-plate .flex-group { -webkit-justify-content: center; justify-content: center; } #boiler-plate .logo_tagline { color: #383838; padding-top:0px; margin-top:0px; text-align:center; width:100%; } #boiler-plate p { line-height: 1.8em; } #boiler-plate a { color:inherit !important; font-size:inherit !important; } footer ul li { list-style-type:none; margin-left:0px; padding-top:5px; } footer a { color:inherit; text-decoration:none; } footer a:hover, footer a:focus { color: #339dff; text-decoration:underline; } #boiler-plate .credit { color: #383838; text-align:center; } footer h3 { color: #fff; margin-bottom: 5px; } #social-links img { float:left; height:45px; margin:5px; } #info-message { color:#fff; display:none; float:left; padding: 0.75em 0px 1em 0px; position:fixed; width:100%; bottom: 0; z-index: 9999; } /* NAV-BOTTOM ------------------------------------------------------------------------------------------------------------------------------- */ P.feature {height:190px;} Table.head {width:940px; height:125px; margin-bottom:0px;} Img, Table {border:0;} Img.prod_thm {margin-top:0px; margin-right:4px; width:205px; -ms-interpolation-mode:bicubic} .admin_title {font-size:10pt; font-weight:bold; color:#0050b0;} .style_title {display:block; clear:both; margin:15px auto 5px 10px; font-size:12pt;} .prod_div, .prod_div h3, .prod_div h4 {text-align:center !important;} #newsletter_subscribe input { box-shadow: 0px 0px 10px #7772; } #newsletter_subscribe input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c8d3df; border:none; } #newsletter_subscribe input::-moz-placeholder { /* Firefox 19+ */ color: #c8d3df; border:none; } #newsletter_subscribe input:-ms-input-placeholder { /* IE 10+ */ color: #c8d3df; border:none; } #newsletter_subscribe input:-moz-placeholder { /* Firefox 18- */ color: #c8d3df; border:none; } #newsletter_subscribe > div.group { background:#148fff url('/_images/bg/bg_nl_signup.jpg') center no-repeat; background-size:cover !important; border-radius: 5px; box-shadow: 0px 0px 30px #c7e4ff; margin-top:15px; padding-bottom: 20px; } .newsletter_subscribe .group.err > input, .newsletter_subscribe .group.err > select { background-color:#FFE5E6; } .newsletter_subscribe .group.err > input:valid, .newsletter_subscribe .group.err > select:valid { background-color:transparent; } .newsletter_subscribe .group span, .newsletter_subscribe .group.err *:valid + span { color:#eddd26; float: left; font-size:0px; margin-top:0px; max-height:0px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); width:100%; } .newsletter_subscribe .group.err > * + span { display:block; font-size:15px; margin-bottom:5px; margin-top:15px; max-height:17px; padding-top:5px; text-align: center; } .newsletter_subscribe .nl_name { display:none; width:48%; } .newsletter_subscribe .asset_button { background-color:#333; transition: all 0.5s ease; } .newsletter_subscribe .asset_button.message { background-color:transparent !important; color: #000; float:left; font-size:1.5rem; font-weight:bold; letter-spacing:.5px; margin-left:auto; margin-right:auto; padding-left:0px; padding-right:0px; pointer-events: none; text-transform:initial; width:100%; } .newsletter_subscribe .asset_button.message:focus, #fp-subscribe input:focus { box-shadow: none; outline: none; } #fp-subscribe div > * { margin-top:15px; } #fp-subscribe { background-position: 0 265px; height:auto; text-align:center; } #fp-subscribe, #search-form { padding-bottom:30px !important; } #fp-subscribe input, #search-keywords { border:none; font-size:1.4em; width:100%; } #fp-subscribe .asset_button, #search-form .asset_button { background-color: #126dd9; color:#fff; margin-left: auto; margin-right: auto; width:inherit; } body.nl_popx #popx { background-repeat: no-repeat; background-size:cover; } body.nl_popx #popx .popx_title h3 { color: #fff; } body.nl_popx #popx #popup-content { margin-bottom:25px; } body.nl_popx #popx #popup-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } body.nl_popx popx-container .popx_title { margin-bottom: 10px; } body.nl_popx #popx #popup-content p { font-weight: 600; color: white; } .newsletter_subscribe input[type=email] { background-color:#fff; border-radius: 4px; margin:10px 0px 5px 0px; padding:5px 15px; } body.nl_popx #popx input:focus{ outline: none; } body.nl_popx #popx input + span { height: 0px; font-weight: 500; margin-right:auto; transition: all .3s; -webkit-transition: all .3s; width: 0px; } body.nl_popx #popx #popup-content.err input { border-radius: 4px 4px 4px 0px; } body.nl_popx #popx #popup-content.err input + span { height: auto; padding:5px 15px 5px 15px; width: auto; } body.nl_popx #popx #popx-signup { background-color: #126dd9; border-color: transparent; color: #fff; } body.nl_popx #popx #popx-signup:hover { background-color: #fff; color: #126dd9; } @media screen and (max-width:1200px) { div.fp_brand9x9 {margin:5px 0px;} } @media screen and (max-width:992px) { #range-sale h1 + p, #brand_styles h1 + p, #testimonials-feature p a, #fp-enticements .item p { font-size: 2.3rem; font-weight: 500; letter-spacing: normal; text-transform: initial; } /*nav .asset_logo_main_white { -webkit-filter: invert(1) drop-shadow(0px 1px 20px white); filter: invert(1) drop-shadow(0px 1px 20px white); }*/ .asset_logo_main_white { margin-top:5px; } #fp-main div.container { padding:0px; width:100% !important; } #more-news { padding-bottom:8vw; padding-top:4vw; } #more-news h2, #more-news p { padding-left:30px; padding-right:30px; } #latest-news { margin-left: 15px; margin-right: 15px; } .panes .article p { font-size: calc(1em + 0.4vw); } .panes { flex-direction:column; -webkit-flex-direction:column; } .panes > * { margin-top: 10px; } .panes .article p, .one_col p { font-size:2rem; padding-bottom: 15px; } body#news.archive #latest-news { border-radius:5px; } body#news.archive #latest-news, body#news.archive #latest-news .news_highlight { background-color:#f4f4f4; } .panes .article > div { margin-bottom:0px; padding-bottom: 10px; } .panes .article .btn { margin-left:auto; margin-right:20px; } footer { font-size:2rem; } footer .payment-cards { font-size: 1.8rem; padding-top: 35px; } #popup-content p { font-size:1.2em; } body.nl_popx #popx { background-image: url(/_images/bg/bg_nl_signup_dark.jpg); background-position: center; } body.nl_popx #popx input + span, body.nl_popx #popx .btn.close_x { color:#fff; } body.nl_popx #popx .btn.close_x { background-color:transparent; border:2px solid #fff; } body.nl_popx #popx #popx-signup, body.nl_popx #popx #popx-signup:hover { background-color:#fff; color:#126dd9; } #fp-subscribe #newsletter_subscribe > div.group { border:none; box-shadow:none; padding: 5px 20px 20px; } #fp-enticements > .container > div { width: 100%; } #testimonials-feature .testimonials { font-size:1.2em; } #info-message .asset_button { margin-top:10px; width:100%; } } @media screen and (max-width: 768px) { .bg_free_dlv {margin-right:0px;} #brand_styles {margin-left:0px;} .carousel-indicators { margin-bottom:15px; } #testimonials-feature .testimonials { font-size:1.4em; } #trail { font-size:1.0em !important; } div.prod_div div.title_price { height:auto !important; } footer .sitemap { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; } footer .apache_contact { padding-top:30px; padding-right:0px; } footer .apache_contact li { display:inline; margin:0px 5px 0px 0px; font-size:8pt; } } @media screen and (max-width: 400px) { .container {padding:0px 5px 0px 10px;} #products_range {padding:0px 0px 0px 15px;} #products_range .brand_logo {display:none;} } @media screen and (min-width: 500px) { footer h3.ft_about:after { content: ' Online'; } body#home #go-top, body#gift-vouchers #go-top, body#delivery-page #go-top, body#contact-page #go-top { display:none; } #go-top { background-color:transparent; border:solid #ccc; border-radius:5px 0px 0px 5px; border-width:1px 0px 1px 1px; bottom:250px; color:#555; cursor:pointer; padding:0.5em; position:fixed; right:0px; text-align:center; text-shadow: -2px 1px 0px rgba(200,200,200, 0.7); width:40px; } #go-top:hover { color:#FCC300; } } @media screen and (max-width: 501px) { #go-top { display:none; } } @media screen and (min-width: 768px) { #trail { /*font-size: 1.3em !important; */ padding-bottom: 10px; } } @media screen and (min-width: 992px) { #fp-enticements > .container > div { padding:0px 15px; width: 49.8%; } .article .btn { margin-right:0px; } .panes .explainer { padding-right:0px; width:28%; } .panes .news_group { flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; flex:1; -webkit-flex:1; } .panes .news_group > .col_a, .panes .news_group > .article { padding-left: 15px; padding-right: 15px; width:50%; } .panes .news_group .calendar .btn.ani:hover:before { background-color: #CF4545; } footer .payment-cards { font-size: 14px; } #testimonials-feature .testimonials { padding-left: 5%; padding-right: 5%; width:45%; } .testimonial_highlight a { font-size: 14px; } #range-sale h1 + p, #brand_styles h1 + p { padding-left: 10vw; padding-right: 10vw; } body.nl_popx #popx { background-image: url(/_images/bg/bg_nl_signup_b.jpg); width: 60vw; } } @media screen and (min-width:1200px) { .asset_button_twitter, .asset_button_facebook, .asset_button_instagram {margin-left:10px;} div.fp_brand9x9 {margin:5px 15px;} #testimonials-feature .testimonials { background-color: #fffa; border-radius: 5px; margin-left: 0.5%; margin-right: 0.5%; padding: 0.5% 1% 1% 1%; width: 20%; text-align: left; } #testimonials-feature .testimonials { box-shadow: 0 0 30px #44444411; padding: 1% 1% 1% 1%; width: 21%; } #testimonials-feature .testimonials > div { font-size: calc(0.7em + 0.2vw); } #testimonials-feature .testimonials > label, #testimonials-feature .testimonials > span { padding-left: 30px; } }