/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i");
@import url("https://fonts.googleapis.com/css?family=Sanchez");
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
.o-side-menu__main > ul > li > a:after, .o-side-menu__main > ul > li > ul a:after, .s-mw-logo, .s-logo, .s-mw-logo-footer, .i-burger, .i-social-facebook, .i-social-google, .i-social-instagram, .i-social-youtube, .i-social-pinterest, .i-social-twitter, .i-grid, .i-list, .i-car-prev, .i-car-next, .i-arrows-cross, .i-arrows-left, .i-arrows-right, .i-search, .i-cross, .i-right-arrows, .i-down-arrows, .i-pinned, .o-modal__close {
display: inline-block;
background-image: url("sprite.svg");
background-size: 25.42857em 22em;
}
.test .o-side-menu__main > ul > li > a:after, .test .o-side-menu__main > ul > li > ul a:after, .test .s-mw-logo, .test .s-logo, .test .s-mw-logo-footer, .test .i-burger, .test .i-social-facebook, .test .i-social-google, .test .i-social-instagram, .test .i-social-youtube, .test .i-social-pinterest, .test .i-social-twitter, .test .i-grid, .test .i-list, .test .i-car-prev, .test .i-car-next, .test .i-arrows-cross, .test .i-arrows-left, .test .i-arrows-right, .test .i-search, .test .i-cross, .test .i-right-arrows, .test .i-down-arrows, .test .i-pinned, .test .o-modal__close {
background-image: url(",");
}
/*
Utilities
/tools/_utilities.scss
Useful classes for building up a theme.
Styleguide 5.0
*/
/*
Clearfix
To be used when an element is not clearing / wrapping properly.
Markup:
Cleared element
Styleguide 5.1
*/
.clearfix:before, .row:before,
.clearfix:after,
.row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after, .row:after {
clear: both;
}
.clearfix, .row {
*zoom: 1;
}
/*
Hidden
Hide an element with .hidden. You can also set an element to be hidden but shown on a certain breakpoint, e.g. show-md.
Markup:
Hidden but shown on md breakpoint and above.
Styleguide 5.2
*/
.hidden {
display: none;
}
/*
Vertical Spacing
Classes that provide margin of various sizes to the top and bottom of an element.
.vert-margin-sm - Small vertical spacing
.vert-margin-md - Medium vertical spacing
.vert-margin-lg - Large vertical spacing
Markup:
Styleguide 2.2
*/
small, .milli {
font-size: 0.75rem;
line-height: 1.8;
}
/* Default link color. */
a {
text-decoration: none;
outline: none;
color: #3c3c3b;
}
a:hover {
cursor: pointer;
}
/* Remove text-shadow in selection highlight: h5bp.com/i */
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
display: block;
margin: 2em 0;
padding: 0;
height: 1px;
border-top: 1px solid #3c3c3b;
}
/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
vertical-align: middle;
}
/* Remove default fieldset styles. */
fieldset {
margin: 0;
padding: 0;
border: 0;
}
/* Allow only vertical resizing of textareas. */
textarea {
resize: vertical;
}
/*
Grid
/generic/_grid.scss
Using the grid system.
Styleguide 1.0
*/
/*
Row
Wrap columns in a div with the .row class to clear the columns within so they do not float over other elements.
When use use .col-pad on columns, add the class .row-col-pad on the parent row to cancel out the outer side padding.
Markup:
A Row
Padded Col
Padded Col
Styleguide 1.1
*/
.row {
clear: both;
}
.flex-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-col-pad-md {
margin-left: -1em;
margin-right: -1em;
}
.row-col-pad {
margin-left: -0.5em;
margin-right: -0.5em;
}
.row-col-pad-sm {
margin-left: -0.25em;
margin-right: -0.25em;
}
/*
Columns
Set the width of the element to a set 12th of it's parent.
.col - Sets the element to be 100% and does not float it.
.col-1 - 1/12th of the parent.
.col-2 - 2/12th of the parent.
.col-3 - 3/12th of the parent.
.col-4 - 4/12th of the parent.
.col-5 - 5/12th of the parent.
.col-6 - 6/12th of the parent.
.col-7 - 7/12th of the parent.
.col-8 - 8/12th of the parent.
.col-9 - 9/12th of the parent.
.col-10 - 10/12th of the parent.
.col-11 - 11/12th of the parent.
.col-12 - 12/12th of the parent.
Markup:
Styleguide 1.2
*/
.col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/*
Columns With Spacing
Add spacing between each column.
.col-pad - Adds a gap between each column. .row-col-pad is required for the parent.
.col-pad-sm - Adds a smaller gap between each column.
.offset-1 - Adds an offset to the left of the column with the specified column width.
Markup:
Col With Spacing
Col With Spacing
Styleguide 1.3
*/
.col-pad {
padding-left: 0.5em;
padding-right: 0.5em;
}
.col-pad-md {
padding-left: 1em;
padding-right: 1em;
}
.col-pad-sm {
padding-left: 0.25em;
padding-right: 0.25em;
}
.col-1 {
width: 8.33333%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-2 {
width: 16.66667%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-3 {
width: 25%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-4 {
width: 33.33333%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-5 {
width: 41.66667%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-6 {
width: 50%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-7 {
width: 58.33333%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-8 {
width: 66.66667%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-9 {
width: 75%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-10 {
width: 83.33333%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-11 {
width: 91.66667%;
display: inline-block;
float: left;
min-height: 1px;
}
.col-12 {
width: 100%;
display: inline-block;
float: left;
min-height: 1px;
}
.offset-0 {
margin-left: 0%;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
.offset-12 {
margin-left: 100%;
}
/*
Responsive Columns
Apply different col classes for different size devices. There are by default 3 breakpoints, sm, md and lg. For example; for mobile devices you could make an
element full width of it's parent and for medium devices and above make it full width, as below. See _settings.scss for breakpoints setup.
Markup:
Styleguide 4.5
*/
.t-bordered-block {
padding: 0.5em;
border: 1px solid gray;
background-color: #fff;
}
.t-gray-block.t-bordered-block {
border-color: gray;
}
/*
Padding
You can add padding to an element with a single class or add side padding to an element for the smallest
sizes screens to stop content from touching the edge of the screen. A large breakpoint removes the mobile padding.
Markup:
Padded block
Block with side padding only on the smallest screens.