/*
Styles
*/
/*** Variables ***/
/* Themes */
/*
Variables del Root
*/
:root {
/*** Contenidor ***/
--contenidor-amplada-xs: 100%;
/* 768px - Tablet */
--contenidor-amplada-sm: 100%;
/* 992px - Laptop */
--contenidor-amplada-md: 972px;
/* 1200px - Large */
--contenidor-amplada-lg: 1140px;
/* Espais per defecte */
--gutter-xs: 10px;
--gutter-sm: 15px;
--gutter-md: 40px;
--gutter-lg: 40px;
/*** Image de fons de la pagina ***/
--imatge-fons-pagina: url(../img/logo.svg);
/*** Fonts ***/
--font-familia-primaria: 'Inter', sans-serif;
--font-familia-secundaria: 'Chakra Petch', sans-serif;
--font-mida: 16px;
--font-mida: 1rem;
--font-altura: 1.5;
/*** Colors Basics ***/
--transparent: transparent;
--color-rosa: #ffc0cb;
--color-vermell: #ff1115;
--color-vermell: var(--color-primari);
--color-taronga: #ffa500;
--color-groc: #ff0;
--color-marro: #a52a2a;
--color-verd: #008000;
--color-cian: #0ff;
--color-blau: #00f;
--color-porpra: #800080;
--color-blanc: #fff;
--color-blanc-fosc: #f6f6f6;
--color-gris-extraclar: #eee;
--color-gris-clar: #d3d3d3;
// --color-gris-fosc: #a9a9a9;
--color-gris-fosc: #d8d8d8;
--color-gris-extrafosc: #333;
--color-gris: #808080;
--color-negre: #000;
/*** Colors globals ***/
--color-primari: #ff1115;
--color-secundari: #666;
--color-terciari: #999;
--color-fons: #fff;
--color-fons: var(--color-blanc);
--color-font: #000;
--color-font: var(--color-negre);
--color-limit: #000;
--color-limit: var(--color-negre);
--color-link: #ff1115;
--color-link: var(--color-primari);
--color-link-hover: #ff1115;
--color-link-hover: var(--color-primari);
/* Text seleccionat */
--color-seleccio-font: #fff;
--color-seleccio-font: var(--color-blanc);
--color-seleccio-fons: #ff1115;
--color-seleccio-fons: var(--color-primari);
/* Browserupgrade */
--color-browserupgrade-font: #000;
--color-browserupgrade-font: var(--color-negre);
--color-browserupgrade-fons: #d8d8d8;
/* Cookies */
--color-cookies-font: #000;
--color-cookies-font: var(--color-negre);
--color-cookies-fons: #d8d8d8;
/* Exit */
--color-exit: #d4edda;
--color-exit-limit: #b6cfbc;
/* Advertencia */
--color-advertencia: #fff3cd;
--color-advertencia-limit: #e1d5af;
/* Alerta */
--color-alerta: #f8d7da;
--color-alerta-limit: #dab9bc;
/* Publicitat */
--color-font-publicitat: #000;
--color-font-publicitat: var(--color-negre);
--color-fons-publicitat: #eee;
--color-fons-publicitat: var(--color-gris-extraclar);
/* Formularis*/
--color-border-form: #161616;
/*** Altres variables propies del projecte ***/
/* Header */
--color-font-header-logo: #000;
--color-font-header-logo: var(--color-negre);
--color-font-header-menu: #000;
--color-font-header-menu: var(--color-negre);
--color-fons-header-logo: #fff;
--color-fons-header-logo: var(--color-blanc);
--color-fons-header-menu: #666;
--color-fons-header-menu: var(--color-secundari);
--color-limit-header-menu: transparent;
--color-limit-header-menu: var(--transparent);
/* Footer clar */
--color-font-footer-clar: #7c7c7c;
--color-fons-footer-clar: #fff;
--color-fons-footer-clar: var(--color-blanc);
/* Footer fosc */
--color-font-footer-fosc: #fff;
--color-font-footer-fosc: var(--color-blanc);
--color-fons-footer-fosc: #ff1115;
--color-fons-footer-fosc: var(--color-primari);
/* Articles */
--article-alineacio: left;
--article-font: 'Inter', sans-serif;
--article-font: var(--font-familia-primaria);
--article-font-titular: 'Inter', sans-serif;
--article-font-titular: var(--font-familia-primaria);
--article-color-titular: #000;
--article-color-titular: var(--color-negre);
--article-color-limit-top: solid 1px transparent;
--article-color-limit-top: solid 1px var(--transparent);
--article-color-limit-top-notext: 1px solid #000;
--article-color-limit-top-notext: 1px solid var(--color-negre);
--article-color-limit-bottom: solid 1px #000;
--article-color-limit-bottom: solid 1px var(--color-negre);
--article-color-fons: #fff;
--article-color-fons: var(--color-blanc);
--article-espai: 0;
--article-limit-fotos: solid 1px #d8d8d8;
--article-limit-fotos: solid 1px var(--color-gris-fosc);
--article-entrevista-titular-color-font: #ff1115;
--article-entrevista-titular-color-font: var(--color-primari);
/* Opinio*/
--article-opinio-color-fons: #eeeeee;
/* Agenda*/
--article-agenda-color-fons: #eeeeee;
/* Entrevista*/
--article-entrevista-color-fons: #eeeeee;
--article-entrevista-color-font: #000;
--article-entrevista-color-font: var(--color-negre);
--espai-opinio-llista: 6px;
--espai-opinio-sidebar: 5px;
--article-espai-llistat: 0 0 15px;
--separar-llegides: 10px;
--article-border-sidebar: solid 1px#4a4a4a;
}
/*
Variables de les estructures
*/
/*** Grids ***/
/* Numero de columnes */
/* Espai per defecte */
/*** Utils ***/
/*
Breakpoints
*/
/* Min */
/* Max */
/* Only */
/*
Loops
*/
/*** Font size ***/
.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.font18 {font-size: 18px;}
.font19 {font-size: 19px;}
.font20 {font-size: 20px;}
.font21 {font-size: 21px;}
.font22 {font-size: 22px;}
.font23 {font-size: 23px;}
.font24 {font-size: 24px;}
.font25 {font-size: 25px;}
.font26 {font-size: 26px;}
.font27 {font-size: 27px;}
.font28 {font-size: 28px;}
.font29 {font-size: 29px;}
.font30 {font-size: 30px;}
.font31 {font-size: 31px;}
.font32 {font-size: 32px;}
.font33 {font-size: 33px;}
.font34 {font-size: 34px;}
.font35 {font-size: 35px;}
.font36 {font-size: 36px;}
.font37 {font-size: 37px;}
.font38 {font-size: 38px;}
.font39 {font-size: 39px;}
.font40 {font-size: 40px;}
.font41 {font-size: 41px;}
.font42 {font-size: 42px;}
.font43 {font-size: 43px;}
.font44 {font-size: 44px;}
.font45 {font-size: 45px;}
.font46 {font-size: 46px;}
.font47 {font-size: 47px;}
.font48 {font-size: 48px;}
.font49 {font-size: 49px;}
.font50 {font-size: 50px;}
.font51 {font-size: 51px;}
.font52 {font-size: 52px;}
.font53 {font-size: 53px;}
.font54 {font-size: 54px;}
.font55 {font-size: 55px;}
.font56 {font-size: 56px;}
.font57 {font-size: 57px;}
.font58 {font-size: 58px;}
.font59 {font-size: 59px;}
.font60 {font-size: 60px;}
.font61 {font-size: 61px;}
.font62 {font-size: 62px;}
.font63 {font-size: 63px;}
.font64 {font-size: 64px;}
.font65 {font-size: 65px;}
.font66 {font-size: 66px;}
.font67 {font-size: 67px;}
.font68 {font-size: 68px;}
.font69 {font-size: 69px;}
.font70 {font-size: 70px;}
.font71 {font-size: 71px;}
.font72 {font-size: 72px;}
.font73 {font-size: 73px;}
.font74 {font-size: 74px;}
.font75 {font-size: 75px;}
.font76 {font-size: 76px;}
.font77 {font-size: 77px;}
.font78 {font-size: 78px;}
.font79 {font-size: 79px;}
.font80 {font-size: 80px;}
/*
Mixins
*/
/*** Max columns configuration ***/
/*** Grid columns configuration ***/
/*** Boto ***/
/*** Text usuari ***/
/*** Marge inferior ***/
/*** Marge superior ***/
/*** Espai inferior ***/
/*** Espai superior ***/
/*
Extends
*/
/*** Señalar els hover al menu ***/
.header__links .lupa i, .header__menu .nav .navigation li a {
border-bottom: solid 3px;
}
.header__menu .nav .navigation li a:hover, .header__menu .nav .navigation li a.active {
border-bottom: solid 3px;
}
/*** Hover a les icones socials ***/
%ext__hover-socials:hover .ico, %ext__hover-socials:focus .ico {
background-color: #ff1115;
background-color: var(--color-primari);
border: solid 2px;
}
%ext__hover-socials:hover .ico .ico-color, %ext__hover-socials:focus .ico .ico-color {
fill: #fff;
fill: var(--color-fons-footer-clar);
}
/*** Vendors ***/
/* Reset / https://jonathantneal.github.io/sanitize.css */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
========================================================================== */
/**
* 1. Remove repeating backgrounds in all browsers (opinionated).
* 2. Add box sizing inheritence in all browsers (opinionated).
*/
*, ::before, ::after {
background-repeat: no-repeat; /* 1 */
-webkit-box-sizing: inherit;
box-sizing: inherit; /* 2 */
}
/**
* 1. Add text decoration inheritance in all browsers (opinionated).
* 2. Add vertical alignment inheritence in all browsers (opinionated).
*/
::before, ::after {
text-decoration: inherit; /* 1 */
vertical-align: inherit; /* 2 */
}
/**
* 1. Add border box sizing in all browsers (opinionated).
* 2. Add the default cursor in all browsers (opinionated).
* 3. Prevent font size adjustments after orientation changes in IE and iOS.
*/
html {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
cursor: default; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
article, aside, footer, header, nav, section {
display: block;
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: .67em 0;
}
/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption, figure, main { /* 1 */
display: block;
}
/**
* 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 */
}
/**
* Remove the list style on navigation lists in all browsers (opinionated).
*/
nav ol, nav ul {
list-style: none;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
========================================================================== */
/**
* 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 */
}
/**
* 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 */
-webkit-text-decoration: underline dotted;
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;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code, kbd, samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ffff00;
color: #000000;
}
/**
* 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: -.25em;
}
sup {
top: -.5em;
}
/*
* Remove the text shadow on text selections (opinionated).
* 1. Restore the coloring undone by defining the text shadow (opinionated).
*/
::-moz-selection {
background-color: #b3d4fc; /* 1 */
color: #000000; /* 1 */
text-shadow: none;
}
::selection {
background-color: #b3d4fc; /* 1 */
color: #000000; /* 1 */
text-shadow: none;
}
/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
========================================================================== */
/*
* Change the alignment on media elements in all browers (opinionated).
*/
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
/**
* Add the correct display in IE 9-.
*/
audio, video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Change the fill color to match the text color in all browsers (opinionated).
*/
svg {
fill: currentColor;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
========================================================================== */
/**
* Collapse border spacing
*/
table {
border-collapse: collapse;
}
/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
========================================================================== */
/**
* Remove the margin in Firefox and Safari.
*/
button, input, optgroup, select, textarea {
margin: 0;
}
/**
* Inherit styling in all browsers (opinionated).
*/
button, input, select, textarea {
background-color: transparent;
color: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 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;
}
/**
* 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 { /* 1 */
color: inherit; /* 2 */ /* 1 */ /* 1 */
padding: 0; /* 3 */ /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Change the resize direction on textareas in all browsers (opinionated).
*/
textarea { /* 1 */
resize: vertical; /* 2 */
}
/**
* 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.
*/
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
/**
* 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 */
}
/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
========================================================================== */
/*
* Remove the tapping delay on clickable elements (opinionated).
* 1. Remove the tapping delay in IE 10.
*/
a, area, button, input, label, select, summary, textarea, [tabindex] {
-ms-touch-action: manipulation; /* 1 */
touch-action: manipulation;
}
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/* ARIA (https://w3c.github.io/html-aria/)
========================================================================== */
/**
* Change the cursor on busy elements (opinionated).
*/
[aria-busy="true"] {
cursor: progress;
}
/*
* Change the cursor on control elements (opinionated).
*/
[aria-controls] {
cursor: pointer;
}
/*
* Change the display on visually hidden accessible elements (opinionated).
*/
[aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute;
}
/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements (opinionated).
*/
[aria-disabled] {
cursor: default;
}
/* Light Gallery / http://sachinchoolur.github.io/lightGallery */
@font-face {
font-family: 'lg';
src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'lg' !important;
speak: never;
font-style: normal;
font-weight: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, .45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
outline: none;
border: none;
background-color: transparent;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, .45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, .45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
outline: medium none;
border: none;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
-webkit-box-shadow: 0 0 0 2px white inset;
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, .5);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
transition: -webkit-box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
-webkit-box-shadow: 0 0 0 8px white inset;
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, .07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-outer .lg-img-rotate {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s, -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-group {
*zoom: 1;
}
.lg-group:before, .lg-group:after {
display: table;
content: "";
line-height: 0;
}
.lg-group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
outline: none;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("../img/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*** Base ***/
/*
Estils base
*/
/*** Globals ***/
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-size: 16px;
}
body {
line-height: 1.5;
line-height: var(--font-altura);
color: #000;
color: var(--color-font);
background-color: #fff;
background-color: var(--color-fons);
}
body{
/* &::-webkit-scrollbar { width: 0 !important }
overflow: -moz-scrollbars-none;
-ms-overflow-style: none; */
}
::-moz-selection {
color: #fff;
color: var(--color-seleccio-font);
background: #ff1115;
background: var(--color-seleccio-fons);
}
::selection {
color: #fff;
color: var(--color-seleccio-font);
background: #ff1115;
background: var(--color-seleccio-fons);
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
p {
margin-top: 0;
}
a {
text-decoration: none;
cursor: pointer;
color: #ff1115;
color: var(--color-link);
-webkit-transition: all .3s;
transition: all .3s
}
a:hover {
color: #ff1115;
color: var(--color-link-hover);
text-decoration: underline;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
text-transform: none;
}
img {
max-width: 100%;
height: auto;
display: inline-block;
-ms-interpolation-mode: bicubic;
}
svg {
max-width: 100%;
height: auto;
}
figure {
margin: 0;
text-align: center;
}
figcaption {
text-align: left;
}
/*
Ajuda
*/
/*** Floats ***/
/* uncss:ignore */
.clearfix:before {
content: '';
display: table;
}
.clearfix:after {
content: '';
display: table;
clear: both;
}
/* uncss:ignore */
.float-right {
float: right!important;
}
/* uncss:ignore */
.float-left {
float: left!important;
}
/*** Posicions ***/
/* uncss:ignore */
.relative {
position: relative!important;
}
/* uncss:ignore */
.absolute {
position: absolute!important;
}
/* uncss:ignore */
.fixed {
position: fixed!important;
}
/*** Mostrar / amagar ***/
/* uncss:ignore */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* uncss:ignore */
.show {
display: block;
}
/* uncss:ignore */
.hide, .hidden {
display: none;
}
/* uncss:ignore */
.visible {
visibility: visible;
}
/* uncss:ignore */
.invisible {
visibility: hidden;
}
/*** Responsive ***/
/* uncss:ignore */
.show-xs {
display: block;
}
/* uncss:ignore */
.hide-xs {
display: none;
}
/* Only */
/* uncss:ignore */
.show-xs-only {
display: block;
}
/* uncss:ignore */
.show-sm-only {
display: none;
}
/* uncss:ignore */
.show-md-only {
display: none;
}
/* uncss:ignore */
.show-lg-only {
display: none;
}
/* uncss:ignore */
.hide-xs-only {
display: none;
}
/* uncss:ignore */
.hide-sm-only {
display: block;
}
/* uncss:ignore */
.hide-md-only {
display: block;
}
/* uncss:ignore */
.hide-lg-only {
display: block;
}
/*** Align ***/
/* uncss:ignore */
.text-center {
text-align: center!important;
}
/* uncss:ignore */
.text-left {
text-align: left!important;
}
/* uncss:ignore */
.text-right {
text-align: right!important;
}
/* uncss:ignore */
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
/*** Llistes ***/
/* Sense estil */
/* uncss:ignore */
.llista-noestil {
margin: 0;
padding-left: 0;
}
.llista-noestil li {
list-style: none;
}
/* En linia */
/* uncss:ignore */
.llista-enlinia {
margin: 0;
padding-left: 0;
}
.llista-enlinia li {
list-style: none;
display: inline-block;
}
/* uncss:ignore */
.llista-ordenada {
margin: 0;
padding-left: 0;
list-style-type: none;
}
.llista-ordenada li {
padding: 0 15px;
counter-increment: step-counter
}
.llista-ordenada li:before {
content: counter(step-counter);
margin-right: 10px;
float: left;
}
/* Llista de definicio horitzontal */
/* uncss:ignore */
.dl-horitzontal dt {
width: 100px;
text-align: right;
float: left;
clear: left;
}
.dl-horitzontal dd {
margin-left: 110px;
}
/*** Elements incrustats ***/
/* uncss:ignore */
.incrustat {
height:0;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
/* uncss:ignore */
.incrustat iframe, .incrustat object, .incrustat embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* Ratios */
/* uncss:ignore */
.inc3-2 {
padding-bottom: 66.66%;
}
/* uncss:ignore */
.inc4-3 {
padding-bottom: 75%;
}
/* uncss:ignore */
.inc8-5 {
padding-bottom: 62.5%;
}
/* uncss:ignore */
.inc16-9 {
padding-bottom: 56.25%;
}
/* uncss:ignore */
.inc256-81 {
padding-bottom: 31.64062%;
}
/*** Text ***/
/* uncss:ignore */
.majuscula {
text-transform: uppercase!important;
}
/* uncss:ignore */
.minuscula {
text-transform: lowercase!important;
}
/* uncss:ignore */
.bold {
font-weight: 700!important;
}
/* uncss:ignore */
.normal {
font-weight: 400!important;
}
/*** Text de usuari ***/
/* uncss:ignore */
.user-text {
/* font-size: 1.125rem; */
/* line-height: 1.3125rem; */
line-height: 1.6;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
}
.user-text img {
display: block;
margin-bottom: 15px;
}
.user-text figcaption {
margin-top: -15px;
}
.user-text h2, .user-text h3, .user-text h4, .user-text h5 {
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 5px;
}
.user-text p {
margin-top: 0;
margin-bottom: 15px;
/* font-size: 16px; */
font-weight: normal;
font-stretch: normal;
font-style: normal;
/* line-height: 1.6; */
letter-spacing: -0.27px;
color: #000000;
}
.user-text a {
font-weight: 700;
color: #ff1115;
color: var(--color-primari)
}
.user-text a:hover {
color: #666;
color: var(--color-secundari);
}
.user-text .interior-main__place {
font-size: 16px;
font-size: 1rem;
line-height: 19px;
line-height: 1.1875rem;
text-transform: uppercase;
}
.user-text .interior-main__author {
padding-left: 3px;
}
.user-text .interior-main__place + .interior-main__author:before {
content: '/';
margin-right: 3px;
color: #000;
color: var(--color-negre);
}
.user-text .interior-main__destacat {
color: #ff1115;
color: var(--color-primari);
margin: 24px 0;
padding: 15px;
/* border-left: solid 2px var(--color-primari); */
position: relative;
border: solid 4px #ff1115;
border: solid 4px var(--color-primari);
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-size: 24px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.4px;
}
.user-text .interior-main__destacat.destacat-right {
border: none;
padding: 0;
margin:0;
}
.user-text small {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 8px;
display: block;
position: relative;
}
.user-text small:after {
content: '';
width: 80px;
height: 1px;
background-color: #000;
background-color: var(--color-negre);
position: absolute;
top: 0;
left: 0;
}
/*** Tipus de links ***
/* uncss:ignore */
.link-secundari {
color: #ff1115;
color: var(--color-primari)
}
.link-secundari:hover {
color: #666;
color: var(--color-secundari);
}
/* uncss:ignore */
.link-hide {
color: inherit
}
.link-hide:hover {
color: inherit;
}
/*** Separadors ***/
/* uncss:ignore */
.sep-top {
border-top: solid 1px #000;
border-top: solid 1px var(--color-negre);
}
/* uncss:ignore */
.sep-bot {
border-bottom: solid 1px #000;
border-bottom: solid 1px var(--color-negre);
}
/*** Marges ***/
/* uncss:ignore */
.marge-superior {
margin-top: 10px;
}
/* uncss:ignore */
.marge-inferior {
margin-bottom: 10px;
}
/* uncss:ignore */
.nomarge {
margin: 0!important;
}
/* uncss:ignore */
.nomarge-superior {
margin-top: 0!important;
}
/* uncss:ignore */
.nomarge-inferior {
margin-bottom: 0!important;
}
/*** Paddings ***/
/* uncss:ignore */
.noespai {
padding: 0!important;
}
/*
CSS globals
*/
/*** Estructures ***/
.container, .container-fluid {
margin: 0 auto;
position: relative;
}
.container {
width: 100%;
width: var(--contenidor-amplada-xs);
min-width: 300px;
padding: 0 10px;
padding: 0 var(--gutter-xs);
}
.container-fluid {
width: 100%;
}
main .container {
background-color: #fff;
background-color: var(--color-blanc);
padding-bottom: 10px;
}
main section:first-child .container {
padding-top: 10px;
}
/*** Navegadors antics ***/
.browserupgrade {
padding: 20px;
text-align: center;
color: #000;
color: var(--color-browserupgrade-font);
background-color: #d8d8d8;
background-color: var(--color-browserupgrade-fons);
}
/*** Galetes ***/
.cookie-notice {
padding: 5px 0 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
color: #000;
color: var(--color-cookies-font);
background-color: #d8d8d8;
background-color: var(--color-cookies-fons);
z-index: 5
}
.cookie-notice+footer {
padding-bottom: 80px;
}
.cookie-notice.panell {
border: none;
margin-bottom: 0;
}
/*** AddBlock ***/
.adblock {
padding: 10px;
background-color: #fff3cd;
background-color: var(--color-advertencia);
border: solid 1px #e1d5af;
border: solid 1px var(--color-advertencia-limit);
float: right;
}
/*** Panells ***/
.panell {
border: solid 1px #000;
border: solid 1px var(--color-limit);
padding: 10px 20px;
margin-bottom: 10px;
}
.panell p {
margin: 0 30px 0 0;
}
.panell a {
color: #ff1115;
color: var(--color-link-hover);
}
.panell a:hover {
color: #ff1115;
color: var(--color-link);
}
.panell .tancar {
cursor: pointer;
margin-right: -10px;
padding: 5px 5px 3px;
line-height: 11px;
line-height: .6875rem;
background: transparent;
float: right;
}
.panell .tancar:hover {
background: #000;
background: var(--color-negre);
}
.panell .tancar:hover span {
color: #fff;
color: var(--color-blanc);
}
.panell .tancar span {
font-size: 22px;
font-size: 1.375rem;
color: #000;
color: var(--color-negre);
}
.panell.basic {
background-color: #fff;
background-color: var(--color-blanc);
}
.panell.exit {
background-color: #d4edda;
background-color: var(--color-exit);
border: solid 1px #b6cfbc;
border: solid 1px var(--color-exit-limit);
}
.panell.advertencia {
background-color: #fff3cd;
background-color: var(--color-advertencia);
border: solid 1px #e1d5af;
border: solid 1px var(--color-advertencia-limit);
}
.panell.alerta {
background-color: #f8d7da;
background-color: var(--color-alerta);
border: solid 1px #dab9bc;
border: solid 1px var(--color-alerta-limit);
}
/*** Imatge de fons de la pagina ***/
.page-bg {
background-image: url(../img/logo.svg);
background-image: var(--imatge-fons-pagina);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}
/*** Titol de les seccions ***/
.titol-seccio {
margin-top: 0;
font-size: 22px;
font-size: 1.375rem;
line-height: 27px;
line-height: 1.6875rem;
font-weight: 700;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
text-align: left;
text-align: var(--article-alineacio);
}
.titol-seccio a {
color: var(--color-principal);
}
.titol-seccio a:hover {
color: #ff1115;
color: var(--color-primari);
opacity: 1;
text-decoration: none;
}
.titol-link-seccio{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
}
.titol-link-seccio .titol-seccio{
margin:0;
}
.titol-link-seccio .link-seccio{
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
font-size: 20px;
font-weight: 500;
color:#000;
color:var(--color-negre);
}
.titol-link-seccio .link-seccio span{
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-weight: 700;
}
/* Subitol de les seccions */
.subtitol-seccio {
margin-top: 0;
font-size: 18px;
font-size: 1.125rem;
line-height: 21px;
line-height: 1.3125rem;
display: inline-block;
}
.subtitol-seccio a {
color: var(--color-principal);
}
.subtitol-seccio a:hover {
color: #666;
color: var(--color-secundari);
}
/*** Titol dels moduls ***/
.titol-modul {
margin-top: 0;
margin-bottom: 15px;
font-size: 24px;
font-size: 1.5rem;
line-height: 29.44px;
line-height: 1.84rem;
font-weight: 500;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
}
.titol-modul a {
color: var(--color-principal);
}
.titol-modul a:hover {
color: #666;
color: var(--color-secundari);
}
/* Subtitol dels moduls */
.subtitol-modul {
margin-top: 0;
font-size: 18px;
font-size: 1.125rem;
line-height: 21px;
line-height: 1.3125rem;
}
.subtitol-modul a {
color: var(--color-principal)
}
.subtitol-modul a:hover {
color: #666;
color: var(--color-secundari);
}
/*** Finestres Modals ***/
.modal-bg {
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
background-color: #ff1115;
background-color: var(--color-vermell);
border-top: solid 10px #ff1115;
border-top: solid 10px var(--color-primari)
}
.modal-bg::-webkit-scrollbar {
width: 0 !important;
}
.modal-bg {
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.modal-bg.fade {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.15s linear;
transition: visibility 0s linear 0.5s, opacity 0.15s linear;
}
.modal-bg {/*
uncss:ignore
*/
}
.modal-bg.in {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* Grid */
/*
Lost grid
http://lostgrid.org/
*/
/* Basica */
.row {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.row:before {
content: '';
display: table;
}
.row:after {
content: '';
display: table;
clear: both;
}
.row:before {
content: '';
display: table;
}
.row:after {
content: '';
display: table;
clear: both;
}
/* Flex */
.row-flex {
width: 100%;
display: flex;
flex-flow: row wrap;
max-width: flex;
margin-left: auto;
margin-right: auto;
}
.row-flex .col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * flex - (30px - 30px * flex));
max-width: calc(99.9% * flex - (30px - 30px * flex));
width: calc(99.9% * flex - (30px - 30px * flex));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.row-flex .col:nth-child(1n) {
margin-right: 30px;
margin-left: 0;
}
.row-flex .col:last-child {
margin-right: 0;
}
.row-flex .col:nth-child(NaNn) {
margin-right: 0;
margin-left: auto;
}
.row-flex .item {
/*display: flex;*/
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.row-flex aside.col .item, .row-flex .aside.col .item {
display: block;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
margin-bottom: 30px;
}
/*** Max columns configuration ***/
.ncol-xs-1 > .col:nth-child(1n) {
margin-right: 0;
}
.ncol-xs-1 > .col:nth-child(1n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-1 > .col {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-1 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1 > .col:nth-child(1n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(1n) {
margin-right: 10px;
}
.row-flex.ncol-xs-1.firsters-xs-1 > .col:nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(1n) {
margin-right: 10px;
}
.row-flex.ncol-xs-1.firsters-xs-2 > .col:nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(1n) {
margin-right: 10px;
}
.row-flex.ncol-xs-1.firsters-xs-3 > .col:nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(1n) {
margin-right: 10px;
}
.row-flex.ncol-xs-1.firsters-xs-4 > .col:nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(1n) {
margin-right: 10px;
}
.row-flex.ncol-xs-1.firsters-xs-5 > .col:nth-child(1n+5) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-2 > .col {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-2 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2 > .col:nth-child(2n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(-n+1):nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(2n) {
margin-right: 10px;
}
.row-flex.ncol-xs-2.firsters-xs-1 > .col:nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(-n+2):nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(2n) {
margin-right: 10px;
}
.row-flex.ncol-xs-2.firsters-xs-2 > .col:nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(-n+3):nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(2n) {
margin-right: 10px;
}
.row-flex.ncol-xs-2.firsters-xs-3 > .col:nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(-n+4):nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(2n) {
margin-right: 10px;
}
.row-flex.ncol-xs-2.firsters-xs-4 > .col:nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(-n+5):nth-child(2n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(2n) {
margin-right: 10px;
}
.row-flex.ncol-xs-2.firsters-xs-5 > .col:nth-child(2n+5) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-3 > .col {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-3 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3 > .col:nth-child(3n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(-n+1):nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(3n) {
margin-right: 10px;
}
.row-flex.ncol-xs-3.firsters-xs-1 > .col:nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(-n+2):nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(3n) {
margin-right: 10px;
}
.row-flex.ncol-xs-3.firsters-xs-2 > .col:nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(-n+3):nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(3n) {
margin-right: 10px;
}
.row-flex.ncol-xs-3.firsters-xs-3 > .col:nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(-n+4):nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(3n) {
margin-right: 10px;
}
.row-flex.ncol-xs-3.firsters-xs-4 > .col:nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(-n+5):nth-child(3n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(3n) {
margin-right: 10px;
}
.row-flex.ncol-xs-3.firsters-xs-5 > .col:nth-child(3n+5) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-4 > .col {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-4 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4 > .col:nth-child(4n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(-n+1):nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(4n) {
margin-right: 10px;
}
.row-flex.ncol-xs-4.firsters-xs-1 > .col:nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(-n+2):nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(4n) {
margin-right: 10px;
}
.row-flex.ncol-xs-4.firsters-xs-2 > .col:nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(-n+3):nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(4n) {
margin-right: 10px;
}
.row-flex.ncol-xs-4.firsters-xs-3 > .col:nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(-n+4):nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(4n) {
margin-right: 10px;
}
.row-flex.ncol-xs-4.firsters-xs-4 > .col:nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(-n+5):nth-child(4n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(4n) {
margin-right: 10px;
}
.row-flex.ncol-xs-4.firsters-xs-5 > .col:nth-child(4n+5) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-5 > .col {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-5 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5 > .col:nth-child(5n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(-n+1):nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(5n) {
margin-right: 10px;
}
.row-flex.ncol-xs-5.firsters-xs-1 > .col:nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(-n+2):nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(5n) {
margin-right: 10px;
}
.row-flex.ncol-xs-5.firsters-xs-2 > .col:nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(-n+3):nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(5n) {
margin-right: 10px;
}
.row-flex.ncol-xs-5.firsters-xs-3 > .col:nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(-n+4):nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(5n) {
margin-right: 10px;
}
.row-flex.ncol-xs-5.firsters-xs-4 > .col:nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(-n+5):nth-child(5n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(5n) {
margin-right: 10px;
}
.row-flex.ncol-xs-5.firsters-xs-5 > .col:nth-child(5n+5) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-6 > .col {
width: calc(99.9% * 1/6 - (10px - 10px * 1/6));
}
.row-flex.ncol-xs-6 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6 > .col:nth-child(6n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(-n+1):nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(6n) {
margin-right: 10px;
}
.row-flex.ncol-xs-6.firsters-xs-1 > .col:nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(-n+2):nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(6n) {
margin-right: 10px;
}
.row-flex.ncol-xs-6.firsters-xs-2 > .col:nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(-n+3):nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(6n) {
margin-right: 10px;
}
.row-flex.ncol-xs-6.firsters-xs-3 > .col:nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(-n+4):nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(6n) {
margin-right: 10px;
}
.row-flex.ncol-xs-6.firsters-xs-4 > .col:nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(-n+5):nth-child(6n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(6n) {
margin-right: 10px;
}
.row-flex.ncol-xs-6.firsters-xs-5 > .col:nth-child(6n+5) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-7 > .col {
width: calc(99.9% * 1/7 - (10px - 10px * 1/7));
}
.row-flex.ncol-xs-7 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7 > .col:nth-child(7n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(-n+1):nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(7n) {
margin-right: 10px;
}
.row-flex.ncol-xs-7.firsters-xs-1 > .col:nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(-n+2):nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(7n) {
margin-right: 10px;
}
.row-flex.ncol-xs-7.firsters-xs-2 > .col:nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(-n+3):nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(7n) {
margin-right: 10px;
}
.row-flex.ncol-xs-7.firsters-xs-3 > .col:nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(-n+4):nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(7n) {
margin-right: 10px;
}
.row-flex.ncol-xs-7.firsters-xs-4 > .col:nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(-n+5):nth-child(7n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(7n) {
margin-right: 10px;
}
.row-flex.ncol-xs-7.firsters-xs-5 > .col:nth-child(7n+5) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-8 > .col {
width: calc(99.9% * 1/8 - (10px - 10px * 1/8));
}
.row-flex.ncol-xs-8 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8 > .col:nth-child(8n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(-n+1):nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(8n) {
margin-right: 10px;
}
.row-flex.ncol-xs-8.firsters-xs-1 > .col:nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(-n+2):nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(8n) {
margin-right: 10px;
}
.row-flex.ncol-xs-8.firsters-xs-2 > .col:nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(-n+3):nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(8n) {
margin-right: 10px;
}
.row-flex.ncol-xs-8.firsters-xs-3 > .col:nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(-n+4):nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(8n) {
margin-right: 10px;
}
.row-flex.ncol-xs-8.firsters-xs-4 > .col:nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(-n+5):nth-child(8n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(8n) {
margin-right: 10px;
}
.row-flex.ncol-xs-8.firsters-xs-5 > .col:nth-child(8n+5) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-9 > .col {
width: calc(99.9% * 1/9 - (10px - 10px * 1/9));
}
.row-flex.ncol-xs-9 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9 > .col:nth-child(9n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(-n+1):nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(9n) {
margin-right: 10px;
}
.row-flex.ncol-xs-9.firsters-xs-1 > .col:nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(-n+2):nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(9n) {
margin-right: 10px;
}
.row-flex.ncol-xs-9.firsters-xs-2 > .col:nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(-n+3):nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(9n) {
margin-right: 10px;
}
.row-flex.ncol-xs-9.firsters-xs-3 > .col:nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(-n+4):nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(9n) {
margin-right: 10px;
}
.row-flex.ncol-xs-9.firsters-xs-4 > .col:nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(-n+5):nth-child(9n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(9n) {
margin-right: 10px;
}
.row-flex.ncol-xs-9.firsters-xs-5 > .col:nth-child(9n+5) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-10 > .col {
width: calc(99.9% * 1/10 - (10px - 10px * 1/10));
}
.row-flex.ncol-xs-10 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10 > .col:nth-child(10n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(-n+1):nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(10n) {
margin-right: 10px;
}
.row-flex.ncol-xs-10.firsters-xs-1 > .col:nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(-n+2):nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(10n) {
margin-right: 10px;
}
.row-flex.ncol-xs-10.firsters-xs-2 > .col:nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(-n+3):nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(10n) {
margin-right: 10px;
}
.row-flex.ncol-xs-10.firsters-xs-3 > .col:nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(-n+4):nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(10n) {
margin-right: 10px;
}
.row-flex.ncol-xs-10.firsters-xs-4 > .col:nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(-n+5):nth-child(10n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(10n) {
margin-right: 10px;
}
.row-flex.ncol-xs-10.firsters-xs-5 > .col:nth-child(10n+5) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-11 > .col {
width: calc(99.9% * 1/11 - (10px - 10px * 1/11));
}
.row-flex.ncol-xs-11 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11 > .col:nth-child(11n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(-n+1):nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(11n) {
margin-right: 10px;
}
.row-flex.ncol-xs-11.firsters-xs-1 > .col:nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(-n+2):nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(11n) {
margin-right: 10px;
}
.row-flex.ncol-xs-11.firsters-xs-2 > .col:nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(-n+3):nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(11n) {
margin-right: 10px;
}
.row-flex.ncol-xs-11.firsters-xs-3 > .col:nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(-n+4):nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(11n) {
margin-right: 10px;
}
.row-flex.ncol-xs-11.firsters-xs-4 > .col:nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(-n+5):nth-child(11n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(11n) {
margin-right: 10px;
}
.row-flex.ncol-xs-11.firsters-xs-5 > .col:nth-child(11n+5) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-xs-12 > .col {
width: calc(99.9% * 1/12 - (10px - 10px * 1/12));
}
.row-flex.ncol-xs-12 > .col:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12 > .col:nth-child(12n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (10px - 10px * 1/1));
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(-n+1):nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(12n) {
margin-right: 10px;
}
.row-flex.ncol-xs-12.firsters-xs-1 > .col:nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(-n+2):nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(12n) {
margin-right: 10px;
}
.row-flex.ncol-xs-12.firsters-xs-2 > .col:nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (10px - 10px * 1/3));
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(-n+3):nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(12n) {
margin-right: 10px;
}
.row-flex.ncol-xs-12.firsters-xs-3 > .col:nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (10px - 10px * 1/4));
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(-n+4):nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(12n) {
margin-right: 10px;
}
.row-flex.ncol-xs-12.firsters-xs-4 > .col:nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(-n+5):nth-child(12n+5) {
margin-right: 0;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(12n) {
margin-right: 10px;
}
.row-flex.ncol-xs-12.firsters-xs-5 > .col:nth-child(12n+5) {
margin-right: 0;
}
/*** Grid columns configuration ***/
.col-xs-1 {
width: calc(100% * 1/12 - (10px - 10px * 1/12));
}
.col-xs-1:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-1:last-child {
margin-right: 0;
}
.col-xs-1:nth-child(0n) {
float: right;
}
.row-flex .col-xs-1 {
width: calc(100% * 1/12 - (10px - 10px * 1/12));
}
.row-flex .col-xs-1:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-1:last-child {
margin-right: 0;
}
.row-flex .col-xs-1:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-1 {
position: relative;
left: calc(99.9% * 1/12 - (10px - 10px * 1/12) + 10px);
}
.colleft-xs-1 {
position: relative;
left: calc(99.9% * -1/12 - (10px - 10px * -1/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_1 {
margin-left: calc(99.9% * (-1/12 * -1) - (10px - 10px * (-1/12 * -1)) + 10px) !important;
}
.offleft-xs-1_1 {
margin-left: calc(99.9% * -1/12 - (10px - 10px * -1/12) + 10px) !important;
}
.col-xs-2 {
width: calc(100% * 2/12 - (10px - 10px * 2/12));
}
.col-xs-2:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-2:last-child {
margin-right: 0;
}
.col-xs-2:nth-child(0n) {
float: right;
}
.row-flex .col-xs-2 {
width: calc(100% * 2/12 - (10px - 10px * 2/12));
}
.row-flex .col-xs-2:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-2:last-child {
margin-right: 0;
}
.row-flex .col-xs-2:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-2 {
position: relative;
left: calc(99.9% * 2/12 - (10px - 10px * 2/12) + 10px);
}
.colleft-xs-2 {
position: relative;
left: calc(99.9% * -2/12 - (10px - 10px * -2/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_2 {
margin-left: calc(99.9% * (-2/12 * -1) - (10px - 10px * (-2/12 * -1)) + 10px) !important;
}
.offleft-xs-1_2 {
margin-left: calc(99.9% * -2/12 - (10px - 10px * -2/12) + 10px) !important;
}
.col-xs-3 {
width: calc(100% * 3/12 - (10px - 10px * 3/12));
}
.col-xs-3:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-3:last-child {
margin-right: 0;
}
.col-xs-3:nth-child(0n) {
float: right;
}
.row-flex .col-xs-3 {
width: calc(100% * 3/12 - (10px - 10px * 3/12));
}
.row-flex .col-xs-3:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-3:last-child {
margin-right: 0;
}
.row-flex .col-xs-3:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-3 {
position: relative;
left: calc(99.9% * 3/12 - (10px - 10px * 3/12) + 10px);
}
.colleft-xs-3 {
position: relative;
left: calc(99.9% * -3/12 - (10px - 10px * -3/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_3 {
margin-left: calc(99.9% * (-3/12 * -1) - (10px - 10px * (-3/12 * -1)) + 10px) !important;
}
.offleft-xs-1_3 {
margin-left: calc(99.9% * -3/12 - (10px - 10px * -3/12) + 10px) !important;
}
.col-xs-4 {
width: calc(100% * 4/12 - (10px - 10px * 4/12));
}
.col-xs-4:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-4:last-child {
margin-right: 0;
}
.col-xs-4:nth-child(0n) {
float: right;
}
.row-flex .col-xs-4 {
width: calc(100% * 4/12 - (10px - 10px * 4/12));
}
.row-flex .col-xs-4:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-4:last-child {
margin-right: 0;
}
.row-flex .col-xs-4:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-4 {
position: relative;
left: calc(99.9% * 4/12 - (10px - 10px * 4/12) + 10px);
}
.colleft-xs-4 {
position: relative;
left: calc(99.9% * -4/12 - (10px - 10px * -4/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_4 {
margin-left: calc(99.9% * (-4/12 * -1) - (10px - 10px * (-4/12 * -1)) + 10px) !important;
}
.offleft-xs-1_4 {
margin-left: calc(99.9% * -4/12 - (10px - 10px * -4/12) + 10px) !important;
}
.col-xs-5 {
width: calc(100% * 5/12 - (10px - 10px * 5/12));
}
.col-xs-5:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-5:last-child {
margin-right: 0;
}
.col-xs-5:nth-child(0n) {
float: right;
}
.row-flex .col-xs-5 {
width: calc(100% * 5/12 - (10px - 10px * 5/12));
}
.row-flex .col-xs-5:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-5:last-child {
margin-right: 0;
}
.row-flex .col-xs-5:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-5 {
position: relative;
left: calc(99.9% * 5/12 - (10px - 10px * 5/12) + 10px);
}
.colleft-xs-5 {
position: relative;
left: calc(99.9% * -5/12 - (10px - 10px * -5/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_5 {
margin-left: calc(99.9% * (-5/12 * -1) - (10px - 10px * (-5/12 * -1)) + 10px) !important;
}
.offleft-xs-1_5 {
margin-left: calc(99.9% * -5/12 - (10px - 10px * -5/12) + 10px) !important;
}
.col-xs-6 {
width: calc(100% * 6/12 - (10px - 10px * 6/12));
}
.col-xs-6:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-6:last-child {
margin-right: 0;
}
.col-xs-6:nth-child(0n) {
float: right;
}
.row-flex .col-xs-6 {
width: calc(100% * 6/12 - (10px - 10px * 6/12));
}
.row-flex .col-xs-6:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-6:last-child {
margin-right: 0;
}
.row-flex .col-xs-6:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-6 {
position: relative;
left: calc(99.9% * 6/12 - (10px - 10px * 6/12) + 10px);
}
.colleft-xs-6 {
position: relative;
left: calc(99.9% * -6/12 - (10px - 10px * -6/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_6 {
margin-left: calc(99.9% * (-6/12 * -1) - (10px - 10px * (-6/12 * -1)) + 10px) !important;
}
.offleft-xs-1_6 {
margin-left: calc(99.9% * -6/12 - (10px - 10px * -6/12) + 10px) !important;
}
.col-xs-7 {
width: calc(100% * 7/12 - (10px - 10px * 7/12));
}
.col-xs-7:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-7:last-child {
margin-right: 0;
}
.col-xs-7:nth-child(0n) {
float: right;
}
.row-flex .col-xs-7 {
width: calc(100% * 7/12 - (10px - 10px * 7/12));
}
.row-flex .col-xs-7:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-7:last-child {
margin-right: 0;
}
.row-flex .col-xs-7:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-7 {
position: relative;
left: calc(99.9% * 7/12 - (10px - 10px * 7/12) + 10px);
}
.colleft-xs-7 {
position: relative;
left: calc(99.9% * -7/12 - (10px - 10px * -7/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_7 {
margin-left: calc(99.9% * (-7/12 * -1) - (10px - 10px * (-7/12 * -1)) + 10px) !important;
}
.offleft-xs-1_7 {
margin-left: calc(99.9% * -7/12 - (10px - 10px * -7/12) + 10px) !important;
}
.col-xs-8 {
width: calc(100% * 8/12 - (10px - 10px * 8/12));
}
.col-xs-8:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-8:last-child {
margin-right: 0;
}
.col-xs-8:nth-child(0n) {
float: right;
}
.row-flex .col-xs-8 {
width: calc(100% * 8/12 - (10px - 10px * 8/12));
}
.row-flex .col-xs-8:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-8:last-child {
margin-right: 0;
}
.row-flex .col-xs-8:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-8 {
position: relative;
left: calc(99.9% * 8/12 - (10px - 10px * 8/12) + 10px);
}
.colleft-xs-8 {
position: relative;
left: calc(99.9% * -8/12 - (10px - 10px * -8/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_8 {
margin-left: calc(99.9% * (-8/12 * -1) - (10px - 10px * (-8/12 * -1)) + 10px) !important;
}
.offleft-xs-1_8 {
margin-left: calc(99.9% * -8/12 - (10px - 10px * -8/12) + 10px) !important;
}
.col-xs-9 {
width: calc(100% * 9/12 - (10px - 10px * 9/12));
}
.col-xs-9:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-9:last-child {
margin-right: 0;
}
.col-xs-9:nth-child(0n) {
float: right;
}
.row-flex .col-xs-9 {
width: calc(100% * 9/12 - (10px - 10px * 9/12));
}
.row-flex .col-xs-9:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-9:last-child {
margin-right: 0;
}
.row-flex .col-xs-9:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-9 {
position: relative;
left: calc(99.9% * 9/12 - (10px - 10px * 9/12) + 10px);
}
.colleft-xs-9 {
position: relative;
left: calc(99.9% * -9/12 - (10px - 10px * -9/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_9 {
margin-left: calc(99.9% * (-9/12 * -1) - (10px - 10px * (-9/12 * -1)) + 10px) !important;
}
.offleft-xs-1_9 {
margin-left: calc(99.9% * -9/12 - (10px - 10px * -9/12) + 10px) !important;
}
.col-xs-10 {
width: calc(100% * 10/12 - (10px - 10px * 10/12));
}
.col-xs-10:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-10:last-child {
margin-right: 0;
}
.col-xs-10:nth-child(0n) {
float: right;
}
.row-flex .col-xs-10 {
width: calc(100% * 10/12 - (10px - 10px * 10/12));
}
.row-flex .col-xs-10:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-10:last-child {
margin-right: 0;
}
.row-flex .col-xs-10:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-10 {
position: relative;
left: calc(99.9% * 10/12 - (10px - 10px * 10/12) + 10px);
}
.colleft-xs-10 {
position: relative;
left: calc(99.9% * -10/12 - (10px - 10px * -10/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_10 {
margin-left: calc(99.9% * (-10/12 * -1) - (10px - 10px * (-10/12 * -1)) + 10px) !important;
}
.offleft-xs-1_10 {
margin-left: calc(99.9% * -10/12 - (10px - 10px * -10/12) + 10px) !important;
}
.col-xs-11 {
width: calc(100% * 11/12 - (10px - 10px * 11/12));
}
.col-xs-11:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-11:last-child {
margin-right: 0;
}
.col-xs-11:nth-child(0n) {
float: right;
}
.row-flex .col-xs-11 {
width: calc(100% * 11/12 - (10px - 10px * 11/12));
}
.row-flex .col-xs-11:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-11:last-child {
margin-right: 0;
}
.row-flex .col-xs-11:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-11 {
position: relative;
left: calc(99.9% * 11/12 - (10px - 10px * 11/12) + 10px);
}
.colleft-xs-11 {
position: relative;
left: calc(99.9% * -11/12 - (10px - 10px * -11/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_11 {
margin-left: calc(99.9% * (-11/12 * -1) - (10px - 10px * (-11/12 * -1)) + 10px) !important;
}
.offleft-xs-1_11 {
margin-left: calc(99.9% * -11/12 - (10px - 10px * -11/12) + 10px) !important;
}
.col-xs-12 {
width: calc(100% * 12/12 - (10px - 10px * 12/12));
}
.col-xs-12:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.col-xs-12:last-child {
margin-right: 0;
}
.col-xs-12:nth-child(0n) {
float: right;
}
.row-flex .col-xs-12 {
width: calc(100% * 12/12 - (10px - 10px * 12/12));
}
.row-flex .col-xs-12:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.row-flex .col-xs-12:last-child {
margin-right: 0;
}
.row-flex .col-xs-12:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-12 {
position: relative;
left: calc(99.9% * 12/12 - (10px - 10px * 12/12) + 10px);
}
.colleft-xs-12 {
position: relative;
left: calc(99.9% * -12/12 - (10px - 10px * -12/12) + 10px);
}
/* Offsetting columns */
.offright-xs-1_12 {
margin-left: calc(99.9% * (-12/12 * -1) - (10px - 10px * (-12/12 * -1)) + 10px) !important;
}
.offleft-xs-1_12 {
margin-left: calc(99.9% * -12/12 - (10px - 10px * -12/12) + 10px) !important;
}
/*** Item ***/
.item {
margin-bottom: 10px;
}
.row-thumb:before {
content: '';
display: table;
}
.row-thumb:after {
content: '';
display: table;
clear: both;
}
.row-thumb div {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
}
.row-thumb div:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.row-thumb div:last-child {
margin-right: 0
}
.row-thumb div:nth-child(2n) {
margin-right: 0;
float: right
}
.row-thumb div:nth-child(2n + 1) {
clear: both
}
/******************* Exemples de la styleguide *******************/
/* Exemple 1 */
.exemple-1 .col {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.exemple-1 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-1 .col:last-child {
margin-right: 0;
}
.exemple-1 .col:nth-child(1n) {
margin-right: 0;
float: right;
}
.exemple-1 .col:nth-child(1n + 1) {
clear: both;
}
.exemple-2 .col {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.exemple-2 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-2 .col:last-child {
margin-right: 0;
}
.exemple-2 .col:nth-child(1n) {
margin-right: 0;
float: right;
}
.exemple-2 .col:nth-child(1n + 1) {
clear: both;
}
.exemple-3 .col {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.exemple-3 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-3 .col:last-child {
margin-right: 0;
}
.exemple-3 .col:nth-child(1n) {
margin-right: 0;
float: right;
}
.exemple-3 .col:nth-child(1n + 1) {
clear: both;
}
/* Components */
/*
Formularis
*/
/* Deshabilitat, nomes lectura o obligatori */
input:disabled, select:disabled, textarea:disabled {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
cursor: not-allowed;
}
input[readonly], select[readonly], textarea[readonly] {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
cursor: not-allowed;
}
input[required], select[required], textarea[required] {
border-right: solid 8px #000;
border-right: solid 8px var(--color-negre);
}
/* Quan un camp no es valid */
/* uncss:ignore */
.camp-invalid {
color: #ff1115 !important;
color: var(--color-vermell) !important;
border-color: #ff1115 !important;
border-color: var(--color-vermell) !important;
}
/* Quan un camp es obligatori omplir */
/* uncss:ignore */
.camp-obligatori {
border-right: solid 5px #000;
border-right: solid 5px var(--color-negre);
}
/* uncss:ignore */
.obligatori {
margin-bottom: 10px;
}
.obligatori {
padding-right: 20px;
font-style: italic;
border-right: solid 5px #000;
border-right: solid 5px var(--color-negre);/*
display: inline-block;
*/
}
/*** Selects ***/
select {
width: 100%;
height: 42px;
margin: 0 0 20px;
padding: 7px 30px 7px 10px;
color: #808080;
color: var(--color-gris);
font-family: inherit;
font-weight: normal;
background-color: #fff;
background-color: var(--color-blanc);
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -16px center;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative
}
select:focus {
color: #000;
color: var(--color-negre);
background-color: #f6f6f6;
background-color: var(--color-blanc-fosc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
outline: none;
-webkit-box-shadow: 0 0 5px #808080;
box-shadow: 0 0 5px #808080;
-webkit-box-shadow: 0 0 5px var(--color-gris);
box-shadow: 0 0 5px var(--color-gris);
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
cursor: not-allowed;
}
select[readonly] {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
cursor: not-allowed;
}
select::-webkit-input-placeholder {
color: #808080;
color: var(--color-gris);
}
select::-moz-placeholder {
color: #808080;
color: var(--color-gris);
}
select:-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
select::-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
select::placeholder {
color: #808080;
color: var(--color-gris);
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
/* Select small */
.select-small {
height: auto;
padding: 5px 20px 5px 5px;
font-size: 12px;
font-size: 0.75rem;
}
/* Select big */
.select-big {
height: auto;
font-size: 22px;
font-size: 1.375rem;
}
/*** Textareas ***/
textarea {
width: 100%;
max-width: 100%;
height: auto;
min-height: 50px;
margin: 0 0 20px;
padding: 10px;
color: #808080;
color: var(--color-gris);
font-family: inherit;
font-weight: normal;
background-color: #fff;
background-color: var(--color-blanc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
display: block;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
textarea:focus {
color: #000;
color: var(--color-negre);
background-color: #f6f6f6;
background-color: var(--color-blanc-fosc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
outline: none;
-webkit-box-shadow: 0 0 5px #808080;
box-shadow: 0 0 5px #808080;
-webkit-box-shadow: 0 0 5px var(--color-gris);
box-shadow: 0 0 5px var(--color-gris);
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
textarea[readonly] {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
cursor: not-allowed;
}
textarea::-webkit-input-placeholder {
color: #808080;
color: var(--color-gris);
}
textarea::-moz-placeholder {
color: #808080;
color: var(--color-gris);
}
textarea:-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
textarea::-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
textarea::placeholder {
color: #808080;
color: var(--color-gris);
}
textarea[rows] {
height: auto;
}
/*** Labels ***/
label {
margin: 0;
font-weight: 700;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
/* color: var(--color-negre); */
display: block;
}
label small {
display: block;
font-weight: 400;
}
/*** Fieldsets ***/
fieldset {
margin: 0;
padding: 0;
border: 0;
}
/*** Legends ***/
legend {
max-width: 100%;
font-weight: normal;
color: #000;
color: var(--color-negre);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
white-space: normal;
}
/*** Types ***/
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'] {
width: 100%;
height: 42px;
margin: 0 0 20px;
padding: 12px;
color: #808080;
color: var(--color-gris);
font-family: inherit;
font-weight: normal;
background-color: #fff;
background-color: var(--color-blanc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus {
color: #808080;
color: var(--color-gris);
background-color: #f6f6f6;
background-color: var(--color-blanc-fosc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
outline: none;
/*box-shadow: 0 0 5px var(--color-gris);*/
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
/* Number */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* Search */
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type='search'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* File */
[type='file'] {
width: 100%;
height: 42px;
margin: 0 0 20px;
color: #808080;
color: var(--color-gris);
}
/* Radio */
.radio {
display: inline-block;
position: relative;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 30px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s
}
.radio.radio-disabled {
opacity: 0.4;
cursor: not-allowed;
}
.radio > input {
position: absolute;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
}
.radio > span {
position: absolute;
top: 4px;
left: 0;
height: 16px;
width: 16px;
background: #fff;
background: var(--color-blanc);
border: 1px solid #000;
border: 1px solid var(--color-negre);
border-radius: 50%;
}
.radio > span:after {
left: 4px;
top: 4px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #000;
background: var(--color-negre);
content: '';
position: absolute;
display: none;
}
.radio:hover > input:not([disabled]) ~ span, .radio > input:focus ~ span {
background: #fff;
background: var(--color-blanc);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.radio > input:checked ~ span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
background: var(--color-blanc);
}
.radio > input:checked ~ span:after {
display: block;
}
.radio:hover > input:not([disabled]):checked ~ span, .radio > input:checked ~ span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
background: var(--color-blanc);
}
.radio > input:disabled ~ span {
opacity: 0.6;
pointer-events: none;
}
.radio > input:disabled ~ span:after {
background: #d3d3d3;
background: var(--color-gris-clar);
}
/* Checkbox */
.checkbox {
display: inline-block;
position: relative;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 30px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s
}
.checkbox.checkbox-disabled {
opacity: 0.4;
cursor: not-allowed;
}
.checkbox > input {
position: absolute;
z-index: -1;
opacity: 0;
}
.checkbox > span {
border: 1px solid #000;
border: 1px solid var(--color-negre);
position: absolute;
top: 4px;
left: 0;
height: 15px;
width: 15px;
background: #fff;
background: var(--color-blanc);
}
.checkbox > span:after {
left: 5px;
top: 1px;
width: 5px;
height: 9px;
border: solid #000;
border: solid var(--color-negre);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
position: absolute;
display: none;
}
.checkbox:hover > input:not([disabled]) ~ span, .checkbox > input:focus ~ span {
background: #fff;
background: var(--color-blanc);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.checkbox > input:checked ~ span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
background: var(--color-blanc);
}
.checkbox > input:checked ~ span:after {
display: block;
}
.checkbox:hover > input:not([disabled]):checked ~ span, .checkbox > input:checked ~ span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
background: var(--color-blanc);
}
.checkbox > input:disabled ~ span {
opacity: 0.6;
pointer-events: none;
}
.checkbox > input:disabled ~ span:after {
border-color: #d3d3d3;
border-color: var(--color-gris-clar);
}
.checkbox.input-small {
padding-left: 20px !important;
}
.checkbox.input-small > span {
top: 7px;
height: 12px;
width: 12px;
}
.checkbox.input-small > span:after {
left: 3px;
top: 0px;
}
/* Radio / checkbox lists */
.radio-list, .checkbox-list {
margin: 0;
padding-left: 0;
}
.radio-list li, .checkbox-list li {
list-style: none;
}
/* Submit */
[type='submit'] {
padding: 10px;
color: #808080;
color: var(--color-gris);
font-family: inherit;
font-weight: normal;
background-color: #fff;
background-color: var(--color-blanc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type='button'] {
padding: 10px;
color: #808080;
color: var(--color-gris);
font-family: inherit;
font-weight: normal;
background-color: #fff;
background-color: var(--color-blanc);
border: 3px solid #161616;
border: 3px solid var(--color-border-form);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*** Inputs ***/
input {
overflow: visible;
}
.input-small {
height: auto;
padding: 5px!important;
font-size: 12px!important;
font-size: 0.75rem!important;
}
.input-big {
height: auto;
font-size: 22px!important;
font-size: 1.375rem!important;
line-height: 27px!important;
line-height: 1.6875rem!important;
}
/* Placeholder */
input::-webkit-input-placeholder {
color: #808080;
color: var(--color-gris);
}
input::-moz-placeholder {
color: #808080;
color: var(--color-gris);
}
input:-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
input::-ms-input-placeholder {
color: #808080;
color: var(--color-gris);
}
input::placeholder {
color: #808080;
color: var(--color-gris);
}
/*
Botons
*/
/*** Botons ***/
a.btn, a.btn__primari, a.btn__secundari, a.btn__desplegable, a.btn-desplega, a.btn_icona {
text-decoration: none;
}
.btn {
min-height: 42px;
padding: 10px 30px 8px;
text-align: center;
vertical-align: middle;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
line-height: 20px;
line-height: 1.25rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #ff1115;
color: var(--color-primari);
background-color: #fff;
background-color: var(--color-blanc);
border: solid 3px #ff1115;
border: solid 3px var(--color-primari)
}
.btn:hover, .btn:focus {
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
}
/* Boto primari */
.btn__primari {
min-height: 42px;
padding: 10px 30px 8px;
text-align: center;
vertical-align: middle;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
line-height: 20px;
line-height: 1.25rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
border: solid 3px #ff1115;
border: solid 3px var(--color-primari)
}
.btn__primari:hover, .btn__primari:focus {
color: #ff1115;
color: var(--color-primari);
background-color: #fff;
background-color: var(--color-blanc);
}
/* Boto secundari */
.btn__secundari {
min-height: 42px;
padding: 10px 30px 8px;
text-align: center;
vertical-align: middle;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
line-height: 20px;
line-height: 1.25rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
color: var(--color-negre);
background-color: transparent;
background-color: var(--transparent);
border: solid 3px #000;
border: solid 3px var(--color-negre)
}
.btn__secundari:hover, .btn__secundari:focus {
color: #fff;
color: var(--color-blanc);
background-color: #000;
background-color: var(--color-negre);
}
/* Botons desplegables */
.btn__desplegable {
min-height: 42px;
padding: 10px 30px 8px;
text-align: center;
vertical-align: middle;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
line-height: 20px;
line-height: 1.25rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #ff1115;
color: var(--color-primari);
background-color: #fff;
background-color: var(--color-blanc);
border: solid 2px #ff1115;
border: solid 2px var(--color-primari)
}
.btn__desplegable:hover, .btn__desplegable:focus {
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
}
.btn__desplegable:hover::after, .btn__desplegable:focus::after {
border-color: #fff transparent transparent;
border-color: var(--color-blanc) transparent transparent;
}
.btn__desplegable:hover.btn-triangle:after, .btn__desplegable:focus.btn-triangle:after {
border-color: #fff transparent transparent;
border-color: var(--color-blanc) transparent transparent;
}
.btn__desplegable.btn-triangle:after {
content: '';
width: 0;
height: 0;
margin-left: 10px;
border: inset 0.4em;
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff1115 transparent transparent;
border-color: var(--color-primari) transparent transparent;
position: relative;
top: 7px;
right: -15px;
display: inline-block;
float: right;
-webkit-transition: all .3s;
transition: all .3s;
}
.btn-desplega {
display: inline-block;
position: relative
}
.btn-desplega:hover:after {
border-color: #fff transparent transparent;
border-color: var(--color-blanc) transparent transparent;
}
.btn-desplega .btn__desplegable {
padding-right: 52px;
}
.btn-desplega:after {
content: '';
width: 0;
height: 0;
margin-left: 10px;
border: inset 0.4em;
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff1115 transparent transparent;
border-color: var(--color-primari) transparent transparent;
position: absolute;
top: 19px;
right: 17px;
display: inline-block;
-webkit-transition: all .3s;
transition: all .3s;
}
/*** Icones als botons ***/
.btn .btn-icon svg g, .btn__secundari .btn-icon svg g, .btn_icona .btn-icon svg g {
fill: #ff1115;
fill: var(--color-primari);
stroke: #ff1115;
stroke: var(--color-primari);
}
.btn:hover .btn-icon, .btn:focus .btn-icon, .btn__secundari:hover .btn-icon, .btn__secundari:focus .btn-icon, .btn_icona:hover .btn-icon, .btn_icona:focus .btn-icon {
pointer-events: none;
}
.btn:hover .btn-icon svg g, .btn:focus .btn-icon svg g, .btn__secundari:hover .btn-icon svg g, .btn__secundari:focus .btn-icon svg g, .btn_icona:hover .btn-icon svg g, .btn_icona:focus .btn-icon svg g {
fill: #fff;
fill: var(--color-blanc);
stroke: #fff;
stroke: var(--color-blanc);
}
.btn__primari .btn-icon svg g {
fill: #fff;
fill: var(--color-blanc);
stroke: #fff;
stroke: var(--color-blanc);
}
.btn__primari:hover .btn-icon, .btn__primari:focus .btn-icon {
pointer-events: none;
}
.btn__primari:hover .btn-icon svg g, .btn__primari:focus .btn-icon svg g {
fill: #ff1115;
fill: var(--color-primari);
stroke: #ff1115;
stroke: var(--color-primari);
}
/*** Boto amb icona ***/
.btn_icona {
display: inline-block;
position: relative;
}
.btn_icona .btn-icon {
position: absolute;
top: 9px;
left: 30px
}
.btn_icona .btn-icon + .btn {
padding-left: 50px;
}
.btn_icona .btn-notext {
width: 0;
padding-right: 24px;
color: transparent;
}
/*** Boto desactivat ***/
.btn.btn_desactivat, .btn[disabled] {
opacity: 0.25;
pointer-events: none;
cursor: not-allowed;
}
.btn.btn_desactivat, .btn.btn_desactivat:hover, .btn.btn_desactivat:focus, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus {
opacity: .2;
}
/*** Botons al 100% - Expandit ***/
.btn.btn_expandit, .btn__primari.btn_expandit, .btn__secundari.btn_expandit, .btn_icona.btn_expandit {
display: block;
width: 100%;
}
/*** Boton petit ***/
.btn.btn_small {
min-height: auto;
padding: 5px 20px;
font-size: 12px;
font-size: 0.75rem;
}
/*** Gran ***/
.btn.btn_big {
max-height: none;
font-size: 22px;
font-size: 1.375rem;
}
/*
Icones
*/
/*** Color icones default ***/
.ico-color {
/* fill: var(--color-negre) */
fill: currentColor;
}
.ico-color-blanc {
fill: #fff;
fill: var(--color-blanc)
}
/*** Xarxes socials ***/
/* Icones socials */
.socials li {
margin-right: 8px;
margin-top: 5px;
margin-bottom: 10px;
display: inline-block
}
.socials li:last-child {
margin-right: 0;
}
.socials a {
line-height: 0;
text-align: center;
display: block;
vertical-align: middle;
}
.socials a .ico {
width: 32px;
height: 32px;
display: inline-block;
-webkit-transition: all .3s;
transition: all .3s;
}
.socials.vora-quadrada a .ico {
border: solid 2px;
-webkit-transition: all .3s;
transition: all .3s;
}
.socials.vora-quadrada a .ico .ico-color {
-webkit-transition: all .3s;
transition: all .3s;
}
.socials.vora-quadrada a .ico:hover {
background-color: #333;
background-color: var(--color-gris-extrafosc);
}
.socials.vora-rodona a .ico {
border: solid 2px;
border-radius: 50%;
-webkit-transition: all .3s;
transition: all .3s;
}
.socials.vora-rodona a .ico .ico-color {
-webkit-transition: all .3s;
transition: all .3s;
}
/*** Icona tancar ***/
.ico-tancar {
display: inline-block;
}
.ico-tancar .barra {
width: 12px;
height: 12px;
display: block;
position: relative
}
.ico-tancar .barra:before, .ico-tancar .barra:after {
content: '';
width: 15px;
height: 2px;
background-color: #ff1115;
background-color: var(--color-primari);
position: absolute;
top: 5px;
right: 0;
}
.ico-tancar .barra:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ico-tancar .barra:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/**********************************************************/
.ico-search {
width: 32px;
height: 32px;
background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23df0' stroke='%23df0'%3E %3Ctitle%3ECerca%3C/title%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='cap' transform='translate(-1267.000000, -144.000000)' fill-rule='nonzero' fill='%2347535A'%3E %3Cg transform='translate(1267.000000, 144.000000)'%3E %3Cpath d='M23.0771484,21.4360422 L21.4360422,23.0771484 L15.3218323,16.9629386 C13.6081108,18.2990604 11.6620203,18.9671214 9.48356069,18.9671214 C8.22489515,18.9671214 7.01706035,18.7274908 5.86005626,18.2482297 C4.70305217,17.7689686 3.67433515,17.0839641 2.77390519,16.1932162 C1.88315728,15.3024683 1.19815277,14.2785923 0.71889166,13.1215882 C0.239630553,11.9645841 0,10.7519083 0,9.48356069 C0,8.21521312 0.239630553,7.00253729 0.71889166,5.84553319 C1.19815277,4.6885291 1.88315728,3.6646531 2.77390519,2.77390519 C3.67433515,1.88315728 4.70305217,1.19815277 5.86005626,0.71889166 C7.01706035,0.239630553 8.22489515,0 9.48356069,0 C10.7519083,0 11.9645841,0.239630553 13.1215882,0.71889166 C14.2785923,1.19815277 15.3024683,1.88315728 16.1932162,2.77390519 C17.0936461,3.6646531 17.7834917,4.6885291 18.2627528,5.84553319 C18.7420139,7.00253729 18.9816444,8.21521312 18.9816444,9.48356069 C18.9816444,11.6523382 18.3087425,13.5984288 16.9629386,15.3218323 L23.0771484,21.4360422 Z M4.40048834,14.55211 C5.80438452,15.9560061 7.49874196,16.6579542 9.48356069,16.6579542 C11.4683794,16.6579542 13.1627369,15.9560061 14.566633,14.55211 C15.9608472,13.1578958 16.6579542,11.4683794 16.6579542,9.48356069 C16.6579542,7.508424 15.9608472,5.81406655 14.566633,4.40048834 C13.1530548,3.00627421 11.4586974,2.30916715 9.48356069,2.30916715 C7.49874196,2.30916715 5.80922553,3.00627421 4.41501141,4.40048834 C3.01111523,5.80438452 2.30916715,7.49874196 2.30916715,9.48356069 C2.30916715,11.4683794 3.00627421,13.1578958 4.40048834,14.55211 Z' id='Shape'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
display: inline-block;
}
/*
Components
*/
/*** Fil d'ariadna***/
.breadcrumbs {
width: 100%;
margin: 0 0 20px;
padding: 20px 0 4px;
border-bottom: solid 1px #000;
border-bottom: solid 1px var(--color-limit);
}
.breadcrumbs li {
position: relative;
margin: 0 5px 0 0;
color: #333;
color: var(--color-gris-extrafosc);
display: inline-block
}
.breadcrumbs li:not(:last-child)::after {
content: "/";
margin: 0 0 0 5px;
}
.breadcrumbs li a {
color: #ff1115;
color: var(--color-primari);
}
/*** Paginacio ***/
/* Centrada */
.pagination {
text-align: center;
margin-top: 10px;
}
.pagination ul {
margin: 0 auto 20px;
padding-left: 0;
display: table;
}
.pagination ul li {
display: table-cell;
background-color: #fff;
background-color: var(--color-blanc);
border-top: solid 1px #000;
border-top: solid 1px var(--color-negre);
border-bottom: solid 1px #000;
border-bottom: solid 1px var(--color-negre);
border-left: solid 1px #000;
border-left: solid 1px var(--color-negre);
vertical-align: middle
}
.pagination ul li:last-child {
border-right: solid 1px #000;
border-right: solid 1px var(--color-negre);
}
.pagination ul li:last-child .ico svg {
margin-top: -6px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination ul li.active {
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
}
.pagination ul li.disabled {
color: #fff;
color: var(--color-blanc);
background-color: #000;
background-color: var(--color-negre);
}
.pagination ul li.disabled .ico svg polygon {
fill: #fff;
fill: var(--color-blanc);
}
.pagination ul li a {
color: #000;
color: var(--color-negre);
display: block;
background-color: #fff;
background-color: var(--color-blanc);
}
.pagination ul li a:hover {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
.pagination ul li span {
padding: 0 10px;
line-height: 34px;
line-height: 2.125rem;
display: inline-block;
}
.pagination ul li span .ico {
width: 26px;
}
/* Elements alineats esquerra / dreta */
.pagination-align ul {
display: block;
}
.pagination-align ul:before {
content: '';
display: table;
}
.pagination-align ul:after {
content: '';
display: table;
clear: both;
}
.pagination-align ul li:first-child {
border-right: solid 1px #000;
border-right: solid 1px var(--color-negre);
float: left;
display: block;
}
.pagination-align ul li:last-child {
float: right;
display: block;
}
.pagination-as ul li:last-child span+span, .pagination-align ul li:last-child span+span {
padding-left: 0;
margin-left: -10px;
}
.pagination-as ul li span+span, .pagination-align ul li span+span {
padding-left: 0;
margin-left: -10px;
}
/*** Agrupar horitzontalment ***/
.agrupar-horitzontal {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.agrupar-horitzontal input, .agrupar-horitzontal .btn {
margin-bottom: 0
}
.agrupar-horitzontal input:last-child, .agrupar-horitzontal .btn:last-child {
border-left: none;
border-width: 1px;
border-radius: 0;
}
/*** Noticia barra meta ***/
.interior-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.interior-meta {
font-size: 14px;
font-size: .875rem;
line-height: 14px;
line-height: .875rem;
margin-bottom: 10px;
}
.interior-meta.sep-top {
padding-top: 1em;
}
.interior-meta a {
color: #000;
color: var(--color-negre);
/* &:hover,
&:active,
&:focus {
text-decoration: none;
} */
}
.interior-meta .article__signature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 9px;
line-height: 2;
}
.interior-meta .author {
color: #ff1115;
color: var(--color-primari);
}
.interior-meta .author:last-of-type {
margin-right: 5px;
}
.interior-meta .date {
margin-bottom: 0;
}
.interior-meta .sharer {
margin: 0 0 10px 0;
padding-left: 0;
list-style-type: none;
}
.interior-meta .sharer li {
display: inline-block;
margin-right: 2px;
}
.interior-meta .sharer a {
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
text-decoration: none;
background-color: #666;
background-color: var(--color-secundari);
vertical-align: top;
}
.interior-meta .sharer a:hover {
background-color: #ff1115;
background-color: var(--color-primari);
}
.interior-meta .sharer a i {
display: inline-block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
.interior-meta .comments {
height: 32px;
margin-right: 1px;
display: inline-block;
overflow: hidden;
}
.interior-meta .comments .comments-icon {
background-color: #000;
background-color: var(--color-negre);
display: inline-block;
}
.interior-meta .comments .comments-number {
display: inline-table;
width: 32px;
height: 32px;
line-height: 32px;
line-height: 2rem;
text-decoration: none;
background-color: #eee;
background-color: var(--color-gris-extraclar);
text-align: center;
color: #000;
color: var(--color-negre);
vertical-align: top;
}
.interior-meta .comments:hover .comments-icon {
background-color: #333;
background-color: var(--color-gris-extrafosc);
}
.interior-meta .comments:hover .comments-number {
background-color: #d3d3d3;
background-color: var(--color-gris-clar);
}
.interior-meta .article__share {
font-size: 14px;
font-size: .875rem;
line-height: 18px;
line-height: 1.125rem;
}
.interior-meta .article__share .addthis_inline_share_toolbox {
display: inline-block;
vertical-align: bottom;
}
/*** Documents / audios relacionats ***/
.interior-main__related-documents, .interior-main__related-audios {
margin-bottom: 10px;
}
.interior-main__related-documents li, .interior-main__related-audios li {
list-style: none;
}
.interior-main__related-documents li a, .interior-main__related-audios li a {
color: #ff1115;
color: var(--color-primari);
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-size: 14px;
font-weight: bold;
line-height: 1.64
}
.interior-main__related-documents li a:before, .interior-main__related-audios li a:before {
content: '';
display: table
}
.interior-main__related-documents li a:after, .interior-main__related-audios li a:after {
content: '';
display: table;
clear: both
}
.interior-main__related-documents li a:hover, .interior-main__related-audios li a:hover {
color: #ff1115;
color: var(--color-primari);
}
.interior-main__related-documents li a i, .interior-main__related-audios li a i {
float: left;
}
.interior-main__related-documents .titol-interior, .interior-main__related-audios .titol-interior {
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
}
.interior-main__related-documents .titol-interior h3, .interior-main__related-audios .titol-interior h3 {
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
margin: 0;
}
.interior-main__related-documents .ico-color, .interior-main__related-audios .ico-color {
fill: #000;
fill: var(--color-negre);
}
/*** articles relacionats ***/
.interior-main .titol-interior {
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
margin: 0;
}
/*** Audios relacionats ***/
.interior-main__related-audios li p {
margin: 0;
color: #ff1115;
color: var(--color-primari);
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-size: 14px;
font-weight: bold;
line-height: 1.64;
}
.interior-main__related-audios li audio {
width: 100%;
margin-bottom: 10px;
display: none;
}
/*** Barra tags ***/
.tags {
padding-bottom: 15px;
}
/* border-bottom: 1px solid var(--color-limit); */
.tags ul {
margin: 0;
padding-left: 0;
list-style-type: none;
}
.tags ul li {
display: inline-block;
font-size: 12px;
font-size: .75rem;
line-height: 24px;
line-height: 1.5rem
}
.tags ul li+li:before {
display: inline-block;
margin-left: 3px;
margin-right: 5px;
content: "•";
}
.tags ul li a {
color: #666;
color: var(--color-secundari);
}
.tags ul li a:hover {
color: #ff1115;
color: var(--color-primari);
}
/*** Titol dels components de les interiors ***/
.titol-interior a {
color: #000;
color: var(--color-font)
}
.titol-interior a:hover {
color: #000;
color: var(--color-font);
}
/*
Calendari
*/
/*** Caixa ***/
.calendari__title {
margin-bottom: 10px;
}
.calendari__title {
font-weight: 700;
color: #000;
color: var(--color-negre);
}
.calendari-caixa {
padding: 20px;
background-color: #eee;
background-color: var(--color-gris-extraclar);
margin-bottom: 10px;
}
/*** Calendari widget ***/
.calendari {
width: 100%;
position: relative;
/* .cal_fest {
color: var(--color-primari);
} */
}
.calendari .ico-anterior {
position: absolute;
top: 0;
left: 5px;
}
.calendari .ico-seguent {
position: absolute;
top: 0;
right: 5px;
}
.calendari .ico-anterior, .calendari .ico-seguent{
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-style: normal;
color: #000;
color: var(--color-font);
font-size: 14px
}
.calendari .ico-anterior:hover, .calendari .ico-seguent:hover {
color:#ff1115;
color:var(--color-primari);
}
.calendari select {
width: 90px;
height: auto;
}
.calendari td {
text-align: center;
font-weight: bold;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
padding: 5px;
color:#808080;
color:var(--color-gris);
}
.calendari thead tr:nth-child(1) th {
font-size: 18px;
font-weight: 800;
/* color:#39393a; */
}
.calendari thead tr:nth-child(2) th {
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
color: #808080;
color: var(--color-gris);
}
.calendari .cal-select {
padding: 0;
}
.calendari .cal-select a{
display: block;
color: #ff1115;
color: var(--color-primari);
padding: 5px
}
.calendari .cal-select a:hover {
background-color: #fff;
background-color: var(--color-blanc);
text-decoration: none;
}
/*
Publicitat
*/
/*** Contenidor publicitat ***/
.publicitat {
}
.roba {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/*** Header and footer ***/
/*
Capçalera
*/
/*** Header ***/
.header {
color: #000;
color: var(--color-font-header-menu);
border-top: 10px solid #ff1115;
}
.header__logo {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
background-color: var(--color-fons-header-logo);
}
.header__logo .row-flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__logo .burguer {
padding: 3px 11px;
border: solid 1px #000;
border: solid 1px var(--color-font-header-logo);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
/* Icona menu */
}
.header__logo .burguer .ico-burguer .barra {
width: 13px;
height: 2px;
background-color: #000;
background-color: var(--color-font-header-logo);
border-radius: 1px;
-webkit-transition: background-color .3s;
transition: background-color .3s;
display: block;
}
.header__logo .burguer .ico-burguer .barra+.barra {
margin-top: 2px;
}
.header__logo .burguer .ico-burguer:hover .barra {
background-color: #000;
background-color: var(--color-font-header-logo);
}
.header__logo .burguer .burguer-text {
margin-right: 10px;
font-size: 16px;
line-height: 1.46;
color: #000;
color: var(--color-font-header-logo);
vertical-align: middle;
display: none;
font-weight: 700;
text-transform: capitalize;
}
.header__logo .burguer:hover {
text-decoration: none;
}
.header__logo .data {
margin-top: 10px;
font-size: 14px;
font-size: .875rem;
line-height: 14px;
line-height: .875rem;
display: none;
}
.header__logo {
padding-top: 10px;
padding-top: var(--gutter-xs);
padding-bottom: 10px;
padding-bottom: var(--gutter-xs);
}
.header__sitename {
margin-right: 15px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
max-width: 780px;
}
.header__sitename h1 {
margin: 0;
}
.header__sitename__brand {
display: block;
}
.header__sitename__brand svg{
max-width: 100%;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* flex-direction: row; */
/* justify-content: flex-start; */
/* width: 100%; */
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.header__sitename__claim {
font-size: calc(7px + 2vw);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.11;
letter-spacing: normal;
color: #000000;
text-align: left;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
margin:0;
}
.header__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.header__links #xarxes_capcalera {
margin-right: 5px;
text-align: right;
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
display: none;
}
.header__links .lupa {
margin-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__links .lupa:hover, .header__links .lupa.active {
}
.header__links .lupa i {
width: 30px;
height: 27px;
padding-right: 5px;
padding-left: 5px;
display: inline-block;
border-bottom-color: transparent;
border-bottom-color: var(--transparent);
}
.header__links {
padding-top: 10px;
padding-top: var(--gutter-xs);
padding-bottom: 10px;
padding-bottom: var(--gutter-xs);
}
.header__links .lupa i svg g {
fill: #000;
fill: var(--color-font-header-logo);
}
.header__links .row-flex {
margin-bottom: auto;
}
.header__menu {
line-height: 38px;
line-height: 2.375rem;
background-color: #666;
background-color: var(--color-fons-header-menu);
}
.header__menu .nav {
width: 100%;
margin: 0 auto;
padding-left: 0;
border-top: solid 1px transparent;
border-top: solid 1px var(--color-limit-header-menu);
display: none;
}
.header__menu .nav {
position: relative;
}
.header__menu .nav .navigation {
height: 36px;
margin: 0;
padding-right: 0;
padding-left: 0;
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.header__menu .nav .navigation li {
padding: 0 20px 0 0;
list-style: none;
display: table-cell;
}
.header__menu .nav .navigation li a {
font-size: 18px;
font-size: 1.125rem;
line-height: 33px;
line-height: 2.0625rem;
color: #000;
color: var(--color-font-header-menu);
border-color: transparent;
border-color: var(--transparent);
display: block;
white-space: nowrap;
}
.header__menu .nav .navigation li a:hover, .header__menu .nav .navigation li a.active {
color: #000;
color: var(--color-font-header-menu);
border-color: #000;
border-color: var(--color-font-header-menu);
text-decoration: none;
}
.header__menu .nav .navigation li:first-child {
padding-left: 0;
}
.header__menu .nav .navigation .desplegable {
margin-right: 20px;
position: relative;
}
.header__menu .nav .navigation .desplegable:after {
content: "";
width: 0;
height: 0;
border-top: 4px solid #000;
border-top: 4px solid var(--color-font-header-menu);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
position: absolute;
top: 15px;
right: 0;
float: right;
}
.header__menu .nav .navigation .desplegable:hover .menu_desplegable {
display: block;
z-index: 1;
}
.header__menu .nav .navigation .desplegable .menu_desplegable {
display: none;
padding: 0;
min-width: 180px;
max-width: 280px;
text-align: left;
position: absolute;
background-color: #fff;
background-color: var(--color-blanc);
-webkit-box-shadow: 3px 5px 5px var(--color-gris-exclar);
box-shadow: 3px 5px 5px #d3d3d3;
-webkit-box-shadow: 3px 5px 5px var(--color-gris-clar);
box-shadow: 3px 5px 5px var(--color-gris-clar);
}
.header__menu .nav .navigation .desplegable .menu_desplegable li {
width: 100%;
padding: 0;
display: block;
}
.header__menu .nav .navigation .desplegable .menu_desplegable a {
padding: 5px 10px;
color: #000;
color: var(--color-negre)
}
.header__menu .nav .navigation .desplegable .menu_desplegable a:hover {
text-decoration: none;
background-color: #eee;
background-color: var(--color-gris-extraclar);
}
/*** Sticky ***/
/* uncss:ignore */
.fixed-header {
-webkit-box-shadow: none;
box-shadow: none;
}
/* uncss:ignore */
.fixed-header .sticky {
width: 100%;
}
/*
uncss:ignore
*/
/* uncss:ignore */
/* uncss:ignore */
/* uncss:ignore */
.fixed-header .sticky .header__logo .header__sitename .header__logo-img img {
max-height: 60px;
}
/* uncss:ignore */
.fixed-header .sticky .header__logo .data {
display: none;
}
/*
Peu
*/
.footer {
background-color: #eeeeee;
}
.footer__top {
color: #fff;
color: var(--color-font-footer-fosc);
background-color: #ff1115;
background-color: var(--color-fons-footer-fosc);
padding-top: 40px;
padding-bottom: 40px;
}
.footer__top a {
color: #fff;
color: var(--color-font-footer-fosc);
}
/*
Logos
*/
.footer__top svg .logo-color {
fill: #fff;
fill: var(--color-blanc);
}
.footer__top .footer__title {
color: #333;
color: var(--color-gris-extrafosc);
}
.footer__top .footer__title a {
color: #333;
color: var(--color-gris-extrafosc);
}
/*
Socials dintre del footer fosc
*/
.footer__top .socials a .ico {
border-color: transparent;
border-color: var(--transparent);
}
.footer__top .socials a:hover .ico, .footer__top .socials a:focus .ico {
background-color: #333;
background-color: var(--color-gris-extrafosc);
}
.footer__top .vora-quadrada a .ico {
border-color: #fff;
border-color: var(--color-font-footer-fosc);
}
.footer__top .vora-quadrada a .ico .ico-color {
fill: #fff;
fill: var(--color-font-footer-fosc);
}
.footer__top .vora-quadrada a:hover .ico, .footer__top .vora-quadrada a:focus .ico {
border-color: #FFF;
}
/*
Butlleti
*/
.footer__top .agrupar-horitzontal [type="email"] {
color: #999999;
background-color: #ffffff;
border: 1px solid #999999;
font-size: 16px;
font-weight: bold;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
margin-right: 20px
}
.footer__top .agrupar-horitzontal [type="email"]::-webkit-input-placeholder {
color: #d3d3d3;
color: var(--color-gris-clar);
}
.footer__top .agrupar-horitzontal [type="email"]::-moz-placeholder {
color: #999999;
}
.footer__top .agrupar-horitzontal [type="email"]:-ms-input-placeholder {
color: #999999;
}
.footer__top .agrupar-horitzontal [type="email"]::-ms-input-placeholder {
color: #999999;
}
.footer__top .agrupar-horitzontal [type="email"]::placeholder {
color: #999999;
}
.footer__top .agrupar-horitzontal .btn {
color: #fff;
color: var(--color-blanc);
background-color: #333;
background-color: var(--color-gris-extrafosc);
border: 1px solid #FFF;
letter-spacing: -0.19px;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
text-transform: none;
width: 100%;
max-width: 164px
}
.footer__top .agrupar-horitzontal .btn:hover {
background-color: #FFF;
color: #333;
color: var(--color-gris-extrafosc);
border-color: #333;
border-color: var(--color-gris-extrafosc);
}
.footer__top .socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: auto;
}
.footer__top .brand+.socials {
margin-top: 30px;
}
.footer__top .row-flex>.col:nth-child(2) .footer__title {
margin-top: auto;
}
.footer__middle {
background-color: #eeeeee;
padding-top: 40px;
padding-bottom: 40px;
}
.footer__middle p {
margin: 0;
text-align: right;
}
.footer__middle p a {
padding-left: 20px;
font-size: 14px;
font-size: .875rem;
color: #7C7C7C;
}
/*
Logos
*/
.footer__middle .logo:hover svg .logo-color {
fill: #ff1115;
fill: var(--color-primari);
}
.footer__middle svg .logo-color {
fill: #000;
fill: var(--color-negre);
}
.footer__bottom {
background-color: #fff;
}
.footer__bottom p {
margin: 0;
text-align: right;
}
.footer__bottom p a {
padding-left: 20px;
font-size: 14px;
font-size: .875rem;
color: #7C7C7C;
}
.footer__bottom {
padding-top: 15px;
padding-bottom: 15px;
}
/*
Logos
*/
.footer__bottom svg .logo-color {
fill: #000;
fill: var(--color-negre);
}
.footer .footer__title {
margin: 0 0 15px;
color: #333;
color: var(--color-gris-extrafosc);
font-size: 16px;
font-weight: bold;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
}
/*** Logo tirabol ***/
.tirabol {
margin-top: 15px;
}
.tirabol #tbl {
width: 75px;
height: 20px;
overflow: hidden;
}
.tirabol #tblogo {
display: block;
margin-left: -64px;
-webkit-transition: margin-left 1s ease-in-out;
transition: margin-left 1s ease-in-out;
}
.tirabol #tbl:hover #tblogo {
margin-left: 0;
}
/*
Finestres modals
*/
/* uncss:ignore */
.modal-obert {
overflow: hidden;
/* TODO: l'overflow fa que el layout es desplaci una mica... descomentant les línies seguents al mostrar el modal es perd el punt d'scroll on s'estava...
/* // position: fixed;
// width: 100%;
// overflow-y: scroll; */
}
.modal-nav {
z-index: 15;
font-size: 20px;
background-color: #ff1115;
background-color: var(--color-vermell);
}
.modal-nav .header__logo {
color: #333;
color: var(--color-gris-extrafosc);
background: transparent;
}
.modal-nav .header__sitename__brand {
color: #333;
color: var(--color-gris-extrafosc);
}
.modal-cerca {
padding-top: 10px;
}
.modal-cerca {
padding-bottom: 10px;
}
.modal-cerca {
z-index: 15;
background-color: #ff1115;
background-color: var(--color-vermell);
}
/*** Navegacio modal menu ***/
.modal-nav .col {
margin-top: 50px;
}
.modal-nav .titol-seccio {
color: #191919;
text-transform: uppercase;
border-bottom: solid 2px #000;
border-bottom: solid 2px var(--color-negre);
margin-bottom: 5px;
font-size: 18px;
}
.modal-nav ul {
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
}
.modal-nav ul li a {
color: #fff;
color: var(--color-blanc);
}
.modal-nav .socials li a {
color: #fff;
color: var(--color-blanc);
}
.modal-nav .socials .ico-color, .modal-nav .socials .ico {
fill: #fff;
fill: var(--color-blanc);
}
/*** Modal cerca ***/
.modal-cerca {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.modal-cerca input {
height: 44px;
}
.modal-cerca .titol-seccio {
margin-top: 50px;
}
.modal-cerca .btn__secundari {
min-width: 144px;
}
.modal-cerca .btn__secundari svg g {
fill: #000;
fill: var(--color-negre);
}
/*** Boto modal obrir - tancar ***/
.btn__modal {
position: absolute;
top: 5px;
right: 10px;
background: transparent;
color: #fff;
color: var(--color-blanc);
border-color: #fff;
border-color: var(--color-blanc);
text-transform: capitalize;
}
.btn__modal {/*
&:hover {
.ico-tancar {
.barra {
&:before,
&:after {
background-color: var(--color-blanc);
}
}
}
}
*/
}
/*
@media (--screen-lg-min) {
right: $gutter-lg;
}
*/
.btn__modal .btn__modal_text {
margin-right: 5px;
display: inline-block;
}
.btn__modal .ico-tancar {
width: 12px;
height: 12px;
}
.btn__modal .ico-tancar .barra:before, .btn__modal .ico-tancar .barra:after {
background-color: #fff;
background-color: var(--color-blanc);
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
/*** Modules ***/
/* Home */
/*
Modul style
*/
/*** Article basic ***/
.article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
text-align: var(--article-alineacio);
font-family: 'Inter', sans-serif;
font-family: var(--article-font)
/*background-color: var(--article-color-fons);*/
/*border-top: 6px solid var( --color-primari); /*var(--article-color-limit-top);*/
}
.article:not(.article_llistat):not(.article_sidebar):not(.article_agenda):not(.article_reportatge):not(.article_monografic) {
border-top: 6px solid #ff1115;
border-top: 6px solid var(--color-primari);/*
var(--article-color-limit-top);
*/
}
.article:not(.article_llistat):not(.article_sidebar):not(.article_agenda):not(.article_reportatge):not(.article_opinio):not(.article_entrevista):not(.article_monografic) a .article__image img {
border: 1px solid #979797;
}
.article:not(.article_llistat):not(.article_sidebar):not(.article_agenda):not(.article_reportatge):not(.article_opinio):not(.article_entrevista):not(.article_monografic) a .article__image+.article__text .article__title {
font-size: 18px;
line-height: 1.17;
}
.article:not(.article_llistat):not(.article_sidebar):not(.article_agenda):not(.article_reportatge):not(.article_opinio):not(.article_entrevista):not(.article_monografic) a .article__text .article__title {
font-size: 22px;
line-height: 1.1;
}
.article a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: #000;
color: var(--color-negre);
}
.article a:hover {
text-decoration: none;
}
.article a:hover img {
opacity: .9;
}
.article a:hover .article__text .article__title {
text-decoration: underline;
}
.article a .article__image+.article__text {
display: inherit;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
-webkit-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
border-top: inherit;
padding-top: 15px;
/* padding-bottom:0; */
}
.article a .article__text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0;
padding: 0 0 15px;
padding: 0 var(--article-espai) 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
-webkit-box-align: var(--article-alineacio);
-ms-flex-align: var(--article-alineacio);
align-items: var(--article-alineacio);
}
/*
border-top: var(--article-color-limit-top-notext);
*/
.article a .article__text .article__epigraph {
font-size: 14px;
font-size: .875rem;
line-height: 18px;
line-height: 1.125rem;
text-transform: uppercase;
color: #333;
color: var(--color-gris-extrafosc);
}
.article a .article__text .article__title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-size: 1.125rem;
line-height: 21px;
line-height: 1.3125rem;
font-weight: 900;
color: #000;
color: var(--article-color-titular);
font-family: 'Inter', sans-serif;
font-family: var(--article-font-titular);
}
.article a .article__text .article__subtitle {
margin: 0 0 10px;
line-height: 21px;
line-height: 1.3125rem;
}
.article a .article__text .article__author {
margin-top: auto;
margin-bottom: 5px;
line-height: 18px;
line-height: 1.125rem;
font-style: italic;
color: #333;
color: var(--color-gris-extrafosc);
}
.article a .article__text .article__author span {
font-weight: 700;
font-style: normal;
display: inline-block;
color: #000;
color: var(--color-negre);
}
.article a .article__text .article__data {
font-size: 14px;
font-size: .875rem;
margin-top: -2px;
margin-bottom: 5px;
display: block;
color: #333;
color: var(--color-gris-extrafosc);
}
/*** Article destacat ***/
.destacat .article {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.destacat .article a .article__text .article__title, .destacat .article a .article__image+.article__text .article__title {
font-size: 26px !important;
font-size: 1.625rem !important;
line-height: 29px !important;
line-height: 1.8125rem !important;
margin-bottom: 10px !important;
}
.destacat .article a .article__text .article__subtitle, .destacat .article a .article__image+.article__text .article__subtitle {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 22px !important;
line-height: 1.375rem !important;
font-weight: 500 !important;
}
/*** Opinio ***/
.article_opinio {
padding-bottom: 0;
text-align: center;
background-color: #eeeeee;
background-color: var(--article-opinio-color-fons);
border-top-color: #eeeeee;
border-top-color: var(--article-opinio-color-fons);
}
.article_opinio a .article__image {
padding-top: 25px;
padding-bottom: 10px;
background-color: transparent;
background-color: initial;
}
.article_opinio a .article__image img {
border: solid 6px #ff1115 !important;
border: solid 6px var(--color-vermell) !important;
border-radius: 50%;
}
.article_opinio a .article__image+.article__text {
padding-top: 0;
padding-bottom: 20px;
}
.article_opinio a .article__text {
padding: 10px 15px;
}
.article_opinio a .article__text .article__author {
margin-top: inherit;
margin-bottom: 15px;
font-style: normal;
}
.article_opinio a .article__text .article__author span {
display: block;
color: #ff1115;
color: var(--color-vermell);
margin-bottom: 5px;
}
.article_opinio a .article__text .article__title {
font-size: 18px;
font-weight: 900;
}
/* Opinio a la sidebar */
.opinions-sidebar .article_llistat.article_opinio {
margin-bottom: 5px !important;
margin-bottom: var(--espai-opinio-sidebar) !important;
}
.opinions-sidebar .article_llistat.article_opinio a .article__image {
width: 86px;
vertical-align: top;
}
.opinions-sidebar .article_llistat.article_opinio a .article__text {
padding: 0;
}
.opinions-sidebar .article_llistat.article_opinio a .article__text .article__author {
text-transform: none;
font-size: 14px;
line-height: 1.14;
color: #000;
color: var(--color-negre);
}
.opinions-sidebar .article_llistat.article_opinio a .article__text .article__author span {
display: block;
font-weight: 800;
}
.opinions-sidebar .article_llistat.article_opinio a .article__text .article__title {
font-size: 16px;
font-weight: 900;
line-height: 1.19;
}
/*** Entrevista ***/
.article_entrevista {
/* padding-bottom: 10px; */
background-color: #eeeeee;
background-color: var(--article-entrevista-color-fons);
}
.article_entrevista a .article__text {
padding: 10px 15px;
}
.article_entrevista a .article__text .article__author {
color: #000;
color: var(--article-entrevista-color-font);
font-size: 14px;
font-weight: normal;
font-style: normal;
}
.article_entrevista a .article__text .article__author span {
color: #ff1115;
color: var(--color-primari);
display: block;
font-size: 14px;
font-weight: 800;
}
.article_entrevista a .article__text .article__title {
color: #000;
color: var(--article-entrevista-color-font);
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.article_entrevista a .article__image img {
border-bottom-color: #eeeeee;
border-bottom-color: var(--article-entrevista-color-fons);
}
/*** Reportatge ***/
.article_reportatge {
position: relative;
height: 250px;
}
.article_reportatge {
overflow: hidden;
}
.article_reportatge a .article__image {
/*max-height: 300px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article_reportatge a .article__image img {
display: block;
-o-object-fit: cover;
object-fit: cover;
max-height: 250px;
}
.article_reportatge a .article__image img {
height: 100%;
width: 100%;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*
uncss:ignore
*/
.destacat--portada .article_reportatge a .article__image img {
max-height: none;
max-height: initial;
}
.article_reportatge a .article__image+.article__text {
padding: 15px;
}
.article_reportatge a .article__text {
position: absolute;
top: 0;
left: 0;
padding: 15px;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article_reportatge a .article__text .article__epigraph {
border: 3px solid #fff;
border: 3px solid var(--color-blanc);
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
font-size: 12px;
font-weight: bold;
text-transform: none;
padding: 5px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 2;
}
.article_reportatge a .article__text .article__title {
color: #fff;
color: var(--color-blanc);
margin-top: auto;
z-index: 2;
}
.article_reportatge a .article__text:before {
content: '';/*
mix-blend-mode: overlay;
background-color: #ff3033;
*/
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-blend-mode: multiply;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3033), to(#ff3033));
background-image: linear-gradient(to bottom, #ff3033, #ff3033);
opacity: .8;
z-index: 1;
}
/*** Monogràfic ***/
.article_monografic {
position: relative;
/* height: 250px; */
border: 6px solid #ff1115;
border: 6px solid var(--color-primari);
/* @media (--screen-sm-min) {
height: 300px;
} */
overflow: hidden;
}
.article_monografic a .article__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #000;
background-color: var(--color-negre);
}
.article_monografic a .article__image img {
display: block;
-o-object-fit: cover;
object-fit: cover;
/* max-height: 250px; */
/* @media (--screen-sm-min) {
max-height: 300px;
} */
height: 100%;
width: 100%;
opacity: .5;
}
/* uncss:ignore */
.destacat--portada .article_monografic a .article__image img {
max-height: none;
max-height: initial;
}
.article_monografic a .article__text {
position: absolute;
top: 0;
left: 0;
padding: 15px;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article_monografic a .article__text .article__epigraph {
border: 3px solid #fff;
border: 3px solid var(--color-blanc);
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
font-size: 12px;
font-weight: bold;
text-transform: none;
padding: 5px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 2;
}
.article_monografic a .article__text .article__title {
color: #fff;
color: var(--color-blanc);
z-index: 2;
font-size: 24px;
font-size: 1.5rem;
line-height: 110%;
}
/*** Agenda ***/
.article_agenda {
background-color: #eeeeee;
background-color: var(--article-agenda-color-fons);
padding: 0;
}
.article_agenda .article__text {
position: relative;
}
.article_agenda .article__place {
position: relative;
top: -15px;
left: -29px;
}
.article_agenda .article__place {
background-color: #ff1115;
background-color: var(--color-primari);
color: #fff;
color: var(--color-blanc);
}
/*** Ultimes noticies ***/
.llegides .article_sidebar {
padding-bottom: 10px;
padding-bottom: var(--separar-llegides);
margin-bottom: 10px;
margin-bottom: var(--separar-llegides);
}
.llegides .article_sidebar a {
width: 100%;
display: table;
counter-increment: step-counter;
}
.llegides .article_sidebar a .article__image {
width: 78px;
min-width: 78px;
text-align: right;
display: table-cell;
vertical-align: top;
}
.llegides .article_sidebar a .article__text {
width: 100%;
padding: 0;
text-align: left;
border-top: none;
display: table-cell;
vertical-align: top;
}
.llegides .article_sidebar a .article__text p {
margin: 0;
}
.llegides .article_sidebar a .article__text .article__title {
margin: 0 10px 0 0;
font-size: 16px;
font-size: 1rem;
line-height: 19px;
line-height: 1.1875rem;
font-weight: 700;
-webkit-transition: color .3s;
transition: color .3s;
}
.llegides .article_sidebar a:before {
content: counter(step-counter)'.';
margin-right: 10px;
line-height: 19px;
line-height: 1.1875rem;
font-weight: 700;
font-family: 'Inter', sans-serif;
font-family: var(--article-font-titular);
color: #808080;
color: var(--color-gris);
float: left;
}
/**** Noticies mes llegides ***/
/*.llista-noestil {
padding: 15px;
background-color: var(--article-color-fons);
border: var(--article-border-sidebar);
}*/
.ultimes .article_sidebar {
margin-bottom: 10px;
margin-bottom: var(--separar-llegides);
border-left: 6px solid #ff1115;
border-left: 6px solid var(--color-primari);
padding: 15px;
}
.ultimes .article_sidebar a {
width: 100%;
display: table;
}
.ultimes .article_sidebar a .article__image {
width: 83px;
min-width: 83px;
text-align: right;
/* display: table-cell;
vertical-align: top; */
border: solid 1px #979797;
/*@media (--screen-xs-only) {
width: 75px;
min-width: 75px;
}*/
}
.ultimes .article_sidebar a .article__text {
width: 100%;
padding: 0;
text-align: left;
border-top: none;
display: table-cell;
vertical-align: top;
}
.ultimes .article_sidebar a .article__text p {
margin: 0;
}
.ultimes .article_sidebar a .article__text .article__title {
margin: 0 0 0 10px;
font-size: 16px;
font-size: 1rem;
line-height: 19px;
line-height: 1.1875rem;
font-weight: 700;
-webkit-transition: color .3s;
transition: color .3s;
}
.ultimes .article_sidebar:last-child {
margin-bottom: 0;
}
/*** Agenda a la sidebar ***/
.agenda {
font-size: 14px;
font-size: .875rem;
line-height: 16px;
line-height: 1rem;
}
.agenda .article_sidebar.article_agenda {
padding: 0;
border-left-color: #fff;
border-left-color: var(--color-blanc);
border-left-width: 14px;
margin-bottom: 5px !important;
margin-bottom: var(--espai-opinio-sidebar) !important;
}
.agenda .article_sidebar.article_agenda a {
min-height: 0;
min-height: initial;
color: #000;
color: var(--color-negre);
}
.agenda .article_sidebar.article_agenda a .article__image {
width: 86px;
padding-right: 0;
padding-left: 15px;
vertical-align: top;
}
.agenda .article_sidebar.article_agenda a .article__text {
padding: 0 15px 15px;
margin-left: auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.agenda .article_sidebar.article_agenda a .article__text .article__epigraph {
font-weight: 400;
color: #000;
color: var(--color-negre);
text-transform: capitalize;
line-height: 1;
padding-left: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin: 0 0 5px;
}
.agenda .article_sidebar.article_agenda a .article__text .article__title {
margin: 10px 0 5px 0;
font-size: 16px;
line-height: 1.2;
padding-left: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.agenda .article_sidebar.article_agenda a .article__text .article__place {
margin: 0;
padding: 15px;
font-size: 16px;
font-weight: 800;
line-height: 1;
position: relative;
top: inherit;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.agenda .article_sidebar.article_agenda a .article__text .article__timetable {
margin: 0;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.agenda footer {
margin-top: 0;
margin-top: var(--article-espai);
}
.layout-opinio .article.article_opinio {
border-top: none !important;
}
.layout-opinio .article.article_opinio a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.layout-opinio .article.article_opinio a .article__text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px;
}
.layout-opinio .article.article_opinio a .article__text>* {
text-align: left;
}
.layout-opinio .article.article_opinio a .article__image {
padding: 15px 0 15px 15px;
max-width: 100px;
}
.layout-opinio .article.article_opinio a .article__image img {
border: solid 3px #ff1115;
border: solid 3px var(--color-vermell);
}
/*
Enquesta
*/
/*** Enquesta pagina interior ***/
.enquesta-interior {
background-color: #fff;
background-color: var(--color-blanc);
padding: 10px;
padding: var(--gutter-xs);
border: solid 1px #000;
border: solid 1px var(--color-limit);
margin-bottom: 10px;
margin-bottom: var(--gutter-xs);
}
.enquesta-interior .enquesta-interior__title {
margin: 0 0 15px;
font-size: 28px;
font-size: 1.75rem;
line-height: 1.9375;
}
.enquesta-interior ul li .radio {
margin-bottom: 5px;
}
.enquesta-interior ul li meter {
width: 100%;
margin-bottom: 15px;
}
.enquesta-interior footer {
margin-top: 15px;
}
.enquesta-interior footer:before {
content: '';
display: table;
}
.enquesta-interior footer:after {
content: '';
display: table;
clear: both;
}
.enquesta-interior footer a {
padding: 0 15px;
line-height: 38px;
float: right;
}
/*** Enquesta al sidebar ***/
.enquesta .enquesta_limit {
padding: 15px;
background-color: #fff;
background-color: var(--article-color-fons);
border: solid 1px #000;
border: var(--article-color-limit-bottom);
}
.enquesta .enquesta__epigraph {
margin: 0 auto;
font-size: 14px;
font-size: .875rem;
line-height: 17px;
line-height: 1.0625rem;
color: #ff1115;
color: var(--color-primari);
font-weight: 700;
text-transform: uppercase;
}
.enquesta .enquesta__title {
margin: 0 0 10px;
font-size: 18px;
font-size: 1.125rem;
line-height: 21px;
line-height: 1.3125rem;
font-weight: 700;
}
.enquesta .enquesta__title a {
color: #000;
color: var(--color-negre)
}
.enquesta .enquesta__title a:hover {
color: #ff1115;
color: var(--color-primari);
}
.enquesta ul {
padding-left: 0;
}
.enquesta ul li {
list-style: none;
}
.enquesta ul li .radio {
margin-bottom: 5px;
}
.enquesta ul li meter {
width: 100%;
margin-bottom: 15px;
}
.enquesta footer {
margin-top: 10px;
}
.enquesta footer:before {
content: '';
display: table;
}
.enquesta footer:after {
content: '';
display: table;
clear: both;
}
.enquesta footer a {
line-height: 38px;
float: right;
}
.enquesta__vots {
width: 100%;
margin: 0;
padding: 0 15px 15px;
font-size: 14px;
font-size: .875rem;
text-align: right;
}
/*** Barra de progres ***/
.meter {
width: 100%;
height: 20px;
margin-bottom: 15px;
background-color: #eee;
background-color: var(--color-gris-extraclar);
position: relative;
}
.meter .progress {
height: 20px;
background-color: #000;
background-color: var(--article-color-titular);
position: absolute;
}
.total {
margin: 0;
}
.total span {
width: 100%;
margin-right: 10px;
font-weight: 700;
display: inline-block;
}
/*
Altres moduls
*/
/*** Editorial ***/
.editorial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.editorial a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
text-align: left;
text-align: var(--article-alineacio);
color: #fff;
color: var(--color-blanc);
background-color: #000;
background-color: var(--article-color-titular);
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.editorial a:hover {
color: #fff;
color: var(--color-blanc);
}
.editorial a:hover h2 {
text-decoration: underline;
}
.editorial a header {
font-size: 16px;
font-size: 1rem;
line-height: 18px;
line-height: 1.125rem;
font-weight: 700;
text-transform: uppercase;
opacity: .8;
}
.editorial a h2 {
margin: 10px 0;
font-size: 24px;
font-size: 1.5rem;
line-height: 26px;
line-height: 1.625rem;
font-weight: 700;
}
/*** Paper ***/
.en-paper {
padding: 15px;
background-color: #fff;
background-color: var(--article-color-fons);
border: solid 1px #000;
border: var(--article-color-limit-bottom);
}
.en-paper .en-paper__portda {
margin-bottom: 15px;
text-align: center;
display: block;
}
.en-paper .en-paper__portda img {
border: solid 1px #d8d8d8;
border: var(--article-limit-fotos);
}
.en-paper .portada__data {
margin-bottom: 15px;
display: block;
text-align: center;
}
.en-paper .btn__primari {
margin-bottom: 10px;
}
/* Filtres */
.media-filters{
padding-top: 15px;
}
.media-filters .formulari select {
max-width: 100%;
}
.media-filters .form-group{
float: left;
width: 100%;
padding-right: 20px;
}
.media-filters input[type="submit"] {
margin-bottom: 10px;
}
.filters-hemeroteca .formulari .form-group {
width: 100%;
}
/*** El temps ***/
.temps p {
margin: 0;
}
.temps .temps_bg {
background-color: #fff;
background-color: var(--article-color-fons);
}
.temps .temps__lloc {
padding: 10px 15px 5px;
font-weight: 700;
border-top: solid 1px #000;
border-top: var(--article-color-limit-bottom);
}
.temps .temps__info {
width: 100%;
padding: 0 15px 20px;
border-bottom: solid 1px #000;
border-bottom: var(--article-color-limit-bottom);
display: table;
}
.temps .temps__info .temps__avui, .temps .temps__info .temps__dema {
width: 50%;
display: table-cell;
vertical-align: top;
}
.temps .temps__info .temps__avui {
padding-right: 15px;
border-right: solid 1px #a9a9a9;
}
.temps .temps__info .temps__dema {
padding-left: 15px;
}
.temps .temps__info .temps__dia {
margin-bottom: 5px;
font-size: 14px;
font-size: .875rem;
line-height: 16px;
line-height: 1rem;
}
.temps .temps__info .temps__temperatura {
width: 100%;
display: table;
}
.temps .temps__info .temps__temperatura img {
width: 60%;
display: table-cell;
vertical-align: middle;
}
.temps .temps__info .temps__temperatura p {
width: 40%;
font-size: 14px;
font-size: .875rem;
line-height: 16px;
line-height: 1rem;
font-weight: 700;
color: #BD0000;
display: table-cell;
vertical-align: middle;
}
.temps .temps__info .temps__temperatura p span {
color: #3AAAF5;
display: block;
}
/*
Galeries de fotos
*/
.galeria-portada {
margin-bottom: 45px;
}
.galeria-portada a {
text-decoration: none;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.galeria-portada a img {
opacity: .8;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.galeria-portada a :hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
.galeria-portada .galeria-principal, .galeria-portada .galeria-secundaria {
overflow: hidden;
background-color: #000;
background-color: var(--color-negre);
}
.galeria-portada .galeria-principal .galeria-principal__imatge, .galeria-portada .galeria-secundaria .galeria-principal__imatge {
width: 100%;
}
.galeria-portada .galeria-principal .galeria-principal__imatge img, .galeria-portada .galeria-secundaria .galeria-principal__imatge img {
width: 100%;
}
.galeria-portada .galeria-principal .galeria-principal__text, .galeria-portada .galeria-secundaria .galeria-principal__text {
width: 100%;
padding: 10px;
padding: var(--gutter-xs);
color: #fff;
color: var(--color-blanc);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.galeria-portada .galeria-principal .galeria-principal__text .galeria-principal__title, .galeria-portada .galeria-secundaria .galeria-principal__text .galeria-principal__title {
margin: 0 0 10px;
font-size: 20px;
font-size: 1.25rem;
line-height: 23px;
line-height: 1.4375rem;
font-weight: 700;
}
.galeria-portada .galeria-principal .galeria-principal__text .galeria-principal__subtitle, .galeria-portada .galeria-secundaria .galeria-principal__text .galeria-principal__subtitle {
margin-bottom: 30px;
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem;
}
.galeria-portada .galeria-principal .galeria-principal__text .galeria-principal__author, .galeria-portada .galeria-secundaria .galeria-principal__text .galeria-principal__author {
font-size: 14px;
font-size: .875rem;
margin-top: auto;
margin-bottom: 0;
}
.galeria-portada .galeria-principal .galeria-principal__text .galeria-principal__author span, .galeria-portada .galeria-secundaria .galeria-principal__text .galeria-principal__author span {
font-weight: 700;
}
.galeria-secundaria {
background-color: #000;
background-color: var(--color-negre);
}
.galeria-secundaria ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.galeria-secundaria li {
overflow: hidden;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-top: solid 1px #fff;
border-top: solid 1px var(--color-blanc);
border-right: solid 1px #fff;
border-right: solid 1px var(--color-blanc)
}
.galeria-secundaria li:last-child {
border-right: none;
}
.galeria-secundaria li:nth-child(2) {
border-right: none;
}
.galeria-secundaria li img {
opacity: .8;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.galeria-secundaria li:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
.galeria-secundaria .galeria-secundaria__imatge img {
width: 100%;
}
.galeria-secundaria .galeria-secundaria__text {
padding: 10px;
padding: var(--gutter-xs);
color: #fff;
color: var(--color-blanc);
/* position: relative; */
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.galeria-secundaria .galeria-secundaria__text .galeria-secundaria__title {
margin: 0 0 20px;
font-size: 15px;
font-size: .9375rem;
line-height: 20px;
line-height: 1.25rem;
font-weight: 700;
}
.galeria-secundaria .galeria-secundaria__text .galeria-principal__author {
font-size: 14px;
font-size: .875rem;
margin-bottom: 0;
margin-top: auto;
}
/* position: absolute;
bottom: 0; */
.galeria-secundaria .galeria-secundaria__text .galeria-principal__author span {
font-weight: 700;
}
/*** Galeria ***/
.galeria .galeria__graella p {
line-height: 19px;
}
.galeria .galeria__graella .galeria__autor {
font-size: 14px;
font-size: .875rem;
}
.galeria .galeria__graella .galeria__autor span {
font-weight: 700;
}
/* Grid masonry */
.masonry {
padding-left: 0;
}
.masonry:before {
content: '';
display: table;
}
.masonry:after {
content: '';
display: table;
clear: both;
}
.masonry .masonry-item {
width: 100%;
padding: 0 5px;
padding: 0 calc(var(--gutter-xs) / 2);
list-style: none;
margin-bottom: 10px;
}
.masonry .masonry-item img {
min-width: 100%;
}
/*** Galeria secundaria sola ***/
.galeria-unica a .galeria-secundaria__imatge img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.galeria-unica a .galeria-secundaria__text {
padding-bottom: 50px;
}
.galeria-unica a:hover .galeria-secundaria__imatge img {
opacity: .9;
}
/* Video */
.galeria-portada_video a .galeria-secundaria__imatge {
position: relative;
}
.galeria-portada_video a .galeria-secundaria__imatge i {
position: absolute;
top: calc(50% - 67.5px);
left: calc(50% - 67.5px);
}
.galeria-portada_video a .galeria-secundaria__imatge i .ico-color {
fill: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.galeria-portada_video a:hover .galeria-secundaria__imatge i .ico-color {
fill: #000;
fill: var(--article-color-titular);
}
/*** Galeries dintre de les llistes ***/
.galeries-relacionades__galeria {
overflow: hidden;
background-color: #000;
background-color: var(--color-negre);
margin-bottom: 10px;
}
.galeries-relacionades__galeria a {
width: 100%;
color: #fff;
color: var(--color-blanc);
text-decoration: none;
display: table;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-image {
width: 128px;
vertical-align: middle;
display: table-cell;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text {
padding: 10px;
vertical-align: top;
display: table-cell;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text .galeries-relacionades__galeria-date {
font-size: 14px;
font-size: .875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text .galeries-relacionades__galeria-name {
margin: 0;
font-size: 16px;
font-size: 1rem;
line-height: 19px;
line-height: 1.1875rem;
font-weight: 700;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text .galeries-relacionades__galeria-author {
margin: 3px 0 0;
font-size: 14px;
font-size: .875rem;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text .galeries-relacionades__galeria-author span {
font-weight: 700;
}
.galeries-relacionades__galeria img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: .8;
border-right: solid 1px #fff;
border-right: solid 1px var(--color-blanc);
}
.galeries-relacionades__galeria:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
/* Videos */
.galeries-relacionades__galeria_video a .galeries-relacionades__galeria-image {
position: relative;
}
.galeries-relacionades__galeria_video a .galeries-relacionades__galeria-image i {
position: absolute;
top: calc(50% - 67.5px);
left: calc(50% - 67.5px);
}
.galeries-relacionades__galeria_video a .galeries-relacionades__galeria-image i .ico-color {
fill: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.galeries-relacionades__galeria_video a:hover .galeries-relacionades__galeria-image i .ico-color {
fill: #000;
fill: var(--article-color-titular);
}
/* Interiors */
/*
Noticia
*/
/*** Noticia header ***/
.interior-header {
border-bottom: 1px solid #000;
border-bottom: 1px solid var(--color-negre);
}
.interior-header .interior-header__character {
margin: 0;
font-size: 21px;
font-size: 1.3125rem;
line-height: 25px;
line-height: 1.5625rem;
}
.interior-header .interior-header__character span {
font-weight: 700;
}
.interior-header .interior-header__epigraph {
font-weight: 700;
display: inline-block;
}
.interior-header .interior-header__title {
margin: 5px 0 10px;
font-size: 28px;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 900;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
color: #000;
color: var(--color-negre);
}
.interior-header .interior-header__title_entrevista {
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
}
.interior-header .interior-header__subtitle {
margin-top: 0;
font-size: 18px;
font-size: 1.125rem;
line-height: 21px;
line-height: 1.3125rem;
font-weight: 500;
color: #000;
color: var(--color-negre);
}
.interior-header .interior-header__author {
font-size: 14px;
font-size: 0.875rem;
line-height: 18px;
line-height: 1.125rem;
}
.interior-header .interior-header__author span {
font-weight: 700;
}
.interior-header .interior-header__author a {
color: #ff1115;
color: var(--color-primari)
}
.interior-header .interior-header__author a:hover {
color: #666;
color: var(--color-secundari);
}
/* A la agenda */
.interior-header_agenda .pagination {
margin: 0;
}
.interior-header_agenda .pagination ul {
margin: 0;
}
.titol-dia {
border-bottom: solid 5px #d3d3d3;
border-bottom: solid 5px var(--color-gris-clar);
}
a.agenda__mes {
margin: 30px 0;
font-weight: 700;
display: block;
text-decoration: none
}
a.agenda__mes:before {
content: '+';
padding-right: 10px;
color: #ff1115;
color: var(--color-primari);
}
.interior-main.agenda .article_llistat.article_agenda:first-child {
border-top: none;
}
.interior-main.agenda .article_agenda {
text-align: left;
background-color: white;
}
.interior-main.agenda .article__text .article__epigraph {
color: #ff1115;
color: var(--color-primari);
}
.interior-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.interior-categories__title {
display: block;
margin: 0 15px 0 0;
padding: 0;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.19;
letter-spacing: normal;
color: #626262;
}
.interior-categories__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.interior-categories__list a {
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.19;
letter-spacing: normal;
display: block;
border: 2px solid #ff1115;
border: 2px solid var(--color-primari);
color: #ff1115;
color: var(--color-primari);
text-decoration: none;
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
padding: 5px
}
.interior-categories__list a:hover {
color: #fff;
color: var(--color-blanc);
background-color: #ff1115;
background-color: var(--color-primari);
}
.interior-categories__list a+a {
margin-left: 15px;
}
/*** Noticia main ***/
.interior-main .dl-horitzontal {
width: 100%;
margin-left: 0 !important;
padding-top: 15px;
}
.interior-main .dl-horitzontal dt {
width: 160px;
margin-bottom: 10px;
font-weight: 700;
}
.interior-main .dl-horitzontal dd {
margin-bottom: 10px;
margin-left: 175px;
}
.interior-main .interior-main__image {
margin-bottom: 15px;
border-top: 6px solid #ff1115;
border-top: 6px solid var(--color-primari);
background-color: #e4e4e4;
}
.interior-main .interior-main__image figcaption {
padding: 10px 15px;
font-size: 14px;
line-height: normal;
color: #626262;
}
.interior-main .interior-main__opinador {
max-width: 100%;
margin-bottom: 30px;
border-bottom: solid 1px #000;
border-bottom: solid 1px var(--color-negre);
}
.interior-main .interior-main__opinador:before {
content: '';
display: table;
}
.interior-main .interior-main__opinador:after {
content: '';
display: table;
clear: both;
}
.interior-main .interior-main__opinador .interior-main__opinador-image {
margin-right: 30px;
margin-bottom: 5px;
float: left;
}
.interior-main .interior-main__opinador p {
line-height: 18px;
font-weight: 700;
color: #000;
color: var(--color-negre);
}
.interior-main .interior-main__opinador p span {
color: #808080;
color: var(--color-gris);
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
display: block;
}
.interior-main .interior-main__content {
margin-left: 0;
padding-bottom: 15px;
position: relative;
}
.interior-main .interior-main__content {/*
font-size: 1.125rem;
*//*
line-height: 1.3125rem;
*/
line-height: 1.6;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
}
.interior-main .interior-main__content img {
display: block;
margin-bottom: 15px;
}
.interior-main .interior-main__content figcaption {
margin-top: -15px;
}
.interior-main .interior-main__content h2, .interior-main .interior-main__content h3, .interior-main .interior-main__content h4, .interior-main .interior-main__content h5 {
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 5px;
}
.interior-main .interior-main__content p {
margin-top: 0;
margin-bottom: 15px;
/* font-size: 16px; */
font-weight: normal;
font-stretch: normal;
font-style: normal;
/* line-height: 1.6; */
letter-spacing: -0.27px;
color: #000000;
}
.interior-main .interior-main__content a {
font-weight: 700;
color: #ff1115;
color: var(--color-primari);
}
.interior-main .interior-main__content a:hover {
color: #666;
color: var(--color-secundari);
}
.interior-main .interior-main__content .interior-main__place {
font-size: 16px;
font-size: 1rem;
line-height: 19px;
line-height: 1.1875rem;
text-transform: uppercase;
}
.interior-main .interior-main__content .interior-main__author {
padding-left: 3px;
}
.interior-main .interior-main__content .interior-main__place + .interior-main__author:before {
content: '/';
margin-right: 3px;
color: #000;
color: var(--color-negre);
}
.interior-main .interior-main__content .interior-main__destacat {
color: #ff1115;
color: var(--color-primari);
margin: 24px 0;
padding: 15px;
/* border-left: solid 2px var(--color-primari); */
position: relative;
border: solid 4px #ff1115;
border: solid 4px var(--color-primari);
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-size: 24px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.4px;
}
.interior-main .interior-main__content .interior-main__destacat.destacat-right {
border: none;
padding: 0;
margin:0;
}
.interior-main .interior-main__content small {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 8px;
display: block;
position: relative;
}
.interior-main .interior-main__content small:after {
content: '';
width: 80px;
height: 1px;
background-color: #000;
background-color: var(--color-negre);
position: absolute;
top: 0;
left: 0;
}
.interior-main .interior-main__content .interior-main__open {
font-weight: bold;
color: #000;
color: var(--color-negre);
}
.interior-main .interior-main__event {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.interior-main .interior-main__event {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.interior-main .interior-main__event .thumb {
width: 100%;
text-align: center;
margin-bottom: 1em;
}
.interior-main .interior-main__event .txt {
width: 100%;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
/* color: #39393a; */
}
.interior-main .interior-main__event-time, .interior-main .interior-main__event-location, .interior-main .interior-main__event-type, .interior-main .interior-main__event-data {
padding-left: 25px;
margin-bottom: 20px;
display: block;
}
.interior-main .interior-main__event-time p, .interior-main .interior-main__event-location p, .interior-main .interior-main__event-type p, .interior-main .interior-main__event-data p {
margin-bottom: 0;
font-style: normal;
}
.interior-main .interior-main__event-time {
background: url(../img/icons/hora.svg) no-repeat 0 4px;
}
.interior-main .interior-main__event-location {
background: url(../img/icons/lloc.svg) no-repeat 0 4px;
}
.interior-main .interior-main__event-location span, .interior-main .interior-main__event-location strong {
color: #ff1115;
color: var(--color-primari);
}
.interior-main .interior-main__event-type {
background: url(../img/icons/card.svg) no-repeat 0 4px;
}
.interior-main .interior-main__event-type span, .interior-main .interior-main__event-type strong {
color: #ff1115;
color: var(--color-primari);
}
.interior-main .interior-main__event-hour {
display: block;
}
.interior-main .interior-main__event-info >p:first-child {
margin-bottom: 0;
line-height: 1;
}
.interior-main .interior-main__event-info >p a {
color: #000;
color: var(--color-negre);
text-decoration: none;
}
.interior-main .interior-main__event-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 900;
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
color: #000;
color: var(--color-negre);
}
.interior-main .interior-main__event-title {/*
color: #39393a;
*/
margin: 0 0 30px 0;
}
/* Caixa de opinio*/
.caixa-opinio {
width: 100%;
margin-bottom: 20px;
padding: 15px;
background-color: #eeeeee;
background-color: var(--article-opinio-color-fons);
display: table;
}
.caixa-opinio .article__image {
width: 95px;
text-align: left;
display: table-cell;
vertical-align: top;
}
.caixa-opinio .article__image img {
border: solid 4px #ff1115;
border: solid 4px var(--color-primari);
border-radius: 50%;
}
.caixa-opinio .article__image+.article__text {
padding-left: 15px;
}
.caixa-opinio .article__text {
display: table-cell;
vertical-align: middle;
}
.caixa-opinio .article__text .article__author {
margin: 0;
font-weight: 700;
}
.caixa-opinio .article__text .article__author span {
margin-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.caixa-opinio .article__text .article__profile {
margin-bottom: 0;
}
.caixa-opinador {
background-color: #fff;
background-color: var(--color-fons);
}
/*** Tooltip Xarxes socials al seleccionar text de interior ***/
.xarxes-seleccio {
display: none;
list-style: none;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .7);
box-shadow: 0px 0px 5px rgba(0, 0, 0, .7);
position: absolute;
top: 0;
background: #fff;
background: var(--color-blanc);
border: 5px solid #ff1115;
border: 5px solid var(--color-primari);
border-radius: 10px;
padding: 0
}
.xarxes-seleccio:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-top-color: #ff1115;
border-top-color: var(--color-primari);
border-width: 15px;
margin-left: -15px;
}
.xarxes-seleccio--actiu {
display: inline-block;
}
.xarxes-seleccio li {
color: #fff;
color: var(--color-blanc);
display: inline-block;
height: 32px;
margin: 5px !important;
padding: 0;
font-size: 20px;
font-size: 1.25rem;
}
.xarxes-seleccio li a {
display: block;
color: #000;
color: var(--color-negre);
}
.xarxes-seleccio li a:hover {
color: #000;
color: var(--color-negre);
}
.pagina-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* flex-direction: column;
margin-bottom: 10px;
*/
/* @media (--screen-sm-min) {
*/
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
/* } */
border-bottom: none;
}
.pagina-header__title {
/* margin: 5px 0 20px; */
margin: 0;
font-size: 30px;
font-size: 1.875rem;
line-height: 34px;
line-height: 2.125rem;
font-weight: 500;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
border-bottom: none;
}
.pagina-header .link-seccio {
margin-left: auto;
padding-left: 2em;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
font-size: 20px;
font-weight: 500;
color: #000;
color: var(--color-negre);
}
.pagina-header .link-seccio span {
font-family: 'Inter', sans-serif;
font-family: var(--font-familia-primaria);
font-weight: 700;
}
.pagina-header >* {
margin-bottom: 20px;
}
/*
Comentaris
*/
.interior__comentaris {
margin-bottom: 10px;
}
.interior__comentaris h3 {
border-bottom: solid 1px #000;
border-bottom: solid 1px var(--color-limit);
}
.interior__comentaris h4 {
font-weight: 700;
}
.interior__comentaris .close {
float: right;
}
.interior__comentaris .btn__mostra {
margin-bottom: 10px;
}
.interior__comentaris .btn__mostra .triangle {
content: '';
width: 5px;
height: 7px;
margin-top: 0px;
border-top: 5px solid #000;
border-top: 5px solid var(--color-limit);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
display: inline-block;
-webkit-transition: border-top .3s;
transition: border-top .3s;
}
.interior__comentaris .btn__mostra:hover .triangle {
border-top: 5px solid #fff;
border-top: 5px solid var(--color-blanc);
}
/*
Comentari
*/
.interior__comentaris .comment {
margin-bottom: 10px;
}
.interior__comentaris .comment {
padding: 10px;
padding: var(--gutter-xs);
background-color: #fff;
background-color: var(--color-blanc);
border: 1px solid #000;
border: 1px solid var(--color-limit);
border-left-width: 8px;
}
.interior__comentaris .comment.comment__highlighted {
border-left-color: #000;
border-left-color: var(--color-limit);
}
.interior__comentaris .comment.comment__hidden {
border-left-color: #000;
border-left-color: var(--color-limit);
}
.interior__comentaris .comment.comment__is-parent {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
border-left-width: 1px;
border-bottom-width: 0;
background-color: #f6f6f6;
background-color: var(--color-blanc-fosc);
}
.interior__comentaris .comment .comment__header {
font-size: 12px;
margin-bottom: 10px;
}
.interior__comentaris .comment .comment__header:before {
content: '';
display: table;
}
.interior__comentaris .comment .comment__header:after {
content: '';
display: table;
clear: both;
}
.comment--is-parent .in .interior__comentaris .comment .comment__header {
padding-top: 10px;
}
.interior__comentaris .comment .comment__author {
margin-bottom: 5px;
font-weight: 700;
}
.interior__comentaris .comment .comment__meta {
display: block;
color: #808080;
color: var(--color-gris);
}
.interior__comentaris .comment .comment__meta i {
margin-right: 5px;
}
.interior__comentaris .comment .comment__meta a {
text-decoration: none;
font-weight: 700;
color: #808080;
color: var(--color-gris);
}
.interior__comentaris .comment .comment__rating {
margin-top: 0;
margin-bottom: 5px;
padding-left: 0;
list-style-type: none;
}
.interior__comentaris .comment .comment__rating li {
display: inline-block;
margin-right: 10px;
}
.interior__comentaris .comment .comment__rating li a {
display: inline-block;
width: 28px;
height: 28px;
padding-top: 3px;
padding-left: 7px;
border-radius: 50%;
background-color: #808080;
background-color: var(--color-gris)
}
.interior__comentaris .comment .comment__rating li a.comment__rating-up {
background-color: #008000;
background-color: var(--color-verd);
}
.interior__comentaris .comment .comment__rating li a.comment__rating-down {
background-color: #ff1115;
background-color: var(--color-vermell);
}
.interior__comentaris .comment .comment__rating li a i {
display: inline-block;
vertical-align: middle;
}
.interior__comentaris .comment .comment__actions a {
margin-right: 5px;
}
.interior__comentaris .comment .comment__actions a:hover, .interior__comentaris .comment .comment__actions a:focus, .interior__comentaris .comment .comment__actions a:active {
opacity: .7;
}
.interior__comentaris .comment .comment__footer {
margin-top: 10px;
}
.interior__comentaris .comment .comment__footer:before {
content: '';
display: table;
}
.interior__comentaris .comment .comment__footer:after {
content: '';
display: table;
clear: both;
}
.interior__comentaris .comment .comment__footer {
font-size: 12px;
}
.comment--is-parent .interior__comentaris .comment .comment__footer {
margin-top: 0;
cursor: pointer;
}
/*
*/
.interior__comentaris .comment__parent-content.in {
margin-bottom: 10px;
}
.interior__comentaris .comment__parent-content.in + .comment__footer {
display: none;
}
/*
Formulari
*/
.interior__comentaris .form .form-group, .interior__comentaris .form .checkbox {
margin-bottom: 10px;
}
.interior__comentaris .form label small, .interior__comentaris .form .checkbox label {
font-weight: 400;
text-transform: none;
}
.interior__comentaris .form .btn {
margin-right: 10px;
}
/*
*/
.interior__comentaris .comment__close i {
display: inline-block;
margin-top: -5px;
margin-left: 10px;
font-size: 20px;
color: #000;
color: var(--color-negre);
}
.interior__comentaris .comment__read-more {
display: block;
margin-top: 5px;
margin-bottom: 5px;
color: #ff1115;
color: var(--color-primari);
cursor: pointer;
}
.interior__comentaris .comment.comment__highlighted {
border-left-color: #008000;
border-left-color: var(--color-verd);
}
.interior__comentaris .comment.comment__hidden {
border-left-color: #ff1115;
border-left-color: var(--color-vermell);
}
.hemeroteca {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.hemeroteca .col {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
/* Llistes */
/*
Llistes
*/
.llistes .interior-header {
border-bottom: none;
}
.llistes .interior-header__title {
margin: 5px 0 15px;
font-size: 30px;
font-size: 1.875rem;
line-height: 34px;
line-height: 2.125rem;
font-weight: 500;
font-family: 'Chakra Petch', sans-serif;
font-family: var(--font-familia-secundaria);
border-bottom: none;
}
.item.article_llistat {
margin-bottom: 15px;
padding: 15px;
}
/*** Article en llista ***/
.article_llistat {
padding: 0;
padding: var(--article-espai);
border-left: 6px solid #ff1115;
border-left: 6px solid var(--color-primari);
padding-left: 15px;
}
.article_llistat .llista-noestil {
border: solid 1px#4a4a4a;
border: var(--article-border-sidebar);
}
.article_llistat a {
width: 100%;
min-height: 85px;
text-align: left;
display: table;
}
.article_llistat a .article__image {
width: 100px;
text-align: left;
display: table-cell;
vertical-align: top;
}
.article_llistat a .article__image img {
border: solid 1px #979797;
}
.article_llistat a .article__image+.article__text {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.article_llistat a .article__text {
width: 100%;
padding: 0;
border-top: none;
padding-top: 0;
}
.article_llistat a .article__text .article__epigraph {
margin-top: 0;
margin-right: 5px;
margin-bottom: 0;
font-size: 14px;
font-size: .875rem;
line-height: 22px;
line-height: 1.375rem;
font-weight: 700;
border: none;
display: inline-block;
}
.article_llistat a .article__text .article__data {
font-size: 14px;
font-size: .875rem;
line-height: 22px;
line-height: 1.375rem;
-webkit-transition: color .3s;
transition: color .3s;
display: inline-block;
color: #626262;
}
.article_llistat a .article__text .article__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 20px;
line-height: 1.25rem;
margin-top: 0;
margin-bottom: 5px;
font-weight: 700;
}
.article_llistat a .article__text .article__subtitle {
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem;
margin-bottom: 0;
}
.article_llistat a .article__text .article__author {
margin-bottom: 0;
}
.article_llistat a:hover .article__text .article__data {
color: #ff1115;
color: var(--color-primari);
}
/* Entrevista */
.article_llistat.article_entrevista a .article__text {
padding-top: 0;
-webkit-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
display: table;
}
.article_llistat.article_entrevista a .article__text .article__epigraph, .article_llistat.article_entrevista a .article__text .article__data {
color: #626262;
}
.article_llistat.article_entrevista a .article__text .article__title {
color: #000;
color: var(--article-entrevista-color-font);
font-size: 18px;
font-weight: normal;
}
/* Opinio */
.article_llistat.article_opinio {
border-top: none;
border-left-color: #eeeeee;
border-left-color: var(--article-opinio-color-fons);
padding: 15px 15px 15px 9px;
}
.article_llistat.article_opinio a .article__image {
padding-top: 0;
padding-bottom: 0;
}
.article_llistat.article_opinio a .article__image img {
border: solid 3px #ff1115 !important;
border: solid 3px var(--color-vermell) !important;
}
.article_llistat.article_opinio a .article__image+.article__text {
padding-bottom: 0;
}
.article_llistat.article_opinio a .article__text .article__title {
font-size: 18px;
line-height: 1.33;
margin-top: 5px;
}
.article_llistat.article_opinio a .article__text>* {
margin-bottom: 0;
}
.article_llistat.article_opinio a .article__text>* span {
margin-bottom: 0;
}
/* Agenda */
.article_llistat.article_agenda {
padding: 0;
border-left-color: #fff;
border-left-color: var(--color-blanc);
border-left-width: 14px;
}
/* margin-bottom: var(--espai-opinio-llista) !important; */
.article_llistat.article_agenda a {
min-height: 0;
min-height: initial;
color: #000;
color: var(--color-negre);
}
.article_llistat.article_agenda a .article__image {
width: 86px;
padding-right: 0;
padding-left: 15px;
vertical-align: top;
}
.article_llistat.article_agenda a .article__text {
padding: 15px;
margin-left: auto;
width: 100%;
}
.article_llistat.article_agenda a .article__text .article__epigraph {
font-weight: 400;
color: #000;
color: var(--color-negre);
text-transform: capitalize;
}
.article_llistat.article_agenda a .article__text .article__epigraph {
font-size: 14px;
margin: 0 0 5px;
line-height: 1;
}
.article_llistat.article_agenda a .article__text .article__title {
margin: 0 0 5px;
font-size: 22px;
line-height: 1.2;
}
.article_llistat.article_agenda a .article__text .article__place {
margin: 0;
padding: 15px;
font-size: 20px;
font-weight: 800;
line-height: 1.1;
}
.article_llistat.article_agenda a .article__text .article__timetable {
margin: 0;
}
.article_llistat.article_agenda a .article__text .article__timetable {
color: #000;
color: var(--color-negre);
font-size: 14px;
}
/* Reportatge */
.article_llistat.article_reportatge {
border-top: none;
border-left: none;
padding: 0;
height: 146px;
}
.article_llistat.article_reportatge a .article__image {
width: 100%;
height: 146px;
}
.article_llistat.article_reportatge a .article__image img {
width: 100%;
border: none;
}
.article_llistat.article_reportatge a .article__text {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: 146px;
padding-top: 15px;
}
.article_llistat.article_reportatge a .article__text .article__epigraph {
z-index: 2;
display: block;
border: 3px solid #fff;
border: 3px solid var(--color-blanc);
margin-bottom: 15px;
}
.article_llistat.article_reportatge a .article__text .article__data {
z-index: 2;
color: #fff;
color: var(--color-blanc);
}
.article_llistat.article_reportatge a .article__text .article__title {
z-index: 2;
}
.article_llistat.article_reportatge a:hover .article__text .article__data {
color: #fff;
color: var(--color-blanc);
}
/* Monogràfic */
.article_llistat.article_monografic {
padding: 0 !important;
}
.article_llistat.article_monografic a .article__image {
width: 100%;
}
.article_llistat.article_monografic a .article__image img {
width: 100%;
border: none;
}
.article_llistat.article_monografic a .article__text {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
padding: 17% !important;
}
.article_llistat.article_monografic a .article__text .article__epigraph {
z-index: 2;
display: block;
border: 3px solid #fff;
border: 3px solid var(--color-blanc);
margin-bottom: 15px;
}
.article_llistat.article_monografic a .article__text .article__data {
z-index: 2;
color: #fff;
color: var(--color-blanc);
}
.article_llistat.article_monografic a .article__text .article__title {
z-index: 2;
}
.article_llistat.article_monografic a:hover .article__text .article__data {
color: #fff;
color: var(--color-blanc);
}
.monografics .llista-noestil {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.monografics .llista-noestil li {
margin-bottom: 0;
}
/* Filtres llistat */
.filtres-llistat {
margin-bottom: 10px;
}
.filtres-llistat {
padding-bottom: 10px;
}
.filtres-llistat {
border-bottom: solid 3px #000;
border-bottom: solid 3px var(--color-negre);
}
/*** IE 11 ***/
/*
Estils per a Internet Explorer 11 - Al 2018!
*/
@media (min-width: 768px) {
/* uncss:ignore */
.show-sm {
display: block;
}
/* uncss:ignore */
.hide-sm {
display: none;
}
.show-xs-only {
display: none;
}
.show-sm-only {
display: block;
}
.show-md-only {
display: none;
}
.show-lg-only {
display: none;
}
.hide-xs-only {
display: block;
}
.hide-sm-only {
display: none;
}
.hide-md-only {
display: block;
}
.hide-lg-only {
display: block;
}
.marge-superior {
margin-top: 15px;
}
.marge-inferior {
margin-bottom: 15px;
}
.container {
max-width: 100%;
max-width: var(--contenidor-amplada-sm);
padding: 0 15px;
padding: 0 var(--gutter-sm);
}
main .container {
padding-bottom: 15px;
}
main section:first-child .container {
padding-top: 15px;
}
.cookie-notice.panell {
margin-bottom: 0;
}
.panell {
margin-bottom: 15px;
}
.titol-seccio {/*
font-size: 1.75rem;
line-height: 2.0625rem;
*/
font-size: 48px;
font-weight: 300;
}
.titol-link-seccio {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.titol-link-seccio .titol-seccio {
line-height: 48px;
}
.subtitol-seccio {
font-size: 1.3125rem;
line-height: 1.5625rem;
}
.titol-modul {
font-size: 20px;
line-height: normal;
}
.col-sm-1 {
width: calc(100% * 1/12 - (15px - 15px * 1/12));
}
.col-sm-1:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-1:last-child {
margin-right: 0;
}
.col-sm-1:nth-child(0n) {
float: right;
}
.row-flex .col-sm-1 {
width: calc(100% * 1/12 - (15px - 15px * 1/12));
}
.row-flex .col-sm-1:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-1:last-child {
margin-right: 0;
}
.row-flex .col-sm-1:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-1 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-1 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-1 {
position: relative;
left: calc(99.9% * 1/12 - (15px - 15px * 1/12) + 15px);
}
.colleft-sm-1 {
position: relative;
left: calc(99.9% * -1/12 - (15px - 15px * -1/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_1 {
margin-left: calc(99.9% * (-1/12 * -1) - (15px - 15px * (-1/12 * -1)) + 15px) !important;
}
.offleft-sm-1_1 {
margin-left: calc(99.9% * -1/12 - (15px - 15px * -1/12) + 15px) !important;
}
.col-sm-2 {
width: calc(100% * 2/12 - (15px - 15px * 2/12));
}
.col-sm-2:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-2:last-child {
margin-right: 0;
}
.col-sm-2:nth-child(0n) {
float: right;
}
.row-flex .col-sm-2 {
width: calc(100% * 2/12 - (15px - 15px * 2/12));
}
.row-flex .col-sm-2:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-2:last-child {
margin-right: 0;
}
.row-flex .col-sm-2:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-2 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-2 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-2 {
position: relative;
left: calc(99.9% * 2/12 - (15px - 15px * 2/12) + 15px);
}
.colleft-sm-2 {
position: relative;
left: calc(99.9% * -2/12 - (15px - 15px * -2/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_2 {
margin-left: calc(99.9% * (-2/12 * -1) - (15px - 15px * (-2/12 * -1)) + 15px) !important;
}
.offleft-sm-1_2 {
margin-left: calc(99.9% * -2/12 - (15px - 15px * -2/12) + 15px) !important;
}
.col-sm-3 {
width: calc(100% * 3/12 - (15px - 15px * 3/12));
}
.col-sm-3:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-3:last-child {
margin-right: 0;
}
.col-sm-3:nth-child(0n) {
float: right;
}
.row-flex .col-sm-3 {
width: calc(100% * 3/12 - (15px - 15px * 3/12));
}
.row-flex .col-sm-3:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-3:last-child {
margin-right: 0;
}
.row-flex .col-sm-3:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-3 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-3 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-3 {
position: relative;
left: calc(99.9% * 3/12 - (15px - 15px * 3/12) + 15px);
}
.colleft-sm-3 {
position: relative;
left: calc(99.9% * -3/12 - (15px - 15px * -3/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_3 {
margin-left: calc(99.9% * (-3/12 * -1) - (15px - 15px * (-3/12 * -1)) + 15px) !important;
}
.offleft-sm-1_3 {
margin-left: calc(99.9% * -3/12 - (15px - 15px * -3/12) + 15px) !important;
}
.col-sm-4 {
width: calc(100% * 4/12 - (15px - 15px * 4/12));
}
.col-sm-4:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-4:last-child {
margin-right: 0;
}
.col-sm-4:nth-child(0n) {
float: right;
}
.row-flex .col-sm-4 {
width: calc(100% * 4/12 - (15px - 15px * 4/12));
}
.row-flex .col-sm-4:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-4:last-child {
margin-right: 0;
}
.row-flex .col-sm-4:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-4 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-4 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-4 {
position: relative;
left: calc(99.9% * 4/12 - (15px - 15px * 4/12) + 15px);
}
.colleft-sm-4 {
position: relative;
left: calc(99.9% * -4/12 - (15px - 15px * -4/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_4 {
margin-left: calc(99.9% * (-4/12 * -1) - (15px - 15px * (-4/12 * -1)) + 15px) !important;
}
.offleft-sm-1_4 {
margin-left: calc(99.9% * -4/12 - (15px - 15px * -4/12) + 15px) !important;
}
.col-sm-5 {
width: calc(100% * 5/12 - (15px - 15px * 5/12));
}
.col-sm-5:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-5:last-child {
margin-right: 0;
}
.col-sm-5:nth-child(0n) {
float: right;
}
.row-flex .col-sm-5 {
width: calc(100% * 5/12 - (15px - 15px * 5/12));
}
.row-flex .col-sm-5:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-5:last-child {
margin-right: 0;
}
.row-flex .col-sm-5:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-5 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-5 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-5 {
position: relative;
left: calc(99.9% * 5/12 - (15px - 15px * 5/12) + 15px);
}
.colleft-sm-5 {
position: relative;
left: calc(99.9% * -5/12 - (15px - 15px * -5/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_5 {
margin-left: calc(99.9% * (-5/12 * -1) - (15px - 15px * (-5/12 * -1)) + 15px) !important;
}
.offleft-sm-1_5 {
margin-left: calc(99.9% * -5/12 - (15px - 15px * -5/12) + 15px) !important;
}
.col-sm-6 {
width: calc(100% * 6/12 - (15px - 15px * 6/12));
}
.col-sm-6:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-6:last-child {
margin-right: 0;
}
.col-sm-6:nth-child(0n) {
float: right;
}
.row-flex .col-sm-6 {
width: calc(100% * 6/12 - (15px - 15px * 6/12));
}
.row-flex .col-sm-6:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-6:last-child {
margin-right: 0;
}
.row-flex .col-sm-6:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-6 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-6 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-6 {
position: relative;
left: calc(99.9% * 6/12 - (15px - 15px * 6/12) + 15px);
}
.colleft-sm-6 {
position: relative;
left: calc(99.9% * -6/12 - (15px - 15px * -6/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_6 {
margin-left: calc(99.9% * (-6/12 * -1) - (15px - 15px * (-6/12 * -1)) + 15px) !important;
}
.offleft-sm-1_6 {
margin-left: calc(99.9% * -6/12 - (15px - 15px * -6/12) + 15px) !important;
}
.col-sm-7 {
width: calc(100% * 7/12 - (15px - 15px * 7/12));
}
.col-sm-7:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-7:last-child {
margin-right: 0;
}
.col-sm-7:nth-child(0n) {
float: right;
}
.row-flex .col-sm-7 {
width: calc(100% * 7/12 - (15px - 15px * 7/12));
}
.row-flex .col-sm-7:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-7:last-child {
margin-right: 0;
}
.row-flex .col-sm-7:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-7 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-7 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-7 {
position: relative;
left: calc(99.9% * 7/12 - (15px - 15px * 7/12) + 15px);
}
.colleft-sm-7 {
position: relative;
left: calc(99.9% * -7/12 - (15px - 15px * -7/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_7 {
margin-left: calc(99.9% * (-7/12 * -1) - (15px - 15px * (-7/12 * -1)) + 15px) !important;
}
.offleft-sm-1_7 {
margin-left: calc(99.9% * -7/12 - (15px - 15px * -7/12) + 15px) !important;
}
.col-sm-8 {
width: calc(100% * 8/12 - (15px - 15px * 8/12));
}
.col-sm-8:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-8:last-child {
margin-right: 0;
}
.col-sm-8:nth-child(0n) {
float: right;
}
.row-flex .col-sm-8 {
width: calc(100% * 8/12 - (15px - 15px * 8/12));
}
.row-flex .col-sm-8:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-8:last-child {
margin-right: 0;
}
.row-flex .col-sm-8:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-8 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-8 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-8 {
position: relative;
left: calc(99.9% * 8/12 - (15px - 15px * 8/12) + 15px);
}
.colleft-sm-8 {
position: relative;
left: calc(99.9% * -8/12 - (15px - 15px * -8/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_8 {
margin-left: calc(99.9% * (-8/12 * -1) - (15px - 15px * (-8/12 * -1)) + 15px) !important;
}
.offleft-sm-1_8 {
margin-left: calc(99.9% * -8/12 - (15px - 15px * -8/12) + 15px) !important;
}
.col-sm-9 {
width: calc(100% * 9/12 - (15px - 15px * 9/12));
}
.col-sm-9:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-9:last-child {
margin-right: 0;
}
.col-sm-9:nth-child(0n) {
float: right;
}
.row-flex .col-sm-9 {
width: calc(100% * 9/12 - (15px - 15px * 9/12));
}
.row-flex .col-sm-9:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-9:last-child {
margin-right: 0;
}
.row-flex .col-sm-9:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-9 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-9 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-9 {
position: relative;
left: calc(99.9% * 9/12 - (15px - 15px * 9/12) + 15px);
}
.colleft-sm-9 {
position: relative;
left: calc(99.9% * -9/12 - (15px - 15px * -9/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_9 {
margin-left: calc(99.9% * (-9/12 * -1) - (15px - 15px * (-9/12 * -1)) + 15px) !important;
}
.offleft-sm-1_9 {
margin-left: calc(99.9% * -9/12 - (15px - 15px * -9/12) + 15px) !important;
}
.col-sm-10 {
width: calc(100% * 10/12 - (15px - 15px * 10/12));
}
.col-sm-10:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-10:last-child {
margin-right: 0;
}
.col-sm-10:nth-child(0n) {
float: right;
}
.row-flex .col-sm-10 {
width: calc(100% * 10/12 - (15px - 15px * 10/12));
}
.row-flex .col-sm-10:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-10:last-child {
margin-right: 0;
}
.row-flex .col-sm-10:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-10 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-10 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-10 {
position: relative;
left: calc(99.9% * 10/12 - (15px - 15px * 10/12) + 15px);
}
.colleft-sm-10 {
position: relative;
left: calc(99.9% * -10/12 - (15px - 15px * -10/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_10 {
margin-left: calc(99.9% * (-10/12 * -1) - (15px - 15px * (-10/12 * -1)) + 15px) !important;
}
.offleft-sm-1_10 {
margin-left: calc(99.9% * -10/12 - (15px - 15px * -10/12) + 15px) !important;
}
.col-sm-11 {
width: calc(100% * 11/12 - (15px - 15px * 11/12));
}
.col-sm-11:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-11:last-child {
margin-right: 0;
}
.col-sm-11:nth-child(0n) {
float: right;
}
.row-flex .col-sm-11 {
width: calc(100% * 11/12 - (15px - 15px * 11/12));
}
.row-flex .col-sm-11:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-11:last-child {
margin-right: 0;
}
.row-flex .col-sm-11:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-11 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-11 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-11 {
position: relative;
left: calc(99.9% * 11/12 - (15px - 15px * 11/12) + 15px);
}
.colleft-sm-11 {
position: relative;
left: calc(99.9% * -11/12 - (15px - 15px * -11/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_11 {
margin-left: calc(99.9% * (-11/12 * -1) - (15px - 15px * (-11/12 * -1)) + 15px) !important;
}
.offleft-sm-1_11 {
margin-left: calc(99.9% * -11/12 - (15px - 15px * -11/12) + 15px) !important;
}
.col-sm-12 {
width: calc(100% * 12/12 - (15px - 15px * 12/12));
}
.col-sm-12:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.col-sm-12:last-child {
margin-right: 0;
}
.col-sm-12:nth-child(0n) {
float: right;
}
.row-flex .col-sm-12 {
width: calc(100% * 12/12 - (15px - 15px * 12/12));
}
.row-flex .col-sm-12:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex .col-sm-12:last-child {
margin-right: 0;
}
.row-flex .col-sm-12:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-xs-12 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colleft-xs-12 {
position: relative;
left: calc(99.9% * 0 - (15px - 15px * 0) + 15px);
}
.colright-sm-12 {
position: relative;
left: calc(99.9% * 12/12 - (15px - 15px * 12/12) + 15px);
}
.colleft-sm-12 {
position: relative;
left: calc(99.9% * -12/12 - (15px - 15px * -12/12) + 15px);
}
/* Offsetting columns */
.offright-sm-1_12 {
margin-left: calc(99.9% * (-12/12 * -1) - (15px - 15px * (-12/12 * -1)) + 15px) !important;
}
.offleft-sm-1_12 {
margin-left: calc(99.9% * -12/12 - (15px - 15px * -12/12) + 15px) !important;
}
.item {
margin-bottom: 15px;
}
.row-thumb div {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-thumb div:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-thumb div:last-child {
margin-right: 0;
}
.row-thumb div:nth-child(3n) {
margin-right: 0;
float: right;
}
.row-thumb div:nth-child(3n + 1) {
clear: both;
}
.exemple-1 .col {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.exemple-1 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-1 .col:last-child {
margin-right: 0;
}
.exemple-1 .col:nth-child(3n) {
margin-right: 0;
float: right;
}
.exemple-1 .col:nth-child(3n + 1) {
clear: both;
}
.exemple-2 .col {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.exemple-2 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-2 .col:last-child {
margin-right: 0;
}
.exemple-2 .col:nth-child(2n) {
margin-right: 0;
float: right;
}
.exemple-2 .col:nth-child(2n + 1) {
clear: both;
}
.exemple-3 .col {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.exemple-3 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-3 .col:last-child {
margin-right: 0;
}
.exemple-3 .col:nth-child(2n) {
margin-right: 0;
float: right;
}
.exemple-3 .col:nth-child(2n + 1) {
clear: both;
}
.obligatori {
margin-bottom: 15px;
}
.socials li {
margin-right: 10px;
}
.pagination {
margin-top: 15px;
}
.pagination ul li span {
padding: 5px 20px;
line-height: 2.125rem;
}
.interior-meta {
margin-top: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.interior-meta {
margin-bottom: 15px;
}
.interior-meta .sharer {
float: left;
margin-bottom: 0;
}
.interior-meta .article__share {
float: right;
}
.interior-main__related-documents, .interior-main__related-audios {
margin-bottom: 15px;
}
.calendari__title {
margin-bottom: 15px;
}
.calendari-caixa {
margin-bottom: 15px;
}
.header__logo .data {
display: block;
}
.header__logo {
padding-top: 15px;
padding-top: var(--gutter-sm);
padding-bottom: 15px;
padding-bottom: var(--gutter-sm);
}
.header__sitename__brand svg {
max-width: 360px;
}
.header__links #xarxes_capcalera {
display: inline;
}
.header__links #xarxes_capcalera+.lupa:before {
content: "";
width: 1px;
height: 25px;
margin-right: 5px;
margin-left: 5px;
border-left: solid 1px #000;
border-left: solid 1px var(--color-font-header-logo);
float: left;
}
.header__links {
padding-top: 0;
padding-bottom: 0;
}
.header__menu .nav {
display: table;
}
.header__menu .nav .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fixed-header .sticky {/*
uncss:ignore
*/
position: fixed;
z-index: 10;
}
/*
uncss:ignore
*/
.fixed-header .sticky .header__logo {
padding-top: 20px;
padding-bottom: 20px;
}
/*
uncss:ignore
*/
.fixed-header .sticky .header__sitename {
max-width: 320px;
}
.footer__top .socials {
max-width: 306px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__top .socials li {
margin-bottom: 0;
}
.footer__top {
padding-top: 60px;
padding-bottom: 70px;
}
.footer__middle {
padding-top: 60px;
padding-bottom: 80px;
}
.footer__middle .logo {
margin-bottom: auto;
}
.footer__bottom {
padding-top: 15px;
padding-top: var(--gutter-sm);
padding-bottom: 15px;
padding-bottom: var(--gutter-sm);
}
.tirabol {
margin-top: 5px;
}
.modal-cerca {
padding-top: 15px;
}
.modal-cerca {
padding-bottom: 15px;
}
.modal-nav .titol-seccio {
font-size: 20px;
font-weight: bold;
line-height: normal;
}
.modal-nav ul li a {
font-size: 28px;
font-weight: 500;
}
.btn__modal {
top: 20px;
right: 15px;
}
.article:not(.article_llistat):not(.article_sidebar):not(.article_agenda):not(.article_reportatge):not(.article_opinio):not(.article_entrevista):not(.article_monografic) a .article__text .article__title {
font-size: 26px;
line-height: 1.04;
}
.article_reportatge {
height: 300px;
}
.article_reportatge a .article__image img {
max-height: 300px;
}
.article_monografic a .article__text {
-webkit-box-pack: normal !important;
-ms-flex-pack: normal !important;
justify-content: normal !important;
padding: 9% !important;
}
.layout-opinio .article.article_opinio a .article__text {
padding: 20px;
}
.layout-opinio .article.article_opinio a .article__image {
max-width: inherit;
padding: 20px 0 20px 20px;
}
.layout-opinio .article.article_opinio a .article__image img {
border: solid 6px #ff1115;
border: solid 6px var(--color-vermell);
}
.enquesta-interior {
margin-bottom: 15px;
margin-bottom: var(--gutter-sm);
padding: 15px 10px;
padding: var(--gutter-sm) var(--gutter-xs);
}
.media-filters .seplat {
border-right: solid 1px #000;
border-right: solid 1px var(--color-limit);
}
.media-filters .form-group {
width: 33.33%;
}
.media-filters input[type="submit"] {
margin-top: 24px;
margin-bottom: 0;
}
.galeria-portada .galeria-principal .galeria-principal__text, .galeria-portada .galeria-secundaria .galeria-principal__text {
padding: 15px;
padding: var(--gutter-sm);
}
.galeria-secundaria .galeria-secundaria__text {
padding: 15px;
padding: var(--gutter-sm);
}
.galeria-secundaria .galeria-secundaria__text .galeria-secundaria__title {
font-size: 1rem;
line-height: 1.3125rem;
}
.masonry .masonry-item {
margin-bottom: 15px;
}
.masonry .masonry-item {
width: 50%;
padding: 0 7.5px;
padding: 0 calc(var(--gutter-sm) / 2);
}
.galeries-relacionades__galeria {
margin-bottom: 15px;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text {
padding: 20px;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-text .galeries-relacionades__galeria-name {
font-size: 1.125rem;
line-height: 1.3125rem;
}
.interior-header .interior-header__title {
line-height: normal;
font-size: 36px;
}
.interior-header .interior-header__subtitle {
font-size: 24px;
line-height: 1.2;
}
.interior-main .interior-main__event {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.interior-main .interior-main__event .thumb {
max-width: 185px;
}
.interior-main .interior-main__event .thumb+.txt {
margin-right: 20px;
max-width: calc(100% - 205px);
}
.interior-main .interior-main__event-title {
line-height: normal;
font-size: 36px;
}
.pagina-header {
margin-bottom: 20px;
font-size: 36px;
}
.interior__comentaris {
margin-bottom: 15px;
}
.interior__comentaris .btn__mostra {
margin-bottom: 15px;
}
.interior__comentaris .comment {
margin-bottom: 15px;
}
.interior__comentaris .comment {
padding: 15px;
padding: var(--gutter-sm);
}
.interior__comentaris .comment .comment__header {
margin-bottom: 15px;
}
.interior__comentaris .comment .comment__author {
float: left;
margin-bottom: 0;
}
.interior__comentaris .comment .comment__meta {
float: right;
}
.interior__comentaris .comment .comment__rating {
float: left;
margin-bottom: 0;
}
.interior__comentaris .comment .comment__actions {
float: right;
}
.interior__comentaris .comment .comment__footer {
margin-top: 15px;
}
.interior__comentaris .comment__parent-content.in {
margin-bottom: 15px;
}
.interior__comentaris .form .form-group, .interior__comentaris .form .checkbox {
margin-bottom: 15px;
}
.llistes .interior-header__title {
margin-bottom: 30px;
font-size: 36px;
font-weight: 500;
}
.article_llistat a .article__image {
width: 85px;
}
.article_llistat a .article__image+.article__text {
padding-left: 15px;
}
.article_llistat a .article__text .article__subtitle {
margin-bottom: 0;
}
.filtres-llistat {
margin-bottom: 15px;
}
.filtres-llistat {
padding-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.ncol-xs-1 > .col:nth-child(1n) {
margin-right: 15px;
float: left;
}
.ncol-sm-1 > .col:nth-child(1n) {
margin-right: 0;
}
.ncol-xs-1 > .col:nth-child(1n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-1 > .col:nth-child(1n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-1 > .col {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-1 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1 > .col:nth-child(1n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(1n) {
margin-right: 15px;
}
.row-flex.ncol-sm-1.firsters-sm-1 > .col:nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(1n) {
margin-right: 15px;
}
.row-flex.ncol-sm-1.firsters-sm-2 > .col:nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(1n) {
margin-right: 15px;
}
.row-flex.ncol-sm-1.firsters-sm-3 > .col:nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(1n) {
margin-right: 15px;
}
.row-flex.ncol-sm-1.firsters-sm-4 > .col:nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(1n) {
margin-right: 15px;
}
.row-flex.ncol-sm-1.firsters-sm-5 > .col:nth-child(1n+5) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) {
margin-right: 15px;
float: left;
}
.ncol-sm-2 > .col:nth-child(2n) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-2 > .col:nth-child(2n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-2 > .col {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-2 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2 > .col:nth-child(2n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(-n+1):nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(2n) {
margin-right: 15px;
}
.row-flex.ncol-sm-2.firsters-sm-1 > .col:nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(-n+2):nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(2n) {
margin-right: 15px;
}
.row-flex.ncol-sm-2.firsters-sm-2 > .col:nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(-n+3):nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(2n) {
margin-right: 15px;
}
.row-flex.ncol-sm-2.firsters-sm-3 > .col:nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(-n+4):nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(2n) {
margin-right: 15px;
}
.row-flex.ncol-sm-2.firsters-sm-4 > .col:nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(-n+5):nth-child(2n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(2n) {
margin-right: 15px;
}
.row-flex.ncol-sm-2.firsters-sm-5 > .col:nth-child(2n+5) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) {
margin-right: 15px;
float: left;
}
.ncol-sm-3 > .col:nth-child(3n) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-3 > .col:nth-child(3n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-3 > .col {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-3 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3 > .col:nth-child(3n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(-n+1):nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(3n) {
margin-right: 15px;
}
.row-flex.ncol-sm-3.firsters-sm-1 > .col:nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(-n+2):nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(3n) {
margin-right: 15px;
}
.row-flex.ncol-sm-3.firsters-sm-2 > .col:nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(-n+3):nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(3n) {
margin-right: 15px;
}
.row-flex.ncol-sm-3.firsters-sm-3 > .col:nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(-n+4):nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(3n) {
margin-right: 15px;
}
.row-flex.ncol-sm-3.firsters-sm-4 > .col:nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(-n+5):nth-child(3n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(3n) {
margin-right: 15px;
}
.row-flex.ncol-sm-3.firsters-sm-5 > .col:nth-child(3n+5) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) {
margin-right: 15px;
float: left;
}
.ncol-sm-4 > .col:nth-child(4n) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-4 > .col:nth-child(4n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-4 > .col {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-4 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4 > .col:nth-child(4n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(-n+1):nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(4n) {
margin-right: 15px;
}
.row-flex.ncol-sm-4.firsters-sm-1 > .col:nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(-n+2):nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(4n) {
margin-right: 15px;
}
.row-flex.ncol-sm-4.firsters-sm-2 > .col:nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(-n+3):nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(4n) {
margin-right: 15px;
}
.row-flex.ncol-sm-4.firsters-sm-3 > .col:nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(-n+4):nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(4n) {
margin-right: 15px;
}
.row-flex.ncol-sm-4.firsters-sm-4 > .col:nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(-n+5):nth-child(4n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(4n) {
margin-right: 15px;
}
.row-flex.ncol-sm-4.firsters-sm-5 > .col:nth-child(4n+5) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) {
margin-right: 15px;
float: left;
}
.ncol-sm-5 > .col:nth-child(5n) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-5 > .col:nth-child(5n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-5 > .col {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-5 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5 > .col:nth-child(5n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(-n+1):nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(5n) {
margin-right: 15px;
}
.row-flex.ncol-sm-5.firsters-sm-1 > .col:nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(-n+2):nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(5n) {
margin-right: 15px;
}
.row-flex.ncol-sm-5.firsters-sm-2 > .col:nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(-n+3):nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(5n) {
margin-right: 15px;
}
.row-flex.ncol-sm-5.firsters-sm-3 > .col:nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(-n+4):nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(5n) {
margin-right: 15px;
}
.row-flex.ncol-sm-5.firsters-sm-4 > .col:nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(-n+5):nth-child(5n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(5n) {
margin-right: 15px;
}
.row-flex.ncol-sm-5.firsters-sm-5 > .col:nth-child(5n+5) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) {
margin-right: 15px;
float: left;
}
.ncol-sm-6 > .col:nth-child(6n) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-6 > .col:nth-child(6n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-6 > .col {
width: calc(99.9% * 1/6 - (15px - 15px * 1/6));
}
.row-flex.ncol-sm-6 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6 > .col:nth-child(6n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(-n+1):nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(6n) {
margin-right: 15px;
}
.row-flex.ncol-sm-6.firsters-sm-1 > .col:nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(-n+2):nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(6n) {
margin-right: 15px;
}
.row-flex.ncol-sm-6.firsters-sm-2 > .col:nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(-n+3):nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(6n) {
margin-right: 15px;
}
.row-flex.ncol-sm-6.firsters-sm-3 > .col:nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(-n+4):nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(6n) {
margin-right: 15px;
}
.row-flex.ncol-sm-6.firsters-sm-4 > .col:nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(-n+5):nth-child(6n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(6n) {
margin-right: 15px;
}
.row-flex.ncol-sm-6.firsters-sm-5 > .col:nth-child(6n+5) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) {
margin-right: 15px;
float: left;
}
.ncol-sm-7 > .col:nth-child(7n) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-7 > .col:nth-child(7n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-7 > .col {
width: calc(99.9% * 1/7 - (15px - 15px * 1/7));
}
.row-flex.ncol-sm-7 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7 > .col:nth-child(7n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(-n+1):nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(7n) {
margin-right: 15px;
}
.row-flex.ncol-sm-7.firsters-sm-1 > .col:nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(-n+2):nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(7n) {
margin-right: 15px;
}
.row-flex.ncol-sm-7.firsters-sm-2 > .col:nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(-n+3):nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(7n) {
margin-right: 15px;
}
.row-flex.ncol-sm-7.firsters-sm-3 > .col:nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(-n+4):nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(7n) {
margin-right: 15px;
}
.row-flex.ncol-sm-7.firsters-sm-4 > .col:nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(-n+5):nth-child(7n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(7n) {
margin-right: 15px;
}
.row-flex.ncol-sm-7.firsters-sm-5 > .col:nth-child(7n+5) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) {
margin-right: 15px;
float: left;
}
.ncol-sm-8 > .col:nth-child(8n) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-8 > .col:nth-child(8n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-8 > .col {
width: calc(99.9% * 1/8 - (15px - 15px * 1/8));
}
.row-flex.ncol-sm-8 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8 > .col:nth-child(8n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(-n+1):nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(8n) {
margin-right: 15px;
}
.row-flex.ncol-sm-8.firsters-sm-1 > .col:nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(-n+2):nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(8n) {
margin-right: 15px;
}
.row-flex.ncol-sm-8.firsters-sm-2 > .col:nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(-n+3):nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(8n) {
margin-right: 15px;
}
.row-flex.ncol-sm-8.firsters-sm-3 > .col:nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(-n+4):nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(8n) {
margin-right: 15px;
}
.row-flex.ncol-sm-8.firsters-sm-4 > .col:nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(-n+5):nth-child(8n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(8n) {
margin-right: 15px;
}
.row-flex.ncol-sm-8.firsters-sm-5 > .col:nth-child(8n+5) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) {
margin-right: 15px;
float: left;
}
.ncol-sm-9 > .col:nth-child(9n) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-9 > .col:nth-child(9n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-9 > .col {
width: calc(99.9% * 1/9 - (15px - 15px * 1/9));
}
.row-flex.ncol-sm-9 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9 > .col:nth-child(9n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(-n+1):nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(9n) {
margin-right: 15px;
}
.row-flex.ncol-sm-9.firsters-sm-1 > .col:nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(-n+2):nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(9n) {
margin-right: 15px;
}
.row-flex.ncol-sm-9.firsters-sm-2 > .col:nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(-n+3):nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(9n) {
margin-right: 15px;
}
.row-flex.ncol-sm-9.firsters-sm-3 > .col:nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(-n+4):nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(9n) {
margin-right: 15px;
}
.row-flex.ncol-sm-9.firsters-sm-4 > .col:nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(-n+5):nth-child(9n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(9n) {
margin-right: 15px;
}
.row-flex.ncol-sm-9.firsters-sm-5 > .col:nth-child(9n+5) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) {
margin-right: 15px;
float: left;
}
.ncol-sm-10 > .col:nth-child(10n) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-10 > .col:nth-child(10n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-10 > .col {
width: calc(99.9% * 1/10 - (15px - 15px * 1/10));
}
.row-flex.ncol-sm-10 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10 > .col:nth-child(10n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(-n+1):nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(10n) {
margin-right: 15px;
}
.row-flex.ncol-sm-10.firsters-sm-1 > .col:nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(-n+2):nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(10n) {
margin-right: 15px;
}
.row-flex.ncol-sm-10.firsters-sm-2 > .col:nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(-n+3):nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(10n) {
margin-right: 15px;
}
.row-flex.ncol-sm-10.firsters-sm-3 > .col:nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(-n+4):nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(10n) {
margin-right: 15px;
}
.row-flex.ncol-sm-10.firsters-sm-4 > .col:nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(-n+5):nth-child(10n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(10n) {
margin-right: 15px;
}
.row-flex.ncol-sm-10.firsters-sm-5 > .col:nth-child(10n+5) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) {
margin-right: 15px;
float: left;
}
.ncol-sm-11 > .col:nth-child(11n) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-11 > .col:nth-child(11n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-11 > .col {
width: calc(99.9% * 1/11 - (15px - 15px * 1/11));
}
.row-flex.ncol-sm-11 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11 > .col:nth-child(11n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(-n+1):nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(11n) {
margin-right: 15px;
}
.row-flex.ncol-sm-11.firsters-sm-1 > .col:nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(-n+2):nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(11n) {
margin-right: 15px;
}
.row-flex.ncol-sm-11.firsters-sm-2 > .col:nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(-n+3):nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(11n) {
margin-right: 15px;
}
.row-flex.ncol-sm-11.firsters-sm-3 > .col:nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(-n+4):nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(11n) {
margin-right: 15px;
}
.row-flex.ncol-sm-11.firsters-sm-4 > .col:nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(-n+5):nth-child(11n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(11n) {
margin-right: 15px;
}
.row-flex.ncol-sm-11.firsters-sm-5 > .col:nth-child(11n+5) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) {
margin-right: 15px;
float: left;
}
.ncol-sm-12 > .col:nth-child(12n) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) + .col {
clear: none;
clear: initial;
}
.ncol-sm-12 > .col:nth-child(12n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-sm-12 > .col {
width: calc(99.9% * 1/12 - (15px - 15px * 1/12));
}
.row-flex.ncol-sm-12 > .col:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12 > .col:nth-child(12n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (15px - 15px * 1/1));
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(-n+1):nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(12n) {
margin-right: 15px;
}
.row-flex.ncol-sm-12.firsters-sm-1 > .col:nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (15px - 15px * 1/2));
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(-n+2):nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(12n) {
margin-right: 15px;
}
.row-flex.ncol-sm-12.firsters-sm-2 > .col:nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (15px - 15px * 1/3));
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(-n+3):nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(12n) {
margin-right: 15px;
}
.row-flex.ncol-sm-12.firsters-sm-3 > .col:nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (15px - 15px * 1/4));
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(-n+4):nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(12n) {
margin-right: 15px;
}
.row-flex.ncol-sm-12.firsters-sm-4 > .col:nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (15px - 15px * 1/5));
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(-n+5):nth-child(12n+5) {
margin-right: 0;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(12n) {
margin-right: 15px;
}
.row-flex.ncol-sm-12.firsters-sm-5 > .col:nth-child(12n+5) {
margin-right: 0;
}
.interior-meta .date {/*
margin-bottom: 10px;
*/
}
.header__menu .nav .navigation li {
padding: 0 15px 0 0;
}
}
@media (min-width: 992px) {
/* uncss:ignore */
.show-md {
display: block;
}
/* uncss:ignore */
.hide-md {
display: none;
}
.show-xs-only {
display: none;
}
.show-sm-only {
display: none;
}
.show-md-only {
display: block;
}
.show-lg-only {
display: none;
}
.hide-xs-only {
display: block;
}
.hide-sm-only {
display: block;
}
.hide-md-only {
display: none;
}
.hide-lg-only {
display: block;
}
.user-text .interior-main__author {
font-size: 1rem;
line-height: 1.1875rem;
}
.user-text .interior-main__destacat {
margin: 24px 36px;
padding: 25px 30px;
}
.user-text .interior-main__destacat.destacat-right {
float: right;
margin-left: 20px;
max-width: 220px;
}
.marge-superior {
margin-top: 20px;
}
.marge-inferior {
margin-bottom: 20px;
}
.container {
max-width: 972px;
max-width: var(--contenidor-amplada-md);
padding: 0;
}
main .container {
padding-bottom: 20px;
}
main section:first-child .container {
padding-top: 20px;
}
.cookie-notice.panell {
margin-bottom: 0;
}
.panell {
margin-bottom: 20px;
}
.modal-bg {
border-top-width: 20px;
}
.col-md-1 {
width: calc(100% * 1/12 - (20px - 20px * 1/12));
}
.col-md-1:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-1:last-child {
margin-right: 0;
}
.col-md-1:nth-child(0n) {
float: right;
}
.row-flex .col-md-1 {
width: calc(100% * 1/12 - (20px - 20px * 1/12));
}
.row-flex .col-md-1:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-1:last-child {
margin-right: 0;
}
.row-flex .col-md-1:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-1 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-1 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-1 {
position: relative;
left: calc(99.9% * 1/12 - (20px - 20px * 1/12) + 20px);
}
.colleft-md-1 {
position: relative;
left: calc(99.9% * -1/12 - (20px - 20px * -1/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_1 {
margin-left: calc(99.9% * (-1/12 * -1) - (20px - 20px * (-1/12 * -1)) + 20px) !important;
}
.offleft-md-1_1 {
margin-left: calc(99.9% * -1/12 - (20px - 20px * -1/12) + 20px) !important;
}
.col-md-2 {
width: calc(100% * 2/12 - (20px - 20px * 2/12));
}
.col-md-2:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-2:last-child {
margin-right: 0;
}
.col-md-2:nth-child(0n) {
float: right;
}
.row-flex .col-md-2 {
width: calc(100% * 2/12 - (20px - 20px * 2/12));
}
.row-flex .col-md-2:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-2:last-child {
margin-right: 0;
}
.row-flex .col-md-2:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-2 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-2 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-2 {
position: relative;
left: calc(99.9% * 2/12 - (20px - 20px * 2/12) + 20px);
}
.colleft-md-2 {
position: relative;
left: calc(99.9% * -2/12 - (20px - 20px * -2/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_2 {
margin-left: calc(99.9% * (-2/12 * -1) - (20px - 20px * (-2/12 * -1)) + 20px) !important;
}
.offleft-md-1_2 {
margin-left: calc(99.9% * -2/12 - (20px - 20px * -2/12) + 20px) !important;
}
.col-md-3 {
width: calc(100% * 3/12 - (20px - 20px * 3/12));
}
.col-md-3:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-3:last-child {
margin-right: 0;
}
.col-md-3:nth-child(0n) {
float: right;
}
.row-flex .col-md-3 {
width: calc(100% * 3/12 - (20px - 20px * 3/12));
}
.row-flex .col-md-3:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-3:last-child {
margin-right: 0;
}
.row-flex .col-md-3:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-3 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-3 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-3 {
position: relative;
left: calc(99.9% * 3/12 - (20px - 20px * 3/12) + 20px);
}
.colleft-md-3 {
position: relative;
left: calc(99.9% * -3/12 - (20px - 20px * -3/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_3 {
margin-left: calc(99.9% * (-3/12 * -1) - (20px - 20px * (-3/12 * -1)) + 20px) !important;
}
.offleft-md-1_3 {
margin-left: calc(99.9% * -3/12 - (20px - 20px * -3/12) + 20px) !important;
}
.col-md-4 {
width: calc(100% * 4/12 - (20px - 20px * 4/12));
}
.col-md-4:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-4:last-child {
margin-right: 0;
}
.col-md-4:nth-child(0n) {
float: right;
}
.row-flex .col-md-4 {
width: calc(100% * 4/12 - (20px - 20px * 4/12));
}
.row-flex .col-md-4:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-4:last-child {
margin-right: 0;
}
.row-flex .col-md-4:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-4 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-4 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-4 {
position: relative;
left: calc(99.9% * 4/12 - (20px - 20px * 4/12) + 20px);
}
.colleft-md-4 {
position: relative;
left: calc(99.9% * -4/12 - (20px - 20px * -4/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_4 {
margin-left: calc(99.9% * (-4/12 * -1) - (20px - 20px * (-4/12 * -1)) + 20px) !important;
}
.offleft-md-1_4 {
margin-left: calc(99.9% * -4/12 - (20px - 20px * -4/12) + 20px) !important;
}
.col-md-5 {
width: calc(100% * 5/12 - (20px - 20px * 5/12));
}
.col-md-5:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-5:last-child {
margin-right: 0;
}
.col-md-5:nth-child(0n) {
float: right;
}
.row-flex .col-md-5 {
width: calc(100% * 5/12 - (20px - 20px * 5/12));
}
.row-flex .col-md-5:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-5:last-child {
margin-right: 0;
}
.row-flex .col-md-5:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-5 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-5 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-5 {
position: relative;
left: calc(99.9% * 5/12 - (20px - 20px * 5/12) + 20px);
}
.colleft-md-5 {
position: relative;
left: calc(99.9% * -5/12 - (20px - 20px * -5/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_5 {
margin-left: calc(99.9% * (-5/12 * -1) - (20px - 20px * (-5/12 * -1)) + 20px) !important;
}
.offleft-md-1_5 {
margin-left: calc(99.9% * -5/12 - (20px - 20px * -5/12) + 20px) !important;
}
.col-md-6 {
width: calc(100% * 6/12 - (20px - 20px * 6/12));
}
.col-md-6:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-6:last-child {
margin-right: 0;
}
.col-md-6:nth-child(0n) {
float: right;
}
.row-flex .col-md-6 {
width: calc(100% * 6/12 - (20px - 20px * 6/12));
}
.row-flex .col-md-6:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-6:last-child {
margin-right: 0;
}
.row-flex .col-md-6:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-6 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-6 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-6 {
position: relative;
left: calc(99.9% * 6/12 - (20px - 20px * 6/12) + 20px);
}
.colleft-md-6 {
position: relative;
left: calc(99.9% * -6/12 - (20px - 20px * -6/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_6 {
margin-left: calc(99.9% * (-6/12 * -1) - (20px - 20px * (-6/12 * -1)) + 20px) !important;
}
.offleft-md-1_6 {
margin-left: calc(99.9% * -6/12 - (20px - 20px * -6/12) + 20px) !important;
}
.col-md-7 {
width: calc(100% * 7/12 - (20px - 20px * 7/12));
}
.col-md-7:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-7:last-child {
margin-right: 0;
}
.col-md-7:nth-child(0n) {
float: right;
}
.row-flex .col-md-7 {
width: calc(100% * 7/12 - (20px - 20px * 7/12));
}
.row-flex .col-md-7:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-7:last-child {
margin-right: 0;
}
.row-flex .col-md-7:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-7 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-7 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-7 {
position: relative;
left: calc(99.9% * 7/12 - (20px - 20px * 7/12) + 20px);
}
.colleft-md-7 {
position: relative;
left: calc(99.9% * -7/12 - (20px - 20px * -7/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_7 {
margin-left: calc(99.9% * (-7/12 * -1) - (20px - 20px * (-7/12 * -1)) + 20px) !important;
}
.offleft-md-1_7 {
margin-left: calc(99.9% * -7/12 - (20px - 20px * -7/12) + 20px) !important;
}
.col-md-8 {
width: calc(100% * 8/12 - (20px - 20px * 8/12));
}
.col-md-8:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-8:last-child {
margin-right: 0;
}
.col-md-8:nth-child(0n) {
float: right;
}
.row-flex .col-md-8 {
width: calc(100% * 8/12 - (20px - 20px * 8/12));
}
.row-flex .col-md-8:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-8:last-child {
margin-right: 0;
}
.row-flex .col-md-8:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-8 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-8 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-8 {
position: relative;
left: calc(99.9% * 8/12 - (20px - 20px * 8/12) + 20px);
}
.colleft-md-8 {
position: relative;
left: calc(99.9% * -8/12 - (20px - 20px * -8/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_8 {
margin-left: calc(99.9% * (-8/12 * -1) - (20px - 20px * (-8/12 * -1)) + 20px) !important;
}
.offleft-md-1_8 {
margin-left: calc(99.9% * -8/12 - (20px - 20px * -8/12) + 20px) !important;
}
.col-md-9 {
width: calc(100% * 9/12 - (20px - 20px * 9/12));
}
.col-md-9:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-9:last-child {
margin-right: 0;
}
.col-md-9:nth-child(0n) {
float: right;
}
.row-flex .col-md-9 {
width: calc(100% * 9/12 - (20px - 20px * 9/12));
}
.row-flex .col-md-9:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-9:last-child {
margin-right: 0;
}
.row-flex .col-md-9:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-9 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-9 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-9 {
position: relative;
left: calc(99.9% * 9/12 - (20px - 20px * 9/12) + 20px);
}
.colleft-md-9 {
position: relative;
left: calc(99.9% * -9/12 - (20px - 20px * -9/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_9 {
margin-left: calc(99.9% * (-9/12 * -1) - (20px - 20px * (-9/12 * -1)) + 20px) !important;
}
.offleft-md-1_9 {
margin-left: calc(99.9% * -9/12 - (20px - 20px * -9/12) + 20px) !important;
}
.col-md-10 {
width: calc(100% * 10/12 - (20px - 20px * 10/12));
}
.col-md-10:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-10:last-child {
margin-right: 0;
}
.col-md-10:nth-child(0n) {
float: right;
}
.row-flex .col-md-10 {
width: calc(100% * 10/12 - (20px - 20px * 10/12));
}
.row-flex .col-md-10:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-10:last-child {
margin-right: 0;
}
.row-flex .col-md-10:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-10 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-10 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-10 {
position: relative;
left: calc(99.9% * 10/12 - (20px - 20px * 10/12) + 20px);
}
.colleft-md-10 {
position: relative;
left: calc(99.9% * -10/12 - (20px - 20px * -10/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_10 {
margin-left: calc(99.9% * (-10/12 * -1) - (20px - 20px * (-10/12 * -1)) + 20px) !important;
}
.offleft-md-1_10 {
margin-left: calc(99.9% * -10/12 - (20px - 20px * -10/12) + 20px) !important;
}
.col-md-11 {
width: calc(100% * 11/12 - (20px - 20px * 11/12));
}
.col-md-11:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-11:last-child {
margin-right: 0;
}
.col-md-11:nth-child(0n) {
float: right;
}
.row-flex .col-md-11 {
width: calc(100% * 11/12 - (20px - 20px * 11/12));
}
.row-flex .col-md-11:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-11:last-child {
margin-right: 0;
}
.row-flex .col-md-11:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-11 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-11 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-11 {
position: relative;
left: calc(99.9% * 11/12 - (20px - 20px * 11/12) + 20px);
}
.colleft-md-11 {
position: relative;
left: calc(99.9% * -11/12 - (20px - 20px * -11/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_11 {
margin-left: calc(99.9% * (-11/12 * -1) - (20px - 20px * (-11/12 * -1)) + 20px) !important;
}
.offleft-md-1_11 {
margin-left: calc(99.9% * -11/12 - (20px - 20px * -11/12) + 20px) !important;
}
.col-md-12 {
width: calc(100% * 12/12 - (20px - 20px * 12/12));
}
.col-md-12:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.col-md-12:last-child {
margin-right: 0;
}
.col-md-12:nth-child(0n) {
float: right;
}
.row-flex .col-md-12 {
width: calc(100% * 12/12 - (20px - 20px * 12/12));
}
.row-flex .col-md-12:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex .col-md-12:last-child {
margin-right: 0;
}
.row-flex .col-md-12:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-sm-12 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colleft-sm-12 {
position: relative;
left: calc(99.9% * 0 - (20px - 20px * 0) + 20px);
}
.colright-md-12 {
position: relative;
left: calc(99.9% * 12/12 - (20px - 20px * 12/12) + 20px);
}
.colleft-md-12 {
position: relative;
left: calc(99.9% * -12/12 - (20px - 20px * -12/12) + 20px);
}
/* Offsetting columns */
.offright-md-1_12 {
margin-left: calc(99.9% * (-12/12 * -1) - (20px - 20px * (-12/12 * -1)) + 20px) !important;
}
.offleft-md-1_12 {
margin-left: calc(99.9% * -12/12 - (20px - 20px * -12/12) + 20px) !important;
}
.item {
margin-bottom: 20px;
}
.exemple-1 .col {
width: calc(99.9% * 1/6 - (30px - 30px * 1/6));
}
.exemple-1 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-1 .col:last-child {
margin-right: 0;
}
.exemple-1 .col:nth-child(6n) {
margin-right: 0;
float: right;
}
.exemple-1 .col:nth-child(6n + 1) {
clear: both;
}
.exemple-2 .col {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.exemple-2 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-2 .col:last-child {
margin-right: 0;
}
.exemple-2 .col:nth-child(3n) {
margin-right: 0;
float: right;
}
.exemple-2 .col:nth-child(3n + 1) {
clear: both;
}
.exemple-3 .col {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.exemple-3 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-3 .col:last-child {
margin-right: 0;
}
.exemple-3 .col:nth-child(3n) {
margin-right: 0;
float: right;
}
.exemple-3 .col:nth-child(3n + 1) {
clear: both;
}
.obligatori {
margin-bottom: 20px;
}
.pagination {
margin-top: 20px;
}
.interior-meta {
margin-bottom: 20px;
}
.interior-main__related-documents, .interior-main__related-audios {
margin-bottom: 20px;
}
.calendari__title {
margin-bottom: 20px;
}
.calendari-caixa {
margin-bottom: 20px;
}
.header__logo .burguer .ico-burguer {
margin-top: 0;
}
.header__logo .burguer .burguer-text {
display: inline;
display: initial;
}
.header__logo {
padding-top: 40px;
padding-top: var(--gutter-md);
padding-bottom: 40px;
padding-bottom: var(--gutter-md);
}
.header__sitename__brand svg {
height: inherit;
max-width: 780px;
}
.header__sitename__claim {
margin: 7px 0 0 0;
font-size: 21px;
text-align: right;
max-width: 728px;
}
.header {
border-top-width: 20px;
}
.footer__bottom {
padding-top: 25px;
padding-bottom: 25px;
}
.modal-cerca {
padding-top: 20px;
}
.modal-cerca {
padding-bottom: 20px;
}
.btn__modal {
top: 35px;
right: 20px;
}
.destacat .article a .article__text .article__title, .destacat .article a .article__image+.article__text .article__title {
font-size: 36px !important;
line-height: 1.14 !important;
}
.destacat .article a .article__text .article__subtitle, .destacat .article a .article__image+.article__text .article__subtitle {
font-size: 18px !important;
line-height: normal !important;
}
.destacat .article.article_reportatge a .article__text .article__title {
font-size: 36px;
font-weight: 900;
margin-top: 0;
max-width: 80%;
}
.destacat .article.article_reportatge a .article__text {
padding: 5%;
}
.article_agenda .article__place {
position: absolute;
top: -1px;
left: -15px;
}
.enquesta-interior {
margin-bottom: 40px;
margin-bottom: var(--gutter-md);
padding: 40px 10px;
padding: var(--gutter-md) var(--gutter-xs);
}
.galeria-portada .galeria-principal, .galeria-portada .galeria-secundaria {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.galeria-portada .galeria-principal .galeria-principal__imatge, .galeria-portada .galeria-secundaria .galeria-principal__imatge {
width: 75%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.galeria-portada .galeria-principal .galeria-principal__text, .galeria-portada .galeria-secundaria .galeria-principal__text {
width: 25%;
padding: 40px;
padding: var(--gutter-md);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.galeria-secundaria li {
width: 25%;
}
.galeria-secundaria li:nth-child(2) {
border-right: solid 1px #fff;
border-right: solid 1px var(--color-blanc);
}
.galeria-secundaria .galeria-secundaria__text {
padding: 15px;
padding: var(--gutter-sm);
}
.masonry .masonry-item {
margin-bottom: 20px;
}
.masonry .masonry-item {
width: 33.33%;
padding: 0 20px;
padding: 0 calc(var(--gutter-md) / 2);
}
.galeries-relacionades__galeria {
margin-bottom: 20px;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-image {
width: 220px;
}
.interior-main .interior-main__content {/*
margin-left: 95px;
*/
padding-bottom: 30px;
}
.interior-main .interior-main__content .interior-main__author {
font-size: 1rem;
line-height: 1.1875rem;
}
.interior-main .interior-main__content .interior-main__destacat {
margin: 24px 36px;
padding: 25px 30px;
}
.interior-main .interior-main__content .interior-main__destacat.destacat-right {
float: right;
margin-left: 20px;
max-width: 220px;
}
.interior__comentaris {
margin-bottom: 20px;
}
.interior__comentaris .btn__mostra {
margin-bottom: 20px;
}
.interior__comentaris .comment {
margin-bottom: 20px;
}
.interior__comentaris .comment {
padding: 40px;
padding: var(--gutter-md);
}
.interior__comentaris .comment .comment__header {
margin-bottom: 20px;
}
.interior__comentaris .comment .comment__footer {
margin-top: 20px;
}
.interior__comentaris .comment__parent-content.in {
margin-bottom: 20px;
}
.interior__comentaris .form .form-group, .interior__comentaris .form .checkbox {
margin-bottom: 20px;
}
.article_llistat a .article__text .article__title {
font-size: 1.25rem;
line-height: 1.375rem;
margin-top: 0;
}
.article_llistat a .article__text .article__subtitle {
margin-bottom: 0;
}
.article_llistat.article_agenda a .article__text .article__epigraph {
padding-left: 25%;
}
.article_llistat.article_agenda a .article__text .article__title {
padding-left: 25%;
}
.article_llistat.article_agenda a .article__text .article__place {
width: 25%;
}
.article_llistat.article_agenda a .article__text .article__timetable {
padding-left: 25%;
}
.filtres-llistat {
margin-bottom: 20px;
}
.filtres-llistat {
padding-bottom: 20px;
}
}
@media (min-width: 992px) and (max-width: 1139px) {
.ncol-xs-1 > .col:nth-child(1n), .ncol-sm-1 > .col:nth-child(1n) {
margin-right: 20px;
float: left;
}
.ncol-md-1 > .col:nth-child(1n) {
margin-right: 0;
}
.ncol-xs-1 > .col:nth-child(1n) + .col, .ncol-sm-1 > .col:nth-child(1n) + .col {
clear: none;
clear: initial;
}
.ncol-md-1 > .col:nth-child(1n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-1 > .col {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-1 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-1 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1 > .col:nth-child(1n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(1n) {
margin-right: 20px;
}
.row-flex.ncol-md-1.firsters-md-1 > .col:nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(1n) {
margin-right: 20px;
}
.row-flex.ncol-md-1.firsters-md-2 > .col:nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(1n) {
margin-right: 20px;
}
.row-flex.ncol-md-1.firsters-md-3 > .col:nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(1n) {
margin-right: 20px;
}
.row-flex.ncol-md-1.firsters-md-4 > .col:nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n+5) {
margin-right: 0;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(1n) {
margin-right: 20px;
}
.row-flex.ncol-md-1.firsters-md-5 > .col:nth-child(1n+5) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n), .ncol-sm-2 > .col:nth-child(2n) {
margin-right: 20px;
float: left;
}
.ncol-md-2 > .col:nth-child(2n) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) + .col, .ncol-sm-2 > .col:nth-child(2n) + .col {
clear: none;
clear: initial;
}
.ncol-md-2 > .col:nth-child(2n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-2 > .col {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-2 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-2 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2 > .col:nth-child(2n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(-n+1):nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(2n) {
margin-right: 20px;
}
.row-flex.ncol-md-2.firsters-md-1 > .col:nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(-n+2):nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(2n) {
margin-right: 20px;
}
.row-flex.ncol-md-2.firsters-md-2 > .col:nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(-n+3):nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(2n) {
margin-right: 20px;
}
.row-flex.ncol-md-2.firsters-md-3 > .col:nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(-n+4):nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(2n) {
margin-right: 20px;
}
.row-flex.ncol-md-2.firsters-md-4 > .col:nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(-n+5):nth-child(2n+5) {
margin-right: 0;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(2n) {
margin-right: 20px;
}
.row-flex.ncol-md-2.firsters-md-5 > .col:nth-child(2n+5) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n), .ncol-sm-3 > .col:nth-child(3n) {
margin-right: 20px;
float: left;
}
.ncol-md-3 > .col:nth-child(3n) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) + .col, .ncol-sm-3 > .col:nth-child(3n) + .col {
clear: none;
clear: initial;
}
.ncol-md-3 > .col:nth-child(3n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-3 > .col {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-3 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-3 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3 > .col:nth-child(3n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(-n+1):nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(3n) {
margin-right: 20px;
}
.row-flex.ncol-md-3.firsters-md-1 > .col:nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(-n+2):nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(3n) {
margin-right: 20px;
}
.row-flex.ncol-md-3.firsters-md-2 > .col:nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(-n+3):nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(3n) {
margin-right: 20px;
}
.row-flex.ncol-md-3.firsters-md-3 > .col:nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(-n+4):nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(3n) {
margin-right: 20px;
}
.row-flex.ncol-md-3.firsters-md-4 > .col:nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(-n+5):nth-child(3n+5) {
margin-right: 0;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(3n) {
margin-right: 20px;
}
.row-flex.ncol-md-3.firsters-md-5 > .col:nth-child(3n+5) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n), .ncol-sm-4 > .col:nth-child(4n) {
margin-right: 20px;
float: left;
}
.ncol-md-4 > .col:nth-child(4n) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) + .col, .ncol-sm-4 > .col:nth-child(4n) + .col {
clear: none;
clear: initial;
}
.ncol-md-4 > .col:nth-child(4n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-4 > .col {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-4 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-4 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4 > .col:nth-child(4n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(-n+1):nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(4n) {
margin-right: 20px;
}
.row-flex.ncol-md-4.firsters-md-1 > .col:nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(-n+2):nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(4n) {
margin-right: 20px;
}
.row-flex.ncol-md-4.firsters-md-2 > .col:nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(-n+3):nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(4n) {
margin-right: 20px;
}
.row-flex.ncol-md-4.firsters-md-3 > .col:nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(-n+4):nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(4n) {
margin-right: 20px;
}
.row-flex.ncol-md-4.firsters-md-4 > .col:nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(-n+5):nth-child(4n+5) {
margin-right: 0;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(4n) {
margin-right: 20px;
}
.row-flex.ncol-md-4.firsters-md-5 > .col:nth-child(4n+5) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n), .ncol-sm-5 > .col:nth-child(5n) {
margin-right: 20px;
float: left;
}
.ncol-md-5 > .col:nth-child(5n) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) + .col, .ncol-sm-5 > .col:nth-child(5n) + .col {
clear: none;
clear: initial;
}
.ncol-md-5 > .col:nth-child(5n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-5 > .col {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-5 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-5 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5 > .col:nth-child(5n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(-n+1):nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(5n) {
margin-right: 20px;
}
.row-flex.ncol-md-5.firsters-md-1 > .col:nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(-n+2):nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(5n) {
margin-right: 20px;
}
.row-flex.ncol-md-5.firsters-md-2 > .col:nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(-n+3):nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(5n) {
margin-right: 20px;
}
.row-flex.ncol-md-5.firsters-md-3 > .col:nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(-n+4):nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(5n) {
margin-right: 20px;
}
.row-flex.ncol-md-5.firsters-md-4 > .col:nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(-n+5):nth-child(5n+5) {
margin-right: 0;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(5n) {
margin-right: 20px;
}
.row-flex.ncol-md-5.firsters-md-5 > .col:nth-child(5n+5) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n), .ncol-sm-6 > .col:nth-child(6n) {
margin-right: 20px;
float: left;
}
.ncol-md-6 > .col:nth-child(6n) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) + .col, .ncol-sm-6 > .col:nth-child(6n) + .col {
clear: none;
clear: initial;
}
.ncol-md-6 > .col:nth-child(6n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-6 > .col {
width: calc(99.9% * 1/6 - (20px - 20px * 1/6));
}
.row-flex.ncol-md-6 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-6 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6 > .col:nth-child(6n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(-n+1):nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(6n) {
margin-right: 20px;
}
.row-flex.ncol-md-6.firsters-md-1 > .col:nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(-n+2):nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(6n) {
margin-right: 20px;
}
.row-flex.ncol-md-6.firsters-md-2 > .col:nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(-n+3):nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(6n) {
margin-right: 20px;
}
.row-flex.ncol-md-6.firsters-md-3 > .col:nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(-n+4):nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(6n) {
margin-right: 20px;
}
.row-flex.ncol-md-6.firsters-md-4 > .col:nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(-n+5):nth-child(6n+5) {
margin-right: 0;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(6n) {
margin-right: 20px;
}
.row-flex.ncol-md-6.firsters-md-5 > .col:nth-child(6n+5) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n), .ncol-sm-7 > .col:nth-child(7n) {
margin-right: 20px;
float: left;
}
.ncol-md-7 > .col:nth-child(7n) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) + .col, .ncol-sm-7 > .col:nth-child(7n) + .col {
clear: none;
clear: initial;
}
.ncol-md-7 > .col:nth-child(7n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-7 > .col {
width: calc(99.9% * 1/7 - (20px - 20px * 1/7));
}
.row-flex.ncol-md-7 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-7 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7 > .col:nth-child(7n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(-n+1):nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(7n) {
margin-right: 20px;
}
.row-flex.ncol-md-7.firsters-md-1 > .col:nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(-n+2):nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(7n) {
margin-right: 20px;
}
.row-flex.ncol-md-7.firsters-md-2 > .col:nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(-n+3):nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(7n) {
margin-right: 20px;
}
.row-flex.ncol-md-7.firsters-md-3 > .col:nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(-n+4):nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(7n) {
margin-right: 20px;
}
.row-flex.ncol-md-7.firsters-md-4 > .col:nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(-n+5):nth-child(7n+5) {
margin-right: 0;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(7n) {
margin-right: 20px;
}
.row-flex.ncol-md-7.firsters-md-5 > .col:nth-child(7n+5) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n), .ncol-sm-8 > .col:nth-child(8n) {
margin-right: 20px;
float: left;
}
.ncol-md-8 > .col:nth-child(8n) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) + .col, .ncol-sm-8 > .col:nth-child(8n) + .col {
clear: none;
clear: initial;
}
.ncol-md-8 > .col:nth-child(8n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-8 > .col {
width: calc(99.9% * 1/8 - (20px - 20px * 1/8));
}
.row-flex.ncol-md-8 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-8 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8 > .col:nth-child(8n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(-n+1):nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(8n) {
margin-right: 20px;
}
.row-flex.ncol-md-8.firsters-md-1 > .col:nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(-n+2):nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(8n) {
margin-right: 20px;
}
.row-flex.ncol-md-8.firsters-md-2 > .col:nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(-n+3):nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(8n) {
margin-right: 20px;
}
.row-flex.ncol-md-8.firsters-md-3 > .col:nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(-n+4):nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(8n) {
margin-right: 20px;
}
.row-flex.ncol-md-8.firsters-md-4 > .col:nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(-n+5):nth-child(8n+5) {
margin-right: 0;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(8n) {
margin-right: 20px;
}
.row-flex.ncol-md-8.firsters-md-5 > .col:nth-child(8n+5) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n), .ncol-sm-9 > .col:nth-child(9n) {
margin-right: 20px;
float: left;
}
.ncol-md-9 > .col:nth-child(9n) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) + .col, .ncol-sm-9 > .col:nth-child(9n) + .col {
clear: none;
clear: initial;
}
.ncol-md-9 > .col:nth-child(9n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-9 > .col {
width: calc(99.9% * 1/9 - (20px - 20px * 1/9));
}
.row-flex.ncol-md-9 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-9 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9 > .col:nth-child(9n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(-n+1):nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(9n) {
margin-right: 20px;
}
.row-flex.ncol-md-9.firsters-md-1 > .col:nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(-n+2):nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(9n) {
margin-right: 20px;
}
.row-flex.ncol-md-9.firsters-md-2 > .col:nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(-n+3):nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(9n) {
margin-right: 20px;
}
.row-flex.ncol-md-9.firsters-md-3 > .col:nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(-n+4):nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(9n) {
margin-right: 20px;
}
.row-flex.ncol-md-9.firsters-md-4 > .col:nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(-n+5):nth-child(9n+5) {
margin-right: 0;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(9n) {
margin-right: 20px;
}
.row-flex.ncol-md-9.firsters-md-5 > .col:nth-child(9n+5) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n), .ncol-sm-10 > .col:nth-child(10n) {
margin-right: 20px;
float: left;
}
.ncol-md-10 > .col:nth-child(10n) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) + .col, .ncol-sm-10 > .col:nth-child(10n) + .col {
clear: none;
clear: initial;
}
.ncol-md-10 > .col:nth-child(10n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-10 > .col {
width: calc(99.9% * 1/10 - (20px - 20px * 1/10));
}
.row-flex.ncol-md-10 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-10 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10 > .col:nth-child(10n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(-n+1):nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(10n) {
margin-right: 20px;
}
.row-flex.ncol-md-10.firsters-md-1 > .col:nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(-n+2):nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(10n) {
margin-right: 20px;
}
.row-flex.ncol-md-10.firsters-md-2 > .col:nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(-n+3):nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(10n) {
margin-right: 20px;
}
.row-flex.ncol-md-10.firsters-md-3 > .col:nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(-n+4):nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(10n) {
margin-right: 20px;
}
.row-flex.ncol-md-10.firsters-md-4 > .col:nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(-n+5):nth-child(10n+5) {
margin-right: 0;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(10n) {
margin-right: 20px;
}
.row-flex.ncol-md-10.firsters-md-5 > .col:nth-child(10n+5) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n), .ncol-sm-11 > .col:nth-child(11n) {
margin-right: 20px;
float: left;
}
.ncol-md-11 > .col:nth-child(11n) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) + .col, .ncol-sm-11 > .col:nth-child(11n) + .col {
clear: none;
clear: initial;
}
.ncol-md-11 > .col:nth-child(11n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-11 > .col {
width: calc(99.9% * 1/11 - (20px - 20px * 1/11));
}
.row-flex.ncol-md-11 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-11 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11 > .col:nth-child(11n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(-n+1):nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(11n) {
margin-right: 20px;
}
.row-flex.ncol-md-11.firsters-md-1 > .col:nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(-n+2):nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(11n) {
margin-right: 20px;
}
.row-flex.ncol-md-11.firsters-md-2 > .col:nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(-n+3):nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(11n) {
margin-right: 20px;
}
.row-flex.ncol-md-11.firsters-md-3 > .col:nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(-n+4):nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(11n) {
margin-right: 20px;
}
.row-flex.ncol-md-11.firsters-md-4 > .col:nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(-n+5):nth-child(11n+5) {
margin-right: 0;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(11n) {
margin-right: 20px;
}
.row-flex.ncol-md-11.firsters-md-5 > .col:nth-child(11n+5) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n), .ncol-sm-12 > .col:nth-child(12n) {
margin-right: 20px;
float: left;
}
.ncol-md-12 > .col:nth-child(12n) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) + .col, .ncol-sm-12 > .col:nth-child(12n) + .col {
clear: none;
clear: initial;
}
.ncol-md-12 > .col:nth-child(12n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-md-12 > .col {
width: calc(99.9% * 1/12 - (20px - 20px * 1/12));
}
.row-flex.ncol-md-12 > .col:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-md-12 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12 > .col:nth-child(12n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (20px - 20px * 1/1));
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(-n+1):nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(12n) {
margin-right: 20px;
}
.row-flex.ncol-md-12.firsters-md-1 > .col:nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(-n+2):nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(12n) {
margin-right: 20px;
}
.row-flex.ncol-md-12.firsters-md-2 > .col:nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (20px - 20px * 1/3));
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(-n+3):nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(12n) {
margin-right: 20px;
}
.row-flex.ncol-md-12.firsters-md-3 > .col:nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (20px - 20px * 1/4));
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(-n+4):nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(12n) {
margin-right: 20px;
}
.row-flex.ncol-md-12.firsters-md-4 > .col:nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (20px - 20px * 1/5));
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(-n+5):nth-child(12n+5) {
margin-right: 0;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(12n) {
margin-right: 20px;
}
.row-flex.ncol-md-12.firsters-md-5 > .col:nth-child(12n+5) {
margin-right: 0;
}
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
@media (min-width: 1140px) {
body {
font-size: 18px;
}
/* uncss:ignore */
.show-lg {
display: block;
}
/* uncss:ignore */
.hide-lg {
display: none;
}
.show-xs-only {
display: none;
}
.show-sm-only {
display: none;
}
.show-md-only {
display: none;
}
.show-lg-only {
display: block;
}
.hide-xs-only {
display: block;
}
.hide-sm-only {
display: block;
}
.hide-md-only {
display: block;
}
.hide-lg-only {
display: none;
}
.marge-superior {
margin-top: 30px;
}
.marge-inferior {
margin-bottom: 30px;
}
.container {
max-width: 1140px;
max-width: var(--contenidor-amplada-lg);
padding: 0 40px;
padding: 0 var(--gutter-lg);
}
main .container {
padding-bottom: 30px;
}
main section:first-child .container {
padding-top: 30px;
}
.cookie-notice.panell {
margin-bottom: 0;
}
.panell {
margin-bottom: 30px;
}
.ncol-xs-1 > .col:nth-child(1n), .ncol-sm-1 > .col:nth-child(1n), .ncol-md-1 > .col:nth-child(1n) {
margin-right: 30px;
float: left;
}
.ncol-lg-1 > .col:nth-child(1n) {
margin-right: 0;
}
.ncol-xs-1 > .col:nth-child(1n) + .col, .ncol-sm-1 > .col:nth-child(1n) + .col, .ncol-md-1 > .col:nth-child(1n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-1 > .col:nth-child(1n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-1 > .col {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-1 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1 > .col:nth-child(1n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(1n) {
margin-right: 30px;
}
.row-flex.ncol-lg-1.firsters-lg-1 > .col:nth-child(1n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(1n) {
margin-right: 30px;
}
.row-flex.ncol-lg-1.firsters-lg-2 > .col:nth-child(1n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(1n) {
margin-right: 30px;
}
.row-flex.ncol-lg-1.firsters-lg-3 > .col:nth-child(1n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(1n) {
margin-right: 30px;
}
.row-flex.ncol-lg-1.firsters-lg-4 > .col:nth-child(1n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(1n) {
margin-right: 30px;
}
.row-flex.ncol-lg-1.firsters-lg-5 > .col:nth-child(1n+5) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n), .ncol-sm-2 > .col:nth-child(2n), .ncol-md-2 > .col:nth-child(2n) {
margin-right: 30px;
float: left;
}
.ncol-lg-2 > .col:nth-child(2n) {
margin-right: 0;
}
.ncol-xs-2 > .col:nth-child(2n) + .col, .ncol-sm-2 > .col:nth-child(2n) + .col, .ncol-md-2 > .col:nth-child(2n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-2 > .col:nth-child(2n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-2 > .col {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-2 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2 > .col:nth-child(2n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(-n+1):nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(2n) {
margin-right: 30px;
}
.row-flex.ncol-lg-2.firsters-lg-1 > .col:nth-child(2n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(-n+2):nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(2n) {
margin-right: 30px;
}
.row-flex.ncol-lg-2.firsters-lg-2 > .col:nth-child(2n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(-n+3):nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(2n) {
margin-right: 30px;
}
.row-flex.ncol-lg-2.firsters-lg-3 > .col:nth-child(2n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(-n+4):nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(2n) {
margin-right: 30px;
}
.row-flex.ncol-lg-2.firsters-lg-4 > .col:nth-child(2n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(-n+5):nth-child(2n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(2n) {
margin-right: 30px;
}
.row-flex.ncol-lg-2.firsters-lg-5 > .col:nth-child(2n+5) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n), .ncol-sm-3 > .col:nth-child(3n), .ncol-md-3 > .col:nth-child(3n) {
margin-right: 30px;
float: left;
}
.ncol-lg-3 > .col:nth-child(3n) {
margin-right: 0;
}
.ncol-xs-3 > .col:nth-child(3n) + .col, .ncol-sm-3 > .col:nth-child(3n) + .col, .ncol-md-3 > .col:nth-child(3n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-3 > .col:nth-child(3n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-3 > .col {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-3 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3 > .col:nth-child(3n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(-n+1):nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(3n) {
margin-right: 30px;
}
.row-flex.ncol-lg-3.firsters-lg-1 > .col:nth-child(3n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(-n+2):nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(3n) {
margin-right: 30px;
}
.row-flex.ncol-lg-3.firsters-lg-2 > .col:nth-child(3n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(-n+3):nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(3n) {
margin-right: 30px;
}
.row-flex.ncol-lg-3.firsters-lg-3 > .col:nth-child(3n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(-n+4):nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(3n) {
margin-right: 30px;
}
.row-flex.ncol-lg-3.firsters-lg-4 > .col:nth-child(3n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(-n+5):nth-child(3n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(3n) {
margin-right: 30px;
}
.row-flex.ncol-lg-3.firsters-lg-5 > .col:nth-child(3n+5) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n), .ncol-sm-4 > .col:nth-child(4n), .ncol-md-4 > .col:nth-child(4n) {
margin-right: 30px;
float: left;
}
.ncol-lg-4 > .col:nth-child(4n) {
margin-right: 0;
}
.ncol-xs-4 > .col:nth-child(4n) + .col, .ncol-sm-4 > .col:nth-child(4n) + .col, .ncol-md-4 > .col:nth-child(4n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-4 > .col:nth-child(4n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-4 > .col {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-4 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4 > .col:nth-child(4n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(-n+1):nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(4n) {
margin-right: 30px;
}
.row-flex.ncol-lg-4.firsters-lg-1 > .col:nth-child(4n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(-n+2):nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(4n) {
margin-right: 30px;
}
.row-flex.ncol-lg-4.firsters-lg-2 > .col:nth-child(4n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(-n+3):nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(4n) {
margin-right: 30px;
}
.row-flex.ncol-lg-4.firsters-lg-3 > .col:nth-child(4n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(-n+4):nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(4n) {
margin-right: 30px;
}
.row-flex.ncol-lg-4.firsters-lg-4 > .col:nth-child(4n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(-n+5):nth-child(4n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(4n) {
margin-right: 30px;
}
.row-flex.ncol-lg-4.firsters-lg-5 > .col:nth-child(4n+5) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n), .ncol-sm-5 > .col:nth-child(5n), .ncol-md-5 > .col:nth-child(5n) {
margin-right: 30px;
float: left;
}
.ncol-lg-5 > .col:nth-child(5n) {
margin-right: 0;
}
.ncol-xs-5 > .col:nth-child(5n) + .col, .ncol-sm-5 > .col:nth-child(5n) + .col, .ncol-md-5 > .col:nth-child(5n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-5 > .col:nth-child(5n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-5 > .col {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-5 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5 > .col:nth-child(5n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(-n+1):nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(5n) {
margin-right: 30px;
}
.row-flex.ncol-lg-5.firsters-lg-1 > .col:nth-child(5n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(-n+2):nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(5n) {
margin-right: 30px;
}
.row-flex.ncol-lg-5.firsters-lg-2 > .col:nth-child(5n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(-n+3):nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(5n) {
margin-right: 30px;
}
.row-flex.ncol-lg-5.firsters-lg-3 > .col:nth-child(5n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(-n+4):nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(5n) {
margin-right: 30px;
}
.row-flex.ncol-lg-5.firsters-lg-4 > .col:nth-child(5n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(-n+5):nth-child(5n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(5n) {
margin-right: 30px;
}
.row-flex.ncol-lg-5.firsters-lg-5 > .col:nth-child(5n+5) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n), .ncol-sm-6 > .col:nth-child(6n), .ncol-md-6 > .col:nth-child(6n) {
margin-right: 30px;
float: left;
}
.ncol-lg-6 > .col:nth-child(6n) {
margin-right: 0;
}
.ncol-xs-6 > .col:nth-child(6n) + .col, .ncol-sm-6 > .col:nth-child(6n) + .col, .ncol-md-6 > .col:nth-child(6n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-6 > .col:nth-child(6n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-6 > .col {
width: calc(99.9% * 1/6 - (30px - 30px * 1/6));
}
.row-flex.ncol-lg-6 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6 > .col:nth-child(6n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(-n+1):nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(6n) {
margin-right: 30px;
}
.row-flex.ncol-lg-6.firsters-lg-1 > .col:nth-child(6n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(-n+2):nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(6n) {
margin-right: 30px;
}
.row-flex.ncol-lg-6.firsters-lg-2 > .col:nth-child(6n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(-n+3):nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(6n) {
margin-right: 30px;
}
.row-flex.ncol-lg-6.firsters-lg-3 > .col:nth-child(6n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(-n+4):nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(6n) {
margin-right: 30px;
}
.row-flex.ncol-lg-6.firsters-lg-4 > .col:nth-child(6n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(-n+5):nth-child(6n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(6n) {
margin-right: 30px;
}
.row-flex.ncol-lg-6.firsters-lg-5 > .col:nth-child(6n+5) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n), .ncol-sm-7 > .col:nth-child(7n), .ncol-md-7 > .col:nth-child(7n) {
margin-right: 30px;
float: left;
}
.ncol-lg-7 > .col:nth-child(7n) {
margin-right: 0;
}
.ncol-xs-7 > .col:nth-child(7n) + .col, .ncol-sm-7 > .col:nth-child(7n) + .col, .ncol-md-7 > .col:nth-child(7n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-7 > .col:nth-child(7n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-7 > .col {
width: calc(99.9% * 1/7 - (30px - 30px * 1/7));
}
.row-flex.ncol-lg-7 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7 > .col:nth-child(7n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(-n+1):nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(7n) {
margin-right: 30px;
}
.row-flex.ncol-lg-7.firsters-lg-1 > .col:nth-child(7n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(-n+2):nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(7n) {
margin-right: 30px;
}
.row-flex.ncol-lg-7.firsters-lg-2 > .col:nth-child(7n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(-n+3):nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(7n) {
margin-right: 30px;
}
.row-flex.ncol-lg-7.firsters-lg-3 > .col:nth-child(7n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(-n+4):nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(7n) {
margin-right: 30px;
}
.row-flex.ncol-lg-7.firsters-lg-4 > .col:nth-child(7n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(-n+5):nth-child(7n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(7n) {
margin-right: 30px;
}
.row-flex.ncol-lg-7.firsters-lg-5 > .col:nth-child(7n+5) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n), .ncol-sm-8 > .col:nth-child(8n), .ncol-md-8 > .col:nth-child(8n) {
margin-right: 30px;
float: left;
}
.ncol-lg-8 > .col:nth-child(8n) {
margin-right: 0;
}
.ncol-xs-8 > .col:nth-child(8n) + .col, .ncol-sm-8 > .col:nth-child(8n) + .col, .ncol-md-8 > .col:nth-child(8n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-8 > .col:nth-child(8n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-8 > .col {
width: calc(99.9% * 1/8 - (30px - 30px * 1/8));
}
.row-flex.ncol-lg-8 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8 > .col:nth-child(8n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(-n+1):nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(8n) {
margin-right: 30px;
}
.row-flex.ncol-lg-8.firsters-lg-1 > .col:nth-child(8n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(-n+2):nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(8n) {
margin-right: 30px;
}
.row-flex.ncol-lg-8.firsters-lg-2 > .col:nth-child(8n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(-n+3):nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(8n) {
margin-right: 30px;
}
.row-flex.ncol-lg-8.firsters-lg-3 > .col:nth-child(8n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(-n+4):nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(8n) {
margin-right: 30px;
}
.row-flex.ncol-lg-8.firsters-lg-4 > .col:nth-child(8n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(-n+5):nth-child(8n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(8n) {
margin-right: 30px;
}
.row-flex.ncol-lg-8.firsters-lg-5 > .col:nth-child(8n+5) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n), .ncol-sm-9 > .col:nth-child(9n), .ncol-md-9 > .col:nth-child(9n) {
margin-right: 30px;
float: left;
}
.ncol-lg-9 > .col:nth-child(9n) {
margin-right: 0;
}
.ncol-xs-9 > .col:nth-child(9n) + .col, .ncol-sm-9 > .col:nth-child(9n) + .col, .ncol-md-9 > .col:nth-child(9n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-9 > .col:nth-child(9n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-9 > .col {
width: calc(99.9% * 1/9 - (30px - 30px * 1/9));
}
.row-flex.ncol-lg-9 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9 > .col:nth-child(9n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(-n+1):nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(9n) {
margin-right: 30px;
}
.row-flex.ncol-lg-9.firsters-lg-1 > .col:nth-child(9n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(-n+2):nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(9n) {
margin-right: 30px;
}
.row-flex.ncol-lg-9.firsters-lg-2 > .col:nth-child(9n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(-n+3):nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(9n) {
margin-right: 30px;
}
.row-flex.ncol-lg-9.firsters-lg-3 > .col:nth-child(9n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(-n+4):nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(9n) {
margin-right: 30px;
}
.row-flex.ncol-lg-9.firsters-lg-4 > .col:nth-child(9n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(-n+5):nth-child(9n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(9n) {
margin-right: 30px;
}
.row-flex.ncol-lg-9.firsters-lg-5 > .col:nth-child(9n+5) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n), .ncol-sm-10 > .col:nth-child(10n), .ncol-md-10 > .col:nth-child(10n) {
margin-right: 30px;
float: left;
}
.ncol-lg-10 > .col:nth-child(10n) {
margin-right: 0;
}
.ncol-xs-10 > .col:nth-child(10n) + .col, .ncol-sm-10 > .col:nth-child(10n) + .col, .ncol-md-10 > .col:nth-child(10n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-10 > .col:nth-child(10n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-10 > .col {
width: calc(99.9% * 1/10 - (30px - 30px * 1/10));
}
.row-flex.ncol-lg-10 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10 > .col:nth-child(10n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(-n+1):nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(10n) {
margin-right: 30px;
}
.row-flex.ncol-lg-10.firsters-lg-1 > .col:nth-child(10n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(-n+2):nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(10n) {
margin-right: 30px;
}
.row-flex.ncol-lg-10.firsters-lg-2 > .col:nth-child(10n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(-n+3):nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(10n) {
margin-right: 30px;
}
.row-flex.ncol-lg-10.firsters-lg-3 > .col:nth-child(10n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(-n+4):nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(10n) {
margin-right: 30px;
}
.row-flex.ncol-lg-10.firsters-lg-4 > .col:nth-child(10n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(-n+5):nth-child(10n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(10n) {
margin-right: 30px;
}
.row-flex.ncol-lg-10.firsters-lg-5 > .col:nth-child(10n+5) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n), .ncol-sm-11 > .col:nth-child(11n), .ncol-md-11 > .col:nth-child(11n) {
margin-right: 30px;
float: left;
}
.ncol-lg-11 > .col:nth-child(11n) {
margin-right: 0;
}
.ncol-xs-11 > .col:nth-child(11n) + .col, .ncol-sm-11 > .col:nth-child(11n) + .col, .ncol-md-11 > .col:nth-child(11n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-11 > .col:nth-child(11n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-11 > .col {
width: calc(99.9% * 1/11 - (30px - 30px * 1/11));
}
.row-flex.ncol-lg-11 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11 > .col:nth-child(11n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(-n+1):nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(11n) {
margin-right: 30px;
}
.row-flex.ncol-lg-11.firsters-lg-1 > .col:nth-child(11n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(-n+2):nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(11n) {
margin-right: 30px;
}
.row-flex.ncol-lg-11.firsters-lg-2 > .col:nth-child(11n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(-n+3):nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(11n) {
margin-right: 30px;
}
.row-flex.ncol-lg-11.firsters-lg-3 > .col:nth-child(11n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(-n+4):nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(11n) {
margin-right: 30px;
}
.row-flex.ncol-lg-11.firsters-lg-4 > .col:nth-child(11n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(-n+5):nth-child(11n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(11n) {
margin-right: 30px;
}
.row-flex.ncol-lg-11.firsters-lg-5 > .col:nth-child(11n+5) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n), .ncol-sm-12 > .col:nth-child(12n), .ncol-md-12 > .col:nth-child(12n) {
margin-right: 30px;
float: left;
}
.ncol-lg-12 > .col:nth-child(12n) {
margin-right: 0;
}
.ncol-xs-12 > .col:nth-child(12n) + .col, .ncol-sm-12 > .col:nth-child(12n) + .col, .ncol-md-12 > .col:nth-child(12n) + .col {
clear: none;
clear: initial;
}
.ncol-lg-12 > .col:nth-child(12n) + .col {
clear: both;
}
/* Flex */
.row-flex.ncol-lg-12 > .col {
width: calc(99.9% * 1/12 - (30px - 30px * 1/12));
}
.row-flex.ncol-lg-12 > .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12 > .col:last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12 > .col:nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12 > .col:nth-child(12n) {
margin-right: 0;
}
/* Firsters */
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(-n+1) {
width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(-n+1):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(-n+1):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(-n+1):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(-n+1):nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(12n) {
margin-right: 30px;
}
.row-flex.ncol-lg-12.firsters-lg-1 > .col:nth-child(12n+1) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(-n+2) {
width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(-n+2):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(-n+2):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(-n+2):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(-n+2):nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(12n) {
margin-right: 30px;
}
.row-flex.ncol-lg-12.firsters-lg-2 > .col:nth-child(12n+2) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(-n+3) {
width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(-n+3):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(-n+3):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(-n+3):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(-n+3):nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(12n) {
margin-right: 30px;
}
.row-flex.ncol-lg-12.firsters-lg-3 > .col:nth-child(12n+3) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(-n+4) {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(-n+4):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(-n+4):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(-n+4):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(-n+4):nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(12n) {
margin-right: 30px;
}
.row-flex.ncol-lg-12.firsters-lg-4 > .col:nth-child(12n+4) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(-n+5) {
width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(-n+5):nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(-n+5):last-child {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(-n+5):nth-child(0n) {
float: right;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(-n+5):nth-child(12n+5) {
margin-right: 0;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(12n) {
margin-right: 30px;
}
.row-flex.ncol-lg-12.firsters-lg-5 > .col:nth-child(12n+5) {
margin-right: 0;
}
.col-lg-1 {
width: calc(99.9% * 1/12 - (30px - 30px * 1/12));
}
.col-lg-1:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-1:last-child {
margin-right: 0;
}
.col-lg-1:nth-child(0n) {
float: right;
}
.row-flex .col-lg-1 {
width: calc(99.9% * 1/12 - (30px - 30px * 1/12));
}
.row-flex .col-lg-1:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-1:last-child {
margin-right: 0;
}
.row-flex .col-lg-1:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-1 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-1 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-1 {
position: relative;
left: calc(99.9% * 1/12 - (30px - 30px * 1/12) + 30px);
}
.colleft-lg-1 {
position: relative;
left: calc(99.9% * -1/12 - (30px - 30px * -1/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_1 {
margin-left: calc(99.9% * (-1/12 * -1) - (30px - 30px * (-1/12 * -1)) + 30px) !important;
}
.offleft-lg-1_1 {
margin-left: calc(99.9% * -1/12 - (30px - 30px * -1/12) + 30px) !important;
}
.col-lg-2 {
width: calc(99.9% * 2/12 - (30px - 30px * 2/12));
}
.col-lg-2:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-2:last-child {
margin-right: 0;
}
.col-lg-2:nth-child(0n) {
float: right;
}
.row-flex .col-lg-2 {
width: calc(99.9% * 2/12 - (30px - 30px * 2/12));
}
.row-flex .col-lg-2:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-2:last-child {
margin-right: 0;
}
.row-flex .col-lg-2:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-2 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-2 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-2 {
position: relative;
left: calc(99.9% * 2/12 - (30px - 30px * 2/12) + 30px);
}
.colleft-lg-2 {
position: relative;
left: calc(99.9% * -2/12 - (30px - 30px * -2/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_2 {
margin-left: calc(99.9% * (-2/12 * -1) - (30px - 30px * (-2/12 * -1)) + 30px) !important;
}
.offleft-lg-1_2 {
margin-left: calc(99.9% * -2/12 - (30px - 30px * -2/12) + 30px) !important;
}
.col-lg-3 {
width: calc(99.9% * 3/12 - (30px - 30px * 3/12));
}
.col-lg-3:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-3:last-child {
margin-right: 0;
}
.col-lg-3:nth-child(0n) {
float: right;
}
.row-flex .col-lg-3 {
width: calc(99.9% * 3/12 - (30px - 30px * 3/12));
}
.row-flex .col-lg-3:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-3:last-child {
margin-right: 0;
}
.row-flex .col-lg-3:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-3 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-3 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-3 {
position: relative;
left: calc(99.9% * 3/12 - (30px - 30px * 3/12) + 30px);
}
.colleft-lg-3 {
position: relative;
left: calc(99.9% * -3/12 - (30px - 30px * -3/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_3 {
margin-left: calc(99.9% * (-3/12 * -1) - (30px - 30px * (-3/12 * -1)) + 30px) !important;
}
.offleft-lg-1_3 {
margin-left: calc(99.9% * -3/12 - (30px - 30px * -3/12) + 30px) !important;
}
.col-lg-4 {
width: calc(99.9% * 4/12 - (30px - 30px * 4/12));
}
.col-lg-4:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-4:last-child {
margin-right: 0;
}
.col-lg-4:nth-child(0n) {
float: right;
}
.row-flex .col-lg-4 {
width: calc(99.9% * 4/12 - (30px - 30px * 4/12));
}
.row-flex .col-lg-4:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-4:last-child {
margin-right: 0;
}
.row-flex .col-lg-4:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-4 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-4 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-4 {
position: relative;
left: calc(99.9% * 4/12 - (30px - 30px * 4/12) + 30px);
}
.colleft-lg-4 {
position: relative;
left: calc(99.9% * -4/12 - (30px - 30px * -4/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_4 {
margin-left: calc(99.9% * (-4/12 * -1) - (30px - 30px * (-4/12 * -1)) + 30px) !important;
}
.offleft-lg-1_4 {
margin-left: calc(99.9% * -4/12 - (30px - 30px * -4/12) + 30px) !important;
}
.col-lg-5 {
width: calc(99.9% * 5/12 - (30px - 30px * 5/12));
}
.col-lg-5:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-5:last-child {
margin-right: 0;
}
.col-lg-5:nth-child(0n) {
float: right;
}
.row-flex .col-lg-5 {
width: calc(99.9% * 5/12 - (30px - 30px * 5/12));
}
.row-flex .col-lg-5:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-5:last-child {
margin-right: 0;
}
.row-flex .col-lg-5:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-5 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-5 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-5 {
position: relative;
left: calc(99.9% * 5/12 - (30px - 30px * 5/12) + 30px);
}
.colleft-lg-5 {
position: relative;
left: calc(99.9% * -5/12 - (30px - 30px * -5/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_5 {
margin-left: calc(99.9% * (-5/12 * -1) - (30px - 30px * (-5/12 * -1)) + 30px) !important;
}
.offleft-lg-1_5 {
margin-left: calc(99.9% * -5/12 - (30px - 30px * -5/12) + 30px) !important;
}
.col-lg-6 {
width: calc(99.9% * 6/12 - (30px - 30px * 6/12));
}
.col-lg-6:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-6:last-child {
margin-right: 0;
}
.col-lg-6:nth-child(0n) {
float: right;
}
.row-flex .col-lg-6 {
width: calc(99.9% * 6/12 - (30px - 30px * 6/12));
}
.row-flex .col-lg-6:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-6:last-child {
margin-right: 0;
}
.row-flex .col-lg-6:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-6 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-6 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-6 {
position: relative;
left: calc(99.9% * 6/12 - (30px - 30px * 6/12) + 30px);
}
.colleft-lg-6 {
position: relative;
left: calc(99.9% * -6/12 - (30px - 30px * -6/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_6 {
margin-left: calc(99.9% * (-6/12 * -1) - (30px - 30px * (-6/12 * -1)) + 30px) !important;
}
.offleft-lg-1_6 {
margin-left: calc(99.9% * -6/12 - (30px - 30px * -6/12) + 30px) !important;
}
.col-lg-7 {
width: calc(99.9% * 7/12 - (30px - 30px * 7/12));
}
.col-lg-7:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-7:last-child {
margin-right: 0;
}
.col-lg-7:nth-child(0n) {
float: right;
}
.row-flex .col-lg-7 {
width: calc(99.9% * 7/12 - (30px - 30px * 7/12));
}
.row-flex .col-lg-7:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-7:last-child {
margin-right: 0;
}
.row-flex .col-lg-7:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-7 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-7 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-7 {
position: relative;
left: calc(99.9% * 7/12 - (30px - 30px * 7/12) + 30px);
}
.colleft-lg-7 {
position: relative;
left: calc(99.9% * -7/12 - (30px - 30px * -7/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_7 {
margin-left: calc(99.9% * (-7/12 * -1) - (30px - 30px * (-7/12 * -1)) + 30px) !important;
}
.offleft-lg-1_7 {
margin-left: calc(99.9% * -7/12 - (30px - 30px * -7/12) + 30px) !important;
}
.col-lg-8 {
width: calc(99.9% * 8/12 - (30px - 30px * 8/12));
}
.col-lg-8:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-8:last-child {
margin-right: 0;
}
.col-lg-8:nth-child(0n) {
float: right;
}
.row-flex .col-lg-8 {
width: calc(99.9% * 8/12 - (30px - 30px * 8/12));
}
.row-flex .col-lg-8:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-8:last-child {
margin-right: 0;
}
.row-flex .col-lg-8:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-8 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-8 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-8 {
position: relative;
left: calc(99.9% * 8/12 - (30px - 30px * 8/12) + 30px);
}
.colleft-lg-8 {
position: relative;
left: calc(99.9% * -8/12 - (30px - 30px * -8/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_8 {
margin-left: calc(99.9% * (-8/12 * -1) - (30px - 30px * (-8/12 * -1)) + 30px) !important;
}
.offleft-lg-1_8 {
margin-left: calc(99.9% * -8/12 - (30px - 30px * -8/12) + 30px) !important;
}
.col-lg-9 {
width: calc(99.9% * 9/12 - (30px - 30px * 9/12));
}
.col-lg-9:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-9:last-child {
margin-right: 0;
}
.col-lg-9:nth-child(0n) {
float: right;
}
.row-flex .col-lg-9 {
width: calc(99.9% * 9/12 - (30px - 30px * 9/12));
}
.row-flex .col-lg-9:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-9:last-child {
margin-right: 0;
}
.row-flex .col-lg-9:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-9 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-9 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-9 {
position: relative;
left: calc(99.9% * 9/12 - (30px - 30px * 9/12) + 30px);
}
.colleft-lg-9 {
position: relative;
left: calc(99.9% * -9/12 - (30px - 30px * -9/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_9 {
margin-left: calc(99.9% * (-9/12 * -1) - (30px - 30px * (-9/12 * -1)) + 30px) !important;
}
.offleft-lg-1_9 {
margin-left: calc(99.9% * -9/12 - (30px - 30px * -9/12) + 30px) !important;
}
.col-lg-10 {
width: calc(99.9% * 10/12 - (30px - 30px * 10/12));
}
.col-lg-10:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-10:last-child {
margin-right: 0;
}
.col-lg-10:nth-child(0n) {
float: right;
}
.row-flex .col-lg-10 {
width: calc(99.9% * 10/12 - (30px - 30px * 10/12));
}
.row-flex .col-lg-10:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-10:last-child {
margin-right: 0;
}
.row-flex .col-lg-10:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-10 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-10 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-10 {
position: relative;
left: calc(99.9% * 10/12 - (30px - 30px * 10/12) + 30px);
}
.colleft-lg-10 {
position: relative;
left: calc(99.9% * -10/12 - (30px - 30px * -10/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_10 {
margin-left: calc(99.9% * (-10/12 * -1) - (30px - 30px * (-10/12 * -1)) + 30px) !important;
}
.offleft-lg-1_10 {
margin-left: calc(99.9% * -10/12 - (30px - 30px * -10/12) + 30px) !important;
}
.col-lg-11 {
width: calc(99.9% * 11/12 - (30px - 30px * 11/12));
}
.col-lg-11:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-11:last-child {
margin-right: 0;
}
.col-lg-11:nth-child(0n) {
float: right;
}
.row-flex .col-lg-11 {
width: calc(99.9% * 11/12 - (30px - 30px * 11/12));
}
.row-flex .col-lg-11:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-11:last-child {
margin-right: 0;
}
.row-flex .col-lg-11:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-11 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-11 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-11 {
position: relative;
left: calc(99.9% * 11/12 - (30px - 30px * 11/12) + 30px);
}
.colleft-lg-11 {
position: relative;
left: calc(99.9% * -11/12 - (30px - 30px * -11/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_11 {
margin-left: calc(99.9% * (-11/12 * -1) - (30px - 30px * (-11/12 * -1)) + 30px) !important;
}
.offleft-lg-1_11 {
margin-left: calc(99.9% * -11/12 - (30px - 30px * -11/12) + 30px) !important;
}
.col-lg-12 {
width: calc(99.9% * 12/12 - (30px - 30px * 12/12));
}
.col-lg-12:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-lg-12:last-child {
margin-right: 0;
}
.col-lg-12:nth-child(0n) {
float: right;
}
.row-flex .col-lg-12 {
width: calc(99.9% * 12/12 - (30px - 30px * 12/12));
}
.row-flex .col-lg-12:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.row-flex .col-lg-12:last-child {
margin-right: 0;
}
.row-flex .col-lg-12:nth-child(0n) {
float: right;
}
/* Column ordering */
.colright-md-12 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colleft-md-12 {
position: relative;
left: calc(99.9% * 0 - (30px - 30px * 0) + 30px);
}
.colright-lg-12 {
position: relative;
left: calc(99.9% * 12/12 - (30px - 30px * 12/12) + 30px);
}
.colleft-lg-12 {
position: relative;
left: calc(99.9% * -12/12 - (30px - 30px * -12/12) + 30px);
}
/* Offsetting columns */
.offright-lg-1_12 {
margin-left: calc(99.9% * (-12/12 * -1) - (30px - 30px * (-12/12 * -1)) + 30px) !important;
}
.offleft-lg-1_12 {
margin-left: calc(99.9% * -12/12 - (30px - 30px * -12/12) + 30px) !important;
}
.item {
margin-bottom: 30px;
}
.exemple-1 .col {
width: calc(99.9% * 1/12 - (30px - 30px * 1/12));
}
.exemple-1 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-1 .col:last-child {
margin-right: 0;
}
.exemple-1 .col:nth-child(12n) {
margin-right: 0;
float: right;
}
.exemple-1 .col:nth-child(12n + 1) {
clear: both;
}
.exemple-2 .col {
width: calc(99.9% * 1/6 - (30px - 30px * 1/6));
}
.exemple-2 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-2 .col:last-child {
margin-right: 0;
}
.exemple-2 .col:nth-child(6n) {
margin-right: 0;
float: right;
}
.exemple-2 .col:nth-child(6n + 1) {
clear: both;
}
.exemple-3 .col {
width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
}
.exemple-3 .col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.exemple-3 .col:last-child {
margin-right: 0;
}
.exemple-3 .col:nth-child(4n) {
margin-right: 0;
float: right;
}
.exemple-3 .col:nth-child(4n + 1) {
clear: both;
}
.obligatori {
margin-bottom: 30px;
}
.pagination {
margin-top: 30px;
}
.interior-meta {
margin-bottom: 30px;
}
.interior-main__related-documents, .interior-main__related-audios {
margin-bottom: 30px;
}
.calendari__title {
margin-bottom: 30px;
}
.calendari-caixa {
margin-bottom: 30px;
}
.modal-cerca {
padding-top: 30px;
}
.modal-cerca {
padding-bottom: 30px;
}
.article_monografic a .article__text {
padding: 4em !important;
}
.enquesta-interior {
margin-bottom: 40px;
margin-bottom: var(--gutter-lg);
padding: 80px 40px;
padding: calc(var(--gutter-lg) * 2) var(--gutter-lg);
}
.galeria-portada .galeria-principal .galeria-principal__text, .galeria-portada .galeria-secundaria .galeria-principal__text {
padding: 40px;
padding: var(--gutter-lg);
}
.galeria-secundaria .galeria-secundaria__text {
padding: 15px;
padding: var(--gutter-sm);
}
.masonry .masonry-item {
margin-bottom: 30px;
}
.masonry .masonry-item {
width: 25%;
padding: 0 20px;
padding: 0 calc(var(--gutter-lg) / 2);
}
.galeries-relacionades__galeria {
margin-bottom: 30px;
}
.interior__comentaris {
margin-bottom: 30px;
}
.interior__comentaris .btn__mostra {
margin-bottom: 30px;
}
.interior__comentaris .comment {
margin-bottom: 30px;
}
.interior__comentaris .comment {
padding: 40px;
padding: var(--gutter-lg);
}
.interior__comentaris .comment .comment__header {
margin-bottom: 30px;
}
.interior__comentaris .comment .comment__footer {
margin-top: 30px;
}
.interior__comentaris .comment__parent-content.in {
margin-bottom: 30px;
}
.interior__comentaris .form .form-group, .interior__comentaris .form .checkbox {
margin-bottom: 30px;
}
.article_llistat a .article__text .article__title {
margin-top: 0;
}
.article_llistat a .article__text .article__subtitle {
margin-bottom: 0;
}
.filtres-llistat {
margin-bottom: 30px;
}
.filtres-llistat {
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
/* main+ */aside {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.interior-meta .article__signature {/*
flex-direction: column;
align-items: flex-start;
*//*
.author{
margin-bottom: 5px;
}
*/
}
.interior-meta .date {/*
margin-bottom: 10px;
*/
padding-top: 0;
display: inline-block;
float: none;
letter-spacing: -0.05em;
}
.header__links .lupa i {
border-left: none;
}/*
uncss:ignore
*/
.fixed-header .sticky-mobile {
position: fixed;
z-index: 10;
}
.footer__top .brand {
text-align: center;
}
.footer__top .agrupar-horitzontal input[type="email"] {
max-width: calc(100% - 125px);
margin-right: 0;
}
.footer__top .agrupar-horitzontal .btn {
padding-left: 10px;
padding-right: 10px;
width: 125px;
}
.footer__top .socials {
margin-bottom: 20px;
}
.footer__middle .row-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__middle .row-flex .footer__title {
margin-bottom: 5px;
}
.footer__middle .row-flex .col+.col {
padding-top: 30px;
}
.footer__middle p {
text-align: left;
}
.footer__middle p a {
padding-right: 15px;
padding-left: 0;
}
.footer__bottom .row-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.footer__bottom p {
text-align: left;
}
.footer__bottom p a {
padding-right: 15px;
padding-left: 0;
}
.modal-nav .header__logo {
max-width: 250px;
}
.modal-nav .btn__modal {
padding: 0 0 0 2px;
min-height: inherit;
width: 32px;
height: 32px;
top: 15px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-nav .btn__modal .btn__modal_text {
display: none;
}
.modal-nav .col {
margin-top: 5px;
}
.modal-nav .col:last-child {
margin-top: auto;/*
.llista-noestil li{
text-align: right;
}
*/
}
.modal-nav .socials {
margin: 15px auto 0;
}
.modal-nav ul li {
margin-bottom: 10px;
}
.modal-cerca .agrupar-horitzontal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-cerca .btn__secundari {
margin-top: 20px;
}
.article a .article__text {
padding-top: 15px;
}
.llegides .article_sidebar a .article__image {
width: 75px;
min-width: 75px;
}
.en-paper .en-paper__portda {
margin-bottom: 10px;
}
.galeries-relacionades__galeria .galeries-relacionades__galeria-image img {
width: 100%;
}
.interior-categories {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.interior-categories__title {
margin-bottom: 5px;
}
.interior-main .dl-horitzontal .dl-horitzontal dt {
float: none;
text-align: left;
}
/*
uncss:ignore
*/
.interior-main .interior-main__content .roba {
margin: 20px 0 30px;
}
/* uncss:ignore */
.interior-main .interior-main__content .roba img {
text-align: center;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.monografics .llista-noestil {
grid-template-columns: 1fr;
}
}
@media screen and (min-width:0\0) {
/*** Generals ***/
body {
/*overflow: hidden;*/
}
/*** Estructures ***/
.row-flex .col .item {
display: block;
}
.row-flex .col {
display: block;
}
.row-flex .item {
display: block;
}
/*** Amaga ***/
.hide-ie {
display: none;
}
}
/*# sourceMappingURL=main.css.map */