@charset "UTF-8";
/*===============================
= COMPASS =
===============================*/
/*===============================
= VENDORS =
===============================*/
/*===============================
= MODULES =
===============================*/
/**
Foundation for Sites by ZURB
foundation.zurb.com
Licensed under MIT Open Source
@group functions
**/
/**
Removes the unit (e.g. px, em, rem) from a value, returning the number only.
@param {Number} $num - Number to strip unit from.
@returns {Number} The same number, sans unit.
**/
/**
Converts one or more pixel values into matching rem values.
@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
@param {Number} $color-base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$color-base-font-size` variable as the base.
@returns {List} A list of converted values.
**/
/**
Converts a unitless, pixel, or rem value to em, for use in breakpoints.
**/
/**
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
@access private
@param {Number} $value - Pixel value to convert.
@param {Number} $color-base [null] - Base for pixel conversion.
@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
**/
/**
Defines a serie of responsive CSS rules using $sass-mq and @include mq() .
To use it pass the CSS properties you desire in a map with some or all the keys defined in $mq-breakpoints. You can also use the "default" value to target all devices
$mq-breakpoints MUST be defined (check sass-mq syntax for further info)
i.e. Usage
.my-header-rule{
@include mq-includes('height', (mobile: 60px, tablet: 64px, default: 100px));
)
.my-col{
@include mq-includes('width', (mobile: 100%, tablet: 50%, default: 33%));
}
@param {String} $propName - CSS property name (i.e. height, width, text-align...')
@param {Map<String, String>} $propValues - property values with keys for each desired device (i.e. (mobile: 100%, tablet: 50%, default: 33%)). you can use the key "default" for the base value
@param {String} $untilFrom - sets if the @include mq() is gonna be @include mq($until:$deviceType) or @include mq($from:$deviceType) ($until by default)
@param {String|Number} $valueTransformation - type of transformation. Strings are appended, numbers are added. To substract use a negative number (i.e. !important, 30, -45)
@author: atouza
**/
/**
Transforms value based on $tranformation value.
- A number will be added to the value (i.e. 50, 120, -30)
- Strings would be appended (i. e. '!important')
@param {String} $value - CSS prop value (i.e. 150px, red, center...')
@param {String|Number} $transformation - type of transformation. Strings are appended, numbers are added. To substract use a negative number (i.e. !important, 30, -45)
@author: atouza
**/
/**
Checks if value is a number
@return {Boolean} true if the passed value is a number
**/
/**
Checks if value is a string
@return {Boolean} true if the passed value is a string
**/
/**
This is the color we return When we don't find the color using color() or color-bg() mixins. This helps us to show that we are not getting some color (probably cause is undefined).
Do not delete or comment
**/
/**
Gets a color defined in the $color Map
@param {String} $colorName - name of the color to get from the $color Map
@return {String} color defined in the $color map
**/
/**
Gets a background color defined in the $color Map
@param {String} $colorName - name of the background color to get from the $color Map
@return {String} background color defined in the $color map
**/
/**
Gets a border color defined in the $color Map
@param {String} $colorName - name of the border color to get from the $color Map
@return {String} border color defined in the $color map
**/
/**
Gets a font-family defined in the $font Map
@param {String} $fontName - name of the font to get from the $font Map
@return {String} name defined in the $font map
**/
/**
Gets a font-size defined in the $font Map
@param {String} $fontName - name of the font to get from the $font Map
@return {String} size defined in the $font map
**/
/**
Gets a color defined in the $pantone Map
@param {String} $colorName - name of the color to get from the $pantone Map
@return {String} color defined in the $pantone map
**/
/**
Mixins for this project specifically
**/
/**
Creates CSS class for BG colors on Cards. It receives a serie of keys with the structure [colorname: (main: main-color, light: light-color)]
i.e. input:
(primary: (main: #000, light: #333),
ri: (main: #999, light: #FFF))
output:
.card--brand-primary {
.card__contents{
background-color: #000;
}
&.card-light .card__contents{
background-color: #333;
}
}
.card--brand-ri {
.card__contents{
background-color: #999;
}
&.card-light .card__contents{
background-color: #FFF;
}
}
@param {Map} $card-bg-colors - colors from which create the classes
@author: atouza
**/
/**
Navigation base colors
@param {Map} $brandColors - colors from which create the classes
**/
/**
Spacing helper classes.
i.e.
m-top-4y
p-left-6x
m-bottom-y-tablet
p-top-0y
@param {integer} $baseSpace - base pixels space to create the classes
**/
/* Mixins */
/* Flexbox */
/* Styles */
/* Others */
/*===============================
= VARIABLES =
===============================*/
/*==================================
= sass-mq =
==================================*/
/*
To enable support for browsers that do not support @media queries,
(IE <= 8, Firefox <= 3, Opera <= 9) set $mq-responsive to false
Create a separate stylesheet served exclusively to these browsers,
meaning @media queries will be rasterized, relying on the cascade itself
*/
/*
Name your breakpoints in a way that creates a ubiquitous language
across team members. It will improve communication between
stakeholders, designers, developers, and testers.
*/
/*
Define the breakpoint from the $mq-breakpoints list that should
be used as the target width when outputting a static stylesheet
(i.e. when $mq-responsive is set to 'false').
*/
/*
If you want to display the currently active breakpoint in the top
right corner of your site during development, add the breakpoints
to this list, ordered by width, e.g. (mobile, tablet, desktop).
$mq-show-breakpoints: (mobile, mobileLandscape, tablet, desktop, wide);
*/
/*==================================
= Typography =
==================================*/
/**
Define here all the typographies and sizes of the web fonts. We can use HTML tags directly or conceptual terms like title, lead...
**/
/*=====================================
= Borders =
=====================================*/
/*=====================================
= Iconography =
=====================================*/
/**
Specify custom location and filename of the included GEF fonts
**/
/** DO NOT DELETE **/
/*=====================================
= Layout =
=====================================*/
/** header height for mobile devices **/
/*=====================================
= Quotes =
=====================================*/
/*=====================================
= Pantone =
=====================================*/
/*
Here there are all the colors that will be present in the Web.
NEVER include them colors directly in your scss files. You should create in the Colors sections all the links to those colors and include them instead
The names are generated from http://www.color-blindness.com/color-name-hue/
*/
/*=====================================
= Colors =
=====================================*/
/*
Here we decide the "conceptual" colors of the WEB. It englobes concepts as primary, secondary, tertiary, text, selected, lead, title, background...
TRY NOT TO put here colors referencing Components or HTML tags (such as h1, h2, tbody, nav, user-form...).
This colors can be included in scss files althought we can create intermediate colors referencing this ones if we need so.
*/
/**
We now add colors referencing HTML Tags.
This colors SHOULD reference those defined in the $color Map, althougt can reference $pantone (not ideally thought)
**/
/*
DO NOT MODIFY NOR COMMENT:
Merging the two maps. CAUTION, ATTRIBUTES WITH THE SAME NAME WILL BE OVERRIDED
*/
/** Brand colors to ease coloring based on current brand **/
/** Brand Colors Light with no opacity **/
/* Rem Units */
/*===============================
= PARTIALS =
===============================*/
/* line 1, ../../sass/base/_layout.scss */
body {
width: 100%;
max-width: 1404px;
margin: auto;
background-color: #ffffff;
}
@media (min-width: 48em) {
/* line 1, ../../sass/base/_layout.scss */
body {
padding-top: 161px;
}
}
@media (min-width: 62em) {
/* line 1, ../../sass/base/_layout.scss */
body {
padding-top: 226px;
}
}
/* line 13, ../../sass/base/_layout.scss */
body.no-sticky {
padding-top: 0 !important;
}
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
width: 100%;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
margin: auto;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
padding: 0 100px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 74.99em) {
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
overflow: hidden;
}
}
@media (max-width: 47.99em) {
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
margin: 0 auto auto;
}
}
@media (max-width: 74.99em) {
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
padding: 0 25px;
}
}
@media (max-width: 61.99em) {
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
padding: 0 12px;
}
}
@media (max-width: 47.99em) {
/* line 17, ../../sass/base/_layout.scss */
.site-wrapper {
padding: 0 12px 0;
}
}
/* line 23, ../../sass/base/_layout.scss */
.site-wrapper main {
width: 100%;
float: left;
}
@media (max-width: 47.99em) {
/* line 23, ../../sass/base/_layout.scss */
.site-wrapper main {
padding-top: 62px;
}
}
@media (max-width: 47.99em) {
/* line 28, ../../sass/base/_layout.scss */
.header-services.nav-disabled .site-wrapper main {
padding-top: 12px;
}
}
/* line 33, ../../sass/base/_layout.scss */
.page-module {
height: 68px;
}
/* line 36, ../../sass/base/_layout.scss */
.page-module-merge {
height: 64px;
}
/* line 39, ../../sass/base/_layout.scss */
.page-bg {
background-color: #ffffff;
}
/* line 42, ../../sass/base/_layout.scss */
.container-full-page {
float: left;
position: relative;
margin: 0 -600rem;
padding: 0 600rem;
}
/* line 49, ../../sass/base/_layout.scss */
header {
width: 100%;
float: left;
/**
The 'default' rule is not submitted to any responsive query
**/
padding-bottom: 34px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
background-color: #ffffff;
}
@media (max-width: 47.99em) {
/* line 49, ../../sass/base/_layout.scss */
header {
padding-bottom: 0;
}
}
@media (min-width: 62em) {
/* line 57, ../../sass/base/_layout.scss */
body.header-services.nav-disabled {
padding-top: calc(70px + 12px);
}
}
/* Fixed width orders */
/* line 66, ../../sass/base/_layout.scss */
.img-wpr.col-xs-1 {
width: 8.3333333333%;
}
/* line 69, ../../sass/base/_layout.scss */
.img-wpr.col-xs-2 {
width: 16.6666666667%;
}
/* line 72, ../../sass/base/_layout.scss */
.img-wpr.col-xs-3 {
width: 25%;
}
/* line 75, ../../sass/base/_layout.scss */
.img-wpr.col-xs-4 {
width: 33.3333333333%;
}
/* line 78, ../../sass/base/_layout.scss */
.img-wpr.col-xs-5 {
width: 41.6666666667%;
}
/* line 81, ../../sass/base/_layout.scss */
.img-wpr.col-xs-6 {
width: 50%;
}
/* line 84, ../../sass/base/_layout.scss */
.img-wpr.col-xs-7 {
width: 58.3333333333%;
}
/* line 87, ../../sass/base/_layout.scss */
.img-wpr.col-xs-8 {
width: 66.6666666667%;
}
/* line 90, ../../sass/base/_layout.scss */
.img-wpr.col-xs-9 {
width: 75%;
}
/* line 93, ../../sass/base/_layout.scss */
.img-wpr.col-xs-10 {
width: 83.3333333333%;
}
/* line 96, ../../sass/base/_layout.scss */
.img-wpr.col-xs-11 {
width: 91.6666666667%;
}
/* line 99, ../../sass/base/_layout.scss */
.img-wpr.col-xs-12 {
width: 100%;
}
@media (min-width: 34em) {
/* line 105, ../../sass/base/_layout.scss */
.img-wpr.col-sm-1 {
width: 8.3333333333%;
}
/* line 107, ../../sass/base/_layout.scss */
.img-wpr.col-sm-2 {
width: 16.6666666667%;
}
/* line 109, ../../sass/base/_layout.scss */
.img-wpr.col-sm-3 {
width: 25%;
}
/* line 111, ../../sass/base/_layout.scss */
.img-wpr.col-sm-4 {
width: 33.3333333333%;
}
/* line 113, ../../sass/base/_layout.scss */
.img-wpr.col-sm-5 {
width: 41.6666666667%;
}
/* line 115, ../../sass/base/_layout.scss */
.img-wpr.col-sm-6 {
width: 50%;
}
/* line 117, ../../sass/base/_layout.scss */
.img-wpr.col-sm-7 {
width: 58.3333333333%;
}
/* line 119, ../../sass/base/_layout.scss */
.img-wpr.col-sm-8 {
width: 66.6666666667%;
}
/* line 121, ../../sass/base/_layout.scss */
.img-wpr.col-sm-9 {
width: 75%;
}
/* line 123, ../../sass/base/_layout.scss */
.img-wpr.col-sm-10 {
width: 83.3333333333%;
}
/* line 125, ../../sass/base/_layout.scss */
.img-wpr.col-sm-11 {
width: 91.6666666667%;
}
/* line 127, ../../sass/base/_layout.scss */
.img-wpr.col-sm-12 {
width: 100%;
}
}
@media (min-width: 48em) {
/* line 134, ../../sass/base/_layout.scss */
.img-wpr.col-md-1 {
width: 8.3333333333%;
}
/* line 136, ../../sass/base/_layout.scss */
.img-wpr.col-md-2 {
width: 16.6666666667%;
}
/* line 138, ../../sass/base/_layout.scss */
.img-wpr.col-md-3 {
width: 25%;
}
/* line 140, ../../sass/base/_layout.scss */
.img-wpr.col-md-4 {
width: 33.3333333333%;
}
/* line 142, ../../sass/base/_layout.scss */
.img-wpr.col-md-5 {
width: 41.6666666667%;
}
/* line 144, ../../sass/base/_layout.scss */
.img-wpr.col-md-6 {
width: 50%;
}
/* line 146, ../../sass/base/_layout.scss */
.img-wpr.col-md-7 {
width: 58.3333333333%;
}
/* line 148, ../../sass/base/_layout.scss */
.img-wpr .img-wpr.col-md-8 {
width: 66.6666666667%;
}
/* line 150, ../../sass/base/_layout.scss */
.img-wpr.col-md-9 {
width: 75%;
}
/* line 152, ../../sass/base/_layout.scss */
.img-wpr.col-md-10 {
width: 83.3333333333%;
}
/* line 154, ../../sass/base/_layout.scss */
.img-wpr.col-md-11 {
width: 91.6666666667%;
}
/* line 156, ../../sass/base/_layout.scss */
.img-wpr.col-md-12 {
width: 100%;
}
}
@media (min-width: 62em) {
/* line 163, ../../sass/base/_layout.scss */
.img-wpr.col-lg-1 {
width: 8.3333333333%;
}
/* line 165, ../../sass/base/_layout.scss */
.img-wpr.col-lg-2 {
width: 16.6666666667%;
}
/* line 167, ../../sass/base/_layout.scss */
.img-wpr.col-lg-3 {
width: 25%;
}
/* line 169, ../../sass/base/_layout.scss */
.img-wpr.col-lg-4 {
width: 33.3333333333%;
}
/* line 171, ../../sass/base/_layout.scss */
.img-wpr.col-lg-5 {
width: 41.6666666667%;
}
/* line 173, ../../sass/base/_layout.scss */
.img-wpr.col-lg-6 {
width: 50%;
}
/* line 175, ../../sass/base/_layout.scss */
.img-wpr.col-lg-7 {
width: 58.3333333333%;
}
/* line 177, ../../sass/base/_layout.scss */
.img-wpr.col-lg-8 {
width: 66.6666666667%;
}
/* line 179, ../../sass/base/_layout.scss */
.img-wpr.col-lg-9 {
width: 75%;
}
/* line 181, ../../sass/base/_layout.scss */
.img-wpr.col-lg-10 {
width: 83.3333333333%;
}
/* line 183, ../../sass/base/_layout.scss */
.img-wpr.col-lg-11 {
width: 91.6666666667%;
}
/* line 185, ../../sass/base/_layout.scss */
.img-wpr.col-lg-12 {
width: 100%;
}
}
@media (min-width: 75.25em) {
/* line 192, ../../sass/base/_layout.scss */
.img-wpr.col-xl-1 {
width: 8.3333333333%;
}
/* line 194, ../../sass/base/_layout.scss */
.img-wpr.col-xl-2 {
width: 16.6666666667%;
}
/* line 196, ../../sass/base/_layout.scss */
.img-wpr.col-xl-3 {
width: 25%;
}
/* line 198, ../../sass/base/_layout.scss */
.img-wpr.col-xl-4 {
width: 33.3333333333%;
}
/* line 200, ../../sass/base/_layout.scss */
.img-wpr.col-xl-5 {
width: 41.6666666667%;
}
/* line 202, ../../sass/base/_layout.scss */
.img-wpr.col-xl-6 {
width: 50%;
}
/* line 204, ../../sass/base/_layout.scss */
.img-wpr.col-xl-7 {
width: 58.3333333333%;
}
/* line 206, ../../sass/base/_layout.scss */
.img-wpr.col-xl-8 {
width: 66.6666666667%;
}
/* line 208, ../../sass/base/_layout.scss */
.img-wpr.col-xl-9 {
width: 75%;
}
/* line 210, ../../sass/base/_layout.scss */
.img-wpr.col-xl-10 {
width: 83.3333333333%;
}
/* line 212, ../../sass/base/_layout.scss */
.img-wpr.col-xl-11 {
width: 91.6666666667%;
}
/* line 214, ../../sass/base/_layout.scss */
.img-wpr.col-xl-12 {
width: 100%;
}
}
/* line 221, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-1 {
width: 8.3333333333%;
}
/* line 224, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-2 {
width: 16.6666666667%;
}
/* line 227, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-3 {
width: 25%;
}
/* line 230, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-4 {
width: 33.3333333333%;
}
/* line 233, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-5 {
width: 41.6666666667%;
}
/* line 236, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-6 {
width: 50%;
}
/* line 239, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-7 {
width: 58.3333333333%;
}
/* line 242, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-8 {
width: 66.6666666667%;
}
/* line 245, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-9 {
width: 75%;
}
/* line 248, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-10 {
width: 83.3333333333%;
}
/* line 251, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-11 {
width: 91.6666666667%;
}
/* line 254, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xs-12 {
width: 100%;
}
@media (min-width: 34em) {
/* line 260, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-1 {
width: 8.3333333333%;
}
/* line 262, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-2 {
width: 16.6666666667%;
}
/* line 264, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-3 {
width: 25%;
}
/* line 266, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-4 {
width: 33.3333333333%;
}
/* line 268, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-5 {
width: 41.6666666667%;
}
/* line 270, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-6 {
width: 50%;
}
/* line 272, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-7 {
width: 58.3333333333%;
}
/* line 274, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-8 {
width: 66.6666666667%;
}
/* line 276, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-9 {
width: 75%;
}
/* line 278, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-10 {
width: 83.3333333333%;
}
/* line 280, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-11 {
width: 91.6666666667%;
}
/* line 282, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-sm-12 {
width: 100%;
}
}
@media (min-width: 48em) {
/* line 289, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-1 {
width: 8.3333333333%;
}
/* line 291, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-2 {
width: 16.6666666667%;
}
/* line 293, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-3 {
width: 25%;
}
/* line 295, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-4 {
width: 33.3333333333%;
}
/* line 297, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-5 {
width: 41.6666666667%;
}
/* line 299, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-6 {
width: 50%;
}
/* line 301, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-7 {
width: 58.3333333333%;
}
/* line 303, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-8 {
width: 66.6666666667%;
}
/* line 305, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-9 {
width: 75%;
}
/* line 307, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-10 {
width: 83.3333333333%;
}
/* line 309, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-11 {
width: 91.6666666667%;
}
/* line 311, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-md-12 {
width: 100%;
}
}
@media (min-width: 62em) {
/* line 318, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-1 {
width: 8.3333333333%;
}
/* line 320, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-2 {
width: 16.6666666667%;
}
/* line 322, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-3 {
width: 25%;
}
/* line 324, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-4 {
width: 33.3333333333%;
}
/* line 326, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-5 {
width: 41.6666666667%;
}
/* line 328, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-6 {
width: 50%;
}
/* line 330, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-7 {
width: 58.3333333333%;
}
/* line 332, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-8 {
width: 66.6666666667%;
}
/* line 334, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-9 {
width: 75%;
}
/* line 336, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-10 {
width: 83.3333333333%;
}
/* line 338, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-11 {
width: 91.6666666667%;
}
/* line 340, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-lg-12 {
width: 100%;
}
}
@media (min-width: 75.25em) {
/* line 347, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-1 {
width: 8.3333333333%;
}
/* line 349, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-2 {
width: 16.6666666667%;
}
/* line 351, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-3 {
width: 25%;
}
/* line 353, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-4 {
width: 33.3333333333%;
}
/* line 355, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-5 {
width: 41.6666666667%;
}
/* line 357, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-6 {
width: 50%;
}
/* line 359, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-7 {
width: 58.3333333333%;
}
/* line 361, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-8 {
width: 66.6666666667%;
}
/* line 363, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-9 {
width: 75%;
}
/* line 365, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-10 {
width: 83.3333333333%;
}
/* line 367, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-11 {
width: 91.6666666667%;
}
/* line 369, ../../sass/base/_layout.scss */
.card--with-footer .card__contents.col-xl-12 {
width: 100%;
}
}
/* line 375, ../../sass/base/_layout.scss */
.btn--primary:hover {
color: #ffffff;
background-color: #000078;
text-decoration: underline;
}
/* line 380, ../../sass/base/_layout.scss */
.btn--primary:active, .btn--primary:focus {
color: #ffffff;
text-decoration: underline;
background-color: #000078;
}
/* line 386, ../../sass/base/_layout.scss */
#iframe-infographics {
width: 1px !important;
min-width: 100% !important;
*width: 100% !important;
/* If we can't access iframe because of
different domains, then we force this class */
}
/* line 394, ../../sass/base/_layout.scss */
#iframe-infographics.is-access-denied {
height: 8550px !important;
}
@media (min-width: 34em) {
/* line 399, ../../sass/base/_layout.scss */
#iframe-infographics.is-access-denied {
height: 8820px !important;
}
}
@media (min-width: 62em) {
/* line 409, ../../sass/base/_layout.scss */
#iframe-infographics.is-access-denied {
height: 7300px !important;
}
}
@media (min-width: 75em) {
/* line 414, ../../sass/base/_layout.scss */
#iframe-infographics.is-access-denied {
height: 5050px !important;
}
}
/* line 420, ../../sass/base/_layout.scss */
body.noscript {
overflow: hidden;
}
/* line 423, ../../sass/base/_layout.scss */
body.noscript noscript {
position: inherit;
}
@media (min-width: 991.99px) {
/* line 428, ../../sass/base/_layout.scss */
.group-of-three-cards {
width: 30% !important;
}
}
/* line 433, ../../sass/base/_layout.scss */
.avis-javascript {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
text-align: left;
z-index: 21;
}
/* TODO disable root usage because of liferay yum compressor compatibility
@supports(--css: variables) {
:root{
--scroll-bar: 17px
}
}
*/
/*==================================
= COMPONENTS =
===================================*/
/* line 3, ../../sass/components/_aui.scss */
.aui input.form-item, .aui .form-alumni input[type="text"], .form-alumni .aui input[type="text"] {
font-size: 3.43rem;
height: auto;
margin-top: 0;
}
/* line 9, ../../sass/components/_aui.scss */
.aui h1, .aui .h1, .aui h2, .aui .h2, .aui .menupopup .login-detail .heading, .menupopup .login-detail .aui .heading, .aui h3, .aui .h3 {
margin-top: 0;
}
/* line 1, ../../sass/components/_alumni.scss */
.alumni-premium-button {
width: 136px;
position: fixed;
bottom: 4px;
right: 0;
z-index: 13;
opacity: 0.95;
background-color: #73EDFF;
}
/* line 11, ../../sass/components/_alumni.scss */
.alumni-premium-button.btn {
line-height: 1.3125rem;
}
/* line 14, ../../sass/components/_alumni.scss */
.alumni-premium-button.btn:hover {
background-color: #73EDFF;
}
/** A L U M N I L O G I N **/
/* line 20, ../../sass/components/_alumni.scss */
.menupopup {
background-color: #f0f0f0;
}
/* line 23, ../../sass/components/_alumni.scss */
.menupopup .login-detail {
width: 100%;
max-width: 300px;
float: none;
margin: auto;
padding: 34px 12px;
}
/* line 31, ../../sass/components/_alumni.scss */
.menupopup .login-detail .heading {
padding-bottom: 20px;
font-weight: bold;
}
/* line 38, ../../sass/components/_alumni.scss */
.menupopup .login-detail input {
width: 100%;
height: 44px;
outline: none !important;
margin: 4px 0;
padding: 0.3125rem 0.3125rem 0.875rem;
border: none;
background-color: #ffffff;
color: #000078;
font-size: 1.0625rem;
}
/* line 51, ../../sass/components/_alumni.scss */
.menupopup .login-detail button {
width: 100%;
margin: 8px 0;
background-color: #000078;
color: #ffffff;
}
/* line 59, ../../sass/components/_alumni.scss */
.menupopup .login-detail button:hover {
background-color: #BD9EFF;
color: #ffffff;
}
/* line 65, ../../sass/components/_alumni.scss */
.menupopup .login-detail a, .menupopup .login-detail h4 {
font-size: 1.0625rem;
text-decoration: underline;
}
/* line 1, ../../sass/components/_banners.scss */
.banner-full {
position: relative;
margin-bottom: 16px;
max-height: 676px;
min-height: 676px;
}
@media (max-width: 47.99em) {
/* line 1, ../../sass/components/_banners.scss */
.banner-full {
min-height: 544px;
max-height: 544px;
}
}
/* line 12, ../../sass/components/_banners.scss */
.banner-full > img, .banner-full__item img {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
position: relative;
display: block;
z-index: 2;
max-height: 676px;
margin-left: -100px;
margin-right: -100px;
max-width: 1404px;
min-height: 676px;
min-width: -moz-calc(100% + 120px);
min-width: -webkit-calc(100% + 120px);
min-width: calc(100% + 120px);
}
@media (min-width: 62em) {
/* line 12, ../../sass/components/_banners.scss */
.banner-full > img, .banner-full__item img {
min-width: calc(100% + 200px);
}
}
@media (max-width: 47.99em) {
/* line 12, ../../sass/components/_banners.scss */
.banner-full > img, .banner-full__item img {
min-height: 544px;
max-height: 544px;
}
}
/* line 30, ../../sass/components/_banners.scss */
.banner-full__item img {
max-width: none;
margin: 0;
min-width: 100%;
}
/* line 35, ../../sass/components/_banners.scss */
.banner-full .banner-content {
position: absolute;
top: 0;
left: 0;
right: 0;
max-width: 1204px;
z-index: 4;
/**
The 'default' rule is not submitted to any responsive query
**/
margin: auto;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
padding-top: 32px;
}
@media (max-width: 61.99em) {
/* line 35, ../../sass/components/_banners.scss */
.banner-full .banner-content {
margin: 0 15px;
}
}
/* line 45, ../../sass/components/_banners.scss */
.banner-full .banner-content .banner-title {
width: 100%;
display: inline-block;
padding-bottom: 8px;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 3.4375rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
line-height: 0.95;
font-weight: 600;
}
@media (max-width: 47.99em) {
/* line 45, ../../sass/components/_banners.scss */
.banner-full .banner-content .banner-title {
font-size: 2.25rem;
}
}
/* line 56, ../../sass/components/_banners.scss */
.banner-full .banner-content .banner-subtitle {
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 2.5rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
line-height: 0.95;
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
@media (max-width: 47.99em) {
/* line 56, ../../sass/components/_banners.scss */
.banner-full .banner-content .banner-subtitle {
font-size: 1.875rem;
}
}
/* line 62, ../../sass/components/_banners.scss */
.banner-full .banner-content p {
margin-bottom: 12px;
padding-bottom: 0;
font-family: "uoc-serif";
font-weight: 400;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.875rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 62, ../../sass/components/_banners.scss */
.banner-full .banner-content p {
font-size: 1.3125rem;
}
}
/* line 70, ../../sass/components/_banners.scss */
.banner-full .banner-content p .h1 {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 70, ../../sass/components/_banners.scss */
.banner-full .banner-content p .h1 {
font-size: 1.6875rem;
}
}
/* line 75, ../../sass/components/_banners.scss */
.banner-full .icon--arrow-down {
width: 32px;
position: absolute;
bottom: 32px;
left: 0;
right: 0;
z-index: 2;
margin: auto;
color: #ffffff;
font-weight: normal;
font-size: 2.625rem;
}
/* line 89, ../../sass/components/_banners.scss */
.banner-full .icon--arrow-down:hover {
color: #000078;
}
/* line 94, ../../sass/components/_banners.scss */
.banner-full .icon--play:hover, .banner-full .icon--play-center:hover {
color: #000078;
}
/* line 98, ../../sass/components/_banners.scss */
.banner-full .dynamic-anchor {
height: 1px;
position: absolute;
/**
The 'default' rule is not submitted to any responsive query
**/
bottom: 106px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 98, ../../sass/components/_banners.scss */
.banner-full .dynamic-anchor {
bottom: 135px;
}
}
@media (max-width: 47.99em) {
/* line 98, ../../sass/components/_banners.scss */
.banner-full .dynamic-anchor {
bottom: 54px;
}
}
/* line 103, ../../sass/components/_banners.scss */
.banner-full form {
width: 100%;
height: 68px;
position: absolute;
top: 34px;
bottom: 0;
z-index: 2;
margin: auto;
}
/* line 115, ../../sass/components/_banners.scss */
.banner-full form .icon {
text-align: left;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
color: #000078;
}
/* line 125, ../../sass/components/_banners.scss */
.banner-full form input, .banner-full form button {
width: 100%;
height: 68px;
padding: 0;
}
/* line 130, ../../sass/components/_banners.scss */
.banner-full form button {
overflow: hidden;
background-color: #d0d0d0;
}
/* line 135, ../../sass/components/_banners.scss */
.banner-full form button:hover {
background-color: #73EDFF;
}
/* line 139, ../../sass/components/_banners.scss */
.banner-full form input {
border: none;
text-indent: 8px;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 3.4375rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
color: #000078;
font-family: "uoc-serif";
}
@media (max-width: 47.99em) {
/* line 139, ../../sass/components/_banners.scss */
.banner-full form input {
font-size: 1.875rem;
}
}
/* line 61, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.banner-full form input:-moz-placeholder {
color: #d0d0d0;
}
/* line 64, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.banner-full form input::-moz-placeholder {
color: #d0d0d0;
}
/* line 67, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.banner-full form input:-ms-input-placeholder {
color: #d0d0d0;
}
/* line 56, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.banner-full form input::-webkit-input-placeholder {
color: #d0d0d0;
}
/* line 152, ../../sass/components/_banners.scss */
.banner-full.banner-full-inverse {
color: #ffffff;
}
@media (min-width: 48em) {
/* line 157, ../../sass/components/_banners.scss */
.banner-with-action {
min-height: calc(228px - 12px);
display: flex;
box-sizing: border-box;
}
/* line 163, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"] {
align-items: stretch;
}
/* line 167, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:last-child {
display: flex;
align-items: center;
justify-content: center;
}
/* line 172, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:last-child .btn:hover {
color: #000078;
}
/* line 175, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:last-child .btn.color-white:hover {
color: #ffffff;
}
}
@media (max-width: 47.99em) {
/* line 182, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:nth-child(1) {
align-items: stretch;
}
/* line 186, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:nth-child(2) {
margin-top: 32px;
margin-bottom: 32px;
}
/* line 191, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:nth-child(3) {
margin-bottom: 12px;
}
/* line 194, ../../sass/components/_banners.scss */
.banner-with-action > *[class*="col-"]:nth-child(3) .btn--primary {
background-color: #ffffff;
float: none;
color: #000078;
padding: 0 4px 1em 4px;
font-weight: bold;
text-align: left;
}
}
/* line 210, ../../sass/components/_banners.scss */
.banner-full__tint {
background: #000078;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.25;
filter: alpha(opacity=25);
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
z-index: 2;
}
@media (min-width: 62em) {
/* line 210, ../../sass/components/_banners.scss */
.banner-full__tint {
min-width: calc(100% + 200px);
}
}
@media (min-width: 62em) {
/* line 210, ../../sass/components/_banners.scss */
.banner-full__tint {
margin-left: -100px;
margin-right: -100px;
max-width: 1404px;
}
}
@media (max-width: 61.99em) {
/* line 210, ../../sass/components/_banners.scss */
.banner-full__tint {
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
left: -10px;
right: -10px;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/components/_banners.scss */
.expand-section.bg-default-light .img-wpr__cover,
.modul-info-bito .img-wpr__cover {
display: none;
}
}
/* Slider classes */
/* line 244, ../../sass/components/_banners.scss */
.banner-tint:before {
content: "";
position: absolute;
left: -250%;
top: 0;
width: 1000%;
height: 100%;
background: #000078;
z-index: 3;
opacity: 0.65;
filter: alpha(opacity=65);
}
/* line 255, ../../sass/components/_banners.scss */
.banner-full__controls {
max-width: 1204px;
position: absolute;
bottom: 0;
width: 100%;
z-index: 5;
text-align: center;
}
/* line 263, ../../sass/components/_banners.scss */
.banner-full__controls-prev,
.banner-full__controls-next,
.banner-full__controls-play,
.banner-full__controls-pause {
position: absolute;
z-index: 2;
left: -50px;
right: auto;
bottom: 30px;
font-size: 2rem;
cursor: pointer;
color: #fff;
}
/* line 276, ../../sass/components/_banners.scss */
.banner-full__controls-prev:hover,
.banner-full__controls-next:hover,
.banner-full__controls-play:hover,
.banner-full__controls-pause:hover {
color: #000078;
}
/* line 280, ../../sass/components/_banners.scss */
.banner-full__controls-next {
left: auto;
right: -50px;
}
/* line 284, ../../sass/components/_banners.scss */
.banner-full__controls-pause {
left: auto;
right: -8px;
font-size: 2.3rem;
bottom: 27px;
display: none;
}
/* line 291, ../../sass/components/_banners.scss */
.banner-full__controls-play {
left: auto;
right: -4px;
bottom: 28px;
font-size: 2.3rem;
text-indent: -28px;
}
@media (max-width: 74.99em) {
/* line 299, ../../sass/components/_banners.scss */
.banner-full__controls-prev {
left: -18px;
}
/* line 302, ../../sass/components/_banners.scss */
.banner-full__controls-next {
right: -16px;
}
/* line 305, ../../sass/components/_banners.scss */
.banner-full__controls-play {
right: 28px;
}
/* line 308, ../../sass/components/_banners.scss */
.banner-full__controls-pause {
right: 25px;
}
}
@media (max-width: 61.99em) {
/* line 313, ../../sass/components/_banners.scss */
.banner-full__controls-prev {
left: 0;
}
/* line 316, ../../sass/components/_banners.scss */
.banner-full__controls-next {
right: 0;
}
/* line 319, ../../sass/components/_banners.scss */
.banner-full__controls-play {
right: 38px;
}
/* line 322, ../../sass/components/_banners.scss */
.banner-full__controls-pause {
right: 38px;
}
}
/* line 326, ../../sass/components/_banners.scss */
.banner-full__controls-dots {
position: absolute;
bottom: 36px;
left: 0;
right: 0;
margin: auto;
max-width: 980px;
}
/* line 333, ../../sass/components/_banners.scss */
.banner-full__controls-dots li {
border-radius: 50%;
background: #fff;
width: 12px;
height: 12px;
display: inline-block;
margin: 0 0 0 8px;
cursor: pointer;
}
/* line 342, ../../sass/components/_banners.scss */
.banner-full__controls-dots li.active {
background: #000078;
}
/* line 349, ../../sass/components/_banners.scss */
.fullwidth-bg__content {
position: relative;
z-index: 1;
}
/* line 354, ../../sass/components/_banners.scss */
.fullwidth-bg__expand {
z-index: 0;
}
@media (min-width: 75em) {
/* line 357, ../../sass/components/_banners.scss */
.fullwidth-bg__expand:after {
background-color: inherit;
content: ' ';
display: block;
height: 100%;
position: absolute;
right: 50%;
top: 0;
width: 50vw;
}
/* line 368, ../../sass/components/_banners.scss */
.fullwidth-bg__expand:before {
background-color: inherit;
content: ' ';
display: block;
height: 100%;
position: absolute;
left: 50%;
top: 0;
width: 50vw;
}
}
@media (max-width: 74.99em) {
/* line 381, ../../sass/components/_banners.scss */
.fullwidth-bg__expand:after {
background-color: inherit;
content: ' ';
display: block;
height: 100%;
position: absolute;
}
}
@media (max-width: 47.99em) {
/* line 391, ../../sass/components/_banners.scss */
.fullwidth-bg__expand:after {
width: calc( 100% - 4px );
}
}
@media (min-width: 48em) and (max-width: 74.99em) {
/* line 397, ../../sass/components/_banners.scss */
.fullwidth-bg__expand:after {
width: calc( 100% - 8px );
}
}
/*
.banner-full.is-css{
left: 50%;
margin-left: -50vw;
overflow: hidden;
width: 100vw;
.has-scrollbar &{
left: calc( 50% + 10px );
width: calc( 100vw - 20px );
}
>img, &__item img {
margin: 0 !important;
position: absolute;
object-fit: cover;
}
.embedded-video{
margin: 0 auto;
width: 100vw;
min-width: 100vw;
min-height: 676px;
.has-scrollbar & {
width: calc( 100vw - 20px );
min-width: calc( 100vw - 20px );
}
@include mq($until: tablet){
min-height:544px;
max-height: $page-module*8;
}
}
.banner-content{
margin: 0 auto;
@include mq-includes('max-width', (wide: none, desktopwide: 1204px, default: 1204px), $untilFrom: 'from');
@include mq-includes('padding', (desktop: 0 25px, wide: 0 100px, desktopwide: 0, default: 0 12px), $untilFrom: 'from');
@include mq-includes('padding-top', (mobile: $page-unit * 8, default: $page-unit * 8, ), $untilFrom: 'from');
top: auto;
width: 100%;
}
form{
left: 50%;
@include mq-includes('max-width', (desktop: calc(100vw - 28px - 8px), desktopwide: calc(100vw - 50px - 2px), default: 1204px));
position: absolute;
transform: translateX(-50%);
}
}
.banner-landing{
left: 50%;
margin: -20px -50vw;
overflow: hidden;
position: relative;
right: 50%;
width: 100vw;
.banner-landing__img{
left: 50%;
max-width: none;
min-height: 1217px;
position: absolute;
transform: translateX(-50%);
}
}
@supports(--css: variables) {
.has-scrollbar .banner-full.is-css{
left: calc( 50% + (var(--scroll-bar) / 2) );
width: calc( 100vw - var(--scroll-bar) );
.embedded-video{
width: calc( 100vw - var(--scroll-bar) );
min-width: calc( 100vw - var(--scroll-bar) );;
}
}
}*/
/* line 485, ../../sass/components/_banners.scss */
.banner-full.banner--alt, .banner-full.banner--alt > img {
min-height: 576px;
max-height: 576px;
}
/* line 4, ../../sass/components/_carrousel.scss */
.carrousel__content[aria-hidden=true] {
display: none;
white-space: normal;
}
/* line 10, ../../sass/components/_carrousel.scss */
.carrousel__content .card-bg-image .img--tint:after {
z-index: 1;
}
/* line 13, ../../sass/components/_carrousel.scss */
.carrousel__content .card-bg-image .card__contents .img-wpr__contents {
z-index: 2;
padding: 1rem;
}
/* line 16, ../../sass/components/_carrousel.scss */
.carrousel__content .card-bg-image .card__contents .img-wpr__contents .title-card-image {
max-width: 80%;
}
/* line 23, ../../sass/components/_carrousel.scss */
.carrousel {
margin-bottom: 16px;
}
/* line 26, ../../sass/components/_carrousel.scss */
.carrousel .news-carrousel__control__list__link {
border: none;
}
/* line 30, ../../sass/components/_carrousel.scss */
.carrousel .banner-full__controls-next,
.carrousel .banner-full__controls-right {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
}
/* line 39, ../../sass/components/_carrousel.scss */
.carrousel .banner-full {
margin-bottom: 0;
}
/* line 44, ../../sass/components/_carrousel.scss */
.carrousel.inverse .banner-full {
color: white;
}
/* line 48, ../../sass/components/_carrousel.scss */
.carrousel.inverse .news-carrousel__button__button {
background: none;
}
/* line 55, ../../sass/components/_carrousel.scss */
.carrousel.carrousel--full-tint .carrousel__container {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
overflow: hidden;
}
/* line 62, ../../sass/components/_carrousel.scss */
.carrousel.carrousel--full-tint .carrousel__container:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 100vw;
height: 100%;
background: #000078;
z-index: 3;
opacity: .65;
}
/* line 81, ../../sass/components/_carrousel.scss */
.news-carrousel__button__button {
padding: 0.7rem;
z-index: 13;
}
/* line 84, ../../sass/components/_carrousel.scss */
.news-carrousel__button__button span.icon {
font-size: 2rem;
vertical-align: top;
}
/* line 89, ../../sass/components/_carrousel.scss */
.news-carrousel__button-container {
position: absolute;
}
/* line 92, ../../sass/components/_carrousel.scss */
.news-carrousel__button__previous {
bottom: 1rem;
left: 0;
}
/* line 95, ../../sass/components/_carrousel.scss */
.news-carrousel__button__previous:hover {
color: #000078;
}
/* line 99, ../../sass/components/_carrousel.scss */
.news-carrousel__button__next {
bottom: 1rem;
right: 0;
}
/* line 102, ../../sass/components/_carrousel.scss */
.news-carrousel__button__next:hover {
color: #000078;
}
/* line 107, ../../sass/components/_carrousel.scss */
.news-carrousel__button__start, .news-carrousel__button__pause {
bottom: 1rem;
right: 55px;
}
/* line 110, ../../sass/components/_carrousel.scss */
.news-carrousel__button__start:hover, .news-carrousel__button__pause:hover {
color: #000078;
}
/* line 118, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list {
position: absolute;
list-style-type: none;
top: 100%;
right: 0;
left: 0;
margin-top: -0.5em;
padding-left: 0;
text-align: center;
}
/* line 128, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list.list-over {
top: calc(100% - 2em );
z-index: 13;
}
/* line 135, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list.list-inverse .js-carrousel__control__list__link:focus, .news-carrousel__control__list.list-inverse .js-carrousel__control__list__link:hover, .news-carrousel__control__list.list-inverse .js-carrousel__control__list__link:active, .news-carrousel__control__list.list-inverse .js-carrousel__control__list__link[aria-selected=true] {
background: #000078;
}
/* line 141, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list__item {
display: inline;
margin: 0 .3em;
}
/* line 145, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list__link {
display: inline-block;
width: .7em;
height: .7em;
background: #fff;
border: none;
border-radius: .7em;
}
/* line 152, ../../sass/components/_carrousel.scss */
.news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link:active, .news-carrousel__control__list__link[aria-selected=true] {
background: #878787;
}
/* line 160, ../../sass/components/_carrousel.scss */
.news-carrousel__container {
white-space: nowrap;
}
/* ------------------ transition slide ------------------ */
/* line 166, ../../sass/components/_carrousel.scss */
.slide .carrousel__content {
display: inline-block;
vertical-align: top;
visibility: visible;
width: 100%;
position: relative;
-webkit-transition: left .5s ease-in;
-moz-transition: left .5s ease-in;
-o-transition: left .5s ease-in;
-ms-transition: left .5s ease-in;
transition: left .5s ease-in;
white-space: normal;
}
/* line 180, ../../sass/components/_carrousel.scss */
.slide .carrousel__content.visibility-off {
visibility: hidden;
}
/* line 184, ../../sass/components/_carrousel.scss */
.carrouselslide-1-1.slide > div,
.carrouselslide-2-1.slide > div,
.carrouselslide-3-1.slide > div,
.carrouselslide-4-1.slide > div,
.carrouselslide-5-1.slide > div,
.carrouselslide-6-1.slide > div,
.carrouselslide-7-1.slide > div,
.carrouselslide-8-1.slide > div,
.carrouselslide-9-1.slide > div,
.carrouselslide-10-1.slide > div {
left: 0;
}
/* line 196, ../../sass/components/_carrousel.scss */
.carrouselslide-1-2.slide > div,
.carrouselslide-2-2.slide > div,
.carrouselslide-3-2.slide > div,
.carrouselslide-4-2.slide > div,
.carrouselslide-5-2.slide > div,
.carrouselslide-6-2.slide > div,
.carrouselslide-7-2.slide > div,
.carrouselslide-8-2.slide > div,
.carrouselslide-9-2.slide > div,
.carrouselslide-10-2.slide > div {
left: -100%;
}
/* line 208, ../../sass/components/_carrousel.scss */
.carrouselslide-1-3.slide > div,
.carrouselslide-2-3.slide > div,
.carrouselslide-3-3.slide > div,
.carrouselslide-4-3.slide > div,
.carrouselslide-5-3.slide > div,
.carrouselslide-6-3.slide > div,
.carrouselslide-7-3.slide > div,
.carrouselslide-8-3.slide > div,
.carrouselslide-9-3.slide > div,
.carrouselslide-10-3.slide > div {
left: -200%;
}
/* line 220, ../../sass/components/_carrousel.scss */
.carrouselslide-1-4.slide > div,
.carrouselslide-2-4.slide > div,
.carrouselslide-3-4.slide > div,
.carrouselslide-4-4.slide > div,
.carrouselslide-5-4.slide > div,
.carrouselslide-6-4.slide > div,
.carrouselslide-7-4.slide > div,
.carrouselslide-8-4.slide > div,
.carrouselslide-9-4.slide > div,
.carrouselslide-10-4.slide > div {
left: -300%;
}
/* line 232, ../../sass/components/_carrousel.scss */
.carrouselslide-1-5.slide > div,
.carrouselslide-2-5.slide > div,
.carrouselslide-3-5.slide > div,
.carrouselslide-4-5.slide > div,
.carrouselslide-5-5.slide > div,
.carrouselslide-6-5.slide > div,
.carrouselslide-7-5.slide > div,
.carrouselslide-8-5.slide > div,
.carrouselslide-9-5.slide > div,
.carrouselslide-10-5.slide > div {
left: -400%;
}
/* line 244, ../../sass/components/_carrousel.scss */
.carrouselslide-1-6.slide > div,
.carrouselslide-2-6.slide > div,
.carrouselslide-3-6.slide > div,
.carrouselslide-4-6.slide > div,
.carrouselslide-5-6.slide > div,
.carrouselslide-6-6.slide > div,
.carrouselslide-7-6.slide > div,
.carrouselslide-8-6.slide > div,
.carrouselslide-9-6.slide > div,
.carrouselslide-10-6.slide > div {
left: -500%;
}
/* line 256, ../../sass/components/_carrousel.scss */
.carrouselslide-1-7.slide > div,
.carrouselslide-2-7.slide > div,
.carrouselslide-3-7.slide > div,
.carrouselslide-4-7.slide > div,
.carrouselslide-5-7.slide > div,
.carrouselslide-6-7.slide > div,
.carrouselslide-7-7.slide > div,
.carrouselslide-8-7.slide > div,
.carrouselslide-9-7.slide > div,
.carrouselslide-10-7.slide > div {
left: -600%;
}
/* line 268, ../../sass/components/_carrousel.scss */
.carrouselslide-1-8.slide > div,
.carrouselslide-2-8.slide > div,
.carrouselslide-3-8.slide > div,
.carrouselslide-4-8.slide > div,
.carrouselslide-5-8.slide > div,
.carrouselslide-6-8.slide > div,
.carrouselslide-7-8.slide > div,
.carrouselslide-8-8.slide > div,
.carrouselslide-9-8.slide > div,
.carrouselslide-10-8.slide > div {
left: -700%;
}
/* line 280, ../../sass/components/_carrousel.scss */
.carrouselslide-1-9.slide > div,
.carrouselslide-2-9.slide > div,
.carrouselslide-3-9.slide > div,
.carrouselslide-4-9.slide > div,
.carrouselslide-5-9.slide > div,
.carrouselslide-6-9.slide > div,
.carrouselslide-7-9.slide > div,
.carrouselslide-8-9.slide > div,
.carrouselslide-9-9.slide > div,
.carrouselslide-10-9.slide > div {
left: -800%;
}
/* line 294, ../../sass/components/_carrousel.scss */
.slide .carrousel__content[aria-hidden=true] {
display: inline-block;
}
/* ------------------ transition fade ------------------ */
/* line 300, ../../sass/components/_carrousel.scss */
.fade .carrousel__content {
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
-ms-animation: fadein 1s;
animation: fadein 1s;
white-space: normal;
}
/* line 307, ../../sass/components/_carrousel.scss */
.fade .carrousel__content[aria-hidden=true] {
-webkit-animation: fadeout 1s;
-moz-animation: fadeout 1s;
-o-animation: fadeout 1s;
-ms-animation: fadeout 1s;
animation: fadeout 1s;
}
@-webkit-keyframes fadeout {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeout {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeout {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeout {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* ------------------ transition none ------------------ */
/* line 428, ../../sass/components/_carrousel.scss */
.none .carrousel__content {
white-space: normal;
}
/* ------------------ State rules ------------------ */
/*
* STYLES FOR HIDE SHOW, EXAMPLES
* en Fran�ais : STYLES POUR LE HIDE-SHOW, EXEMPLES
*/
/* line 441, ../../sass/components/_carrousel.scss */
.js-to_expand[data-hidden=true] {
display: none;
}
/* optionnal or prefix with .js with modernizr */
/* line 447, ../../sass/components/_carrousel.scss */
.expandmore__button {
background: none;
font-size: inherit;
color: inherit;
}
/* line 448, ../../sass/components/_carrousel.scss */
.expandmore__button[aria-expanded=false]:before {
content: '+ ';
}
/* line 451, ../../sass/components/_carrousel.scss */
.expandmore__button[aria-expanded=true]:before {
content: '- ';
}
/* line 458, ../../sass/components/_carrousel.scss */
.relative {
position: relative;
}
/* line 462, ../../sass/components/_carrousel.scss */
.news-carrousel__button__button .icon--play-simple {
width: auto;
height: auto;
min-height: 0;
line-height: 1;
}
/* line 470, ../../sass/components/_carrousel.scss */
.carrousel:not(.is-paused) .js-carrousel__button__start {
display: none;
}
/* line 474, ../../sass/components/_carrousel.scss */
.carrousel:not(.is-paused) .js-carrousel__button__pause {
display: block;
}
/* line 480, ../../sass/components/_carrousel.scss */
.carrousel.is-paused .js-carrousel__button__start {
display: block;
}
/* line 484, ../../sass/components/_carrousel.scss */
.carrousel.is-paused .js-carrousel__button__pause {
display: none;
}
/* line 489, ../../sass/components/_carrousel.scss */
.carrousel .news-carrousel__button__button {
background: 0;
}
/* line 493, ../../sass/components/_carrousel.scss */
.sicky-color-primary {
color: #000078 !important;
}
/* line 495, ../../sass/components/_carrousel.scss */
.sicky-color-primary:hover {
color: #D0D0D0 !important;
text-decoration: none;
}
/* line 1, ../../sass/components/_typography.scss */
a {
text-decoration: none;
}
/* line 4, ../../sass/components/_typography.scss */
a:hover {
text-decoration: none;
}
@media (min-width: 48em) {
/* line 9, ../../sass/components/_typography.scss */
.link-mobile {
display: none;
}
}
@media (max-width: 47.99em) {
/* line 9, ../../sass/components/_typography.scss */
.link-mobile {
display: block;
font-size: 1.0625rem;
margin-top: 16px;
padding-bottom: 16px;
text-decoration: underline;
}
}
/** H E A D I N G S **/
/* line 24, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary, .menupopup .login-detail .ruler.ruler--primary.heading, h2.ruler.ruler--primary, .card-block-header.ruler.ruler--primary {
width: 100%;
line-height: 0.95;
display: inline-block;
margin-bottom: 4px;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-size: 2.5rem;
font-weight: bold;
/** Right Link**/
}
@media (max-width: 61.99em) {
/* line 24, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary, .menupopup .login-detail .ruler.ruler--primary.heading, h2.ruler.ruler--primary, .card-block-header.ruler.ruler--primary {
font-size: 1.75rem;
}
}
/* line 36, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon, .menupopup .login-detail .ruler.ruler--primary.heading .icon, h2.ruler.ruler--primary .icon, .card-block-header.ruler.ruler--primary .icon {
font-size: 3.4rem;
}
/* line 40, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small, .menupopup .login-detail .ruler.ruler--primary.header-small.heading, h2.ruler.ruler--primary.header-small, .card-block-header.ruler.ruler--primary.header-small {
font-size: 1.75rem;
}
/* line 43, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon, h2.ruler.ruler--primary.header-small .icon, .card-block-header.ruler.ruler--primary.header-small .icon {
font-size: 2.375rem;
}
/* line 46, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--oferta-formativa, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--oferta-formativa, h2.ruler.ruler--primary.header-small .icon--oferta-formativa, .card-block-header.ruler.ruler--primary.header-small .icon--oferta-formativa {
top: -12px;
margin-right: 6px;
}
/* line 50, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--lab, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--lab, h2.ruler.ruler--primary.header-small .icon--lab, .card-block-header.ruler.ruler--primary.header-small .icon--lab {
margin-right: 4px;
}
/* line 53, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--calendar, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--calendar, h2.ruler.ruler--primary.header-small .icon--calendar, .card-block-header.ruler.ruler--primary.header-small .icon--calendar {
top: -8px;
margin-right: 4px;
}
/* line 58, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--rss-white, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--rss-white, h2.ruler.ruler--primary.header-small .icon--rss-white, .card-block-header.ruler.ruler--primary.header-small .icon--rss-white {
margin-right: -19px;
}
/* line 61, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--normal-link, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--normal-link,
.h2.ruler.ruler--primary.header-small .icon--contact,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--contact,
.h2.ruler.ruler--primary.header-small .icon--more-social-media,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--more-social-media,
.h2.ruler.ruler--primary.header-small .icon--phone,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--phone,
.h2.ruler.ruler--primary.header-small .icon--rss-social-media,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--rss-social-media,
.h2.ruler.ruler--primary.header-small .icon--social-facebook,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-facebook,
.h2.ruler.ruler--primary.header-small .icon--social-flickr,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-flickr,
.h2.ruler.ruler--primary.header-small .icon--social-instagram,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-instagram,
.h2.ruler.ruler--primary.header-small .icon--social-linkedin,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-linkedin,
.h2.ruler.ruler--primary.header-small .icon--social-media-2,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-media-2,
.h2.ruler.ruler--primary.header-small .icon--social-media-3,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-media-3,
.h2.ruler.ruler--primary.header-small .icon--social-twitter,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-twitter,
.h2.ruler.ruler--primary.header-small .icon--social-vimeo,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--social-vimeo,
.h2.ruler.ruler--primary.header-small .icon--spotify,
.menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--spotify, h2.ruler.ruler--primary.header-small .icon--normal-link,
h2.ruler.ruler--primary.header-small .icon--contact,
h2.ruler.ruler--primary.header-small .icon--more-social-media,
h2.ruler.ruler--primary.header-small .icon--phone,
h2.ruler.ruler--primary.header-small .icon--rss-social-media,
h2.ruler.ruler--primary.header-small .icon--social-facebook,
h2.ruler.ruler--primary.header-small .icon--social-flickr,
h2.ruler.ruler--primary.header-small .icon--social-instagram,
h2.ruler.ruler--primary.header-small .icon--social-linkedin,
h2.ruler.ruler--primary.header-small .icon--social-media-2,
h2.ruler.ruler--primary.header-small .icon--social-media-3,
h2.ruler.ruler--primary.header-small .icon--social-twitter,
h2.ruler.ruler--primary.header-small .icon--social-vimeo,
h2.ruler.ruler--primary.header-small .icon--spotify, .card-block-header.ruler.ruler--primary.header-small .icon--normal-link,
.card-block-header.ruler.ruler--primary.header-small .icon--contact,
.card-block-header.ruler.ruler--primary.header-small .icon--more-social-media,
.card-block-header.ruler.ruler--primary.header-small .icon--phone,
.card-block-header.ruler.ruler--primary.header-small .icon--rss-social-media,
.card-block-header.ruler.ruler--primary.header-small .icon--social-facebook,
.card-block-header.ruler.ruler--primary.header-small .icon--social-flickr,
.card-block-header.ruler.ruler--primary.header-small .icon--social-instagram,
.card-block-header.ruler.ruler--primary.header-small .icon--social-linkedin,
.card-block-header.ruler.ruler--primary.header-small .icon--social-media-2,
.card-block-header.ruler.ruler--primary.header-small .icon--social-media-3,
.card-block-header.ruler.ruler--primary.header-small .icon--social-twitter,
.card-block-header.ruler.ruler--primary.header-small .icon--social-vimeo,
.card-block-header.ruler.ruler--primary.header-small .icon--spotify {
margin-right: -6px;
}
/* line 77, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--pencil, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--pencil, h2.ruler.ruler--primary.header-small .icon--pencil, .card-block-header.ruler.ruler--primary.header-small .icon--pencil {
height: 30px;
margin-top: 4px;
}
/* line 81, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary.header-small .icon--model-educatiu, .menupopup .login-detail .ruler.ruler--primary.header-small.heading .icon--model-educatiu, h2.ruler.ruler--primary.header-small .icon--model-educatiu, .card-block-header.ruler.ruler--primary.header-small .icon--model-educatiu {
height: 44px;
margin-top: -10px;
width: 34px;
}
/* line 87, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon, .menupopup .login-detail .ruler.ruler--primary.heading .icon, h2.ruler.ruler--primary .icon, .card-block-header.ruler.ruler--primary .icon {
float: right;
}
/* line 90, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--normal-link, .menupopup .login-detail .ruler.ruler--primary.heading .icon--normal-link,
.h2.ruler.ruler--primary .icon--contact,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--contact,
.h2.ruler.ruler--primary .icon--more-social-media,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--more-social-media,
.h2.ruler.ruler--primary .icon--phone,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--phone,
.h2.ruler.ruler--primary .icon--rss-social-media,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--rss-social-media,
.h2.ruler.ruler--primary .icon--rss-white,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--rss-white,
.h2.ruler.ruler--primary .icon--social-facebook,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-facebook,
.h2.ruler.ruler--primary .icon--social-flickr,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-flickr,
.h2.ruler.ruler--primary .icon--social-instagram,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-instagram,
.h2.ruler.ruler--primary .icon--social-linkedin,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-linkedin,
.h2.ruler.ruler--primary .icon--social-media-2,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-media-2,
.h2.ruler.ruler--primary .icon--social-media-3,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-media-3,
.h2.ruler.ruler--primary .icon--social-twitter,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-twitter,
.h2.ruler.ruler--primary .icon--social-vimeo,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-vimeo,
.h2.ruler.ruler--primary .icon--social-youtube,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--social-youtube,
.h2.ruler.ruler--primary .icon--spotify,
.menupopup .login-detail .ruler.ruler--primary.heading .icon--spotify, h2.ruler.ruler--primary .icon--normal-link,
h2.ruler.ruler--primary .icon--contact,
h2.ruler.ruler--primary .icon--more-social-media,
h2.ruler.ruler--primary .icon--phone,
h2.ruler.ruler--primary .icon--rss-social-media,
h2.ruler.ruler--primary .icon--rss-white,
h2.ruler.ruler--primary .icon--social-facebook,
h2.ruler.ruler--primary .icon--social-flickr,
h2.ruler.ruler--primary .icon--social-instagram,
h2.ruler.ruler--primary .icon--social-linkedin,
h2.ruler.ruler--primary .icon--social-media-2,
h2.ruler.ruler--primary .icon--social-media-3,
h2.ruler.ruler--primary .icon--social-twitter,
h2.ruler.ruler--primary .icon--social-vimeo,
h2.ruler.ruler--primary .icon--social-youtube,
h2.ruler.ruler--primary .icon--spotify, .card-block-header.ruler.ruler--primary .icon--normal-link,
.card-block-header.ruler.ruler--primary .icon--contact,
.card-block-header.ruler.ruler--primary .icon--more-social-media,
.card-block-header.ruler.ruler--primary .icon--phone,
.card-block-header.ruler.ruler--primary .icon--rss-social-media,
.card-block-header.ruler.ruler--primary .icon--rss-white,
.card-block-header.ruler.ruler--primary .icon--social-facebook,
.card-block-header.ruler.ruler--primary .icon--social-flickr,
.card-block-header.ruler.ruler--primary .icon--social-instagram,
.card-block-header.ruler.ruler--primary .icon--social-linkedin,
.card-block-header.ruler.ruler--primary .icon--social-media-2,
.card-block-header.ruler.ruler--primary .icon--social-media-3,
.card-block-header.ruler.ruler--primary .icon--social-twitter,
.card-block-header.ruler.ruler--primary .icon--social-vimeo,
.card-block-header.ruler.ruler--primary .icon--social-youtube,
.card-block-header.ruler.ruler--primary .icon--spotify {
width: auto;
height: auto;
line-height: 1;
margin-right: -8px;
font-size: 3.4rem;
}
/* line 112, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--social-youtube, .menupopup .login-detail .ruler.ruler--primary.heading .icon--social-youtube, h2.ruler.ruler--primary .icon--social-youtube, .card-block-header.ruler.ruler--primary .icon--social-youtube {
margin-right: -2px;
}
/* line 115, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--coneixUOC, .menupopup .login-detail .ruler.ruler--primary.heading .icon--coneixUOC, h2.ruler.ruler--primary .icon--coneixUOC, .card-block-header.ruler.ruler--primary .icon--coneixUOC {
margin-right: -8px;
}
/* line 118, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--rss-white, .menupopup .login-detail .ruler.ruler--primary.heading .icon--rss-white, h2.ruler.ruler--primary .icon--rss-white, .card-block-header.ruler.ruler--primary .icon--rss-white {
margin-right: -24px;
}
/* line 121, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--oferta-formativa, .menupopup .login-detail .ruler.ruler--primary.heading .icon--oferta-formativa, h2.ruler.ruler--primary .icon--oferta-formativa, .card-block-header.ruler.ruler--primary .icon--oferta-formativa {
top: -19px;
}
/* line 124, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--pencil, .menupopup .login-detail .ruler.ruler--primary.heading .icon--pencil, h2.ruler.ruler--primary .icon--pencil, .card-block-header.ruler.ruler--primary .icon--pencil {
height: 42px;
margin-top: 8px;
}
/* line 128, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .icon--model-educatiu, .menupopup .login-detail .ruler.ruler--primary.heading .icon--model-educatiu, h2.ruler.ruler--primary .icon--model-educatiu, .card-block-header.ruler.ruler--primary .icon--model-educatiu {
height: 64px;
margin-top: -14px;
width: 48px;
}
/* line 135, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary span + span, .menupopup .login-detail .ruler.ruler--primary.heading span + span, .h2.ruler.ruler--primary .link-without-icon, .menupopup .login-detail .ruler.ruler--primary.heading .link-without-icon, h2.ruler.ruler--primary span + span, h2.ruler.ruler--primary .link-without-icon, .card-block-header.ruler.ruler--primary span + span, .card-block-header.ruler.ruler--primary .link-without-icon {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
position: absolute;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
right: 0;
padding: 4px 44px 0 0;
text-decoration: underline;
font-size: 1.0625rem;
font-weight: normal;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 135, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary span + span, .menupopup .login-detail .ruler.ruler--primary.heading span + span, .h2.ruler.ruler--primary .link-without-icon, .menupopup .login-detail .ruler.ruler--primary.heading .link-without-icon, h2.ruler.ruler--primary span + span, h2.ruler.ruler--primary .link-without-icon, .card-block-header.ruler.ruler--primary span + span, .card-block-header.ruler.ruler--primary .link-without-icon {
display: none;
}
}
@media (max-width: 47.99em) {
/* line 135, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary span + span, .menupopup .login-detail .ruler.ruler--primary.heading span + span, .h2.ruler.ruler--primary .link-without-icon, .menupopup .login-detail .ruler.ruler--primary.heading .link-without-icon, h2.ruler.ruler--primary span + span, h2.ruler.ruler--primary .link-without-icon, .card-block-header.ruler.ruler--primary span + span, .card-block-header.ruler.ruler--primary .link-without-icon {
position: static;
}
}
@media (max-width: 47.99em) {
/* line 135, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary span + span, .menupopup .login-detail .ruler.ruler--primary.heading span + span, .h2.ruler.ruler--primary .link-without-icon, .menupopup .login-detail .ruler.ruler--primary.heading .link-without-icon, h2.ruler.ruler--primary span + span, h2.ruler.ruler--primary .link-without-icon, .card-block-header.ruler.ruler--primary span + span, .card-block-header.ruler.ruler--primary .link-without-icon {
border-top: 1px solid #d0d0d0;
}
}
/* line 147, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary span + span.show-link, .menupopup .login-detail .ruler.ruler--primary.heading span + span.show-link, h2.ruler.ruler--primary span + span.show-link, .card-block-header.ruler.ruler--primary span + span.show-link {
border: none;
display: block;
position: absolute;
top: 4px;
}
/* line 154, ../../sass/components/_typography.scss */
.h2.ruler.ruler--primary .link-without-icon, .menupopup .login-detail .ruler.ruler--primary.heading .link-without-icon, h2.ruler.ruler--primary .link-without-icon, .card-block-header.ruler.ruler--primary .link-without-icon {
padding-right: 4px;
text-align: right;
}
/* line 161, ../../sass/components/_typography.scss */
.component-header-subtitle {
font-weight: normal;
font-size: 1.75rem;
line-height: 24.5px;
margin-top: 6px;
}
/* line 168, ../../sass/components/_typography.scss */
.dynamic--title-size {
vertical-align: top;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.875rem !important;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 168, ../../sass/components/_typography.scss */
.dynamic--title-size {
font-size: 1rem !important;
}
}
/* line 173, ../../sass/components/_typography.scss */
.dynamic--title-size-md {
vertical-align: top;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.75rem !important;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 74.99em) {
/* line 173, ../../sass/components/_typography.scss */
.dynamic--title-size-md {
font-size: 1.875rem !important;
}
}
@media (max-width: 61.99em) {
/* line 173, ../../sass/components/_typography.scss */
.dynamic--title-size-md {
font-size: 1.75rem !important;
}
}
@media (max-width: 47.99em) {
/* line 173, ../../sass/components/_typography.scss */
.dynamic--title-size-md {
font-size: 1.0625rem !important;
}
}
@media (max-width: 33.99em) {
/* line 173, ../../sass/components/_typography.scss */
.dynamic--title-size-md {
font-size: 0.75rem !important;
}
}
/* line 178, ../../sass/components/_typography.scss */
.dynamic--title-size-lg {
vertical-align: top;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.875rem !important;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 178, ../../sass/components/_typography.scss */
.dynamic--title-size-lg {
font-size: 1.0625rem !important;
}
}
@media (max-width: 47.99em) {
/* line 178, ../../sass/components/_typography.scss */
.dynamic--title-size-lg {
font-size: 1.0625rem !important;
}
}
@media (max-width: 33.99em) {
/* line 178, ../../sass/components/_typography.scss */
.dynamic--title-size-lg {
font-size: 0.6875rem !important;
}
}
@media (max-width: 33.99em) {
/* line 178, ../../sass/components/_typography.scss */
.dynamic--title-size-lg {
line-height: 1.1rem !important;
}
}
/* line 191, ../../sass/components/_typography.scss */
.card-img-title {
font-size: 2.5rem;
line-height: 0.95;
font-weight: 600;
}
/* line 196, ../../sass/components/_typography.scss */
.card-title-link {
font-size: 2.5rem;
line-height: 0.95;
font-weight: 400;
}
/* line 217, ../../sass/components/_typography.scss */
.heading-h2-estudia {
font-size: 28px;
line-height: 1.0;
margin-bottom: 15px;
}
/* line 223, ../../sass/components/_typography.scss */
.fullwidth-height .fullwidth-bg__expand:after {
height: calc( 100% - 24px );
}
/* line 226, ../../sass/components/_typography.scss */
.fullwidth-height .fullwidth-bg__expand:before {
height: calc(100% - 24px);
}
@media (max-width: 47.99em) {
/* line 2, ../../sass/components/_header.scss */
.header-fixed {
/*height: 60px;*/
height: auto;
min-height: 60px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
margin: auto;
padding: 12px 12px 0;
}
/* line 14, ../../sass/components/_header.scss */
.header-fixed:not(.header-services) {
background-color: #ffffff;
}
}
@media (max-width: 47.99em) and (max-width: 47.99em) {
/* line 19, ../../sass/components/_header.scss */
.header-fixed.active, .header-fixed.selected {
height: 100%;
overflow: auto;
}
}
@media (max-width: 47.99em) {
/* line 29, ../../sass/components/_header.scss */
.nav-menu-container {
height: calc(100% - 68px);
}
/* line 33, ../../sass/components/_header.scss */
.nav-menu-container .nav-menu-scrollable-container {
max-height: 100%;
}
}
/* line 40, ../../sass/components/_header.scss */
.header-container {
width: 100%;
max-width: 1204px;
margin: 0 auto;
}
@media (max-width: 47.99em) {
/* line 40, ../../sass/components/_header.scss */
.header-container {
height: inherit;
}
}
@media (min-width: 48em) {
/* line 50, ../../sass/components/_header.scss */
#main-header {
width: 100%;
}
}
@media (max-width: 33.99em) {
/* line 55, ../../sass/components/_header.scss */
#main-header.active {
overflow: auto;
}
}
/* line 60, ../../sass/components/_header.scss */
.header-fixed {
/**
The 'default' rule is not submitted to any responsive query
**/
padding: 12px 12px 0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 60, ../../sass/components/_header.scss */
.header-fixed {
padding: 0 25px 8px;
}
}
@media (min-width: 75em) {
/* line 60, ../../sass/components/_header.scss */
.header-fixed {
padding: 0 100px 8px;
}
}
@media (min-width: 48em) {
/* line 65, ../../sass/components/_header.scss */
.header-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
margin: auto;
}
}
/* line 77, ../../sass/components/_header.scss */
.smaller .top-logo a {
margin-top: 3px;
}
/* line 81, ../../sass/components/_header.scss */
.smaller .top-logo + div, .smaller .top-logo + div + div, .smaller .top-logo + div + div + div, .smaller .top-logo + div + div + div + div {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 81, ../../sass/components/_header.scss */
.smaller .top-logo + div, .smaller .top-logo + div + div, .smaller .top-logo + div + div + div, .smaller .top-logo + div + div + div + div {
display: none;
}
}
/* line 88, ../../sass/components/_header.scss */
header:not(.header-services) .smaller .nav-dropdown.desktop-lang-dropdown {
top: 39px;
}
@media (min-width: 62em) {
/* line 95, ../../sass/components/_header.scss */
.smaller .nav-brands a {
height: 24px;
}
/* line 97, ../../sass/components/_header.scss */
.smaller .nav-brands a .brand-text {
display: none;
}
/* line 101, ../../sass/components/_header.scss */
.smaller .nav-brands a:hover .brand-text {
display: inline;
}
/* line 108, ../../sass/components/_header.scss */
.smaller .nav-menu-title {
display: none;
}
/* line 111, ../../sass/components/_header.scss */
.smaller .nav-menu-container {
margin-top: -65px;
}
/* line 114, ../../sass/components/_header.scss */
.smaller .nav-brands-desktop {
height: 30px;
}
}
/* line 119, ../../sass/components/_header.scss */
.component-header {
margin-bottom: 1em;
}
/* line 121, ../../sass/components/_header.scss */
.component-header .h4 {
font-weight: 600;
}
/* line 124, ../../sass/components/_header.scss */
.component-header h1, .component-header .h1, .component-header h2, .component-header .h2, .component-header .menupopup .login-detail .heading, .menupopup .login-detail .component-header .heading, .component-header h3, .component-header .h3, .component-header h4, .component-header .h4, .component-header h5, .component-header .h5, .component-header h6, .component-header .h6 {
display: block;
}
/* line 130, ../../sass/components/_header.scss */
.alumni-about-us .h1, .alumni-news .h1 {
margin-bottom: 45px;
}
/* line 133, ../../sass/components/_header.scss */
.alumni-about-us .h2, .alumni-about-us .menupopup .login-detail .heading, .menupopup .login-detail .alumni-about-us .heading, .alumni-news .h2, .alumni-news .menupopup .login-detail .heading, .menupopup .login-detail .alumni-news .heading {
font-size: 1.7rem;
}
@media (min-width: 768px) {
/* line 138, ../../sass/components/_header.scss */
.alumni-about-us .second-content .left-content p, .alumni-news .second-content .left-content p {
font-size: 2rem;
}
}
/* line 144, ../../sass/components/_header.scss */
.alumni-about-us .second-content .right-sec, .alumni-news .second-content .right-sec {
max-width: 600px;
}
/* line 146, ../../sass/components/_header.scss */
.alumni-about-us .second-content .right-sec .right-content, .alumni-news .second-content .right-sec .right-content {
padding-right: 25px;
padding-bottom: 15px;
}
/* line 149, ../../sass/components/_header.scss */
.alumni-about-us .second-content .right-sec .right-content .news-quoteone, .alumni-news .second-content .right-sec .right-content .news-quoteone {
padding-top: 22px;
padding-bottom: 50px;
}
/* line 153, ../../sass/components/_header.scss */
.alumni-about-us .second-content .right-sec .right-content .news-quotetwo, .alumni-news .second-content .right-sec .right-content .news-quotetwo {
padding-top: 25px;
padding-bottom: 40px;
}
/* line 159, ../../sass/components/_header.scss */
.alumni-about-us .second-content .box-container, .alumni-news .second-content .box-container {
margin-top: 60px;
}
/* line 161, ../../sass/components/_header.scss */
.alumni-about-us .second-content .box-container .box-view, .alumni-news .second-content .box-container .box-view {
margin-top: 35px;
margin-bottom: 42px;
}
/* line 164, ../../sass/components/_header.scss */
.alumni-about-us .second-content .box-container .box-view .card-subtitle, .alumni-news .second-content .box-container .box-view .card-subtitle {
margin-bottom: 22px;
}
@media (min-width: 992px) {
/* line 173, ../../sass/components/_header.scss */
.alumni-news .news-title {
width: 590px;
}
}
/* line 178, ../../sass/components/_header.scss */
.alumni-news .news-subtitle {
margin-bottom: 32px;
}
/* line 181, ../../sass/components/_header.scss */
.alumni-news .second-content {
padding-bottom: 40px;
}
/* line 183, ../../sass/components/_header.scss */
.alumni-news .second-content .right-sec {
max-width: 590px !important;
}
/* line 189, ../../sass/components/_header.scss */
.guia-expertsnew {
padding-bottom: 50px;
}
/* line 192, ../../sass/components/_header.scss */
.guia-expertsnew .card .card__contents .h4 {
font-size: 1.65rem;
}
/* line 197, ../../sass/components/_header.scss */
.desktop-lang-box {
font-size: 14px;
cursor: pointer;
background: none;
text-align: left;
}
/* line 203, ../../sass/components/_header.scss */
.desktop-lang-box .content-button-campus {
position: relative;
left: 0;
top: 1px;
}
/* line 209, ../../sass/components/_header.scss */
.mobile-menu {
padding-left: 2px;
display: table;
table-layout: fixed;
width: 100%;
}
/* line 214, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container {
display: table-row;
}
/* line 216, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-logo {
width: 58px;
display: table-cell;
padding-right: 0;
vertical-align: top;
}
/* line 221, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-logo img {
min-width: 58px;
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-logo img {
height: 44px;
}
}
/* line 228, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-slogan {
display: table-cell;
padding-right: 4px;
padding-left: 8px;
vertical-align: top;
}
/* line 233, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-slogan .nav-menu-title {
font-size: 0.875rem;
min-width: 110px;
}
@media (max-width: 47.99em) {
/* line 233, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .top-slogan .nav-menu-title {
height: 44px;
}
}
/* line 242, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .mobile-buttons {
display: table-cell;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 544px) {
/* line 242, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .mobile-buttons {
width: 40%;
}
}
@media (min-width: 545px) {
/* line 242, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .mobile-buttons {
width: 32%;
}
}
/* line 248, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .mobile-buttons button {
margin: 0;
padding: 0;
}
/* line 252, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .mobile-buttons button .icon, .mobile-menu .menu-mobile-container .mobile-buttons button .icon:before {
height: 100%;
width: 100%;
}
/* line 258, ../../sass/components/_header.scss */
.mobile-menu .menu-mobile-container .icon--close {
position: absolute;
right: -6px;
font-size: 3.25rem;
font-weight: 300;
}
/* line 267, ../../sass/components/_header.scss */
.invisible-element {
position: absolute;
top: -100px;
width: 1px;
height: 1px;
overflow: hidden;
font-size: x-small;
}
/* line 276, ../../sass/components/_header.scss */
.header-simple {
/* general fixed simple header */
margin-top: 0;
padding-top: 88px;
/* brand-header-light */
}
/* line 281, ../../sass/components/_header.scss */
.header-simple .site-wrapper main {
padding-top: 0;
}
/* line 285, ../../sass/components/_header.scss */
.header-simple .header-fixed {
/**
The 'default' rule is not submitted to any responsive query
**/
padding: 0 100px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 74.99em) {
/* line 285, ../../sass/components/_header.scss */
.header-simple .header-fixed {
padding: 0 25px;
}
}
@media (max-width: 61.99em) {
/* line 285, ../../sass/components/_header.scss */
.header-simple .header-fixed {
padding: 12px 12px;
}
}
@media (max-width: 33.99em) {
/* line 285, ../../sass/components/_header.scss */
.header-simple .header-fixed {
padding: 12px 12px;
}
}
/* line 291, ../../sass/components/_header.scss */
.header-simple .brand-header-light .header-container {
margin: 0 auto;
max-width: 75.25rem;
/**
The 'default' rule is not submitted to any responsive query
**/
padding: 8px 4px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 291, ../../sass/components/_header.scss */
.header-simple .brand-header-light .header-container {
padding: 8px 2px 0;
}
}
/* line 295, ../../sass/components/_header.scss */
.header-simple .brand-header-light .header-container .col-lg-9 {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 295, ../../sass/components/_header.scss */
.header-simple .brand-header-light .header-container .col-lg-9 {
padding-right: 0;
}
}
/* line 300, ../../sass/components/_header.scss */
.header-simple .brand-header-light .top-logo {
display: inline-block;
height: 68px;
margin-right: 5px;
position: absolute;
top: 0;
width: auto;
}
/* line 309, ../../sass/components/_header.scss */
.header-simple .brand-header-light .top-logo img {
height: 100%;
width: auto;
}
/* line 314, ../../sass/components/_header.scss */
.header-simple .brand-header-light .top-slogan {
height: 68px;
font-family: uoc-serif;
font-size: 1rem;
margin: 0 0 0 100px;
overflow: hidden;
padding-top: 3px;
}
/* line 323, ../../sass/components/_header.scss */
.header-simple .brand-header-light .top-title-wrapper {
height: 68px;
margin-top: 0;
overflow: hidden;
}
@media (min-width: 62em) {
/* line 331, ../../sass/components/_header.scss */
.header-simple .smaller .top-logo + div {
display: block;
}
}
/* line 337, ../../sass/components/_header.scss */
header.header-services {
padding-bottom: 0;
}
/* line 340, ../../sass/components/_header.scss */
header.header-services .nav-menu > ul > li {
min-height: 32px;
padding-bottom: 17px;
/* Necessary property for correctly showing dropdown on desktop*/
}
@media (min-width: 62em) {
/* line 346, ../../sass/components/_header.scss */
header.header-services #main-nav-menu {
padding-top: 1.25rem;
display: inline-block;
width: 100%;
}
/* line 353, ../../sass/components/_header.scss */
header.header-services #main-nav-menu > ul > li {
width: 20%;
display: inline-block;
float: left;
}
/* line 357, ../../sass/components/_header.scss */
header.header-services #main-nav-menu > ul > li:not(:last-child) {
width: calc( 20% - 5.6px );
margin-right: 0.35rem;
}
/* line 364, ../../sass/components/_header.scss */
header.header-services #main-nav-menu .dropdown-button-header {
height: 3.1875rem;
}
}
/* line 370, ../../sass/components/_header.scss */
header.header-services .disabled .dropdown-button-header:hover {
border-color: #d0d0d0;
}
/* line 374, ../../sass/components/_header.scss */
header.header-services.header-fixed {
padding: 0;
}
/* line 379, ../../sass/components/_header.scss */
header.header-services:not(.active) .header__menu, header.header-services:not(.active) .header__nav {
padding: 0 100px;
}
@media (max-width: 74.99em) {
/* line 379, ../../sass/components/_header.scss */
header.header-services:not(.active) .header__menu, header.header-services:not(.active) .header__nav {
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
}
@media (max-width: 61.99em) {
/* line 379, ../../sass/components/_header.scss */
header.header-services:not(.active) .header__menu, header.header-services:not(.active) .header__nav {
padding-left: 0.8125rem;
padding-right: 0.8125rem;
}
}
/* line 393, ../../sass/components/_header.scss */
header.header-services .header__menu .header__row {
display: flex;
height: 4.375rem;
padding: 0.8125rem 0;
margin-left: -0.35rem;
margin-right: -0.35rem;
}
/* line 400, ../../sass/components/_header.scss */
header.header-services .header__menu .header-container {
position: relative;
}
@media (min-width: 62em) {
/* line 405, ../../sass/components/_header.scss */
header.header-services .header__nav {
height: 9.625rem;
}
/* line 408, ../../sass/components/_header.scss */
header.header-services .header__nav .header-container {
padding-left: 3.975rem;
}
}
@media (max-width: 61.99em) {
/* line 413, ../../sass/components/_header.scss */
header.header-services .header__nav .nav-menu {
padding-left: 12px;
padding-right: 12px;
}
/* line 417, ../../sass/components/_header.scss */
header.header-services .header__nav .nav-menu-subtitle {
display: none;
}
}
/* line 422, ../../sass/components/_header.scss */
header.header-services .header__nav .nav-menu-subtitle {
padding-top: 1rem;
line-height: 2rem;
}
/* line 426, ../../sass/components/_header.scss */
header.header-services .header__nav .nav-dropdown {
width: 100%;
left: 0;
}
/* line 431, ../../sass/components/_header.scss */
.nav-disabled header.header-services .header__nav {
height: auto;
padding-bottom: 2rem;
}
/* line 437, ../../sass/components/_header.scss */
header.header-services .ruler + .header__wrapper {
height: 2.1875rem;
}
/* line 441, ../../sass/components/_header.scss */
header.header-services .header__item {
display: inline-block;
height: 100%;
margin-right: 0.35rem;
position: relative;
}
/* line 446, ../../sass/components/_header.scss */
header.header-services .header__item:first-child {
margin-left: 0.35rem;
}
/* line 452, ../../sass/components/_header.scss */
header.header-services .header__button .header__wrapper {
width: 3.5625rem;
}
/* line 454, ../../sass/components/_header.scss */
header.header-services .header__button .header__wrapper > button {
padding: 0;
width: inherit;
}
/* line 462, ../../sass/components/_header.scss */
header.header-services .header__logo img {
height: 2.6875rem;
max-width: none;
}
@media (max-width: 47.99em) {
/* line 462, ../../sass/components/_header.scss */
header.header-services .header__logo img {
width: 3.5625rem;
}
}
@media (min-width: 48em) {
/* line 462, ../../sass/components/_header.scss */
header.header-services .header__logo img {
width: 3.625rem;
}
}
/* line 473, ../../sass/components/_header.scss */
header.header-services .header__title {
font-family: uoc-serif;
font-size: 16px;
font-size: 1rem;
width: 100%;
}
/* line 479, ../../sass/components/_header.scss */
header.header-services .header__title .header-title--cropped {
display: block;
height: 2.1875rem;
max-width: 6.875rem;
}
/* line 486, ../../sass/components/_header.scss */
header.header-services .desktop-lang-box {
border: 0;
position: absolute;
}
/* line 491, ../../sass/components/_header.scss */
header.header-services .mobile-button {
height: 2.6875rem;
min-height: 0;
}
/* line 494, ../../sass/components/_header.scss */
header.header-services .mobile-button.active {
background: white;
}
/* line 499, ../../sass/components/_header.scss */
header.header-services .mobile-menu {
background: white;
padding: 0.8125rem;
position: absolute;
top: 0;
z-index: 100;
}
/* line 509, ../../sass/components/_header.scss */
.smaller header.header-services .nav-dropdown.desktop-lang-dropdown {
top: 4.25rem;
}
/* line 515, ../../sass/components/_header.scss */
header.header-services .languages-dropdown {
right: 0;
top: 70px;
}
/* line 519, ../../sass/components/_header.scss */
header.header-services .languages-dropdown .dropdown-menu-arrow:after,
header.header-services .languages-dropdown .dropdown-menu-arrow:before {
left: 75%;
}
@media (min-width: 34em) {
/* line 525, ../../sass/components/_header.scss */
header.header-services .mobile-button .icon.icon--campus:before, header.header-services .mobile-button .icon.icon--zhamburguer:before {
webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (min-width: 48em) {
/* line 525, ../../sass/components/_header.scss */
header.header-services .mobile-button .icon.icon--campus:before, header.header-services .mobile-button .icon.icon--zhamburguer:before {
webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
}
@media (min-width: 62em) {
/* line 543, ../../sass/components/_header.scss */
#main-header.header-institucionals {
padding-top: 28px;
}
}
/* line 548, ../../sass/components/_header.scss */
#main-header.header-institucionals.smaller {
padding-top: 6px;
}
/* line 553, ../../sass/components/_header.scss */
.top-logo-secondary {
margin-top: 4px;
min-height: 64px;
}
/* line 557, ../../sass/components/_header.scss */
.top-logo-secondary .top-logo-background:before {
background-color: #000078;
content: " ";
display: block;
height: 63px;
position: absolute;
top: 0;
width: calc(100% - 8px);
z-index: -1;
}
/* line 567, ../../sass/components/_header.scss */
.header-anniversary #main-header.smaller .top-logo-secondary .top-logo-background:before {
content: none;
}
/* line 573, ../../sass/components/_header.scss */
.header-anniversary #main-header.smaller .top-logo-secondary img {
display: none;
}
/* line 579, ../../sass/components/_header.scss */
.top-lema-bold {
display: block;
font-size: 2.375rem;
font-weight: bold;
min-height: 46px;
}
@media (max-width: 47.99em) {
/* line 579, ../../sass/components/_header.scss */
.top-lema-bold {
font-size: 2.25rem;
}
}
/* line 591, ../../sass/components/_header.scss */
.aux-title-wrapper {
margin-bottom: 1rem;
}
@media (max-width: 420px) {
/* line 593, ../../sass/components/_header.scss */
.aux-title-wrapper .top-lema-bold {
font-size: 1.5rem;
}
}
/* line 600, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo {
padding-left: 2px;
padding-right: 2px;
height: 48px;
}
@media (min-width: 48em) {
/* line 600, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo {
padding-left: 4px;
padding-right: 4px;
}
}
/* line 609, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo img {
height: 48px;
max-height: 102px;
max-width: 64px;
padding: 0;
width: 100%;
}
@media (max-width: 47.99em) {
/* line 609, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo img {
height: 44px;
width: 58px;
}
}
@media (max-width: 61.99em) {
/* line 609, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo img {
max-width: 64px;
max-height: 102px;
}
}
/* line 628, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo, .aux-title-wrapper .top-slogan {
display: inline-block;
float: left;
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 633, ../../sass/components/_header.scss */
.aux-title-wrapper .top-logo {
width: 8.33333%;
}
}
/* line 639, ../../sass/components/_header.scss */
.aux-title-wrapper .top-slogan {
margin-left: 4px;
width: calc( 100% - 8.3333333333% - 8px );
}
@media (max-width: 47.99em) {
/* line 639, ../../sass/components/_header.scss */
.aux-title-wrapper .top-slogan {
width: calc( 100% - 58px - 8px);
}
}
/* line 649, ../../sass/components/_header.scss */
.aux-title-wrapper .ruler {
border-bottom-width: 4px;
border-top: 0;
padding-top: 5px;
}
/* line 661, ../../sass/components/_header.scss */
.header-anniversary {
/*&[class*="brand"] footer .brand-box{
@include mq($from: desktop){
background-color: transparent;
&:before{
content: none;
}
}
}*/
}
@media (min-width: 48em) {
/* line 662, ../../sass/components/_header.scss */
.header-anniversary .nav-menu-top {
min-height: auto;
}
}
/* line 683, ../../sass/components/_header.scss */
.header-anniversary .page-footer-top .brand-box-content {
min-height: 250px;
}
/* line 689, ../../sass/components/_header.scss */
.header-anniversary .site-wrapper main {
padding-top: 0;
}
/* line 694, ../../sass/components/_header.scss */
.header-anniversary .header-fixed.active .aux-title-wrapper {
display: none;
}
@media (max-width: 47.99em) {
/* line 701, ../../sass/components/_header.scss */
.header-combined .top-logo img {
width: 64px;
height: 48px;
}
}
@media (max-width: 47.99em) {
/* line 707, ../../sass/components/_header.scss */
.header-combined .top-logo + div {
width: calc(100% - 64px);
}
}
/* line 3, ../../sass/components/_footer.scss */
.page-footer-container {
width: 100%;
float: left;
position: relative;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
margin-top: 36px;
border-color: #d0d0d0;
background-color: #f8f8f8;
font-size: 1.0625rem;
}
@media (max-width: 74.99em) {
/* line 3, ../../sass/components/_footer.scss */
.page-footer-container {
overflow: hidden;
}
}
/* line 15, ../../sass/components/_footer.scss */
.page-footer-container .brand-box {
/**
The 'default' rule is not submitted to any responsive query
**/
width: calc(100% - 4px);
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
position: relative;
word-break: break-all;
font-style: italic;
}
@media (max-width: 47.99em) {
/* line 15, ../../sass/components/_footer.scss */
.page-footer-container .brand-box {
width: 100%;
}
}
/* line 22, ../../sass/components/_footer.scss */
.page-footer-container .brand-box .brand-box-content {
padding: 4px;
min-height: 250px;
}
@media (min-width: 1200px) {
/* line 32, ../../sass/components/_footer.scss */
.page-footer-container .page-bg .brand-box:before {
position: absolute;
right: -4px;
content: "";
display: block;
width: 4px;
background-color: #D5FAFF;
height: 100%;
}
/* line 40, ../../sass/components/_footer.scss */
.current-brand-ri .page-footer-container .page-bg .brand-box:before {
background-color: #C3FFDE;
}
/* line 44, ../../sass/components/_footer.scss */
.current-brand-x .page-footer-container .page-bg .brand-box:before {
background-color: #FFF6B3;
}
/* line 48, ../../sass/components/_footer.scss */
.current-brand-corporate .page-footer-container .page-bg .brand-box:before {
background-color: #FFD8DB;
}
/* line 52, ../../sass/components/_footer.scss */
.current-brand-alumni .page-footer-container .page-bg .brand-box:before {
background-color: #EBE2FF;
}
/* line 56, ../../sass/components/_footer.scss */
.current-brand-media .page-footer-container .page-bg .brand-box:before {
background-color: #FFDBFF;
}
}
@media (min-width: 48em) {
/* line 67, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top > div {
padding-bottom: 12px;
}
/* line 70, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top > div:last-child {
/** Twitter **/
padding-bottom: 0;
}
}
/* line 75, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4 {
min-height: 2.7rem;
margin: 0;
padding: 2px 0 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #d0d0d0;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-size: 1.0625rem;
font-weight: bold;
font-style: normal;
}
/* line 76, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4.one-row {
min-height: 34px;
}
@media (max-width: 61.99em) {
/* line 75, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4 {
border: none;
}
}
/* line 92, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4.inherited-color {
border-color: inherit;
}
@media (min-width: 62em) {
/* line 96, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4 .icon {
display: none;
}
}
@media (max-width: 61.99em) {
/* line 101, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4.active {
border-color: #000078;
}
/* line 104, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4.active .icon--arrow-down {
display: none;
}
/* line 107, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4.active .icon--arrow-up {
display: block;
}
/* line 111, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4 .icon--arrow-up {
display: none;
}
/* line 114, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top h4 .icon {
padding: 3px 9px 0 0;
font-size: 1rem;
}
}
/* line 121, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title {
min-height: 2.7rem;
margin: 0;
padding: 2px 0 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #d0d0d0;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-size: 1.0625rem;
font-weight: bold;
font-style: normal;
}
/* line 122, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title.one-row {
min-height: 34px;
}
/* line 127, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title > .h6 > button {
background-color: transparent;
border: none;
display: inline;
float: left;
height: 20px;
padding-top: 0;
padding-left: 0;
text-align: left;
width: 100%;
}
@media (max-width: 61.99em) {
/* line 121, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title {
border: none;
}
}
/* line 150, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title.inherited-color {
border-color: inherit;
}
@media (min-width: 62em) {
/* line 154, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title .icon {
display: none;
}
}
@media (max-width: 61.99em) {
/* line 159, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title.active {
border-color: #000078;
}
/* line 162, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title.active .icon--arrow-down {
display: none;
}
/* line 165, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title.active .icon--arrow-up {
display: inline;
}
/* line 169, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title .icon--arrow-up {
display: none;
}
/* line 172, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .footer-top-title .icon {
font-size: 1rem;
padding: 3px 9px 0 0;
position: absolute;
right: 0;
}
}
/* line 182, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top ul.auto-column {
-moz-columns: 175px 4;
-webkit-columns: 175px 4;
columns: 175px 4;
}
@media (max-width: 47.99em) {
/* line 182, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top ul.auto-column {
-moz-columns: 300px 2;
-webkit-columns: 300px 2;
columns: 300px 2;
}
}
/* line 189, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top ul.auto-column-2 {
-moz-columns: 100px 2;
-webkit-columns: 100px 2;
columns: 100px 2;
}
/* line 192, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top ul > li {
margin-bottom: 8px;
}
@media (max-width: 47.99em) {
/* line 192, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top ul > li {
margin-bottom: 16px;
border-top: 1px solid #d0d0d0;
}
}
/* line 202, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top div.nav-menu-border-default {
border-color: #73EDFF;
}
/* line 205, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .brand-box {
/**
The 'default' rule is not submitted to any responsive query
**/
min-height: 272px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
float: left;
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top .brand-box {
min-height: 0;
}
}
@media (max-width: 47.99em) {
/* line 212, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-top > div {
padding-left: 0;
padding-right: 0;
}
/* line 218, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-bottom > div:last-child {
padding: 0;
}
/* line 221, ../../sass/components/_footer.scss */
.page-footer-container .page-footer-bottom > div:last-child li {
padding-left: 2px;
padding-right: 2px;
}
}
@media (min-width: 75em) {
/* line 229, ../../sass/components/_footer.scss */
.page-footer-container .footer-bg {
height: 100%;
position: absolute;
top: 0;
display: block;
z-index: -1;
}
/* line 236, ../../sass/components/_footer.scss */
.page-footer-container .footer-bg.footer-bg-left {
background-color: #f8f8f8;
right: 50%;
width: 50vw;
}
/* line 241, ../../sass/components/_footer.scss */
.page-footer-container .footer-bg.footer-bg-right {
left: 50%;
width: 50vw;
}
}
/* line 248, ../../sass/components/_footer.scss */
.footer-text {
width: 100%;
float: left;
display: inline-block;
/**
The 'default' rule is not submitted to any responsive query
**/
border-top: 1px solid #d0d0d0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-size: 0.875rem;
}
@media (max-width: 47.99em) {
/* line 248, ../../sass/components/_footer.scss */
.footer-text {
border-top: none;
}
}
/* line 257, ../../sass/components/_footer.scss */
.footer-text li {
display: inline-block;
margin: 0;
}
/* line 262, ../../sass/components/_footer.scss */
.footer-text li:after {
content: ' - ';
}
/* line 266, ../../sass/components/_footer.scss */
.footer-text li:last-child:after {
content: '';
}
@media (max-width: 47.99em) {
/* line 257, ../../sass/components/_footer.scss */
.footer-text li {
width: 100%;
min-height: 34px;
border-top: 1px solid #d0d0d0;
}
/* line 276, ../../sass/components/_footer.scss */
.footer-text li:first-child {
border-top: 4px solid #d0d0d0;
}
/* line 279, ../../sass/components/_footer.scss */
.footer-text li:after {
content: '';
}
}
/* line 286, ../../sass/components/_footer.scss */
.footer-column-title {
font-size: 2.5625rem;
font-style: normal;
font-weight: bold;
line-height: 2.1875rem;
max-width: 170px;
text-transform: uppercase;
word-break: break-word;
word-wrap: break-word;
}
/* line 297, ../../sass/components/_footer.scss */
.footer-logo-wrapper {
bottom: 0;
left: 4px;
max-width: 187px;
position: absolute;
}
/* line 304, ../../sass/components/_footer.scss */
.pull-right .brand-box .brand-box-content {
min-height: 0px;
}
/* line 7, ../../sass/components/_dropdown-menu.scss */
.nav-menu:not(.nav-menu-soft-dropdown) .dropdown-button-header.active ~ .dropdown-menu .nav-dropdown--content {
display: block;
/* Fix to old main responsive menus */
}
/* line 14, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu {
width: 100%;
position: absolute;
z-index: 11;
padding: 7px;
border-top-width: 4px;
border-top-style: solid;
border-bottom-width: 4px;
border-bottom-style: solid;
border-color: #000078;
background-color: #f0f0f0;
font-size: 1.0625rem;
}
/* line 29, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-masterbrand {
border-color: #73EDFF;
background-color: #ffffff;
}
@media (max-width: 61.99em) {
/* line 34, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive {
position: static;
width: 100%;
padding: 0;
border: none;
background-color: transparent;
font-size: 1.3125rem;
}
/* line 44, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive ul {
column-count: 1;
}
/* line 47, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive .dropdown-menu-arrow {
display: none;
}
}
@media (max-width: 47.99em) {
/* line 53, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive-mobile {
position: static;
width: 100%;
padding: 0;
border: none;
background-color: transparent;
font-size: 1.3125rem;
}
/* line 63, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive-mobile ul {
column-count: 1;
}
/* line 66, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu.dropdown-menu-responsive-mobile .dropdown-menu-arrow {
display: none;
}
}
/* line 71, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu noscript .icon--close {
position: absolute;
top: 2px;
}
/* line 75, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu .icon--close {
position: absolute;
top: 4px;
right: 4px;
}
/* line 81, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow {
pointer-events: none;
}
/* line 84, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow:after, .dropdown-menu-arrow:before {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
top: -32px;
left: 0;
right: 0;
margin: auto;
border-style: solid;
}
/* line 98, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow:after {
/** inner arrow **/
top: -24px;
border-color: transparent transparent #f0f0f0 transparent;
border-width: 12px;
}
/* line 104, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow:before {
/** outer arrow **/
border-color: transparent transparent #000078 transparent;
border-width: 16px;
}
/* line 108, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow.dropdown-menu-masterbrand {
border-color: #73EDFF;
}
/* line 111, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow.dropdown-menu-masterbrand:before {
border-color: transparent transparent #73EDFF transparent;
}
/* line 114, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu-arrow.dropdown-menu-masterbrand:after {
border-color: transparent transparent #ffffff transparent;
}
@media (max-width: 61.99em) {
/* line 119, ../../sass/components/_dropdown-menu.scss */
.dropdown-menu--content {
width: 100%;
}
}
/* line 249, ../../sass/modules/_mixins-custom.scss */
.dropdown-menu--content::after, .dropdown-menu--content ul::after {
display: block;
content: "";
clear: both;
}
/* line 1, ../../sass/components/_flexbox.scss */
.flexbox-layout {
/* div[class*="col"]:first-child { */
/* padding-left: 0; */
/* } */
/* div[class*="col"]:last-child { */
/* padding-right: 0; */
/* } */
}
/* line 3, ../../sass/components/_flexbox.scss */
.flexbox-layout .flexbox--item {
height: 100% !important;
}
/* line 6, ../../sass/components/_flexbox.scss */
.flexbox-layout .card {
width: 100%;
height: 100%;
height: -moz-calc(100% - 8px);
height: -webkit-calc(100% - 8px);
height: calc(100% - 8px);
}
/* line 11, ../../sass/components/_flexbox.scss */
.flexbox-layout .card .card {
width: auto;
}
/* line 15, ../../sass/components/_flexbox.scss */
.flexbox-layout .card__contents {
height: 100%;
min-height: inherit;
}
/* line 19, ../../sass/components/_flexbox.scss */
.flexbox-layout .card__image {
display: -webkit-box ;
display: -moz-box ;
display: -ms-flexbox ;
display: -webkit-flex ;
display: flex ;
padding-left: 0;
padding-right: 0;
}
/* line 23, ../../sass/components/_flexbox.scss */
.flexbox-layout .card__image + .card__contents {
-moz-flex: 1 0 auto ;
-webkit-flex: 1 0 auto ;
-ms-flex: 1 0 auto ;
flex: 1 0 auto ;
height: calc(100% - 228px);
min-height: auto !important;
}
/* line 29, ../../sass/components/_flexbox.scss */
.flexbox-layout .img-wpr + .card__contents {
height: auto;
}
/* line 33, ../../sass/components/_flexbox.scss */
.flexbox-layout .modul-info-panoramic .card__contents {
height: -moz-calc(100% - 114px);
height: -webkit-calc(100% - 114px);
height: calc(100% - 114px);
}
@media (max-width: 767.99px) {
/* line 46, ../../sass/components/_flexbox.scss */
.alter-order-form {
display: inline-grid;
}
/* line 48, ../../sass/components/_flexbox.scss */
.alter-order-form div:first-of-type {
order: 2;
}
}
/*.card--with-footer {
.card__contents {
height: auto;
}
}*/
/* De aqui para abajo...ejem */
/* line 62, ../../sass/components/_flexbox.scss */
.service .flexbox-layout {
padding-top: 20px;
padding-bottom: 42px;
}
/* line 68, ../../sass/components/_flexbox.scss */
.first-block {
padding-bottom: 50px;
}
@media (max-width: 768px) {
/* line 74, ../../sass/components/_flexbox.scss */
.social-content .flexbox-layout .card__agenda .card__contents {
min-height: 228px;
}
}
/* line 83, ../../sass/components/_flexbox.scss */
.alumni-schedule .flexbox-layout > div, .alumni-service .flexbox-layout > div, .alumni-news .flexbox-layout > div, .alumni-activity .flexbox-layout > div, .alumni-about-us .flexbox-layout > div {
margin-bottom: 8px;
}
/* line 87, ../../sass/components/_flexbox.scss */
.alumni-schedule .own_pagination, .alumni-service .own_pagination, .alumni-news .own_pagination, .alumni-activity .own_pagination, .alumni-about-us .own_pagination {
padding-bottom: 30px;
}
@media (min-width: 768px) {
/* line 94, ../../sass/components/_flexbox.scss */
.alumni-about-us .img-figure {
max-width: 600px;
padding-left: 0;
}
/* line 97, ../../sass/components/_flexbox.scss */
.alumni-about-us .img-figure img {
height: 465px;
}
}
@media (max-width: 768px) {
/* line 103, ../../sass/components/_flexbox.scss */
.alumni-about-us .img-figure {
padding: 0;
}
}
/* line 110, ../../sass/components/_flexbox.scss */
.alumni-news .container {
padding-left: 12px;
padding-right: 12px;
}
@media (max-width: 768px) {
/* line 110, ../../sass/components/_flexbox.scss */
.alumni-news .container {
padding-left: 12px;
padding-right: 12px;
}
}
/* line 117, ../../sass/components/_flexbox.scss */
.alumni-news .container .row {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
/* line 121, ../../sass/components/_flexbox.scss */
.alumni-news .container .row .img-figure {
max-width: 590px;
padding-left: 0;
}
/* line 124, ../../sass/components/_flexbox.scss */
.alumni-news .container .row .img-figure img {
height: 465px;
}
}
@media (max-width: 768px) {
/* line 130, ../../sass/components/_flexbox.scss */
.alumni-news .container .row .img-figure {
padding: 0;
}
}
/* line 137, ../../sass/components/_flexbox.scss */
.flexbox-layout {
overflow: inherit;
}
/* line 139, ../../sass/components/_flexbox.scss */
.flexbox-layout.testimoni-videos {
display: flex;
-moz-flex-wrap: wrap ;
-webkit-flex-wrap: wrap ;
-ms-flex-wrap: str-replace(wrap, "nowrap", "none") ;
flex-wrap: wrap ;
}
@media (max-width: 47.99em) {
/* line 244, ../../sass/modules/_mixins-custom.scss */
.flexbox-layout--mobile {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 245, ../../sass/modules/_mixins-custom.scss */
.flexbox-layout--tablet {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
}
/* Fullwidth postGEF */
/* line 2, ../../sass/components/_fullwidth.scss */
.fullwidth {
overflow: visible;
}
/* line 6, ../../sass/components/_fullwidth.scss */
.fullwidth[class*="bg"] {
margin-left: -100px;
margin-right: -100px;
padding-left: 100px;
padding-right: 100px;
max-width: 1404px;
width: auto;
}
/* line 14, ../../sass/components/_fullwidth.scss */
.fullwidth--list {
min-height: auto;
padding: 16px 0;
}
/* line 19, ../../sass/components/_fullwidth.scss */
.fullwidth--home .container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
z-index: 2;
}
/* line 30, ../../sass/components/_fullwidth.scss */
.fullwidth--home form {
position: absolute;
width: 100%;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: 72px;
}
/* line 42, ../../sass/components/_fullwidth.scss */
.fullwidth--search .container {
position: relative;
width: 100%;
height: 100vh;
padding-left: 0;
padding-right: 0;
}
/* line 50, ../../sass/components/_fullwidth.scss */
.fullwidth--search form {
position: absolute;
width: 100%;
top: calc(50% - 55px);
height: 55px;
}
/* line 57, ../../sass/components/_fullwidth.scss */
.fullwidth__image {
margin-left: -100px;
margin-right: -100px;
max-width: 1404px;
position: relative;
display: block;
z-index: 2;
}
/* line 65, ../../sass/components/_fullwidth.scss */
.fullwidth__icon-bottom {
position: absolute;
margin: auto;
bottom: 32px;
left: 0;
right: 0;
width: 48px;
z-index: 3;
}
/* line 74, ../../sass/components/_fullwidth.scss */
.fullwidth--icon-center {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 4;
background: none;
border: none;
}
/* line 85, ../../sass/components/_fullwidth.scss */
.embedded-video {
padding-bottom: 56.25%;
padding-top: 25px;
width: 100%;
height: 100%;
display: block;
top: 0;
z-index: 1;
}
/* line 94, ../../sass/components/_fullwidth.scss */
.embedded-video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
/* line 102, ../../sass/components/_fullwidth.scss */
.full-vimeo {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
z-index: 2;
}
@media (max-width: 47.99em) {
/* line 112, ../../sass/components/_fullwidth.scss */
.fullwidth {
overflow: hidden;
}
/* line 116, ../../sass/components/_fullwidth.scss */
.fullwidth[class*="bg"] {
background-image: none !important;
}
}
/* line 1, ../../sass/components/_nav-tabs.scss */
.nav-tabs {
width: -moz-calc(100% + 8px);
width: -webkit-calc(100% + 8px);
width: calc(100% + 8px);
margin-left: -4px;
overflow: hidden;
padding: 0;
}
/* line 7, ../../sass/components/_nav-tabs.scss */
.nav-tabs--default-width {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
width: 100%;
}
@media (max-width: 61.99em) {
/* line 7, ../../sass/components/_nav-tabs.scss */
.nav-tabs--default-width {
margin: 0;
}
}
/* line 13, ../../sass/components/_nav-tabs.scss */
.nav-tabs--alternative > li {
float: left;
padding-right: 4px;
}
/* line 18, ../../sass/components/_nav-tabs.scss */
.nav-tabs--alternative .tab.ruler {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 18, ../../sass/components/_nav-tabs.scss */
.nav-tabs--alternative .tab.ruler {
border-top-width: 4px;
}
}
/* line 22, ../../sass/components/_nav-tabs.scss */
.tab-content:not(.tab-content--mobile-only) {
padding: 0;
}
/* line 27, ../../sass/components/_nav-tabs.scss */
.nav-tabs--color-alternative .tab {
color: #000078;
border-top-color: #000078;
}
/* line 30, ../../sass/components/_nav-tabs.scss */
.nav-tabs--color-alternative .tab.is-active {
color: #878787;
border-top-color: #878787;
}
/* line 37, ../../sass/components/_nav-tabs.scss */
ul.nav-tabs.nav-tabs--alternative.nav-tabs--color-alternative li {
padding-left: 4px;
padding-right: 4px;
}
/* line 42, ../../sass/components/_nav-tabs.scss */
.content-tab {
position: relative;
margin-top: -2rem;
padding-top: 72px;
padding-bottom: 40px;
border-top: solid 4px #000078;
background-color: #f0f0f0;
}
/* line 50, ../../sass/components/_nav-tabs.scss */
.content-tab > [class^="col-"] {
margin-bottom: 2rem;
}
/* line 56, ../../sass/components/_nav-tabs.scss */
.pop-arrow:before, .pop-arrow:after {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
top: -32px;
left: 0;
right: 0;
margin: auto;
border-style: solid;
}
/* line 69, ../../sass/components/_nav-tabs.scss */
.pop-arrow:before {
border-color: transparent transparent #000078 transparent;
border-width: 16px;
}
/* line 74, ../../sass/components/_nav-tabs.scss */
.pop-arrow:after {
top: -24px;
border-color: transparent transparent #f0f0f0 transparent;
border-width: 12px;
}
/** N A V I G A T I O N P R E H E A D E R **/
/* line 2, ../../sass/components/_navigation.scss */
.nav-brands-desktop {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 2, ../../sass/components/_navigation.scss */
.nav-brands-desktop {
display: none;
}
}
/* line 7, ../../sass/components/_navigation.scss */
footer .nav-brands-container > ul, footer .nav-helpers-container > ul {
margin: 0;
}
/* line 11, ../../sass/components/_navigation.scss */
.nav-brands-container > ul > li, .nav-helpers-container > ul > li {
list-style-type: none;
}
/* line 14, ../../sass/components/_navigation.scss */
footer .nav-brands-container > ul > li, footer .nav-helpers-container > ul > li {
margin: 0;
}
/* line 18, ../../sass/components/_navigation.scss */
.nav-brands-container > ul > li.selected a, .nav-helpers-container > ul > li.selected a {
border-color: #d0d0d0;
color: #706F6F;
}
/* line 24, ../../sass/components/_navigation.scss */
.nav-brands-container a, .nav-helpers-container a {
padding-top: 2px;
color: #000078;
font-size: 0.875rem;
}
/* line 30, ../../sass/components/_navigation.scss */
.nav-brands-container.nav-brands-reverse, .nav-helpers-container.nav-brands-reverse {
padding-top: 68px;
}
/* line 33, ../../sass/components/_navigation.scss */
.nav-brands-container.nav-brands-reverse li, .nav-helpers-container.nav-brands-reverse li {
position: relative;
}
/* line 36, ../../sass/components/_navigation.scss */
.nav-brands-container.nav-brands-reverse li a, .nav-helpers-container.nav-brands-reverse li a {
width: 90%;
position: absolute;
bottom: 0;
border-top: none;
border-bottom-width: 4px;
border-bottom-style: solid;
}
/* line 48, ../../sass/components/_navigation.scss */
#main-header.header-institucionals.smaller .nav-brands-container, #main-header.header-institucionals.smaller .nav-helpers-container {
display: none;
}
/* line 54, ../../sass/components/_navigation.scss */
.nav-brands > li a, .nav-helpers > li a {
font-family: "uoc-serif";
}
/* line 57, ../../sass/components/_navigation.scss */
.nav-brands > li a:hover, .nav-helpers > li a:hover {
border-color: #d0d0d0;
}
@media (max-width: 47.99em) {
/* line 54, ../../sass/components/_navigation.scss */
.nav-brands > li a, .nav-helpers > li a {
padding-bottom: 10px;
font-size: 1.3125rem;
}
}
/** M E N U **/
/** Border/Brand colors for each brand **/
/* line 51, ../../sass/modules/_mixins-custom.scss */
.ruler--dynamic,
.border-color-dynamic {
border-color: #73EDFF;
}
/* line 56, ../../sass/modules/_mixins-custom.scss */
.ruler--dynamic-hover:hover, .ruler--dynamic-hover.selected {
border-color: #73EDFF;
}
/* line 61, ../../sass/modules/_mixins-custom.scss */
.hover--dynamic-hover:hover, .hover--dynamic-hover.selected, .hover--dynamic-hover.active {
background: #73EDFF;
}
/* line 65, ../../sass/modules/_mixins-custom.scss */
.brand-box {
background-color: rgba(115, 237, 255, 0.3);
border-color: #73EDFF;
}
/* line 70, ../../sass/modules/_mixins-custom.scss */
footer .brand-box {
background-color: #D5FAFF;
/** color sin tranparencia **/
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .ruler--dynamic,
.current-brand-default .border-color-dynamic {
border-color: #73EDFF;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .ruler--dynamic-hover:hover, .current-brand-default .ruler--dynamic-hover.selected {
border-color: #73EDFF;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .hover--dynamic-hover:hover, .current-brand-default .hover--dynamic-hover.selected, .current-brand-default .hover--dynamic-hover.active {
background: #73EDFF;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .dynamic-bg,
.current-brand-default .btn.dynamic-bg {
background-color: #73EDFF;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .smaller .top-logo a {
background-color: #73EDFF;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .brand-box {
background-color: rgba(115, 237, 255, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .brand-box a:hover {
color: #73EDFF;
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .ruler--dynamic,
.current-brand-ri .border-color-dynamic {
border-color: #38ff90;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .ruler--dynamic-hover:hover, .current-brand-ri .ruler--dynamic-hover.selected {
border-color: #38ff90;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .hover--dynamic-hover:hover, .current-brand-ri .hover--dynamic-hover.selected, .current-brand-ri .hover--dynamic-hover.active {
background: #38ff90;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .dynamic-bg,
.current-brand-ri .btn.dynamic-bg {
background-color: #38ff90;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .smaller .top-logo a {
background-color: #38ff90;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .brand-box {
background-color: rgba(56, 255, 144, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .brand-box a:hover {
color: #38ff90;
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .ruler--dynamic,
.current-brand-x .border-color-dynamic {
border-color: #FFE000;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .ruler--dynamic-hover:hover, .current-brand-x .ruler--dynamic-hover.selected {
border-color: #FFE000;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .hover--dynamic-hover:hover, .current-brand-x .hover--dynamic-hover.selected, .current-brand-x .hover--dynamic-hover.active {
background: #FFE000;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .dynamic-bg,
.current-brand-x .btn.dynamic-bg {
background-color: #FFE000;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .smaller .top-logo a {
background-color: #FFE000;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .brand-box {
background-color: rgba(255, 224, 0, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .brand-box a:hover {
color: #FFE000;
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .ruler--dynamic,
.current-brand-corporate .border-color-dynamic {
border-color: #FF7D87;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .ruler--dynamic-hover:hover, .current-brand-corporate .ruler--dynamic-hover.selected {
border-color: #FF7D87;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .hover--dynamic-hover:hover, .current-brand-corporate .hover--dynamic-hover.selected, .current-brand-corporate .hover--dynamic-hover.active {
background: #FF7D87;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .dynamic-bg,
.current-brand-corporate .btn.dynamic-bg {
background-color: #FF7D87;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .smaller .top-logo a {
background-color: #FF7D87;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .brand-box {
background-color: rgba(255, 125, 135, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .brand-box a:hover {
color: #FF7D87;
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .ruler--dynamic,
.current-brand-alumni .border-color-dynamic {
border-color: #BD9EFF;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .ruler--dynamic-hover:hover, .current-brand-alumni .ruler--dynamic-hover.selected {
border-color: #BD9EFF;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .hover--dynamic-hover:hover, .current-brand-alumni .hover--dynamic-hover.selected, .current-brand-alumni .hover--dynamic-hover.active {
background: #BD9EFF;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .dynamic-bg,
.current-brand-alumni .btn.dynamic-bg {
background-color: #BD9EFF;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .smaller .top-logo a {
background-color: #BD9EFF;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .brand-box {
background-color: rgba(189, 158, 255, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .brand-box a:hover {
color: #BD9EFF;
}
/* line 77, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .ruler--dynamic,
.current-brand-media .border-color-dynamic {
border-color: #FF87FF;
}
/* line 82, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .ruler--dynamic-hover:hover, .current-brand-media .ruler--dynamic-hover.selected {
border-color: #FF87FF;
}
/* line 87, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .hover--dynamic-hover:hover, .current-brand-media .hover--dynamic-hover.selected, .current-brand-media .hover--dynamic-hover.active {
background: #FF87FF;
}
/* line 91, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .dynamic-bg,
.current-brand-media .btn.dynamic-bg {
background-color: #FF87FF;
}
@media (min-width: 62em) {
/* line 97, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .smaller .top-logo a {
background-color: #FF87FF;
}
}
/* line 100, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .btn.dynamic-bg:hover {
background-color: #fff;
}
/* line 104, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .brand-box {
background-color: rgba(255, 135, 255, 0.3);
}
/* line 107, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .brand-box a:hover {
color: #FF87FF;
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-default .dynamic-bg-light,
.current-brand-default .btn.dynamic-bg-light {
background-color: #D5FAFF;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-default footer .brand-box {
background-color: #D5FAFF;
/** color sin tranparencia **/
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri .dynamic-bg-light,
.current-brand-ri .btn.dynamic-bg-light {
background-color: #C3FFDE;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-ri footer .brand-box {
background-color: #C3FFDE;
/** color sin tranparencia **/
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-x .dynamic-bg-light,
.current-brand-x .btn.dynamic-bg-light {
background-color: #FFF6B3;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-x footer .brand-box {
background-color: #FFF6B3;
/** color sin tranparencia **/
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate .dynamic-bg-light,
.current-brand-corporate .btn.dynamic-bg-light {
background-color: #FFD8DB;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-corporate footer .brand-box {
background-color: #FFD8DB;
/** color sin tranparencia **/
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni .dynamic-bg-light,
.current-brand-alumni .btn.dynamic-bg-light {
background-color: #EBE2FF;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-alumni footer .brand-box {
background-color: #EBE2FF;
/** color sin tranparencia **/
}
/* line 115, ../../sass/modules/_mixins-custom.scss */
.current-brand-media .dynamic-bg-light,
.current-brand-media .btn.dynamic-bg-light {
background-color: #FFDBFF;
}
/* line 122, ../../sass/modules/_mixins-custom.scss */
.current-brand-media footer .brand-box {
background-color: #FFDBFF;
/** color sin tranparencia **/
}
/** N A V I G A T I O N M E N U **/
@media (min-width: 48em) {
/* line 74, ../../sass/components/_navigation.scss */
.nav-menu-top {
min-height: 68px;
}
}
@media (min-width: 48em) {
/* line 78, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo {
height: 68px;
}
}
/* line 83, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo img {
width: 100%;
}
@media (min-width: 62em) {
/* line 83, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo img {
max-width: 93px;
max-height: 132px;
}
}
@media (max-width: 61.99em) {
/* line 83, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo img {
max-height: 48px;
height: 48px;
}
}
@media (max-width: 61.99em) {
/* line 83, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo img {
max-width: 64px;
max-height: 102px;
}
}
@media (max-width: 47.99em) {
/* line 83, ../../sass/components/_navigation.scss */
.nav-menu-top .top-logo img {
height: 44px;
width: 58px;
}
}
/* line 105, ../../sass/components/_navigation.scss */
.nav-menu-border {
width: 100%;
float: left;
display: inline-block;
border-top-width: 4px;
border-top-style: solid;
}
/* line 113, ../../sass/components/_navigation.scss */
.nav-menu-title {
font-family: uoc-serif;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.875rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
word-wrap: break-word;
}
@media (max-width: 33.99em) {
/* line 113, ../../sass/components/_navigation.scss */
.nav-menu-title {
font-size: 1.3125rem;
}
}
@media (max-width: 61.99em) {
/* line 113, ../../sass/components/_navigation.scss */
.nav-menu-title {
border-bottom-width: 4px;
height: 48px;
}
}
/* line 122, ../../sass/components/_navigation.scss */
.nav-menu-title.font-default {
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif" !important;
}
/* line 126, ../../sass/components/_navigation.scss */
.nav-menu-title.font-alternate {
font-family: "uoc-serif" !important;
}
/* line 130, ../../sass/components/_navigation.scss */
.nav-menu-subtitle {
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
font-size: 2rem;
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 130, ../../sass/components/_navigation.scss */
.nav-menu-subtitle {
border-bottom-width: 4px;
height: 48px;
}
}
/* line 139, ../../sass/components/_navigation.scss */
.nav-menu-subtitle.font-default {
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif" !important;
}
/* line 143, ../../sass/components/_navigation.scss */
.nav-menu-subtitle.font-alternate {
font-family: "uoc-serif" !important;
}
/* line 149, ../../sass/components/_navigation.scss */
.current-brand-default .nav-menu-title,
.current-brand- .nav-menu-title {
font-size: 1rem;
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 153, ../../sass/components/_navigation.scss */
.nav-menu {
max-height: 612px;
overflow: auto;
}
}
@media (max-width: 61.99em) {
/* line 153, ../../sass/components/_navigation.scss */
.nav-menu {
width: 100%;
float: left;
position: relative;
z-index: 2;
padding-top: 32px;
background-color: #ffffff;
}
}
/* line 167, ../../sass/components/_navigation.scss */
.nav-menu .disabled {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 167, ../../sass/components/_navigation.scss */
.nav-menu .disabled {
display: none;
}
}
/* line 172, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button):hover, .nav-menu .dropdown-button-header:not(.virtual-campus-button).selected {
border-color: #000078;
}
/* line 178, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button) .icon {
padding: 3px 9px 0 9px;
font-size: 1rem;
}
/* line 183, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button).active {
border-color: #000078;
}
@media (min-width: 62em) {
/* line 187, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button) .icon {
display: none;
}
}
@media (max-width: 61.99em) {
/* line 192, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button).active {
border-color: #000078;
}
/* line 195, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button).active .icon--arrow-down {
display: none;
}
/* line 198, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button).active .icon--arrow-up {
display: block;
}
/* line 202, ../../sass/components/_navigation.scss */
.nav-menu .dropdown-button-header:not(.virtual-campus-button) .icon--arrow-up {
display: none;
}
}
/* line 207, ../../sass/components/_navigation.scss */
.nav-menu > ul {
position: relative;
margin: 0;
}
/* line 212, ../../sass/components/_navigation.scss */
.nav-menu > ul > li {
position: static;
margin: 0;
/** arrow position **/
}
@media (min-width: 62em) {
/* line 215, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:focus {
outline: 0;
}
/* line 219, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:focus > a, .nav-menu > ul > li:focus > span {
border-color: #000078;
}
/* line 223, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:focus .nav-dropdown--content {
max-height: 300px;
}
}
/* line 229, ../../sass/components/_navigation.scss */
.nav-menu > ul > li a ~ {
background-color: red;
}
/* line 233, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > a, .nav-menu > ul > li > span, .nav-menu > ul > li > button,
.nav-menu > ul > li noscript a {
width: 100%;
height: 68px;
float: left;
border-top: 4px solid #d0d0d0;
border-bottom: 4px solid #d0d0d0;
color: #000078;
font-size: 1.0625rem;
}
/* line 244, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > a.active, .nav-menu > ul > li > span.active, .nav-menu > ul > li > button.active,
.nav-menu > ul > li noscript a.active {
border-color: #000078;
text-decoration: none;
}
@media (max-width: 61.99em) {
/* line 233, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > a, .nav-menu > ul > li > span, .nav-menu > ul > li > button,
.nav-menu > ul > li noscript a {
height: auto;
padding: 0 0 12px;
border-bottom: none;
font-weight: bold;
font-size: 1.3125rem;
}
}
/* line 258, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > a.bg-alumni, .nav-menu > ul > li > span.bg-alumni, .nav-menu > ul > li > button.bg-alumni,
.nav-menu > ul > li noscript a.bg-alumni {
padding-left: 8px;
border-color: #BD9EFF;
color: #ffffff;
}
/* line 264, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > a.bg-alumni:hover, .nav-menu > ul > li > span.bg-alumni:hover, .nav-menu > ul > li > button.bg-alumni:hover,
.nav-menu > ul > li noscript a.bg-alumni:hover {
opacity: 0.9;
}
/* line 269, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > button, .nav-menu > ul > li noscript a, .nav-menu > ul > li > a {
position: relative;
border-left: none;
border-right: none;
}
/* line 270, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > button:not(.virtual-campus-button):not(.virtual-campus-link), .nav-menu > ul > li noscript a:not(.virtual-campus-button):not(.virtual-campus-link), .nav-menu > ul > li > a:not(.virtual-campus-button):not(.virtual-campus-link) {
background: #ffffff;
}
@media (min-width: 62em) {
/* line 279, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > button span:first-child, .nav-menu > ul > li > button span:first-of-type, .nav-menu > ul > li noscript a span:first-child, .nav-menu > ul > li noscript a span:first-of-type, .nav-menu > ul > li > a span:first-child, .nav-menu > ul > li > a span:first-of-type {
position: absolute;
left: 2px;
top: 0;
text-align: left;
}
}
/* line 288, ../../sass/components/_navigation.scss */
.nav-menu > ul > li > button.active ~ .dropdown-menu .nav-dropdown--content, .nav-menu > ul > li noscript a.active ~ .dropdown-menu .nav-dropdown--content, .nav-menu > ul > li > a.active ~ .dropdown-menu .nav-dropdown--content {
max-height: 300px;
}
/* line 295, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:nth-child(1) .dropdown-menu-arrow:after, .nav-menu > ul > li:nth-child(1) .dropdown-menu-arrow:before {
left: 8.2%;
}
/* line 298, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:nth-child(2) .dropdown-menu-arrow:after, .nav-menu > ul > li:nth-child(2) .dropdown-menu-arrow:before {
left: 28.1%;
}
/* line 301, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:nth-child(3) .dropdown-menu-arrow:after, .nav-menu > ul > li:nth-child(3) .dropdown-menu-arrow:before {
left: 47.8%;
}
/* line 304, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:nth-child(4) .dropdown-menu-arrow:after, .nav-menu > ul > li:nth-child(4) .dropdown-menu-arrow:before {
left: 68%;
}
/* line 307, ../../sass/components/_navigation.scss */
.nav-menu > ul > li:nth-child(5) .dropdown-menu-arrow:after, .nav-menu > ul > li:nth-child(5) .dropdown-menu-arrow:before {
left: 88.5%;
}
/* line 312, ../../sass/components/_navigation.scss */
.nav-menu .disabled > span:hover {
border-color: #d0d0d0;
}
/* line 316, ../../sass/components/_navigation.scss */
.nav-menu .languages {
padding: 1px 0 10px 0;
font-size: 1.3125rem;
}
/* line 327, ../../sass/components/_navigation.scss */
body.noscript .nav-menu > ul > li:hover > a, body.noscript .nav-menu > ul > li:hover > span {
border-color: #000078;
}
/* line 331, ../../sass/components/_navigation.scss */
body.noscript .nav-menu > ul > li:hover .nav-dropdown--content {
max-height: 300px;
}
/* line 336, ../../sass/components/_navigation.scss */
body.noscript .nav-menu > ul > li .dropdown-menu:target {
display: block;
}
/* line 339, ../../sass/components/_navigation.scss */
body.noscript .nav-menu > ul > li .dropdown-menu:target .nav-dropdown--content {
max-height: 300px;
display: block;
}
/* line 349, ../../sass/components/_navigation.scss */
.nav-menu-collapse-button {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 47.99em) {
/* line 349, ../../sass/components/_navigation.scss */
.nav-menu-collapse-button {
top: 40px;
}
/* line 357, ../../sass/components/_navigation.scss */
#read-speaker-menu .nav-menu-collapse-button {
top: auto;
}
/* line 361, ../../sass/components/_navigation.scss */
.nav-menu-collapse-button .icon {
font-size: 2rem;
}
}
@media (max-width: 47.99em) {
/* line 369, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper.p-left-x {
padding-left: 0;
}
}
/* line 373, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .nav-menu-collapse-button {
position: relative;
max-width: 38px;
display: inline-block;
}
/* line 377, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .nav-menu-collapse-button .menu-text {
font-size: 1.08rem;
}
/* line 380, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .nav-menu-collapse-button .icon {
font-size: 2.4rem;
}
/* line 382, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .nav-menu-collapse-button .icon:before {
position: relative;
top: -4px;
}
/* line 388, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .volume-icon {
max-width: 24px;
min-width: 24px;
max-height: 24px;
min-height: 24px;
text-align: center;
overflow: hidden;
display: inline-block;
position: absolute;
right: 0;
top: 9px;
background: #d0d0d0;
}
/* line 400, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .volume-icon:hover {
background: #73EDFF;
}
/* line 403, ../../sass/components/_navigation.scss */
.speaker-menu-wrapper .volume-icon i {
font-size: 1rem;
position: relative;
left: auto;
top: auto;
}
/* line 412, ../../sass/components/_navigation.scss */
.nav-helpers-container {
margin: 2.1875rem auto;
}
/* line 414, ../../sass/components/_navigation.scss */
.nav-helpers-container > ul > li {
margin-bottom: 12px;
}
/* line 417, ../../sass/components/_navigation.scss */
.nav-helpers-container > ul > li > a, .nav-helpers-container > ul > li > span, .nav-helpers-container > ul > li > button, .nav-helpers-container > ul > li > noscript a {
font-size: 1.3125rem;
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
/* line 424, ../../sass/components/_navigation.scss */
.nav-dropdown {
width: 82.6%;
left: 8.7%;
top: 64px;
padding-top: 4px;
/* mock item to have always an even number of elements in the dropdown (to fool webkit browser alignment bug)*/
}
/* line 430, ../../sass/components/_navigation.scss */
.nav-dropdown.desktop-lang-dropdown {
top: 68px;
}
/* line 431, ../../sass/components/_navigation.scss */
.nav-dropdown.desktop-lang-dropdown noscript, .nav-dropdown.desktop-lang-dropdown .noscript {
position: absolute;
height: 32px;
width: 32px;
top: 0;
right: 4px;
}
/* line 440, ../../sass/components/_navigation.scss */
.nav-dropdown .dropdown-menu-title,
.nav-dropdown .dropdown-menu-tittle {
padding-bottom: 8px;
display: inline-block;
}
/* line 445, ../../sass/components/_navigation.scss */
.nav-dropdown:before {
position: absolute;
top: 2px;
left: 7px;
font-weight: bold;
}
/* line 451, ../../sass/components/_navigation.scss */
.nav-dropdown--content {
display: none;
}
@media (max-width: 61.99em) {
/* line 451, ../../sass/components/_navigation.scss */
.nav-dropdown--content {
width: 100%;
}
}
@media (min-width: 62em) {
/* line 457, ../../sass/components/_navigation.scss */
.nav-dropdown--content:hover {
max-height: 300px;
}
}
/* line 463, ../../sass/components/_navigation.scss */
.nav-dropdown ul {
width: 100%;
float: left;
-moz-columns: 350px 2;
-webkit-columns: 350px 2;
columns: 350px 2;
margin: 0;
padding: 0;
}
@media (min-width: 62em) {
/* line 463, ../../sass/components/_navigation.scss */
.nav-dropdown ul {
padding-top: 1rem;
}
}
/* line 475, ../../sass/components/_navigation.scss */
.nav-dropdown ul li {
overflow: hidden;
margin: 0;
}
/* line 478, ../../sass/components/_navigation.scss */
body.noscript .nav-dropdown ul li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
/* line 485, ../../sass/components/_navigation.scss */
.nav-dropdown ul li.selected a {
font-weight: bold;
}
/* line 489, ../../sass/components/_navigation.scss */
.nav-dropdown ul li > a {
width: 100%;
float: left;
min-height: 34px;
display: inline-block;
border-top: 1px solid #d0d0d0;
}
/* line 497, ../../sass/components/_navigation.scss */
.nav-dropdown ul li .icon {
float: right;
line-height: 26px;
font-size: 1.25rem;
}
/* line 503, ../../sass/components/_navigation.scss */
.nav-dropdown ul li .icon.icon--external-link {
position: relative;
top: -1px;
}
/* line 508, ../../sass/components/_navigation.scss */
.nav-dropdown ul li.nav-mock-item > span {
width: 100%;
float: left;
min-height: 34px;
display: inline-block;
border-top: 1px solid #d0d0d0;
}
/* line 520, ../../sass/components/_navigation.scss */
.nav-dropdown .dropdown-menu-arrow:after {
/** inner arrow **/
margin-left: 4px;
}
/* line 523, ../../sass/components/_navigation.scss */
.nav-dropdown .dropdown-menu-arrow:before {
/** outer arrow **/
margin-left: 0;
}
/* line 528, ../../sass/components/_navigation.scss */
.nav-dropdown .nav-mock-item {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 528, ../../sass/components/_navigation.scss */
.nav-dropdown .nav-mock-item {
display: none;
}
}
/* line 531, ../../sass/components/_navigation.scss */
.nav-dropdown .nav-mock-item a {
border: none;
cursor: default;
}
/* line 537, ../../sass/components/_navigation.scss */
.nav-dropdown noscript, .nav-dropdown .noscript {
display: block;
background: none;
border: none;
}
/* line 542, ../../sass/components/_navigation.scss */
.nav-dropdown .icon--close {
font-size: .9375rem;
}
/** L A N G U A G E D R O P D O W N **/
/* line 547, ../../sass/components/_navigation.scss */
.languages-dropdown {
width: 192px;
right: 4px;
left: auto;
padding-top: 24px;
}
/* line 554, ../../sass/components/_navigation.scss */
.languages-dropdown .dropdown-menu-arrow:after,
.languages-dropdown .dropdown-menu-arrow:before {
left: 63%;
}
/* line 558, ../../sass/components/_navigation.scss */
.languages-dropdown a {
font-size: 1rem;
}
/* line 561, ../../sass/components/_navigation.scss */
.languages-dropdown a:hover {
color: #706F6F;
}
/* line 565, ../../sass/components/_navigation.scss */
.languages-dropdown .selected {
font-weight: bold;
}
/** M O B I L E B U T T O N S **/
/* line 570, ../../sass/components/_navigation.scss */
.mobile-button {
width: 100%;
height: 44px;
display: inline-block;
position: relative;
overflow: hidden;
border: none;
background-color: #d0d0d0;
cursor: pointer;
text-align: center;
}
@media (min-width: 48em) {
/* line 570, ../../sass/components/_navigation.scss */
.mobile-button {
min-height: 48px;
height: 48px;
}
}
/* line 586, ../../sass/components/_navigation.scss */
.mobile-button.button-left {
padding-left: 0;
}
/* line 589, ../../sass/components/_navigation.scss */
.mobile-button .icon {
position: relative;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-size: 3.25rem;
line-height: 2.25rem;
text-indent: 0 !important;
text-align: center;
height: 100%;
width: 100%;
}
/* line 602, ../../sass/components/_navigation.scss */
.mobile-button .icon:before {
text-align: center;
display: inline-block !important;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
@media (min-width: 48em) {
/* line 589, ../../sass/components/_navigation.scss */
.mobile-button .icon {
font-size: 2.8125rem;
line-height: 3rem;
}
}
@media (max-width: 33.99em) {
/* line 621, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--campus {
font-size: 1.875rem;
line-height: 2.25rem;
}
/* line 625, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--campus:before {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
@media (min-width: 48em) {
/* line 621, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--campus {
line-height: 2.25rem;
}
/* line 635, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--campus:before {
-webkit-transform: scale(1.75);
-moz-transform: scale(1.75);
-ms-transform: scale(1.75);
-o-transform: scale(1.75);
transform: scale(1.75);
position: absolute;
left: 0;
}
}
/* line 646, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--search {
font-size: 90px;
line-height: 10px;
}
/* line 650, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--search:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* line 658, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--zhamburguer {
line-height: 2.75rem;
height: 100%;
width: 100%;
}
@media (max-width: 33.99em) {
/* line 658, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--zhamburguer {
font-size: 1.875rem;
}
/* line 664, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--zhamburguer:before {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
@media (min-width: 48em) {
/* line 658, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--zhamburguer {
line-height: 3rem;
}
/* line 674, ../../sass/components/_navigation.scss */
.mobile-button .icon.icon--zhamburguer:before {
-webkit-transform: scale(1.75);
-moz-transform: scale(1.75);
-ms-transform: scale(1.75);
-o-transform: scale(1.75);
transform: scale(1.75);
}
}
/* line 684, ../../sass/components/_navigation.scss */
.mobile-button.active, .mobile-button.selected {
background-color: #73EDFF;
}
/* line 687, ../../sass/components/_navigation.scss */
.mobile-button.active.active.non-active-color, .mobile-button.active.selected.non-active-color, .mobile-button.selected.active.non-active-color, .mobile-button.selected.selected.non-active-color {
background-color: #d0d0d0;
}
/* line 691, ../../sass/components/_navigation.scss */
.mobile-button:focus {
outline: none;
}
/* line 695, ../../sass/components/_navigation.scss */
.mobile-button.mobile-button-tablet {
margin: 0;
padding: 0;
}
/** I N N E R N A V I G A T I O N **/
/* line 700, ../../sass/components/_navigation.scss */
.nav-inner {
font-size: 1.0625rem;
font-weight: bold;
}
/* line 704, ../../sass/components/_navigation.scss */
.nav-inner .icon--big {
font-size: 2.4375rem;
}
/* line 708, ../../sass/components/_navigation.scss */
.nav-inner li {
margin: 0;
padding-bottom: 12px;
}
/* line 714, ../../sass/components/_navigation.scss */
.nav-inner .list-group .icon--arrow-up {
display: none;
}
/* line 717, ../../sass/components/_navigation.scss */
.nav-inner .list-group .icon {
float: right;
margin-right: 4px;
}
/* line 722, ../../sass/components/_navigation.scss */
.nav-inner .list-group .icon.icon--external-link {
margin-top: 2px;
font-size: 1.375rem;
}
/* line 729, ../../sass/components/_navigation.scss */
.nav-inner .list-group .inner-list .icon {
margin-top: 4px;
}
/* line 733, ../../sass/components/_navigation.scss */
.nav-inner .list-group .active {
border-bottom: none;
}
/* line 735, ../../sass/components/_navigation.scss */
.nav-inner .list-group .active > a {
color: #706F6F;
}
/* line 739, ../../sass/components/_navigation.scss */
.nav-inner .list-group .active .icon--arrow-down {
display: none;
}
/* line 742, ../../sass/components/_navigation.scss */
.nav-inner .list-group .active .icon--arrow-up {
display: block;
}
/* line 746, ../../sass/components/_navigation.scss */
.nav-inner .list-group .selected {
border-bottom: 4px solid #d0d0d0;
}
/* line 749, ../../sass/components/_navigation.scss */
.nav-inner .list-group .selected > a {
color: #706F6F;
}
/* line 753, ../../sass/components/_navigation.scss */
.nav-inner .list-group .selected.active {
border-bottom: none;
}
/* line 758, ../../sass/components/_navigation.scss */
.nav-inner .inner-list {
width: 100%;
padding: 0;
}
/* line 763, ../../sass/components/_navigation.scss */
.nav-inner .inner-list > li {
border-top: 1px solid #d0d0d0;
font-weight: normal;
}
/* line 767, ../../sass/components/_navigation.scss */
.nav-inner .inner-list > li:last-child {
border-bottom: 4px solid #d0d0d0;
}
/* line 772, ../../sass/components/_navigation.scss */
.section-internal-menu ul li .icon {
float: right;
line-height: 34px;
font-size: 1.25rem;
}
/** S C R O L L A B L E D E S K T O P M E N U **/
/* line 779, ../../sass/components/_navigation.scss */
.top-logo-desktop a {
width: 100%;
min-height: 68px;
float: left;
position: relative;
z-index: 1;
overflow: hidden;
}
/* line 788, ../../sass/components/_navigation.scss */
.nav-menu-scrollable-container {
width: 100%;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
position: absolute;
right: 0;
top: 0;
}
@media (min-width: 62em) {
/* line 788, ../../sass/components/_navigation.scss */
.nav-menu-scrollable-container {
height: 64px;
}
}
/* line 795, ../../sass/components/_navigation.scss */
.nav-menu-scrollable-container nav > ul > li, .nav-menu-scrollable-container nav + div {
background-color: #ffffff;
}
/* line 799, ../../sass/components/_navigation.scss */
#nav-menu-scrollable-container-expand {
/**
The 'default' rule is not submitted to any responsive query
**/
height: 64px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 799, ../../sass/components/_navigation.scss */
#nav-menu-scrollable-container-expand {
height: 0 !important;
}
}
/* line 802, ../../sass/components/_navigation.scss */
.smaller .nav-menu-scrollable-container {
/** reaching certaing point causes the container to not position absolute */
position: static;
}
/**/
/* line 806, ../../sass/components/_navigation.scss */
.noscript #nav-submenu-lang:target,
.noscript #main-nav-menu:target {
display: block !important;
}
/* fix default logo */
@media (min-width: 62em) {
/* line 812, ../../sass/components/_navigation.scss */
.current-brand-default .top-logo a {
background-color: #73EDFF;
max-height: 68px;
}
}
/* line 818, ../../sass/components/_navigation.scss */
.virtual-campus-button-container-mobile .virtual-campus-link {
display: block;
height: 44px;
}
/* line 824, ../../sass/components/_navigation.scss */
.hide-virtual-campus .virtual-campus-button-container-mobile {
border-top-style: solid;
border-top-width: 4px;
border-bottom-width: 4px;
margin: 0 4px 0 -4px;
}
/* line 831, ../../sass/components/_navigation.scss */
a.dropdown-menu-title {
width: 100%;
}
@media (min-width: 62em) {
/* line 831, ../../sass/components/_navigation.scss */
a.dropdown-menu-title {
width: 50%;
padding-right: 7px;
}
}
/* line 839, ../../sass/components/_navigation.scss */
a.dropdown-menu-title .icon {
float: right;
line-height: 1rem;
margin-left: 1.5rem;
font-size: 1.25rem;
}
/* line 848, ../../sass/components/_navigation.scss */
.nav-menu .mobile-toggle-button {
min-height: 23px;
}
/* line 851, ../../sass/components/_navigation.scss */
.nav-menu .mobile-toggle-button:hover {
text-decoration: none;
}
/* line 855, ../../sass/components/_navigation.scss */
.nav-menu .mobile-toggle-button span:not(.visually-hidden), .nav-menu .mobile-toggle-button span:first-of-type:not(.visually-hidden) {
position: relative;
}
/* line 861, ../../sass/components/_navigation.scss */
.nav-menu .mobile-menu__btn {
max-width: 34px;
}
/* line 865, ../../sass/components/_navigation.scss */
.nav-menu .mobile-menu__link {
width: calc(100% - 34px);
}
/* line 869, ../../sass/components/_navigation.scss */
.nav-menu li.active .mobile-menu__link,
.nav-menu li:hover .mobile-menu__link,
.nav-menu li:hover .mobile-menu__btn {
border-color: #000078;
}
/* line 875, ../../sass/components/_navigation.scss */
.column-list-helper {
display: block;
min-height: 34px;
}
/* line 880, ../../sass/components/_navigation.scss */
.link-h {
min-height: 39px;
}
/* line 1, ../../sass/components/_search.scss */
.search-form-button {
width: 24px;
height: 24px;
position: absolute;
right: 4px;
top: 8px;
overflow: hidden;
padding-top: 4px;
background-color: #d0d0d0;
cursor: pointer;
}
/* line 15, ../../sass/components/_search.scss */
.search-form-button:hover, .search-form-button.active {
background-color: #73EDFF;
}
/* line 19, ../../sass/components/_search.scss */
.search-form-button.icon {
padding-top: 4px;
color: #000078;
font-size: 2.25rem;
}
/* line 25, ../../sass/components/_search.scss */
button.search-form-button.icon, a.search-form-button.icon {
border: none;
line-height: 0;
}
/* line 28, ../../sass/components/_search.scss */
button.search-form-button.icon:before, a.search-form-button.icon:before {
left: 0;
position: absolute;
top: 7px;
}
/* line 35, ../../sass/components/_search.scss */
.smaller .search-form-button {
margin-top: -4px;
}
/* line 39, ../../sass/components/_search.scss */
.search-form-container {
width: 100%;
float: left;
z-index: 14;
/**
The 'default' rule is not submitted to any responsive query
**/
margin: 34px 0 0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
padding-bottom: 17px;
background-color: #f8f8f8;
}
@media (max-width: 47.99em) {
/* line 39, ../../sass/components/_search.scss */
.search-form-container {
margin: 25px 0 34px;
}
}
@media (max-width: 47.99em) {
/* line 39, ../../sass/components/_search.scss */
.search-form-container {
margin: -5px 0 0;
}
}
/* line 51, ../../sass/components/_search.scss */
.search-form-container:before {
content: '';
float: left;
position: relative;
margin: 0 -600rem;
padding: 0 600rem;
}
/* line 59, ../../sass/components/_search.scss */
.search-form-container .search-container-top {
padding-bottom: 24px;
position: relative;
}
/* line 65, ../../sass/components/_search.scss */
.search-form-container .search-container-bottom .form-radio .icon--checkbox-off {
pointer-events: none;
}
/* line 70, ../../sass/components/_search.scss */
.search-form-container .icon-container {
width: 100%;
/**
The 'default' rule is not submitted to any responsive query
**/
height: 68px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
display: inline-block;
overflow: hidden;
position: relative;
}
@media (max-width: 47.99em) {
/* line 70, ../../sass/components/_search.scss */
.search-form-container .icon-container {
height: 44px;
}
}
/* line 77, ../../sass/components/_search.scss */
.search-form-container .icon-container input[type=submit] {
height: 100%;
border: none;
background-color: transparent;
position: relative;
z-index: 1;
cursor: pointer;
}
/* line 86, ../../sass/components/_search.scss */
.search-form-container .icon-container .icon {
position: absolute;
bottom: 0;
left: 0;
}
/* line 93, ../../sass/components/_search.scss */
.search-form-container input[type=search] {
/**
The 'default' rule is not submitted to any responsive query
**/
height: 68px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
padding: 0;
background-color: transparent;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 3.125rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-family: uoc-serif;
text-overflow: ellipsis;
padding-right: 20px;
overflow: hidden;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 47.99em) {
/* line 93, ../../sass/components/_search.scss */
.search-form-container input[type=search] {
height: 34px;
}
}
@media (max-width: 61.99em) {
/* line 93, ../../sass/components/_search.scss */
.search-form-container input[type=search] {
font-size: 2.25rem;
}
}
@media (max-width: 47.99em) {
/* line 93, ../../sass/components/_search.scss */
.search-form-container input[type=search] {
font-size: 1.375rem;
}
}
/* line 108, ../../sass/components/_search.scss */
.search-form-container input[type=search]:focus {
outline: none;
}
/* line 61, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container input[type=search]:-moz-placeholder {
color: #d0d0d0;
}
/* line 64, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container input[type=search]::-moz-placeholder {
color: #d0d0d0;
}
/* line 67, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container input[type=search]:-ms-input-placeholder {
color: #d0d0d0;
}
/* line 56, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container input[type=search]::-webkit-input-placeholder {
color: #d0d0d0;
}
/* line 117, ../../sass/components/_search.scss */
#search-form-container-desktop .search-form-container {
margin: 0 0 24px 0;
}
/* line 125, ../../sass/components/_search.scss */
.search-form-container--with-button .btn .icon--search:before {
top: 0;
}
/* line 130, ../../sass/components/_search.scss */
.search-form-container--with-button .btn.btn-search {
text-align: left;
padding: 0;
overflow: hidden;
}
/* line 136, ../../sass/components/_search.scss */
.search-form-container--with-button .btn .icon, .search-form-container--with-button .btn.btn-search {
vertical-align: top;
}
/* line 141, ../../sass/components/_search.scss */
.search-form-container--with-button .form-item.h1, .search-form-container--with-button .form-alumni input.h1[type="text"], .form-alumni .search-form-container--with-button input.h1[type="text"],
.search-form-container--with-button .form-alumni textarea.h1,
.form-alumni .search-form-container--with-button textarea.h1 {
font-size: 2.5rem;
}
/** S E A R C H F I L T E R S **/
/* line 148, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu {
width: 100%;
}
/* line 151, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu ul > li {
position: relative;
}
/* line 156, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu ul > li .filter-dropdown-2-col .dropdown-menu-arrow:after, .search-filter-form-container .filter-menu ul > li .filter-dropdown-2-col .dropdown-menu-arrow:before {
left: 21%;
}
/* line 163, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu ul > li .filter-dropdown-1-col .dropdown-menu-arrow:after, .search-filter-form-container .filter-menu ul > li .filter-dropdown-1-col .dropdown-menu-arrow:before {
left: 0;
right: 0;
margin: auto;
}
/* line 171, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown {
width: 100%;
left: 0;
right: 0;
position: absolute;
min-height: 0;
margin: auto;
padding-top: 12px;
/*.icon{
position: fixed;
top: $page-unit*3;
right: $page-unit*3;
}*/
}
/* line 181, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown:before {
/** undo nav-dropdown attr(title) **/
content: '';
}
/* line 184, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown .filter-title {
width: 100%;
display: inline-block;
padding: 0 0 8px;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-weight: bold;
}
@media (max-width: 47.99em) {
/* line 184, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown .filter-title {
border-top: 4px solid #d0d0d0;
}
}
/* line 194, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown .form-check label {
cursor: pointer;
}
/* line 197, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown .form-check label.disabled {
cursor: default;
color: #d0d0d0;
}
/* line 204, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown ul {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
overflow-y: auto;
columns: inherit;
}
@media (min-width: 48em) {
/* line 204, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown ul {
max-height: 440px;
}
}
/* line 209, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown ul > li {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown ul > li {
border-top: 1px solid #d0d0d0;
}
}
@media (max-width: 47.99em) {
/* line 171, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown {
width: 100%;
max-width: 100%;
height: 100%;
overflow-y: auto;
position: fixed;
top: 0;
left: 0;
padding: 78px 12px 12px;
background-color: #ffffff;
}
}
@media (min-width: 48em) {
/* line 231, ../../sass/components/_search.scss */
.search-filter-form-container .filter-menu .filter-dropdown-2-col {
width: 300%;
max-width: 602px;
}
}
/* line 239, ../../sass/components/_search.scss */
#search-filter-form-container {
border-bottom: 0;
margin: 0;
}
/* line 243, ../../sass/components/_search.scss */
#search-filter-form-container .disabled {
display: block;
}
/* line 247, ../../sass/components/_search.scss */
#search-filter-form-container .dropdown-button-header .icon {
display: inline-block;
}
/* line 250, ../../sass/components/_search.scss */
.filter-dropdown-mobile-header {
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
z-index: 1;
height: 78px;
left: 0;
background-color: #ffffff;
background-image: url(../images/logo-uoc-default.png);
background-repeat: no-repeat;
background-size: 57px 44px;
background-position: 12px 12px;
}
/* line 266, ../../sass/components/_search.scss */
.search-form-container1 .btn-search {
/**
The 'default' rule is not submitted to any responsive query
**/
height: 68px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
overflow: hidden;
padding: 0;
text-align: left;
}
@media (max-width: 47.99em) {
/* line 266, ../../sass/components/_search.scss */
.search-form-container1 .btn-search {
height: 44px;
}
}
/* line 273, ../../sass/components/_search.scss */
.search-form-container1 .btn-search span {
position: absolute;
left: 0;
bottom: 0;
}
/* line 280, ../../sass/components/_search.scss */
.search-form-container1 input[type=search] {
/**
The 'default' rule is not submitted to any responsive query
**/
height: 51px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
padding: 0;
background-color: transparent;
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 3.125rem;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
font-family: uoc-serif;
}
@media (max-width: 47.99em) {
/* line 280, ../../sass/components/_search.scss */
.search-form-container1 input[type=search] {
height: 34px;
}
}
@media (max-width: 47.99em) {
/* line 280, ../../sass/components/_search.scss */
.search-form-container1 input[type=search] {
font-size: 2.25rem;
}
}
/* line 289, ../../sass/components/_search.scss */
.search-form-container1 input[type=search]:focus {
outline: none;
}
/* line 61, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container1 input[type=search]:-moz-placeholder {
color: #d0d0d0;
}
/* line 64, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container1 input[type=search]::-moz-placeholder {
color: #d0d0d0;
}
/* line 67, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container1 input[type=search]:-ms-input-placeholder {
color: #d0d0d0;
}
/* line 56, ../../../../../../home/opentrends/.rvm/gems/ruby-2.3.0@voluntaris/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.search-form-container1 input[type=search]::-webkit-input-placeholder {
color: #d0d0d0;
}
/* line 297, ../../sass/components/_search.scss */
.search-total-result {
position: absolute;
}
@media (min-width: 48em) {
/* line 297, ../../sass/components/_search.scss */
.search-total-result {
top: 0;
right: 25px;
}
}
@media (max-width: 47.99em) {
/* line 297, ../../sass/components/_search.scss */
.search-total-result {
bottom: 0;
}
}
/* Accessibility */
/* line 308, ../../sass/components/_search.scss */
.noscript #search-form-container-desktop:target,
.noscript #search-form-container-mobile:target {
display: block !important;
}
/* line 1, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button, .virtual-campus-link {
padding: 0;
width: 100%;
height: 100%;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
z-index: 10;
overflow: hidden;
border: none;
background-color: #d0d0d0;
cursor: pointer;
}
@media (min-width: 48em) {
/* line 1, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button, .virtual-campus-link {
display: inline-block;
}
}
/* line 16, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon.icon--campus, .virtual-campus-link .icon.icon--campus {
display: inline-block;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
bottom: -1px;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 16, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon.icon--campus, .virtual-campus-link .icon.icon--campus {
right: 8px;
}
}
@media (min-width: 62em) {
/* line 16, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon.icon--campus, .virtual-campus-link .icon.icon--campus {
position: absolute;
}
}
/* line 22, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon.icon--arrow-down, .virtual-campus-button .icon.icon--arrow-up, .virtual-campus-link .icon.icon--arrow-down, .virtual-campus-link .icon.icon--arrow-up {
left: 4px;
bottom: 4px;
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 22, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon.icon--arrow-down, .virtual-campus-button .icon.icon--arrow-up, .virtual-campus-link .icon.icon--arrow-down, .virtual-campus-link .icon.icon--arrow-up {
position: absolute;
}
}
/* line 29, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button .icon--arrow-up, .virtual-campus-link .icon--arrow-up {
display: none;
}
/* line 33, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button.active .icon--arrow-up, .virtual-campus-link.active .icon--arrow-up {
display: block;
}
/* line 36, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button.active .icon--arrow-down, .virtual-campus-link.active .icon--arrow-down {
display: none;
}
/* line 41, ../../sass/components/_virtual-campus.scss */
.smaller .virtual-campus-button, .smaller .virtual-campus-link {
width: -moz-calc(100% - 4px);
width: -webkit-calc(100% - 4px);
width: calc(100% - 4px);
/** fix chapucero de anchura del header **/
}
/* line 44, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown {
/**
The 'default' rule is not submitted to any responsive query
**/
width: 293px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
top: 12px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
right: 4px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
background-color: #ffffff;
padding: 22.66667px 8px;
/** Dropdown when header service **/
}
@media (max-width: 47.99em) {
/* line 44, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown {
width: 100%;
}
}
@media (min-width: 62em) {
/* line 44, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown {
top: 94px;
}
}
@media (max-width: 47.99em) {
/* line 44, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown {
right: 0;
}
}
@media (max-width: 47.99em) {
/* line 44, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown {
top: -5px;
}
}
/* line 56, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after, .virtual-campus-dropdown .dropdown-menu-arrow:before {
/** outer arrow **/
left: auto;
/**
The 'default' rule is not submitted to any responsive query
**/
right: 12.5%;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 74.99em) {
/* line 56, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after, .virtual-campus-dropdown .dropdown-menu-arrow:before {
right: 5.5%;
}
}
@media (max-width: 61.99em) {
/* line 56, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after, .virtual-campus-dropdown .dropdown-menu-arrow:before {
right: 29.5%;
}
}
@media (max-width: 47.99em) {
/* line 56, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after, .virtual-campus-dropdown .dropdown-menu-arrow:before {
right: 25.5%;
}
}
@media (max-width: 33.99em) {
/* line 56, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after, .virtual-campus-dropdown .dropdown-menu-arrow:before {
right: 39%;
}
}
/* line 60, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:after {
/** inner arrow **/
margin-right: 4px;
border-color: transparent transparent #ffffff transparent;
}
/* line 64, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .dropdown-menu-arrow:before {
/** outer arrow **/
margin-left: 0;
border-bottom-color: inherit;
}
/* line 69, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .link-default {
padding-top: inherit;
font-size: inherit;
}
/* line 75, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown noscript, .virtual-campus-dropdown .noscript {
display: block;
background: none;
border: none;
position: absolute;
height: 32px;
width: 32px;
top: 0;
right: 4px;
}
/* line 84, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown noscript a.icon--close, .virtual-campus-dropdown .noscript a.icon--close {
top: -8px;
}
/* line 88, ../../sass/components/_virtual-campus.scss */
.virtual-campus-dropdown .icon--close {
font-size: .9375rem;
text-decoration: none;
}
/* line 94, ../../sass/components/_virtual-campus.scss */
.header-services .virtual-campus-dropdown {
top: 80px;
}
@media (min-width: 62em) {
/* line 94, ../../sass/components/_virtual-campus.scss */
.header-services .virtual-campus-dropdown {
right: 0;
}
}
/** C H A N G E S : O P T I O N A L V I R T U A L B U T T O N **/
@media (max-width: 61.99em) {
/* line 107, ../../sass/components/_virtual-campus.scss */
.virtual-campus-button-container {
display: none;
}
}
/* line 113, ../../sass/components/_virtual-campus.scss */
.show-virtual-campus .virtual-campus-button-container .virtual-campus-button, .show-virtual-campus .virtual-campus-button-container .virtual-campus-link {
border: none;
}
/* line 116, ../../sass/components/_virtual-campus.scss */
.show-virtual-campus .virtual-campus-button-container .borders {
display: none;
}
/* line 121, ../../sass/components/_virtual-campus.scss */
.show-virtual-campus .smaller .virtual-campus-button-container {
padding-right: 0;
}
/* line 126, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus {
/** hide on desktop **/
/** hide on tablet **/
/** hide on mobile **/
}
/* line 129, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container .virtual-campus-button, .hide-virtual-campus .virtual-campus-button-container .virtual-campus-link {
display: none;
}
/* line 132, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container > .borders {
height: 68px;
display: block;
border-bottom: 4px solid #d0d0d0;
border-top: 4px solid #d0d0d0;
}
/* line 141, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-tablet {
margin-left: -4px;
padding-right: 8px;
border-top-width: 4px;
border-top-style: solid;
border-bottom-style: solid;
border-bottom-width: 4px;
height: 48px;
}
/* line 149, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-tablet > div {
display: none;
}
/* line 152, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-tablet + div {
float: right;
}
/* line 157, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-mobile {
margin: 0 4px 0 -4px;
border-top-width: 4px;
border-top-style: solid;
}
@media (max-width: 47.99em) {
/* line 157, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-mobile {
border-bottom-style: solid;
border-bottom-width: 4px;
height: 44px;
}
}
/* line 166, ../../sass/components/_virtual-campus.scss */
.hide-virtual-campus .virtual-campus-button-container-mobile > span, .hide-virtual-campus .virtual-campus-button-container-mobile .mobile-button {
display: none;
}
/* line 171, ../../sass/components/_virtual-campus.scss */
.content-button-campus {
position: absolute;
left: 8px;
top: 4px;
}
/* Accessibility */
/* line 177, ../../sass/components/_virtual-campus.scss */
.noscript #login-dropdown:target {
display: block;
}
/* line 180, ../../sass/components/_virtual-campus.scss */
.noscript #login-dropdown:target .dropdown-menu--content {
height: auto;
}
/* line 185, ../../sass/components/_virtual-campus.scss */
.prevent-scroll-html, .prevent-scroll-body {
bottom: 0;
left: 0;
height: 100%;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
-webkit-overflow-scrolling: touch;
}
/* line 2, ../../sass/components/_alpha-list.scss */
.alpha-list .ruler--double {
border-bottom-width: 3px;
}
/* line 5, ../../sass/components/_alpha-list.scss */
.alpha-list .alpha-list__item {
padding-top: 4px;
padding-bottom: 4px;
line-height: 24px;
}
/* line 9, ../../sass/components/_alpha-list.scss */
.alpha-list .alpha-list__item a {
padding: 0 8px;
}
/* line 13, ../../sass/components/_alpha-list.scss */
.alpha-list div {
line-height: 24px;
padding-top: 4px;
padding-bottom: 4px;
}
/* line 17, ../../sass/components/_alpha-list.scss */
.alpha-list div.is-active {
padding-left: 0;
padding-right: 0;
}
/* line 20, ../../sass/components/_alpha-list.scss */
.alpha-list div.is-active a {
padding-left: 4px;
padding-right: 4px;
}
/* line 26, ../../sass/components/_alpha-list.scss */
.alpha-list .row {
padding-top: 0;
padding-bottom: 0;
}
/* line 1, ../../sass/components/_card.scss */
.card__agenda__month {
font-size: 3.4375rem;
}
/* line 5, ../../sass/components/_card.scss */
.card__footer {
font-size: 1.0625rem;
}
/* line 8, ../../sass/components/_card.scss */
.card__footer .open-registration, .card__footer .open-registration--mini {
padding: 4px 4px 16px;
}
/* line 12, ../../sass/components/_card.scss */
.card__footer a {
display: block;
}
/* line 16, ../../sass/components/_card.scss */
.card__footer .float-right {
text-align: right;
}
/* line 19, ../../sass/components/_card.scss */
.card__footer .float-left {
text-align: left;
}
/* line 26, ../../sass/components/_card.scss */
.card__contents.img-wpr .card__footer .open-registration, .card__contents.img-wpr .card__footer .open-registration--mini {
margin: 8px;
}
/* line 31, ../../sass/components/_card.scss */
.card__contents.img-wpr .card-testimoni-title {
font-size: 1.75rem;
line-height: 1;
font-weight: bold;
}
/* line 39, ../../sass/components/_card.scss */
.main-video .card-testimoni-title {
font-size: 2.5rem;
line-height: 0.95;
font-weight: 400;
}
/* line 47, ../../sass/components/_card.scss */
.card--expert .collapse__trigger {
position: absolute;
top: 6px;
right: 4px;
}
/* line 52, ../../sass/components/_card.scss */
.card--expert .collapse__trigger .icon {
font-size: 24px;
font-weight: 600;
top: 0;
right: 0;
left: auto;
bottom: auto;
}
/* line 63, ../../sass/components/_card.scss */
.agenda-p {
padding-top: 24px;
font-size: 1.15rem;
}
/* line 67, ../../sass/components/_card.scss */
.last-p {
font-size: 1.375rem;
padding-top: 12px;
}
/* line 71, ../../sass/components/_card.scss */
.social-box {
position: absolute;
bottom: 10px;
}
/* line 74, ../../sass/components/_card.scss */
.social-box .p {
font-size: 1.2rem;
}
@media (min-width: 48em) {
/* line 80, ../../sass/components/_card.scss */
.agenda__image {
height: 100% !important;
}
}
/* line 87, ../../sass/components/_card.scss */
.social-content .card {
background: #d0d0d0;
margin-bottom: 0;
}
@media (min-width: 768px) {
/* line 95, ../../sass/components/_card.scss */
.alumni-service .first-block .card__agenda {
height: 100% !important;
}
}
/* line 101, ../../sass/components/_card.scss */
.alumni-service .first-block .card .card__contents p {
font-size: 1.2rem;
/**
The 'default' rule is not submitted to any responsive query
**/
margin: 0 0 40px 0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 101, ../../sass/components/_card.scss */
.alumni-service .first-block .card .card__contents p {
margin: 0 0 5px 0;
}
}
@media (max-width: 768px) {
/* line 106, ../../sass/components/_card.scss */
.alumni-service .first-block .card .card-contents--with-footer {
display: flex;
flex-direction: column;
}
}
@media (min-width: 768px) {
/* line 115, ../../sass/components/_card.scss */
.alumni-activity .card .activity-one {
height: 100% !important;
}
}
/* line 120, ../../sass/components/_card.scss */
.alumni-activity .card .activity-one .card__footer p {
margin-bottom: 0;
font-size: 1.2rem;
}
/* line 133, ../../sass/components/_card.scss */
.alumni-about-us .alumni__about .right-sec .box-container .box-view .card {
margin-bottom: 0;
}
/* line 135, ../../sass/components/_card.scss */
.alumni-about-us .alumni__about .right-sec .box-container .box-view .card .card__contents {
padding: 8px 12px;
}
/* line 138, ../../sass/components/_card.scss */
.alumni-about-us .alumni__about .right-sec .box-container .box-view .card .card__contents ul li {
margin-bottom: 0;
}
@media (max-width: 768px) {
/* line 150, ../../sass/components/_card.scss */
.guia-expertsnew .card .card__contents {
min-height: 228px;
}
}
/* line 156, ../../sass/components/_card.scss */
.card.ruler .card__contents {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 48em) {
/* line 156, ../../sass/components/_card.scss */
.card.ruler .card__contents {
min-height: 220px;
}
}
/* line 160, ../../sass/components/_card.scss */
.card--hover:hover .text-decoration-underline {
color: #ffffff;
}
/* line 164, ../../sass/components/_card.scss */
.card__image {
padding-left: 0;
padding-right: 0;
}
/* line 168, ../../sass/components/_card.scss */
.card__image--center img {
position: relative;
display: block;
margin: 0 auto;
}
/* line 174, ../../sass/components/_card.scss */
.card a {
z-index: 1;
}
/* line 177, ../../sass/components/_card.scss */
.card .card-title-text {
padding-top: 0;
}
@media (min-width: 62em) {
/* line 181, ../../sass/components/_card.scss */
.card div > p:first-child {
padding-top: 0;
}
}
@media (max-width: 61.99em) {
/* line 186, ../../sass/components/_card.scss */
.card div > p:last-child {
padding-bottom: 12px;
}
/* line 190, ../../sass/components/_card.scss */
.card.responsive-text h2, .card.responsive-text .h2, .card.responsive-text .menupopup .login-detail .heading, .menupopup .login-detail .card.responsive-text .heading {
margin-bottom: 0;
font-size: 1.875rem;
}
/* line 195, ../../sass/components/_card.scss */
.card.responsive-text h3, .card.responsive-text .h3 {
font-size: 1.875rem;
}
/* line 198, ../../sass/components/_card.scss */
.card.responsive-text h4, .card.responsive-text .h4 {
font-size: 1.3125rem;
}
/* line 202, ../../sass/components/_card.scss */
.card .card__contents {
overflow: hidden;
}
}
/* line 207, ../../sass/components/_card.scss */
.card__contents {
padding-left: 8px;
padding-right: 8px;
}
/* line 210, ../../sass/components/_card.scss */
.card__contents h1, .card__contents h2, .card__contents h3, .card__contents h4, .card__contents h5, .card__contents h6, .card__contents .card-title-text {
margin-top: -4px;
}
/** C A R D I N F O **/
/* line 216, ../../sass/components/_card.scss */
.card--info h3 {
font-size: 1.75rem;
font-weight: bold;
}
/* line 220, ../../sass/components/_card.scss */
.card--info h3 a {
text-decoration: none;
}
/* line 227, ../../sass/components/_card.scss */
.card--info h5 {
font-size: 1.4375rem;
}
/* line 230, ../../sass/components/_card.scss */
.card--info a {
text-decoration: underline;
}
/* line 233, ../../sass/components/_card.scss */
.card--info a.no-decoration, .card--info a.icon, .card--info a[data-collapse-trigger] {
text-decoration: none;
}
/* line 238, ../../sass/components/_card.scss */
.card--bottom-image {
position: absolute;
right: 8px;
bottom: 8px;
}
/* line 244, ../../sass/components/_card.scss */
.bg-grey .collapse, .bg-grey .collapse__content {
background-color: #d0d0d0;
}
/* line 247, ../../sass/components/_card.scss */
.bg-grey .collapse__content [data-collapse-inner] {
padding: 0 12px 12px;
}
/** C A R D P R O F I L E **/
/* line 253, ../../sass/components/_card.scss */
.card--profile .card__image,
.card--profile .card__contents {
min-height: 136px;
}
/* line 257, ../../sass/components/_card.scss */
.card--profile .card__image h3,
.card--profile .card__contents h3 {
padding-right: 24px;
}
/* line 261, ../../sass/components/_card.scss */
.card--profile .collapse {
padding: 24px 0 48px;
}
/* line 264, ../../sass/components/_card.scss */
.card--profile [data-collapse-trigger] {
position: absolute;
top: 8px;
right: 8px;
}
/* line 269, ../../sass/components/_card.scss */
.card--profile [data-collapse-trigger] .icon {
font-size: 1.5rem !important;
/** Quitar cuando funcione bien la clase icon--small **/
font-weight: bold;
}
/* line 274, ../../sass/components/_card.scss */
.card--profile .bottom-link {
height: auto;
position: absolute;
bottom: 8px;
font-size: 1.0625rem;
}
/** C A R D C A L E N D A R **/
/* line 284, ../../sass/components/_card.scss */
.card__calendar__custom table {
text-align: center;
border-collapse: separate;
width: 100%;
}
/* line 289, ../../sass/components/_card.scss */
.card__calendar__custom .tableHead {
padding-top: 8px;
padding-bottom: 18px;
}
/* line 294, ../../sass/components/_card.scss */
.card__calendar__custom thead .prevmonth,
.card__calendar__custom thead .nextmonth {
font-family: "icons";
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
padding: 0;
font-size: .95rem;
font-weight: bold;
cursor: pointer;
position: relative;
z-index: 2;
}
/* line 312, ../../sass/components/_card.scss */
.card__calendar__custom thead .prevmonth:hover,
.card__calendar__custom thead .nextmonth:hover {
color: #D0D0D0;
}
/* line 316, ../../sass/components/_card.scss */
.card__calendar__custom thead .prevmonth {
margin-left: -8px;
float: left;
}
/* line 319, ../../sass/components/_card.scss */
.card__calendar__custom thead .prevmonth:before {
content: "\f105";
}
/* line 323, ../../sass/components/_card.scss */
.card__calendar__custom thead .nextmonth {
margin-right: -8px;
float: right;
}
/* line 326, ../../sass/components/_card.scss */
.card__calendar__custom thead .nextmonth:before {
content: "\f106";
}
/* line 330, ../../sass/components/_card.scss */
.card__calendar__custom thead .title {
padding: 0;
position: absolute;
top: 4px;
right: 0;
left: 0;
margin: auto;
}
/* line 341, ../../sass/components/_card.scss */
.card__calendar__custom thead tbody tr {
font-size: 25.2px;
font-size: 1.575rem;
text-transform: lowercase;
}
/* line 347, ../../sass/components/_card.scss */
.card__calendar__custom thead > tr:last-child {
display: none;
}
/* line 351, ../../sass/components/_card.scss */
.card__calendar__custom thead tbody > tr:last-child {
display: table-cell;
}
/* line 358, ../../sass/components/_card.scss */
.card__calendar__custom tbody td.day {
padding: 2px 8px;
line-height: 1.75;
cursor: pointer;
}
/* line 362, ../../sass/components/_card.scss */
.card__calendar__custom tbody td.day.today {
background-color: #73EDFF;
}
/* line 364, ../../sass/components/_card.scss */
.card__calendar__custom tbody td.day.today:hover {
color: #000078;
}
/* line 368, ../../sass/components/_card.scss */
.card__calendar__custom tbody td.day:hover {
color: #D0D0D0;
}
/* line 372, ../../sass/components/_card.scss */
.card__calendar__custom tbody td.othermonth {
color: #D0D0D0;
padding: 2px 8px;
line-height: 1.75;
font-weight: normal;
}
/* line 379, ../../sass/components/_card.scss */
.card__calendar__custom tbody tr {
font-size: 17px;
font-size: 1.0625rem;
font-weight: bold;
}
/* line 386, ../../sass/components/_card.scss */
.card__calendar__custom tbody .daysrow:last-child td:last-child {
display: none;
}
/* line 392, ../../sass/components/_card.scss */
.card__calendar__custom .combo {
display: none;
}
/* line 397, ../../sass/components/_card.scss */
.searcher-mini {
margin-left: -8px;
}
/* line 400, ../../sass/components/_card.scss */
.searcher-mini input[type="text"], .searcher-mini input[type="search"] {
min-height: auto;
padding: 2px 8px;
font-size: 1.3rem;
}
/* line 405, ../../sass/components/_card.scss */
.searcher-mini .btn {
min-height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
/* line 410, ../../sass/components/_card.scss */
.searcher-mini .icon--search {
width: 28px;
height: 28px;
flex: none;
font-size: 3.4rem !important;
background: #d0d0d0;
overflow: hidden;
line-height: 10px;
text-indent: 0;
}
/* line 422, ../../sass/components/_card.scss */
.searcher-mini--calendar {
margin-left: 0;
}
/* line 427, ../../sass/components/_card.scss */
.searcher-mini__text .icon {
width: 28px;
height: 28px;
flex: none;
font-size: 3.4rem;
background: #d0d0d0;
overflow: hidden;
line-height: 10px;
text-indent: 0;
}
/* line 438, ../../sass/components/_card.scss */
.card-heading {
padding-top: 32px;
background-color: #ffffff;
}
/* line 442, ../../sass/components/_card.scss */
.card-heading h2.ruler.ruler--primary {
margin-top: 0;
}
/* line 446, ../../sass/components/_card.scss */
.card__contents a.card__video__icon {
z-index: 9;
}
/* S O C I A L C A R D S */
/* line 450, ../../sass/components/_card.scss */
.card--social {
min-height: 0;
padding-bottom: 32px;
font-size: 1rem;
}
/* line 457, ../../sass/components/_card.scss */
.card--social .card-social-link {
position: absolute;
bottom: 12px;
right: 8px;
text-decoration: underline;
}
/* line 464, ../../sass/components/_card.scss */
.card--social date {
width: 100%;
display: inline-block;
clear: both;
font-style: italic;
}
/* line 471, ../../sass/components/_card.scss */
.card--social .rss-link {
text-decoration: none;
font-weight: bold;
}
/* line 476, ../../sass/components/_card.scss */
.card--social.card--social-video .card__contents {
padding: 0;
}
/* line 480, ../../sass/components/_card.scss */
.card--social .card__contents {
height: auto;
/** undo flexbox-height **/
}
/* line 484, ../../sass/components/_card.scss */
.flexbox-layout-test {
flex: 1;
flex-wrap: wrap;
flex-direction: row;
display: flex !important;
}
/* line 490, ../../sass/components/_card.scss */
.flexbox-layout-test > div > .card {
display: inline-block;
}
/* line 495, ../../sass/components/_card.scss */
.card__contents__blocks {
width: 100%;
}
/*
.modal--video {
position: absolute;
width: 100%;
left: 0;
margin: auto;
top: 0;
bottom: 0;
background: #000078;
.modal__dialog {
position: relative;
width: 100%;
}
}
*/
/* line 516, ../../sass/components/_card.scss */
.card__embedded-video {
position: absolute;
width: 100%;
left: 0;
margin: auto;
top: 0;
bottom: 0;
background: #000078;
z-index: -1;
}
/* line 526, ../../sass/components/_card.scss */
.card__embedded-video .embedded-video {
min-width: 0;
margin: auto;
left: 0;
}
/* line 532, ../../sass/components/_card.scss */
.card__embedded-video.visible {
z-index: 10;
/*.embedded-video:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 11;
pointer-events: none;
background: rgba(0,0,120,0.25);
}*/
}
/* line 549, ../../sass/components/_card.scss */
.card__embedded-video.horizontal .embedded-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: auto;
max-width: none;
min-width: 0;
}
@media (max-width: 47.99em) {
/* line 549, ../../sass/components/_card.scss */
.card__embedded-video.horizontal .embedded-video {
padding-top: 34px;
min-height: 228px;
}
/* line 561, ../../sass/components/_card.scss */
.card__embedded-video.horizontal .embedded-video .embedded-video__iframe {
min-height: 228px;
}
}
/* line 567, ../../sass/components/_card.scss */
.card__embedded-video.horizontal .embedded-video__iframe {
left: 0;
right: 0;
margin: 0 auto;
}
/* line 574, ../../sass/components/_card.scss */
.card__embedded-video .embedded-video__iframe {
width: 100%;
height: auto;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
/* line 583, ../../sass/components/_card.scss */
.card__embedded-video noscript {
color: #ffffff;
}
/* line 586, ../../sass/components/_card.scss */
.card__embedded-video noscript a {
color: #ffffff;
}
/* line 592, ../../sass/components/_card.scss */
.noscript .card__embedded-video:target {
z-index: 11;
}
/* line 597, ../../sass/components/_card.scss */
.card__calendar-searcher .fullwidth {
margin: 0;
width: 100%;
max-width: none;
padding: 0;
overflow: hidden;
min-height: 0;
}
/* line 607, ../../sass/components/_card.scss */
.card__calendar-searcher .search-form-container1 > .ruler {
border: none;
}
/* line 611, ../../sass/components/_card.scss */
.card__calendar-searcher .search-form-container1 .btn-search {
width: 28px;
height: 28px;
flex: none;
font-size: 3.4rem;
overflow: hidden;
line-height: 10px;
text-indent: 0;
}
/* line 620, ../../sass/components/_card.scss */
.card__calendar-searcher .search-form-container1 .btn-search span {
width: 28px;
height: 28px;
flex: none;
font-size: 3.4rem !important;
overflow: hidden;
line-height: 10px;
text-indent: 0;
}
/* line 630, ../../sass/components/_card.scss */
.card__calendar-searcher .search-form-container1 .btn-search + .ruler {
border: none;
}
/* line 636, ../../sass/components/_card.scss */
.card__calendar-searcher input[type="text"], .card__calendar-searcher input[type="search"] {
background: #F0F0F0;
min-height: auto;
padding: 2px 8px;
font-size: 1.3rem;
height: auto;
}
/* line 644, ../../sass/components/_card.scss */
.card__calendar-searcher .resetter {
display: none;
}
/* line 648, ../../sass/components/_card.scss */
.card__calendar-searcher .clickable, .card__calendar-searcher .clickable + span {
bottom: auto;
top: 2px;
}
/* line 653, ../../sass/components/_card.scss */
.card__calendar-searcher input[type="text"], .card__calendar-searcher input[type="search"] {
min-height: auto;
padding: 2px 8px;
font-size: 1.3rem;
}
/* line 658, ../../sass/components/_card.scss */
.card__calendar-searcher .btn {
min-height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
/** Pasar a GEF **/
/* line 668, ../../sass/components/_card.scss */
.card--with-collapse [data-collapse-trigger] {
z-index: 2;
}
@media (min-width: 48em) {
/* line 674, ../../sass/components/_card.scss */
.card--with-collapse {
overflow: visible;
}
/* line 676, ../../sass/components/_card.scss */
.card--with-collapse [data-collapse-trigger] {
margin: 0;
position: absolute;
}
/* line 680, ../../sass/components/_card.scss */
.card--with-collapse [data-collapse-trigger].is-trigger-active {
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
transform: rotate(45deg);
}
/* line 685, ../../sass/components/_card.scss */
.card--with-collapse [data-collapse-trigger].is-trigger-active + .collapse__content {
margin-top: 32px;
margin-bottom: 55px;
}
/* line 691, ../../sass/components/_card.scss */
.card--with-collapse .card__footer {
position: absolute;
top: -moz-calc(100% - 26px);
top: -webkit-calc(100% - 26px);
top: calc(100% - 26px);
z-index: 1;
left: 0;
background: #eee;
}
/* line 697, ../../sass/components/_card.scss */
.card--with-collapse .card__footer.bg-grey {
background-color: #d0d0d0;
}
/* line 700, ../../sass/components/_card.scss */
.card--with-collapse .card__footer.doble--line {
top: -moz-calc(100% - 44px);
top: -webkit-calc(100% - 44px);
top: calc(100% - 44px);
}
/* line 705, ../../sass/components/_card.scss */
.card--with-collapse .card__contents {
overflow: visible;
}
/* line 709, ../../sass/components/_card.scss */
.card__contents__blocks {
display: -webkit-box ;
display: -moz-box ;
display: -ms-flexbox ;
display: -webkit-flex ;
display: flex ;
-moz-flex-direction: column ;
-webkit-flex-direction: column ;
-ms-flex-direction: column ;
flex-direction: column ;
height: -moz-calc(100% - 54px);
height: -webkit-calc(100% - 54px);
height: calc(100% - 54px);
}
}
@media (max-width: 47.99em) {
/* line 717, ../../sass/components/_card.scss */
.card--with-collapse .btn--secondary {
top: -44px;
}
/* line 719, ../../sass/components/_card.scss */
.card--with-collapse .btn--secondary.reset-top {
top: auto;
}
/* line 724, ../../sass/components/_card.scss */
.card--with-collapse .card__footer {
top: -moz-calc(100% - 26px);
top: -webkit-calc(100% - 26px);
top: calc(100% - 26px);
z-index: 1;
}
/* line 729, ../../sass/components/_card.scss */
.card__contents__blocks {
height: -moz-calc(100% - 42px);
height: -webkit-calc(100% - 42px);
height: calc(100% - 42px);
}
}
/* line 734, ../../sass/components/_card.scss */
.modul-info-previews {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
}
/* la .card */
/* line 744, ../../sass/components/_card.scss */
.modul-info-previews .card-heading {
-moz-flex: 1 ;
-webkit-flex: 1 ;
-ms-flex: 1 ;
flex: 1 ;
}
/* line 747, ../../sass/components/_card.scss */
.modul-info-previews .card__contents__blocks {
height: 100%;
}
/* solo lo usamos en las modul-info-previews */
/* line 748, ../../sass/components/_card.scss */
.modul-info-previews .card__contents__blocks a {
display: block;
-moz-flex: none ;
-webkit-flex: none ;
-ms-flex: none ;
flex: none ;
}
/* line 752, ../../sass/components/_card.scss */
.modul-info-previews .card__contents__blocks--footer {
height: 100%;
height: -moz-calc(100% - 54px);
height: -webkit-calc(100% - 54px);
height: calc(100% - 54px);
}
/* line 756, ../../sass/components/_card.scss */
.modul-info-previews .card__contents div > p:first-child {
padding-top: 12px;
}
@media (max-width: 47.99em) {
/* line 758, ../../sass/components/_card.scss */
.card__image--responsive-fullwidth {
overflow: visible;
}
/* line 761, ../../sass/components/_card.scss */
.card__image--responsive-fullwidth img {
width: calc(100% + 20px);
left: -10px;
right: -10px;
margin: auto;
max-width: none;
}
}
/* line 770, ../../sass/components/_card.scss */
.card__contents .card__video__icon, .card__image .card__video__icon {
position: absolute;
cursor: pointer;
z-index: 9;
color: #ffffff;
height: auto;
display: block;
}
/* line 777, ../../sass/components/_card.scss */
.card__contents .card__video__icon:hover, .card__image .card__video__icon:hover {
color: #000078;
}
/* line 780, ../../sass/components/_card.scss */
.card__contents .card__video__icon.icon--play-center, .card__image .card__video__icon.icon--play-center {
right: 50%;
bottom: 50%;
-moz-transform: translate(50%, 50%);
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
/* line 785, ../../sass/components/_card.scss */
.card__contents .card__video__icon.card__main__video__icon, .card__image .card__video__icon.card__main__video__icon {
/**
The 'default' rule is not submitted to any responsive query
**/
top: -500px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 785, ../../sass/components/_card.scss */
.card__contents .card__video__icon.card__main__video__icon, .card__image .card__video__icon.card__main__video__icon {
top: -400px;
}
}
@media (max-width: 47.99em) {
/* line 785, ../../sass/components/_card.scss */
.card__contents .card__video__icon.card__main__video__icon, .card__image .card__video__icon.card__main__video__icon {
top: -300px;
}
}
/* line 790, ../../sass/components/_card.scss */
.tweet_user {
font-style: normal;
}
/* line 793, ../../sass/components/_card.scss */
.group-block-cards {
height: 100%;
}
/* line 796, ../../sass/components/_card.scss */
.group-block-cards .card {
height: auto;
-moz-flex: 1 0 auto ;
-webkit-flex: 1 0 auto ;
-ms-flex: 1 0 auto ;
flex: 1 0 auto ;
}
/* line 803, ../../sass/components/_card.scss */
.group-block-cards.flexbox-layout__column .card--with-footer .card__contents {
position: absolute;
}
/* line 810, ../../sass/components/_card.scss */
.card__agenda__date {
white-space: nowrap;
}
/* line 813, ../../sass/components/_card.scss */
.card__agenda__year {
color: #000078;
}
/* line 816, ../../sass/components/_card.scss */
.card__agenda__date--smaller {
font-size: 120px;
}
@media (max-width: 61.99em) {
/* line 816, ../../sass/components/_card.scss */
.card__agenda__date--smaller {
font-size: 100px;
}
}
/* line 824, ../../sass/components/_card.scss */
.card-title a {
text-decoration: none;
}
/* line 829, ../../sass/components/_card.scss */
.card-title-link {
margin-top: 0;
margin-bottom: 4px;
text-decoration: none;
word-break: break-word;
}
/* line 835, ../../sass/components/_card.scss */
.card-title-link:hover {
text-decoration: none;
}
@media (min-width: 29.0626em) {
/* line 845, ../../sass/components/_card.scss */
.card--responsive-mobile h1, .card--responsive-mobile h2, .card--responsive-mobile h3, .card--responsive-mobile h4, .card--responsive-mobile h5 {
padding-right: 0;
}
}
@media (max-width: 29.0625em) {
/* line 850, ../../sass/components/_card.scss */
.card--responsive-mobile h1, .card--responsive-mobile h2, .card--responsive-mobile h3, .card--responsive-mobile h4, .card--responsive-mobile h5 {
padding-right: 0;
}
}
@media (max-width: 33.99em) {
/* line 856, ../../sass/components/_card.scss */
.card--responsive--mobile {
min-height: 136px;
}
/* line 860, ../../sass/components/_card.scss */
.card--responsive--mobile h3 {
font-size: 1.5rem;
}
}
/* line 864, ../../sass/components/_card.scss */
.card--responsive--mobile h1, .card--responsive--mobile h2, .card--responsive--mobile h3, .card--responsive--mobile h4, .card--responsive--mobile h5 {
padding-right: 0%;
}
/* line 870, ../../sass/components/_card.scss */
.align-icon-text .icon {
margin-right: 8px;
vertical-align: top;
font-size: 1.7rem;
top: auto;
bottom: 2px;
position: relative;
}
/* line 879, ../../sass/components/_card.scss */
.align-icon-text .icon--book {
font-size: 2.5rem;
text-indent: -13px;
}
/* line 884, ../../sass/components/_card.scss */
.align-icon-text__text {
display: inline-block;
text-decoration: underline;
width: calc(100% - 40px);
vertical-align: top;
}
/* line 894, ../../sass/components/_card.scss */
.card.card--with-link .card__contents {
min-height: inherit;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 905, ../../sass/components/_card.scss */
.card.card--with-link .card__contents:not([class*="col-"]) {
width: 100%;
}
/* line 910, ../../sass/components/_card.scss */
.card.card--with-link > .card {
position: static;
z-index: 1;
}
/* line 914, ../../sass/components/_card.scss */
.card.card--with-link > .card > .card__contents {
position: static;
}
/* line 920, ../../sass/components/_card.scss */
.card.card--with-link .card-title a, .card.card--with-link .card-title a:hover {
text-decoration: none;
color: inherit;
}
/* line 926, ../../sass/components/_card.scss */
.card.card--with-link .card__image + .card__contents {
position: static;
}
/* line 930, ../../sass/components/_card.scss */
.card.card--with-link .card-title-link {
font-size: 40px;
line-height: .95;
font-weight: 400;
margin-top: 0;
margin-bottom: 4px;
text-decoration: none;
}
/* line 937, ../../sass/components/_card.scss */
.card.card--with-link .card-title-link:hover {
color: #000078;
text-decoration: none;
}
/* line 943, ../../sass/components/_card.scss */
.card.card--with-link .absolute-link {
bottom: 0;
display: block;
height: 100%;
left: 0;
right: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
/* line 954, ../../sass/components/_card.scss */
.card.card--with-link .absolute-link:hover {
background: rgba(0, 0, 120, 0.25);
}
/* line 956, ../../sass/components/_card.scss */
.card.card--with-link .absolute-link:hover ~ .card .card__contents .card__footer, .card.card--with-link .absolute-link:hover ~ .card__contents .card__footer, .card.card--with-link .absolute-link:hover ~ .card__footer {
z-index: 10;
pointer-events: none;
}
/* line 962, ../../sass/components/_card.scss */
.card.card--with-link .absolute-link:hover ~ .card .card__contents .card__footer a, .card.card--with-link .absolute-link:hover ~ .card__contents .card__footer a, .card.card--with-link .absolute-link:hover ~ .card__footer a {
color: white;
}
/* line 970, ../../sass/components/_card.scss */
.card.card--with-link > .card--brand-default, .card.card--with-link > .card--brand-default > .card__contents {
position: static;
}
/* line 975, ../../sass/components/_card.scss */
.card.card--with-link .img-wpr__contents {
height: 100%;
position: static;
}
@media (max-width: 61.99em) {
/* line 981, ../../sass/components/_card.scss */
.card.card--with-link .icon--responsive-mobile {
position: static;
}
}
/* line 990, ../../sass/components/_card.scss */
.card-landing .icon {
font-size: 4rem;
}
/* line 993, ../../sass/components/_card.scss */
.card-landing .icon:not(.icon--cup) {
transform: translateX(13px);
}
/* line 999, ../../sass/components/_card.scss */
.card-landing-alt {
display: flex;
justify-content: center;
}
/* line 1003, ../../sass/components/_card.scss */
.card-landing-alt figure {
flex-basis: 80px;
margin: 0;
margin-left: 2rem;
margin-right: 0.5rem;
max-height: 80px;
max-width: 80px;
}
/* line 1011, ../../sass/components/_card.scss */
.card-landing-alt figure .icon {
font-size: 5rem;
}
/* line 1015, ../../sass/components/_card.scss */
.card-landing-alt figure .icon--book {
transform: translate(-1.5rem, -1rem);
font-size: 6rem;
}
/* line 1021, ../../sass/components/_card.scss */
.card-landing-alt .body {
flex-basis: 100%;
font-size: 20px;
}
/* line 1025, ../../sass/components/_card.scss */
.card-landing-alt .body p {
margin-bottom: 0;
}
@media (min-width: 62em) {
/* line 1033, ../../sass/components/_card.scss */
.card-landing-alt figure, .card-landing-alt .body {
flex-basis: auto;
}
/* line 1037, ../../sass/components/_card.scss */
.card-landing-alt figure {
margin-left: 0;
}
}
@media (max-width: 399.99px) {
/* line 1044, ../../sass/components/_card.scss */
.card-responsive-mobile-autosize {
display: block;
background: #F0F0F0;
position: relative;
overflow: hidden;
margin-bottom: 8px;
min-height: 90px;
}
}
@media (max-width: 499.99px) and (min-width: 400px) {
/* line 1055, ../../sass/components/_card.scss */
.card-responsive-mobile-autosize {
display: block;
background: #F0F0F0;
position: relative;
overflow: hidden;
margin-bottom: 8px;
min-height: 125px;
}
}
@media (max-width: 634.99px) and (min-width: 500px) {
/* line 1065, ../../sass/components/_card.scss */
.card-responsive-mobile-autosize {
display: block;
background: #F0F0F0;
position: relative;
overflow: hidden;
margin-bottom: 8px;
min-height: 160px;
}
}
@media (max-width: 719.99px) and (min-width: 635px) {
/* line 1075, ../../sass/components/_card.scss */
.card-responsive-mobile-autosize {
display: block;
background: #F0F0F0;
position: relative;
overflow: hidden;
margin-bottom: 8px;
min-height: 190px;
}
}
/* Iconos */
/* line 2, ../../sass/components/_icons.scss */
.icon--extra-small {
font-size: 1.0625rem;
}
/* line 6, ../../sass/components/_icons.scss */
.social-icons p {
display: -webkit-box ;
display: -moz-box ;
display: -ms-flexbox ;
display: -webkit-flex ;
display: flex ;
-moz-flex-direction: row ;
-webkit-flex-direction: row ;
-ms-flex-direction: row ;
flex-direction: row ;
-webkit-align-items: center ;
-ms-flex-align: str-replace(center, "flex-") ;
align-items: center ;
}
/* line 12, ../../sass/components/_icons.scss */
.social-icons .icon, .social-icons a {
display: inline-block;
vertical-align: middle;
}
/* line 17, ../../sass/components/_icons.scss */
.social-icons a {
width: auto;
word-break: break-word;
font-size: 1.0625rem;
}
/* line 24, ../../sass/components/_icons.scss */
.icon--coneixUOC {
margin-right: -20px;
font-size: 2.375rem;
}
/* line 29, ../../sass/components/_icons.scss */
.icon--big, .btn .icon--big {
font-size: 8rem;
font-weight: 400;
height: 100%;
width: 100%;
}
/* line 35, ../../sass/components/_icons.scss */
.icon--big.icon--info, .btn .icon--big.icon--info {
width: auto;
font-size: 4.4rem;
}
/* line 40, ../../sass/components/_icons.scss */
.icon--big.icon--search, .btn .icon--big.icon--search {
line-height: 10px;
}
/* line 44, ../../sass/components/_icons.scss */
.icon--big.icon--search:before, .btn .icon--big.icon--search:before {
position: absolute;
height: 100%;
width: 100%;
}
/* line 50, ../../sass/components/_icons.scss */
.icon--big.icon--play-center, .btn .icon--big.icon--play-center {
text-align: center;
}
/* line 54, ../../sass/components/_icons.scss */
.icon--book-small, .icon--book.icon--small-text {
font-size: 2.5rem;
width: 27px;
height: 24px;
text-indent: -13px;
line-height: 30px;
right: 0 !important;
top: auto !important;
vertical-align: bottom;
}
/* line 1, ../../sass/components/_social-links.scss */
.social-links {
overflow: hidden;
font-size: 1.25rem;
margin: 0 4px;
/**
The 'default' rule is not submitted to any responsive query
**/
padding: 8px;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 62em) {
/* line 1, ../../sass/components/_social-links.scss */
.social-links {
padding: 0 4px 8px 4px;
}
}
/* line 8, ../../sass/components/_social-links.scss */
.social-links li {
display: inline-block;
padding: 4px 0;
margin-bottom: 0;
}
/* line 13, ../../sass/components/_social-links.scss */
.social-links li .icon {
margin: 0 2px;
font-size: 1.75rem;
width: 20px;
height: 20px;
line-height: 20px;
text-indent: -5px;
}
/* line 20, ../../sass/components/_social-links.scss */
.social-links li .icon.icon--social-youtube {
margin: 0 4px;
}
@media (min-width: 768px) and (max-width: 992px) {
/* line 24, ../../sass/components/_social-links.scss */
footer .brand-box .social-links li .icon {
margin: 0 1px;
}
}
@media (min-width: 992px) and (max-width: 1400px) {
/* line 24, ../../sass/components/_social-links.scss */
footer .brand-box .social-links li .icon {
font-size: 1.5rem;
width: 16px;
height: 16px;
}
}
/* line 38, ../../sass/components/_social-links.scss */
.social-link-responsive {
/**
The 'default' rule is not submitted to any responsive query
**/
float: right;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
padding-top: 0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 38, ../../sass/components/_social-links.scss */
.social-link-responsive {
float: left;
}
}
@media (max-width: 47.99em) {
/* line 38, ../../sass/components/_social-links.scss */
.social-link-responsive {
padding-top: 24px;
}
}
@media (max-width: 47.99em) {
/* line 38, ../../sass/components/_social-links.scss */
.social-link-responsive {
font-size: 2.0625rem;
}
}
/* line 46, ../../sass/components/_social-links.scss */
.social-link--text {
font-style: normal;
font-size: 1rem;
line-height: 20px;
}
@media (min-width: 992px) and (max-width: 1400px) {
/* line 46, ../../sass/components/_social-links.scss */
.social-link--text {
font-size: 0.875rem;
line-height: 29px;
}
}
/* line 1, ../../sass/components/_list-group.scss */
.list-group-condensed {
font-size: 1rem;
}
/* line 4, ../../sass/components/_list-group.scss */
.list-group-condensed li {
padding-top: 2px;
padding-bottom: 12px;
}
/* line 8, ../../sass/components/_list-group.scss */
.list-group-condensed li:first-child {
border-top: 4px solid #d0d0d0;
}
/* line 5, ../../sass/components/_forms.scss */
.form-radio label, .form-radio label:focus, .form-radio input, .form-radio input:focus, .form-radio span, .form-radio span:focus, .form-radio .form-item, .form-radio .form-alumni input[type="text"], .form-alumni .form-radio input[type="text"],
.form-radio .form-alumni textarea,
.form-alumni .form-radio textarea, .form-radio .form-item:focus, .form-radio .form-alumni input[type="text"]:focus, .form-alumni .form-radio input[type="text"]:focus,
.form-radio .form-alumni textarea:focus,
.form-alumni .form-radio textarea:focus,
.form-check label,
.form-check label:focus,
.form-check input,
.form-check input:focus,
.form-check span,
.form-check span:focus,
.form-check .form-item,
.form-check .form-alumni input[type="text"],
.form-alumni .form-check input[type="text"],
.form-check .form-alumni textarea,
.form-alumni .form-check textarea,
.form-check .form-item:focus,
.form-check .form-alumni input[type="text"]:focus,
.form-alumni .form-check input[type="text"]:focus,
.form-check .form-alumni textarea:focus,
.form-alumni .form-check textarea:focus,
.form-group label,
.form-group label:focus,
.form-group input,
.form-group input:focus,
.form-group span,
.form-group span:focus,
.form-group .form-item,
.form-group .form-alumni input[type="text"],
.form-alumni .form-group input[type="text"],
.form-group .form-alumni textarea,
.form-alumni .form-group textarea,
.form-group .form-item:focus,
.form-group .form-alumni input[type="text"]:focus,
.form-alumni .form-group input[type="text"]:focus,
.form-group .form-alumni textarea:focus,
.form-alumni .form-group textarea:focus {
outline: none !important;
}
/* line 10, ../../sass/components/_forms.scss */
.form-radio .select--custom--dropdown__values,
.form-check .select--custom--dropdown__values,
.form-group .select--custom--dropdown__values {
z-index: 12;
}
/* line 14, ../../sass/components/_forms.scss */
.form-radio .h6,
.form-check .h6,
.form-group .h6 {
line-height: 1.5;
}
/* line 19, ../../sass/components/_forms.scss */
.form-select-bold .form-item, .form-select-bold .form-alumni input[type="text"], .form-alumni .form-select-bold input[type="text"],
.form-select-bold .form-alumni textarea,
.form-alumni .form-select-bold textarea {
background-color: transparent;
}
/* line 23, ../../sass/components/_forms.scss */
.form-select-bold .select--custom--dropdown .select--custom--dropdown__selected-value {
color: #000078;
font-weight: bold;
cursor: pointer;
}
/* line 28, ../../sass/components/_forms.scss */
.form-select-bold .select--custom--dropdown .select--custom--dropdown__content {
/*@include mq-includes('position', (tablet: relative, default: absolute));*/
position: relative;
top: 0;
left: 0;
z-index: 4;
padding-left: 0;
padding-right: 0;
}
/* line 38, ../../sass/components/_forms.scss */
.form-select-bold .select--custom--dropdown .select--custom--dropdown__content:before {
/* arrow color */
color: inherit;
}
/* line 43, ../../sass/components/_forms.scss */
.form-select-bold .select--custom--dropdown__item {
cursor: pointer;
}
/* line 46, ../../sass/components/_forms.scss */
.form-select-bold .select--custom--dropdown__item:hover {
color: #706F6F;
}
@media (max-width: 47.99em) {
/* line 52, ../../sass/components/_forms.scss */
.form-select-bold .is-select-open .select--custom--dropdown__values {
max-height: 600px;
position: relative;
top: 8px;
}
}
/* line 62, ../../sass/components/_forms.scss */
.select--custom--dropdown.is-select-locked .form-item, .select--custom--dropdown.is-select-locked .form-alumni input[type="text"], .form-alumni .select--custom--dropdown.is-select-locked input[type="text"],
.select--custom--dropdown.is-select-locked .form-alumni textarea,
.form-alumni .select--custom--dropdown.is-select-locked textarea, .select--custom--dropdown.is-select-locked .select--custom--dropdown__selected-value {
color: #706F6F;
}
/* line 67, ../../sass/components/_forms.scss */
.resetter {
display: block;
position: absolute;
top: 0;
right: 4px;
bottom: 0;
margin: 4px auto;
height: 32px;
background: none;
border: 0;
}
/* line 78, ../../sass/components/_forms.scss */
.resetter .icon {
font-size: 2rem;
}
/* line 82, ../../sass/components/_forms.scss */
.btn--sticky-info {
position: fixed;
right: 14px;
bottom: 175px !important;
z-index: 10001;
display: block;
}
/* line 89, ../../sass/components/_forms.scss */
.btn--sticky-acess {
position: fixed;
right: 14px;
z-index: 10001;
display: block;
bottom: 105px !important;
}
/* line 96, ../../sass/components/_forms.scss */
.btn--sticky {
width: auto;
min-width: 168px;
}
/* line 100, ../../sass/components/_forms.scss */
.btn--sticky .text {
max-width: 100px;
display: inline-block;
vertical-align: top;
overflow: hidden;
white-space: normal;
word-wrap: break-word;
margin-top: 4px;
margin-right: 20px;
line-height: 1;
float: left;
}
/* line 112, ../../sass/components/_forms.scss */
.btn--sticky .icon {
float: right;
font-size: 4.4rem;
width: 37px;
height: 43px;
line-height: 43px;
text-indent: -33px;
right: -4px;
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 4px;
}
/* line 125, ../../sass/components/_forms.scss */
.btn--sticky:hover, .btn--sticky:focus, .btn--sticky:active {
background: #fff;
border-color: #000078;
}
/* line 132, ../../sass/components/_forms.scss */
.form-alumni .form-item, .form-alumni input[type="text"],
.form-alumni textarea {
display: block;
width: 100%;
color: #000078;
padding: 0.3125rem 0.3125rem 0.875rem;
border: 0;
border-radius: 0;
background-color: #ffffff;
background-image: none;
line-height: 1;
min-height: 2.25rem;
}
/* line 144, ../../sass/components/_forms.scss */
.form-alumni label {
display: block;
margin-bottom: 8px;
}
/* line 150, ../../sass/components/_forms.scss */
.form-alumni input {
display: inline-block;
}
/* line 153, ../../sass/components/_forms.scss */
.form-alumni input[type="text"],
.form-alumni textarea {
display: block;
margin-bottom: 16px;
padding-bottom: 4px;
}
/* line 160, ../../sass/components/_forms.scss */
.form-alumni .error,
.form-alumni #errorUpload {
color: #FF0000;
}
/* line 164, ../../sass/components/_forms.scss */
.form-alumni .error {
margin-top: -16px;
margin-bottom: 16px;
}
/* line 168, ../../sass/components/_forms.scss */
.form-alumni .ui-dform-radiobuttons,
.form-alumni .ui-dform-checkboxes {
margin-bottom: 16px;
}
/* line 171, ../../sass/components/_forms.scss */
.form-alumni .ui-dform-radiobuttons label,
.form-alumni .ui-dform-checkboxes label {
display: inline-block;
padding-left: 2px;
padding-right: 8px;
}
/* line 177, ../../sass/components/_forms.scss */
.form-alumni a[id^="attach"],
.form-alumni .btn-submit {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
line-height: 1;
border: none;
border-radius: 0;
box-shadow: none;
text-align: center;
position: relative;
text-decoration: none;
font-size: 1.0625rem;
color: #ffffff;
background-color: #000078;
text-decoration: none;
font-weight: normal;
padding: .5rem;
max-height: 2.688rem;
}
/* line 198, ../../sass/components/_forms.scss */
.form-alumni a[id^="attach"]:hover,
.form-alumni .btn-submit:hover {
color: #ffffff;
background-color: #000078;
text-decoration: none;
}
/* line 204, ../../sass/components/_forms.scss */
.form-alumni a[id^="attach"] {
margin-bottom: 16px;
}
/* line 207, ../../sass/components/_forms.scss */
.form-alumni #fileContainer input {
font-style: italic;
}
/* line 210, ../../sass/components/_forms.scss */
.form-alumni .delFile {
font-size: .85rem;
}
/* line 214, ../../sass/components/_forms.scss */
a:-moz-focusring,
button:-moz-focusring {
outline: auto 5px -webkit-focus-ring-color;
outline: 2px dotted;
outline-offset: -5px;
}
/* line 220, ../../sass/components/_forms.scss */
a:active,
button:active {
outline: 0;
}
@media (max-width: 47.99em) {
/* line 224, ../../sass/components/_forms.scss */
.recaptchatable {
table-layout: fixed;
width: 100%;
}
}
@media (max-width: 47.99em) {
/* line 230, ../../sass/components/_forms.scss */
.recaptcha_image_cell {
width: 100%;
}
}
/* line 1, ../../sass/components/_lists.scss */
.unordered-list li {
margin-bottom: 2px;
text-indent: -15px;
padding-left: 15px;
}
/* line 6, ../../sass/components/_lists.scss */
.unordered-list li:before {
content: "";
font-size: 100%;
width: 4px;
height: 4px;
background: #000078;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
margin-left: 4px;
}
/* line 18, ../../sass/components/_lists.scss */
.ordered-list li {
padding-left: 18px;
position: relative;
}
/* line 22, ../../sass/components/_lists.scss */
.ordered-list li:before {
content: '\00B7';
font-size: 100%;
font-weight: bold;
margin-right: 4px;
position: absolute;
left: 2px;
}
/* line 32, ../../sass/components/_lists.scss */
.partner-list {
display: block;
height: 100%;
}
/* line 36, ../../sass/components/_lists.scss */
.partner-list .partner-list-item {
display: inline-block;
margin-bottom: 12px;
position: relative;
}
@media (min-width: 62em) {
/* line 36, ../../sass/components/_lists.scss */
.partner-list .partner-list-item {
height: 100%;
}
}
/* line 44, ../../sass/components/_lists.scss */
.partner-list .partner-list-image {
max-height: 80px;
max-width: 200px;
margin: 0 auto;
display: block;
}
@media (min-width: 62em) {
/* line 44, ../../sass/components/_lists.scss */
.partner-list .partner-list-image {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
/* line 55, ../../sass/components/_lists.scss */
.partner-list .partner-list-link {
display: block;
height: 100%;
width: 100%;
}
/* line 64, ../../sass/components/_lists.scss */
.list--compact:is(ul) li, .list--compact ul li {
margin: 0;
}
/* line 71, ../../sass/components/_lists.scss */
.list-style--disc:is(ul), .list-style--disc ul, .list--disc:is(ul), .list--disc ul {
margin-left: 30px;
}
/* line 74, ../../sass/components/_lists.scss */
.list-style--disc:is(ul) li, .list-style--disc ul li, .list--disc:is(ul) li, .list--disc ul li {
list-style: disc;
}
/* line 81, ../../sass/components/_lists.scss */
.list--hyphen:is(ul), .list--hyphen ul {
margin-left: 12px;
}
/* line 84, ../../sass/components/_lists.scss */
.list--hyphen:is(ul) li, .list--hyphen ul li {
list-style: none;
margin-left: 12px;
}
/* line 88, ../../sass/components/_lists.scss */
.list--hyphen:is(ul) li:before, .list--hyphen ul li:before {
margin-left: -12px;
position: absolute;
content: "\2010";
}
/* line 2, ../../sass/components/_modal.scss */
.modal noscript {
color: #000078;
}
/* line 4, ../../sass/components/_modal.scss */
.modal noscript a {
color: #000078;
}
/* line 10, ../../sass/components/_modal.scss */
.modal .modal__body--padding-wide {
padding: 2rem;
}
/* line 15, ../../sass/components/_modal.scss */
.modal__close {
display: none;
}
/* line 17, ../../sass/components/_modal.scss */
.modal__close--always-visible {
display: block;
}
/* line 21, ../../sass/components/_modal.scss */
.noscript .modal__close {
display: block;
z-index: 12 !important;
color: #000078;
}
@media (max-width: 47.99em) {
/* line 26, ../../sass/components/_modal.scss */
.modal-with-video-modal, .modal-with-image, .modal--with-card-image {
padding: 0;
}
}
/* line 30, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__close, .modal-with-image .modal__close, .modal--with-card-image .modal__close {
z-index: 10;
background-color: #ffffff;
margin-top: 2px;
padding: 5px;
}
/* line 36, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__header, .modal-with-image .modal__header, .modal--with-card-image .modal__header {
padding: 0;
}
/* line 39, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__body, .modal-with-image .modal__body, .modal--with-card-image .modal__body {
padding: 4px 0;
}
@media (max-width: 47.99em) {
/* line 39, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__body, .modal-with-image .modal__body, .modal--with-card-image .modal__body {
padding: 4px 2px;
}
}
@media (min-width: 48em) {
/* line 45, ../../sass/components/_modal.scss */
.modal-with-video-modal .card, .modal-with-image .card, .modal--with-card-image .card {
min-height: 320px;
}
}
@media (min-width: 62em) {
/* line 45, ../../sass/components/_modal.scss */
.modal-with-video-modal .card, .modal-with-image .card, .modal--with-card-image .card {
min-height: 400px;
}
}
@media (max-width: 47.99em) {
/* line 53, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__dialog, .modal-with-image .modal__dialog, .modal--with-card-image .modal__dialog {
width: 100%;
}
}
@media (min-width: 48em) {
/* line 53, ../../sass/components/_modal.scss */
.modal-with-video-modal .modal__dialog, .modal-with-image .modal__dialog, .modal--with-card-image .modal__dialog {
width: 80%;
}
}
/* line 62, ../../sass/components/_modal.scss */
.modal-with-video-modal.is-modal-open .modal__close, .modal-with-image.is-modal-open .modal__close, .is-modal-open.modal--with-card-image .modal__close {
display: block;
z-index: 999;
}
@media (max-width: 47.99em) {
/* line 68, ../../sass/components/_modal.scss */
.modal--fitted {
padding: 0;
}
}
@media (max-width: 47.99em) {
/* line 72, ../../sass/components/_modal.scss */
.modal--fitted .modal__dialog {
width: 100%;
}
}
@media (min-width: 48em) {
/* line 72, ../../sass/components/_modal.scss */
.modal--fitted .modal__dialog {
width: 85%;
}
}
@media (min-width: 62em) {
/* line 72, ../../sass/components/_modal.scss */
.modal--fitted .modal__dialog {
width: 55%;
}
}
@media (min-width: 75em) {
/* line 72, ../../sass/components/_modal.scss */
.modal--fitted .modal__dialog {
width: 45%;
}
}
/* line 86, ../../sass/components/_modal.scss */
.modal--fitted .modal__close {
z-index: 10;
background-color: #ffffff;
margin-top: 2px;
padding: 5px;
}
/* line 92, ../../sass/components/_modal.scss */
.modal--fitted .modal__footer {
/*@include mq($until: tablet){
position:fixed;
padding-right: ($spacer)/2;
padding-left: ($spacer)/2;
}*/
width: 100%;
background-color: #f0f0f0;
bottom: 0;
}
@media (min-width: 48em) {
/* line 92, ../../sass/components/_modal.scss */
.modal--fitted .modal__footer {
margin-top: auto;
min-height: 120px;
}
}
@media (max-width: 47.99em) {
/* line 92, ../../sass/components/_modal.scss */
.modal--fitted .modal__footer {
left: 0;
margin-top: auto;
}
}
/* line 110, ../../sass/components/_modal.scss */
.modal--fitted .table-premium-container {
-moz-flex: 1 ;
-webkit-flex: 1 ;
-ms-flex: 1 ;
flex: 1 ;
overflow-y: auto;
}
/* line 113, ../../sass/components/_modal.scss */
.modal--fitted .table-premium-container::-webkit-scrollbar {
display: none;
}
/* line 117, ../../sass/components/_modal.scss */
.modal--fitted .modal__dialog {
margin: 0 auto;
}
/* line 121, ../../sass/components/_modal.scss */
.modal--fitted .modal__content {
height: 100%;
}
/* line 125, ../../sass/components/_modal.scss */
.modal--fitted .modal__header {
padding: 0;
}
/* line 129, ../../sass/components/_modal.scss */
.modal--fitted .modal__body,
.modal--fitted .modal__body > div {
height: 100%;
}
/* line 138, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__body {
padding: 0;
}
/* line 140, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__body > .card {
margin-bottom: 0;
}
/* line 144, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__dialog {
border: 0;
max-width: 550px;
}
/* line 149, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__title {
position: relative;
margin-top: 1.3rem;
}
/* line 154, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__close {
z-index: 10;
background-color: transparent;
color: #ffffff;
padding: 5px 0 5px;
}
/* line 160, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__close + .h2, .modal--with-card-image .menupopup .login-detail .modal__close + .heading, .menupopup .login-detail .modal--with-card-image .modal__close + .heading, .modal--with-card-image .modal__close + p {
padding-right: 2rem;
}
@media (min-width: 48em) {
/* line 165, ../../sass/components/_modal.scss */
.modal--with-card-image .card {
min-height: 300px;
}
}
/* line 169, ../../sass/components/_modal.scss */
.modal--with-card-image .card .img-wpr__contents {
padding: 36px;
}
/* line 175, ../../sass/components/_modal.scss */
.modal--with-card-image .modal__action-buttons .btn, .modal--with-card-image .modal__action-buttons [data-modal-action] {
text-align: left;
}
/* line 181, ../../sass/components/_modal.scss */
.modal.modal--rgpd {
font-weight: normal;
padding-left: 30px;
}
/* line 185, ../../sass/components/_modal.scss */
.modal.modal--rgpd.is-modal-open {
display: block !important;
}
/* line 189, ../../sass/components/_modal.scss */
.modal.modal--rgpd .text-condicions {
max-height: 220px;
overflow: auto;
height: 220px;
}
/* line 194, ../../sass/components/_modal.scss */
.modal.modal--rgpd .text-condicions a {
text-decoration: underline;
}
/* line 199, ../../sass/components/_modal.scss */
.modal.modal--rgpd label {
padding-right: 10px;
min-width: 120px;
}
/* line 204, ../../sass/components/_modal.scss */
.modal.modal--rgpd .btn--primary:hover {
background-color: #000078;
text-decoration: underline;
}
/* line 209, ../../sass/components/_modal.scss */
.modal.modal--rgpd .modal__dialog {
max-width: none;
margin: 0 auto;
}
/* line 214, ../../sass/components/_modal.scss */
.modal.modal--rgpd .modal__body--padding-wide {
padding: 2rem 8px;
}
@media (max-width: 61.99em) {
/* line 181, ../../sass/components/_modal.scss */
.modal.modal--rgpd {
padding: 4px;
}
}
@media (min-width: 62em) {
/* line 224, ../../sass/components/_modal.scss */
.modal.modal--rgpd .modal__dialog {
max-width: 650px;
}
}
/* line 1, ../../sass/components/_tables.scss */
.table-resources-az {
padding-left: 0;
padding-right: 0;
}
/* line 4, ../../sass/components/_tables.scss */
.table-resources-az table {
width: 100%;
}
/* line 7, ../../sass/components/_tables.scss */
.table-resources-az tbody, .table-resources-az tr, .table-resources-az td {
border-left-color: #ffffff;
border-right-color: #ffffff;
}
/* line 12, ../../sass/components/_tables.scss */
.table-preprocessed-with-style {
padding-left: 0;
padding-right: 0;
border-color: #d0d0d0;
}
/* line 16, ../../sass/components/_tables.scss */
.table-preprocessed-with-style table {
width: 100%;
border-color: #d0d0d0;
}
/* line 20, ../../sass/components/_tables.scss */
.table-preprocessed-with-style thead, .table-preprocessed-with-style tfoot {
text-align: left;
border-style: solid;
border-color: #d0d0d0;
}
/* line 25, ../../sass/components/_tables.scss */
.table-preprocessed-with-style thead {
border-width: 0 0 1px 0;
}
/* line 29, ../../sass/components/_tables.scss */
.table-preprocessed-with-style tbody th {
text-align: left;
}
/* line 33, ../../sass/components/_tables.scss */
.table-preprocessed-with-style td, .table-preprocessed-with-style th {
vertical-align: top;
border: 1px solid #d0d0d0;
}
@media (max-width: 47.99em) {
/* line 40, ../../sass/components/_tables.scss */
.table-premium .flexbox-layout {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-moz-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
overflow: visible;
}
}
/* line 61, ../../sass/components/_tables.scss */
.table-pagaments {
width: 100%;
border: 1px solid #666;
font-size: 0.9em;
border-collapse: collapse;
border-spacing: 0;
margin-inline-start: auto;
margin-inline-end: auto;
display: table;
}
/* line 1, ../../sass/components/_images.scss */
.partner-image {
text-align: center;
position: relative;
}
/* line 4, ../../sass/components/_images.scss */
.partner-image img {
max-height: 80px;
max-width: 200px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
/* line 15, ../../sass/components/_images.scss */
.partner-image .partner-image-icon {
height: 160px;
max-width: 400px;
position: absolute;
top: 150px;
bottom: 0;
right: 0;
left: 40px;
margin: auto;
}
/* line 26, ../../sass/components/_images.scss */
.partner-image > div {
display: inline-block;
vertical-align: middle;
float: none;
/**
The 'default' rule is not submitted to any responsive query
**/
margin-left: 0;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 48em) {
/* line 26, ../../sass/components/_images.scss */
.partner-image > div {
margin-left: 32px;
}
}
/* line 32, ../../sass/components/_images.scss */
.partner-image > div:first-child {
margin-left: 0;
}
/* line 2, ../../sass/components/_pagination-selector.scss */
.pagination-selector ul {
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
}
/* line 7, ../../sass/components/_pagination-selector.scss */
.pagination-selector ul li {
display: inline;
}
/* line 10, ../../sass/components/_pagination-selector.scss */
.pagination-selector ul li a {
float: left;
padding: 8px 16px;
text-decoration: none;
}
/* line 14, ../../sass/components/_pagination-selector.scss */
.pagination-selector ul li a:hover {
background-color: #f0f0f0;
color: #878787;
}
/* line 18, ../../sass/components/_pagination-selector.scss */
.pagination-selector ul li a.active {
background-color: #000078;
color: #ffffff;
}
@page {
size: A4;
margin: 0.5cm;
}
@media print {
/* line 7, ../../sass/components/_print.scss */
body {
padding-top: 0 !important;
}
/* line 11, ../../sass/components/_print.scss */
.main-content-block,
.main-content-block--left {
width: 100% !important;
display: block;
}
/* line 17, ../../sass/components/_print.scss */
header,
.nav-left,
.main-content-block--right,
[data-collapse-trigger],
.nav-menu-collapse-button,
#vmi-button {
display: none !important;
}
/* line 26, ../../sass/components/_print.scss */
[data-collapse-content] {
max-height: 100% !important;
overflow: visible !important;
}
/* line 31, ../../sass/components/_print.scss */
.flexbox--item, .flexbox-layout {
display: block !important;
}
/* line 36, ../../sass/components/_print.scss */
img {
width: auto !important;
height: 100% !important;
}
@-moz-document url-prefix() {
/* line 43, ../../sass/components/_print.scss */
*[class*="col-"] {
float: none !important;
}
/* line 46, ../../sass/components/_print.scss */
.main-content-block, .main-content-block--left {
float: none !important;
}
}
/* line 50, ../../sass/components/_print.scss */
.no-print {
display: none;
}
/* line 53, ../../sass/components/_print.scss */
.print {
display: block;
}
}
@keyframes overlay-custom {
0% {
max-height: 0;
}
99% {
max-height: 35px;
}
100% {
max-height: 35px;
overflow: visible;
}
}
@keyframes overlay-custom-top {
0% {
top: 0;
}
100% {
top: 31px;
}
}
@keyframes overlay-custom-overflow {
0% {
overflow: hidden;
}
99% {
overflow: hidden;
}
100% {
overflow: visible;
}
}
@media (max-width: 47.99em) {
/* line 26, ../../sass/components/_readspeaker.scss */
.readspeaker-html.p-left-x {
padding-left: 0;
}
}
/* line 42, ../../sass/components/_readspeaker.scss */
.readspeaker-html .nav-menu-collapse-button .icon:before {
position: relative;
top: -4px;
}
/* line 50, ../../sass/components/_readspeaker.scss */
.readspeaker-html .speaker-menu-wrapper .volume-icon {
background-color: #d0d0d0;
display: block;
font-size: 1.3rem;
font-weight: bold;
max-width: none;
max-height: none;
margin-bottom: 6px;
position: relative;
text-align: center;
top: 4px;
width: 0;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
/* line 66, ../../sass/components/_readspeaker.scss */
.readspeaker-html .speaker-menu-wrapper .volume-icon i {
font-size: 1.3rem;
left: auto;
top: auto;
}
/* line 72, ../../sass/components/_readspeaker.scss */
.readspeaker-html .speaker-menu-wrapper .volume-icon__big {
max-width: 258px;
text-align: left;
width: 100%;
}
/* line 78, ../../sass/components/_readspeaker.scss */
.readspeaker-html .speaker-menu-wrapper .volume-icon .volume-text {
display: none;
opacity: 0;
-webkit-transition: opacity 500ms ease 0.2s;
transition: opacity 500ms ease 0.2s;
}
/* line 86, ../../sass/components/_readspeaker.scss */
.readspeaker-html #xp1 {
max-width: 258px;
position: relative;
margin-top: 1px;
width: 100%;
}
/* line 92, ../../sass/components/_readspeaker.scss */
.readspeaker-html #xp1 .rsbtn_exp_inner {
border: none;
overflow: visible;
}
/* line 96, ../../sass/components/_readspeaker.scss */
.readspeaker-html #xp1 .rsbtn_exp_inner > button {
display: block;
max-height: 0;
}
/* line 103, ../../sass/components/_readspeaker.scss */
.readspeaker-html #xp1 .rsbtn_exp_inner button:first-child {
border: none;
}
/* line 109, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols {
background-color: transparent;
border: none;
box-shadow: none;
}
/* line 114, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button {
background-color: #d0d0d0;
border: none;
}
/* line 118, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_playpause {
margin-right: 2px;
}
/* line 122, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_close {
margin-left: 2px;
}
/* line 126, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_playpause {
color: #000078;
}
/* line 131, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll.enabled span, .readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll span {
color: #000078;
}
/* line 137, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_close i, .readspeaker-html #rsbtn_scrollcontrols button.rsbtn_scroll_playpause i {
margin: 0;
}
/* line 143, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsbtn_scrollcontrols .icon.icon--volume {
background-color: #d0d0d0;
color: #706F6F;
margin: 0 2px 0 2px;
padding: 5px;
}
/* line 152, ../../sass/components/_readspeaker.scss */
.readspeaker-html .readspeaker-loaded .rs-player-loadindicator {
bottom: -6px;
animation-name: overlay-custom-top;
-webkit-animation-name: overlay-custom-top;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-delay: 0.2ms;
-webkit-animation-delay: 0.2ms;
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
}
/* line 165, ../../sass/components/_readspeaker.scss */
.readspeaker-html .readspeaker-loaded #xp1 .rsbtn_exp_inner {
animation-name: overlay-custom-overflow;
-webkit-animation-name: overlay-custom-overflow;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-delay: 0.2ms;
-webkit-animation-delay: 0.2ms;
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
}
/* line 175, ../../sass/components/_readspeaker.scss */
.readspeaker-html .readspeaker-loaded #xp1 .rsbtn_exp_inner > button {
display: block;
animation-name: overlay-custom;
-webkit-animation-name: overlay-custom;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-delay: 0.2ms;
-webkit-animation-delay: 0.2ms;
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
}
/* line 196, ../../sass/components/_readspeaker.scss */
.readspeaker-html .speaker-menu-wrapper .is-expanded.readspeaker-loaded .volume-icon .volume-text {
display: inline;
opacity: 1;
}
/* line 205, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container {
background-color: white;
display: inline-block;
position: absolute;
right: 0;
vertical-align: top;
}
/* line 212, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container [class*=" rsicn-"],
.readspeaker-html #readspeaker-container [class*=" rsicn-"]:before,
.readspeaker-html #readspeaker-container [class^=rsicn-],
.readspeaker-html #readspeaker-container [class^=rsicn-]:before {
font-family: "icons" !important;
}
/* line 219, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container.is-expanded {
position: absolute;
width: 258px;
}
/* line 223, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container.is-expanded .volume-icon {
padding: 5px;
text-align: left;
width: 100%;
}
/* line 231, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rs_addtools *, .readspeaker-html #readspeaker-container .rsbtn *, .readspeaker-html #readspeaker-container #rsmpl_container * {
font-family: "icons" !important;
}
/* line 235, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn {
padding-bottom: 0;
}
/* line 238, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp {
height: auto;
}
/* line 241, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner {
background-color: #d0d0d0;
border-color: white;
border-width: 2px;
}
/* line 246, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
color: #000078;
}
/* line 250, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
border-color: white;
border-width: 2px;
padding: .1rem .6rem;
}
/* line 255, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover {
background-color: #73EDFF;
}
/* line 260, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown {
background-color: #73EDFF;
border-color: #73EDFF;
top: 31px;
margin-left: 3px;
}
/* line 266, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown:before {
background-color: white;
margin: 10px 13.5px;
}
/* line 271, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider {
width: 33px;
}
/* line 274, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_speed_handle, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_volume_handle, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_speed_handle, .readspeaker-html #readspeaker-container .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_volume_handle {
background-color: #000078;
border: #73EDFF solid 2px;
border-radius: 0;
left: 8.5px;
}
/* line 284, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rs-player-loadindicator {
background-color: #73EDFF;
height: 4px;
left: 0 !important;
margin: 2px;
margin-left: 0;
right: -2px;
}
/* line 295, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rs-player-loadindicator .rsbtn-progress, .readspeaker-html #readspeaker-container .rsbtn .rs-player-loadindicator .rsbtn-loading {
background-color: #000078;
}
/* line 301, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_speed[aria-expanded=true], .readspeaker-html #readspeaker-container .rsbtn .rsbtn_volume[aria-expanded=true] {
background-color: #73EDFF;
}
/* line 306, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_tooltoggle {
display: none !important;
}
/* line 310, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_speed {
font-size: 24px;
line-height: 28px;
padding: 3px .35rem 0 .35rem !important;
}
/* line 315, ../../sass/components/_readspeaker.scss */
.readspeaker-html #readspeaker-container .rsbtn .rsbtn_speed .icon--speed {
font-size: 24px;
}
/* line 321, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container {
border: none;
box-shadow: none;
}
/* line 325, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container * {
font-family: "icons" !important;
}
/* line 329, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container .rsmpl-progress {
background-color: #73EDFF;
height: 4px;
position: absolute;
top: 38px;
}
/* line 335, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container .rsmpl-progress .rsmpl-progress-inner {
background-color: #000078;
}
/* line 340, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container .rsmpl-tools .rsmpl-tool button {
color: #000078;
background-color: #d0d0d0;
}
/* line 345, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container .rsmpl-tools .rsmpl-tool button:focus {
color: white;
background-color: #f0f0f0;
}
/* line 350, ../../sass/components/_readspeaker.scss */
.readspeaker-html #rsmpl_container .rsmpl-collapse, .readspeaker-html #rsmpl_container .rsmpl-settings, .readspeaker-html #rsmpl_container .rsmpl-pagemask, .readspeaker-html #rsmpl_container .rsmpl-dictionary, .readspeaker-html #rsmpl_container .rsmpl-tapread, .readspeaker-html #rsmpl_container .rsmpl-dl {
display: none !important;
}
/* line 355, ../../sass/components/_readspeaker.scss */
.readspeaker-html .sync_sent_highlighted {
background-color: #D8D8EA !important;
color: #000078 !important;
}
/* line 360, ../../sass/components/_readspeaker.scss */
.readspeaker-html .sync_word_highlighted {
background-color: #73EDFF !important;
color: #000078 !important;
}
/* line 2, ../../sass/components/_quotes.scss */
blockquote.pullquote, .pullquote {
margin: 0;
font-size: 1.875rem;
font-family: "uoc-serif";
font-style: italic;
}
/* line 8, ../../sass/components/_quotes.scss */
blockquote.pullquote h1, blockquote.pullquote h2, blockquote.pullquote h3, blockquote.pullquote h4, blockquote.pullquote h5, blockquote.pullquote h6, .pullquote h1, .pullquote h2, .pullquote h3, .pullquote h4, .pullquote h5, .pullquote h6 {
font-size: 1.875rem;
font-family: "uoc-serif";
font-style: italic;
font-weight: normal;
line-height: 1.1;
}
/* line 257, ../../sass/modules/_mixins-custom.scss */
blockquote.blockquote:not(:empty), .blockquote:not(:empty) {
background-color: #f0f0f0;
border-left: solid 4px #000078;
border-right: solid 4px #000078;
margin: 0 0 20px;
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
padding: 4px 8px;
}
@media (min-width: 48em) {
/* line 26, ../../sass/components/_quotes.scss */
blockquote.blockquote:not(:empty).blockquote--right, .blockquote:not(:empty).blockquote--right {
clear: both;
float: right;
margin-top: 3px;
margin-left: 20px;
}
}
@media (min-width: 48em) {
/* line 30, ../../sass/components/_quotes.scss */
blockquote.blockquote:not(:empty).blockquote--left, .blockquote:not(:empty).blockquote--left {
clear: both;
float: left;
margin-top: 3px;
margin-right: 20px;
}
}
/* line 38, ../../sass/components/_quotes.scss */
q:not(.quote):not(:empty):before, .quote:not(:empty):before {
content: "\201C";
}
/* line 39, ../../sass/components/_quotes.scss */
q:not(.quote):not(:empty):after, .quote:not(:empty):after {
content: "\201D";
}
/* line 43, ../../sass/components/_quotes.scss */
cite {
font-style: italic;
}
/* line 1, ../../sass/components/_utils.scss */
.read-more {
margin-bottom: 1rem;
}
/* line 4, ../../sass/components/_utils.scss */
.read-more > .read-more-open,
.read-more > .read-more-excerpt {
display: inline;
}
/* line 9, ../../sass/components/_utils.scss */
.read-more > .read-more-action {
font-weight: bold;
text-decoration: none;
}
/* line 14, ../../sass/components/_utils.scss */
.read-more > .read-more-close,
.read-more > .read-more-text {
display: none;
}
/* line 19, ../../sass/components/_utils.scss */
.read-more > .read-more-excerpt p:last-child {
display: inline;
}
/* line 25, ../../sass/components/_utils.scss */
.read-more.is-open {
display: block;
}
/* line 29, ../../sass/components/_utils.scss */
.read-more.is-open > .read-more-open {
display: none;
}
/* line 33, ../../sass/components/_utils.scss */
.read-more.is-open > .read-more-close {
display: block;
margin-top: 1rem;
}
/* line 38, ../../sass/components/_utils.scss */
.read-more.is-open > .read-more-text,
.read-more.is-open > .read-more-excerpt {
display: inline;
}
/* line 1, ../../sass/components/_sector-box.scss */
.sector-box {
padding-bottom: 12px;
padding-top: 12px;
}
/* line 5, ../../sass/components/_sector-box.scss */
.sector-box .box-content,
.sector-box .box-content-invert {
background: white;
width: 285px;
height: 57px;
left: 95px;
top: 111px;
}
/* line 13, ../../sass/components/_sector-box.scss */
.sector-box .box-content .text-box,
.sector-box .box-content .text-box-invert,
.sector-box .box-content-invert .text-box,
.sector-box .box-content-invert .text-box-invert {
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0;
text-align: left;
}
/* line 24, ../../sass/components/_sector-box.scss */
.sector-box .box-content .padding-box,
.sector-box .box-content-invert .padding-box {
padding-top: 8px;
}
/* line 28, ../../sass/components/_sector-box.scss */
.sector-box .box-content .title-box,
.sector-box .box-content .title-box-invert,
.sector-box .box-content-invert .title-box,
.sector-box .box-content-invert .title-box-invert {
font-family: uoc-sans, "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
font-size: 20px;
font-style: normal;
font-weight: bold;
line-height: 23px;
letter-spacing: 0;
text-align: left;
}
/* line 39, ../../sass/components/_sector-box.scss */
.sector-box .box-content .icon-box,
.sector-box .box-content .icon-box-invert,
.sector-box .box-content-invert .icon-box,
.sector-box .box-content-invert .icon-box-invert {
transform: matrix(-1, 0, 0, 1, 0, 0);
font-size: 3rem;
margin-top: 4px;
margin-left: -10px;
}
/* line 50, ../../sass/components/_sector-box.scss */
.sector-box .box-content-invert {
background: #000078;
color: white;
}
/*===============================
= HELPERS =
===============================*/
/* line 1, ../../sass/helpers/_utils.scss */
.clickable {
cursor: pointer;
}
/* line 4, ../../sass/helpers/_utils.scss */
.non-clickable {
cursor: default;
}
/* line 7, ../../sass/helpers/_utils.scss */
.hide {
display: none;
}
/* line 10, ../../sass/helpers/_utils.scss */
.inline {
display: inline-block !important;
}
/* line 13, ../../sass/helpers/_utils.scss */
.no-padding {
padding: 0;
}
/* line 16, ../../sass/helpers/_utils.scss */
.pull-left {
float: left;
}
/* line 19, ../../sass/helpers/_utils.scss */
.pull-right {
float: right;
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 22, ../../sass/helpers/_utils.scss */
.pull-right-tablet {
float: right;
}
}
@media (min-width: 34em) and (max-width: 47.99em) {
/* line 22, ../../sass/helpers/_utils.scss */
.pull-right-tablet {
float: none;
}
}
/* line 30, ../../sass/helpers/_utils.scss */
.full-width {
width: 100%;
float: left;
}
/* line 34, ../../sass/helpers/_utils.scss */
.w100-inline-block {
width: 100%;
float: left;
display: inline-block;
}
/* line 39, ../../sass/helpers/_utils.scss */
.border-right-body {
border-right: 4px solid #ffffff;
}
/* line 42, ../../sass/helpers/_utils.scss */
.underline-links a {
text-decoration: underline;
}
/* line 45, ../../sass/helpers/_utils.scss */
.break-all {
word-break: break-all;
}
/* line 50, ../../sass/helpers/_utils.scss */
.card-responsive, .card-responsive.ruler,
.card--responsive,
.card--responsive.ruler {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 50, ../../sass/helpers/_utils.scss */
.card-responsive, .card-responsive.ruler,
.card--responsive,
.card--responsive.ruler {
min-height: 136px;
}
}
@media (max-width: 33.99em) {
/* line 54, ../../sass/helpers/_utils.scss */
.card--responsive-mobile {
min-height: 136px;
}
/* line 58, ../../sass/helpers/_utils.scss */
.card--responsive-mobile h3 {
font-size: 1.5rem;
}
}
/* line 63, ../../sass/helpers/_utils.scss */
.card--1y-2 {
min-height: 114px;
}
/* line 66, ../../sass/helpers/_utils.scss */
.card .card-absolute-link {
top: -4px;
left: 0;
height: 100%;
height: -moz-calc(100% + 4px);
height: -webkit-calc(100% + 4px);
height: calc(100% + 4px);
position: absolute;
z-index: 11;
width: 100%;
display: block;
text-indent: -99999px;
outline: 0;
}
/* line 78, ../../sass/helpers/_utils.scss */
.card .card-absolute-link:hover {
background: rgba(0, 0, 120, 0.25);
}
/* line 81, ../../sass/helpers/_utils.scss */
.card .card-absolute-link:hover ~ .card__contents .card__footer, .card .card-absolute-link:hover ~ .card .card__contents .card__footer, .card .card-absolute-link:hover ~ .card__footer {
z-index: 10;
pointer-events: none;
}
/* line 86, ../../sass/helpers/_utils.scss */
.card .card-absolute-link:hover ~ .card__contents .card__footer a, .card .card-absolute-link:hover ~ .card .card__contents .card__footer a, .card .card-absolute-link:hover ~ .card__footer a {
color: #ffffff;
}
/* line 92, ../../sass/helpers/_utils.scss */
.accesibility-text {
display: block;
text-indent: -99999px;
outline: 0;
}
/* line 98, ../../sass/helpers/_utils.scss */
.min-height-module-2-5 {
min-height: 170px;
}
/* line 101, ../../sass/helpers/_utils.scss */
.ruler--none {
border: none;
}
/* line 102, ../../sass/helpers/_utils.scss */
.ruler--top-none {
border-top: none;
}
/* line 103, ../../sass/helpers/_utils.scss */
.ruler--bottom-none {
border-bottom: none;
}
/* line 104, ../../sass/helpers/_utils.scss */
.ruler--mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 34em) {
/* line 104, ../../sass/helpers/_utils.scss */
.ruler--mobile {
border: none;
}
}
@media (max-width: 47.99em) {
/* line 106, ../../sass/helpers/_utils.scss */
.ruler--mobile-hide {
border: none;
}
}
@media (max-width: 47.99em) {
/* line 111, ../../sass/helpers/_utils.scss */
.ruler--mobile-bottom-hide {
border-bottom: none;
}
}
@media (max-width: 47.99em) {
/* line 116, ../../sass/helpers/_utils.scss */
.ruler--mobile-top-hide {
border-top: none;
}
}
/* line 122, ../../sass/helpers/_utils.scss */
.ruler--tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 48em) {
/* line 122, ../../sass/helpers/_utils.scss */
.ruler--tablet {
border: none;
}
}
/* line 125, ../../sass/helpers/_utils.scss */
.ruler--bottom-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 125, ../../sass/helpers/_utils.scss */
.ruler--bottom-tablet {
border-bottom: none;
}
}
/* line 128, ../../sass/helpers/_utils.scss */
.expand-container {
width: -moz-calc(100% + 8px);
width: -webkit-calc(100% + 8px);
width: calc(100% + 8px);
margin-left: -4px;
}
@media (max-width: 47.99em) {
/* line 128, ../../sass/helpers/_utils.scss */
.expand-container {
width: -moz-calc(100% + 4px);
width: -webkit-calc(100% + 4px);
width: calc(100% + 4px);
margin-left: -2px;
}
}
/* line 139, ../../sass/helpers/_utils.scss */
.overflow-hidden {
overflow: hidden !important;
}
@media (min-width: 62em) {
/* line 143, ../../sass/helpers/_utils.scss */
.expand-section {
max-width: 1404px;
width: -moz-calc(100% + 200px);
width: -webkit-calc(100% + 200px);
width: calc(100% + 200px);
float: left;
margin-left: -100px;
margin-right: 100px;
padding-left: 100px;
padding-right: 100px;
}
}
/* line 154, ../../sass/helpers/_utils.scss */
.sticky-element {
z-index: 10;
}
/* line 157, ../../sass/helpers/_utils.scss */
#sticky-wrapper {
height: auto !important;
}
/* line 160, ../../sass/helpers/_utils.scss */
.page-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
overflow: hidden;
-webkit-overflow-scrolling: touch;
background-color: rgba(0, 0, 0, 0.8);
}
/* P O S I T I O N */
/* line 173, ../../sass/helpers/_utils.scss */
.position-absolute {
position: absolute !important;
}
/* line 176, ../../sass/helpers/_utils.scss */
.position-static {
position: static;
}
/* line 179, ../../sass/helpers/_utils.scss */
.position-relative {
position: relative;
}
/* line 182, ../../sass/helpers/_utils.scss */
.position-static-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
position: absolute;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 182, ../../sass/helpers/_utils.scss */
.position-static-mobile {
position: static !important;
}
}
/* line 185, ../../sass/helpers/_utils.scss */
.position-static-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
position: absolute;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 185, ../../sass/helpers/_utils.scss */
.position-static-tablet {
position: static !important;
}
}
/* line 188, ../../sass/helpers/_utils.scss */
.abs-left {
left: 0;
}
/* line 191, ../../sass/helpers/_utils.scss */
.abs-right {
right: 0;
}
/* line 194, ../../sass/helpers/_utils.scss */
.tl-corner {
top: 8px;
left: 8px;
}
/* line 198, ../../sass/helpers/_utils.scss */
.bl-corner {
bottom: 8px;
left: 8px;
}
/* line 202, ../../sass/helpers/_utils.scss */
.tr-corner {
top: 8px;
right: 8px;
}
/* line 206, ../../sass/helpers/_utils.scss */
.br-corner {
bottom: 8px;
right: 8px;
}
/* F O N T */
/* line 211, ../../sass/helpers/_utils.scss */
.h1-responsive {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 211, ../../sass/helpers/_utils.scss */
.h1-responsive {
font-size: 2.5rem;
}
}
/* line 214, ../../sass/helpers/_utils.scss */
.h2-responsive {
/** esto se ha redefinido en _typography para los h2. Lo dejo aqui para extenderlo **/
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 214, ../../sass/helpers/_utils.scss */
.h2-responsive {
font-size: 1.75rem;
}
}
/* line 217, ../../sass/helpers/_utils.scss */
.h3-responsive {
/** esto se ha redefinido en _typography para los h2. Lo dejo aqui para extenderlo **/
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 217, ../../sass/helpers/_utils.scss */
.h3-responsive {
font-size: 1.25rem;
}
}
/* line 220, ../../sass/helpers/_utils.scss */
.h4-responsive {
/** esto se ha redefinido en _typography para los h2. Lo dejo aqui para extenderlo **/
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 61.99em) {
/* line 220, ../../sass/helpers/_utils.scss */
.h4-responsive {
font-size: 0.875rem;
}
}
/* line 223, ../../sass/helpers/_utils.scss */
.font-small {
font-size: 1.0625rem;
}
/* line 226, ../../sass/helpers/_utils.scss */
.font-small-desktop {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (min-width: 48em) {
/* line 226, ../../sass/helpers/_utils.scss */
.font-small-desktop {
font-size: 1.0625rem;
}
}
/* line 229, ../../sass/helpers/_utils.scss */
.bold {
font-weight: bold !important;
}
/* line 232, ../../sass/helpers/_utils.scss */
.italic {
font-style: italic !important;
}
/* line 235, ../../sass/helpers/_utils.scss */
.normal {
font-weight: normal !important;
}
/* line 238, ../../sass/helpers/_utils.scss */
.text-decoration-none,
.text-decoration-none:hover {
text-decoration: none;
}
/* line 242, ../../sass/helpers/_utils.scss */
.text-decoration-underline {
text-decoration: underline !important;
}
/* line 245, ../../sass/helpers/_utils.scss */
.font-family-primary {
font-family: "uoc-sans-regular" !important;
}
/* line 248, ../../sass/helpers/_utils.scss */
.font-family-secondary {
font-family: "uoc-serif" !important;
}
/* C O L S */
/* line 252, ../../sass/helpers/_utils.scss */
.col-clear {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) {
/* line 255, ../../sass/helpers/_utils.scss */
.col-clear-mobile {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
/* line 261, ../../sass/helpers/_utils.scss */
.col-clear-desktop {
padding-left: 0;
padding-right: 0;
}
}
/* line 268, ../../sass/helpers/_utils.scss */
.col-clear-left {
padding-left: 0;
}
@media (max-width: 768px) {
/* line 270, ../../sass/helpers/_utils.scss */
.col-clear-left-mobile {
padding-left: 0;
}
}
@media (min-width: 768px) {
/* line 275, ../../sass/helpers/_utils.scss */
.col-clear-left-desktop {
padding-left: 0;
}
}
/* line 281, ../../sass/helpers/_utils.scss */
.col-clear-right {
padding-right: 0;
}
@media (max-width: 992px) {
/* line 283, ../../sass/helpers/_utils.scss */
.col-clear-right-mobile {
padding-right: 0;
}
}
@media (min-width: 992px) {
/* line 288, ../../sass/helpers/_utils.scss */
.col-clear-right-desktop {
padding-right: 0;
}
}
/* line 294, ../../sass/helpers/_utils.scss */
.clear-both {
clear: both;
}
/* line 297, ../../sass/helpers/_utils.scss */
.align-items-start {
-webkit-align-items: flex-start ;
-ms-flex-align: str-replace(flex-start, "flex-") ;
align-items: flex-start ;
}
/* line 300, ../../sass/helpers/_utils.scss */
.align-items-end {
-webkit-align-items: flex-end ;
-ms-flex-align: str-replace(flex-end, "flex-") ;
align-items: flex-end ;
}
/* line 303, ../../sass/helpers/_utils.scss */
.align-items-center {
-webkit-align-items: center ;
-ms-flex-align: str-replace(center, "flex-") ;
align-items: center ;
}
/* line 306, ../../sass/helpers/_utils.scss */
.justify-content-start {
-moz-justify-content: flex-start ;
-webkit-justify-content: flex-start ;
-ms-flex-pack: str-replace(flex-start, "flex-") ;
justify-content: flex-start ;
}
/* line 309, ../../sass/helpers/_utils.scss */
.justify-content-end {
-moz-justify-content: flex-end ;
-webkit-justify-content: flex-end ;
-ms-flex-pack: str-replace(flex-end, "flex-") ;
justify-content: flex-end ;
}
/* line 312, ../../sass/helpers/_utils.scss */
.justify-content-center {
-moz-justify-content: space-between ;
-webkit-justify-content: space-between ;
-ms-flex-pack: str-replace(space-between, "flex-") ;
justify-content: space-between ;
}
/* line 315, ../../sass/helpers/_utils.scss */
.no-flex {
-moz-flex: none !important;
-webkit-flex: none !important;
-ms-flex: none !important;
flex: none !important;
}
/* line 318, ../../sass/helpers/_utils.scss */
.flex {
-moz-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
}
/* line 321, ../../sass/helpers/_utils.scss */
.flex-auto {
-moz-flex: 1 0 auto !important;
-webkit-flex: 1 0 auto !important;
-ms-flex: 1 0 auto !important;
flex: 1 0 auto !important;
}
/* line 324, ../../sass/helpers/_utils.scss */
.height-auto {
height: auto !important;
}
/* line 327, ../../sass/helpers/_utils.scss */
.h100 {
height: 100%;
}
/* line 330, ../../sass/helpers/_utils.scss */
.min-height-none {
min-height: 0;
}
/* line 333, ../../sass/helpers/_utils.scss */
.invisible {
visibility: hidden;
pointer-events: none;
opacity: 0;
filter: alpha(opacity=0);
}
/* T E X T */
/* line 339, ../../sass/helpers/_utils.scss */
.flexbox-layout > div {
display: inline-block;
}
/* line 341, ../../sass/helpers/_utils.scss */
.flexbox-layout > div.hide {
display: none;
}
/* line 349, ../../sass/helpers/_utils.scss */
.h1 span [aria-expanded="false"].is-active-visible, .h2 span [aria-expanded="false"].is-active-visible, .menupopup .login-detail .heading span [aria-expanded="false"].is-active-visible, .h3 span [aria-expanded="false"].is-active-visible,
.h4 span [aria-expanded="false"].is-active-visible, .h5 span [aria-expanded="false"].is-active-visible, .h6 span [aria-expanded="false"].is-active-visible {
display: none;
}
/* line 352, ../../sass/helpers/_utils.scss */
.h1 span [aria-expanded="false"].is-active-hidden, .h2 span [aria-expanded="false"].is-active-hidden, .menupopup .login-detail .heading span [aria-expanded="false"].is-active-hidden, .h3 span [aria-expanded="false"].is-active-hidden,
.h4 span [aria-expanded="false"].is-active-hidden, .h5 span [aria-expanded="false"].is-active-hidden, .h6 span [aria-expanded="false"].is-active-hidden {
display: inline-block;
}
/* line 357, ../../sass/helpers/_utils.scss */
.h1 span [aria-expanded="true"].is-active-visible, .h2 span [aria-expanded="true"].is-active-visible, .menupopup .login-detail .heading span [aria-expanded="true"].is-active-visible, .h3 span [aria-expanded="true"].is-active-visible,
.h4 span [aria-expanded="true"].is-active-visible, .h5 span [aria-expanded="true"].is-active-visible, .h6 span [aria-expanded="true"].is-active-visible {
display: inline-block;
}
/* line 360, ../../sass/helpers/_utils.scss */
.h1 span [aria-expanded="true"].is-active-hidden, .h2 span [aria-expanded="true"].is-active-hidden, .menupopup .login-detail .heading span [aria-expanded="true"].is-active-hidden, .h3 span [aria-expanded="true"].is-active-hidden,
.h4 span [aria-expanded="true"].is-active-hidden, .h5 span [aria-expanded="true"].is-active-hidden, .h6 span [aria-expanded="true"].is-active-hidden {
display: block;
}
/* line 368, ../../sass/helpers/_utils.scss */
.text-extra-small strong, .text-small strong,
.text-big strong {
display: block;
}
/* line 373, ../../sass/helpers/_utils.scss */
.text-default {
font-size: 20px;
}
/* line 377, ../../sass/helpers/_utils.scss */
.text-uppercase,
.first-letter-uppercase:first-letter {
text-transform: uppercase;
}
/* line 382, ../../sass/helpers/_utils.scss */
.text-capitalize {
text-transform: capitalize;
}
/* line 386, ../../sass/helpers/_utils.scss */
.text-align-center {
text-align: center;
}
/* B A C K G R O U N D S */
/* line 390, ../../sass/helpers/_utils.scss */
.bg-block-content {
background-color: #d0d0d0;
}
/* line 393, ../../sass/helpers/_utils.scss */
.bg-default-light {
background-color: #f0f0f0;
}
/* line 396, ../../sass/helpers/_utils.scss */
.bg-search {
background-color: #f8f8f8;
}
/* line 399, ../../sass/helpers/_utils.scss */
.bg-white {
background-color: #ffffff;
}
/* line 402, ../../sass/helpers/_utils.scss */
.bg-transparent {
background-color: transparent;
}
/* line 405, ../../sass/helpers/_utils.scss */
.bg-right {
background-position: right;
}
/* I C O N S */
@media (max-width: 33.99em) {
/* line 409, ../../sass/helpers/_utils.scss */
.icon--responsive-mobile {
position: absolute;
right: 8px;
top: 8px;
font-size: 1.3125rem !important;
}
/* line 412, ../../sass/helpers/_utils.scss */
.card--with-footer .icon--responsive-mobile {
position: inherit;
}
}
/** S P A C I N G S **/
/* line 142, ../../sass/modules/_mixins-custom.scss */
.m-0x {
margin-left: 0;
margin-right: 0;
}
/* line 143, ../../sass/modules/_mixins-custom.scss */
.m-0y {
margin-top: 0;
margin-bottom: 0;
}
/* line 144, ../../sass/modules/_mixins-custom.scss */
.p-0x {
padding-left: 0;
padding-right: 0;
}
/* line 145, ../../sass/modules/_mixins-custom.scss */
.p-0y {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* line 147, ../../sass/modules/_mixins-custom.scss */
.m-x2 {
margin-right: 4px;
margin-left: 4px;
}
/* line 148, ../../sass/modules/_mixins-custom.scss */
.p-x2 {
padding-right: 4px;
padding-left: 4px;
}
/* line 149, ../../sass/modules/_mixins-custom.scss */
.m-y2 {
margin-top: 4px;
margin-bottom: 4px;
}
/* line 150, ../../sass/modules/_mixins-custom.scss */
.p-y2 {
padding-top: 4px;
padding-bottom: 4px;
}
/* line 151, ../../sass/modules/_mixins-custom.scss */
.m-top-y2 {
margin-top: 4px;
}
/* line 152, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y2 {
margin-bottom: 4px;
}
/* line 153, ../../sass/modules/_mixins-custom.scss */
.m-left-x2 {
margin-left: 4px;
}
/* line 154, ../../sass/modules/_mixins-custom.scss */
.m-right-x2 {
margin-right: 4px;
}
/* line 155, ../../sass/modules/_mixins-custom.scss */
.p-top-y2 {
padding-top: 4px;
}
/* line 156, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y2 {
padding-bottom: 4px;
}
/* line 157, ../../sass/modules/_mixins-custom.scss */
.p-left-x2 {
padding-left: 4px;
}
/* line 158, ../../sass/modules/_mixins-custom.scss */
.p-right-x2 {
padding-right: 4px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-0x {
margin-right: 0px;
margin-left: 0px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-0x {
padding-right: 0px;
padding-left: 0px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-0y {
margin-top: 0px;
margin-bottom: 0px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-0y {
padding-top: 0px;
padding-bottom: 0px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-0y {
margin-top: 0px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y {
margin-bottom: 0px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-0x {
margin-left: 0px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-0x {
margin-right: 0px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-0y {
padding-top: 0px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y {
padding-bottom: 0px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-0x {
padding-left: 0px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-0x {
padding-right: 0px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-x {
margin-right: 8px;
margin-left: 8px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-x {
padding-right: 8px;
padding-left: 8px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-y {
margin-top: 8px;
margin-bottom: 8px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-y {
padding-top: 8px;
padding-bottom: 8px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-y {
margin-top: 8px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y {
margin-bottom: 8px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-x {
margin-left: 8px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-x {
margin-right: 8px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-y {
padding-top: 8px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y {
padding-bottom: 8px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-x {
padding-left: 8px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-x {
padding-right: 8px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-2x {
margin-right: 16px;
margin-left: 16px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-2x {
padding-right: 16px;
padding-left: 16px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-2y {
margin-top: 16px;
margin-bottom: 16px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-2y {
padding-top: 16px;
padding-bottom: 16px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-2y {
margin-top: 16px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y {
margin-bottom: 16px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-2x {
margin-left: 16px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-2x {
margin-right: 16px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-2y {
padding-top: 16px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y, .h2.ruler.ruler--primary, .menupopup .login-detail .ruler.ruler--primary.heading, h2.ruler.ruler--primary, .card-block-header.ruler.ruler--primary {
padding-bottom: 16px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-2x {
padding-left: 16px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-2x {
padding-right: 16px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-3x {
margin-right: 24px;
margin-left: 24px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-3x {
padding-right: 24px;
padding-left: 24px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-3y {
margin-top: 24px;
margin-bottom: 24px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-3y {
padding-top: 24px;
padding-bottom: 24px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-3y {
margin-top: 24px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y {
margin-bottom: 24px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-3x {
margin-left: 24px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-3x {
margin-right: 24px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-3y {
padding-top: 24px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y, .card--info h4 {
padding-bottom: 24px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-3x {
padding-left: 24px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-3x {
padding-right: 24px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-4x {
margin-right: 32px;
margin-left: 32px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-4x {
padding-right: 32px;
padding-left: 32px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-4y {
margin-top: 32px;
margin-bottom: 32px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-4y {
padding-top: 32px;
padding-bottom: 32px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-4y {
margin-top: 32px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y {
margin-bottom: 32px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-4x {
margin-left: 32px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-4x {
margin-right: 32px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-4y {
padding-top: 32px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y {
padding-bottom: 32px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-4x {
padding-left: 32px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-4x {
padding-right: 32px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-5x {
margin-right: 40px;
margin-left: 40px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-5x {
padding-right: 40px;
padding-left: 40px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-5y {
margin-top: 40px;
margin-bottom: 40px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-5y {
padding-top: 40px;
padding-bottom: 40px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-5y {
margin-top: 40px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y {
margin-bottom: 40px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-5x {
margin-left: 40px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-5x {
margin-right: 40px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-5y {
padding-top: 40px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y {
padding-bottom: 40px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-5x {
padding-left: 40px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-5x {
padding-right: 40px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-6x {
margin-right: 48px;
margin-left: 48px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-6x {
padding-right: 48px;
padding-left: 48px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-6y {
margin-top: 48px;
margin-bottom: 48px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-6y {
padding-top: 48px;
padding-bottom: 48px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-6y {
margin-top: 48px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y {
margin-bottom: 48px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-6x {
margin-left: 48px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-6x {
margin-right: 48px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-6y {
padding-top: 48px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y {
padding-bottom: 48px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-6x {
padding-left: 48px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-6x {
padding-right: 48px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-7x {
margin-right: 56px;
margin-left: 56px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-7x {
padding-right: 56px;
padding-left: 56px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-7y {
margin-top: 56px;
margin-bottom: 56px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-7y {
padding-top: 56px;
padding-bottom: 56px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-7y {
margin-top: 56px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y {
margin-bottom: 56px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-7x {
margin-left: 56px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-7x {
margin-right: 56px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-7y {
padding-top: 56px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y {
padding-bottom: 56px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-7x {
padding-left: 56px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-7x {
padding-right: 56px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-8x {
margin-right: 64px;
margin-left: 64px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-8x {
padding-right: 64px;
padding-left: 64px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-8y {
margin-top: 64px;
margin-bottom: 64px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-8y {
padding-top: 64px;
padding-bottom: 64px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-8y {
margin-top: 64px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y {
margin-bottom: 64px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-8x {
margin-left: 64px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-8x {
margin-right: 64px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-8y {
padding-top: 64px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y {
padding-bottom: 64px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-8x {
padding-left: 64px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-8x {
padding-right: 64px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-9x {
margin-right: 72px;
margin-left: 72px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-9x {
padding-right: 72px;
padding-left: 72px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-9y {
margin-top: 72px;
margin-bottom: 72px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-9y {
padding-top: 72px;
padding-bottom: 72px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-9y {
margin-top: 72px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y {
margin-bottom: 72px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-9x {
margin-left: 72px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-9x {
margin-right: 72px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-9y {
padding-top: 72px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y {
padding-bottom: 72px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-9x {
padding-left: 72px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-9x {
padding-right: 72px;
}
/* line 166, ../../sass/modules/_mixins-custom.scss */
.m-10x {
margin-right: 80px;
margin-left: 80px;
}
/* line 167, ../../sass/modules/_mixins-custom.scss */
.p-10x {
padding-right: 80px;
padding-left: 80px;
}
/* line 168, ../../sass/modules/_mixins-custom.scss */
.m-10y {
margin-top: 80px;
margin-bottom: 80px;
}
/* line 169, ../../sass/modules/_mixins-custom.scss */
.p-10y {
padding-top: 80px;
padding-bottom: 80px;
}
/* line 170, ../../sass/modules/_mixins-custom.scss */
.m-top-10y {
margin-top: 80px;
}
/* line 171, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y {
margin-bottom: 80px;
}
/* line 172, ../../sass/modules/_mixins-custom.scss */
.m-left-10x {
margin-left: 80px;
}
/* line 173, ../../sass/modules/_mixins-custom.scss */
.m-right-10x {
margin-right: 80px;
}
/* line 174, ../../sass/modules/_mixins-custom.scss */
.p-top-10y {
padding-top: 80px;
}
/* line 175, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y {
padding-bottom: 80px;
}
/* line 176, ../../sass/modules/_mixins-custom.scss */
.p-left-10x {
padding-left: 80px;
}
/* line 177, ../../sass/modules/_mixins-custom.scss */
.p-right-10x {
padding-right: 80px;
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-mobile {
margin-top: 0px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-mobile {
margin-bottom: 0px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-mobile {
margin-left: 0px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-mobile {
margin-right: 0px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-mobile {
padding-top: 0px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-mobile {
padding-bottom: 0px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-mobile {
padding-left: 0px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-mobile {
padding-right: 0px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-negative-mobile {
margin-top: 0px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-negative-mobile {
margin-bottom: 0px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-negative-mobile {
margin-left: 0px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-negative-mobile {
margin-right: 0px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-negative-mobile {
padding-top: 0px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-negative-mobile {
padding-bottom: 0px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-negative-mobile {
padding-left: 0px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-negative-mobile {
padding-right: 0px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-tablet {
margin-top: 0px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-tablet {
margin-bottom: 0px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-tablet {
margin-left: 0px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-tablet {
margin-right: 0px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-tablet {
padding-top: 0px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-tablet {
padding-bottom: 0px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-tablet {
padding-left: 0px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-tablet {
padding-right: 0px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-0y-negative-tablet {
margin-top: 0px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-0y-negative-tablet {
margin-bottom: 0px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-0x-negative-tablet {
margin-left: 0px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-0x-negative-tablet {
margin-right: 0px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-0y-negative-tablet {
padding-top: 0px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-0y-negative-tablet {
padding-bottom: 0px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-0x-negative-tablet {
padding-left: 0px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-0x-negative-tablet {
padding-right: 0px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-y-mobile {
margin-top: 8px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-mobile {
margin-bottom: 8px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-x-mobile {
margin-left: 8px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-x-mobile {
margin-right: 8px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-y-mobile {
padding-top: 8px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-mobile {
padding-bottom: 8px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-x-mobile {
padding-left: 8px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-x-mobile {
padding-right: 8px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-y-negative-mobile {
margin-top: -8px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-negative-mobile {
margin-bottom: -8px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-x-negative-mobile {
margin-left: -8px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-x-negative-mobile {
margin-right: -8px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-y-negative-mobile {
padding-top: -8px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-negative-mobile {
padding-bottom: -8px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-x-negative-mobile {
padding-left: -8px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-x-negative-mobile {
padding-right: -8px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-y-tablet {
margin-top: 8px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-tablet {
margin-bottom: 8px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-x-tablet {
margin-left: 8px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-x-tablet {
margin-right: 8px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-y-tablet {
padding-top: 8px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-tablet {
padding-bottom: 8px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-x-tablet {
padding-left: 8px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-x-tablet {
padding-right: 8px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-y-negative-tablet {
margin-top: -8px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-y-negative-tablet {
margin-bottom: -8px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-x-negative-tablet {
margin-left: -8px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-x-negative-tablet {
margin-right: -8px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-y-negative-tablet {
padding-top: -8px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-y-negative-tablet {
padding-bottom: -8px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-x-negative-tablet {
padding-left: -8px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-x-negative-tablet {
padding-right: -8px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-mobile {
margin-top: 16px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-mobile {
margin-bottom: 16px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-mobile {
margin-left: 16px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-mobile {
margin-right: 16px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-mobile {
padding-top: 16px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-mobile {
padding-bottom: 16px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-mobile {
padding-left: 16px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-mobile {
padding-right: 16px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-negative-mobile {
margin-top: -16px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-negative-mobile {
margin-bottom: -16px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-negative-mobile {
margin-left: -16px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-negative-mobile {
margin-right: -16px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-negative-mobile {
padding-top: -16px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-negative-mobile {
padding-bottom: -16px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-negative-mobile {
padding-left: -16px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-negative-mobile {
padding-right: -16px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-tablet {
margin-top: 16px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-tablet {
margin-bottom: 16px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-tablet {
margin-left: 16px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-tablet {
margin-right: 16px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-tablet {
padding-top: 16px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-tablet {
padding-bottom: 16px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-tablet {
padding-left: 16px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-tablet {
padding-right: 16px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-2y-negative-tablet {
margin-top: -16px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-2y-negative-tablet {
margin-bottom: -16px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-2x-negative-tablet {
margin-left: -16px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-2x-negative-tablet {
margin-right: -16px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-2y-negative-tablet {
padding-top: -16px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-2y-negative-tablet {
padding-bottom: -16px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-2x-negative-tablet {
padding-left: -16px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-2x-negative-tablet {
padding-right: -16px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-mobile {
margin-top: 24px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-mobile {
margin-bottom: 24px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-mobile {
margin-left: 24px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-mobile {
margin-right: 24px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-mobile {
padding-top: 24px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-mobile {
padding-bottom: 24px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-mobile {
padding-left: 24px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-mobile {
padding-right: 24px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-negative-mobile {
margin-top: -24px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-negative-mobile {
margin-bottom: -24px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-negative-mobile {
margin-left: -24px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-negative-mobile {
margin-right: -24px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-negative-mobile {
padding-top: -24px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-negative-mobile {
padding-bottom: -24px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-negative-mobile {
padding-left: -24px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-negative-mobile {
padding-right: -24px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-tablet {
margin-top: 24px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-tablet {
margin-bottom: 24px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-tablet {
margin-left: 24px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-tablet {
margin-right: 24px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-tablet {
padding-top: 24px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-tablet {
padding-bottom: 24px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-tablet {
padding-left: 24px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-tablet {
padding-right: 24px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-3y-negative-tablet {
margin-top: -24px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-3y-negative-tablet {
margin-bottom: -24px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-3x-negative-tablet {
margin-left: -24px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-3x-negative-tablet {
margin-right: -24px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-3y-negative-tablet {
padding-top: -24px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-3y-negative-tablet {
padding-bottom: -24px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-3x-negative-tablet {
padding-left: -24px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-3x-negative-tablet {
padding-right: -24px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-mobile {
margin-top: 32px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-mobile {
margin-bottom: 32px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-mobile {
margin-left: 32px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-mobile {
margin-right: 32px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-mobile {
padding-top: 32px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-mobile {
padding-bottom: 32px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-mobile {
padding-left: 32px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-mobile {
padding-right: 32px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-negative-mobile {
margin-top: -32px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-negative-mobile {
margin-bottom: -32px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-negative-mobile {
margin-left: -32px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-negative-mobile {
margin-right: -32px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-negative-mobile {
padding-top: -32px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-negative-mobile {
padding-bottom: -32px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-negative-mobile {
padding-left: -32px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-negative-mobile {
padding-right: -32px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-tablet {
margin-top: 32px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-tablet {
margin-bottom: 32px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-tablet {
margin-left: 32px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-tablet {
margin-right: 32px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-tablet {
padding-top: 32px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-tablet {
padding-bottom: 32px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-tablet {
padding-left: 32px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-tablet {
padding-right: 32px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-4y-negative-tablet {
margin-top: -32px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-4y-negative-tablet {
margin-bottom: -32px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-4x-negative-tablet {
margin-left: -32px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-4x-negative-tablet {
margin-right: -32px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-4y-negative-tablet {
padding-top: -32px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-4y-negative-tablet {
padding-bottom: -32px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-4x-negative-tablet {
padding-left: -32px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-4x-negative-tablet {
padding-right: -32px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-mobile {
margin-top: 40px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-mobile {
margin-bottom: 40px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-mobile {
margin-left: 40px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-mobile {
margin-right: 40px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-mobile {
padding-top: 40px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-mobile {
padding-bottom: 40px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-mobile {
padding-left: 40px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-mobile {
padding-right: 40px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-negative-mobile {
margin-top: -40px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-negative-mobile {
margin-bottom: -40px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-negative-mobile {
margin-left: -40px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-negative-mobile {
margin-right: -40px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-negative-mobile {
padding-top: -40px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-negative-mobile {
padding-bottom: -40px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-negative-mobile {
padding-left: -40px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-negative-mobile {
padding-right: -40px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-tablet {
margin-top: 40px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-tablet {
margin-bottom: 40px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-tablet {
margin-left: 40px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-tablet {
margin-right: 40px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-tablet {
padding-top: 40px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-tablet {
padding-bottom: 40px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-tablet {
padding-left: 40px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-tablet {
padding-right: 40px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-5y-negative-tablet {
margin-top: -40px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-5y-negative-tablet {
margin-bottom: -40px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-5x-negative-tablet {
margin-left: -40px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-5x-negative-tablet {
margin-right: -40px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-5y-negative-tablet {
padding-top: -40px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-5y-negative-tablet {
padding-bottom: -40px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-5x-negative-tablet {
padding-left: -40px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-5x-negative-tablet {
padding-right: -40px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-mobile {
margin-top: 48px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-mobile {
margin-bottom: 48px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-mobile {
margin-left: 48px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-mobile {
margin-right: 48px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-mobile {
padding-top: 48px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-mobile {
padding-bottom: 48px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-mobile {
padding-left: 48px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-mobile {
padding-right: 48px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-negative-mobile {
margin-top: -48px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-negative-mobile {
margin-bottom: -48px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-negative-mobile {
margin-left: -48px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-negative-mobile {
margin-right: -48px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-negative-mobile {
padding-top: -48px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-negative-mobile {
padding-bottom: -48px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-negative-mobile {
padding-left: -48px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-negative-mobile {
padding-right: -48px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-tablet {
margin-top: 48px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-tablet {
margin-bottom: 48px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-tablet {
margin-left: 48px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-tablet {
margin-right: 48px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-tablet {
padding-top: 48px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-tablet {
padding-bottom: 48px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-tablet {
padding-left: 48px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-tablet {
padding-right: 48px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-6y-negative-tablet {
margin-top: -48px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-6y-negative-tablet {
margin-bottom: -48px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-6x-negative-tablet {
margin-left: -48px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-6x-negative-tablet {
margin-right: -48px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-6y-negative-tablet {
padding-top: -48px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-6y-negative-tablet {
padding-bottom: -48px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-6x-negative-tablet {
padding-left: -48px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-6x-negative-tablet {
padding-right: -48px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-mobile {
margin-top: 56px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-mobile {
margin-bottom: 56px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-mobile {
margin-left: 56px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-mobile {
margin-right: 56px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-mobile {
padding-top: 56px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-mobile {
padding-bottom: 56px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-mobile {
padding-left: 56px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-mobile {
padding-right: 56px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-negative-mobile {
margin-top: -56px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-negative-mobile {
margin-bottom: -56px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-negative-mobile {
margin-left: -56px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-negative-mobile {
margin-right: -56px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-negative-mobile {
padding-top: -56px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-negative-mobile {
padding-bottom: -56px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-negative-mobile {
padding-left: -56px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-negative-mobile {
padding-right: -56px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-tablet {
margin-top: 56px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-tablet {
margin-bottom: 56px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-tablet {
margin-left: 56px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-tablet {
margin-right: 56px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-tablet {
padding-top: 56px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-tablet {
padding-bottom: 56px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-tablet {
padding-left: 56px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-tablet {
padding-right: 56px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-7y-negative-tablet {
margin-top: -56px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-7y-negative-tablet {
margin-bottom: -56px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-7x-negative-tablet {
margin-left: -56px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-7x-negative-tablet {
margin-right: -56px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-7y-negative-tablet {
padding-top: -56px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-7y-negative-tablet {
padding-bottom: -56px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-7x-negative-tablet {
padding-left: -56px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-7x-negative-tablet {
padding-right: -56px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-mobile {
margin-top: 64px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-mobile {
margin-bottom: 64px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-mobile {
margin-left: 64px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-mobile {
margin-right: 64px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-mobile {
padding-top: 64px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-mobile {
padding-bottom: 64px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-mobile {
padding-left: 64px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-mobile {
padding-right: 64px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-negative-mobile {
margin-top: -64px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-negative-mobile {
margin-bottom: -64px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-negative-mobile {
margin-left: -64px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-negative-mobile {
margin-right: -64px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-negative-mobile {
padding-top: -64px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-negative-mobile {
padding-bottom: -64px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-negative-mobile {
padding-left: -64px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-negative-mobile {
padding-right: -64px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-tablet {
margin-top: 64px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-tablet {
margin-bottom: 64px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-tablet {
margin-left: 64px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-tablet {
margin-right: 64px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-tablet {
padding-top: 64px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-tablet {
padding-bottom: 64px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-tablet {
padding-left: 64px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-tablet {
padding-right: 64px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-8y-negative-tablet {
margin-top: -64px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-8y-negative-tablet {
margin-bottom: -64px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-8x-negative-tablet {
margin-left: -64px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-8x-negative-tablet {
margin-right: -64px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-8y-negative-tablet {
padding-top: -64px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-8y-negative-tablet {
padding-bottom: -64px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-8x-negative-tablet {
padding-left: -64px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-8x-negative-tablet {
padding-right: -64px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-mobile {
margin-top: 72px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-mobile {
margin-bottom: 72px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-mobile {
margin-left: 72px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-mobile {
margin-right: 72px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-mobile {
padding-top: 72px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-mobile {
padding-bottom: 72px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-mobile {
padding-left: 72px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-mobile {
padding-right: 72px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-negative-mobile {
margin-top: -72px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-negative-mobile {
margin-bottom: -72px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-negative-mobile {
margin-left: -72px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-negative-mobile {
margin-right: -72px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-negative-mobile {
padding-top: -72px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-negative-mobile {
padding-bottom: -72px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-negative-mobile {
padding-left: -72px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-negative-mobile {
padding-right: -72px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-tablet {
margin-top: 72px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-tablet {
margin-bottom: 72px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-tablet {
margin-left: 72px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-tablet {
margin-right: 72px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-tablet {
padding-top: 72px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-tablet {
padding-bottom: 72px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-tablet {
padding-left: 72px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-tablet {
padding-right: 72px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-9y-negative-tablet {
margin-top: -72px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-9y-negative-tablet {
margin-bottom: -72px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-9x-negative-tablet {
margin-left: -72px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-9x-negative-tablet {
margin-right: -72px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-9y-negative-tablet {
padding-top: -72px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-9y-negative-tablet {
padding-bottom: -72px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-9x-negative-tablet {
padding-left: -72px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-9x-negative-tablet {
padding-right: -72px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-mobile {
margin-top: 80px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-mobile {
margin-bottom: 80px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-mobile {
margin-left: 80px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-mobile {
margin-right: 80px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-mobile {
padding-top: 80px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-mobile {
padding-bottom: 80px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-mobile {
padding-left: 80px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-mobile {
padding-right: 80px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-negative-mobile {
margin-top: -80px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-negative-mobile {
margin-bottom: -80px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-negative-mobile {
margin-left: -80px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-negative-mobile {
margin-right: -80px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-negative-mobile {
padding-top: -80px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-negative-mobile {
padding-bottom: -80px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-negative-mobile {
padding-left: -80px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-negative-mobile {
padding-right: -80px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-tablet {
margin-top: 80px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-tablet {
margin-bottom: 80px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-tablet {
margin-left: 80px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-tablet {
margin-right: 80px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-tablet {
padding-top: 80px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-tablet {
padding-bottom: 80px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-tablet {
padding-left: 80px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-tablet {
padding-right: 80px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-10y-negative-tablet {
margin-top: -80px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-10y-negative-tablet {
margin-bottom: -80px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-10x-negative-tablet {
margin-left: -80px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-10x-negative-tablet {
margin-right: -80px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-10y-negative-tablet {
padding-top: -80px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-10y-negative-tablet {
padding-bottom: -80px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-10x-negative-tablet {
padding-left: -80px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-10x-negative-tablet {
padding-right: -80px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-mobile {
margin-top: 88px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-mobile {
margin-bottom: 88px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-mobile {
margin-left: 88px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-mobile {
margin-right: 88px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-mobile {
padding-top: 88px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-mobile {
padding-bottom: 88px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-mobile {
padding-left: 88px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-mobile {
padding-right: 88px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-negative-mobile {
margin-top: -88px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-negative-mobile {
margin-bottom: -88px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-negative-mobile {
margin-left: -88px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-negative-mobile {
margin-right: -88px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-negative-mobile {
padding-top: -88px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-negative-mobile {
padding-bottom: -88px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-negative-mobile {
padding-left: -88px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-negative-mobile {
padding-right: -88px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-tablet {
margin-top: 88px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-tablet {
margin-bottom: 88px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-tablet {
margin-left: 88px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-tablet {
margin-right: 88px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-tablet {
padding-top: 88px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-tablet {
padding-bottom: 88px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-tablet {
padding-left: 88px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-tablet {
padding-right: 88px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-11y-negative-tablet {
margin-top: -88px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-11y-negative-tablet {
margin-bottom: -88px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-11x-negative-tablet {
margin-left: -88px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-11x-negative-tablet {
margin-right: -88px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-11y-negative-tablet {
padding-top: -88px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-11y-negative-tablet {
padding-bottom: -88px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-11x-negative-tablet {
padding-left: -88px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-11x-negative-tablet {
padding-right: -88px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-mobile {
margin-top: 96px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-mobile {
margin-bottom: 96px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-mobile {
margin-left: 96px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-mobile {
margin-right: 96px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-mobile {
padding-top: 96px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-mobile {
padding-bottom: 96px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-mobile {
padding-left: 96px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-mobile {
padding-right: 96px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-negative-mobile {
margin-top: -96px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-negative-mobile {
margin-bottom: -96px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-negative-mobile {
margin-left: -96px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-negative-mobile {
margin-right: -96px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-negative-mobile {
padding-top: -96px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-negative-mobile {
padding-bottom: -96px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-negative-mobile {
padding-left: -96px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-negative-mobile {
padding-right: -96px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-tablet {
margin-top: 96px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-tablet {
margin-bottom: 96px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-tablet {
margin-left: 96px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-tablet {
margin-right: 96px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-tablet {
padding-top: 96px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-tablet {
padding-bottom: 96px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-tablet {
padding-left: 96px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-tablet {
padding-right: 96px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-12y-negative-tablet {
margin-top: -96px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-12y-negative-tablet {
margin-bottom: -96px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-12x-negative-tablet {
margin-left: -96px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-12x-negative-tablet {
margin-right: -96px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-12y-negative-tablet {
padding-top: -96px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-12y-negative-tablet {
padding-bottom: -96px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-12x-negative-tablet {
padding-left: -96px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-12x-negative-tablet {
padding-right: -96px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-mobile {
margin-top: 104px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-mobile {
margin-bottom: 104px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-mobile {
margin-left: 104px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-mobile {
margin-right: 104px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-mobile {
padding-top: 104px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-mobile {
padding-bottom: 104px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-mobile {
padding-left: 104px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-mobile {
padding-right: 104px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-negative-mobile {
margin-top: -104px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-negative-mobile {
margin-bottom: -104px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-negative-mobile {
margin-left: -104px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-negative-mobile {
margin-right: -104px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-negative-mobile {
padding-top: -104px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-negative-mobile {
padding-bottom: -104px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-negative-mobile {
padding-left: -104px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-negative-mobile {
padding-right: -104px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-tablet {
margin-top: 104px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-tablet {
margin-bottom: 104px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-tablet {
margin-left: 104px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-tablet {
margin-right: 104px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-tablet {
padding-top: 104px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-tablet {
padding-bottom: 104px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-tablet {
padding-left: 104px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-tablet {
padding-right: 104px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-13y-negative-tablet {
margin-top: -104px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-13y-negative-tablet {
margin-bottom: -104px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-13x-negative-tablet {
margin-left: -104px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-13x-negative-tablet {
margin-right: -104px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-13y-negative-tablet {
padding-top: -104px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-13y-negative-tablet {
padding-bottom: -104px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-13x-negative-tablet {
padding-left: -104px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-13x-negative-tablet {
padding-right: -104px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-mobile {
margin-top: 112px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-mobile {
margin-bottom: 112px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-mobile {
margin-left: 112px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-mobile {
margin-right: 112px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-mobile {
padding-top: 112px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-mobile {
padding-bottom: 112px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-mobile {
padding-left: 112px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-mobile {
padding-right: 112px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-negative-mobile {
margin-top: -112px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-negative-mobile {
margin-bottom: -112px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-negative-mobile {
margin-left: -112px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-negative-mobile {
margin-right: -112px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-negative-mobile {
padding-top: -112px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-negative-mobile {
padding-bottom: -112px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-negative-mobile {
padding-left: -112px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-negative-mobile {
padding-right: -112px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-tablet {
margin-top: 112px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-tablet {
margin-bottom: 112px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-tablet {
margin-left: 112px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-tablet {
margin-right: 112px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-tablet {
padding-top: 112px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-tablet {
padding-bottom: 112px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-tablet {
padding-left: 112px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-tablet {
padding-right: 112px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-14y-negative-tablet {
margin-top: -112px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-14y-negative-tablet {
margin-bottom: -112px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-14x-negative-tablet {
margin-left: -112px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-14x-negative-tablet {
margin-right: -112px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-14y-negative-tablet {
padding-top: -112px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-14y-negative-tablet {
padding-bottom: -112px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-14x-negative-tablet {
padding-left: -112px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-14x-negative-tablet {
padding-right: -112px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-mobile {
margin-top: 120px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-mobile {
margin-bottom: 120px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-mobile {
margin-left: 120px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-mobile {
margin-right: 120px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-mobile {
padding-top: 120px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-mobile {
padding-bottom: 120px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-mobile {
padding-left: 120px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-mobile {
padding-right: 120px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-negative-mobile {
margin-top: -120px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-negative-mobile {
margin-bottom: -120px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-negative-mobile {
margin-left: -120px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-negative-mobile {
margin-right: -120px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-negative-mobile {
padding-top: -120px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-negative-mobile {
padding-bottom: -120px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-negative-mobile {
padding-left: -120px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-negative-mobile {
padding-right: -120px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-tablet {
margin-top: 120px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-tablet {
margin-bottom: 120px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-tablet {
margin-left: 120px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-tablet {
margin-right: 120px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-tablet {
padding-top: 120px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-tablet {
padding-bottom: 120px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-tablet {
padding-left: 120px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-tablet {
padding-right: 120px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-15y-negative-tablet {
margin-top: -120px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-15y-negative-tablet {
margin-bottom: -120px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-15x-negative-tablet {
margin-left: -120px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-15x-negative-tablet {
margin-right: -120px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-15y-negative-tablet {
padding-top: -120px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-15y-negative-tablet {
padding-bottom: -120px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-15x-negative-tablet {
padding-left: -120px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-15x-negative-tablet {
padding-right: -120px;
}
}
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 185, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-mobile {
margin-top: 128px;
}
}
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 186, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-mobile {
margin-bottom: 128px;
}
}
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 187, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-mobile {
margin-left: 128px;
}
}
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 188, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-mobile {
margin-right: 128px;
}
}
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 189, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-mobile {
padding-top: 128px;
}
}
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 190, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-mobile {
padding-bottom: 128px;
}
}
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 191, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-mobile {
padding-left: 128px;
}
}
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 192, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-mobile {
padding-right: 128px;
}
}
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 195, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-negative-mobile {
margin-top: -128px;
}
}
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 196, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-negative-mobile {
margin-bottom: -128px;
}
}
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 197, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-negative-mobile {
margin-left: -128px;
}
}
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 198, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-negative-mobile {
margin-right: -128px;
}
}
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 199, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-negative-mobile {
padding-top: -128px;
}
}
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 200, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-negative-mobile {
padding-bottom: -128px;
}
}
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 201, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-negative-mobile {
padding-left: -128px;
}
}
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-negative-mobile {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 33.99em) {
/* line 202, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-negative-mobile {
padding-right: -128px;
}
}
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 204, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-tablet {
margin-top: 128px;
}
}
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 205, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-tablet {
margin-bottom: 128px;
}
}
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 206, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-tablet {
margin-left: 128px;
}
}
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 207, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-tablet {
margin-right: 128px;
}
}
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 208, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-tablet {
padding-top: 128px;
}
}
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 209, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-tablet {
padding-bottom: 128px;
}
}
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 210, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-tablet {
padding-left: 128px;
}
}
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 211, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-tablet {
padding-right: 128px;
}
}
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 214, ../../sass/modules/_mixins-custom.scss */
.m-top-16y-negative-tablet {
margin-top: -128px;
}
}
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 215, ../../sass/modules/_mixins-custom.scss */
.m-bottom-16y-negative-tablet {
margin-bottom: -128px;
}
}
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 216, ../../sass/modules/_mixins-custom.scss */
.m-left-16x-negative-tablet {
margin-left: -128px;
}
}
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 217, ../../sass/modules/_mixins-custom.scss */
.m-right-16x-negative-tablet {
margin-right: -128px;
}
}
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 218, ../../sass/modules/_mixins-custom.scss */
.p-top-16y-negative-tablet {
padding-top: -128px;
}
}
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 219, ../../sass/modules/_mixins-custom.scss */
.p-bottom-16y-negative-tablet {
padding-bottom: -128px;
}
}
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 220, ../../sass/modules/_mixins-custom.scss */
.p-left-16x-negative-tablet {
padding-left: -128px;
}
}
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-negative-tablet {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 221, ../../sass/modules/_mixins-custom.scss */
.p-right-16x-negative-tablet {
padding-right: -128px;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--0y-mobile {
min-height: 0px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--0y-tablet {
min-height: 0px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--y-mobile {
min-height: 228px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--y-tablet {
min-height: 228px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y2-mobile {
min-height: 114px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y2-tablet {
min-height: 114px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--2y-mobile {
min-height: 456px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--2y-tablet {
min-height: 456px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y3-mobile {
min-height: 76px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y3-tablet {
min-height: 76px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--3y-mobile {
min-height: 684px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--3y-tablet {
min-height: 684px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y4-mobile {
min-height: 57px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y4-tablet {
min-height: 57px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--4y-mobile {
min-height: 912px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--4y-tablet {
min-height: 912px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y5-mobile {
min-height: 45.6px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y5-tablet {
min-height: 45.6px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--5y-mobile {
min-height: 1140px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--5y-tablet {
min-height: 1140px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y6-mobile {
min-height: 38px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y6-tablet {
min-height: 38px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--6y-mobile {
min-height: 1368px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--6y-tablet {
min-height: 1368px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y7-mobile {
min-height: 32.57143px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y7-tablet {
min-height: 32.57143px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--7y-mobile {
min-height: 1596px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--7y-tablet {
min-height: 1596px !important;
}
}
@media (max-width: 47.99em) {
/* line 234, ../../sass/modules/_mixins-custom.scss */
.card--y8-mobile {
min-height: 28.5px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 235, ../../sass/modules/_mixins-custom.scss */
.card--y8-tablet {
min-height: 28.5px !important;
}
}
@media (max-width: 47.99em) {
/* line 237, ../../sass/modules/_mixins-custom.scss */
.card--8y-mobile {
min-height: 1824px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 238, ../../sass/modules/_mixins-custom.scss */
.card--8y-tablet {
min-height: 1824px !important;
}
}
/* line 427, ../../sass/helpers/_utils.scss */
.white-space-normal {
white-space: normal;
}
/*FLEX TYPES*/
/* line 432, ../../sass/helpers/_utils.scss */
.flex-1 {
flex: 1 !important;
}
/* line 435, ../../sass/helpers/_utils.scss */
.flex-2 {
flex: 2 !important;
}
/* line 438, ../../sass/helpers/_utils.scss */
.flex-3 {
flex: 3 !important;
}
/** C A R D T E X T C O L O R S **/
/* line 443, ../../sass/helpers/_utils.scss */
.card-text-secondary.card, .card-text-secondary .card {
color: #73EDFF;
}
/* P O L Y F I L L S */
/* line 449, ../../sass/helpers/_utils.scss */
.no-objectfit .card__image img,
.no-objectfit .img-wpr__cover,
.no-objectfit .modal img, .no-object-fit .card__image img,
.no-object-fit .img-wpr__cover,
.no-object-fit .modal img {
left: 50%;
top: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
min-width: 100%;
height: auto;
min-height: inherit;
max-width: none;
max-height: none;
}
/* line 461, ../../sass/helpers/_utils.scss */
.no-objectfit .card__image img.landscape,
.no-objectfit .img-wpr__cover.landscape,
.no-objectfit .modal img.landscape, .no-object-fit .card__image img.landscape,
.no-object-fit .img-wpr__cover.landscape,
.no-object-fit .modal img.landscape {
height: 100%;
}
/* line 464, ../../sass/helpers/_utils.scss */
.no-objectfit .card__image img.portrait,
.no-objectfit .img-wpr__cover.portrait,
.no-objectfit .modal img.portrait, .no-object-fit .card__image img.portrait,
.no-object-fit .img-wpr__cover.portrait,
.no-object-fit .modal img.portrait {
width: 100%;
}
/* line 471, ../../sass/helpers/_utils.scss */
.no-objectfit .img-wpr.img-wpr--horizontal .img-wpr__cover.landscape, .no-object-fit .img-wpr.img-wpr--horizontal .img-wpr__cover.landscape {
width: auto;
height: 100%;
}
/* line 475, ../../sass/helpers/_utils.scss */
.no-objectfit .img-wpr.img-wpr--horizontal .img-wpr__cover.portrait, .no-object-fit .img-wpr.img-wpr--horizontal .img-wpr__cover.portrait {
height: auto;
width: 100%;
}
/* N O S C R I P T S */
/* line 483, ../../sass/helpers/_utils.scss */
noscript {
position: relative;
text-align: center;
margin: 0 auto;
}
/* line 489, ../../sass/helpers/_utils.scss */
body.noscript .noscript {
display: none;
}
/* line 492, ../../sass/helpers/_utils.scss */
.noscript .invisible,
body.noscript .banner-full.invisible {
visibility: visible;
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100);
}
/* line 500, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker {
background-color: #fff;
font-size: 14px;
position: absolute;
top: 34px;
right: 0;
width: 118px;
z-index: 10;
}
/* line 509, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker ul {
margin-bottom: 0;
}
/* line 513, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker li {
margin: 0;
list-style-type: none;
padding-bottom: 4px;
padding-left: 4px;
width: 100%;
}
/* line 520, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker li:first-child {
padding-top: 4px;
}
/* line 525, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .rs-controls {
width: 100%;
float: left;
box-sizing: border-box;
padding: 0;
}
/* line 532, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .rs-player, #xp1 #readspeaker .rs-player embed {
width: 82px;
height: 16px;
float: left;
margin-right: 0;
}
/* line 539, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .btn {
background-color: #E8E7E7;
color: #706F6F;
}
/* line 544, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .icon--close {
background-position: left 4px;
float: left;
font-size: 11px;
height: 16px;
margin: 0 1px;
min-height: inherit;
padding: 0;
width: 16px;
}
/* line 554, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .icon--close:before {
position: relative;
top: -1px;
font-size: 10px;
}
/* line 561, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .icon--download {
float: left;
font-size: 11px;
height: 16px;
min-height: inherit;
margin-left: 1px;
padding: 0 1px;
width: 16px;
}
/* line 570, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .icon--download:before {
top: -1px;
left: 2px;
position: absolute;
}
/* line 577, ../../sass/helpers/_utils.scss */
#xp1 #readspeaker .rs-dropdown {
width: 100%;
float: left;
box-sizing: border-box;
background-color: #fff;
}
/* line 586, ../../sass/helpers/_utils.scss */
.bg-primary {
background-color: #000078;
}
@media (max-width: 33.99em) {
/* line 590, ../../sass/helpers/_utils.scss */
.color-white-mobile {
color: white;
}
}
/* line 596, ../../sass/helpers/_utils.scss */
h3.h3-padding {
padding-right: 0;
}
/* line 600, ../../sass/helpers/_utils.scss */
.hidden-while-loading {
opacity: 1 !important;
}
@media (min-width: 48em) {
/* line 605, ../../sass/helpers/_utils.scss */
#vmi-button.sticky-with-menu {
top: 80vh !important;
bottom: auto !important;
}
}
/* line 611, ../../sass/helpers/_utils.scss */
.flex-direction-rr {
flex-direction: row-reverse;
display: flex;
}
@media (max-width: 807px) {
/* line 617, ../../sass/helpers/_utils.scss */
.nav-menu-title {
border-bottom-width: 4px;
height: 48px;
font-size: 15px;
}
}
/* line 624, ../../sass/helpers/_utils.scss */
.padding-title {
padding-left: 4px;
padding-top: 8px;
}
/* line 629, ../../sass/helpers/_utils.scss */
.title-section {
padding-bottom: 16px;
font-weight: bold;
margin-top: 1rem;
}
@media (min-width: 1024px) {
/* line 636, ../../sass/helpers/_utils.scss */
.visually-hidden-desktop {
border: 0;
clip: rect(0 0 0 0);
height: 1px !important;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px !important;
}
}
/* line 647, ../../sass/helpers/_utils.scss */
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
}
/* line 658, ../../sass/helpers/_utils.scss */
.recerca .recerca-content-blue-1 {
border: 8px solid #73EDFF;
clear: both;
margin-bottom: 1.2rem;
min-height: 11.5rem;
overflow: hidden;
padding: 0.5rem 1rem;
}
/* line 666, ../../sass/helpers/_utils.scss */
.recerca .recerca-content-blue-2 {
background-color: #73EDFF;
clear: both;
min-height: 8rem;
overflow: hidden;
padding: 1rem 1rem 0.5rem;
}
@media only screen and (max-width: 1200px) {
/* line 674, ../../sass/helpers/_utils.scss */
.recerca .recerca-content-blue-2 {
margin: 0 -0.25rem 1rem;
}
}
/* line 2, ../../sass/components/_temp-fix.scss */
#content {
z-index: auto;
}
/* line 5, ../../sass/components/_temp-fix.scss */
.search-container-top .icon-container .icon--search {
top: 10px;
}
@media (min-width: 48em) {
/* line 9, ../../sass/components/_temp-fix.scss */
.search-container-top .icon-container .icon--search {
top: 0;
font-size: 128px;
line-height: 10px;
}
/* line 13, ../../sass/components/_temp-fix.scss */
.search-container-top .icon-container .icon--search:before {
text-align: center;
display: inline-block !important;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
}
/* line 24, ../../sass/components/_temp-fix.scss */
.search-filter-form-container .btn .icon--close {
font-size: 0.8125rem !important;
}
/* line 28, ../../sass/components/_temp-fix.scss */
.form-check label input[type=checkbox]:checked + .form-check__text {
/**
The 'default' rule is not submitted to any responsive query
**/
font-size: 1.0625rem !important;
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 28, ../../sass/components/_temp-fix.scss */
.form-check label input[type=checkbox]:checked + .form-check__text {
font-size: 1.3125rem !important;
}
}
/* line 31, ../../sass/components/_temp-fix.scss */
.form-check label span:before, .form-inline-check label span:before {
top: -1px;
}
/* line 34, ../../sass/components/_temp-fix.scss */
.form-radio label span:before, .form-inline-radio label span:before {
top: -2px;
}
@media (max-width: 33.99em) {
/* line 38, ../../sass/components/_temp-fix.scss */
.hidden-xs {
display: none !important;
}
}
@media (min-width: 34em) and (max-width: 47.99em) {
/* line 43, ../../sass/components/_temp-fix.scss */
.hidden-sm {
display: none !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
/* line 48, ../../sass/components/_temp-fix.scss */
.hidden-md {
display: none !important;
}
}
@media (min-width: 62em) and (max-width: 74.99em) {
/* line 53, ../../sass/components/_temp-fix.scss */
.hidden-lg {
display: none !important;
}
}
@media (min-width: 75em) {
/* line 58, ../../sass/components/_temp-fix.scss */
.hidden-xl {
display: none !important;
}
}
/** C O L L A P S E **/
/* line 63, ../../sass/components/_temp-fix.scss */
.collapse__trigger {
padding-right: 36px;
}
/* line 66, ../../sass/components/_temp-fix.scss */
.card__footer:before, .card__footer:after {
content: "";
display: block;
}
/* LIFERAY FIXES */
/* line 72, ../../sass/components/_temp-fix.scss */
.journal-content-article .card__contents .card__video__icon:before {
display: block;
}
/* line 76, ../../sass/components/_temp-fix.scss */
.row.row--fix:before {
display: inherit;
}
@media (max-width: 47.99em) {
/* line 80, ../../sass/components/_temp-fix.scss */
main.landing-comercial {
padding-top: 0;
}
/* line 82, ../../sass/components/_temp-fix.scss */
main.landing-comercial #section-landing-comercial {
padding-top: 12px;
}
}
/* line 87, ../../sass/components/_temp-fix.scss */
.icon--arrow-down.icon--small {
font-size: 0.875rem;
}
/* line 90, ../../sass/components/_temp-fix.scss */
.icon--campus, .icon--normal {
font-size: 4.375rem;
width: 38px;
height: 44px;
line-height: 16px;
text-indent: -16px;
}
/* line 97, ../../sass/components/_temp-fix.scss */
.icon--plus {
font-size: 2.4375rem;
}
/* line 100, ../../sass/components/_temp-fix.scss */
.icon--minus-small {
font-size: 2.5375rem;
}
/* line 103, ../../sass/components/_temp-fix.scss */
.btn--secondary:hover {
color: #000078;
}
/* line 106, ../../sass/components/_temp-fix.scss */
button.btn-close {
border: 0;
background: white;
}
/* line 109, ../../sass/components/_temp-fix.scss */
button.btn-close .icon {
font-size: 1.5rem;
}
/* line 113, ../../sass/components/_temp-fix.scss */
.icon.icon--access.icon--big {
height: initial;
width: initial;
font-size: 4.4rem;
}
/* line 118, ../../sass/components/_temp-fix.scss */
.open-registration--mini {
color: #000078;
}
@media (max-width: 385px) {
/* line 122, ../../sass/components/_temp-fix.scss */
.dynamic--title-size-lg {
font-size: 0.625rem !important;
line-height: 1;
}
}
/* This block should be declared from GEF*/
/* This block should be declared from GEF*/
/* line 131, ../../sass/components/_temp-fix.scss */
.bg-primary.fullwidth-inverse, .bg-primary > .fullwidth-inverse {
/**
The 'default' rule is not submitted to any responsive query
**/
/*
Loop through $mq-breakpoints keys order.
This defines the correct order for the sass-mq $from rules while allowing passing $propValues in any order
*/
}
@media (max-width: 47.99em) {
/* line 131, ../../sass/components/_temp-fix.scss */
.bg-primary.fullwidth-inverse, .bg-primary > .fullwidth-inverse {
color: #ffffff;
}
}
/* line 135, ../../sass/components/_temp-fix.scss */
.modal img.img-wpr__cover {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
object-fit: cover;
left: 0;
top: 0;
}
/* line 145, ../../sass/components/_temp-fix.scss */
.ruler--white {
border-color: #ffffff;
}
/* line 149, ../../sass/components/_temp-fix.scss */
.header-container button {
-webkit-border-radius: 0;
}
/* line 153, ../../sass/components/_temp-fix.scss */
input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
height: 0;
width: 0;
margin: 0;
}
/* line 161, ../../sass/components/_temp-fix.scss */
.clipping-footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
/* All fake focusable elements hide their border */
/* line 167, ../../sass/components/_temp-fix.scss */
*[tabindex="-1"]:focus {
outline: none;
}
/* line 170, ../../sass/components/_temp-fix.scss */
.modal .modal__close {
color: #000078;
}
@media (max-width: 47.99em) {
/* line 175, ../../sass/components/_temp-fix.scss */
#mapa, .leaflet-container {
min-height: 228px;
}
}
/* line 183, ../../sass/components/_temp-fix.scss */
.universitat .block-more-destacat .modul-info-basic .card__contents {
padding: 0;
}
/* line 188, ../../sass/components/_temp-fix.scss */
.universitat .block-more-destacat .bg-block-content {
height: 314px;
}
/* line 193, ../../sass/components/_temp-fix.scss */
.universitat .block-more-destacat .card-normal.ruler .card__contents {
height: 440px;
}
/* line 201, ../../sass/components/_temp-fix.scss */
.card--info.card--profile h4 {
padding-bottom: 0;
font-weight: bold;
padding-right: 32px;
}
/* line 208, ../../sass/components/_temp-fix.scss */
#ao-button-span, #vmi-button-span {
position: relative;
}
/* line 211, ../../sass/components/_temp-fix.scss */
#ao-button-span .btn--sticky, #vmi-button-span .btn--sticky {
z-index: 10001;
}
/* line 218, ../../sass/components/_temp-fix.scss */
#vmi-form .form-radio label, #ao-form .form-radio label, .toCRM .form-radio label {
font-size: 16px;
margin-right: 0;
}
/* line 221, ../../sass/components/_temp-fix.scss */
#vmi-form .form-radio label span, #ao-form .form-radio label span, .toCRM .form-radio label span {
margin: 8px 0 0 0;
}
@media (max-width: 47.99em) {
/* line 231, ../../sass/components/_temp-fix.scss */
#infoForm .row > .col-xs-12 > .row {
margin: 0;
}
}
/** DELETE ON GEF FIX **/