*/ div .cart-title p, div .st-menu-title p { font-size: 1.21875rem; line-height: inherit; letter-spacing: .02em; color: #3d3d3d; font-family: Roboto Condensed, sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } /* Reset categories style within nav of the header after redefinition from
*/ div .category-item p { margin-bottom: .5rem; font-size: .9375rem; font-family: Roboto Condensed, sans-serif; color: #3d3d3d; font-weight: 700; letter-spacing: .02em; line-height: inherit; } /* Reset footer titles style after redefinition from
*/
footer .col-md-12 p {
margin-top: 0;
font-family: Roboto Condensed, sans-serif;
color: #3d3d3d;
letter-spacing: .02em;
line-height: inherit;
text-transform: uppercase;
font-size: 1.25rem;
margin-bottom: 12px;
font-weight: 700;
}
footer .block-social p {
font-size: 1.25rem;
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
color: #3d3d3d;
font-weight: 700;
letter-spacing: .02em;
line-height: inherit;
}
footer .block-newsletter > p {
font-family: Roboto Condensed, sans-serif;
color: #3d3d3d;
font-weight: 700;
letter-spacing: .02em;
line-height: inherit;
text-transform: uppercase;
font-size: 1.25rem;
margin-bottom: 20px;
}
/* Reset homepage block-title style after redefinition from to */
.subcategory-name {
font-family: Roboto Condensed, sans-serif;
color: #3d3d3d;
font-weight: 700;
letter-spacing: .02em;
line-height: inherit;
margin-bottom: .5rem;
}
/* The next modifications concern add of classes to enable owner of PCW to handle more easily hover effect on cursor */
.WB-cursor-default:hover {
cursor: default;
}
/* The next modification concern link at the top of the header */
/* Muting link for "PC Linux" on top, but still visible on sidebar navigation. Thus mobile device user can access the "pseudo-category" PC Linux from the sidebar navigation */
.js-header-phone-source .WB-header-link-muted {
display:none;
}
.WB-header-link-muted a {
font-size: 1.1em;
}
/* The next modifications concern link in the footer */
/* Links on an unfilled line are centered */
#footer-disposition {
justify-content: center;
}
/* The next modifications concern faceted search ui. It improves components location */
/* Centering the checkbox with its text */
.facet-label input {
vertical-align: middle;
}
/* Setting a space between the checkbox and its text */
.facet-label a {
margin-left: 7%;
}
/* More space between "titles" */
#search_filters p {
margin-top: 15px;
margin-bottom: 15px !important;
}
/* New design for tag when active filters are on */
/* More space between tags and products below */
#js-active-search-filters ul {
margin-bottom: 3%;
}
/* Tags looks more like "buttons" */
#js-active-search-filters li {
display: inline-block;
padding: 10px;
margin: 5px;
background-color: #fd6282;
color: #fff;
border-radius: 3px;
font-weight: bold;
}
#js-active-search-filters span {
position: relative;
left: 4px;
}
/* The little cross to close a tag */
#js-active-search-filters i {
color: #fff;
position: relative;
left: 7px;
bottom: 5px;
opacity: initial;
}
/* The next modifications concern 404 page */
/* Setting for designing brand new */
.title-block h2 {
font-size: 1.5rem;
}
/* Reset subcategories titles on category pages after redefinition from
to
according to theme */
#WB-404-h1 {
font-size: 1.5rem;
text-transform: uppercase;
line-height: 30px;
margin: 0 0 15px;
padding: 5px 0;
letter-spacing: .02em;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
color: #3d3d3d;
}
/* The next modifications concern general properties for article or written content */
/* /!\ The next one might generate some conflict in the future, improvement of link displayed in category pages of CMS content */
#content > ul {
width: 50%;
margin: 0 auto;
}
#content > ul li {
margin: 25px 0;
padding: 10px 0 10px 20px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
border-radius: 5px;
transition: all .3s;
}
#content > ul li:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0,0,0,.2);
}
#content > ul li a {
font-size:.875rem;
color: #5d5d5d;
font-weight: 700;
display: block;
}
#content > ul li a:hover {
color: #fd6282;
}
#content > ul a::after {
content: "Lire l'article";
margin-left:78%;
cursor:pointer;
font-weight: normal;
font-family:Roboto Condensed,sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:none;
background-color:#5a9e74;
padding-left:2%;
padding-right:2%;
transition:all .3s;
border-radius:3px;
padding-top:9px;
padding-bottom:6px;
font-size:.875rem;
display:inline-block;
margin-top: 20px;
}
#content > ul a:hover::after {
background-color:#477e5c
}
@media all and (max-width:1242px) {
#content > ul a::after {
margin-left: 81%;
}
}
@media all and (max-width:1218px) {
#content > ul {
width: 75%;
}
}
@media all and (max-width:990px) {
#content > ul {
width: 100%;
}
}
@media all and (max-width:766px) {
#content > ul a::after {
margin-left: 74%;
}
}
@media all and (max-width:453px) {
#content > ul a::after {
margin-left: 69%;
}
}
@media all and (max-width:385px) {
#content > ul a::after {
margin-left: 63%;
}
}
@media all and (max-width:331px) {
#content > ul a::after {
margin-left: 58%;
}
}
.WB-article h2, .WB-article h3 {
margin: 20px 0;
text-transform: uppercase;
font-size: 1.6em;
}
.WB-button, .WB-article .btn-default {
background-color: #5a9e74;
color: #fff;
border-radius: 3px;
padding: 15px;
font-weight: bold;
text-transform: none;
transition: 0.5s;
display: inline-block;
}
.WB-button:hover, .WB-article .btn-default:hover {
color: #fff;
background-color: #4c8662;
border-color: #477e5c;
transition: 0.5s;
}
.WB-frame {
border:solid 1px;
padding: 10px 8px;
margin: 20px 0;
display: inline-block;
}
.WB-article img {
margin: 15px auto;
}
/*.WB-article span {
display: inline; //No longer useful since #cms #content span is muted
}*/
.WB-article ul {
list-style: circle;
margin-top: 10px;
}
.WB-enumeration {
list-style: decimal;
margin-top: 10px;
}
.WB-icon-inline {
height:20px !important;
margin-bottom:7px;
padding: 0 5px;
}
.WB-article-link {
width: 50%;
margin: 30px auto;
padding: 10px 10px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
border-radius: 5px;
transition: all .3s;
}
.WB-article-link:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0,0,0,.2);
}
.WB-article-link a {
font-size:.875rem;
color: #5d5d5d;
font-weight: 700;
display: block;
padding: 5px 0 5px 10px;
}
.WB-article-link a:hover {
color: #fd6282;
}
.WB-article-link a::after {
content: "Lire l'article";
margin-left:78%;
cursor:pointer;
font-weight: normal;
font-family:Roboto Condensed,sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:none;
background-color:#5a9e74;
padding-left:2%;
padding-right:2%;
transition:all .3s;
border-radius:3px;
padding-top:9px;
padding-bottom:6px;
font-size:.875rem;
display:inline-block;
margin-top: 20px;
}
.WB-article-link a:hover::after {
background-color:#477e5c
}
@media all and (max-width:1242px) {
.WB-article-link a::after {
margin-left: 81%;
}
}
@media all and (max-width:1219px) {
.WB-article-link {
width: 75%;
}
}
@media all and (max-width:991px) {
.WB-article-link {
width: 100%;
}
}
@media all and (max-width:767px) {
.WB-article-link a::after {
margin-left: 74%;
}
}
@media all and (max-width:453px) {
.WB-article-link a::after {
margin-left: 69%;
}
}
@media all and (max-width:385px) {
.WB-article-link a::after {
margin-left: 63%;
}
}
@media all and (max-width:331px) {
.WB-article-link a::after {
margin-left: 58%;
}
}
/* The next modifications concern template for description and short description in product pages */
/* Improve quickview display */
.product-information {
margin-top: 31px;
}
#block-reassurance {
margin-top: 5%;
}
/* Improve information display on first part of a product page */
.product-additional-info {
width: 50%;
margin-left: auto;
}
.sm-bottom {
margin-bottom: 0px;
}
/* Short-description */
.WB-short-description div:first-child>img {
height:33px
}
.WB-short-description div:first-child img+img {
margin-left:5%
}
.WB-short-description div + p {
margin-top: 15px;
}
.WB-short-description table:first-of-type {
margin-top: 15px;
}
.WB-short-description table {
border-collapse:collapse;
}
.WB-short-description table + table tr {
border-top:solid 1px gray
}
.WB-short-description tr td {
padding:5px 10px;
}
.WB-short-description tr td:last-of-type {
border-left:solid 1px gray;
width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.WB-short-description td img {
height:25px;
}
.WB-short-description p {
margin:0;
}
/* Description */
.WB-description table {
font-family: arial, verdana, geneva, helvetica, sans-serif;
text-align:justify;
}
.WB-desc-td-txt-lft {
padding-right: 4%;
}
.WB-desc-td-txt-rgt {
padding-left: 4%;
}
.WB-description h2, .WB-description h3 {
color: #009dd3;
font-size: medium;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}
.WB-desc-td-img {
text-align: center;
}
.WB-description table img {
width: 400px;
height: 250px;
}
.WB-description hr {
width: 90%;
margin-top: 50px;
margin-bottom: 40px;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.WB-description > p:first-of-type {
font-weight: bold;
text-align: center;
margin-top: 40px;
}
.WB-description > div {
display: flex;
}
.WB-description > div div {
display: inherit;
align-items: center;
}
.WB-description > div p {
padding: 0 8%;
}
#to-top-of-description-p {
text-align: center;
margin-top: 30px;
}
#to-top-of-description-p img {
margin-left: auto;
margin-right: auto;
}
/* The next modifications concern purchase tunnel */
/* Enable CTA "transformer mon panier en devis" to have longer sentence without getting out of its parent */
.btn.btn-primary.opartDevisCartToQuotationLink {
white-space: normal;
}
/* Adding a line to separate different products within cart */
.cart-product-line {
border-top: solid 1px lightgray;
}
.cart-product-line:first-of-type {
border: none;
}
/* The next modifications concern mega-menu */
.main-header {
border-bottom: 1px solid #e1e1e1;
}
.breadcrumb-wrapper {
border-top: 1px solid #e1e1e1;
}
@media all and (max-width:766px) {
.breadcrumb-wrapper {
border-top: none;
border-bottom:1px solid #e1e1e1;
}
}
.amenu-item {
border-left: solid 1px lightgray;
margin: 0 !important;
padding: 0 10px;
}
.amenu-item:first-of-type {
border: none;
}
.amenu-item:hover {
background: #fff;
}
@media all and (max-width:1219px) {
.amenu-item {
border: none;
}
}
.dropdown-wrapper {
border: 1px solid #e1e1e1;
}
/* The next modifications concern fixing a bug with list view of products */
/* Showing "buy" CTA */
.grid-buy-button {
display: block !important;
}
/* The next modifications concern Multi Accessoire Pro update from 2.10.0 to 4.0.0 */
/* Mimicing display style of product-quantity in /cart */
.WB-product-quantity {
line-height: 34px;
}
/* Improving position of accessories selection section */
#product #group_accessories {
margin-top: 9px;
}
/* Restraining material icon style to Multi Accessoire Pro only */
.material-icons-MAP {
background-color: #5a9e74;
color: white;
border-radius: 3px;
font-size: 34px;
/*
direction: ltr;
display: inline-block;
font-family: Material Icons;
font-feature-settings: "liga";
font-style: normal;
font-weight: 400;
height: 1em;
letter-spacing: normal;
line-height: 1;
overflow-wrap: normal;
text-rendering: optimizelegibility;
text-transform: none;
vertical-align: middle;
white-space: nowrap;
width: 1em;
*/
}
.accessorygroup td:first-of-type {
width: 1%;
}
/* Improving input="radio" hitbox */
.accessorygroup .clearfix input[type="radio"], .accessorygroup .clearfix input[type="checkbox"] {
width: 24px;
height: 24px;
display: block;
}
/* Tuning style of turned into */
.ma_accessory_name:hover {
text-decoration: none !important;
}
/* Spacing text in accessories selection section */
tr.clearfix span + span {
padding-left: 4px;
}
.option-row p {
cursor: pointer;
}
/* The next modifications concern structure and aside content for "PC Linux" */
/* Property removed from theme due to dysfunction in my own design - doesn't affect website */
#wrapper {
overflow-x: visible !important;
}
/* Change category page for PC Linux */
#content li {
margin-bottom:10px;
}
#content li a {
color:#5a9e74
}
.linux-section-row {
display: flex;
}
.linux-section-aside-content {
flex: 0 0 25%;
padding-right: 15px;
}
.linux-section-aside-frame {
max-width: 290px;
border: 1px solid #c7c7c7;
border-radius: 5px;
text-align: center;
margin-bottom: 30px;
}
.linux-section-aside-frame p {
border-bottom: solid 1px #c7c7c7;
font-family: Roboto Condensed, sans-serif;
font-size: 1.0625rem;
font-weight: 700;
color: #3d3d3d;
line-height: 30px;
letter-spacing: .02em;
text-transform: uppercase;
margin: 0 0 18px 0;
padding: 8px 15px;
text-align: left;
}
.linux-section-aside-frame img {
margin: 15px auto 25px;
width: 70%;
height: unset;
}
.linux-section-main-content {
flex: 0 0 75%;
padding-left: 15px;
}
@media all and (max-width:991px) {
.linux-section-aside-content {
flex: 0 0 30.4%;
}
.linux-section-main-content {
flex: unset;
}
@media all and (max-width:766px) {
.linux-section-main-content {
padding-left: 0;
}
.linux-section-aside-content {
padding-right: 0;
}
.linux-section-aside-frame {
max-width: unset;
}
.linux-section-row {
flex-direction: column;
}
.linux-section-aside-pictures {
display: flex;
flex-wrap: wrap;
padding: 15px 10px;
}
.linux-section-aside-pictures img {
width: 20%;
}
.linux-section-aside-pictures img:nth-child(2) {
width: 26%;
}
}
}
/* The next modifications concern custom HTML for mega menu */
.WB-amenu-item {
padding: 0 10px 10px 10px;
}
/* Background image */
.dropdown-bgimage {
background-size: contain;
opacity: 0.09;
}
/* Title / main content */
.WB-amenu-item p {
text-transform: uppercase;
margin-bottom: .5rem;
font-size: .9375rem;
font-family: Roboto Condensed,sans-serif;
color: #3d3d3d;
font-weight: 700;
letter-spacing: .02em;
line-height: inherit;
padding-top: 10px;
}
/* Features / sub content */
.WB-amenu-item li {
padding: 7px 0;
list-style: none;
}
.WB-amenu-item a::before {
content: "";
width: 8px;
height: 8px;
margin-right: 8px;
border: 1px solid #c7c7c7;
border-radius: 50%;
display: inline-block;
}
.WB-amenu-item a:hover::before {
background-color: #fd6282;
border: 1px solid #fd6282;
}
/* The next modifications concern content for "PC Linux" */
.WB-Linux-list {
display: flex;
align-items: center;
margin: 20px 0;
box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
border-radius: 5px;
transition: all .3s;
}
.WB-Linux-list:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
}
.WB-Linux-list img {
cursor: pointer;
width: 120px !important;
height: 120px !important;
margin: 0 !important;
}
.WB-Linux-list-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-right: 2%;
padding-left: 3%;
}
.WB-Linux-list-product-name {
width: 40%;
}
.WB-Linux-list h3 {
font-size: 1em;
color: #fd6282;
}
.WB-Linux-list h3 {
font-family: Roboto, sans-serif;
font-size: .825rem;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 3%;
}
.WB-Linux-list h3 a:hover {
color: #fd6282;
}
.WB-Linux-list h3 a {
text-decoration: none;
color: #3d3d3d;
}
.WB-Linux-list-product-informations {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.WB-Linux-list-price {
width: 100%;
text-align: center;
}
.WB-Linux-list-price span {
color: #3d3d3d;
display: inline !important;
}
.WB-Linux-list-price p {
font-family: Roboto, sans-serif;
font-weight: 700;
color: #fd6282;
font-size: 1rem;
margin: 0;
}
.WB-Linux-list .button {
cursor: pointer;
font-family: Roboto Condensed,sans-serif;
text-transform: uppercase;
color: #fff;
text-decoration: none;
background-color: #5a9e74;
padding-left: 12px;
padding-right: 12px;
transition: all .3s;
border-radius: 3px;
padding-top: 9px;
padding-bottom: 6px;
font-size: .875rem;
display: inline-block;
}
.WB-Linux-list .button:hover {
background-color: #477e5c;
}
@media all and (max-width:1202px) {
.WB-Linux-list img {
width: 80px !important;
height: 80px !important;
min-width: 80px !important;
margin-top: 0px !important;
}
}
@media all and (max-width:991px) {
.WB-Linux-list {
align-items: flex-start;
}
.WB-Linux-list-product-name {
width: 100%;
}
.WB-Linux-list h3 {
padding-bottom: 14px;
}
.WB-Linux-list-content {
flex-direction: column;
}
.WB-Linux-list-price {
width: unset;
}
.WB-Linux-list h3 {
padding-left: 0;
}
}
/* The next modifications concern improvment for responsive version of website */
/* "Produit configurable" on product pages */
#WB-configurable-product {
text-align: center;
}
.st-menu-close {
font-size: 1.2rem;
top: 15px;
}
.product-right {
margin-top: 0px !important;
}
/* Muting pictures in description on product pages */
@media all and (max-width:991px) {
.WB-description img {
display: none;
}
.WB-description td {
padding: 0;
}
/* Widening configurator and table price */
#group_accessories, .accessories_table_price {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.accessorygroup td:first-of-type {
width: 15%;
}
/* Increasing hitbox in configurator selection for mobile device */
.accessorygroup .clearfix input[type="radio"], .accessorygroup .clearfix input[type="checkbox"] {
width: 60px;
height: 60px;
}
}
/* Muting menu on mobile pages, that is still available from burger-menu in the header */
@media all and (max-width:414px) {
#left-column {
display: none;
}
.product-additional-info {
width: 100%;
margin: auto;
}
.product-additional-info li {
margin: 5px;
}
.WB-description > div {
flex-direction: column;
}
/* Spacing texts and inputs in product pages on configurator */
#product #group_accessories .option-row table td {
padding: 8px;
}
}
/* The next modification concern the one I shouldn't have done but that works without breaking anything */
/* Removing overlay from facetedsearch slider loading */
.page-loading-overlay {
display: none !important;
}