@charset "utf-8"; /* Compass */ @import "compass/compass"; /* Custom mixins */ @import "modules/mixins"; /* Base */ @import "variables"; .dotChange { cursor: pointer; height: 2em; left: 1em; position: fixed; top: 70px; width: 3em; z-index: 99; &:hover, &:focus { background-color: rgba($turquoise, 0.3); } } body { background-color: $white; } // .terms--top + .landingBlue { // background: $darkBlue; // background: -moz-linear-gradient(top, $darkBlue 0px, $darkBlue 900px, transparent 1500px, transparent 100%); // background: -webkit-linear-gradient(top, $darkBlue 0px, $darkBlue 900px,transparent 1500px,transparent 100%); // background: linear-gradient(to bottom, $darkBlue 0px, $darkBlue 900px,transparent 1500px,transparent 100%); // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303841', endColorstr='#7db9e8',GradientType=0 ); // color: $darkGrey; // } .landingBlue { .landingBlue_terms { h2 { @media(min-width: $tablet) { font-size: 36px; margin-bottom: 1em; } } h3 { text-transform: uppercase; @media(min-width: $tablet) { font-size: 32px; margin: 1.5em 0 0.7em; } } h4 { @media(min-width: $tablet) { font-size: 26px; margin: 1.5em 0 0.7em; } } h5 { font-weight: 700; } .intro h5, p { margin-bottom: 1.5em; } p, li { font-size: $font-size-base-mobile-vw; @media(min-width: $tablet) { font-size: $font-size-base-tablet; } } ul, ol { padding-left: 2em; margin-bottom: 3em; // & + h3 { // margin-top: 1em; // } } ul { li { position: relative; &:before { content: "\00b7"; color: $orange; position: absolute; left: -1em; } } } .intro { h5 { font-size: 26px; font-weight: normal; line-height: 1.45; margin-left: auto; margin-right: auto; max-width: 800px; @media(min-width: $desktop-s) { width: 70%; } } } dl { dt, dd { display: inline; } dt { font-weight: normal; &:after { content: '\00a0\00a0\2014\00a0\00a0'; } } dd { & + dt { &:before { content: ''; display: block; margin: 1em 0; } } } } } } #terms.lite { .terms--top { display: none; img { opacity: 0; } } .landingBlue { background: transparent; } .landingBlue { .landingBlue_terms { &, p, li, strong, a { // color: $darkGrey; color: $blue; } p { margin-bottom: 1.5em; } a:hover, a:focus { color: $orange; } ul { li { &:before { color: $blue; } } } } .landingBlue_terms--bar { a { color: $white; margin-bottom: 7px; margin-top: 7px; &:hover, &:focus { background-color: $turquoise; color: $white; } } } } .intro { h5 { // color: $grey; strong { color: $blue; } } } h3 { color: $blue; } } .terminology { // color: $ font-size: $font-size-secundarios-tablet; } .orange-italic { color: $orange; }