@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
.hyphenate {
word-wrap: break word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.dropshadowBox {
-webkit-box-shadow: 0px 0px 26px -1px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 26px -1px rgba(0, 0, 0, 0.6); }
h1 {
font-size: 3.052rem; }
h2 {
font-size: 2.441rem; }
h3 {
font-size: 1.563rem; }
h4 {
font-size: 1.25rem; }
p {
line-height: 1.5; }
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 105%;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: white;
color: #424242;
-webkit-font-feature-settings: "liga", "clig", "pnum", "kern";
font-feature-settings: "liga", "clig", "pnum", "kern";
-webkit-font-variant-ligatures: common-ligatures;
font-variant-ligatures: common-ligatures;
scroll-behavior: smooth;
text-rendering: optimizeLegibility; }
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
img {
display: block;
max-width: 100%;
height: auto; }
a {
color: inherit;
text-decoration: none; }
figure {
margin: 0; }
.body-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden; }
.img-caption {
text-align: right;
font-family: ff-meta-web-pro, sans-serif;
font-size: 0.64rem;
font-style: italic;
opacity: 0.8; }
.errorlist {
color: red !important;
/*margin-bottom: 30px;*/ }
:root {
font-size: 18px;
font-family: ff-meta-serif-web-pro, serif; }
.container {
margin: 0 auto;
padding: 0 16px;
width: 100%;
max-width: 1200px;
min-width: 350px;
position: relative; }
@media (min-width: 576px) {
.container {
padding: 0 16px;
width: 100%; } }
@media (min-width: 768px) {
.container {
padding: 0;
width: 90%; } }
section {
padding: 1.5rem 0; }
@media (min-width: 576px) {
section {
padding: 2.25rem 0; } }
@media (min-width: 768px) {
section {
padding: 2.25rem 0; } }
body {
position: relative; }
.headroom {
will-change: transform;
-webkit-transition: -webkit-transform 200ms linear;
transition: -webkit-transform 200ms linear;
transition: transform 200ms linear;
transition: transform 200ms linear, -webkit-transform 200ms linear; }
.headroom--pinned {
-webkit-transform: translateY(0%);
transform: translateY(0%); }
.headroom--unpinned {
-webkit-transform: translateY(-140%);
transform: translateY(-140%); }
.show {
display: block !important; }
.hide {
display: none !important; }
/* Componenti
-------------- */
h6 {
text-align: center; }
h6 a {
border: none;
padding: 0.32rem 0.625rem;
text-transform: uppercase;
font-family: ff-meta-web-pro, sans-serif;
text-decoration: none;
cursor: pointer;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
letter-spacing: 1px;
border-radius: 5px;
background-color: transparent;
width: 100%;
color: white;
border: 1px solid currentColor;
font-weight: 600;
padding: 0.64rem 1.25rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 1rem;
display: block;
width: 100%; }
h6 a:hover, h6 a:focus {
background-color: #FFE066;
color: #AF2B31; }
.btn {
border: none;
font-weight: 400;
padding: 0.32rem 0.625rem;
font-size: 0.8rem;
text-transform: uppercase;
font-family: ff-meta-web-pro, sans-serif;
text-decoration: none;
cursor: pointer;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
letter-spacing: 1px;
border-radius: 5px; }
.btn:focus {
outline: 1px solid #fff;
outline-offset: -4px; }
.btn--primary {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.btn--secondary {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.btn--neutral {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
.btn--cta {
background-color: transparent;
width: 100%;
color: white;
border: 1px solid currentColor;
font-weight: 600;
font-size: 0.64rem;
padding: 0.64rem 1.25rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.btn--cta:hover, .btn--cta:focus {
background-color: #FFE066;
color: #AF2B31; }
@media (min-width: 576px) {
.btn--cta {
font-size: 1rem; } }
.membership-types .btn--cta,
.membership-rules .btn--cta {
background-color: #202C39;
color: #FFE066;
border: none; }
.membership-types .btn--cta:hover, .membership-types .btn--cta:focus,
.membership-rules .btn--cta:hover,
.membership-rules .btn--cta:focus {
background-color: #FFE066;
color: #202C39; }
.btn--form {
background-color: #202C39;
color: #FFE066;
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid #202C39;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 0.64rem;
padding: 4px 4px;
margin-left: -4px; }
.btn--form:hover, .btn--form:focus {
color: #202C39;
background-color: #FFE066; }
@media (min-width: 576px) {
.btn--form {
padding: 0.32rem 0.625rem; } }
@media (min-width: 992px) {
.btn--form {
font-size: 0.8rem; } }
.btn--fellow {
background-color: #202C39;
color: #FFE066;
border-radius: 0;
border-radius: 3px;
border: 1px solid #202C39;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 0.64rem;
padding: 4px 4px;
margin-left: -4px; }
.btn--fellow:hover, .btn--fellow:focus {
color: #202C39;
background-color: #FFE066; }
@media (min-width: 576px) {
.btn--fellow {
padding: 0.32rem 0.625rem; } }
@media (min-width: 992px) {
.btn--fellow {
font-size: 0.8rem; } }
.login .btn {
background-color: transparent;
width: 100%;
color: #FFE066;
color: white;
border: 1px solid currentColor;
font-weight: 600;
font-size: 0.64rem;
padding: 0.64rem 1.25rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.login .btn:hover, .login .btn:focus {
background-color: #ffcb00;
background-color: #FFE066;
color: #202C39; }
.mainCongress .btn {
font-size: 1rem; }
.information__item .btn {
width: 100%;
margin-top: 0.375rem; }
.membership .btn {
margin-top: auto;
text-align: left;
padding: 0;
padding-bottom: 9px; }
.btn--void {
background-color: transparent;
padding: 0;
color: inherit; }
.btn--decorated {
background-color: transparent;
color: inherit;
border-bottom: 1px solid #FFE066;
border-radius: 0px; }
.btn--hollow {
background-color: transparent;
border: 1px solid currentColor;
color: inherit; }
.btn--hollow:hover, .btn--hollow:focus {
background-color: #424242;
color: white; }
.member-application__form .form__control .btn--hollow {
margin-left: 0.9765rem; }
.btn--red {
background-color: #AF2B31;
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.btn--red:hover, .btn--red:focus {
background-color: #862126;
color: white; }
.btn--big {
padding: 0.5rem 1.953rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.btn--big i {
margin-left: 0.651rem;
font-size: 1.25rem; }
.primaryNavigation__navbar .btn {
position: relative;
padding: 0 0.9rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.button_draftail {
font-size: 25px;
color: white;
background: #AF2B31;
display: inline-block;
border-radius: 2px;
padding: 5px 10px;
margin: 20px auto;
border: none; }
.breadcrumb {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
font-family: ff-meta-web-pro, sans-serif;
font-size: 0.8rem;
margin-bottom: 0.5rem; }
.video-learning .breadcrumb {
margin-bottom: 0.75rem; }
.breadcrumb > li + li::before {
content: "•";
margin: 0 0.4rem; }
.breadcrumb > li:last-child {
color: #FFE066; }
.video-learning .breadcrumb > li:last-child {
color: currentColor; }
#tabMain input + p,
#tabMain select + p {
display: none; }
#tabMain input:invalid.invalido,
#tabMain select:invalid.invalido {
border: 1px dotted red; }
#tabMain input:invalid.invalido + p,
#tabMain select:invalid.invalido + p {
display: block; }
.toast {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 700;
font-size: 1.25rem;
padding: 0.75rem 0.9765rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.toast p {
margin: 0; }
.toast i {
cursor: pointer; }
.toast--error {
background-color: #da666c; }
.toast--warning {
background-color: #f0b37e; }
.toast--info {
background-color: #E3E3E2; }
.toast--success {
background-color: #7ee2a8; }
.confirm-message {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: ff-meta-web-pro, sans-serif;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.25rem; }
.confirm-message p {
margin: 0;
font-size: 1.563rem;
padding-bottom: 3px;
line-height: 1.30; }
.confirm-message--error {
color: #AF2B31;
border-bottom: 2px dotted #AF2B31; }
.confirm-message--success {
color: #25a25a;
border-bottom: 2px dotted #25a25a; }
.confirm-message i {
margin-right: 0.9765rem;
font-size: 3.052rem; }
.confirm-message .fa-thumbs-down {
color: #AF2B31; }
.confirm-message .fa-thumbs-up {
color: #25a25a; }
.form input[type="text"],
.form input[type="password"],
.form input[type="checkbox"],
.form input[type="email"],
.form input[type="number"],
.form select {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1rem;
text-decoration: none;
line-height: normal;
padding: 5px;
color: #202C39; }
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="checkbox"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form select:focus {
outline: none; }
.form--err {
border-color: red !important; }
@media (min-width: 576px) {
.form__element--very-short {
width: 25%; }
.form__element--short {
width: 25%; }
.form__element--medium {
width: 35%; } }
@media (min-width: 768px) {
.form__element--very-short {
width: 18%; } }
.form__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 1rem; }
.form__group h4 {
margin-top: 0;
margin-bottom: 0.25rem; }
.form--questionnaire-patronage .form__group {
margin-bottom: 1.5rem; }
.teaching-centers .form__group,
.members .form__group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.teaching-centers .form__group input,
.members .form__group input {
margin-left: 0.9765rem;
padding: 1.7px 9.25px;
font-family: ff-meta-web-pro, sans-serif; }
.teaching-centers .form__group input:focus,
.members .form__group input:focus {
outline: none; }
.member-application__form .form__group,
.form--edit .form__group {
margin-bottom: 1.5rem; }
.member-application__form .form__group label,
.form--edit .form__group label {
font-family: ff-meta-web-pro, sans-serif;
margin-bottom: 0.1875rem;
font-weight: 300; }
.member-application__form .form__group select,
.form--edit .form__group select {
width: 50%; }
.form__group--vertical label {
margin-bottom: 0.375rem; }
.criteria .form__group--vertical {
margin-bottom: 1.5rem; }
.criteria .form__group--vertical:only-child {
margin-bottom: 0; }
@media (min-width: 576px) {
.criteria .form__group--vertical {
width: 95%; } }
@media (min-width: 768px) {
.criteria .form__group--vertical {
width: 70%; } }
@media (min-width: 992px) {
.criteria .form__group--vertical {
width: 60%; } }
.criteria .form__group--vertical input {
padding: 0.32rem 0.625rem;
border: 1px solid #202C39;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.form__group--orizzontal {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.criteria .form__group--orizzontal {
margin-bottom: 0; }
.criteria .form__group--orizzontal input {
padding: 0.32rem 0.625rem;
border: 1px solid #202C39;
width: 300px; }
.form__group--orizzontal label {
margin-left: 0.5rem;
margin-bottom: 0; }
.form__control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.form__actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.form__actions a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0.7; }
.form__actions a:hover {
opacity: 1;
color: #202C39; }
.form__validation-message {
font-family: ff-meta-web-pro, sans-serif;
font-size: 0.8rem;
margin: 2px 0;
line-height: 1.4; }
.form__validation-message--warning {
display: block;
margin: 0;
color: #FFE066;
opacity: 0.8; }
.form__validation-message--error {
display: block;
margin: 0;
color: #AF2B31;
opacity: 0.8; }
.form__validation-message--info {
opacity: 0.7; }
.form__validation-message + .form__validation-message {
margin-top: 1.5rem; }
@media (min-width: 576px) {
.form--edit .col-1 {
width: 50%; } }
.form__upload input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
font-size: 0.8rem; }
.form__radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.form__radio input {
margin-right: 8px; }
[name="avatar"] {
border: none;
font-weight: 400;
font-size: 0.8rem;
text-transform: uppercase;
font-family: ff-meta-web-pro, sans-serif;
text-decoration: none;
cursor: pointer;
margin-left: 0.651rem; }
[name="avatar-clear"] + label {
display: inline;
margin-left: 0.3255rem; }
.avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.avatar {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.avatar a {
margin-left: 0.3255rem;
margin-right: 0.651rem; }
.avatar br {
display: none; } }
@media (min-width: 768px) {
.avatar label {
margin-right: 0.9765rem;
padding-right: 0.9765rem;
border-right: 2px dotted #AF2B31; } }
.form-checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.form-checkbox input[type="checkbox"] {
margin-right: 0.24413rem; }
.form-checkbox:last-of-type {
margin-bottom: 0.5rem; }
.form-checkbox a {
font-weight: 600;
color: #202C39; }
.toc {
display: none;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
font-family: ff-meta-web-pro, sans-serif;
padding: 0.75rem 1.953rem 1.5rem;
border-radius: 5px;
position: -webkit-sticky;
position: sticky;
top: 12rem; }
@media (min-width: 768px) {
.toc {
display: block; } }
.toc__title {
margin-top: 0;
margin-bottom: 0.5rem; }
.toc__menu {
margin: 0;
padding-left: 0.48825rem; }
.toc__menu li:not(last-child) {
margin-bottom: 1.5rem;
line-height: 120%;
font-size: 0.8rem; }
.toc__menu li:not(last-child):hover {
color: #FFE066;
font-weight: 700; }
@media (min-width: 576px) {
.service__container {
width: 70%; } }
.service__title {
font-family: ff-meta-web-pro, sans-serif;
font-size: 1.25rem;
margin: 0; }
.form-steps-tab {
display: none; }
.form-steps-step {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5; }
.form-steps-step.active {
opacity: 1; }
.form-steps-step.finish {
background-color: #AF2B31; }
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-height: 50px;
background-color: white;
font-family: ff-meta-web-pro, sans-serif;
z-index: 2;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.service-nav {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
font-weight: 600;
position: relative; }
.service-nav__navbar {
list-style: none;
display: none;
margin: 0; }
@media (min-width: 1440px) {
.service-nav__navbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 1.8rem;
font-size: 0.64rem;
text-transform: uppercase; }
.service-nav__navbar li {
position: relative; }
.service-nav__navbar li i {
margin-right: 4.5px; }
.service-nav__navbar li:not(:last-child) {
margin-right: 1rem; }
.service-nav__navbar li:not(:last-child):after {
content: "";
position: absolute;
display: inline-block;
background-color: currentColor;
height: 0.9765rem;
width: 1px;
top: 1px;
right: -9px; }
.service-nav__navbar li:hover, .service-nav__navbar li:focus {
color: #202C39; }
.service-nav__navbar #login-service-btn {
cursor: pointer; } }
.navbar {
padding: 0.5rem 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
background-color: white; }
@media (min-width: 1440px) {
.navbar {
display: block;
padding: 0.5rem 0; } }
.container .navbar {
margin: 0 -16px;
padding-left: 16px;
padding-right: 16px; }
.navbar i {
color: ff-meta-web-pro, sans-serif;
font-size: 2.441rem; }
.navbar__icon {
display: block;
font-size: 0.8rem;
text-align: center; }
@media (min-width: 1440px) {
.navbar__icon {
display: none; } }
.navbar__icon .fa-bars {
font-size: 1.953rem; }
.navbar__icon p {
margin: 0;
text-transform: uppercase; }
.navbar__social--icon {
padding: 0 2px; }
.logo {
color: #AF2B31;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.logo a {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
margin-right: 0.5rem;
max-width: 100%; }
.logo__img {
height: 80px; }
@media (min-width: 576px) {
.logo {
margin-left: -4px; }
.logo__img {
height: 70px; } }
@media (min-width: 992px) {
.logo {
margin-left: -4px; }
.logo__img {
height: 135px; }
.logo__img__mobile {
display: none; } }
@media (max-width: 991px) {
.logo__img {
display: none; }
.logo__img__mobile {
height: 100px; } }
.logotype {
margin: 0;
white-space: nowrap;
display: none; }
.logotype a {
display: inline-block; }
.logotype__french {
display: block;
border-bottom: 1px solid currentColor;
padding-bottom: 4px; }
.logotype__english {
display: block; }
@media (min-width: 576px) {
.logotype {
display: block;
font-size: 1rem;
font-weight: 300; } }
@media (min-width: 768px) {
.logotype {
font-size: 1.25rem; } }
/* Mobile menu - MAIN content vertical shifting (to avoid superimposition of the header with the content) */
@media screen and (min-width: 0px) and (max-width: 575px) {
main {
margin-top: 0px; } }
@media screen and (min-width: 576px) and (max-width: 991px) {
main {
margin-top: -110px; } }
@media screen and (min-width: 992px) and (max-width: 1439px) {
main {
margin-top: -120px; } }
.primary-navigation {
position: fixed;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 400;
letter-spacing: 1px;
z-index: -1;
top: 103px;
right: 0;
bottom: auto;
/* Ensure no overlap with page content */
left: 0;
height: 100vh;
-webkit-transform: translateY(-190%);
transform: translateY(-190%); }
@media (min-width: 992px) {
.primary-navigation {
top: 138px;
-webkit-transform: translateY(-180%);
transform: translateY(-180%); } }
@media (min-width: 1200px) {
.primary-navigation {
top: 138px;
-webkit-transform: translateY(-180%);
transform: translateY(-180%); } }
@media (min-width: 1440px) {
.primary-navigation {
-webkit-transform: translateY(0%);
transform: translateY(0%);
position: relative;
top: 0px;
display: block;
width: 100%;
height: auto; }
.primary-navigation#profile-nav {
display: none; } }
.toggle-nav {
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
-webkit-transform: translateY(0);
transform: translateY(0); }
.primary-navigation__navbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 0.8rem;
text-transform: uppercase;
height: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9);
width: 100%; }
@media (min-width: 1440px) {
.primary-navigation__navbar {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8rem;
height: 3rem; } }
.primary-navigation__item {
position: relative;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: default;
border-bottom: 1px dashed rgba(175, 43, 49, 0.8);
padding: 0 10px;
font-size: 12px;
color: #AF2B31;
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
@media screen and (max-width: 1440px) {
.primary-navigation__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; } }
@media screen and (min-width: 1440px) {
.primary-navigation__item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* Allow items to grow or shrink */ } }
@media (hover: hover) {
.primary-navigation__item:hover {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.primary-navigation__item:hover .dropdown-menu {
display: block; } }
@media (min-width: 1440px) {
.primary-navigation__item {
border: none;
padding: 0 0.651rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.primary-navigation__item--active {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.primary-navigation__item--highlight {
font-style: italic;
color: #AF2B31;
display: none; }
.primary-navigation__item--highlight:hover, .primary-navigation__item--highlight:focus {
color: rgba(255, 255, 255, 0.9); }
@media (min-width: 992px) {
.primary-navigation__item--highlight {
display: block; } }
.primary-navigation__item:last-child {
padding: 0;
font-weight: 700; }
@media (min-width: 1440px) {
.primary-navigation__item:last-child {
margin-left: auto; }
.primary-navigation__item:last-child a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding-right: 0.651rem;
padding-left: 0.651rem; }
.primary-navigation__item:last-child:hover, .primary-navigation__item:last-child:focus {
color: #FFE066; } }
.primary-navigation__item > .fa-caret-right {
margin-left: 9px; }
@media (min-width: 1440px) {
.primary-navigation__item > .fa-caret-right {
display: none; } }
.primary-navigation__item > .fa-caret-down {
display: none; }
@media (min-width: 1440px) {
.primary-navigation__item > .fa-caret-down {
display: inline-block;
margin-left: 4px; } }
.primary-navigation__first-level-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%; }
.dropdown-menu {
position: absolute;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.64rem;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding-left: 0;
width: 100%;
left: -0.5px;
right: -0.5px;
top: 53px;
z-index: 2;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
@media (min-width: 1440px) {
.dropdown-menu {
width: 200px;
top: 40px;
left: 0px; } }
.dropdown-menu li {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.dropdown-menu li:hover, .dropdown-menu li:focus {
background-color: #171f29; }
.dropdown-menu li:hover a, .dropdown-menu li:focus a {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(8px);
transform: translateX(8px); }
.dropdown-menu li a {
padding: 1rem 0 1rem 1rem;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.js-toggle {
display: none; }
.hero {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-top: 118px;
padding: 1.5rem 0;
font-family: ff-meta-serif-web-pro, serif; }
@media (min-width: 576px) {
.hero {
margin-top: 220px;
padding: 2.25rem 0; } }
@media (min-width: 992px) {
.hero {
margin-top: 268px; } }
@media (min-width: 1200px) {
.hero {
padding: 4.5rem 0; } }
@media (min-width: 1440px) {
.hero {
margin-top: 250px; } }
.hero--primary-theme {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hero--secondary-theme {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hero--secondary-dark-theme {
background-color: #0e1318;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 576px) {
.hero--small {
padding: 2.25rem 0; } }
.hero--no-text {
height: 7.5rem; }
@media (min-width: 576px) {
.hero--no-text {
height: 9rem; } }
@media (min-width: 768px) {
.hero--no-text {
height: 10.5rem; } }
@media (min-width: 992px) {
.hero--no-text {
height: 15rem; } }
.hero--overlay-image {
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(32, 44, 57, 0);
background-blend-mode: multiply;
color: white !important; }
.hero--overlay-image > .container > div {
background-color: #202C39;
padding: 1.5rem 1.953rem; }
@supports (background-blend-mode: multiply) {
.hero--overlay-image > .container > div {
background-color: transparent;
padding: 0; } }
@media (min-width: 576px) {
.hero__grid {
display: grid;
grid-template-columns: 10fr 2fr; } }
.hero__title {
position: relative;
margin: 0;
font-size: 1.25rem;
line-height: 1.20;
font-weight: 300; }
@media (min-width: 576px) {
.hero__title {
font-size: 1.563rem; } }
@media (min-width: 768px) {
.hero__title {
font-size: 1.953rem; } }
@media (min-width: 1200px) {
.hero__title {
font-size: 2.441rem; } }
@media screen and (min-width: 0px) and (max-width: 576px) {
#hero-image-container {
height: 200px !important; } }
@media screen and (min-width: 576px) and (max-width: 992px) {
#hero-image-container {
height: 300px !important; } }
@media screen and (min-width: 992px) {
#hero-image-container {
height: 400px !important; } }
.sub-hero--primary-theme {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.sub-hero--primary-theme a {
color: #FFE066; }
.sub-hero--secondary-theme {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.sub-hero--secondary-theme a {
color: #FFE066; }
.sub-hero--secondary-dark-theme {
background-color: #0e1318;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.sub-hero--secondary-dark-theme a {
color: #FFE066; }
.sub-hero__flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.5rem 0; }
@media (min-width: 576px) {
.sub-hero__flex {
padding: 2.25rem 0; } }
@media (min-width: 1200px) {
.sub-hero__flex {
padding: 2.25rem 0; } }
.sub-hero__title {
position: relative;
margin: 0;
font-size: 3.052rem;
font-weight: 500;
line-height: 1.20; }
.sub-hero__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 120px;
position: absolute;
bottom: -6px;
left: 0;
background-color: white; }
.sub-hero__text,
.sub-hero__text .rich-text {
margin: 0;
font-size: 1rem;
line-height: 1.4; }
@media (min-width: 576px) {
.sub-hero__text,
.sub-hero__text .rich-text {
font-size: 1.25rem; } }
@media (min-width: 768px) {
.sub-hero__text,
.sub-hero__text .rich-text {
font-size: 1.563rem; } }
@media (min-width: 768px) {
.sub-hero__text--small,
.sub-hero__text--small .rich-text,
.sub-hero__text .rich-text--small,
.sub-hero__text .rich-text--small .rich-text {
text-align: center;
font-size: 1.25rem;
line-height: 1.4;
width: 80%;
margin: 0 auto; } }
.sub-hero__link {
font-style: italic;
color: #FFE066; }
.sub-hero__link:hover {
color: #ffd633; }
.hero-toast {
padding: 0.5rem 0;
font-size: 0.8rem;
background-color: #FFE066;
color: #202C39;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hero-toast__grid {
text-align: center; }
@media (min-width: 768px) {
.hero-toast__grid {
text-align: left;
display: grid;
grid-template-columns: 10fr 2fr; } }
.hero-toast__text {
margin: 0;
padding: 0.32rem 0;
line-height: 1.3; }
@media (min-width: 576px) {
.hero-toast__text {
font-size: 1rem; } }
.hero-toast__link {
color: #AF2B31; }
.hero-toast__link:hover, .hero-toast__link:focus {
color: #862126; }
.hero-toast .btn {
display: block;
text-align: center;
border: 1px solid rgba(175, 43, 49, 0.8);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
white-space: nowrap;
margin-top: 0.5rem; }
.hero-toast .btn:hover {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 768px) {
.hero-toast .btn {
margin-top: 0;
margin-left: 0.9765rem;
display: inline-block; } }
.login-wrapper {
margin-bottom: 1.5rem; }
@media (min-width: 576px) {
.login-wrapper {
width: 300px; } }
.login {
position: relative;
font-family: ff-meta-web-pro, sans-serif;
background-color: #0e1318;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding: 0.75rem 1.953rem 1.5rem 1.953rem;
font-weight: 400;
margin: 0 auto; }
@media (min-width: 576px) {
.login {
width: 60%; } }
@media (min-width: 768px) {
.login {
width: 100%;
display: block;
padding: 0.75rem 1.953rem 1.5rem 1.953rem;
-webkit-box-shadow: 0px 0px 26px -1px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 26px -1px rgba(0, 0, 0, 0.6); } }
@media (min-width: 992px) {
.login {
top: -3rem; } }
@media (min-width: 1200px) {
.login {
top: -4.5rem; } }
.login__title {
text-align: center;
font-weight: 300;
margin: 0;
font-size: 1.25rem;
line-height: 1.25;
margin-bottom: 1rem; }
@media (min-width: 768px) {
.login__title {
font-size: 1rem; } }
.login__form {
font-size: 0.8rem; }
.login__password label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.login__password a {
color: #FFE066;
font-weight: 300; }
.login__img {
margin: 0 auto;
padding-bottom: 0.75rem;
border-bottom: 1px dashed #AF2B31; }
.login__img + button {
margin-top: 0.75rem; }
.service-nav .login {
z-index: 4;
position: absolute;
top: 98px;
right: 16px;
left: 16px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 576px) {
.service-nav .login {
right: 16px;
left: auto;
top: 45px;
width: 292px; } }
.arrow-up {
display: none; }
.service-nav .arrow-up {
display: block;
position: absolute;
right: 8px;
top: -12px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #AF2B31; }
.card {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: white;
opacity: 0.9;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-family: ff-meta-web-pro, sans-serif;
padding: 0.75rem 16px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer; }
@media (min-width: 768px) {
.card {
padding: 0.75rem 0.9765rem 1.5rem 0.9765rem; } }
.card:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
position: relative;
z-index: 2;
opacity: 1; }
.card:hover a.button {
display: block; }
.card__title {
font-size: 1.563rem;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 300;
line-height: 1.1; }
.card--cta .card__title {
font-weight: 500;
line-height: 1.2; }
.card__description {
font-size: 1rem;
margin-top: 0;
margin-bottom: 0.75rem;
line-height: 1.3; }
@media (min-width: 992px) {
.card__description {
line-height: 1.3;
font-size: 0.8rem;
margin-bottom: 0; } }
@media (min-width: 1100px) {
.card__description {
font-size: 1rem; } }
.card--cta .card__description {
font-size: 0.8rem;
line-height: 1.25;
font-weight: 300;
font-style: italic;
opacity: 0.8; }
.membership .card:nth-child(odd) {
background-color: #AF2B31; }
.membership .card:nth-child(even):not(:last-child) {
background-color: #5d171a; }
.teaching-centers .card,
.patronages-section .card {
z-index: 0;
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
.teaching-centers .card:hover,
.patronages-section .card:hover {
-webkit-transform: none;
transform: none;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.card--cta {
background-color: #FFE066;
color: #202C39; }
.card--cta a.button {
background-color: #202C39;
color: #FFE066;
font-weight: 600;
padding: 9px !important;
text-align: center !important;
margin: 0 auto;
width: 100%; }
@media (min-width: 576px) {
.card--cta a.button {
width: 40%; } }
@media (min-width: 576px) {
.card--cta a.button {
width: 100%; } }
.card--cta a.button:hover, .card--cta a.button:focus {
background-color: #0e1318; }
.card a.button {
margin-top: auto;
text-align: left;
padding: 0;
padding-bottom: 9px; }
.perk {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: rgba(255, 255, 255, 0.9);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-family: ff-meta-web-pro, sans-serif;
padding: 0.75rem 16px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
float: left;
width: calc(100% / 6);
margin: 0 !important;
height: 300px; }
@supports (display: grid) {
.perk {
float: none;
width: auto;
height: auto; } }
.perk:nth-child(odd) {
background-color: #AF2B31; }
.perk:nth-child(even):not(:last-child) {
background-color: #5d171a; }
.perk:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
position: relative; }
.perk:hover a.button {
display: block;
margin-top: auto; }
.perk__title {
font-size: 1.563rem;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 300;
line-height: 1.1; }
.perk__description {
font-size: 1rem;
margin-top: 0;
margin-bottom: 0.75rem;
line-height: 1.3; }
@media (min-width: 992px) {
.perk__description {
line-height: 1.3;
font-size: 0.8rem;
margin-bottom: 0; } }
@media (min-width: 1100px) {
.perk__description {
font-size: 1rem; } }
.perk:not(:last-child) a.button {
color: #FFE066; }
@media (min-width: 1200px) {
.perk:not(:last-child) a.button {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; } }
@media (min-width: 992px) {
.perk:not(:last-child):hover, .perk:not(:last-child):focus {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.perk:not(:last-child):hover a.button, .perk:not(:last-child):focus a.button {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@media (min-width: 576px) {
.perk:last-child {
text-align: center;
grid-column: 2 / 3; } }
@media (min-width: 1200px) {
.perk:last-child {
text-align: center;
grid-column: 6 / 7; } }
.perk--cta {
background-color: #FFE066;
color: #202C39; }
.perk--cta a.button {
background-color: #202C39;
color: #FFE066;
font-weight: 600;
padding: 9px !important;
text-align: center !important;
margin: auto auto 0 auto;
width: 100%; }
@media (min-width: 576px) {
.perk--cta a.button {
width: 40%; } }
@media (min-width: 576px) {
.perk--cta a.button {
width: 100%; } }
.perk--cta a.button:hover, .perk--cta a.button:focus {
background-color: #0e1318; }
.footer {
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
padding: 1.5rem 0;
background-color: #0e1318;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 576px) {
.footer {
padding: 3rem 0;
padding-bottom: 0.75rem; } }
.footer p {
font-size: 0.8rem;
margin-top: 0.25rem;
margin-bottom: 0.25rem; }
@media (min-width: 576px) {
.footer p {
margin-top: 0.5rem;
margin-bottom: 0.5rem; } }
.footer i {
margin-right: 9px;
color: #AF2B31; }
@supports (display: grid) {
.footer__grid {
display: grid;
text-align: left;
grid-gap: 1.302rem; } }
@media (min-width: 576px) {
.footer__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.footer__grid {
grid-template-columns: 3fr 3fr;
grid-gap: 1.953rem; } }
.footer__grid ul::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.footer__grid ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.9765rem; } } }
@media (min-width: 768px) {
.footer__grid {
grid-gap: 1.302rem; } }
@media (min-width: 992px) {
.footer__grid {
grid-template-columns: 3fr 3fr 3fr 3fr; }
.footer__grid .col {
float: left;
width: 20%;
margin-left: 5%; }
@supports (display: grid) {
.footer__grid .col {
float: none;
width: auto;
margin-left: 0; } } }
.footer__subtitle {
margin: 0;
margin-bottom: 0.75rem;
font-size: 1rem;
position: relative; }
@media (min-width: 576px) {
.footer__subtitle {
margin-bottom: 1rem; } }
.footer__subtitle:after {
content: ' ';
display: inline-block;
height: 1px;
width: 100%;
position: absolute;
bottom: -6px;
left: 0;
border-bottom: 1px dashed rgba(175, 43, 49, 0.8);
opacity: 0.4; }
@media (min-width: 576px) {
.footer__subtitle:after {
left: 0; } }
.footer__sitemap ul {
margin: 0;
margin-top: 0.25rem;
padding: 0;
list-style: none;
text-transform: uppercase;
font-size: 0.8rem; }
.footer__sitemap ul li {
margin-bottom: 0.5rem; }
.footer__sitemap ul li {
padding-bottom: 0.5rem;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.footer__sub-footer {
margin-top: 0.75rem; }
@media (min-width: 576px) {
.footer__sub-footer {
margin-top: 0; } }
.footer .saep {
margin: 0;
font-size: 0.64rem;
opacity: 0.8; }
.under-construction {
font-family: ff-meta-web-pro, sans-serif;
text-align: center; }
.under-construction__title {
font-size: 1.563rem;
font-weight: 300;
margin-top: 0;
line-height: 1;
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.under-construction__title {
font-size: 3.052rem; } }
.under-construction__text {
margin: 0;
margin-bottom: 1.5rem; }
.under-construction__text a {
color: #AF2B31; }
@media (min-width: 576px) {
.under-construction__text {
margin-bottom: 3rem; } }
.under-construction__illustration {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #AF2B31;
font-size: 3.052rem; }
@media (min-width: 576px) {
.under-construction__illustration {
font-size: 15rem; } }
.overlay {
position: fixed;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(0);
transform: scale(0); }
.overlay__background {
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.overlay__background .modal {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
background-color: #202C39; }
.toggle-fancy-in {
-webkit-transform: scale(1);
transform: scale(1); }
.toggle-fancy-in .overlay__background {
-webkit-animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
.toggle-fancy-in .overlay__background .modal {
-webkit-animation: scaleUp 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards;
animation: scaleUp 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards; }
.toggle-fancy-out {
-webkit-animation: quickScaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
animation: quickScaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
.toggle-fancy-out .overlay__background {
-webkit-animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
.toggle-fancy-out .overlay__background .modal {
-webkit-animation: scaleDown 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
animation: scaleDown 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
@-webkit-keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0); }
100% {
background: rgba(0, 0, 0, 0.7); } }
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0); }
100% {
background: rgba(0, 0, 0, 0.7); } }
@-webkit-keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7); }
100% {
background: rgba(0, 0, 0, 0); } }
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7); }
100% {
background: rgba(0, 0, 0, 0); } }
@-webkit-keyframes scaleUp {
0% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0; }
100% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1; } }
@keyframes scaleUp {
0% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0; }
100% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1; } }
@-webkit-keyframes scaleDown {
0% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1; }
100% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0; } }
@keyframes scaleDown {
0% {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1; }
100% {
-webkit-transform: scale(0.8) translateY(1000px);
transform: scale(0.8) translateY(1000px);
opacity: 0; } }
@-webkit-keyframes quickScaleDown {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
99.9% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(0);
transform: scale(0); } }
@keyframes quickScaleDown {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
99.9% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(0);
transform: scale(0); } }
.modal {
padding: 1.5rem 1.953rem;
background-color: white; }
.rich-text a {
color: #AF2B31;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.rich-text a:hover {
color: #5d171a; }
.block__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sk-fading-circle {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
.member-application__stepper ul {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.member-application__address:not(:last-child) {
margin-bottom: 3rem; }
.member-application__intro {
margin: 0; }
.member-application .step {
margin: 0;
cursor: pointer;
font-family: ff-meta-web-pro, sans-serif;
opacity: 0.5; }
.member-application .step:not(:last-child) {
margin-right: 1.953rem; }
.member-application .step__title {
margin: 0; }
.member-application .step__title i {
margin-left: 1.953rem; }
.member-application .step--is-selected {
opacity: 1;
border-bottom: 1px dashed rgba(175, 43, 49, 0.8); }
.member-application__title {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
position: relative;
font-weight: 300;
font-size: 1.953rem; }
.member-application__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.member-application__title:first-child {
margin-top: 0; }
.member-application__title:not(:first-child) {
margin-top: 3rem; }
.member-application__title span {
font-size: 1rem;
font-style: italic; }
.member-application__subtitle {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: 500;
font-size: 1.563rem; }
.member-application__form {
margin-bottom: 1.5rem; }
.member-application__form-grid::after {
clear: both;
content: "";
display: table; }
@media (min-width: 576px) {
.member-application__form-grid {
display: grid;
grid-template-columns: 8fr 2fr; } }
@media (min-width: 992px) {
.member-application__form-grid {
grid-template-columns: 6fr 2fr 2fr 2fr; } }
.member-application__form-grid .col-2 {
float: right;
grid-column: 3 / 4; }
.member-application__stepper-controls .member-application__form-grid .col-2 button {
width: 100%;
margin-top: 0.75rem; }
@media (min-width: 576px) {
.member-application__stepper-controls .member-application__form-grid .col-2 button {
margin-top: 0; } }
.member-application__form-grid .col-1 {
float: left; }
.member-application__stepper-controls .member-application__form-grid .col-1 button {
width: 100%; }
@media (min-width: 576px) {
.member-application__stepper-controls .member-application__form-grid .col-1 button {
width: 30%; } }
.member-application__stepper-controls {
margin-bottom: 3rem; }
.member-application .personal-photo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 200px;
border: 1px dashed #424242;
margin-bottom: 0.75rem;
background-color: #f2f2f2; }
.member-application .personal-photo i {
font-size: 3.052rem;
color: inherit; }
[contenteditable="true"] {
background-color: #fff;
padding: 5px;
border: 1px solid gray;
margin-top: 0.375rem !important;
font-style: italic;
opacity: 0.6; }
.committess__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1.5rem; }
.committee {
font-family: ff-meta-web-pro, sans-serif;
padding-bottom: 1.5rem;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.committee:first-child {
grid-column: 1 / -1; }
@media (min-width: 768px) {
.committee:first-child .committee__type {
font-size: 1.563rem; }
.committee:first-child .committee__title {
font-size: 1.25rem; }
.committee:first-child .committee__person,
.committee:first-child .committee__persons {
font-size: 1rem; } }
.committee__type {
font-size: 1.25rem;
padding: 0.75rem 0.9765rem;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.committee__title {
font-size: 0.8rem;
text-transform: uppercase;
padding: 1.5rem 0.9765rem 0.1875rem;
font-weight: 600; }
.committee__person, .committee__persons {
font-size: 0.8rem;
padding: 0.375rem 0.9765rem 0.75rem;
padding: 0 0.9765rem; }
.committee__person,
.committee__persons li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.committee__persons {
font-size: 0.64rem; }
.committee__persons ul {
list-style: none;
margin: 0;
padding: 0; }
.homepage-hero-image {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }
.homepage-hero-virtual-congress {
background-image: url("./../img/secec_virtual_congress_01.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }
.introduction {
padding: 1.5rem 0;
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 992px) {
.introduction {
padding: 0; } }
@media (min-width: 768px) {
.introduction__grid {
display: grid;
grid-template-columns: 9fr 3fr;
grid-column-gap: 1.953rem; } }
.introduction__text {
font-size: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.5rem; }
.introduction__text:only-child {
margin: 3rem 0; }
.introduction__text p {
margin: 0; }
@media (min-width: 576px) {
.introduction__text {
grid-column: 1 / 2;
font-size: 1.25rem;
line-height: 1.3; } }
@media (min-width: 768px) {
.introduction__text {
text-align: left;
margin-bottom: 0; } }
@media (min-width: 992px) {
.introduction__text {
font-size: 1.563rem;
line-height: 1.5; } }
.introduction__text a {
font-style: italic;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.introduction__text a:hover, .introduction__text a:focus {
color: #FFE066; }
.membership__grid::after {
clear: both;
content: "";
display: table; }
@media (min-width: 576px) {
@supports (display: grid) {
.membership__grid {
display: grid;
grid-template-columns: 2fr 2fr;
grid-gap: 0.5rem; } } }
@media (min-width: 1200px) {
@supports (display: grid) {
.membership__grid {
display: grid;
grid-template-columns: repeat(6, 2fr);
grid-gap: 0; } } }
.membership {
position: relative;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 768px) {
.membership__grid-intro {
display: grid;
grid-template-columns: 8fr 1fr 3fr; }
.membership__grid-intro .col-2 {
grid-column: 3 / 4; } }
.membership__title {
position: relative;
margin-top: 0;
line-height: 1;
margin-bottom: 1.5rem;
font-weight: 200;
font-size: 1.953rem; }
.membership__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #FFE066; }
.membership__text {
width: 100%;
font-size: 1rem;
margin-bottom: 1.5rem; }
@media (min-width: 576px) {
.membership__text {
width: 100%;
font-size: 1rem;
margin-bottom: 1.5rem; }
.membership__text:first-of-type {
font-size: 1.25rem; }
.membership__text:last-of-type {
font-size: 1.25rem;
margin-bottom: 2.25rem; } }
.webinar {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
padding: 0.75rem 16px;
text-align: center;
position: relative;
background-color: #f2f2f2; }
.webinar .container {
background: #202C39;
background-size: cover;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.webinar .virtual-congress {
background: #202C39;
background: url("./../img/secec_virtual_congress_01.jpg") center center no-repeat;
background-size: cover;
margin-bottom: 25px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.webinar .virtual-congress__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 300;
font-size: 1.563rem;
line-height: 1.2; }
.webinar .virtual-congress__subtitle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 8px;
font-weight: 300; }
.webinar .banner-virtual-congress {
padding: 25px; }
.webinar__wrapper {
padding: 1.5rem 16px;
max-width: 800px;
margin: 0 auto; }
.webinar__label {
background: #AF2B31;
padding: 4px 8px;
text-transform: uppercase;
font-size: 0.8rem; }
.webinar__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 0.75rem;
margin-bottom: 0;
font-weight: 300;
font-size: 1.563rem;
line-height: 1.2; }
@media (min-width: 768px) {
.webinar__title {
font-size: 1.953rem; } }
@media (min-width: 992px) {
.webinar__title {
font-size: 2.441rem; } }
.webinar__subtitle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 8px; }
.webinar__subtitle:after {
content: " ";
display: block;
height: 3px;
position: absolute;
width: 100%;
bottom: -1rem;
background-color: #AF2B31;
opacity: 0.8;
border-radius: 50px; }
@media (min-width: 576px) {
.webinar__subtitle:after {
width: 30%; } }
.webinar__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.75rem;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
font-size: 0.8rem; }
@media (min-width: 768px) {
.webinar__info {
font-size: 1rem; } }
@media (min-width: 992px) {
.webinar__info {
margin-bottom: 1.5rem; } }
.webinar__info p i {
margin-right: 0.24413rem; }
.webinar__info p:not(:last-child) {
margin-right: 0.9765rem; }
.webinar__ctaPrimary {
font-family: ff-meta-web-pro, sans-serif;
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 0.75rem 0; }
.webinar__ctaPrimary a {
background: #AF2B31;
padding: 9px; }
.webinar__ctaSecondary {
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
color: #FFE066;
margin: 0 0 0.75rem 0; }
.congress-image {
background-color: #AF2B31;
background-repeat: no-repeat;
background-position: 20% 20%;
background-size: cover;
position: relative;
background-blend-mode: multiply; }
.main-congress {
padding: 0.75rem 16px;
text-align: center;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #202C39;
background-repeat: no-repeat;
background-position: 20% 20%;
background-size: cover;
position: relative;
background-color: rgba(32, 44, 57, 0.8);
background-blend-mode: multiply;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.congresses .main-congress {
background-image: url("./../img/geneve.jpg"); }
@media (min-width: 768px) {
.main-congress {
padding: 0.75rem 1.953rem; } }
@media (min-width: 992px) {
.main-congress {
padding: 1.5rem 1.953rem; } }
.hero .main-congress {
background-color: rgba(175, 43, 49, 0.8);
background-color: transparent;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.main-congress__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
font-weight: 300;
font-size: 1.563rem;
line-height: 1.2; }
.main-congress__title:after {
content: " ";
display: block;
height: 3px;
position: absolute;
width: 100%;
bottom: -0.66667rem;
background-color: #FFE066;
opacity: 0.8;
border-radius: 50px; }
@media (min-width: 576px) {
.main-congress__title:after {
width: 30%; } }
@media (min-width: 768px) {
.main-congress__title {
font-size: 1.953rem; } }
@media (min-width: 992px) {
.main-congress__title {
font-size: 2.441rem;
margin-bottom: 1.5rem; }
.hero .main-congress__title {
font-size: 2.441rem;
margin-top: 0; } }
.main-congress__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.75rem;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
font-size: 0.8rem; }
@media (min-width: 768px) {
.main-congress__info {
font-size: 1rem; } }
@media (min-width: 992px) {
.main-congress__info {
margin-bottom: 1.5rem; }
.hero .main-congress__info {
font-size: 1rem;
margin-bottom: 0; } }
.main-congress__info p i {
margin-right: 0.24413rem; }
.main-congress__info p:first-child {
margin-right: 0.9765rem; }
.main-congress__description {
width: 100%;
margin: 0 auto 0.75rem auto;
font-size: 1rem;
font-weight: 300; }
@media (min-width: 768px) {
.main-congress__description {
font-size: 1.25rem;
margin-bottom: 1.5rem; } }
@media (min-width: 992px) {
.main-congress__description {
width: 75%;
font-size: 1.563rem;
margin-bottom: 3rem; } }
.main-congress__CTA {
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
color: #FFE066;
margin: 0 0 0.75rem 0; }
@media (min-width: 768px) {
.hero .main-congress__CTA {
margin-bottom: 0; }
.main-congress__CTA a {
font-size: 1rem; } }
.main-congress__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.main-congress__grid {
display: none;
grid-row-gap: 1.5rem; }
.main-congress__grid:after {
display: none; }
@media (min-width: 768px) {
.main-congress__grid {
grid-template-columns: 4fr 4fr 4fr;
grid-column-gap: 1.953rem; } } }
.main-congress__grid.slick-initialized {
display: block;
/* Show it after Slick is fully initialized */ }
.main-slider-item {
text-align: center;
padding: 20px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
#slider-container-main.custom-slick .slick-prev::before,
#slider-container-main.custom-slick .slick-next::before {
font-size: 40px !important;
width: 50px !important;
height: 50px !important;
z-index: 20 !important; }
/* Place arrows closer to each other (main slider) */
#slider-container-main.custom-slick .slick-prev {
left: 70px !important; }
#slider-container-main.custom-slick .slick-next {
right: 70px !important; }
#slider-container-main .custom-dots .slick-dots button:before {
color: black; }
#slider-container-main .slick-dots li button:before {
color: white; }
#slider-container-news .custom-dots .slick-dots button:before {
color: black; }
#slider-container-news .slick-dots li button:before {
color: black; }
@media (max-width: 768px) {
.slider-news .slick-arrow {
position: relative !important; } }
#slider-container-main button .slick-prev .slick-arrow,
#slider-container-main button .slick-next .slick-arrow {
z-index: 10 !important; }
#slider-container-main .slick-prev,
#slider-container-main .slick-next {
position: absolute;
top: 45%;
background-color: white;
border-radius: 50%;
width: 60px;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
opacity: 1;
border: 1px solid black; }
#slider-container-main .slick-prev::before,
#slider-container-main .slick-next::before {
color: red;
top: -20px; }
/* Loader styles */
.loading-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.loading-spinner.hidden {
display: none;
/* Hide the spinner after the slider is ready */ }
.banner-virtual-congress .icon-wrapper {
margin: 10px; }
.banner-virtual-congress .icon-wrapper img {
margin: 10px;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100px; }
.icon-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.icon-wrapper img {
margin: 10px;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100px; }
.grid-others-congresses::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.grid-others-congresses {
display: grid;
grid-row-gap: 0.75rem; }
@media (min-width: 576px) {
.grid-others-congresses {
display: grid;
grid-template-columns: 6fr 6fr;
grid-column-gap: 1.5rem;
grid-row-gap: 0; } } }
.others-congresses {
padding-top: 0.75rem;
padding-bottom: 0; }
@media (min-width: 576px) {
.others-congresses {
padding-top: 1.5rem; } }
.others-congresses__congress {
padding: 0.75rem 16px;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-image: url("./../img/poznan-2020.jpg");
background-repeat: no-repeat;
background-position: 20% 20%;
background-size: cover;
position: relative;
background-color: rgba(32, 44, 57, 0.8);
background-blend-mode: multiply;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
width: 48%; }
.others-congresses__congress:first-child {
background-image: url("./../img/secec2019-copenhagen.jpg"); }
@media (min-width: 992px) {
.others-congresses__congress {
padding: 1.5rem 1.953rem; } }
.others-congresses__congress:first-child {
float: left;
margin-right: 2%; }
.others-congresses__congress:last-child {
float: right; }
@supports (display: grid) {
.others-congresses__congress {
width: auto; }
.others-congresses__congress:first-child {
float: none;
margin-right: 0; }
.others-congresses__congress:last-child {
float: none; } }
.others-congresses__title {
position: relative;
margin: 0 0 1.5rem 0;
font-weight: 300;
line-height: 1;
font-size: 1rem;
text-transform: uppercase; }
.others-congresses__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: white; }
@media (min-width: 576px) {
.others-congresses__title {
font-size: 1.25rem;
text-transform: none; } }
@media (min-width: 992px) {
.others-congresses__title {
font-size: 1.563rem;
text-transform: none; } }
.others-congresses__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.75rem;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
font-size: 0.8rem; }
.others-congresses__info p {
margin: 0;
line-height: 1.1; }
.others-congresses__info p i {
margin-right: 0.33333rem; }
.others-congresses__info p:first-child {
margin-right: 2rem; }
.others-congresses__description {
margin-bottom: 0.75rem;
font-size: 1rem;
line-height: 1.4;
font-weight: 300; }
@media (min-width: 992px) {
.others-congresses__description {
font-size: 1.25rem;
line-height: 1.3; } }
.others-congresses__CTA {
margin-bottom: 0.75rem;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
color: #FFE066; }
.virtual-congress-box {
margin-top: 50px;
margin-bottom: 20px;
border-radius: 15px 15px 0px 15px;
background-size: cover;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
@media (max-width: 576px) {
.virtual-congress-box {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 768px) {
.virtual-congress-box {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 992px) {
.virtual-congress-box {
padding-left: 25px;
padding-right: 25px; } }
.virtual-congress {
background: none;
position: relative; }
.branch__grid {
margin-top: 0px;
margin-bottom: 20px; }
@supports (display: grid) {
.branch__grid {
display: grid;
grid-row-gap: 1.5rem; }
.branch__grid:after {
display: none; }
@media (min-width: 768px) {
.branch__grid {
grid-template-columns: 4fr 4fr 4fr;
grid-column-gap: 1.953rem; } } }
.branch {
float: left;
width: 33%; }
@supports (display: grid) {
.branch {
float: none;
width: auto;
border: 0; } }
.branch__box {
text-align: -webkit-center;
border-radius: 20px 20px 0px 20px;
overflow: hidden; }
.branch__title {
font-size: 25px;
color: white;
font-weight: bold;
margin: 0;
z-index: -3; }
@media (min-width: 768px) {
.branch__title {
font-size: 30px; } }
@media (min-width: 992px) {
.branch__title {
font-size: 30px; } }
.branch__img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 154px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: -4;
/* Add the dark overlay with the pseudo-element */ }
.branch__img::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.news-section {
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: white; }
.news-section__title {
position: relative;
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.953rem;
font-weight: 200;
line-height: 1; }
.news-section__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #FFE066; }
.news__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.news__grid {
display: grid;
grid-row-gap: 1.5rem; }
.news__grid:after {
display: none; }
@media (min-width: 768px) {
.news__grid {
grid-template-columns: 4fr 4fr 4fr;
grid-column-gap: 1.953rem; } } }
.news {
float: left;
width: 33%;
border: 5px solid #202C39;
/* Handle broken images */ }
@supports (display: grid) {
.news {
float: none;
width: auto;
border: 0; } }
.news__img {
border-radius: 20px 20px 0px 0px !important;
border: 1px solid black;
color: black; }
.news__box {
text-align: -webkit-center;
border: 25px solid white;
border: 1;
overflow: hidden; }
.news__date {
margin: 0;
padding: 0.5rem 0.9765rem;
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
font-family: ff-meta-web-pro, sans-serif;
font-size: 0.8rem;
font-weight: 400; }
@media (min-width: 992px) {
.news__date {
padding: 0.75rem 0.9765rem; } }
.news__date i {
margin-right: 0.25rem; }
.news__body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.75rem 0.9765rem;
height: 230px;
border-radius: 0px 0px 0px 20px !important;
border: 1px solid black;
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
@media (min-width: 992px) {
.news__body {
padding-top: 1.5rem; } }
.news__title {
margin: 0 0 0.5rem 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.1; }
@media (min-width: 576px) {
.news__title {
font-size: 1.25rem; } }
@media (min-width: 992px) {
.news__title {
margin-bottom: 0.75rem; } }
.news__description {
margin: 0 0 0.75rem 0;
position: relative;
width: 100%;
max-height: 130px;
font-size: 0.8rem;
line-height: 1.3; }
@media (min-width: 576px) {
.news__description {
font-size: 1rem; } }
@media (min-width: 768px) {
.news__description {
font-size: 0.8rem; } }
@media (min-width: 992px) {
.news__description {
font-size: 1rem;
max-height: 110px;
margin-bottom: 1.5rem; } }
.news__cta {
margin-top: auto; }
.others-news {
padding-top: 0.75rem;
padding-bottom: 0; }
@media (min-width: 576px) {
.others-news {
padding-top: 1.5rem; } }
.others-news__CTA {
margin-bottom: 0.75rem;
font-family: ff-meta-web-pro, sans-serif;
font-weight: 300;
color: #FFE066; }
.patronages-section__title {
position: relative;
margin-top: 0;
line-height: 1;
margin-bottom: 1.5rem;
font-weight: 200;
font-size: 1.953rem; }
.patronages-section__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.patronages-section__description {
width: 100%;
font-size: 1.25rem;
margin-bottom: 1.5rem; }
@media (min-width: 992px) {
.patronages-section__description {
width: 75%;
margin-bottom: 3rem; } }
.patronages-section__pagination {
text-align: center;
font-size: 1.563rem;
line-height: 1;
margin: 0.75rem 0; }
@media (min-width: 576px) {
.patronages-section__pagination {
margin-top: 3rem;
margin-bottom: 0; } }
.patronages-section__pagination p {
margin: 0;
line-height: 1.2; }
.patronages-section__pagination i {
margin-left: 9px; }
.patronages-section__pagination a {
color: #AF2B31; }
.patronage {
overflow: auto; }
.patronage:not(:last-child) {
margin-bottom: 1.5rem; }
@supports (display: grid) {
.patronage:not(:last-child) {
margin-bottom: 0; } }
.patronage__title {
padding-bottom: 0.25rem;
border-bottom: 1px dotted rgba(175, 43, 49, 0.8); }
.patronage.card {
cursor: auto; }
.patronage.card:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.patronage__intern-link {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease; }
.patronage__intern-link:hover {
color: #AF2B31; }
.teaching-centers i,
.patronages i {
margin: 0.5rem;
margin-right: 4px;
margin-left: 0;
color: #AF2B31; }
.teaching-centers__grid,
.patronages__grid {
margin-bottom: 3rem; }
@supports (display: grid) {
.teaching-centers__grid,
.patronages__grid {
display: grid;
grid-row-gap: 1.5rem; } }
@supports (display: grid) {
.teaching-centers__grid,
.patronages__grid {
display: grid;
grid-template-columns: 6fr 6fr;
grid-gap: 1.953rem; } }
.president-message {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.president-message__title {
position: relative;
margin-top: 0;
line-height: 1;
margin-bottom: 1.5rem;
font-weight: 200;
font-size: 1.953rem; }
.president-message__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: white; }
.president-message__grid {
display: grid;
grid-row-gap: 0.9765rem; }
@media (min-width: 576px) {
.president-message__grid {
grid-template-columns: 3fr 9fr;
grid-column-gap: 0.9765rem; } }
.president-message__img {
width: 80%;
margin: 0 auto; }
@media (min-width: 576px) {
.president-message__img {
width: 100%;
border-right: 1px dotted rgba(255, 255, 255, 0.6);
padding-right: 0.9765rem; } }
.president-message__text {
margin: 0; }
@media (min-width: 992px) {
.president-message__text {
font-size: 1.25rem; } }
.president-message__cta {
position: relative;
display: block;
margin-top: 0.75rem; }
.president-message__cta:hover, .president-message__cta:focus {
color: #FFE066; }
.video-learning {
position: relative;
padding-top: 0; }
.video-learning__menu {
display: none;
padding-top: 1.5rem; }
@media (min-width: 576px) {
.video-learning__menu {
padding-left: 0;
-webkit-box-shadow: none;
box-shadow: none;
top: 0;
position: relative;
left: 0;
right: 0;
background-color: transparent;
display: block; } }
.video-learning__grid {
position: relative; }
@media (min-width: 576px) {
.video-learning__grid::after {
clear: both;
content: "";
display: table; }
.video-learning__grid > aside {
float: left;
width: 200px; }
.video-learning__grid > section {
float: left; }
@supports (display: grid) {
.video-learning__grid {
display: grid;
grid-template-columns: minmax(100px, 200px) 1fr;
grid-column-gap: 1.953rem; }
.video-learning__grid > section,
.video-learning__grid > aside {
float: none;
width: auto; }
.video-learning__grid:after {
display: none; } } }
.video-learning__list {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
overflow-x: auto;
font-family: ff-meta-serif-web-pro, serif;
font-size: 0.8rem;
text-transform: uppercase; }
@media (min-width: 576px) {
.video-learning__list {
display: block;
text-align: left; } }
.video-learning__sublist {
text-transform: lowercase;
list-style: none;
padding-left: 0; }
.video-learning__item {
text-align: left;
font-family: ff-meta-web-pro, sans-serif; }
.video-learning__item:not(:last-child) {
margin-bottom: 2.25rem; }
.video-learning__item--active > a {
opacity: 1;
border-left: 3px solid #AF2B31 !important;
color: #AF2B31 !important; }
.video-learning__item > a {
display: inline-block;
padding: 0.375rem 0.651rem;
border-left: 2px solid #f2f2f2; }
.video-learning__item > a:hover {
color: #AF2B31;
border-left: 3px solid #AF2B31;
font-weight: 600; }
.video-learning__item:first-child {
padding: 0.375rem 0.651rem;
margin-bottom: 0;
font-weight: 700;
cursor: pointer;
text-align: right; }
.video-learning__item:first-child i {
margin-left: 0.651rem; }
@media (min-width: 576px) {
.video-learning__item:first-child {
display: none; } }
.video-learning__subitem {
border-left: 2px solid #f2f2f2;
opacity: 0.8; }
.video-learning__subitem > a {
display: block;
padding: 0.3rem 0.651rem; }
.video-learning__subitem:hover {
color: #AF2B31;
border-left: 3px solid #AF2B31;
font-weight: 600; }
.video-learning__subitem--active {
border-left: 3px solid #AF2B31;
color: #AF2B31;
font-weight: 600; }
.video-learning__main {
padding-top: 1.5rem;
padding-bottom: 0; }
.video-learning__title {
font-family: ff-meta-web-pro, sans-serif;
margin: 0 0 0.75rem;
font-size: 1.25rem; }
.video-learning__title:first-child {
cursor: pointer;
margin-bottom: 1.5rem; }
@media (min-width: 576px) {
.video-learning__title:first-child {
display: none; } }
.video-learning__title i {
margin-right: 0.48825rem;
font-size: 1rem; }
.video-learning__filters {
margin-bottom: 1.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-family: ff-meta-web-pro, sans-serif; }
@media (min-width: 768px) {
.video-learning__filters {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.video-learning__filter:not(:last-child) {
margin-bottom: 0.75rem; }
@media (min-width: 768px) {
.video-learning__filter:not(:last-child) {
margin-bottom: 0;
margin-right: 1.953rem; } }
.video-learning__filter label {
display: block;
margin-bottom: 0.25rem;
font-size: 0.8rem; }
.video-learning__filter input,
.video-learning__filter select {
font-size: 0.8rem;
height: 29px; }
.video-learning__body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.video-learning__body > div {
-webkit-box-flex: 200px;
-webkit-flex: 200px;
-ms-flex: 200px;
flex: 200px;
margin-right: 1rem;
margin-bottom: 1rem; }
@supports (display: grid) {
.video-learning__body {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 0.9765rem; }
.video-learning__body > div {
margin: 0; }
@media (min-width: 768px) {
.video-learning__body {
grid-template-columns: repeat(auto-fit, 200px); } } }
@media (min-width: 576px) and (max-width: 1440px) {
.video-learning__body {
margin-top: 50px; } }
.video-card {
font-family: ff-meta-web-pro, sans-serif;
cursor: pointer; }
.video-card:not(:last-child) {
margin-bottom: 2.25rem; }
.video-card__thumbnail {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 118px;
background-color: rgba(175, 43, 49, 0.8);
margin-bottom: 0.375rem; }
.video-card__thumbnail .play-circle-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.video-card__thumbnail i {
font-size: 3.052rem;
opacity: 0.8;
color: white; }
.video-card__thumbnail img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%; }
.video-card__title {
font-weight: 600;
line-height: 120%;
margin-bottom: 0.375rem; }
.video-card__presenter, .video-card__event, .video-card__date {
font-size: 0.64rem;
line-height: 130%; }
.pills {
display: block; }
@media (min-width: 576px) {
.pills {
display: inline-block; } }
.pill {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.25rem 0.3255rem;
font-size: 0.8rem;
border-radius: 5px;
opacity: 0.7;
background-color: #f2f2f2; }
.pill i {
margin-left: 0.48825rem; }
.teaching-centers select,
.members select {
width: 80%; }
@media (min-width: 576px) {
.teaching-centers select,
.members select {
width: 20%; } }
.teaching-centers button:first-child,
.members button:first-child {
margin-right: 0.9765rem; }
.teaching-centers__title,
.members__title {
margin: 0;
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.75rem; }
.teaching-centers__search,
.members__search {
margin-bottom: 0.75rem; }
.teaching-centers__sort,
.members__sort {
margin-bottom: 1.5rem; }
.teaching-centers__list,
.members__list {
margin: 0;
padding: 0; }
.teaching-centers .member,
.members .member {
display: grid;
grid-template-columns: minmax(80px, 1fr) 3fr;
grid-column-gap: 0.3255rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.25rem 0.651rem; }
@media (min-width: 576px) {
.teaching-centers .member,
.members .member {
grid-template-columns: minmax(100px, 1fr) 1fr 1fr 3fr;
grid-column-gap: 0.651rem;
grid-row-gap: 1.5rem;
padding: 1rem 1.953rem; } }
.teaching-centers .member:nth-child(odd),
.members .member:nth-child(odd) {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
.teaching-centers .member p,
.members .member p {
margin: 0;
line-height: 120%;
font-size: 0.8rem; }
.teaching-centers .member p:first-child,
.members .member p:first-child {
margin-right: 1.953rem; }
@media (min-width: 576px) {
.teaching-centers .member p,
.members .member p {
font-size: 1rem; } }
.teaching-centers .member__email,
.members .member__email {
justify-self: end; }
.teaching-centers .member__nation,
.members .member__nation {
display: none; }
@media (min-width: 576px) {
.teaching-centers .member__nation,
.members .member__nation {
display: block; } }
.teaching-centers .member__city,
.members .member__city {
display: none; }
@media (min-width: 576px) {
.teaching-centers .member__city,
.members .member__city {
display: block; } }
.membership-hero-image {
background-position: 78% 78%; }
.membership-rules h2 {
position: relative;
font-weight: 300;
margin: 0;
font-size: 1.953rem;
margin-bottom: 1.5rem;
line-height: 1.4; }
.membership-rules h2:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.membership-rules__grid {
display: grid;
grid-row-gap: 1.5rem; }
.membership-rules__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.membership-rules__grid:after {
display: none; } }
@media (min-width: 576px) {
.membership-rules__grid {
grid-column-gap: 1.953rem;
grid-row-gap: 0;
grid-template-columns: 8fr 4fr; } }
@media (min-width: 768px) {
.membership-rules__grid {
grid-template-columns: 7fr 1fr 4fr; } }
.membership-rules__grid .col-1 {
float: left;
width: 60%; }
@supports (display: grid) {
.membership-rules__grid .col-1 {
float: none;
width: auto; } }
.membership-rules__grid .col-1 p {
margin: 0; }
.membership-rules__grid .col-1 p:last-of-type {
font-style: italic; }
.membership-rules__grid .col-1 > ul {
list-style: none;
padding: 0;
line-height: 1.5; }
.membership-rules__grid .col-1 > ul span {
font-weight: 600;
line-height: 1.2;
display: block; }
.membership-rules__grid .col-1 > ul > li:not(:last-child) {
margin-bottom: 1.5rem; }
.membership-rules__grid .col-2 {
float: right;
width: 300px; }
@supports (display: grid) {
.membership-rules__grid .col-2 {
float: none;
width: auto; } }
@media (min-width: 768px) {
.membership-rules__grid .col-2 {
grid-column: 3 / 4; } }
.membership-rules__grid .col-2 h3 {
margin-bottom: 0.5rem;
font-weight: 600; }
@media (min-width: 576px) {
.membership-rules__grid .col-2 h3 {
line-height: 1.2;
font-size: 1rem; } }
@media (min-width: 768px) {
.membership-rules__grid .col-2 h3 {
font-size: 1.25rem; } }
.membership-rules__grid .col-2 h3:last-of-type {
margin-top: 1.5rem; }
.membership-rules__grid .col-2 p {
margin: 0;
font-size: 1rem; }
@media (min-width: 576px) {
.membership-rules__grid .col-2 p {
font-size: 0.8rem; } }
@media (min-width: 768px) {
.membership-rules__grid .col-2 p {
line-height: 1.5;
font-size: 1rem; } }
.membership-rules__grid .col-2 p:not(:last-child) {
margin-bottom: 0.75rem; }
.membership-rules__grid .col-2 .membership-rules__cta {
display: block;
text-align: center;
margin-top: 0.25rem;
margin-bottom: 0.5rem; }
@media (min-width: 576px) {
.membership-rules__grid .col-2 .membership-rules__cta {
margin-top: 1rem;
margin-bottom: 3rem; } }
.membership-rules h3 {
line-height: 1.4;
font-size: 1.25rem;
font-weight: 400;
margin: 0; }
.membership-rules p:not(:last-child) {
margin-bottom: 1.5rem; }
.membership-rules p + ul {
margin-top: 0.75rem; }
.membership-types__title {
position: relative;
font-weight: 300;
margin: 0;
font-size: 1.953rem;
margin-bottom: 1.5rem;
line-height: 1.4; }
@media (min-width: 576px) {
.membership-types__title {
margin-bottom: 3rem; } }
@media (min-width: 768px) {
.membership-types__title {
margin-bottom: 1.5rem; } }
.membership-types__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.membership-types__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.membership-types__grid {
display: grid;
grid-row-gap: 0.75rem; } }
@media (min-width: 576px) {
.membership-types__grid {
width: 60%;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 992px) {
.membership-types__grid {
width: 100%;
grid-template-columns: repeat(3, 4fr);
grid-column-gap: 0.9765rem; } }
.membership-types__grid .member {
border: 2px solid #202C39;
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9);
float: left;
width: 33.333%;
text-shadow: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
@supports (display: grid) {
.membership-types__grid .member {
float: left;
width: auto;
border: 0; } }
.membership-types__grid .member__type {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding: 0.75rem 0.9765rem;
font-size: 1.25rem;
margin: 0;
font-weight: 500; }
.membership-types__grid .member__info {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9);
padding-bottom: 0; }
.membership-types__grid .member__info a {
margin-top: 1.5rem; }
.membership-types__grid .member__info:last-of-type {
margin-top: auto;
margin-bottom: 1.5rem; }
@media (min-width: 768px) {
.membership-types__grid .member__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; } }
.membership-types__grid .member__info .rich-text p {
margin-left: 1rem;
margin-right: 1rem; }
.membership-types__grid .member__subtitle {
padding: 0.75rem 0.9765rem;
font-weight: 500;
font-size: 0.8rem;
text-transform: uppercase;
margin: 0;
margin-bottom: 0.5rem;
letter-spacing: 1px;
background-color: white;
color: rgba(66, 66, 66, 0.9); }
.membership-types__grid .member ul {
font-family: ff-meta-web-pro, sans-serif;
font-size: 0.8rem;
margin: 0;
padding: 0.75rem 1.953rem; }
.membership-types__grid .member__cta {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5rem;
width: 70%;
display: block; }
@media (min-width: 768px) {
.membership-types__grid .member__cta {
margin-top: auto;
margin-bottom: 1.5rem; } }
@media (min-width: 768px) {
.delegates-rules__grid {
display: grid;
grid-template-columns: 8fr 4fr; } }
.delegates-rules__title {
position: relative;
font-weight: 300;
margin: 0;
margin-bottom: 1.5rem;
line-height: 1.4;
font-size: 1.563rem; }
@media (min-width: 576px) {
.delegates-rules__title {
font-size: 1.953rem; } }
.delegates-rules__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.delegates-rules__text {
font-size: 1rem; }
@media (min-width: 576px) {
.delegates-rules__text {
font-size: 1.25rem; } }
.delegates-rules__text li {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.delegates-rules__text li {
margin-bottom: 1.5rem; } }
.delegates__title {
position: relative;
font-weight: 300;
margin: 0;
font-size: 1.953rem;
margin-bottom: 3rem;
line-height: 1.4; }
.delegates__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
.delegates__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 0.9765rem; }
.delegate {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9);
font-family: ff-meta-web-pro, sans-serif;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.delegate p {
margin: 0; }
.delegate:hover {
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
-webkit-transform: scale(1.04);
transform: scale(1.04); }
.delegate:hover .delegate__country {
background-color: #721c20; }
.delegate__country {
font-size: 1.25rem;
font-weight: 600;
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding: 0.375rem 0.9765rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.delegate__name {
font-size: 0.8rem;
text-transform: uppercase;
padding: 0.375rem 0.9765rem;
background-color: white;
color: rgba(66, 66, 66, 0.9); }
.delegate__address {
font-size: 0.8rem;
padding: 0.375rem 0.9765rem; }
.delegate__address ul {
margin: 0;
padding: 0;
list-style: none; }
.application-form {
width: 30%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.application {
padding-bottom: 0; }
.application__title {
position: relative;
font-weight: 300;
margin: 0;
font-size: 1.563rem;
margin-bottom: 1.5rem;
line-height: 1.4; }
.application__title:after {
content: ' ';
display: inline-block;
height: 2px;
width: 70px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
@media (min-width: 768px) {
.application__title {
font-size: 1.953rem; } }
.application__header, .application__body {
margin-bottom: 1.5rem; }
@media (min-width: 768px) {
.application__header, .application__body {
margin-bottom: 3rem; }
.application__header .grid, .application__body .grid {
display: grid;
grid-template-columns: 10fr 2fr; } }
.application__header p, .application__header ul > li, .application__body p, .application__body ul > li {
font-size: 1rem;
margin: 0 0; }
@media (min-width: 768px) {
.application__header p, .application__header ul > li, .application__body p, .application__body ul > li {
font-size: 1.25rem; } }
.application__header p a, .application__header ul > li a, .application__body p a, .application__body ul > li a {
color: #AF2B31; }
.application__header p span, .application__header ul > li span, .application__body p span, .application__body ul > li span {
display: block;
color: #AF2B31;
font-size: 1rem;
margin-bottom: 0.75rem;
text-align: right;
cursor: pointer; }
.criteria {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5rem 1.953rem; }
.criteria:nth-child(odd) {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
@media (min-width: 576px) {
.criteria {
display: grid;
grid-template-columns: 10fr 2fr; } }
@media (min-width: 1200px) {
.criteria {
margin-left: -1.953rem;
margin-right: -1.953rem; } }
.criteria .form__control {
margin-bottom: 0.5rem; }
.criteria .form__control:empty {
margin-bottom: 0; }
.criteria__head {
grid-column: 1 / 3; }
.criteria__title {
margin: 0;
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 0.1875rem;
line-height: 1.2; }
.criteria__text {
margin: 0;
margin-bottom: 0.375rem;
font-size: 0.8rem; }
.criteria__text:not(:last-child) {
margin-bottom: 0.1875rem; }
@media (min-width: 768px) {
.criteria__text {
font-size: 1rem; } }
@media (min-width: 992px) {
.criteria__text {
margin-bottom: 0.75rem; } }
.criteria__text__subtitle {
margin: 0;
margin-bottom: 0.75rem;
font-size: 0.8rem; }
.criteria__text__subtitle:not(:last-child) {
margin-bottom: 0.1875rem; }
@media (min-width: 768px) {
.criteria__text__subtitle {
font-size: 1rem; } }
@media (min-width: 992px) {
.criteria__text__subtitle {
margin-bottom: 0.75rem; } }
.criteria__inserted-document {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 0.651rem;
margin: 0;
font-size: 0.8rem;
border-bottom: 1px dashed rgba(175, 43, 49, 0.8); }
.criteria__inserted-document p {
margin: 0; }
.criteria__inserted-document i {
cursor: pointer;
font-size: 1.25rem;
color: #AF2B31;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in; }
.criteria__inserted-document i:hover, .criteria__inserted-document i:focus {
color: #721c20;
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.criteria__form {
grid-row: 2 / 3; }
.criteria__add-fellow {
font-size: 0.8rem;
font-weight: 500;
grid-row: 2 / 3;
margin: auto;
color: #AF2B31;
align-self: center;
display: none; }
@media (min-width: 576px) {
.criteria__add-fellow {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.8rem; } }
@media (min-width: 768px) {
.criteria__add-fellow {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 1rem; } }
@media (min-width: 992px) {
.criteria__add-fellow {
font-size: 1.563rem; } }
@media (min-width: 1200px) {
.criteria__add-fellow {
font-size: 1.953rem; } }
.criteria__add-fellow p {
margin: 0; }
.criteria__add-fellow p + p {
margin-top: 1.5rem; }
.criteria__score {
font-size: 0.8rem;
font-weight: 500;
grid-row: 2 / 3;
margin: 0;
line-height: 1.1;
color: #AF2B31;
align-self: center;
display: none; }
@supports (display: grid) {
.criteria__score {
padding-left: 0.9765rem; } }
@media (min-width: 576px) {
.criteria__score {
display: block;
font-size: 0.8rem; }
@supports (display: grid) {
.criteria__score {
border-left: 1px dotted rgba(175, 43, 49, 0.8); } } }
@media (min-width: 768px) {
.criteria__score {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
font-size: 1rem; } }
@media (min-width: 992px) {
.criteria__score {
font-size: 1.563rem; } }
@media (min-width: 1200px) {
.criteria__score {
font-size: 1.953rem; } }
.criteria__score p {
margin: 0; }
.criteria__score p + p {
margin-top: 1.5rem; }
.padding-bottom69 {
padding-bottom: 69 !important; }
.score {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding: 0.75rem 0.9765rem;
position: fixed;
z-index: 10;
bottom: 0;
right: 0;
font-family: ff-meta-web-pro, sans-serif;
width: 100%; }
.score__body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.score__points {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.score__points > .score__text {
color: #FFE066;
font-weight: 700; }
.score__title {
margin: 0;
font-weight: 500;
font-size: 1.563rem; }
.score__text {
margin: 0;
font-weight: 500;
font-size: 1.563rem; }
.score__score {
margin-left: 8px; }
.score__cta {
display: block;
text-align: center;
margin-top: 0.75rem; }
#js-score-apply-button {
margin-right: auto; }
.toggle {
display: none; }
.personal-area {
padding-top: 0 !important; }
.personal-area__grid {
display: grid; }
@media (min-width: 576px) {
.personal-area__grid {
margin: 0 auto;
padding: 0 16px;
width: 100%;
max-width: 1200px;
min-width: 350px;
position: relative;
margin-top: 2.25rem;
grid-template-columns: 2fr 10fr;
grid-column-gap: 0.9765rem; } }
@media (min-width: 576px) and (min-width: 576px) {
.personal-area__grid {
padding: 0 16px;
width: 100%; } }
@media (min-width: 576px) and (min-width: 768px) {
.personal-area__grid {
padding: 0;
width: 90%; } }
@media (min-width: 576px) {
.personal-area__grid::after {
clear: both;
content: "";
display: table; }
@supports (display: grid) {
.personal-area__grid:after {
display: none; } } }
@media (min-width: 576px) and (max-width: 1440px) {
.personal-area__grid {
padding-top: 100px !important; } }
.secondary-navigation {
font-family: ff-meta-web-pro, sans-serif;
background-color: #202C39;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 576px) and (max-width: 1440px) {
.secondary-navigation {
margin-top: -50px; } }
@media (min-width: 576px) {
.secondary-navigation {
background-color: transparent;
color: inherit;
text-shadow: none;
border-right: 1px solid rgba(32, 44, 57, 0.2);
float: left; }
@supports (display: grid) {
.secondary-navigation {
float: none; } } }
.secondary-navigation__navbar {
list-style: none;
margin: 0;
padding: 0;
overflow: auto; }
@media (min-width: 576px) {
.secondary-navigation__navbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
overflow: visible; } }
.secondary-navigation__item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
text-align: center;
padding: 0.6rem 0.9765rem;
line-height: 1.3;
font-weight: 500;
font-size: 0.64rem;
cursor: pointer;
letter-spacing: 0.5px;
text-transform: uppercase; }
.secondary-navigation__item:hover {
background-color: #0e1318; }
@media (min-width: 576px) {
.secondary-navigation__item {
font-size: 0.8rem;
margin-right: 1.302rem;
padding-left: 0;
text-align: left;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0.7;
letter-spacing: 0; }
@supports (display: grid) {
.secondary-navigation__item {
border-bottom: 1px dotted rgba(32, 44, 57, 0.4); } }
.secondary-navigation__item:hover {
background-color: transparent;
opacity: 1; } }
.secondary-navigation__item span {
display: block; }
.secondary-navigation__item--is-selected {
color: #AF2B31;
font-weight: 700; }
.journal-cards {
display: block;
text-align: center;
padding: 10px 0 20px; }
@media (min-width: 576px) {
.journal-cards {
padding: 20px 10px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.journal-card {
width: 100px;
padding: 10px 0 10px;
margin: 0 auto; }
@media (min-width: 576px) {
.journal-card {
padding: 0 5px 0 0; } }
.pdf-cards {
display: grid;
text-align: center;
padding: 10px 0 20px; }
.pdf-card {
margin: 5px auto; }
@media (min-width: 576px) {
.pdf-card {
margin: 10px 5px 10px 0; } }
.informations {
padding: 0 16px; }
@media (min-width: 576px) {
.informations {
float: left;
width: 80%; }
@supports (display: grid) {
.informations {
width: auto;
padding: 0;
float: none; } } }
.information__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.75rem;
font-size: 0.8rem;
opacity: 0.9; }
.information__header p#save {
background-color: #AF2B31;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
padding: 5px;
border-radius: 3px; }
.information__header i {
font-size: 1rem;
margin-left: 5px; }
.information__fellowship {
margin-top: 18px; }
.information__upgrade-grid {
text-align: center;
list-style: none;
padding: 20px 0;
background-color: #f2f2f2;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
@media (min-width: 576px) {
.information__upgrade-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.information__upgrade-grid > div {
-webkit-box-flex: 30%;
-webkit-flex: 30%;
-ms-flex: 30%;
flex: 30%;
margin-right: 1%;
margin-bottom: 1%; }
@supports (display: grid) {
.information__upgrade-grid {
display: grid; }
.information__upgrade-grid > div {
margin: 0; } } }
.information__upgrade-button {
padding: 15px 0; }
.information__body-grid {
list-style: none;
padding: 0; }
@media (min-width: 576px) {
.information__body-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.information__body-grid > div {
-webkit-box-flex: 30%;
-webkit-flex: 30%;
-ms-flex: 30%;
flex: 30%;
margin-right: 1%;
margin-bottom: 1%; }
@supports (display: grid) {
.information__body-grid {
display: grid;
grid-template-columns: 3fr 3fr 2fr; }
.information__body-grid > div {
margin: 0; } } }
.information__body-grid .col-2 {
margin-top: 1.5rem; }
@media (min-width: 576px) {
.information__body-grid .col-2 {
margin-top: 0; } }
.information__item {
font-family: ff-meta-web-pro, sans-serif; }
.information__item:not(:last-child) {
margin-bottom: 1.5rem; }
.information__item p {
line-height: 1.2;
margin: 0; }
.information__item ul {
margin: 0;
padding: 0;
list-style: none; }
.information__item ul li {
margin: 0;
padding: 0.5rem 0.651rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 768px) {
.information__item ul li {
display: block;
text-align: center; } }
.information__item ul li:nth-child(even) {
background-color: #f2f2f2;
color: rgba(66, 66, 66, 0.9); }
.information__item--warning {
color: #AF2B31; }
.information__type {
font-weight: 700; }
.member-application .information__type {
margin-bottom: 0.375rem; }
.information__type-value {
font-weight: 300; }
.information__img {
margin: 1.5rem auto 0 auto;
border-radius: 5px;
width: 50%; }
@media (min-width: 576px) {
.information__img {
margin-top: 0.375rem;
width: 100%; } }
.information__img + .btn {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%; }
@media (min-width: 576px) {
.information__img + .btn {
display: inline-block;
width: 100%; } }
.information__title {
margin: 0;
font-size: 1.563rem;
line-height: 1.3;
font-weight: 500; }
@media (min-width: 768px) {
.information__title {
font-size: 1.953rem; } }
@media (min-width: 992px) {
.information__title {
font-size: 1.953rem; } }
.information__action {
color: #AF2B31;
margin: 0;
text-transform: uppercase;
border-left: 1px dashed #AF2B31;
margin-left: 0.9765rem;
padding-left: 0.9765rem;
font-family: ff-meta-serif-web-pro, serif;
font-size: 0.8rem; }
#paypal-button {
margin-top: 0.5rem;
position: relative !important;
z-index: 1 !important; }
@media (min-width: 576px) {
#paypal-button {
margin-top: 0; } }
.js-showPassword i {
cursor: pointer;
margin-left: 0.48825rem; }
.history-hero-image {
background-image: url("./../img/secec_congress_02.jpg");
background-position: 10% 10%; }
.constitution h2,
.constitution h3,
.constitution h4,
.history h2,
.history h3,
.history h4 {
margin: 0;
font-weight: 400;
position: relative; }
.constitution h2,
.history h2 {
font-size: 1.25rem;
margin-bottom: 0.75rem; }
@media (min-width: 768px) {
.constitution h2,
.history h2 {
font-size: 1.563rem; } }
.constitution h2:after,
.history h2:after {
content: ' ';
display: inline-block;
height: 2px;
width: 30px;
position: absolute;
bottom: -2px;
left: 0;
background-color: #AF2B31; }
.constitution h3,
.history h3 {
font-size: 1.25rem;
font-weight: 700; }
.constitution h4,
.history h4 {
font-size: 1rem;
font-weight: 700; }
.constitution ul,
.constitution ol,
.history ul,
.history ol {
margin: 0;
padding: 0; }
.constitution p,
.constitution ul,
.constitution ol,
.history p,
.history ul,
.history ol {
font-size: 1rem;
line-height: 1.4;
margin: 0; }
@media (min-width: 768px) {
.constitution p,
.constitution ul,
.constitution ol,
.history p,
.history ul,
.history ol {
padding-left: 1.953rem;
font-size: 1.25rem;
line-height: 1.6; } }
.constitution p:last-child,
.constitution ul:last-child,
.constitution ol:last-child,
.history p:last-child,
.history ul:last-child,
.history ol:last-child {
margin-bottom: 0; }
.constitution li,
.history li {
margin-left: 1.953rem; }
.constitution p + p,
.history p + p {
margin-bottom: 1.5rem; }
@media (min-width: 768px) {
.constitution p + p,
.history p + p {
margin-bottom: 2.25rem; } }
.constitution p + ul,
.history p + ul {
margin-top: 0.375rem; }
@media (min-width: 768px) {
.constitution p + ul,
.history p + ul {
margin-bottom: 0.75rem; } }
.constitution .author,
.history .author {
font-style: italic;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1rem; }
@media (min-width: 768px) {
.constitution__grid,
.history__grid {
display: grid;
grid-template-columns: 10fr 2fr; } }
.constitution__grid .article,
.history__grid .article {
margin-bottom: 1.5rem; }
@media (min-width: 768px) {
.constitution__grid .article,
.history__grid .article {
grid-column: 1 / 2;
margin-bottom: 3rem; } }
.constitution__grid .article:only-child,
.history__grid .article:only-child {
margin: 0; }
.constitution__grid .article .article,
.history__grid .article .article {
margin-bottom: 0; }
.block__grid--col-1 {
display: grid;
grid-template-columns: 12fr; }
.block__grid--col-2 {
display: grid; }
@media (min-width: 768px) {
.block__grid--col-2 {
grid-template-columns: 9fr 3fr;
grid-column-gap: 3.906rem; } }
.block b {
font-weight: 700; }
.block i {
font-style: italic; }
.block p {
margin-top: 0; }
.block p:only-child, .block p:last-child {
margin-bottom: 0; }
.block__article > * + * {
margin-top: 0.375rem; }
.block__article h2,
.block__article h3 {
margin-top: 1.5rem;
margin-bottom: 1rem; }
.block__article h2:first-child,
.block__article h3:first-child {
margin-top: 0; }
.block__article blockquote {
margin: 1.5rem 0;
margin-left: 0.9765rem; }
.block__article h2 {
position: relative;
font-size: 1.563rem;
font-weight: 700; }
.block__article h2:after {
content: ' ';
display: inline-block;
height: 2px;
width: 80px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
@media (min-width: 768px) {
.block__article h2 {
font-size: 1.953rem; } }
.block__article h3 {
position: relative;
font-size: 1.25rem;
font-weight: 700; }
.block__article h3:after {
content: ' ';
display: inline-block;
height: 2px;
width: 40px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
@media (min-width: 768px) {
.block__article h3 {
font-size: 1.563rem; } }
.block__article p,
.block__article ul,
.block__article ol {
font-size: 1rem; }
@media (min-width: 768px) {
.block__article p,
.block__article ul,
.block__article ol {
font-size: 1.25rem; } }
.block__article blockquote {
font-size: 1rem;
font-style: italic;
border-left: 5px solid #f2f2f2;
padding-left: 0.9765rem; }
.block__article blockquote p {
margin-bottom: 0.5rem; }
.block__article blockquote .blockquote__author {
font-size: 0.8rem;
font-style: normal; }
.block__sidebar {
margin-top: 1.5rem; }
@media (min-width: 768px) {
.block__sidebar {
margin-top: 0; } }
.block__sidebar > * + * {
margin-top: 0.75rem !important; }
.block__sidebar h2,
.block__sidebar h3 {
margin-top: 1.5rem !important;
margin-bottom: 0.5rem !important; }
.block__sidebar h2:first-child,
.block__sidebar h3:first-child {
margin-top: 0 !important; }
.block__sidebar blockquote {
margin: 0.75rem 0.9765rem; }
.block__sidebar h2 {
position: relative;
font-size: 1.25rem;
font-weight: 500; }
.block__sidebar h2:after {
content: ' ';
display: inline-block;
height: 2px;
width: 40px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
@media (min-width: 768px) {
.block__sidebar h2 {
font-size: 1.563rem; } }
.block__sidebar h3 {
position: relative;
font-size: 1rem;
font-weight: 500; }
.block__sidebar h3:after {
content: ' ';
display: inline-block;
height: 2px;
width: 20px;
position: absolute;
bottom: -6px;
left: 0;
background-color: #AF2B31; }
@media (min-width: 768px) {
.block__sidebar h3 {
font-size: 1.25rem; } }
.block__sidebar p,
.block__sidebar ul,
.block__sidebar ol {
font-size: 0.8rem; }
@media (min-width: 768px) {
.block__sidebar p,
.block__sidebar ul,
.block__sidebar ol {
font-size: 1rem; } }
.block__sidebar blockquote {
font-size: 0.8rem;
font-style: italic;
border-left: 5px solid #f2f2f2;
padding-left: 0.9765rem; }
.block__sidebar blockquote p {
margin-bottom: 0.5rem; }
.block__sidebar blockquote .blockquote__author {
font-size: 0.8rem;
font-style: normal; }
/*Committees form*/
.space_between {
padding: 10px; }
/*Committees form Alert*/
.alert {
padding: 20px;
background-color: #AF2B31;
color: white;
opacity: 1;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
margin-bottom: 1.5rem; }
.alert.success {
background-color: #4CAF50; }
.alert.info {
background-color: #2196F3; }
.alert.warning {
background-color: #ff9800; }
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s; }
.closebtn:hover {
color: black; }
.other {
margin-right: 10px; }
.special {
list-style: none; }
.align-div {
margin-left: 40px;
text-transform: uppercase; }
.form__radio {
margin-top: 4px; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.col-1 {
width: 65%; }
.icon-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px; }
.icon-wrapper img {
margin: 10px;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100px; }
.grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem; }
@media (min-width: 768px) {
.grid {
grid-template-columns: 2fr 6fr; } }
.video-card__event {
font-family: ff-meta-web-pro, sans-serif; }
.clinical_description h2 {
font-size: 1rem; }
.clinical_description p {
font-size: 1rem;
font-family: ff-meta-web-pro, sans-serif; }
.clinical__cta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem;
background: #E3E3E2; }
.comment-wrapper {
font-family: ff-meta-web-pro, sans-serif; }
.comment-wrapper__number {
font-family: ff-meta-web-pro, sans-serif; }
.comment-wrapper__number--light-gray {
color: #A6A69E; }
.comment-wrapper__comments {
margin-top: 2rem; }
.comment-wrapper__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.comment-wrapper__date {
font-size: 0.8rem;
color: #A6A69E; }
.comment-wrapper__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.8rem;
margin-top: 1rem; }
.comment-wrapper__user, .comment-wrapper__feedback {
margin-left: 1rem; }
.comment-wrapper__reply {
color: #AF2B31;
text-decoration: underline; }
.comment-wrapper__comment-reply {
margin: 0.8rem 0 0.8rem 0; }
.comment-wrapper__form {
width: 100%; }
.comment-wrapper__feedback {
margin-left: 1rem; }
@media (min-width: 768px) {
.comment-wrapper__feedback {
margin-left: 2rem; } }
@media (min-width: 992px) {
.comment-wrapper__feedback {
margin-left: 5rem; } }
.comment-form textarea {
border: none;
height: 4em;
width: 100%;
outline: none; }
.form-group textarea {
border: none;
height: 4em;
width: 100%;
outline: none;
color: black; }
.children > div.comment-wrapper__comment-item {
margin-left: 0.8rem;
border-left: 1px solid #202C39;
padding: 1rem; }
.user__info {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: grid;
grid-template-columns: 1fr 10fr;
grid-gap: 1rem; }
.user__comment, .user__feedback {
margin: 2rem 0 2rem 0; }
.button-monetico,
.button-paypal {
background: url("/static/img/monetico.png");
width: 9rem;
height: 2rem;
background-size: cover;
border-radius: 20px;
background-position: center;
border: none; }
.button-paypal {
background: url("https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png");
background-repeat: no-repeat;
border-radius: 0;
margin-bottom: 10px; }
.button-monetico:hover,
.button-paypal:hover {
-webkit-transform: scaleY(1.2);
transform: scaleY(1.2); }
.button-monetico:focus,
.button-paypal:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
button[data-tool-tip] {
position: relative; }
button[data-tool-tip]::after {
content: attr(data-tool-tip);
display: block;
position: absolute;
padding: 1em 3em;
border-radius: 25px;
background-color: #FFE066;
color: black;
bottom: 120%;
left: 0;
white-space: nowrap;
-webkit-transform: scale(0);
transform: scale(0); }
button[data-tool-tip]:hover::after {
-webkit-transform: scale(1);
transform: scale(1); }
.primary-navigation__social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem; }
@media (min-width: 1440px) {
.primary-navigation__social {
display: none; } }
.teaching-center:not(:last-child) {
margin-bottom: 1.5rem; }
@supports (display: grid) {
.teaching-center:not(:last-child) {
margin-bottom: 0; } }
.teaching-center::before {
content: '';
position: absolute;
left: 0;
top: 0;
border-top: 0.75rem solid #AF2B31;
border-right: 0.9765rem solid transparent; }
.teaching-center .card__title {
padding-bottom: 0.25rem;
border-bottom: 1px dotted rgba(175, 43, 49, 0.8); }
.teaching-center.card {
cursor: auto; }
.teaching-center.card:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.teaching-center .teaching-center__address,
.teaching-center .teaching-center__fellowship_program_director,
.teaching-center .teaching-center__description {
margin-bottom: 15px; }
.teaching-center .accordion__single__question {
text-decoration: underline;
color: #AF2B31; }
.pagination {
margin: 20px 0; }
.pagination a {
color: #AF2B31; }
.pagination a:hover {
text-decoration: underline; }
.accordion__single__hidden {
display: none; }
.accordion__single__hidden:checked ~ .accordion__single__answer {
max-height: 400px;
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
margin-top: 14px;
overflow-y: scroll; }
.accordion__single__hidden:checked ~ .accordion__single__question:after {
content: '-'; }
.accordion__single__question {
cursor: pointer; }
.accordion__single__question:after {
display: inline-block;
content: '+'; }
.accordion__single__answer {
margin-top: 0;
max-height: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transition: all .4s ease;
transition: all .4s ease;
position: relative; }
h1 {
font-size: 3.052rem; }
h2 {
font-size: 2.441rem; }
h3 {
font-size: 1.563rem; }
h4 {
font-size: 1.25rem; }
p {
line-height: 1.5; }
.u__mt-0 {
margin-top: 0 !important; }
.u__color-yellow {
color: #FFE066 !important; }
.u__unordered-list {
list-style-type: none; }
.p-r {
padding-right: 3px !important; }
.p-r-1 {
padding-right: 10px !important; }
.m-t {
margin-top: 15px !important; }
.m-b {
margin-bottom: 15px !important; }
.mb-2 {
margin-bottom: 2rem !important; }
.mr-1 {
margin-right: 1rem !important; }
.mt-1 {
margin-top: 1rem !important; }
.mt-2 {
margin-top: 2rem !important; }
.color-white {
color: rgba(255, 255, 255, 0.9); }
.ml-1 {
margin-left: 1rem !important; }
.postponed-grid {
list-style: none;
padding: 0; }
@media (min-width: 576px) {
.postponed-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.postponed-grid > div {
-webkit-box-flex: 30%;
-webkit-flex: 30%;
-ms-flex: 30%;
flex: 30%;
margin-right: 1%;
margin-bottom: 1%; }
@supports (display: grid) {
.postponed-grid {
display: grid;
grid-template-columns: 3fr 3fr; }
.postponed-grid > div {
margin: 0; } } }
.postponed-grid .col-2 {
margin-top: 1.5rem; }
@media (min-width: 576px) {
.postponed-grid .col-2 {
margin-top: 0; } }
.congresses-list ul {
margin: 0;
padding: 0;
font-family: ff-meta-web-pro, sans-serif; }
.congresses-list__grid-item {
font-size: 0.8rem;
list-style: none;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.congresses-list__grid-item a {
padding: 0.375rem 0.651rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 1.953rem; }
.congresses-list__grid-item:not(:last-child) {
border-bottom: 2px solid #f2f2f2; }
.congresses-list__grid-item:hover {
background-color: #f2f2f2; }
@media (min-width: 768px) {
.congresses-list__grid-item {
font-size: 1rem; } }
.congresses-list__grid-item span:first-child {
font-weight: 600; }
.congresses-list__grid-item span:last-child {
justify-self: end; }