.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//charbonnel.co.uk/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label,.searchandfilter li[data-sf-field-input-type=range-radio] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400&display=swap"); .html {
scroll-behavior: smooth;
}
body {
color: #666666;
font-family: "Playfair Display", serif;
font-size: 15px;
-webkit-font-smoothing: antialiased;
}
.container, .container-small {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
}
@media (min-width: 768px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.container {
max-width: 970px;
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
width: 100%;
}
}
@media (min-width: 1300px) {
.container {
max-width: 1300px;
width: 100%;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1400px;
width: 100%;
}
}
@media (min-width: 768px) {
.container-small {
padding-right: 15px;
padding-left: 15px;
max-width: 900px;
width: 100%;
}
}
.button {
border-radius: 0 !important;
}
h1,
h2,
h3,
h4 {
line-height: normal;
font-family: "Playfair Display" !important;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
p {
font-size: 15px;
font-family: "Times New Roman", Arial, Helvetica, sans-serif;
}
.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 64px;
height: 64px;
text-decoration: none;
transition: opacity 0.2s ease-out;
position: fixed;
cursor: pointer;
display: none;
z-index: 99999;
bottom: 30px;
font-size: 12px !important;
line-height: 14px;
text-transform: uppercase;
padding: 40px 0 0;
color: #06062d !important;
text-align: center;
}
.back-to-top:before {
content: "";
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -188px -277px no-repeat;
width: 12px;
height: 34px;
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.back-to-top:hover {
opacity: 0.7;
}
#cookie-law-info-bar a {
color: #ffffff;
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [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; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 1001px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.wysiwyg-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
padding: 4px 30px;
font-size: 14px;
margin-top: 20px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.wysiwyg-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.wysiwyg-button:active {
background: rgba(0, 0, 0, 0);
}
.wysiwyg-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.wysiwyg-button::before {
display: none;
}
.wysiwyg-button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.site-wide-message {
padding: 10px;
text-align: center;
}
.site-wide-message p {
margin: 0;
}
.header-top-bar {
background: #f2f2f2;
}
.header-top-bar .container {
display: flex;
justify-content: flex-end;
padding: 10px;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.header-top-bar .container {
justify-content: center;
}
}
.header-top-bar div {
margin: 0 10px;
}
.header-top-bar div a {
text-decoration: none;
color: #666666;
font-size: 12px;
}
.header-top-bar div a:hover {
color: #06062d;
}
.header-top-bar .header-my-account a:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 21px;
background-position: -19px 0;
margin: 0 5px 0 0;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -18px -1px no-repeat;
}
.header-top-bar .header-basket a:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 22px;
margin: 0 0 0 5px;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -44px 0px no-repeat;
}
.site-header {
border-bottom: 1px solid #e6e6e6;
}
.site-title {
max-width: 190px;
width: 100%;
}
.site-title a {
display: block;
}
.site-title img {
width: 190px;
}
.header-block {
display: flex;
align-items: center;
}
@media screen and (min-width: 1001px) {
.header-block #primary-menu {
display: flex;
align-items: center;
justify-content: space-evenly;
}
}
.header-block #primary-menu a {
color: #06062d;
}
.header-block #primary-menu a:hover {
color: #999999;
}
.menu-toggle {
background: none;
border: none;
margin-left: auto;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 2px;
background-color: #666666;
margin: 10px 0;
transition: 0.4s;
}
.menu-is-active .bar1 {
transform: rotate(-45deg) translate(-8px, 8px);
}
.menu-is-active .bar2 {
opacity: 0;
}
.menu-is-active .bar3 {
transform: rotate(45deg) translate(-8px, -8px);
}
@media screen and (min-width: 1001px) {
.menu-main-menu-container {
position: absolute;
top: 160px;
left: 0;
width: 100%;
background: #ffffff;
z-index: 9999999;
padding: 0;
}
}
@media screen and (min-width: 1001px) and (min-width: 1001px) {
.menu-main-menu-container {
position: relative;
top: 0;
z-index: inherit;
height: 0;
}
}
@media screen and (min-width: 1001px) {
.main-navigation a {
padding-bottom: 50px;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul ul {
top: auto;
}
.main-navigation ul ul li {
width: 100%;
border-top: 1px solid #9e9e9e;
}
.main-navigation ul ul li .fa {
margin-left: 10px;
position: relative;
top: 2px;
}
.main-navigation ul ul li:last-child {
border-bottom: 1px solid #9e9e9e;
}
.main-navigation ul ul a {
padding: 15px 0;
color: #7d7d7d !important;
}
.main-navigation ul ul a:hover {
color: #06062d !important;
}
.main-navigation ul ul .menu-image-append {
padding: 0 !important;
left: -999em;
top: 0;
}
.main-navigation ul ul .menu-image-append .sub-menu {
padding: 45px 20px 20px 40px;
background: #ededed;
}
.main-navigation ul ul .menu-image-append .sub-menu li {
border: none;
width: 215px;
}
.main-navigation ul ul .menu-image-append .sub-menu li:after {
background: none !important;
}
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
.main-navigation ul ul .menu-image-append .sub-menu li {
width: 170px;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul ul .menu-image-append .sub-menu a {
padding: 6px 0;
color: #7d7d7d !important;
}
.main-navigation ul ul .menu-image-append .sub-menu a:hover {
color: #06062d !important;
}
}
@media screen and (min-width: 1001px) {
#primary-menu > li:hover:first-child {
background: #ededed;
padding: 20px;
margin: -20px;
}
#primary-menu > li:hover:first-child a {
color: #06062d;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul li:hover > ul {
left: auto;
z-index: 999;
border-radius: 0;
background: #ededed;
padding: 40px 20px 20px 25px;
position: absolute;
width: 100%;
max-width: none;
left: 0;
height: 400px;
overflow: hidden;
display: flex;
flex-direction: column;
top: 87px;
box-sizing: initial;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul ul li:hover > ul {
display: block;
left: 25%;
width: 75%;
-moz-columns: 200px 3;
columns: 200px 3;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul .show > div {
display: block;
left: 25%;
width: 75%;
top: 0 !important;
height: 400px;
position: absolute;
padding: 10px 10px 10px 10px;
display: flex;
z-index: 100;
flex-direction: row;
flex-wrap: wrap;
}
#primary-menu ul .show > div ul {
left: auto;
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
box-shadow: none;
flex-direction: column;
}
#primary-menu ul .show > div div {
display: flex;
align-items: baseline;
background: #ededed;
flex: 1;
height: 400px;
justify-content: flex-end;
padding: 25px 30px 20px 20px;
}
}
@media screen and (min-width: 1001px) and (max-width: 1000px) {
#primary-menu ul .show > div div {
padding: 25px 20px 20px 20px;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul .show > div img {
display: block;
position: relative;
padding: 0;
height: auto;
width: auto;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li div {
z-index: 100;
display: none;
}
#primary-menu ul li div img {
display: none;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div {
display: block;
left: 25%;
width: 75%;
top: 0 !important;
height: 400px;
position: absolute;
padding: 10px 10px 10px 10px;
display: flex;
z-index: 100;
flex-direction: row;
flex-wrap: wrap;
}
#primary-menu ul li:hover > div ul {
left: auto;
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
box-shadow: none;
flex-direction: column;
}
#primary-menu ul li:hover > div div {
display: flex;
align-items: baseline;
background: #ededed;
flex: 1;
height: 400px;
justify-content: flex-end;
padding: 25px 30px 20px 20px;
}
}
@media screen and (min-width: 1001px) and (max-width: 1000px) {
#primary-menu ul li:hover > div div {
padding: 25px 20px 20px 20px;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div img {
display: block;
position: relative;
padding: 0;
height: auto;
width: auto;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul ul {
box-shadow: none;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div ul {
left: auto;
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
box-shadow: none;
flex-direction: column;
align-items: baseline;
flex: 1;
height: 400px;
align-content: flex-start;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul .show > div ul {
left: auto;
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
box-shadow: none;
flex-direction: column;
align-items: baseline;
flex: 1;
height: 400px;
align-content: flex-start;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div div {
display: flex;
align-items: baseline;
background: #ededed;
height: 400px;
padding: 25px 30px 20px 20px;
}
}
@media screen and (min-width: 1001px) and (max-width: 1000px) {
#primary-menu ul li:hover > div div {
padding: 25px 20px 20px 20px;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div img {
display: block;
position: relative;
padding: 0;
height: auto;
width: auto;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul li:hover > div {
display: block;
left: 25%;
width: 75%;
top: 0 !important;
height: 400px;
position: absolute;
padding: 10px 10px 10px 10px;
z-index: 200;
display: flex;
flex-wrap: wrap;
align-items: center;
background: #ededed;
}
}
@media screen and (min-width: 1001px) {
#primary-menu ul .show > div {
display: block;
left: 25%;
width: 75%;
top: 0 !important;
height: 400px;
position: absolute;
padding: 10px 10px 10px 10px;
z-index: 200;
display: flex;
flex-wrap: wrap;
align-items: center;
background: #ededed;
}
}
@media screen and (min-width: 1001px) {
.main-navigation ul ul .menu-image-append .sub-menu {
padding: 34px 20px 20px 40px;
background: #ededed;
}
}
@media screen and (max-width: 1000px) {
.menu_image_one, .menu_image_two, .menu_image_three, .menu_image_four, .menu_image_five {
display: none;
}
}
.menu_image_one a, .menu_image_two a, .menu_image_three a, .menu_image_four a, .menu_image_five a {
width: auto !important;
padding: 0 !important;
}
.mob-logo {
display: none;
}
.toggled > .mob-logo {
display: block;
max-width: 116px;
z-index: 99999;
margin: 0 auto;
position: absolute;
top: 10%;
right: 50%;
transform: translate(50%, -50%);
}
@media screen and (max-width: 1000px) {
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
display: block;
text-align: left;
}
.main-navigation ul ul a {
width: auto;
}
.main-navigation.toggled {
background: rgba(237, 237, 237, 0.9);
top: 0;
left: 0;
width: 100%;
height: 100vh;
position: fixed;
transition: 0.5s;
opacity: 1;
z-index: 9999;
overflow: scroll;
}
.main-navigation.toggled #primary-menu {
height: 100%;
display: flex;
flex-direction: column;
text-align: left;
}
.main-navigation.toggled .menu-main-menu-container {
min-height: 100vh;
position: absolute;
top: 120px;
left: 0;
width: 100vw;
overflow: hidden;
overflow-y: scroll;
}
.main-navigation.toggled #primary-menu {
width: 100%;
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
display: block;
}
.main-navigation.toggled #primary-menu li {
text-align: center;
border-top: 1px solid;
padding: 20px;
margin: 0;
}
.main-navigation.toggled #primary-menu li a {
color: #666666;
}
.main-navigation.toggled .sub-menu {
display: block !important;
position: absolute;
left: 0 !important;
top: 0 !important;
width: 100% !important;
float: none;
margin-left: 100% !important;
box-shadow: none !important;
}
.main-navigation.toggled .sub-menu li {
text-align: center;
border-top: 1px solid;
padding: 10px 20px;
margin: 0;
}
.main-navigation.toggled .sub-menu li a {
color: #666666;
}
.main-navigation.toggled .sub-menu .sub-menu {
display: block !important;
position: relative;
margin: 0 !important;
padding: 0;
}
.main-navigation.toggled .open {
color: #666666;
font-weight: lighter;
position: absolute;
right: -100px;
padding: 0 20px;
font-size: 20px;
margin-top: -4px;
display: block;
width: 100%;
text-align: center;
cursor: pointer;
}
.main-navigation.toggled .close {
padding: 0 20px;
font-weight: lighter;
font-size: 20px;
cursor: pointer;
text-align: center;
display: block;
width: 100%;
}
.main-navigation.toggled .close .back-text {
color: #06062d;
font-weight: normal;
margin-left: 10px;
position: relative;
top: 1px;
font-size: 15px;
}
.main-navigation.toggled .sub-menu .sub-menu {
display: block !important;
position: absolute;
left: 0 !important;
top: 0 !important;
width: 100% !important;
float: none;
margin-left: 100% !important;
box-shadow: none !important;
}
.main-navigation.toggled .sub-menu .sub-menu li {
text-align: center;
border-top: 1px solid;
padding: 10px 20px;
margin: 0;
}
.main-navigation.toggled .sub-menu .sub-menu li a {
color: #666666;
}
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 0;
top: 0;
}
}
@media screen and (max-width: 1000px) {
.site-header .menu-main-menu-container ul .sub-menu li {
margin-left: 0;
}
}
@media screen and (max-width: 1000px) {
.sub-menu .sub-menu {
position: relative;
left: 0;
background: none;
border: none;
box-shadow: none;
display: flex;
flex-direction: column;
}
.sub-menu .sub-menu li {
width: 100% !important;
padding: 0 !important;
}
.sub-menu .sub-menu li a {
font-weight: lighter !important;
}
}
@media screen and (max-width: 1000px) {
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
left: 0 !important;
top: 0 !important;
}
}
@media screen and (max-width: 1000px) {
.sub-menu a .fa {
display: none;
}
}
@media screen and (max-width: 1000px) {
.sub-menu .sub-menu li {
display: none;
}
}
@media screen and (max-width: 1000px) {
.sub-menu li:hover > .sub-menu li {
display: block;
padding: 20px !important;
}
}
@media screen and (min-width: 1000px) {
.open {
display: none;
}
.close {
display: none;
}
}
.hidemenuimage {
display: none;
}
.site-footer {
border-top: 3px solid #06062d;
padding: 40px 0 0 0;
position: relative;
margin-top: 50px;
}
.site-footer::before {
content: "";
position: absolute;
left: 0;
top: -6px;
background: #06062d;
height: 1px;
width: 100%;
}
.site-footer .top-footer {
padding-bottom: 30px;
}
.site-footer .top-footer .footer-one .footer-logo {
margin-top: -70px;
}
.site-footer .top-footer .footer-one .footer-logo a {
display: inline-block;
}
.site-footer .top-footer .footer-one .footer-logo img {
max-width: 120px;
width: 100%;
background: #ffffff;
padding: 10px;
}
.site-footer .top-footer .footer-one .social {
margin: 20px 0;
}
.site-footer .top-footer .footer-one .social a {
color: #06062d;
margin: 0 10px;
font-size: 22px;
}
.site-footer .top-footer .footer-one .social a:first-of-type {
margin-left: 0;
}
.site-footer .top-footer .footer-one .text-info {
max-width: 350px;
width: 100%;
font-size: 12px;
line-height: 1.25;
}
@media screen and (max-width: 1000px) {
.site-footer .top-footer .footer-one .text-info {
max-width: 100%;
}
}
.site-footer .top-footer .footer-one .text-info p {
font-size: 12px !important;
}
.site-footer .top-footer .footer-one h3 {
font-size: 14px;
}
.site-footer .top-footer .footer-two, .site-footer .top-footer .footer-three, .site-footer .top-footer .footer-four {
margin-top: 22px;
}
.site-footer .top-footer .footer-two h3, .site-footer .top-footer .footer-three h3, .site-footer .top-footer .footer-four h3 {
margin-top: 0;
color: #06062d;
text-transform: capitalize;
font-size: 14px;
}
.site-footer .top-footer .footer-two ul, .site-footer .top-footer .footer-three ul, .site-footer .top-footer .footer-four ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .top-footer .footer-two ul a, .site-footer .top-footer .footer-three ul a, .site-footer .top-footer .footer-four ul a {
text-transform: capitalize;
font-size: 12px !important;
line-height: 1.2;
color: #666666;
text-decoration: none;
}
.site-footer .top-footer .footer-two ul a:hover, .site-footer .top-footer .footer-three ul a:hover, .site-footer .top-footer .footer-four ul a:hover {
color: #06062d;
}
.site-footer .top-footer .footer-four .gfield_label {
display: none;
}
.site-footer .top-footer .footer-four input {
width: 100% !important;
border: none;
border-bottom: 1px solid;
border-radius: 0;
padding: 0 0 5px 0 !important;
font-size: 12px !important;
}
.site-footer .top-footer .footer-four .gfield_html {
font-size: 12px !important;
}
.site-footer .top-footer .footer-four .gform_footer {
padding: 0;
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2 {
background: transparent;
color: #666666;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
padding: 6px !important;
font-size: 14px !important;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2:active {
background: rgba(0, 0, 0, 0);
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2::before {
display: none;
}
.site-footer .top-footer .footer-four .gform_footer #gform_submit_button_2[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.site-footer .container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1000px) {
.site-footer .container {
flex-direction: column;
text-align: center;
}
}
.site-footer .site-info {
border-top: 1px solid #b3b3c2;
padding: 18px;
font-size: 12px;
}
.site-footer .site-info p {
margin: 0;
font-size: 12px;
}
.site-footer .site-info a {
position: relative;
top: 3px;
font-size: 12px;
}
.site-footer .site-info svg {
width: 80px;
height: 15px;
}
.one-column, .one-column--grey {
padding: 30px;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
.one-column--grey {
background: #f2f2f2;
color: #06062d;
text-align: center;
}
.one-column .one-column-button, .one-column--grey .one-column-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.one-column .one-column-button:hover, .one-column--grey .one-column-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.one-column .one-column-button:active, .one-column--grey .one-column-button:active {
background: rgba(0, 0, 0, 0);
}
.one-column .one-column-button::before, .one-column--grey .one-column-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.two-column-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
align-items: center;
padding: 0;
flex-direction: column;
}
@media screen and (max-width: 1000px) {
.two-column-section .container {
grid-template-columns: 1fr;
}
}
.panel-section {
background: #f2f2f2;
padding: 10px 0 50px 0;
text-align: center;
}
.panel-section .container {
padding: 0 120px 0;
}
@media screen and (max-width: 1000px) {
.panel-section .container {
padding: 0 100px;
}
}
@media screen and (max-width: 700px) {
.panel-section .container {
padding: 0 50px;
}
}
.panel-section .panel-main-title {
padding: 10px 0;
font-size: 30px;
}
.panel-section .panel-wrap {
display: flex;
grid-gap: 20px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1100px) {
.panel-section .panel-wrap {
flex-direction: column;
}
}
.panel-section .panel {
background: #ffffff;
text-align: center;
display: flex;
flex-direction: column;
flex: 0 0 23%;
}
.panel-section .panel .flex-block {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.panel-section .panel .info-block {
min-height: 180px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.panel-section .panel .info-block:first-of-type > a {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.panel-section .panel a {
text-decoration: none;
display: block;
position: relative;
height: 100%;
}
.panel-section .panel a:hover .imagehover {
opacity: 0.7;
}
.panel-section .panel a .imagehover {
width: 100%;
height: 100%;
background: #ffffff;
opacity: 0;
position: absolute;
transition: 0.5s;
}
.panel-section .panel h2 {
color: #06062d;
margin: 0;
padding: 25px 10px 10px 10px;
font-size: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.panel-section .panel .shop-title a {
color: #06062d;
}
.panel-section .panel h3 {
color: #666666;
margin: 0;
padding: 25px 10px 0 10px;
font-size: 14px;
margin-bottom: -20px;
}
.panel-section .panel img {
display: block;
width: 100%;
height:100%
}
.panel-section .panel .panel-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin: 10px 0;
padding: 4px 30px;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.panel-section .panel .panel-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.panel-section .panel .panel-button:active {
background: rgba(0, 0, 0, 0);
}
.panel-section .panel .panel-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.panel-section .panel .panel-button::before {
display: none;
}
.panel-section .panel .panel-button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.panel-section .promo {
flex: 0 47.5%;
}
.panel-section .more-button {
display: block;
position: relative;
margin-top: 60px;
}
.panel-section .more-button .panel-more-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
}
.panel-section .more-button .panel-more-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.panel-section .more-button .panel-more-button:active {
background: rgba(0, 0, 0, 0);
}
.panel-section .more-button .panel-more-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.panel-section .more-button .panel-more-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.full-landscape-section {
margin: 20px 0;
position: relative;
}
.full-landscape-section .bg-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 0;
transition: 0.5s;
position: relative;
}
@media screen and (max-width: 1000px) {
.full-landscape-section .bg-img {
background-image: none !important;
}
}
.full-landscape-section .bg-img:hover {
transition: 0.5s;
}
.full-landscape-section .bg-img:hover .imagehover {
opacity: 0.7;
}
.full-landscape-section .imagehover {
transition: 0.5s;
width: 100%;
height: 100%;
background: #ffffff;
position: absolute;
opacity: 0;
border: 4px solid #ae9a64;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ae9a64;
}
.full-landscape-section .full-landscape--light {
color: #ffffff;
}
.full-landscape-section .full-landscape--light .full-landscape-button {
background: transparent;
color: #ffffff;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.full-landscape-section .full-landscape--light .full-landscape-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.full-landscape-section .full-landscape--light .full-landscape-button:active {
background: rgba(0, 0, 0, 0);
}
.full-landscape-section .full-landscape--light .full-landscape-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.full-landscape-section .text-block {
position: relative;
text-align: center;
line-height: 1.2;
padding: 40px;
}
@media screen and (min-width: 1000px) {
.full-landscape-section .text-block {
max-width: 450px;
left: 90px;
padding: 100px 0;
}
}
.full-landscape-section .full-landscape-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.full-landscape-section .full-landscape-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.full-landscape-section .full-landscape-button:active {
background: rgba(0, 0, 0, 0);
}
.full-landscape-section .full-landscape-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.two-portrait-section {
margin: 20px 0;
}
.two-portrait-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 1000px) {
.two-portrait-section .container {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 1000px) {
.two-portrait-section .container {
padding: 0;
}
}
.two-portrait-section .portrait-left, .two-portrait-section .portrait-right {
height: 800px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
@media screen and (max-width: 1000px) {
.two-portrait-section .portrait-left, .two-portrait-section .portrait-right {
background-image: none !important;
}
}
.two-portrait-section .portrait-left:hover, .two-portrait-section .portrait-right:hover {
transition: 0.5s;
}
.two-portrait-section .portrait-left:hover .imagehover, .two-portrait-section .portrait-right:hover .imagehover {
opacity: 0.7;
}
.two-portrait-section .imagehover {
transition: 0.5s;
width: 100%;
height: 100%;
background: #ffffff;
position: absolute;
opacity: 0;
border: 4px solid #ae9a64;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ae9a64;
}
.two-portrait-section .portrait--light {
color: #ffffff;
}
.two-portrait-section .portrait--light .portrait-button {
background: transparent;
color: #ffffff;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.two-portrait-section .portrait--light .portrait-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.two-portrait-section .portrait--light .portrait-button:active {
background: rgba(0, 0, 0, 0);
}
.two-portrait-section .portrait--light .portrait-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.two-portrait-section .text-block {
position: relative;
text-align: center;
padding: 100px 0;
}
.two-portrait-section .portrait-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.two-portrait-section .portrait-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.two-portrait-section .portrait-button:active {
background: rgba(0, 0, 0, 0);
}
.two-portrait-section .portrait-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.two-third-image-right-section {
margin: 20px 0;
}
.two-third-image-right-section .container {
display: flex;
flex-direction: column-reverse;
}
@media screen and (max-width: 1000px) {
.two-third-image-right-section .container {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 1000px) {
.two-third-image-right-section .container {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 20px;
align-items: center;
padding: 0;
}
}
.two-third-image-right-section .two-third-left {
text-align: center;
}
.two-third-image-right-section .two-third-left .text-block h2 {
color: #06062d;
}
@media screen and (max-width: 1000px) {
.two-third-image-right-section .two-third-left .text-block h2 {
font-size: 40px;
}
}
.two-third-image-right-section .two-third-left .text-block p {
margin: 0 0 10px;
font-size: 15px;
}
.two-third-image-right-section .two-third-right {
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
min-height: 600px;
}
@media screen and (max-width: 1000px) {
.two-third-image-right-section .two-third-right {
min-height: auto;
height: 300px;
}
}
.two-third-image-left-section {
margin: 20px 0;
}
.two-third-image-left-section .container {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1000px) {
.two-third-image-left-section .container {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 1000px) {
.two-third-image-left-section .container {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 20px;
align-items: center;
padding: 0;
}
}
.two-third-image-left-section .two-third-left {
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
min-height: 600px;
}
@media screen and (max-width: 1000px) {
.two-third-image-left-section .two-third-left {
min-height: auto;
height: 300px;
}
}
.two-third-image-left-section .two-third-right {
text-align: center;
}
.two-third-image-left-section .two-third-right .text-block h2 {
color: #06062d;
}
@media screen and (max-width: 1000px) {
.two-third-image-left-section .two-third-right .text-block h2 {
font-size: 40px;
}
}
.two-third-image-left-section .two-third-right .text-block p {
margin: 0 0 10px;
font-size: 15px;
}
.stores-section {
margin: 20px 0;
}
.stores-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 1000px) {
.stores-section .container {
grid-template-columns: 1fr;
}
}
.stores-section .store {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
padding: 0;
}
@media screen and (max-width: 1000px) {
.stores-section .store {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
}
}
.stores-section .store .store-info {
background: #f2f2f2;
padding: 15px 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 700px) {
.stores-section .store .store-info {
order: 2;
}
}
.stores-section .store .store-info div {
display: block;
}
.stores-section .store .store-info h3 {
color: #06062d;
margin-top: 0;
}
.stores-section .store .store-info p {
margin: 5px;
}
.stores-section .store .store-info a {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
padding: 4px 30px;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.stores-section .store .store-info a:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.stores-section .store .store-info a:active {
background: rgba(0, 0, 0, 0);
}
.stores-section .store .store-info a::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.stores-section .store .store-info a::before {
display: none;
}
.stores-section .store .store-info a[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.stores-section .store .store-img {
background: #f2f2f2;
background-position: center !important;
background-repeat: no-repeat !important;
}
@media screen and (max-width: 700px) {
.stores-section .store .store-img {
background-repeat: inherit !important;
order: 1;
}
}
.slider-section { }
.slider-section .bg-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slider-section .slider-section--light {
color: #ffffff;
}
.slider-section .slider-section--light .slider-section-button {
background: transparent;
color: #ffffff;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.slider-section .slider-section--light .slider-section-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.slider-section .slider-section--light .slider-section-button:active {
background: rgba(0, 0, 0, 0);
}
.slider-section .slider-section--light .slider-section-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.slider-section .text-block {
text-align: left;
position: absolute;
max-width: 450px;
left: 90px;
top: 50%;
transform: translate(0, -50%);
}
@media screen and (max-width: 1000px) {
.slider-section .text-block {
position: relative;
top: 0;
left: 0;
transform: none;
padding: 15px 30px 30px;
text-align: center;
}
}
.slider-section .text-block h2 {
font-size: 36px;
margin: 0 0 18px 0;
}
.slider-section .text-block p {
font-size: 18px;
line-height: 25px;
}
.slider-section .text-block a {
color: #666666;
text-decoration: none;
}
.slider-section .slider-section-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
font-size: 15px;
padding: 0 10px;
line-height: 30px;
}
.slider-section .slider-section-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.slider-section .slider-section-button:active {
background: rgba(0, 0, 0, 0);
}
.slider-section .slider-section-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.slider-section .image {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 1000px) {
.slider-section .slick-slide img {
max-width: 150%;
transform: translateX(-27%);
}
}
@media screen and (max-width: 1000px) {
.slider-section .slick-slide .fwi img {
max-width: 100%;
transform: translateX(0) !important;
}
}
.slider-section .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
}
@media screen and (max-width: 1000px) {
.slider-section .slick-dots {
display: none !important;
}
}
.slider-section .slick-dots li {
margin: 0 0.25rem;
}
.slider-section .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background: transparent;
border: 1px solid #06062d;
text-indent: -9999px;
}
.slider-section .slick-dots li.slick-active button {
background: #06062d;
}
.slider-section .slick-prev,
.slider-section .slick-next {
display: none !important;
}
.slider-section .text-block {
color: #666 !important;
}
.slider a {
text-decoration: none !important;
}
.slick-slide img {
width: 100%;
}
.form-section {
padding: 30px;
}
#gform_submit_button_1 {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
cursor: pointer;
text-transform: capitalize;
border-radius: 0;
}
#gform_submit_button_1:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
#gform_submit_button_1:active {
background: rgba(0, 0, 0, 0);
}
#gform_submit_button_1::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.gform_footer {
text-align: center;
}
.gform_title {
display: none;
}
input {
padding: 10px 10px !important;
margin: 0 !important;
}
textarea {
padding: 10px 10px !important;
}
.contact-form-text-block {
font-size: 12px;
}
.contact-form-text-block a {
color: #06062d;
}
.contact-form-text-block a:hover {
color: #666666;
text-decoration: none;
}
.contact-form-dropdown .gfield_label {
display: none !important;
}
.contact-form-dropdown label {
display: none;
}
.contact-form-dropdown select {
height: 50px;
background: #ffffff;
color: #666666;
}
.tabs {
margin: 1.5rem 0;
} .tabs-thumbs {
margin: 0;
padding-left: 0;
border-bottom: 1px solid #e5e5e5;
}
.tabs-thumb {
display: inline-block;
line-height: 3;
position: relative;
}
.tabs-thumb a {
display: block;
padding: 0 1.5rem;
color: #9d9d9d;
text-decoration: none;
cursor: pointer;
}
.tabs-thumb a:hover {
color: #ae9a64;
} .tabs-panels {
margin: 0;
padding: 1rem 0;
list-style: none;
}
.tabs-panel {
display: none;
} .tabs-thumb.is-active a {
color: #ae9a64;
}
.tabs-thumb.is-active a:hover {
cursor: default;
color: #ae9a64;
}
.tabs-thumb.is-active a::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
height: 2px;
width: 100%;
background: #ae9a64;
}
.woocommerce a, .woocommerce p, .woocommerce th, .woocommerce td {
font-weight: 100 !important;
}
.woocommerce .return-to-shop a {
background: transparent;
padding: 0.918em 1em;
color: #06062d;
border: 1px solid #06062d;
font-weight: 100 !important;
}
.woocommerce .return-to-shop a:hover {
background: #06062d;
color: #ffffff;
border: 1px solid #06062d;
}
.woocommerce-message {
border-top: 3px solid #06062d;
}
.woocommerce-message:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 22px;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -44px 0px no-repeat;
}
.woocommerce-breadcrumb {
display: none;
}
.woocommerce .woocommerce-loop-product__title {
color: #666666;
}
.woocommerce .price .woocommerce-Price-amount {
color: #666666;
font-size: 18px;
}
.woocommerce .woocommerce .quantity .qty {
padding: 5px !important;
}
.woocommerce .product_meta {
display: none;
}
.woocommerce .related h2:nth-child(1) {
border-top: 1px solid #06062d;
padding: 50px;
text-align: center;
color: #06062d;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: transparent;
padding: 0.918em 1em;
color: #06062d;
border: 1px solid #06062d;
font-weight: 100 !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #06062d;
color: #ffffff;
border: 1px solid #06062d;
}
.add_to_cart_button, .product_type_simple {
background: #ffffff !important;
color: #06062d !important;
border: 1px solid #06062d !important;
border-radius: 0 !important;
font-family: "Playfair Display" !important;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased;
}
.add_to_cart_button:hover, .product_type_simple:hover {
background: #06062d !important;
color: #ffffff !important;
border: 1px solid #06062d !important;
}
.woocommerce div.product .product_title {
font-size: 20px;
color: #06062d;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #06062d;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-family: "Playfair Display" !important;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #666666;
} .woocommerce-product-gallery {
position: relative;
margin-bottom: 3em;
}
.woocommerce-product-gallery figure {
margin: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer;
}
.woocommerce-product-gallery .flex-control-thumbs img {
opacity: 0.5;
}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1;
}
.woocommerce-product-gallery img {
display: block;
}
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%;
}
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%;
}
.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}
.woocommerce-product-gallery__trigger:after {
display: none !important;
}
.woocommerce-product-gallery__trigger img {
display: none !important;
}
a.woocommerce-product-gallery__trigger {
text-decoration: none;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.875em;
right: 0.875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
color: #ffffff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
border-color: #1781ae;
color: #ffffff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
line-height: 2;
text-indent: 0;
content: "";
display: inline-block;
vertical-align: middle;
background-position: -19px 0;
margin: 0 5px 0 0;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -158px -67px no-repeat;
background-size: 430px;
width: 27px !important;
height: 25px !important;
border: none !important;
border-radius: 0 !important;
}
.shop-margin {
display: flex;
display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 3fr;
}
@media screen and (max-width: 1000px) {
.shop-margin {
grid-template-columns: 1fr;
}
}
.shop-filters h3 {
color: #06062d;
margin-bottom: 0;
}
.shop-filters .searchandfilter {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
.shop-filters .searchandfilter ul {
margin: 0;
padding: 0;
}
.shop-filters .sf-field-post-meta-_price, .shop-filters .sf-field-taxonomy-product_tag {
cursor: pointer;
color: #06062d;
position: relative;
}
.shop-filters .searchandfilter .noUi-connect {
background: #06062d;
}
.shop-one-col {
background: #f0f0f0;
text-align: center;
margin-bottom: 50px;
padding: 34px 0;
position: relative;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
min-height: 225px;
}
.shop-one-col .container {
max-width: 600px;
}
.shop-one-col img {
width: 300px;
margin-left: 20px;
}
.shop-one-col .description {
padding: 0 0 60px;
font-size: 15px;
font-family: "Times New Roman", Arial, Helvetica, sans-serif;
}
.woocommerce-products-header__title {
color: #06062d;
padding: 0 0 43px;
margin-top: 0;
margin-bottom: 0;
}
.woocommerce-products-header__title:after {
height: 30px;
width: 1px;
background: #000;
content: "";
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
display: none;
}
.products .product .woocommerce-product-details__short-description {
display: none;
}
.products .product img {
border: 2px solid transparent;
}
.products .product .shop-product-image-description {
position: relative;
}
.products .product:hover .woocommerce-product-details__short-description {
position: relative;
display: block;
background: rgba(255, 255, 255, 0.85);
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
color: #666666;
font-size: 12px;
padding: 10px;
height: 100%;
border: 2px solid #ae9a64;
overflow: hidden;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
padding: 0 10%;
}
.products .product:hover .woocommerce-product-details__short-description p {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.woocommerce span.onsale {
background: #ae9a64;
min-width: 3.5em !important;
}
.woocommerce-tabs {
border-top: 1px solid #999999;
}
.woocommerce-tabs .wc-tabs {
padding: 0 4px !important;
margin: 0 !important;
}
.woocommerce table.shop_attributes {
border-top: 0 !important;
margin-top: 10px !important;
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
border-bottom: 0 !important;
font-weight: 100 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border: none;
box-shadow: none;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
text-align: center;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: none !important;
}
.woocommerce-Tabs-panel h2 {
display: none;
}
.woocommerce ul.products, .woocommerce-page ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products li.product {
display: flex;
flex-direction: column;
text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product .button {
align-self: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
flex-grow: 1;
}
.product-addon-totals {
border-top: none !important;
border-bottom: none !important;
display: none;
}
.product-addon-totals ul {
padding: 0;
}
.product-addon-totals .wc-pao-col1 {
font-family: "Playfair Display" !important;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased;
}
.product-addon-totals .wc-pao-col2 {
display: none;
}
.product-addon-totals .wc-pao-subtotal-line {
display: none;
}
.product-addon-totals .wc-pao-subtotal-line .price {
display: none;
}
.additional_information_tab {
display: none !important;
}
.address-block .buttons {
position: relative !important;
}
.cart-header {
background: #f0f0f0;
margin: 1em calc(50% - 50vw);
margin-top: -1.5em;
margin-bottom: 2.5em;
text-align: center;
padding: 10px;
}
.cart-header:after {
content: "";
display: block;
position: relative;
top: 13px;
width: 100%;
height: 1px;
background: #f0f0f0;
}
.cart-header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 1000px) {
.cart-header .container {
flex-direction: column;
}
}
.cart-header h1 {
color: #06062d;
font-size: 25px;
text-transform: capitalize;
}
.cart-header .outline-btn {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin: 10px 0;
padding: 8px 30px;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.cart-header .outline-btn:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.cart-header .outline-btn:active {
background: rgba(0, 0, 0, 0);
}
.cart-header .outline-btn::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.cart-header .outline-btn::before {
display: none;
}
.cart-header .outline-btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.cart-header .filled-btn {
background: #06062d;
color: #ffffff;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin: 10px 0;
padding: 8px 30px;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.cart-header .filled-btn:hover {
background: transparent;
color: #06062d;
transition: all 0.3s ease;
}
.cart-header .filled-btn:active {
background: black;
}
.cart-header .filled-btn::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.cart-header .filled-btn::before {
display: none;
}
.cart-header .filled-btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 120px !important;
}
.shop-filters .fa {
display: none;
}
@media screen and (max-width: 1000px) {
.shop-filters .fa {
display: inline-block;
position: relative;
top: 2px;
}
}
@media screen and (max-width: 1000px) {
.shop-filters .searchandfilter {
display: none;
}
}
.woocommerce-cart .woocommerce-cart-form__contents th {
color: #06062d;
}
.woocommerce-cart .woocommerce-cart-form__contents .product-remove a {
color: #666666 !important;
}
.woocommerce-cart .woocommerce-cart-form__contents .product-remove a:hover {
background: #06062d;
color: #ffffff !important;
}
.woocommerce-cart .product-name a {
color: #666666;
}
.woocommerce-cart .product-name a:hover {
color: #999999;
}
.woocommerce-cart .coupon input {
width: 150px !important;
}
.woocommerce-cart .coupon button {
background: transparent;
padding: 0.918em 1em;
color: #06062d;
border: 1px solid #06062d;
font-weight: 100 !important;
}
.woocommerce-cart .coupon button:hover {
background: #06062d;
color: #ffffff;
border: 1px solid #06062d;
}
.woocommerce-cart .shipping-calculator-button {
color: #06062d;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background: transparent;
padding: 0.918em 1em !important;
color: #06062d;
border: 1px solid #06062d;
font-weight: 100 !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: #06062d;
color: #ffffff;
border: 1px solid #06062d;
}
.woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-info {
border-top-color: #06062d;
}
.woocommerce-info:before {
color: #06062d;
}
a {
color: #06062d;
}
#wc_checkout_add_ons {
border: 1px solid #AE9A64;
padding: 20px;
margin-top: 30px;
text-align: center;
}
#wc_checkout_add_ons label {
font-size: 25px;
margin: 0 5px;
}
#wc_checkout_add_ons .input-checkbox {
opacity: 0;
}
#wc_checkout_add_ons label img {
width: 204px;
width: 523px;
}
.fee th {
display: flex;
align-items: center;
}
@media screen and (max-width: 800px) {
.fee th {
flex-direction: column;
}
}
.fee th img {
max-width: 150px;
width: 100%;
}
.select2-container .country_to_state .country_select {
width: 100% !important;
}
.woocommerce form .form-row .select2-container {
width: 100% !important;
}
.woocommerce ul#shipping_method li input {
top: 5px;
position: relative;
right: 2px;
}
.wc-shipping-multiple-addresses .shop_table .cart .select.address-select {
width: 100% !important;
}
.woocommerce-cart .cross-sells {
display: none !important;
}
.myaccount-login {
margin: 1em calc(50% - 50vw);
padding: 170px 0;
margin-top: -1.5em;
background-repeat: no-repeat !important;
}
@media screen and (max-width: 1000px) {
.myaccount-login {
padding: 0px;
}
}
.myaccount-login .woocommerce-form-login, .myaccount-login .woocommerce-form-register {
background: #f2f2f2;
padding: 20px;
text-align: center !important;
padding: 20px 40px 30px !important;
box-shadow: 0 0 0px 3px #fff, 0 0 0 4px #e6e6e6;
border-radius: 0 !important;
}
.myaccount-login .woocommerce-form-login .form-row, .myaccount-login .woocommerce-form-register .form-row {
display: flex;
flex-direction: column;
}
.myaccount-login .woocommerce-form-login h2, .myaccount-login .woocommerce-form-register h2 {
margin: 0;
color: #06062d;
}
.myaccount-login .woocommerce-form-login .password-reset-temp, .myaccount-login .woocommerce-form-register .password-reset-temp {
margin-bottom: 0;
}
.myaccount-login .woocommerce-form-login a, .myaccount-login .woocommerce-form-register a {
color: #06062d;
}
.myaccount-login .woocommerce-form-login a:hover, .myaccount-login .woocommerce-form-register a:hover {
text-decoration: none;
}
.myaccount-login .woocommerce-form-login .woocommerce-form-login__submit, .myaccount-login .woocommerce-form-login .woocommerce-form-register__submit, .myaccount-login .woocommerce-form-register .woocommerce-form-login__submit, .myaccount-login .woocommerce-form-register .woocommerce-form-register__submit {
background: transparent !important;
color: #06062d !important;
border: 1px solid #06062d !important;
border-radius: 0 !important;
min-width: 162px;
padding: 14px 10px;
font-weight: 100 !important;
text-decoration: none;
display: inline-block;
text-transform: capitalize;
transition: 0.5s;
}
.myaccount-login .woocommerce-form-login .woocommerce-form-login__submit:hover, .myaccount-login .woocommerce-form-login .woocommerce-form-register__submit:hover, .myaccount-login .woocommerce-form-register .woocommerce-form-login__submit:hover, .myaccount-login .woocommerce-form-register .woocommerce-form-register__submit:hover {
background: #06062d !important;
color: #ffffff !important;
border: 1px solid #06062d !important;
}
.my-account-title {
padding: 10px;
text-align: center;
background: #f2f2f2 !important;
margin: 1em calc(50% - 50vw);
margin-top: -1.5em;
margin-bottom: 2.5em;
}
.my-account-title h1 {
color: #06062d;
}
.woocommerce-MyAccount-content {
background: #f2f2f2;
padding: 30px;
}
.woocommerce-MyAccount-navigation {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation li {
margin: 20px;
background: #06062d;
}
@media screen and (max-width: 1000px) {
.woocommerce-MyAccount-navigation li {
margin: 0;
}
}
.woocommerce-MyAccount-navigation li a {
background: #ffffff;
color: #06062d;
padding: 10px;
display: block;
text-decoration: none;
border-bottom: 1px solid #f2f2f2;
}
.woocommerce-MyAccount-navigation li a:hover {
border-bottom: 1px solid #06062d;
}
.woocommerce-MyAccount-navigation .is-active a {
border-bottom: 1px solid #06062d;
}
body > .backdrop {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
body > .backdrop .modal {
position: absolute;
top: 50%;
left: 50%;
background: #ffffff;
color: #06062d;
transform: translate(-50%);
padding: 20px;
text-align: center;
}
body > .backdrop .shoppopupbuttons {
margin-top: 20px;
}
body > .backdrop .shoppopupbuttons button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin: 10px 0;
padding: 4px 30px;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
body > .backdrop .shoppopupbuttons button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
body > .backdrop .shoppopupbuttons button:active {
background: rgba(0, 0, 0, 0);
}
body > .backdrop .shoppopupbuttons button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
body > .backdrop .shoppopupbuttons button::before {
display: none;
}
body > .backdrop .shoppopupbuttons button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.corporate-backdrop {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
z-index: 99999;
}
.corporate-backdrop #corporate-popup-div {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
max-width: 100vw;
max-height: 100vh;
padding: 70px;
}
@media screen and (max-width: 1000px) {
.corporate-backdrop #corporate-popup-div {
padding: 25px;
}
}
.corporate-backdrop #corporate-popup-div .corporate-popup-close {
position: absolute;
top: 50px;
right: 50px;
color: #ffffff;
cursor: pointer;
}
.corporate-backdrop #corporate-popup-div iframe {
width: 100%;
height: 100%;
}
.header-search {
display: none;
}
@media screen and (min-width: 1001px) {
.header-search {
display: block;
position: relative;
top: 10px;
}
}
.header-search-icon {
cursor: pointer;
}
.header-search-icon:before {
content: "";
display: inline-block;
vertical-align: middle;
background-position: -19px 0;
margin: 0 5px 0 0;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -159px -69px no-repeat;
background-size: 430px;
width: 18px;
height: 18px;
}
.header-search-backdrop {
background: rgba(237, 237, 237, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
z-index: 99;
}
.header-search-backdrop .header-search-close {
position: absolute;
top: 76px;
right: 76px;
color: #06062d;
cursor: pointer;
z-index: 9999;
width: 25px;
}
.header-search-backdrop .header-search-form {
position: fixed;
top: 0;
left: 0;
z-index: 999;
padding: 70px;
font-family: "Playfair Display";
position: absolute;
transform: translate(10px, 10px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.header-search-backdrop .header-search-form h2 {
color: #06062d;
margin: 0;
font-size: 2.3rem;
}
.header-search-backdrop .header-search-form p {
color: #06062d;
margin: 0;
padding-bottom: 10px;
}
.header-search-backdrop .header-search-form .search-field {
padding: 8px 10px;
}
.header-search-backdrop .header-search-form ::-webkit-input-placeholder {
color: transparent;
}
.header-search-backdrop .header-search-form :-moz-placeholder { color: transparent;
}
.header-search-backdrop .header-search-form ::-moz-placeholder { color: transparent;
}
.header-search-backdrop .header-search-form :-ms-input-placeholder {
color: transparent;
}
.header-search-backdrop .header-search-form .search-submit {
background: #06062d;
color: #ffffff;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #06062d;
transition: 0.5s;
display: inline-block;
margin: 10px 0;
padding: 10px 30px !important;
font-size: 14px;
line-height: 21px;
border-radius: 0;
position: static;
cursor: pointer;
}
.header-search-backdrop .header-search-form .search-submit:hover {
background: transparent;
color: #ffffff;
transition: all 0.3s ease;
}
.header-search-backdrop .header-search-form .search-submit:active {
background: black;
}
.header-search-backdrop .header-search-form .search-submit::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.header-search-backdrop .header-search-form .search-submit::before {
display: none;
}
.header-search-backdrop .header-search-form .search-submit[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.promo-backdrop {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
}
.promo-backdrop #promo-popup-div {
left: 0;
z-index: 999;
position: relative;
width: 100%;
max-width: 400px;
height: auto;
margin: 0px auto;
background: #fff;
top: 50%;
transform: translate(0, -50%);
}
.promo-backdrop #promo-popup-div .promo-popup-close {
position: absolute;
top: 16px;
right: 16px;
color: #06062d;
cursor: pointer;
}
.promo-backdrop #promo-popup-div .promo-popup-close button {
background: none;
border: none;
cursor: pointer;
}
.promo-backdrop #promo-popup-div .image img {
display: block;
width: 100%;
height: auto;
}
.promo-backdrop #promo-popup-div .content {
padding: 33px 24px 0px 33px;
}
.promo-backdrop #promo-popup-div .content h1 {
color: #06062d;
margin: 0;
font-size: 30px;
}
.promo-backdrop #promo-popup-div .content form {
position: relative;
}
.promo-backdrop #promo-popup-div .content input {
width: 88%;
}
.promo-backdrop #promo-popup-div .content .gform_footer {
position: absolute;
width: auto;
right: 0;
top: 0;
}
.promo-backdrop #promo-popup-div .content .gform_footer input {
width: auto;
background: #ffffff;
border-left: none;
border-radius: 0;
height: 46px;
color: #06062d;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.promo-backdrop #promo-popup-div .content .gform_footer input {
height: 54px;
}
}
.promo-backdrop #promo-popup-div .bottom-content {
padding: 0 33px 5px 33px;
font-size: 13px;
}
.promo-backdrop #promo-popup-div .bottom-content a {
color: #666666;
}
.error-404 .container-small {
margin: 0 auto;
}
.error-404 header {
text-align: center;
background: #f2f2f2;
padding: 35px 0;
}
.error-404 header h1 {
color: #06062d;
text-transform: uppercase;
margin: 0;
}
.error-404 header h3 {
margin: 0;
font-size: 18px;
}
.error-404 .page-content {
margin: 50px auto;
font-size: 16px;
}
.error-404 .page-content p {
margin: 0;
}
.error-404 .page-content h3 {
font-size: 16px;
margin: 0;
}
.error-404 .page-content ul {
margin: 0;
}
.error-404 .page-content ul li a {
color: #666666;
}
.error-404 .page-content ul li a:visited {
color: #666666;
}
.error-404 .page-content .buttons {
text-align: center;
}
.error-404 .page-content .buttons .button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 50px;
}
.error-404 .page-content .buttons .button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.error-404 .page-content .buttons .button:active {
background: rgba(0, 0, 0, 0);
}
.error-404 .page-content .buttons .button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.news-top-bar {
position: relative;
background: #f0f0f0;
padding: 10px;
}
.news-top-bar img {
display: block;
margin: 0 auto;
}
.news-filter {
position: relative;
top: 0;
right: 30px;
display: flex;
flex-direction: row;
height: 100%;
justify-content: space-evenly;
left: 0;
}
@media screen and (max-width: 1000px) {
.news-filter {
flex-direction: column;
text-align: center;
}
}
.news-filter a {
color: #666666;
text-decoration: none;
border: 1px solid transparent;
padding: 5px;
}
.news-filter a:hover {
border: 1px solid #06062d;
}
.news-filter h3 {
display: none;
}
@media screen and (max-width: 1000px) {
.news-filter h3 {
display: inline-block;
margin: 20px 0;
}
}
.news-filter .blogfilter {
width: 100%;
}
@media screen and (max-width: 1000px) {
.news-filter .blogfilter {
display: none;
}
}
.news-filter .blogfilter .blogfilter-section {
display: flex;
justify-content: space-evenly;
}
@media screen and (max-width: 1000px) {
.news-filter .blogfilter .blogfilter-section {
flex-direction: column;
}
}
.news-block {
padding: 50px 0;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
.news-block {
flex-direction: column;
}
}
.news-block .news-left {
display: flex;
flex-wrap: wrap;
width: 75%;
}
@media screen and (max-width: 1000px) {
.news-block .news-left {
width: 100%;
flex-direction: column;
}
}
.news-block .news-left .blog-page-item {
width: 33.33333333%;
float: left;
flex-basis: 33%;
text-align: center;
}
@media screen and (max-width: 1000px) {
.news-block .news-left .blog-page-item {
width: 100%;
}
}
.news-block .news-left .blog-page-item .blog-item-inner {
padding: 0 0 18px;
margin: 0 10px 27px;
border-bottom: 1px solid #f2f2f2;
box-shadow: 0 0 0 #f2f2f2;
box-shadow: 0px 3px 0 #fff, 0 6px 0 #f2f2f2;
}
.news-block .news-left .blog-page-item .posted-on {
font-size: 15px;
line-height: 17px;
margin: 0 0 3px;
color: #666666;
}
.news-block .news-left .blog-page-item .posted-on a {
color: #666666;
text-decoration: none;
}
.news-block .news-left .blog-page-item .entry-title {
margin: 0 0 12px;
}
.news-block .news-left .blog-page-item .entry-title a {
color: #06062d;
font-size: 30px;
text-transform: uppercase;
margin: 0 0 12px;
text-decoration: none;
}
.news-block .news-left .blog-page-item .entry-title a:hover {
color: #666666;
}
.news-block .news-left .blog-page-item .entry-content {
margin-top: 0;
}
.news-block .news-left .blog-page-item .entry-content p {
margin-top: 0;
}
.news-block .news-right {
width: 25%;
}
@media screen and (max-width: 1000px) {
.news-block .news-right {
width: 100%;
}
}
.news-block .news-right .news-signup {
text-align: center;
background: #f0f0f0;
border: none;
padding: 50px 50px 40px 50px;
box-shadow: inset 0px 0px 0 4px #ffffff;
border: 1px solid #f0f0f0;
}
.news-block .news-right .news-signup h3 {
padding: 52px 0 0;
position: relative;
color: #06062d;
max-width: 245px;
margin: 0 auto 15px;
font-size: 32px;
}
.news-block .news-right .news-signup h3:before {
content: "";
position: absolute;
top: 0;
width: 44px;
height: 32px;
left: 0;
right: 0;
margin: 0 auto;
background: url(//charbonnel.co.uk/wp-content/themes/blank/public/img/sprite.png) -164px -349px no-repeat;
}
.news-block .news-right .news-signup p {
position: relative;
color: #666666;
font-size: 16px;
}
.news-block .news-right .news-signup input {
text-transform: uppercase;
width: 100% !important;
padding: 5px 0 !important;
background: none;
border: 1px solid #404041;
border-width: 0 0 1px;
font-size: 11px !important;
border-radius: 0 !important;
}
.news-block .news-right .news-signup .gform_button {
background: #ffffff;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px !important;
padding: 8px 20px !important;
font-size: 18px !important;
text-transform: capitalize;
width: auto !important;
}
.news-block .news-right .news-signup .gform_button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.news-block .news-right .news-signup .gform_button:active {
background: #bfbfbf;
}
.news-block .news-right .news-signup .gform_button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.single-news-post {
font-size: 15px;
}
.single-news-post h1 {
text-align: center;
font-size: 30px;
color: #06062d;
margin: 0 0 54px;
position: relative;
}
.single-news-post h1:after {
height: 36px;
width: 1px;
background: #000;
content: "";
position: absolute;
bottom: -45px;
left: 0;
right: 0;
margin: 0 auto;
}
.single-blog-post-section {
max-width: 880px;
padding: 20px 0;
border-bottom: 1px solid #06062d;
box-shadow: 0px 2px 0 #fff, 0px 6px 0 #06062d;
margin: 0 auto;
}
#nav-single-post {
display: flex;
justify-content: space-between;
}
#nav-single-post a {
color: #666666;
text-decoration: none;
}
#nav-single-post a:hover {
color: #999999;
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
display: block;
width: 100%;
}
.img-left-one-column, .img-left-one-column--grey {
padding: 30px;
}
.img-left-one-column--grey {
background: #f2f2f2;
color: #06062d;
text-align: center;
}
.img-left-one-column .img-left-one-column-button, .img-left-one-column--grey .img-left-one-column-button {
background: transparent;
color: #06062d;
text-decoration: none;
padding: 8px 30px;
font-size: 18px;
font-weight: normal;
position: relative;
border: 1px solid #b3b3c2;
transition: 0.5s;
display: inline-block;
margin-top: 20px;
}
.img-left-one-column .img-left-one-column-button:hover, .img-left-one-column--grey .img-left-one-column-button:hover {
background: #06062d;
color: #ffffff;
transition: all 0.3s ease;
}
.img-left-one-column .img-left-one-column-button:active, .img-left-one-column--grey .img-left-one-column-button:active {
background: rgba(0, 0, 0, 0);
}
.img-left-one-column .img-left-one-column-button::before, .img-left-one-column--grey .img-left-one-column-button::before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 28px;
bottom: 100%;
left: 50%;
background: #b3b3c2;
}
.img-left-one-column .container, .img-left-one-column--grey .container {
display: flex;
align-items: center;
}
@media screen and (max-width: 1000px) {
.img-left-one-column .container, .img-left-one-column--grey .container {
flex-direction: column;
}
}
.search-results .page-title {
padding: 40px;
text-align: center;
background: #f2f2f2;
margin: 1em calc(50% - 50vw);
margin-top: 0;
}
.search-results .search-results-section {
display: flex;
flex-wrap: wrap;
}
.search-results .search-results-section article {
width: 25%;
flex-basis: 25%;
text-align: center;
}
@media screen and (max-width: 1000px) {
.search-results .search-results-section article {
width: 50%;
flex-basis: 50%;
}
}
.search-results .search-results-section article .entry-title {
line-height: 15px;
}
.search-results .search-results-section article .entry-title a {
color: #666666;
text-decoration: none;
font-size: 15px;
}
.search-results .search-results-section article h2 {
margin: 0;
}
.search-results .search-results-section a {
color: #666666;
text-decoration: none;
}
.heritage-section {
background: #f2f2f2;
padding: 30px 0;
}
@media screen and (max-width: 1000px) {
.heritage-section {
padding: 20px 0;
}
}
@media screen and (max-width: 768px) {
.heritage-section {
padding: 10px 0;
}
}
.heritage-section h2 {
text-align: center;
margin-top: 0;
text-align: center;
margin-top: 0;
line-height: normal;
font-family: "Playfair Display" !important;
font-weight: 100 !important;
font-size: 16px;
padding-bottom: 15px;
}
.heritage-section .chocolate-item-block {
position: relative;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
}
@media screen and (max-width: 1000px) {
.heritage-section .chocolate-item-block {
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
}
@media screen and (max-width: 768px) {
.heritage-section .chocolate-item-block {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
.heritage-section .chocolate-item-block .chocolate-item {
background: #ffffff;
padding: 10px;
border: 2px solid #d9d9d9;
display: block;
color: #666666;
transition: 0.3s;
}
.heritage-section .chocolate-item-block .chocolate-item:hover {
cursor: pointer;
color: #666666;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.16);
}
.heritage-section .chocolate-item-block .chocolate-item h3 {
margin: 0;
text-align: center;
font-size: 16px;
}
.heritage-section .chocolate-item-block .chocolate-item h4 {
margin: 0;
text-align: center;
font-size: 14px;
}
.heritage-section .chocolate-item-block .chocolate-item-is-active {
position: relative;
display: block;
border: 2px solid #ae9a64;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.16);
}
.heritage-section .chocolate-item-block .chocolate-description {
display: none;
background: rgba(255, 255, 255, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-block {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
border: 2px solid #d9d9d9;
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.16);
text-align: center;
padding: 30px 50px;
max-width: 500px;
width: 90%;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-block img {
max-width: 250px;
width: 100%;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-block h3 {
margin: 0;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-block h4 {
margin: 0;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-close {
position: absolute;
top: 10px;
right: 20px;
color: #ffffff;
cursor: pointer;
}
.heritage-section .chocolate-item-block .chocolate-description .chocolate-description-close .fa {
color: #c3c3c3;
font-size: 20px;
}
.promo-backdrop, .image-pormo-backdrop {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
}
.promo-backdrop #promo-popup-div, .image-pormo-backdrop #promo-popup-div {
left: 0;
z-index: 999;
position: relative;
width: 100%;
max-width: 400px;
height: auto;
margin: 0px auto;
background: #fff;
top: 50%;
transform: translate(0, -50%);
}
.promo-backdrop #promo-popup-div .promo-popup-close, .image-pormo-backdrop #promo-popup-div .promo-popup-close {
position: absolute;
top: 20px;
right: 20px;
color: #06062d;
cursor: pointer;
}
.promo-backdrop #promo-popup-div .promo-popup-close button, .image-pormo-backdrop #promo-popup-div .promo-popup-close button {
background: none;
border: none;
cursor: pointer;
}
.promo-backdrop #promo-popup-div .image img, .image-pormo-backdrop #promo-popup-div .image img {
display: block;
width: 100%;
height: auto;
}
.promo-backdrop #promo-popup-div .content, .image-pormo-backdrop #promo-popup-div .content {
padding: 33px 24px 0px 33px;
}
.promo-backdrop #promo-popup-div .content h1, .image-pormo-backdrop #promo-popup-div .content h1 {
color: #06062d;
margin: 0;
font-size: 30px;
}
.promo-backdrop #promo-popup-div .content form, .image-pormo-backdrop #promo-popup-div .content form {
position: relative;
}
.promo-backdrop #promo-popup-div .content input, .image-pormo-backdrop #promo-popup-div .content input {
width: 88%;
}
.promo-backdrop #promo-popup-div .content .gform_footer, .image-pormo-backdrop #promo-popup-div .content .gform_footer {
position: absolute;
width: auto;
right: 0;
top: 0;
}
.promo-backdrop #promo-popup-div .content .gform_footer input, .image-pormo-backdrop #promo-popup-div .content .gform_footer input {
width: auto;
background: #ffffff;
border-left: none;
border-radius: 0;
height: 46px;
color: #06062d;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.promo-backdrop #promo-popup-div .content .gform_footer input, .image-pormo-backdrop #promo-popup-div .content .gform_footer input {
height: 54px;
}
}
.promo-backdrop #promo-popup-div .bottom-content, .image-pormo-backdrop #promo-popup-div .bottom-content {
padding: 0 33px 5px 33px;
font-size: 13px;
}
.promo-backdrop #promo-popup-div .bottom-content a, .image-pormo-backdrop #promo-popup-div .bottom-content a {
color: #666666;
}
.image-pormo-backdrop {
background: rgba(174, 154, 100, 0.8);
padding: 20px;
}
.image-pormo-backdrop #promo-popup-div {
background: none;
max-width: 800px;
width: 100%;
padding: 20px;
height: auto;
}
.image-pormo-backdrop #promo-popup-div .video {
max-width: 800px;
width: 100%;
}
.image-pormo-backdrop #promo-popup-div .image {
max-width: 800px;
width: 100%;
}
.site-title .video {
width: 200px;
} .footer-promo-section{
margin: 20px 0;
}
.footer-promo-section-mobile-image{
display: none !important;
}
@media screen and (max-width: 1000px){
.footer-promo-section-desktop-image{
display: none !important;
}
.footer-promo-section-mobile-image{
display: block !important;
max-width: 100% !important;
transform: unset !important;
}
}