@charset "UTF-8"; /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-bullets() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-order() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-check() */ /** * Include style to submit button * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include element-form-button( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-accordion-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-widget-content() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-intro-pilots() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-leader-clubs() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-radios-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-input-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-h1($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-subtitle($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /* Fonts */ @import url(normalize.css); @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); @font-face { font-family: 'TrendaHeavy'; src: url("fonts/trenda-heavy/Trenda-Heavy.eot"); /* IE9 Compat Modes */ src: url("fonts/trenda-heavy/Trenda-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/trenda-heavy/Trenda-Heavy.woff") format("woff"), url("fonts/trenda-heavy/Trenda-Heavy.ttf") format("truetype"), url("fonts/trenda-heavy/Trenda-Heavy.svg#Trenda-Heavy") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaRegular'; src: url("fonts/Trenda-Regular/Trenda-Regular.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Regular/Trenda-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Regular/Trenda-Regular.woff") format("woff"), url("fonts/Trenda-Regular/Trenda-Regular.ttf") format("truetype"), url("fonts/Trenda-Regular/Trenda-Regular.svg#Trenda-Regular") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaBlack'; src: url("fonts/Trenda-Black/Trenda-Black.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Black/Trenda-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Black/Trenda-Black.woff") format("woff"), url("fonts/Trenda-Black/Trenda-Black.ttf") format("truetype"), url("fonts/Trenda-Black/Trenda-Black.svg#Trenda-Black") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaBlackIt'; src: url("fonts/Trenda-Black-It/Trenda-BlackIt.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Black-It/Trenda-BlackIt.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Black-It/Trenda-BlackIt.woff") format("woff"), url("fonts/Trenda-Black-It/Trenda-BlackIt.ttf") format("truetype"), url("fonts/Trenda-Black-It/Trenda-BlackIt.svg#Trenda-BlackIt") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaBold'; src: url("fonts/Trenda-Bold/Trenda-Bold.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Bold/Trenda-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Bold/Trenda-Bold.woff") format("woff"), url("fonts/Trenda-Bold/Trenda-Bold.ttf") format("truetype"), url("fonts/Trenda-Bold/Trenda-Bold.svg#Trenda-Bold") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaBoldIt'; src: url("fonts/Trenda-Bold-It/Trenda-BoldIt.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Bold-It/Trenda-BoldIt.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Bold-It/Trenda-BoldIt.woff") format("woff"), url("fonts/Trenda-Bold-It/Trenda-BoldIt.ttf") format("truetype"), url("fonts/Trenda-Bold-It/Trenda-BoldIt.svg#Trenda-BoldIt") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaHeaveIt'; src: url("fonts/Trenda-HeavyIt/Trenda-HeavyIt.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-HeavyIt/Trenda-HeavyIt.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-HeavyIt/Trenda-HeavyIt.woff") format("woff"), url("fonts/Trenda-HeavyIt/Trenda-HeavyIt.ttf") format("truetype"), url("fonts/Trenda-HeavyIt/Trenda-HeavyIt.svg#Trenda-HeavyIt") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaLight'; src: url("fonts/Trenda-Light/Trenda-Light.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Light/Trenda-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Light/Trenda-Light.woff") format("woff"), url("fonts/Trenda-Light/Trenda-Light.ttf") format("truetype"), url("fonts/Trenda-Light/Trenda-Light.svg#Trenda-Light") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaRegularIt'; src: url("fonts/Trenda-RegularIt/Trenda-RegularIt.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-RegularIt/Trenda-RegularIt.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-RegularIt/Trenda-RegularIt.woff") format("woff"), url("fonts/Trenda-RegularIt/Trenda-RegularIt.ttf") format("truetype"), url("fonts/Trenda-RegularIt/Trenda-RegularIt.svg#Trenda-RegularIt") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TrendaSemibold'; src: url("fonts/Trenda-Semibold/Trenda-Semibold.eot"); /* IE9 Compat Modes */ src: url("fonts/Trenda-Semibold/Trenda-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Trenda-Semibold/Trenda-Semibold.woff") format("woff"), url("fonts/Trenda-Semibold/Trenda-Semibold.ttf") format("truetype"), url("fonts/Trenda-Semibold/Trenda-Semibold.svg#Trenda-Semibold") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: "ama-icons"; src: url("fonts/ama-icons/ama-icons.eot"); src: url("fonts/ama-icons/ama-icons.eot?#iefix") format("embedded-opentype"), url("fonts/ama-icons/ama-icons.woff") format("woff"), url("fonts/ama-icons/ama-icons.ttf") format("truetype"), url("fonts/ama-icons/ama-icons.svg#ama-icons") format("svg"); font-weight: normal; font-style: normal; } /* Font Family */ /*Vertical Rhythm*/ * html { font-size: 100%; } html { font-size: 16px; line-height: 1.5rem; } /* Font weights */ .ama_club_finder div form { width: 100%; float: left; float: none; width: 100%; } .ama_club_finder div form:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama_event_finder div form { width: 100%; float: left; float: none; width: 100%; } .ama_event_finder div form:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama-banner_block { margin-bottom: 14px; } .ama-banner_block .image-background-formatter { height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 0; margin: 0; } .ama-banner_page_block { position: relative; top: -105px; } @media (max-width: 1219px) { .ama-banner_page_block { top: -140px; } } @media (max-width: 1023px) { .ama-banner_page_block { top: -320px; } } @media (max-width: 767px) { .ama-banner_page_block { top: -100px; } } @media (max-width: 620px) { .ama-banner_page_block { top: -320px; } } .ama-banner_page_block .image-background-formatter { height: 60vh; background: no-repeat; background-size: cover; background-position: center; padding: 0; margin: 0; } .ama-banner_page_block .image-background-formatter:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(18, 26, 45, 0.57); } .ama-banner_page_block .title { position: absolute; bottom: 0; left: 0; right: 0; height: 46vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; font-family: "TrendaBlack"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (max-width: 1219px) { .ama-banner_page_block .title { height: 39vh; } } @media (max-width: 1023px) { .ama-banner_page_block .title { height: 29vh; } } @media (max-width: 767px) { .ama-banner_page_block .title { height: 36vh; } } @media (max-width: 620px) { .ama-banner_page_block .title { height: 16vh; } } @media (min-width: 0px) and (max-width: 479px) { .ama-banner_page_block .title { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-banner_page_block .title { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-banner_page_block .title { font-size: 3.125rem; line-height: 3.75rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-banner_page_block .title { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-banner_page_block .title { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1220px) { .ama-banner_page_block .title { font-size: 3.75rem; line-height: 4.5rem; } } .ama-become-member { width: 100%; height: 649px; } @media (min-width: 1800px) { .ama-become-member { height: 1016.5px; } } @media (max-width: 767px) { .ama-become-member { max-height: 407px; } } @media (max-width: 479px) { .ama-become-member { max-height: 307px; } } .ama-become-member .field--name-body { width: 100%; height: 649px; position: relative; } @media (min-width: 1800px) { .ama-become-member .field--name-body { height: 1016.5px; } } @media (max-width: 767px) { .ama-become-member .field--name-body { max-height: 407px; } } @media (max-width: 479px) { .ama-become-member .field--name-body { max-height: 307px; } } .ama-become-member .content { position: absolute; right: 11.4%; max-width: 430px; top: 15%; text-align: center; } @media (max-width: 1219px) { .ama-become-member .content { right: 6.4%; } } @media (max-width: 1023px) { .ama-become-member .content { right: 0; } } @media (max-width: 767px) { .ama-become-member .content { right: 0; left: 0; } } .ama-become-member .content .title { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-bottom: 40px; } @media (min-width: 0px) and (max-width: 479px) { .ama-become-member .content .title { font-size: 1.98063rem; line-height: 2.37675rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-become-member .content .title { font-size: 2.60562rem; line-height: 3.12675rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-become-member .content .title { font-size: 3.23062rem; line-height: 3.87675rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-become-member .content .title { font-size: 3.85562rem; line-height: 5.1575rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-become-member .content .title { font-size: 5.10562rem; line-height: 5.1575rem; } } @media (min-width: 1220px) { .ama-become-member .content .title { font-size: 5.73062rem; line-height: 5.1575rem; } } .ama-beta-top-message { /* Uncomment out this code to remove temporal fix below max-width: 580px; text-align: right;*/ /* Temporal fix */ max-width: 960px; /* End Temporal fix */ margin: 0 auto; } .ama-beta-top-message p, .ama-beta-top-message a { color: white !important; margin-bottom: 0px; text-decoration: underline !important; } .ama-bg-logo-title-summary-button, .ama-bg_image_title_description_link { position: relative; display: contents; height: 329px; } @media (max-width: 1023px) { .ama-bg-logo-title-summary-button, .ama-bg_image_title_description_link { height: inherit; } } .ama-bg-logo-title-summary-button .image-background-formatter, .ama-bg_image_title_description_link .image-background-formatter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; } .ama-bg-logo-title-summary-button .left, .ama-bg_image_title_description_link .left { width: 27.9661%; float: left; position: relative; height: 329px; } @media (max-width: 1023px) { .ama-bg-logo-title-summary-button .left, .ama-bg_image_title_description_link .left { width: 100%; float: left; margin-left: 0; margin-right: 0; height: auto; float: none; text-align: center; padding-top: 30px; } } .ama-bg-logo-title-summary-button .left .logo img, .ama-bg_image_title_description_link .left .logo img { position: absolute; right: 0; top: -38px; z-index: 1; } @media (max-width: 1219px) { .ama-bg-logo-title-summary-button .left .logo img, .ama-bg_image_title_description_link .left .logo img { top: -6px; width: 260px; height: auto; } } @media (max-width: 1023px) { .ama-bg-logo-title-summary-button .left .logo img, .ama-bg_image_title_description_link .left .logo img { top: inherit; position: relative; width: inherit; height: auto; } } .ama-bg-logo-title-summary-button .right, .ama-bg_image_title_description_link .right { width: 70.33898%; float: left; padding-left: 40px; padding-top: 50px; padding-bottom: 40px; padding-right: 13%; box-sizing: border-box; position: relative; height: 100%; word-break: break-word; } @media (max-width: 1219px) { .ama-bg-logo-title-summary-button .right, .ama-bg_image_title_description_link .right { padding-top: 42px; padding-right: 0; padding-left: 20px; } } @media (max-width: 1023px) { .ama-bg-logo-title-summary-button .right, .ama-bg_image_title_description_link .right { width: 100%; float: left; margin-left: 0; margin-right: 0; float: none; text-align: center; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } } .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-family: "TrendaBlackIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; font-style: italic; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 4px; } @media (min-width: 0px) and (max-width: 479px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 1.58937rem; line-height: 1.90725rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 1.58937rem; line-height: 1.90725rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 1.77687rem; line-height: 2.13225rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 1.77687rem; line-height: 2.13225rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 2.08937rem; line-height: 2.50725rem; } } @media (min-width: 1220px) { .ama-bg-logo-title-summary-button .right .title, .ama-bg_image_title_description_link .right .title { font-size: 2.08937rem; line-height: 2.50725rem; } } .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #e4e9e9; letter-spacing: 0em; margin-bottom: 45px; } @media (min-width: 0px) and (max-width: 479px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-bg-logo-title-summary-button .right .summary, .ama-bg_image_title_description_link .right .summary { font-size: 1rem; line-height: 1.5rem; } } .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #e4e9e9; letter-spacing: 0em; margin: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-bg-logo-title-summary-button .right .summary p, .ama-bg_image_title_description_link .right .summary p { font-size: 1rem; line-height: 1.5rem; } } .ama-bg-logo-title-summary-button .right .summary a, .ama-bg_image_title_description_link .right .summary a { color: #e4e9e9; } .ama-bg-logo-title-summary-button .right .summary a:hover, .ama-bg_image_title_description_link .right .summary a:hover { opacity: 0.8; } .ama-bg-logo-title-summary-button .right .btn, .ama-bg_image_title_description_link .right .btn { text-align: center; } .ama-copyright { display: block; text-align: center; margin-bottom: 95px; } .ama-copyright p { color: #0083e1; font-family: "TrendaRegular"; font-size: 14px; line-height: 5px; } .ama-copyright p.footer__by-nt a { color: #0083e1; font-family: "TrendaRegular"; font-weight: normal; margin-top: 50px; display: block; } .ama-copyright p.footer__by-nt a.ext span.ext { display: none; } .ama-copyright p.footer__by-nt a:hover { color: white; } @media (max-width: 479px) { .ama-copyright p { line-height: normal; } } .ama-donate { margin-top: 80px; margin-bottom: 80px; } @media (max-width: 1023px) { .ama-donate { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .ama-donate { text-align: center; } } .ama-donate h1 { margin-top: 16px; margin-bottom: 30px; } .ama-donate form .item { width: 100%; } .ama-donate form .item:nth-child(2n+1) { background: #E0EFF5; } .ama-donate form .item:nth-child(2n) { background: #FFFFFF; } .ama-donate form .item .form-type-textfield { margin-top: 5px; margin-bottom: 0; } .ama-donate form .last-row { margin-top: 60px; margin-bottom: 10px; display: inline-block; width: 100%; padding-left: 20px; } @media (max-width: 767px) { .ama-donate form .last-row { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .ama-donate form .last-row .left { width: 70%; float: left; } @media (max-width: 767px) { .ama-donate form .last-row .left { width: 100%; float: left; float: none; margin-bottom: 20px; text-align: center; } } .ama-donate form .last-row .left .form-item { margin: 0; } .ama-donate form .last-row .right { width: 30%; float: left; } @media (max-width: 767px) { .ama-donate form .last-row .right { width: 100%; float: left; float: none; } } .ama-donate form .total { text-transform: uppercase; text-align: right; font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .total { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .total { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .total { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .total { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .total { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .ama-donate form .total { font-size: 1.5rem; line-height: 1.8rem; } } @media (max-width: 767px) { .ama-donate form .total { margin-top: 20px; text-align: center; } } .ama-donate form .total .label { display: inline-block; } .ama-donate form .total .value { color: #FFB400; display: inline-block; min-width: 110px; text-align: left; } @media (max-width: 767px) { .ama-donate form .total .value { min-width: inherit; } } .ama-donate form .tribute { margin-bottom: 60px; } .ama-donate form .tribute .container { display: none; } .ama-donate form .form-item.form-type-checkbox label { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-donate form .form-item.form-type-checkbox label { font-size: 1rem; line-height: 1.2rem; } } .ama-donate form .form-item.form-type-checkbox label:before { border: 2px solid #323e49; top: 2px; } .ama-donate form .form-item.form-type-checkbox input[type="checkbox"]:checked + label:before { background: #323e49; } .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { min-width: inherit; width: 100%; border: 7px solid #0074c8; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; text-align: center; text-transform: uppercase; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-donate form .form-item input[type="text"], .ama-donate form .form-item input[type="email"] { font-size: 0.75rem; line-height: 0.9rem; } } .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-donate form .form-item input[type="text"]:-ms-input-placeholder, .ama-donate form .form-item input[type="email"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-donate form .form-item input[type="text"]:-moz-placeholder, .ama-donate form .form-item input[type="email"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-donate form .form-item input[type="text"]::-moz-placeholder, .ama-donate form .form-item input[type="email"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-donate form .form-item input[type="text"]::-webkit-input-placeholder, .ama-donate form .form-item input[type="email"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-donate form .form-item input[type="text"]:focus, .ama-donate form .form-item input[type="text"].fill, .ama-donate form .form-item input[type="text"]:hover, .ama-donate form .form-item input[type="email"]:focus, .ama-donate form .form-item input[type="email"].fill, .ama-donate form .form-item input[type="email"]:hover { border: 7px solid #FFB400; outline: none; } .ama-donate form .form-actions { text-align: center; } .ama-donate.individual-donation-block form .item:nth-child(2n) { background: #E0EFF5; } .ama-donate.individual-donation-block form .last-row .left { width: 0; } .ama-donate.individual-donation-block form .last-row .right { width: 100%; } .ama-donate.individual-donation-block form .last-row .total { text-align: center; } .ama-donate.individual-donation-block form .last-row .total .label, .ama-donate.individual-donation-block form .last-row .total .value { color: #323e49; } .donate-form .fee-other { height: auto; padding-top: 10px; padding-bottom: 10px; } .ama-finder, .ama_finder, .ama_club_finder, .ama_event_finder { max-width: 980px; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 50px; } .ama-finder:after, .ama_finder:after, .ama_club_finder:after, .ama_event_finder:after { content: " "; display: block; clear: both; } .ama-finder form, .ama_finder form, .ama_club_finder form, .ama_event_finder form { width: 49.15254%; float: left; background: #0476C7; width: 50%; padding-top: 5px; padding-bottom: 5px; box-sizing: border-box; } .ama-finder form:nth-child(2n + 1), .ama_finder form:nth-child(2n + 1), .ama_club_finder form:nth-child(2n + 1), .ama_event_finder form:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-finder form:nth-child(2n + 2), .ama_finder form:nth-child(2n + 2), .ama_club_finder form:nth-child(2n + 2), .ama_event_finder form:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .ama-finder form:nth-child(2n + 2), .ama_finder form:nth-child(2n + 2), .ama_club_finder form:nth-child(2n + 2), .ama_event_finder form:nth-child(2n + 2) { margin-left: 50%; } @media (max-width: 1023px) { .ama-finder form, .ama_finder form, .ama_club_finder form, .ama_event_finder form { width: 100%; float: left; float: none; width: 100%; padding: 20px 0; margin-bottom: 60px; margin-left: 0px !important; } .ama-finder form:nth-child(1n + 1), .ama_finder form:nth-child(1n + 1), .ama_club_finder form:nth-child(1n + 1), .ama_event_finder form:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama-finder form:nth-child(2n + 2), .ama_finder form:nth-child(2n + 2), .ama_club_finder form:nth-child(2n + 2), .ama_event_finder form:nth-child(2n + 2) { margin-left: inherit; margin-bottom: 0; } } @media (max-width: 767px) { .ama-finder form:nth-child(2n + 2), .ama_finder form:nth-child(2n + 2), .ama_club_finder form:nth-child(2n + 2), .ama_event_finder form:nth-child(2n + 2) { margin-right: 0; } } .ama-finder form.event-finder-form, .ama_finder form.event-finder-form, .ama_club_finder form.event-finder-form, .ama_event_finder form.event-finder-form { background: #102134; max-height: 335px; } .ama-finder form .form-item, .ama_finder form .form-item, .ama_club_finder form .form-item, .ama_event_finder form .form-item { margin: 5px 0; } .ama-finder form h1, .ama_finder form h1, .ama_club_finder form h1, .ama_event_finder form h1 { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-top: 25px; margin-bottom: 25px; } @media (min-width: 768px) { .ama-finder form h1, .ama_finder form h1, .ama_club_finder form h1, .ama_event_finder form h1 { margin-top: 0; } } @media (min-width: 980px) { .ama-finder form h1, .ama_finder form h1, .ama_club_finder form h1, .ama_event_finder form h1 { margin-top: 25px; } } .ama-finder form h4, .ama_finder form h4, .ama_club_finder form h4, .ama_event_finder form h4 { color: #FFFFFF; margin-top: 0; margin-bottom: 0; } .ama-finder form input[type="text"], .ama-finder form input[type="date-picker"], .ama-finder form input[type="date"], .ama-finder form select, .ama_finder form input[type="text"], .ama_finder form input[type="date-picker"], .ama_finder form input[type="date"], .ama_finder form select, .ama_club_finder form input[type="text"], .ama_club_finder form input[type="date-picker"], .ama_club_finder form input[type="date"], .ama_club_finder form select, .ama_event_finder form input[type="text"], .ama_event_finder form input[type="date-picker"], .ama_event_finder form input[type="date"], .ama_event_finder form select { min-width: 276px; max-width: 376px; height: 45px; } @media (max-width: 767px) { .ama-finder form input[type="text"], .ama-finder form input[type="date-picker"], .ama-finder form input[type="date"], .ama-finder form select, .ama_finder form input[type="text"], .ama_finder form input[type="date-picker"], .ama_finder form input[type="date"], .ama_finder form select, .ama_club_finder form input[type="text"], .ama_club_finder form input[type="date-picker"], .ama_club_finder form input[type="date"], .ama_club_finder form select, .ama_event_finder form input[type="text"], .ama_event_finder form input[type="date-picker"], .ama_event_finder form input[type="date"], .ama_event_finder form select { min-width: 90% !important; max-width: 90% !important; } } .ama-finder form input[type="text"]:-ms-input-placeholder, .ama-finder form input[type="date-picker"]:-ms-input-placeholder, .ama-finder form input[type="date"]:-ms-input-placeholder, .ama-finder form select:-ms-input-placeholder, .ama_finder form input[type="text"]:-ms-input-placeholder, .ama_finder form input[type="date-picker"]:-ms-input-placeholder, .ama_finder form input[type="date"]:-ms-input-placeholder, .ama_finder form select:-ms-input-placeholder, .ama_club_finder form input[type="text"]:-ms-input-placeholder, .ama_club_finder form input[type="date-picker"]:-ms-input-placeholder, .ama_club_finder form input[type="date"]:-ms-input-placeholder, .ama_club_finder form select:-ms-input-placeholder, .ama_event_finder form input[type="text"]:-ms-input-placeholder, .ama_event_finder form input[type="date-picker"]:-ms-input-placeholder, .ama_event_finder form input[type="date"]:-ms-input-placeholder, .ama_event_finder form select:-ms-input-placeholder { font-family: "TrendaSemibold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form input[type="text"]:-moz-placeholder, .ama-finder form input[type="date-picker"]:-moz-placeholder, .ama-finder form input[type="date"]:-moz-placeholder, .ama-finder form select:-moz-placeholder, .ama_finder form input[type="text"]:-moz-placeholder, .ama_finder form input[type="date-picker"]:-moz-placeholder, .ama_finder form input[type="date"]:-moz-placeholder, .ama_finder form select:-moz-placeholder, .ama_club_finder form input[type="text"]:-moz-placeholder, .ama_club_finder form input[type="date-picker"]:-moz-placeholder, .ama_club_finder form input[type="date"]:-moz-placeholder, .ama_club_finder form select:-moz-placeholder, .ama_event_finder form input[type="text"]:-moz-placeholder, .ama_event_finder form input[type="date-picker"]:-moz-placeholder, .ama_event_finder form input[type="date"]:-moz-placeholder, .ama_event_finder form select:-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form input[type="text"]::-moz-placeholder, .ama-finder form input[type="date-picker"]::-moz-placeholder, .ama-finder form input[type="date"]::-moz-placeholder, .ama-finder form select::-moz-placeholder, .ama_finder form input[type="text"]::-moz-placeholder, .ama_finder form input[type="date-picker"]::-moz-placeholder, .ama_finder form input[type="date"]::-moz-placeholder, .ama_finder form select::-moz-placeholder, .ama_club_finder form input[type="text"]::-moz-placeholder, .ama_club_finder form input[type="date-picker"]::-moz-placeholder, .ama_club_finder form input[type="date"]::-moz-placeholder, .ama_club_finder form select::-moz-placeholder, .ama_event_finder form input[type="text"]::-moz-placeholder, .ama_event_finder form input[type="date-picker"]::-moz-placeholder, .ama_event_finder form input[type="date"]::-moz-placeholder, .ama_event_finder form select::-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form input[type="text"]::-webkit-input-placeholder, .ama-finder form input[type="date-picker"]::-webkit-input-placeholder, .ama-finder form input[type="date"]::-webkit-input-placeholder, .ama-finder form select::-webkit-input-placeholder, .ama_finder form input[type="text"]::-webkit-input-placeholder, .ama_finder form input[type="date-picker"]::-webkit-input-placeholder, .ama_finder form input[type="date"]::-webkit-input-placeholder, .ama_finder form select::-webkit-input-placeholder, .ama_club_finder form input[type="text"]::-webkit-input-placeholder, .ama_club_finder form input[type="date-picker"]::-webkit-input-placeholder, .ama_club_finder form input[type="date"]::-webkit-input-placeholder, .ama_club_finder form select::-webkit-input-placeholder, .ama_event_finder form input[type="text"]::-webkit-input-placeholder, .ama_event_finder form input[type="date-picker"]::-webkit-input-placeholder, .ama_event_finder form input[type="date"]::-webkit-input-placeholder, .ama_event_finder form select::-webkit-input-placeholder { font-family: "TrendaSemibold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form .top .form-type-date, .ama_finder form .top .form-type-date, .ama_club_finder form .top .form-type-date, .ama_event_finder form .top .form-type-date { margin: 0; margin-bottom: 6px; width: auto; display: inline-block; } .ama-finder form .top .form-type-date input[type="date-picker"], .ama-finder form .top .form-type-date input[type="date"], .ama_finder form .top .form-type-date input[type="date-picker"], .ama_finder form .top .form-type-date input[type="date"], .ama_club_finder form .top .form-type-date input[type="date-picker"], .ama_club_finder form .top .form-type-date input[type="date"], .ama_event_finder form .top .form-type-date input[type="date-picker"], .ama_event_finder form .top .form-type-date input[type="date"] { min-width: 135px; max-width: 185px; padding-right: 0; } .ama-finder form .top .form-type-date:nth-child(2), .ama_finder form .top .form-type-date:nth-child(2), .ama_club_finder form .top .form-type-date:nth-child(2), .ama_event_finder form .top .form-type-date:nth-child(2) { margin-bottom: 0; } .ama-finder form .bottom .form-item, .ama_finder form .bottom .form-item, .ama_club_finder form .bottom .form-item, .ama_event_finder form .bottom .form-item { display: inline-block; } .ama-finder form .bottom .form-item input, .ama-finder form .bottom .form-item select.club-finder, .ama_finder form .bottom .form-item input, .ama_finder form .bottom .form-item select.club-finder, .ama_club_finder form .bottom .form-item input, .ama_club_finder form .bottom .form-item select.club-finder, .ama_event_finder form .bottom .form-item input, .ama_event_finder form .bottom .form-item select.club-finder { max-width: 185px; min-width: auto; } .ama-finder form .bottom .form-item.form-item-field-address-administrative-area, .ama_finder form .bottom .form-item.form-item-field-address-administrative-area, .ama_club_finder form .bottom .form-item.form-item-field-address-administrative-area, .ama_event_finder form .bottom .form-item.form-item-field-address-administrative-area { display: block; } @media (max-width: 767px) { .ama-finder form.event-finder-form .top .form-type-date, .ama_finder form.event-finder-form .top .form-type-date, .ama_club_finder form.event-finder-form .top .form-type-date, .ama_event_finder form.event-finder-form .top .form-type-date { width: 46.5%; } } @media (max-width: 767px) { .ama-finder form.event-finder-form .bottom .form-item, .ama_finder form.event-finder-form .bottom .form-item, .ama_club_finder form.event-finder-form .bottom .form-item, .ama_event_finder form.event-finder-form .bottom .form-item { width: 100%; margin: 5px 0; } } .ama-finder form.event-finder-form .bottom .form-item select.form-select, .ama_finder form.event-finder-form .bottom .form-item select.form-select, .ama_club_finder form.event-finder-form .bottom .form-item select.form-select, .ama_event_finder form.event-finder-form .bottom .form-item select.form-select { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; background-position: 97%; font-size: 14px; } .ama-finder form.event-finder-form .bottom .form-item select.form-select:-ms-input-placeholder, .ama_finder form.event-finder-form .bottom .form-item select.form-select:-ms-input-placeholder, .ama_club_finder form.event-finder-form .bottom .form-item select.form-select:-ms-input-placeholder, .ama_event_finder form.event-finder-form .bottom .form-item select.form-select:-ms-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form .bottom .form-item select.form-select:-moz-placeholder, .ama_finder form.event-finder-form .bottom .form-item select.form-select:-moz-placeholder, .ama_club_finder form.event-finder-form .bottom .form-item select.form-select:-moz-placeholder, .ama_event_finder form.event-finder-form .bottom .form-item select.form-select:-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form .bottom .form-item select.form-select::-moz-placeholder, .ama_finder form.event-finder-form .bottom .form-item select.form-select::-moz-placeholder, .ama_club_finder form.event-finder-form .bottom .form-item select.form-select::-moz-placeholder, .ama_event_finder form.event-finder-form .bottom .form-item select.form-select::-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form .bottom .form-item select.form-select::-webkit-input-placeholder, .ama_finder form.event-finder-form .bottom .form-item select.form-select::-webkit-input-placeholder, .ama_club_finder form.event-finder-form .bottom .form-item select.form-select::-webkit-input-placeholder, .ama_event_finder form.event-finder-form .bottom .form-item select.form-select::-webkit-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form input[type="text"]:-ms-input-placeholder, .ama-finder form.event-finder-form input[type="date-picker"]:-ms-input-placeholder, .ama-finder form.event-finder-form input[type="date"]:-ms-input-placeholder, .ama-finder form.event-finder-form select:-ms-input-placeholder, .ama_finder form.event-finder-form input[type="text"]:-ms-input-placeholder, .ama_finder form.event-finder-form input[type="date-picker"]:-ms-input-placeholder, .ama_finder form.event-finder-form input[type="date"]:-ms-input-placeholder, .ama_finder form.event-finder-form select:-ms-input-placeholder, .ama_club_finder form.event-finder-form input[type="text"]:-ms-input-placeholder, .ama_club_finder form.event-finder-form input[type="date-picker"]:-ms-input-placeholder, .ama_club_finder form.event-finder-form input[type="date"]:-ms-input-placeholder, .ama_club_finder form.event-finder-form select:-ms-input-placeholder, .ama_event_finder form.event-finder-form input[type="text"]:-ms-input-placeholder, .ama_event_finder form.event-finder-form input[type="date-picker"]:-ms-input-placeholder, .ama_event_finder form.event-finder-form input[type="date"]:-ms-input-placeholder, .ama_event_finder form.event-finder-form select:-ms-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form input[type="text"]:-moz-placeholder, .ama-finder form.event-finder-form input[type="date-picker"]:-moz-placeholder, .ama-finder form.event-finder-form input[type="date"]:-moz-placeholder, .ama-finder form.event-finder-form select:-moz-placeholder, .ama_finder form.event-finder-form input[type="text"]:-moz-placeholder, .ama_finder form.event-finder-form input[type="date-picker"]:-moz-placeholder, .ama_finder form.event-finder-form input[type="date"]:-moz-placeholder, .ama_finder form.event-finder-form select:-moz-placeholder, .ama_club_finder form.event-finder-form input[type="text"]:-moz-placeholder, .ama_club_finder form.event-finder-form input[type="date-picker"]:-moz-placeholder, .ama_club_finder form.event-finder-form input[type="date"]:-moz-placeholder, .ama_club_finder form.event-finder-form select:-moz-placeholder, .ama_event_finder form.event-finder-form input[type="text"]:-moz-placeholder, .ama_event_finder form.event-finder-form input[type="date-picker"]:-moz-placeholder, .ama_event_finder form.event-finder-form input[type="date"]:-moz-placeholder, .ama_event_finder form.event-finder-form select:-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form input[type="text"]::-moz-placeholder, .ama-finder form.event-finder-form input[type="date-picker"]::-moz-placeholder, .ama-finder form.event-finder-form input[type="date"]::-moz-placeholder, .ama-finder form.event-finder-form select::-moz-placeholder, .ama_finder form.event-finder-form input[type="text"]::-moz-placeholder, .ama_finder form.event-finder-form input[type="date-picker"]::-moz-placeholder, .ama_finder form.event-finder-form input[type="date"]::-moz-placeholder, .ama_finder form.event-finder-form select::-moz-placeholder, .ama_club_finder form.event-finder-form input[type="text"]::-moz-placeholder, .ama_club_finder form.event-finder-form input[type="date-picker"]::-moz-placeholder, .ama_club_finder form.event-finder-form input[type="date"]::-moz-placeholder, .ama_club_finder form.event-finder-form select::-moz-placeholder, .ama_event_finder form.event-finder-form input[type="text"]::-moz-placeholder, .ama_event_finder form.event-finder-form input[type="date-picker"]::-moz-placeholder, .ama_event_finder form.event-finder-form input[type="date"]::-moz-placeholder, .ama_event_finder form.event-finder-form select::-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form.event-finder-form input[type="text"]::-webkit-input-placeholder, .ama-finder form.event-finder-form input[type="date-picker"]::-webkit-input-placeholder, .ama-finder form.event-finder-form input[type="date"]::-webkit-input-placeholder, .ama-finder form.event-finder-form select::-webkit-input-placeholder, .ama_finder form.event-finder-form input[type="text"]::-webkit-input-placeholder, .ama_finder form.event-finder-form input[type="date-picker"]::-webkit-input-placeholder, .ama_finder form.event-finder-form input[type="date"]::-webkit-input-placeholder, .ama_finder form.event-finder-form select::-webkit-input-placeholder, .ama_club_finder form.event-finder-form input[type="text"]::-webkit-input-placeholder, .ama_club_finder form.event-finder-form input[type="date-picker"]::-webkit-input-placeholder, .ama_club_finder form.event-finder-form input[type="date"]::-webkit-input-placeholder, .ama_club_finder form.event-finder-form select::-webkit-input-placeholder, .ama_event_finder form.event-finder-form input[type="text"]::-webkit-input-placeholder, .ama_event_finder form.event-finder-form input[type="date-picker"]::-webkit-input-placeholder, .ama_event_finder form.event-finder-form input[type="date"]::-webkit-input-placeholder, .ama_event_finder form.event-finder-form select::-webkit-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form .top .form-type-date { vertical-align: top; } @media (max-width: 767px) { .ama-finder form .top .form-type-date { margin-left: 1px; margin-right: 1px; } } .ama-finder form .bottom .form-item { vertical-align: top; } @media (max-width: 767px) { .ama-finder form .bottom .form-item { width: 46.5%; margin: 5px 1px; } } .ama-finder form .bottom .form-item select.club-finder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; background-position: 93.5%; font-size: 14px; } .ama-finder form .bottom .form-item select.club-finder:-ms-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form .bottom .form-item select.club-finder:-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form .bottom .form-item select.club-finder::-moz-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-finder form .bottom .form-item select.club-finder::-webkit-input-placeholder { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #000000; letter-spacing: 0em; font-size: 14px; } .ama-flight { background-image: url(../../images/ama-2-col-bg-home.png); background-size: 100%; background-position: top; } .ama-header-search { /*display: none!important;*/ background: #FFB400; display: block !important; text-align: center; transition: height 0.5s, padding 0.5s; height: 0; overflow: hidden; padding: 0; } .ama-header-search.open { display: block !important; transition: height 0.5s, padding 0.5s; height: 45px; padding: 15px 0; } @media (max-width: 767px) { .ama-header-search.open { position: relative; top: 1px; } } .ama-header-search form { display: inline-block; width: 100%; } @media (max-width: 767px) { .ama-header-search form { text-align: center !important; } } .ama-header-search form input[type="search"] { height: 40px; width: 56.5%; box-sizing: border-box; padding-left: 30px; -webkit-appearance: none; -webkit-border-radius: 0px; } .ama-header-search form input[type="search"]:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="search"]:-ms-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } .ama-header-search form input[type="search"]:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="search"]:-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } .ama-header-search form input[type="search"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="search"]::-moz-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="search"]::-webkit-input-placeholder { font-size: 1.125rem; line-height: 1.35rem; } } @media (max-width: 767px) { .ama-header-search form input[type="search"] { display: inline-block; vertical-align: middle; } } .ama-header-search form input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #102134; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; padding: 7px 20px 5px; border-radius: 5px; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin: 0; min-width: 118px; min-height: 40px; } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="submit"] { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } .ama-header-search form input[type="submit"]:hover, .ama-header-search form input[type="submit"]:focus { background-color: #102134; color: #FFFFFF; cursor: pointer; border: none; } @media (max-width: 767px) { .ama-header-search form input[type="submit"] { display: block; margin: 0 auto !important; } } @media (min-width: 0px) and (max-width: 479px) { .ama-header-search form input[type="submit"] { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-header-search form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-header-search form input[type="submit"] { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-header-search form input[type="submit"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-header-search form input[type="submit"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-header-search form input[type="submit"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (max-width: 767px) { .ama-header-search form input[type="submit"] { position: relative; display: inline-block; min-width: 80px; } } .ama-header-search form input[type="submit"]:focus { outline: none; } .ama-header-search form input[type="submit"]:hover { opacity: 0.7; } .ama-header-search form .form-actions { display: inline-block; left: -5px; position: relative; vertical-align: bottom; } .ama-intro-pilots-links-block { margin-bottom: 20px; } .ama-intro-pilots-links-block .btn:first-child { margin-right: 10px; } .ama-left-right-columns { margin-bottom: 30px; max-width: 980px; margin-left: auto; margin-right: auto; } .ama-left-right-columns:after { content: " "; display: block; clear: both; } .ama-left-right-columns > div { background-size: cover; background-position: center; background-repeat: no-repeat; height: 586px; position: relative; text-align: center; width: 50%; float: left; z-index: 1; } @media (max-width: 1023px) { .ama-left-right-columns > div { width: 100%; float: left; float: none; } } @media (max-width: 767px) { .ama-left-right-columns > div { height: inherit; } } .ama-left-right-columns > div:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; opacity: .9; } .ama-left-right-columns > div .title { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; border-bottom: 1px dashed #FFFFFF; margin-bottom: 10px; margin-left: 30px; margin-right: 30px; min-height: 174px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-left: 0px; padding-right: 0px; } @media (min-width: 0px) and (max-width: 479px) { .ama-left-right-columns > div .title { font-size: 2.22812rem; line-height: 2.67375rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-left-right-columns > div .title { font-size: 2.54062rem; line-height: 3.04875rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-left-right-columns > div .title { font-size: 2.85312rem; line-height: 3.42375rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-left-right-columns > div .title { font-size: 3.16562rem; line-height: 3.79875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-left-right-columns > div .title { font-size: 3.47812rem; line-height: 4.17375rem; } } @media (min-width: 1220px) { .ama-left-right-columns > div .title { font-size: 3.66562rem; line-height: 4.39875rem; } } @media (max-width: 1023px) { .ama-left-right-columns > div .title { margin-bottom: 30px; } } .ama-left-right-columns > div .links .btn { display: inline-block; } .ama-left-right-columns > div .links .btn a { min-width: 120px; max-width: 210px; width: 210px; } @media (max-width: 767px) { .ama-left-right-columns > div .links .btn { margin-bottom: 20px; } } .ama-left-right-columns > div.left { background-image: url(../../images/bg-flight-left-min.png); } .ama-left-right-columns > div.left:after { background: rgba(0, 5, 8, 0.63); } @media (max-width: 1023px) { .ama-left-right-columns > div.left { margin-bottom: 30px; } } .ama-left-right-columns > div.left .container { margin-bottom: 40px; display: inline-block; } .ama-left-right-columns > div.left .container .image { width: 50%; float: left; position: relative; height: 267px; } @media (max-width: 767px) { .ama-left-right-columns > div.left .container .image { width: 100%; float: left; float: none; } } .ama-left-right-columns > div.left .container .image img { position: absolute; left: -50px; } @media (max-width: 1219px) { .ama-left-right-columns > div.left .container .image img { left: -10px; } } @media (max-width: 1023px) { .ama-left-right-columns > div.left .container .image img { position: relative; left: inherit; } } .ama-left-right-columns > div.left .container .summary { width: 50%; float: left; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; text-align: left; padding-top: 50px; padding-right: 30px; padding-left: 10px; box-sizing: border-box; } @media (min-width: 0px) and (max-width: 479px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.875rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.875rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .ama-left-right-columns > div.left .container .summary { font-size: 0.875rem; line-height: 1.125rem; } } @media (max-width: 1219px) { .ama-left-right-columns > div.left .container .summary { padding-left: 40px; } } @media (max-width: 1023px) { .ama-left-right-columns > div.left .container .summary { padding-left: 0; } } @media (max-width: 767px) { .ama-left-right-columns > div.left .container .summary { width: 100%; float: left; float: none; padding-left: 30px; padding-right: 30px; text-align: center; } } .ama-left-right-columns > div.left .container .summary p { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-left-right-columns > div.left .container .summary p { font-size: 0.875rem; line-height: 1.05rem; } } .ama-left-right-columns > div.left .container .summary a { color: #FFFFFF; } .ama-left-right-columns > div.left .container .summary a:hover { opacity: 0.8; } .ama-left-right-columns > div.right { background-image: url(../../images/bg-flight-right-min.png); } .ama-left-right-columns > div.right:after { background: rgba(60, 168, 186, 0.5); } .ama-left-right-columns > div.right .logo { position: absolute; right: -60px; top: -50px; z-index: 1; } @media (max-width: 1219px) { .ama-left-right-columns > div.right .logo { right: -20px; top: -60px; } .ama-left-right-columns > div.right .logo img { width: 150px; } } @media (max-width: 1023px) { .ama-left-right-columns > div.right .logo { right: 20px; top: -30px; } } .ama-left-right-columns > div.right .summary { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0.1em; font-style: italic; text-transform: uppercase; padding-left: 30px; padding-right: 30px; padding-top: 74px; padding-bottom: 68px; } @media (min-width: 0px) and (max-width: 479px) { .ama-left-right-columns > div.right .summary { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-left-right-columns > div.right .summary { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-left-right-columns > div.right .summary { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-left-right-columns > div.right .summary { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-left-right-columns > div.right .summary { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1220px) { .ama-left-right-columns > div.right .summary { font-size: 3rem; line-height: 3.6rem; } } .region-postscript-second { background-image: url(../../images/bg-home-region-postscript-second.jpg); background-position: center bottom; background-size: cover; background-color: #000033; background-repeat: no-repeat; } .region-postscript-second:after { display: none; } .ama-partners { width: 100%; height: 395px; position: relative; padding-top: 45px; text-align: center; box-sizing: border-box; /*&:after { content: ''; position: absolute; left: 0; bottom: -50px; height: 100px; width: 100%; z-index: -1; background-color: rgba(225,239,245,1); background-image: url(../../images/bg-join-min.png); background-position: center; background-size: cover; display: none; }*/ } @media (min-width: 1800px) { .ama-partners { padding-top: 150px; height: 636px; } } @media (max-width: 1219px) { .ama-partners { min-height: 395px; height: inherit; } } @media (max-width: 767px) { .ama-partners { padding-top: 15px; } } .ama-partners ul { max-width: 980px; margin-left: auto; margin-right: auto; list-style: none; padding: 0 25px; box-sizing: border-box; margin-bottom: 0; } .ama-partners ul:after { content: " "; display: block; clear: both; } @media (min-width: 1800px) { .ama-partners ul { max-width: 980px; margin-left: auto; margin-right: auto; } .ama-partners ul:after { content: " "; display: block; clear: both; } } .ama-partners ul li { margin-bottom: 6px; width: 49.15254%; float: left; } .ama-partners ul li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-partners ul li:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } @media (min-width: 1800px) { .ama-partners ul li img { width: 450px; } } @media (max-width: 1219px) { .ama-partners ul li { width: 100%; float: left; float: none; } .ama-partners ul li:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama-partners ul li img { max-width: 100%; } } .ama-partners ul li:last-child { margin-bottom: 0; } .ama-search-icon { position: relative; /*right: 40px; top: 0; bottom: 0;*/ background: #FFB400; float: right; margin-right: 20px; height: 30px; padding: 10px 0; } @media (min-width: 1025px) { .ama-search-icon { display: none !important; } } .ama-search-icon .field--name-body a { padding: 0; width: 43px; font-size: 0; display: inline-block; padding-top: 25px; } .ama-search-icon .field--name-body a:after { font-size: 18px; font-family: FontAwesome; position: absolute; content: '\f002'; color: #FFFFFF; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .ama-search-icon .field--name-body a.close:after { content: '\f00d'; } /* test */ :root { --logo-width: 215px; } .ama-sitename-logo { text-align: left; width: 215px; } .ama-sitename-logo.without-menu { text-align: center; } .ama-sitename-logo a.homepage-link { color: #0083e1; left: 235px; position: absolute; text-decoration: none; top: 30%; z-index: 10; } @media (min-width: 0px) and (max-width: 479px) { .ama-sitename-logo a.homepage-link { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-sitename-logo a.homepage-link { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-sitename-logo a.homepage-link { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-sitename-logo a.homepage-link { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-sitename-logo a.homepage-link { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-sitename-logo a.homepage-link { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 767px) { .ama-sitename-logo a.homepage-link { display: none; } } .ama-sitename-logo a.logo { display: inline-block; } .ama-sitename-logo p { margin: 0; } .ama-sitename-logo img { display: block; height: auto; margin-bottom: calc(215px * -0.25); margin-top: calc(215px * -0.1); } @media (min-width: 1024px) { .ama-sitename-logo img { margin-bottom: calc(var(--logo-width) * -0.25); margin-top: calc(var(--logo-width) * -0.1); transition: all 0.1s ease; width: var(--logo-width); } } .ama-videos-grid { background-image: url(../../images/bg-grid-videos-min.png); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; padding-top: 25px; } .ama-videos-grid .inner-container { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ama-videos-grid .inner-container:after { content: " "; display: block; clear: both; } .ama-videos-grid .inner-container .block-header { position: relative; padding-bottom: 15px; } .ama-videos-grid .inner-container .block-header a { position: absolute; bottom: 13px; right: 0; text-decoration: none; color: #FFFFFF; } @media (max-width: 620px) { .ama-videos-grid .inner-container .block-header a { position: relative; bottom: inherit; right: inherit; } } .ama-videos-grid .inner-container .block-header a:hover { opacity: 0.8; } .ama-videos-grid .inner-container .block-header a h3 { margin-bottom: 0; margin-top: 0; text-transform: uppercase; color: #FFFFFF; } @media (min-width: 0px) and (max-width: 479px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 0.92rem; line-height: 1.104rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 0.9825rem; line-height: 1.179rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 1220px) { .ama-videos-grid .inner-container .block-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } .ama-videos-grid .inner-container .block-header h1 { line-height: 1; margin-top: 0; margin-bottom: 0; color: #FFFFFF; } .ama-videos-grid .inner-container .block-header h3 { letter-spacing: 3px; } .ama-videos-grid .inner-container .main-video { border: 3px solid #FFB400; margin-bottom: 20px; } .ama-walk-of-fame { margin-bottom: 50px; } @media (max-width: 1023px) { .ama-walk-of-fame { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } @media (max-width: 767px) { .ama-walk-of-fame { text-align: center; } } .ama-walk-of-fame form .items { display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 40px; margin-top: 40px; } .ama-walk-of-fame form .items .item { width: 32.20339%; float: left; height: 280px; padding: 20px 30px; text-align: center; box-sizing: border-box; position: relative; } .ama-walk-of-fame form .items .item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-walk-of-fame form .items .item:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .ama-walk-of-fame form .items .item:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } @media (max-width: 767px) { .ama-walk-of-fame form .items .item { width: 100%; float: left; float: none; margin-bottom: 20px; } .ama-walk-of-fame form .items .item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama-walk-of-fame form .items .item.walk-type-reminder { height: 360px; } } .ama-walk-of-fame form .items .item .picture img { width: 100%; } .ama-walk-of-fame form .items .item .form-radios { position: absolute; bottom: 20px; left: 0; right: 0; } .ama-walk-of-fame form .items .item .form-radios .form-item label { padding-left: 20px; padding-right: 20px; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; box-sizing: border-box; width: 190px; height: 50px; text-align: center; background: #0074c8; cursor: pointer; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 1023px) { .ama-walk-of-fame form .items .item .form-radios .form-item label { width: 170px; } } .ama-walk-of-fame form .items .item .form-radios .form-item label:hover { background: #FFB400; } .ama-walk-of-fame form .items .item .form-radios .form-item label:before { display: none; } .ama-walk-of-fame form .items .item .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:before, .ama-walk-of-fame form .items .item .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:after { display: none; } .ama-walk-of-fame form .items .item .form-radios .form-item.form-type-radio input[type="radio"].error + label { border: 2px solid red; } .ama-walk-of-fame form .items .item .form-radios .form-item.form-type-radio input[type="radio"]:checked + label { background: #FFB400; } .ama-walk-of-fame form .item-picture { margin-bottom: 50px; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .ama-walk-of-fame form .item-picture { display: block; -ms-flex-pack: inherit; justify-content: inherit; } } .ama-walk-of-fame form .item-picture:after { content: url(../../images/Standard-Brick_Gold_big.png); transform: scale(0.9); display: inline-block; } @media (max-width: 1023px) { .ama-walk-of-fame form .item-picture:after { transform: scale(0.8); } } @media (max-width: 767px) { .ama-walk-of-fame form .item-picture:after { content: ""; background-image: url(../../images/Standard-Brick_Gold_big.png); transform: scale(1); height: 200px; width: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; } } .ama-walk-of-fame form .item-picture.name-fee:after { content: url(../../images/StandardBrick_Black_big.png); } @media (max-width: 767px) { .ama-walk-of-fame form .item-picture.name-fee:after { content: ""; background-image: url(../../images/StandardBrick_Black_big.png); } } .ama-walk-of-fame form .item-picture.code-fee:after { content: url(../../images/Standard-Brick_Gold_big.png); } @media (max-width: 767px) { .ama-walk-of-fame form .item-picture.code-fee:after { content: ""; background-image: url(../../images/Standard-Brick_Gold_big.png); } } .ama-walk-of-fame form .item-picture.reminder-fee:after { content: url(../../images/GraniteBrickBig.png); } @media (max-width: 767px) { .ama-walk-of-fame form .item-picture.reminder-fee:after { content: ""; background-image: url(../../images/GraniteBrickBig.png); height: 350px; } } .ama-walk-of-fame form .engraving { /* max-width: 450px; /* /* margin-bottom: 30px; */ /* Temporal solution to center text */ text-align: center; margin: 0 auto 60px auto; /* End temporal solution*/ } @media (max-width: 767px) { .ama-walk-of-fame form .engraving { max-width: 90%; } } .ama-walk-of-fame form .engraving h4 { margin-bottom: 25px; } .ama-walk-of-fame form .engraving .field--name-body { margin-bottom: 30px; } .ama-walk-of-fame form .engraving .field--name-body p { margin-bottom: 0; } .ama-walk-of-fame form .engraving .container { padding-bottom: 5px; background: url(../../images/Standard-Brick_Gold_bg.png); background-repeat: repeat-y; background-size: 100%; background-position: center; text-align: center; padding-top: 5px; box-sizing: content-box; padding-left: 5px; padding-right: 5px; } .ama-walk-of-fame form .engraving .container.name-fee { background-image: url(../../images/StandardBrick_Black_bg.png); } .ama-walk-of-fame form .engraving .container.code-fee { background-image: url(../../images/Standard-Brick_Gold_bg.png); } .ama-walk-of-fame form .engraving .container.reminder-fee { background-image: url(../../images/GraniteBrickBg.png); padding-bottom: 10px; } .ama-walk-of-fame form .engraving .container.reminder-fee .form-item { margin-left: 8px; } .ama-walk-of-fame form .engraving .container.reminder-fee .reminder-line { display: inline-block !important; } .ama-walk-of-fame form .engraving .container .reminder-line { display: none; } .ama-walk-of-fame form .engraving .container input[type="text"] { width: 99%; min-width: inherit; height: 35px; border: 1px solid #9ea0a0; text-align: center; } .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .engraving .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .engraving .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .engraving .container input[type="text"].error { border: 2px solid red !important; } .ama-walk-of-fame form .engraving .container input[type="text"].reminder-line { display: none; } .ama-walk-of-fame form .tribute { margin-bottom: 30px; } .ama-walk-of-fame form .tribute .container { display: none; } .ama-walk-of-fame form .tribute .container input[type="text"] { min-width: inherit; width: 100%; border: 7px solid #0074c8; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; text-transform: uppercase; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .tribute .container input[type="text"] { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .tribute .container input[type="text"]:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-walk-of-fame form .tribute .container input[type="text"]::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } .ama-walk-of-fame form .tribute .container input[type="text"]:focus, .ama-walk-of-fame form .tribute .container input[type="text"].fill, .ama-walk-of-fame form .tribute .container input[type="text"]:hover { border: 7px solid #FFB400; outline: none; } .ama-walk-of-fame form .form-actions { max-width: 450px; /*Temporal solution to center text */ margin: 0 auto; /* End temporal solution*/ text-align: center; } .ama-walk-of-fame form .form-actions input[type="submit"] { min-width: 160px; background: #616463; } .ama-walk-of-fame form .form-actions input[type="submit"]:hover { opacity: 0.5; } @media (max-width: 767px) { .ama-walk-of-fame form .form-actions input[type="submit"] { margin-bottom: 20px !important; min-width: 260px; } } .ama-youtube-channels { background: rgba(0, 0, 0, 0.55); padding-top: 20px; } .ama-youtube-channels .inner-container { max-width: 980px; margin-left: auto; margin-right: auto; } .ama-youtube-channels .inner-container:after { content: " "; display: block; clear: both; } @media (max-width: 1219px) { .ama-youtube-channels .inner-container { padding-left: 20px; padding-right: 20px; } } .ama-youtube-channels .inner-container h4 { margin: 0 0 10px 0; text-transform: uppercase; font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } .ama-youtube-channels .inner-container ul { display: inline-block; padding: 0; list-style: none; } .ama-youtube-channels .inner-container ul li { width: 15.25424%; float: left; position: relative; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 2) { margin-left: 16.94915%; margin-right: -100%; clear: none; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 3) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 4) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 5) { margin-left: 67.79661%; margin-right: -100%; clear: none; } .ama-youtube-channels .inner-container ul li:nth-child(6n + 6) { margin-left: 84.74576%; margin-right: -100%; clear: none; } .ama-youtube-channels .inner-container ul li a { display: inline-block; } .ama-youtube-channels .inner-container ul li a img { max-width: 158px; height: 175px; border: 1px solid #FFB400; display: -ms-flexbox; display: flex; } @media (max-width: 1219px) { .ama-youtube-channels .inner-container ul li a img { max-width: 100%; } } .ama-youtube-channels .inner-container ul li a .overlay { display: none; } .ama-youtube-channels .inner-container ul li a:hover { position: relative; } .ama-youtube-channels .inner-container ul li a:hover .overlay { display: block; background: rgba(4, 118, 199, 0.71); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; position: absolute; bottom: 25px; left: 12px; right: 10px; } @media (min-width: 0px) and (max-width: 479px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-youtube-channels .inner-container ul li a:hover .overlay span { font-size: 1rem; line-height: 1.2rem; } } #block-nt-ama-local-tasks { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } #block-nt-ama-local-tasks:after { content: " "; display: block; clear: both; } nav.tabs { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } nav.tabs:after { content: " "; display: block; clear: both; } .node--type-club nav.tabs { padding-left: 0%; padding-right: 0%; } #block-responsivemenumobileicon { position: relative; /*top: 48%; left: 25px; transform: translateY(-50%); -webkit-transform: translateY(-50%);*/ height: 30px; float: left; padding: 10px 10px; box-sizing: content-box; } @media (min-width: 1025px) { #block-responsivemenumobileicon { display: none !important; } } #block-responsivemenumobileicon #toggle-icon:before { background: #FFFFFF; width: 45px; height: 6px; top: 4px; transform-origin: top right; border-radius: 8px; } #block-responsivemenumobileicon #toggle-icon:after { background: #FFFFFF; width: 45px; height: 6px; top: 24px; transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; -webkit-transform-origin: bottom right; border-radius: 8px; } #block-responsivemenumobileicon #toggle-icon span { color: red; } #block-responsivemenumobileicon #toggle-icon span.icon { background: #FFFFFF; width: 45px; height: 6px; border-radius: 8px; } #block-responsivemenumobileicon #toggle-icon span.label { display: none; } #block-responsivemenumobileicon a { display: inline-block; text-decoration: none; } #block-responsivemenumobileicon a.search { vertical-align: top; margin-top: 8px; } #block-responsivemenumobileicon a.search:after { content: '\F002'; font-family: fontawesome; color: #2F383F; font-weight: 100; font-size: 30px; height: 0px; right: -10px; -webkit-text-stroke: 1px #EFEFEF; margin-left: 8px; } #block-responsivemenumobileicon a.search.close:after { content: '\f00d'; color: #000000; } body.mm-wrapper_opening #block-responsivemenumobileicon #toggle-icon .icon { left: 55px; } body.mm-wrapper_opening #block-responsivemenumobileicon #toggle-icon:before { top: 25px; transform: rotate(36deg); } body.mm-wrapper_opening #block-responsivemenumobileicon #toggle-icon:after { top: -1px; transform: rotate(-35deg); } .mm-offcanvas ul.menu li a.search { display: none; } /* Test */ .breadcrumb { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin-top: 45px; } .breadcrumb:after { content: " "; display: block; clear: both; } .breadcrumb ol { padding-left: 0 !important; } .breadcrumb ol li { text-transform: capitalize; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .breadcrumb ol li { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .breadcrumb ol li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .breadcrumb ol li { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .breadcrumb ol li { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .breadcrumb ol li { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .breadcrumb ol li { font-size: 1rem; line-height: 1.5rem; } } .breadcrumb ol li a { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .breadcrumb ol li a { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .breadcrumb ol li a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .breadcrumb ol li a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .breadcrumb ol li a { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .breadcrumb ol li a { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .breadcrumb ol li a { font-size: 1rem; line-height: 1.5rem; } } .breadcrumb ol li:first-child:before { display: none; } .breadcrumb ol li:before { content: ">" !important; color: #0083e1; float: none !important; padding-right: 0 !important; } .with-header-banner .breadcrumb { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin-top: inherit; } .with-header-banner .breadcrumb:after { content: " "; display: block; clear: both; } .esr-header { margin-top: 50px; } .esr-header ul { padding-left: 0 !important; margin-right: 10px !important; } .esr-header ul li { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; list-style: none; display: inline-block; width: 49.5%; text-align: right; box-sizing: border-box; padding-left: 0 !important; } @media (min-width: 0px) and (max-width: 479px) { .esr-header ul li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .esr-header ul li { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .esr-header ul li { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { .esr-header ul li { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .esr-header ul li { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .esr-header ul li { font-size: 1.5rem; line-height: 1.8rem; } } .esr-header ul li:first-child { text-align: left; } .esr-header ul li:before { display: none; } #add-instructor-form { box-sizing: border-box; max-width: 980px; margin-left: auto; margin-right: auto; } #add-instructor-form:after { content: " "; display: block; clear: both; } #add-instructor-form #intro-pilot-filters { margin-bottom: 40px; } #add-instructor-form #intro-pilot-filters .form-radios .form-item { width: auto; } #add-instructor-form #intro-pilot-filters .form-radios .form-item:first-child { margin-right: 10px; } #add-instructor-form #intro-pilot-filters .form-radios .form-item label { padding-left: 28px; } #add-instructor-form #intro-pilot-filters .form-item { display: inline-block; width: 100%; } #add-instructor-form #intro-pilot-filters input[type="text"] { display: inline-block; vertical-align: bottom; } #add-instructor-form #intro-pilot-filters input[type="text"].form-submit { margin-bottom: 0; } #add-instructor-form #intro-pilot-table .messages { margin-bottom: 20px; } #add-instructor-form #intro-pilot-table .form-submit { margin-top: 20px; margin-left: 0; } #add-instructor-form #intro-pilot-table td .form-type-checkbox input { display: block !important; } form .form-type-checkbox input.disabled + label:before { opacity: 0.5; } .ama-club-finder-form { max-width: 715px; margin: 0 auto; } .ama-club-finder-form .form--inline { position: relative; opacity: 0; } .ama-club-finder-form .dropdown-menu { display: none; } .ama-club-finder-form .dropdown-menu.show { display: block; } .ama-club-finder-form .fields-container:first-child { margin-bottom: 9px; } .ama-club-finder-form .fields-container .form-actions { display: inline-block; margin-left: 62px; } @media (max-width: 767px) { .ama-club-finder-form .fields-container .form-actions { margin-left: 0; width: 100%; } } .ama-club-finder-form .fields-container .form-actions input[type="submit"] { position: inherit !important; margin-bottom: 0; min-width: 90px; position: inherit !important; right: inherit !important; bottom: inherit !important; min-height: 40px; } @media (max-width: 1023px) { .ama-club-finder-form .fields-container .form-actions input[type="submit"] { min-width: 150px; right: inherit !important; } } @media (max-width: 767px) { .ama-club-finder-form .fields-container .form-actions input[type="submit"] { width: 250px; position: relative; right: inherit !important; bottom: inherit !important; max-width: 100%; } } .ama-club-finder-form .form-item { padding-top: 0; margin: 0; } @media (max-width: 767px) { .ama-club-finder-form .form-item { display: inline-block; margin-bottom: 15px; margin-left: 0 !important; width: 100%; } } .ama-club-finder-form .form-item.form-item-city, .ama-club-finder-form .form-item.form-item-state { margin-bottom: 35px; } .ama-club-finder-form .form-item.form-item-state, .ama-club-finder-form .form-item.form-item-district { margin-left: 12px; } .ama-club-finder-form .form-item.form-item-district { width: 32%; } .ama-club-finder-form .form-item.form-item-within-miles .within-miles, .ama-club-finder-form .form-item.form-item-within-miles select[id^='edit-distance-distance-from'], .ama-club-finder-form .form-item.js-form-item-distance-distance-from .within-miles, .ama-club-finder-form .form-item.js-form-item-distance-distance-from select[id^='edit-distance-distance-from'] { display: inline-block; min-width: inherit; width: 87px; height: 35px; margin-left: 3px; margin-right: 3px; padding-left: 12px; padding-right: 12px; background-position: 85%; } @media (max-width: 767px) { .ama-club-finder-form .form-item.form-item-within-miles .within-miles, .ama-club-finder-form .form-item.form-item-within-miles select[id^='edit-distance-distance-from'], .ama-club-finder-form .form-item.js-form-item-distance-distance-from .within-miles, .ama-club-finder-form .form-item.js-form-item-distance-distance-from select[id^='edit-distance-distance-from'] { width: 220px; background-position: 96%; } } @-moz-document url-prefix() { .ama-club-finder-form .form-item.form-item-within-miles .distance-from, .ama-club-finder-form .form-item.js-form-item-distance-distance-from .distance-from { padding-left: 6px !important; } } .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; display: inline-block; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 0.9225rem; line-height: 1.107rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 0.9225rem; line-height: 1.107rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 1.1725rem; line-height: 1.407rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item label, .ama-club-finder-form .form-item .description { font-size: 1.1725rem; line-height: 1.407rem; } } .ama-club-finder-form .form-item input[type="text"] { min-width: inherit; height: 35px; } .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.73); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item input[type="text"]:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.73); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item input[type="text"]:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.73); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.73); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item input[type="text"]::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.73); letter-spacing: 0em; opacity: 1; line-height: 30px !important; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-finder-form .form-item input[type="text"]::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 767px) { .ama-club-finder-form .form-item input[type="text"] { width: 100%; } } .ama-club-finder-form .form-item select { color: rgba(0, 0, 0, 0.73); min-width: inherit; height: 35px; } @media (max-width: 767px) { .ama-club-finder-form .form-item select { width: 100%; } } .ama-club-finder-form .form-item.form-item-distance-value { display: none; } .ama-club-finder-form .form-item.form-item-search-district { display: none; } .ama-club-finder-form .form-actions { margin: 0; } @media (max-width: 767px) { .ama-club-finder-form .form-actions { text-align: center; } } .ama-club-finder-form .form-actions input[type="submit"] { margin-bottom: 0; min-width: 190px; position: absolute; right: -160px; bottom: 0; min-height: 40px; } .ama-club-finder-form .form-actions input[type="submit"]:nth-child(2) { margin-right: 0; } @media (max-width: 1023px) { .ama-club-finder-form .form-actions input[type="submit"] { min-width: 150px; right: -100px; } } @media (max-width: 767px) { .ama-club-finder-form .form-actions input[type="submit"] { width: 250px; position: relative; right: inherit; bottom: inherit; width: 100%; } } .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"], .ama-club-finder-form.form-reset .form-actions input[type="submit"] { min-width: 90px; right: -130px; } .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"]:first-child, .ama-club-finder-form.form-reset .form-actions input[type="submit"]:first-child { right: -10px; } @media (max-width: 1023px) { .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"], .ama-club-finder-form.form-reset .form-actions input[type="submit"] { min-width: 65px; right: -110px; } .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"]:first-child, .ama-club-finder-form.form-reset .form-actions input[type="submit"]:first-child { right: -10px; } } @media (max-width: 767px) { .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"], .ama-club-finder-form.form-reset .form-actions input[type="submit"] { min-width: 100%; right: inherit !important; } .ama-club-finder-form[data-drupal-form-fields$="edit-reset"] .form-actions input[type="submit"]:first-child, .ama-club-finder-form.form-reset .form-actions input[type="submit"]:first-child { margin-bottom: 10px !important; } } .ama-club-finder-form.by-name .form--inline { max-width: 562px; } .ama-club-finder-form.by-name .form-item { width: 40%; } @media (max-width: 767px) { .ama-club-finder-form.by-name .form-item { width: 100%; } } .ama-club-finder-form.by-name .form-item.form-item-number { margin-left: 6px; } .ama-club-finder-form .fields-container .form-item { display: inline-block; max-width: 33%; } @media (max-width: 767px) { .ama-club-finder-form .fields-container .form-item { max-width: 100%; } } .ama-club-finder-form .fields-container .form-item.form-item-distance-value { display: none; } .ama-club-finder-form .fields-container .form--inline .form-item { float: none; } .ama-club-finder-form.by-district .form-actions { clear: none; text-align: right; } .ama-club-finder-form.by-district .form-actions input[type="submit"] { position: relative; display: inline-block; right: auto; } .ama-club-finder-form.by-district .form-item.form-item-district { width: 53%; } @media (max-width: 767px) { .ama-club-finder-form.by-district .form-item.form-item-district { width: 100%; } } @media (max-width: 479px) { .ama-club-finder-form.by-district .form-item.form-item-district select { padding-left: 5px; } } .ama-club-finder-form .form-item-club-intro-pilots ul.dropdown-menu li:first-child, .ama-club-finder-form .form-item-club-level ul.dropdown-menu li:first-child { display: none; } @media (max-width: 479px) { .ama-club-finder-form .bootstrap-select select + button + .dropdown-menu ul li a span.bs-ok-default::before { top: -2px; } } @media (max-width: 479px) { .ama-club-finder-form .bootstrap-select.show-tick .dropdown-menu li a span.text { line-height: 23px; } } .ama-club-roster-form { text-align: center; } .ama-club-roster-form .form--inline { display: inline-block; width: 80%; } .ama-club-roster-form .form--inline > div { display: inline-block; margin: 0; width: 100%; } .ama-club-roster-form .form--inline > div input { margin: 0; } .ama-club-roster-form .form--inline > div.form-item { margin-right: 10px; } .ama-club-roster-form .form--inline .form-actions { display: none; } .ama-club-roster-member-add-form { padding-left: 20px; padding-right: 20px; box-sizing: border-box; max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; } .ama-club-roster-member-add-form:after { content: " "; display: block; clear: both; } .ama-club-roster-member-add-form h2 { text-align: left; } @media (max-width: 767px) { .ama-club-roster-member-add-form h2 { text-align: center; } } .ama-club-roster-member-add-form .form-item { text-align: left; } .ama-club-roster-member-add-form .form-submit { margin-top: 30px; } @media (max-width: 767px) { .ama-club-roster-member-add-form .form-submit { margin-top: 30px !important; } } .ama-club-roster-member-add-form table { width: 100%; } .ama-club-roster-member-add-form table .select-all { width: 10%; } .ama-club-roster-member-add-form table th:nth-child(2) { text-align: left; } .ama-club-roster-member-add-form table .tdno1 { text-align: left; } .ama-club-roster-member-add-form table td input { display: block !important; } .ama-club-roster-member-remove-form { padding-left: 20px; padding-right: 20px; box-sizing: border-box; max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; } .ama-club-roster-member-remove-form:after { content: " "; display: block; clear: both; } .ama-club-roster-member-remove-form h2 { text-align: left; } @media (max-width: 767px) { .ama-club-roster-member-remove-form h2 { text-align: center; } } .ama-club-roster-member-remove-form .form-item { text-align: left; } .ama-club-roster-member-remove-form .form-submit { margin-top: 30px; } @media (max-width: 767px) { .ama-club-roster-member-remove-form .form-submit { margin-top: 30px !important; } } .ama-esr-form .messages { margin-bottom: 20px; } .ama-esr-form .text-formatted p { margin-bottom: 0; } .ama-esr-form > fieldset.field-group-fieldset { padding-top: 0 !important; } .ama-esr-form > fieldset.field-group-fieldset legend { display: none; } .ama-esr-form > fieldset.field-group-fieldset .fieldgroup legend { display: block; } .ama-esr-form select[disabled="disabled"] { border: none !important; padding: 0 !important; background: #FFFFFF; } .ama-esr-form textarea[disabled="disabled"] { border: none; background: transparent; padding: 0 !important; height: 50px; } .ama-esr-form .form-item-field-esr-category .esr-category-field-wrap select[multiple] { border: none; margin-left: 20px; padding-left: 0; } .ama-esr-form .form-item-field-esr-category .esr-category-field-wrap select[multiple]:focus { outline: none; } .ama-esr-form .form-item-field-esr-category select[multiple] { height: 680px; background: #FFFFFF; } .ama-esr-form .tabledrag-toggle-weight-wrapper, .ama-esr-form .ief-tabledrag-handle, .ama-esr-form .ief-tabledrag-header { display: none; } .ama-esr-form .field--name-field-esr-club-sponsor .field-multiple-table, .ama-esr-form .field--name-field-esr-sponsors .field-multiple-table { margin-top: 15px; } .ama-esr-form .field--name-field-esr-club-sponsor .field-multiple-table .field-multiple-drag, .ama-esr-form .field--name-field-esr-sponsors .field-multiple-table .field-multiple-drag { display: none; } .ama-esr-form .field--name-field-esr-club-sponsor .field-multiple-table .draggable .delta-order, .ama-esr-form .field--name-field-esr-sponsors .field-multiple-table .draggable .delta-order { display: none; } .ama-esr-form .field--name-field-esr-club-sponsor .formtips-show, .ama-esr-form .field--name-field-esr-sponsors .formtips-show { top: 122px; } .ama-esr-form .update-date-list-check-button { position: absolute !important; top: 75px; left: 300px; margin-left: 0; margin-right: 0; min-width: 272px; } .ama-esr-form .form-item-filter-esr-class { position: absolute !important; left: 300px; top: -5px; } .ama-esr-form .form-actions input { min-width: 245px; } .ama-esr-form .form-actions input[disabled="disabled"] { background: #C6C6C4; } .ama-esr-form .form-actions input.sanction-submit-button, .ama-esr-form .form-actions input.sanction-save-submit-button { margin-left: 0 !important; } .ama-esr-form .form-actions input.large { width: 280px; margin-right: 0; } .ama-esr-form table tr td:last-child { padding-left: 0 !important; } .ama-esr-form .esr-geocode-address-field { margin-bottom: 15px; } .ama-esr-form .btn, .ama-esr-form .form-submit { margin-top: 10px !important; } .ama-esr-form .ief-entity-table .ief-entity-operations { text-align: center; } .ama-esr-form .ief-entity-table .ief-entity-operations input { margin: 0; } .ama-esr-form .ief-entity-table .inline-entity-form-node-field_ins_party_ins_line_1 { min-width: 170px; } .ama-esr-form .ief-entity-table .ief-entity-operations { position: relative; } .ama-esr-form .ief-entity-table .ief-entity-operations input[type="submit"] { min-width: 170px; min-height: 35px; margin-bottom: 10px; } .ama-esr-form .ief-entity-table .ief-entity-operations .ajax-progress { position: absolute; bottom: -15px; } .ama-esr-form .field-multiple-table { width: 100%; } .ama-esr-form .field-multiple-table th h4 { color: #FFFFFF; } .ama-esr-form .form-item-field-esr-geofield-0-value-lat { float: left; width: 48%; margin-right: 1rem; } .ama-esr-form .form-item-field-esr-geofield-0-value-lon { float: left; width: 49%; } .ama-esr-form .esr-geofield-disabled { position: relative; } .ama-esr-form .esr-geofield-disabled .disabled { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #aaaeb0; opacity: 0.1; } .ama-esr-form .esr-geofield-disabled .form-item-field-esr-geofield-0-value-lat { display: block !important; } .ama-esr-form .esr-geofield-disabled .form-item-field-esr-geofield-0-value-lon { display: block !important; } .ama-esr-form .menu--esr-menu .menu li { width: 25% !important; } .ama-esr-form .menu--esr-cc-navigation .menu li { width: 33.33% !important; } .ama-esr-form .field-multiple-table th { background: transparent; padding-left: 0 !important; text-align: left; } .ama-esr-form .field-multiple-table th h4 { font-family: "TrendaBold"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-esr-form .field-multiple-table th h4 { font-size: 0.82188rem; line-height: 0.98625rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-esr-form .field-multiple-table th h4 { font-size: 0.82188rem; line-height: 0.98625rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-esr-form .field-multiple-table th h4 { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-esr-form .field-multiple-table th h4 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-esr-form .field-multiple-table th h4 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-esr-form .field-multiple-table th h4 { font-size: 1rem; line-height: 1.2rem; } } .ama-esr-form .field-multiple-table tr:nth-child(2n) { background: transparent; } .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-esr-form .field--widget-geofield-map .fieldset-wrapper .fieldset-wrapper { font-size: 1rem; line-height: 1.5rem; } } .ama-esr-form .field--name-field-ins-party-property-owner details { border: none; margin-top: 10px !important; } .ama-esr-form .field--name-field-esr-ins-parties details .details-wrapper { padding-top: 0; } .ama-esr-form .field--name-field-esr-ins-parties details .details-wrapper .form-item-field-esr-ins-parties-form-inline-entity-form-field-ins-party-property-owner-0-value { margin-top: 0; } .ama-esr-form .field--name-field-ins-party-address details { border: none; } .ama-esr-form .field--name-field-ins-party-address details summary { display: none; } .ama-esr-form .field--name-field-ins-party-address details .details-description { display: none; } .ama-esr-form .field--name-field-ins-party-address details .details-wrapper { padding: 0; } .ama-esr-form .free-flight-container .form-radios .form-item { display: inline-block; margin-right: 5px; } .ama-esr-form .free-flight-container .form-radios .form-item label { padding-left: 28px; } @media (max-width: 767px) { .ama-hobby-shop-search-form { padding-left: 15px; padding-right: 15px; } } .ama-hobby-shop-search-form .form-item { width: 27%; } .ama-hobby-shop-search-form .form-item:first-child { width: 40%; } .ama-hobby-shop-search-form .form-item.form-item-state { width: 30%; } @media (max-width: 767px) { .ama-hobby-shop-search-form .form-item { width: 100% !important; float: none; } .ama-hobby-shop-search-form .form-item:first-child, .ama-hobby-shop-search-form .form-item.form-item-state { width: 100% !important; float: none; } } .ama-hobby-shop-search-form .form-actions { margin-top: 30px; display: inline-block; width: 100%; } .ama-hobby-shop-search-form .form-actions .form-submit { margin-bottom: 0; } .ama-intro-pilot-form { box-sizing: border-box; max-width: 980px; margin-left: auto; margin-right: auto; } .ama-intro-pilot-form:after { content: " "; display: block; clear: both; } .ama-intro-pilot-form .fields *[class^='number-cols-'] .form-item { display: inline-block; } .ama-intro-pilot-form .fields *[class^='number-cols-'] .address .form-item.form-item-address-locality, .ama-intro-pilot-form .fields *[class^='number-cols-'] .address .form-item.form-item-address-administrative-area, .ama-intro-pilot-form .fields *[class^='number-cols-'] .address .form-item.form-item-address-postal-code { width: 32.66%; margin-right: 0; } .ama-intro-pilot-form .fields .number-cols-1 .form-item { width: 99%; } .ama-intro-pilot-form .fields .number-cols-2 .form-item { width: 49.5%; } .ama-intro-pilot-form .fields .number-cols-3 .form-item { width: 32.8%; } .ama-intro-pilot-form .fields .note { margin-top: 30px; } .ama-intro-pilot-form #intro-pilot-table td .form-type-radio input { display: block !important; } .ama-intro-pilot-form .form-submit { margin-top: 20px; margin-left: 0; } .ama-intro-pilot-list-form { text-align: center; } .ama-intro-pilot-list-form .form--inline { display: inline-block; width: 80%; } .ama-intro-pilot-list-form .form--inline > div { display: inline-block; margin: 0; width: 100%; } .ama-intro-pilot-list-form .form--inline > div input { margin: 0; } .ama-intro-pilot-list-form .form--inline > div.form-item { margin-right: 10px; } .ama-intro-pilot-list-form .form--inline .form-actions { display: none; } .ama-intro-pilot-remove-form { text-align: center; } .ama-intro-pilot-remove-form .delete-confirm-message { margin-bottom: 20px; } .ama-member-directory-form .fields { margin-bottom: 20px; } @media (max-width: 767px) { .ama-member-directory-form .form-actions { text-align: center; } } .ama-membership-form { max-width: 980px; margin-left: auto; margin-right: auto; } .ama-membership-form:after { content: " "; display: block; clear: both; } @media (max-width: 767px) { .ama-membership-form { padding-left: 20px; padding-right: 20px; } } .ama-membership-form .number-cols-2 .form-item { box-sizing: border-box; width: 50%; float: left; padding-right: 5px; } .ama-membership-form .number-cols-2 .form-item:last-child { padding-right: 0; } @media (max-width: 767px) { .ama-membership-form .number-cols-2 .form-item { box-sizing: border-box; width: 100%; float: left; float: none; } } .ama-membership-form table { width: 100%; } .ama-membership-form table th { text-align: left; } @media (min-width: 1024px) { .ama-membership-form table td.tdno0, .ama-membership-form table td.tdno3, .ama-membership-form table td.tdno4, .ama-membership-form table td.tdno5, .ama-membership-form table td.tdno6 { width: 15%; } .ama-membership-form table td.tdno1 .ama-membership-form table td.tdno2 { width: 20%; } } .ama-membership-form #clickable-element-container .page-title { text-align: center; } .ama-membership-form #clickable-element-container .field--name-body { margin-top: 20px; } .ama-membership-form #clickable-element-container .form-item-phone-part { width: 100%; } @media (max-width: 767px) { .ama-membership-form #clickable-element-container .form-item-phone-part { width: 100%; } } .ama-membership-form #clickable-element-container #activate-info-wrapper .form-item-email { width: 99%; } @media (max-width: 767px) { .ama-membership-form #clickable-element-container #activate-info-wrapper .form-item-email { width: 100%; } } .ama-membership-form #clickable-element-container .activate-pass-wrapper .form-item { display: inline-block; width: 48%; padding-right: 5px; } @media (max-width: 767px) { .ama-membership-form #clickable-element-container .activate-pass-wrapper .form-item { width: 100%; } } .ama-membership-form #clickable-element-container .activate-pass-wrapper .form-item:first-child { width: 50%; } @media (max-width: 767px) { .ama-membership-form #clickable-element-container .activate-pass-wrapper .form-item:first-child { width: 100%; } } .ama-membership-form #clickable-element-container .activate-pass-wrapper .form-item:last-child { padding-right: 0; } .ama-membership-form #clickable-element-container .center { text-align: center; margin: 50px auto 0; width: 100%; } .ama-membership-form #clickable-element-container .center .messages--error { margin-bottom: 40px; } .ama-membership-form #clickable-element-container .center .form-item-phone-part { width: 100%; } .ama-membership-form #clickable-element-container .center .form-item-phone-part strong { display: block; margin-bottom: 10px; } .ama-membership-form #clickable-element-container .center .form-item-phone-part label { display: inline-block; width: 10%; letter-spacing: 1.5px; } @media (min-width: 0px) and (max-width: 479px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-membership-form #clickable-element-container .center .form-item-phone-part label { font-size: 1.125rem; line-height: 1.35rem; } } .ama-membership-form #clickable-element-container .center .form-item-phone-part label:after { display: none; } .ama-membership-form #clickable-element-container .center .form-item-phone-part input { display: inline-block; width: 15%; min-width: auto; } .ama-membership-form .form-actions { text-align: center; } @media (max-width: 767px) { .ama-membership-form .form-actions input[type="submit"]:first-child { /**/ margin-bottom: 10px !important; } } .ama-membership-form input[type="submit"].form-submit { margin-top: 20px; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .ama-membership-form input[type="submit"].form-submit { margin-top: 20px; } } #ama-membership-purchase, #ama-membership-purchase-quick { max-width: 980px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } #ama-membership-purchase:after, #ama-membership-purchase-quick:after { content: " "; display: block; clear: both; } #ama-membership-purchase .step-one-next-button, #ama-membership-purchase-quick .step-one-next-button { display: none; } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } @media (min-width: 1220px) { #ama-membership-purchase .description, #ama-membership-purchase-quick .description { font-size: 0.95rem; line-height: 1.14rem; } } #ama-membership-purchase .description { margin-top: 0.5em; } #ama-membership-purchase .message-expiration span, #ama-membership-purchase-quick .message-expiration span { display: inline-block; } #ama-membership-purchase .message-expiration span:first-child, #ama-membership-purchase-quick .message-expiration span:first-child { padding-right: 10px; } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { #ama-membership-purchase .info.message .mb-type, #ama-membership-purchase-quick .info.message .mb-type { font-size: 1.5rem; line-height: 1.8rem; } } #ama-membership-purchase .existing .form-actions, #ama-membership-purchase .search-form .form-actions, #ama-membership-purchase-quick .existing .form-actions, #ama-membership-purchase-quick .search-form .form-actions { text-align: left; } #ama-membership-purchase .search-form, #ama-membership-purchase-quick .search-form { margin-top: 20px; } @media (min-width: 980px) { #ama-membership-purchase .search-form .fieldset-wrapper .form-item, #ama-membership-purchase-quick .search-form .fieldset-wrapper .form-item { display: inline-block; width: 24.65%; } } #ama-membership-purchase .form-actions, #ama-membership-purchase-quick .form-actions { text-align: center; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item { background: #E0EFF6; padding-left: 32px; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item .fieldset-wrapper .form-type-radio, #ama-membership-purchase .subscription.ama-collapsible fieldset.item .fieldset-wrapper .form-type-checkbox, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item .fieldset-wrapper .form-type-radio, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item .fieldset-wrapper .form-type-checkbox { display: inline-block; max-width: 10%; vertical-align: middle; margin-top: -5px; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item .fieldset-wrapper .text-container, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item .fieldset-wrapper .text-container { display: inline-block; max-width: 90%; vertical-align: middle; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item .fieldset-wrapper .text-container h3 p, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item .fieldset-wrapper .text-container h3 p { margin-top: 9px; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item.MAE, #ama-membership-purchase .subscription.ama-collapsible fieldset.item.PPE, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item.MAE, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item.PPE { background: transparent; } #ama-membership-purchase .subscription.ama-collapsible fieldset.item.MAE .form-type-checkbox, #ama-membership-purchase .subscription.ama-collapsible fieldset.item.PPE .form-type-checkbox, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item.MAE .form-type-checkbox, #ama-membership-purchase-quick .subscription.ama-collapsible fieldset.item.PPE .form-type-checkbox { max-width: 100%; } #ama-membership-purchase .subscription.ama-collapsible > .details-wrapper, #ama-membership-purchase-quick .subscription.ama-collapsible > .details-wrapper { background-color: #FCFEFD; padding-bottom: 31px; } #ama-membership-purchase .subscription.ama-collapsible > .details-wrapper h4, #ama-membership-purchase-quick .subscription.ama-collapsible > .details-wrapper h4 { margin-bottom: 34px; } #ama-membership-purchase .radios-as-button, #ama-membership-purchase-quick .radios-as-button { vertical-align: top; } #ama-membership-purchase .radios-as-button .form-type-radio:last-child:not(.form-item-museum-donation), #ama-membership-purchase-quick .radios-as-button .form-type-radio:last-child:not(.form-item-museum-donation) { display: none; } #ama-membership-purchase table.summary, #ama-membership-purchase-quick table.summary { width: 100%; } #ama-membership-purchase table tr.header-row, #ama-membership-purchase-quick table tr.header-row { border-bottom: 1px solid #0476C7; } #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { padding-left: 20px; font-family: "TrendaBold"; font-weight: 800; font-style: normal; color: #1F3841; letter-spacing: 0em; text-align: left; } #ama-membership-purchase table tr.header-row td:first-child, #ama-membership-purchase-quick table tr.header-row td:first-child { display: none; } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.4375rem; line-height: 1.725rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.4375rem; line-height: 1.725rem; } } @media (min-width: 1220px) { #ama-membership-purchase table tr.header-row td, #ama-membership-purchase-quick table tr.header-row td { font-size: 1.4375rem; line-height: 1.725rem; } } #ama-membership-purchase table tr.current, #ama-membership-purchase-quick table tr.current { background: #e1eff5; } #ama-membership-purchase table tr.current .donation, #ama-membership-purchase-quick table tr.current .donation { color: #E09C05; font-family: "TrendaBold"; font-weight: 700; } #ama-membership-purchase table tr.is-last-row, #ama-membership-purchase-quick table tr.is-last-row { border-bottom: 1px solid #0476C7; } #ama-membership-purchase table tr td, #ama-membership-purchase-quick table tr td { text-align: center; } #ama-membership-purchase table tr th:first-child, #ama-membership-purchase-quick table tr th:first-child { padding-left: 0; } #ama-membership-purchase table.enrollments-summary, #ama-membership-purchase-quick table.enrollments-summary { width: 100%; } #ama-membership-purchase table.enrollments-summary caption, #ama-membership-purchase-quick table.enrollments-summary caption { text-align: left; } #ama-membership-purchase table.enrollments-summary .current-enrollment-header, #ama-membership-purchase-quick table.enrollments-summary .current-enrollment-header { background: #FFFFFF; } #ama-membership-purchase table.enrollments-summary .current-enrollment-header td, #ama-membership-purchase-quick table.enrollments-summary .current-enrollment-header td { padding-top: 30px; } #ama-membership-purchase table.enrollments-summary td .form-type-radio input[type="radio"], #ama-membership-purchase-quick table.enrollments-summary td .form-type-radio input[type="radio"] { display: block; } #ama-membership-purchase table.enrollments-summary.us-auth td:first-child, #ama-membership-purchase table.enrollments-summary.us-auth th:first-child, #ama-membership-purchase-quick table.enrollments-summary.us-auth td:first-child, #ama-membership-purchase-quick table.enrollments-summary.us-auth th:first-child { display: none; } #ama-membership-purchase .form-type-checkbox.form-item-auto-renew, #ama-membership-purchase-quick .form-type-checkbox.form-item-auto-renew { padding-left: 30px; margin-top: 5px; } #ama-membership-purchase .form-type-checkbox.form-item-auto-renew label, #ama-membership-purchase-quick .form-type-checkbox.form-item-auto-renew label { padding-left: 28px; } #ama-membership-purchase .form-type-checkbox.form-item-auto-renew input + label:before, #ama-membership-purchase-quick .form-type-checkbox.form-item-auto-renew input + label:before { width: 20px; height: 20px; top: 3px; } #ama-membership-purchase .form-type-checkbox.form-item-auto-renew input:checked + label:before, #ama-membership-purchase-quick .form-type-checkbox.form-item-auto-renew input:checked + label:before { line-height: 18px !important; } @media (min-width: 1220px) { #ama-membership-purchase .address-container-inline .form-item, #ama-membership-purchase-quick .address-container-inline .form-item { width: 33.05%; margin-right: 0; } } #ama-membership-purchase .ama-membership-information-block, #ama-membership-purchase-quick .ama-membership-information-block { margin-top: 0; } #ama-membership-purchase .views-element-container .view-display-id-block_2, #ama-membership-purchase-quick .views-element-container .view-display-id-block_2 { margin-top: 40px; } #ama-membership-purchase .center, #ama-membership-purchase-quick .center { text-align: center; } #ama-membership-purchase input[disabled='disabled'], #ama-membership-purchase-quick input[disabled='disabled'] { background: #dadada; border-color: #9aa6ac; } #ama-membership-purchase .saved-enrollments, #ama-membership-purchase-quick .saved-enrollments { padding-bottom: 10px; margin-bottom: 60px; position: relative; } #ama-membership-purchase .saved-enrollments:after, #ama-membership-purchase-quick .saved-enrollments:after { content: ''; background: #000000; width: 100%; height: 1px; position: absolute; bottom: -35px; } #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-family: "TrendaBold"; font-weight: 800; font-style: normal; color: #1F3841; letter-spacing: 0em; font-style: italic; text-transform: uppercase; } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { #ama-membership-purchase .saved-enrollments summary, #ama-membership-purchase-quick .saved-enrollments summary { font-size: 1.25rem; line-height: 1.5rem; } } #ama-membership-purchase .saved-enrollments .details-wrapper table th, #ama-membership-purchase-quick .saved-enrollments .details-wrapper table th { background: #8C8C8C; } #ama-membership-purchase .summary-donation input, #ama-membership-purchase-quick .summary-donation input { max-width: 50%; } @media (max-width: 1023px) { #ama-membership-purchase .summary-donation input, #ama-membership-purchase-quick .summary-donation input { max-width: 100%; } } #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #323e49; letter-spacing: 0em; text-align: right; width: 100%; border-top: 1px solid #000000; margin-top: 30px; margin-bottom: 30px; padding-top: 30px; } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1220px) { #ama-membership-purchase .total-enrollments, #ama-membership-purchase-quick .total-enrollments { font-size: 1.875rem; line-height: 2.25rem; } } #ama-membership-purchase .ama-donate, #ama-membership-purchase-quick .ama-donate { margin-top: 40px; } #ama-membership-purchase .ama-donate .item, #ama-membership-purchase-quick .ama-donate .item { background: #E0EFF5; width: 100%; padding-left: 60px; } .fieldset-wrapper .item { max-width: 30%; display: inline-block; } .fieldset-wrapper .item img { max-width: 150px; } .fieldset-wrapper > .inline label[data-error-message] { position: relative; } .fieldset-wrapper > .inline label[data-error-message]::before { content: attr(data-error-message); display: block; color: red; position: absolute; right: 5px; transform: translateY(100%); font-size: 12px; } @media (min-width: 1220px) { .fieldset-wrapper > .inline > .form-item select { min-width: 100%; width: 100%; background-position: 90%; } .fieldset-wrapper > .inline > .form-item input[type='text'], .fieldset-wrapper > .inline > .form-item input[type='email'], .fieldset-wrapper > .inline > .form-item input[type="date-picker"], .fieldset-wrapper > .inline > .form-item input[type='date'] { min-width: 100%; width: 100%; } .fieldset-wrapper > .inline > .form-item input[type='text']::-moz-placeholder, .fieldset-wrapper > .inline > .form-item input[type='email']::-moz-placeholder, .fieldset-wrapper > .inline > .form-item input[type="date-picker"]::-moz-placeholder, .fieldset-wrapper > .inline > .form-item input[type='date']::-moz-placeholder { opacity: 1; } .fieldset-wrapper > .inline.five-elements > .form-item.form-type-select { width: 10%; } .fieldset-wrapper > .inline.five-elements > .form-item.form-type-select select { padding-left: 10px; } .fieldset-wrapper > .inline.five-elements > .form-item.form-type-textfield { width: 26%; } .fieldset-wrapper > .inline.two-elements > .form-item.form-type-select { width: 49.5%; } .fieldset-wrapper > .inline.two-elements > .form-item.form-type-textfield, .fieldset-wrapper > .inline.two-elements > .form-item.form-type-password { width: 33%; } .fieldset-wrapper > .inline.two-elements > .form-item.form-type-email, .fieldset-wrapper > .inline.two-elements > .form-item.form-item-referral-individual, .fieldset-wrapper > .inline.two-elements > .form-item.form-item-referral-code { width: 49.5%; } .fieldset-wrapper > .inline.two-elements.small-first-size > .form-item:first-child { width: 19.5%; } .fieldset-wrapper > .inline.two-elements.small-first-size > .form-item:nth-child(2) { width: 80%; } .fieldset-wrapper > .inline.three-elements > .form-item { width: 33%; } .fieldset-wrapper > .inline > .form-item { display: inline-block; } } .fieldset-wrapper .without-country-field .form-item-address-country-code { display: none; } form .container-no-gutters { margin: 0; padding: 0; } form .container-no-gutters .form-item { margin: 0; } form .container-no-gutters .form-item label { display: none; } form .items-no-gutters .form-item { margin: 0; } form .items-label-hidden .form-item label { display: none; } form .radios-as-button .form-radios .form-item label { padding-left: 20px; padding-right: 20px; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; box-sizing: border-box; width: 195px; height: 50px; text-align: center; background: #0074c8; cursor: pointer; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 0px) and (max-width: 479px) { form .radios-as-button .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { form .radios-as-button .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { form .radios-as-button .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .radios-as-button .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .radios-as-button .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { form .radios-as-button .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } form .radios-as-button .form-radios .form-item label:hover { background: #FFB400; } @media (max-width: 1023px) { form .radios-as-button .form-radios .form-item label { width: 170px; } } form .radios-as-button .form-radios .form-item label:before { display: none; } form .radios-as-button .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:before, form .radios-as-button .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:after { display: none; } form .radios-as-button .form-radios .form-item.form-type-radio input[type="radio"]:checked + label { background: #FFB400; } form .form-item input.input-as-button { min-width: inherit; width: 195px; border: 7px solid #0074c8; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; text-align: center; text-transform: uppercase; font-style: italic; box-sizing: border-box; height: 50px; } @media (min-width: 0px) and (max-width: 479px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { form .form-item input.input-as-button { font-size: 0.75rem; line-height: 0.9rem; } } form .form-item input.input-as-button:-ms-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { form .form-item input.input-as-button:-ms-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } form .form-item input.input-as-button:-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { form .form-item input.input-as-button:-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } form .form-item input.input-as-button::-moz-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { form .form-item input.input-as-button::-moz-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } form .form-item input.input-as-button::-webkit-input-placeholder { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: rgba(50, 62, 73, 0.54); letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { form .form-item input.input-as-button::-webkit-input-placeholder { font-size: 0.75rem; line-height: 0.9rem; } } @media (max-width: 1023px) { form .form-item input.input-as-button { width: 170px; } } form .form-item input.input-as-button:focus, form .form-item input.input-as-button.fill, form .form-item input.input-as-button:hover { border: 7px solid #FFB400; outline: none; } form .form-item input.input-as-button::-moz-placeholder { line-height: 32px !important; } @media (min-width: 1024px) { form .container-inline-block { display: inline-block; width: 49.2%; text-align: center; box-sizing: border-box; } } @media (min-width: 1024px) { form .container-inline-block legend { width: 100%; } } @media (min-width: 1024px) { form .container-inline-block legend span { text-align: center; width: 100%; } } .ama-nats-search-form .form-item { width: 49%; } @media (max-width: 1023px) { .ama-nats-search-form .form-item { width: 100%; } } .ama-nats-search-form .note { display: inline-block; margin-top: 25px; color: #FFFFFF; margin-left: 50%; } @media (max-width: 1023px) { .ama-nats-search-form .note { margin-left: 0px; } } @media (max-width: 767px) { .ama-nats-search-form .note { text-align: center; } } .ama-nats-search-form .note a { color: #FFFFFF; } .ama-nats-search-form .note a:hover { color: #FFFFFF !important; opacity: 0.8; } .ama-nats-search-form .form-actions { margin-top: 30px; display: inline-block; width: 100%; } .ama-nats-search-form .form-actions .form-submit { margin-bottom: 0; } .event-register-individual-form { box-sizing: border-box; max-width: 980px; margin-left: auto; margin-right: auto; } .event-register-individual-form:after { content: " "; display: block; clear: both; } .event-register-individual-form #filters { margin-bottom: 40px; } .event-register-individual-form #filters .form-radios .form-item { width: auto; } .event-register-individual-form #filters .form-radios .form-item:first-child { margin-right: 10px; } .event-register-individual-form #filters .form-radios .form-item label { padding-left: 28px; } .event-register-individual-form #filters .form-item { display: inline-block; width: 100%; } .event-register-individual-form #filters input[type="text"] { display: inline-block; vertical-align: bottom; } .event-register-individual-form #filters input[type="text"].form-submit { margin-bottom: 0; } .event-register-individual-form #results-table .messages { margin-bottom: 20px; } .event-register-individual-form #results-table .form-type-select { margin-bottom: 20px; } .event-register-individual-form #results-table .form-submit { margin-top: 20px; margin-left: 0; } .event-register-individual-form #results-table table { width: 100%; } .event-register-individual-form #results-table td .form-type-checkbox input { display: block !important; } .flying-sites-insurance-form .certificate { margin-bottom: 10px; } .flying-sites-insurance-form .form-type-checkbox input[type="checkbox"] + label:before { margin-top: 6px; } #membership-verify-form { text-align: center; } #membership-verify-form #fields-wrapper { max-width: 480px; margin: 0 auto; } #membership-verify-form #fields-wrapper .button { margin-top: 40px; } #membership-verify-form #fields-wrapper label { text-align: left; } .nats .views-exposed-form { margin-top: 10px; } .nats .views-exposed-form .form--inline { text-align: center; } .nats .views-exposed-form .form--inline .form-item { display: inline-block; float: none; } @media (max-width: 767px) { .nats .views-exposed-form .form--inline .form-item { display: block; } } .nats .views-exposed-form .form--inline .form-actions { display: inline-block; margin: 0; } @media (max-width: 767px) { .nats .views-exposed-form .form--inline .form-actions { display: block; } } .nats .views-exposed-form .form--inline .form-actions input { margin: 0; } .node-event-sanction-request-form .free-flight-container .js-form-item { display: inline-block; margin-right: 15px; } .node-event-sanction-request-form .free-flight-container .js-form-item label { padding-left: 31px; } .self-register-individual-form { box-sizing: border-box; max-width: 980px; margin-left: auto; margin-right: auto; } .self-register-individual-form:after { content: " "; display: block; clear: both; } .self-register-individual-form select[multiple="multiple"] { background: #FFFFFF; height: 80px; } .summary-form table.table-summary tr, .summary-form table.table-summary th { text-align: left; } @media (min-width: 1024px) { .summary-form table.table-summary tr, .summary-form table.table-summary th { width: 33.333%; } } .summary-form .summary-footer { margin: 40px 0; color: #839197; } .summary-form .summary-footer * { color: #839197; } .summary-form .summary-footer ul { margin-bottom: 10px; } .user-form { max-width: 820px; margin-left: auto; margin-right: auto; position: relative; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .user-form:after { content: " "; display: block; clear: both; } .user-form .field--name-field-user-location { margin-top: 30px; } .user-form .field--type-address details { margin-top: 0; } .user-form .address-container-inline .form-item { width: 33%; margin-right: 0; } @media (max-width: 1219px) { .user-form .address-container-inline .form-item { padding-right: 5px; box-sizing: border-box; } .user-form .address-container-inline .form-item:last-child { padding-right: 0; } } @media (max-width: 1023px) { .user-form .address-container-inline .form-item { display: block; width: 100%; padding-right: 0; } } .user-form select[disabled="disabled"] { background: #dadada; border-color: #9aa6ac; } .user-login-form h3 { max-width: 495px; margin-left: auto; margin-right: auto; text-align: center; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #323e49; letter-spacing: 0em; max-width: 640px; } .user-login-form h3:after { content: " "; display: block; clear: both; } @media (max-width: 620px) { .user-login-form h3 { padding-left: 20px; padding-right: 20px; } } .user-login-form h3 .forgot-password-link { display: block; margin-top: 15px; text-decoration: none; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #0083e1; letter-spacing: 0em; } .user-login-form h3 .forgot-password-link:hover { color: #0490F4; } form#user-pass-reset { max-width: 820px; margin-left: auto; margin-right: auto; } form#user-pass-reset:after { content: " "; display: block; clear: both; } .ama-footer-menu { text-align: center; margin-bottom: 45px; } .ama-footer-menu ul.menu { text-align: center; margin-left: auto; } .ama-footer-menu ul.menu li { text-decoration: none; color: #0083e1; display: inline-block; position: relative; padding: 0px 13px 0px 8px; font-size: 16px; border-right: 2px solid #0083e1; } .ama-footer-menu ul.menu li a { text-decoration: none; color: #0083e1; font-family: "TrendaBold"; } .ama-footer-menu ul.menu li a:hover { color: white; } .ama-footer-menu ul.menu li a.is-active { color: #0083e1; } .ama-footer-menu ul.menu li a.is-active:hover { color: white; } .ama-footer-menu ul.menu li:last-child { border: none; } @media (max-width: 1024px) { .ama-main-menu { display: none !important; } } .ama-main-menu .tb-megamenu-main { background: transparent; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { border-left: none; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #0083e1; letter-spacing: 0em; padding: 0px; } @media (min-width: 0px) and (max-width: 479px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item { font-size: 1.25rem; line-height: 1.5rem; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item:first-child { padding: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.active a, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item:hover a, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open.active a, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open:hover a { background-color: #0083e1 !important; color: #e6f2f6 !important; text-decoration: none !important; background-image: none; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.active a.dropdown-toggle, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item:hover a.dropdown-toggle, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open.active a.dropdown-toggle, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open:hover a.dropdown-toggle { background-color: #0083e1; color: #e6f2f6; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.active a .caret, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item:hover a .caret, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open.active a .caret, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open:hover a .caret { display: none !important; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open a.dropdown-toggle { color: #0083e1; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item > a { padding: 18px 10px; color: #0083e1; background-color: #FFFFFF; text-decoration: none; border: none; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item > a .caret { display: none !important; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu { background: #0083e1; padding: 38px 48px 0; border: none; } @media (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu { padding: 20px 30px 0; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column { padding: 0 23px; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column:first-child { padding-left: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column:last-child { padding-right: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .mega-inner { padding: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 { text-align: left; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li { font-size: 1.125rem; line-height: 1.35rem; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2 { margin-bottom: 30px; } @media (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2 { margin-bottom: 20px; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2.mega a { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; padding-bottom: 5px; padding-left: 5px; padding-top: 5px; padding-right: 5px; font-weight: normal; text-transform: capitalize; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2.mega a.active-trail { background: #17335B !important; color: #FFFFFF !important; border-bottom: 1px solid #55ade9; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2 .level-3 li.level-4 a:hover { border-bottom: none; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li a.mega-group-title { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; padding-bottom: 5px; padding-left: 5px; font-weight: normal; text-transform: capitalize; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct { padding-left: 0; padding-right: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li { font-size: 0.875rem; line-height: 1.05rem; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li a { font-family: "TrendaRegular"; color: #FFFFFF; background: transparent; padding: 5px 5px 5px 5px; border-bottom: 1px solid #55ade9; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li a:hover, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .tb-megamenu-subnav li a.active-trail { background: #17335B !important; color: #FFFFFF !important; border-bottom: 1px solid #55ade9; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .mega-group-ct { padding-left: 0; padding-right: 0; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li .mega-group-ct .mega-group-ct li a { padding-left: 17px; padding-right: 17px; border-bottom: none; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 { font-size: 1.125rem; line-height: 1.35rem; } } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li.level-1 a { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; padding-bottom: 10px; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu li .tb-megamenu-submenu { padding-right: 20px; padding-left: 20px; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-3 { padding-left: 0px; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.level-1 > .tb-megamenu-submenu.dropdown-menu .tb-megamenu-column .tb-megamenu-subnav.level-1 li.level-2.dropdown-submenu .dropdown-menu { padding: 10px; border: 0px; background: #0083e1; margin-top: 0px; margin-left: 5px; } .ama-main-menu .tb-megamenu-subnav li.tb-megamenu-item > a { background: #0083e1 !important; } .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open a.dropdown-toggle.tb-megamenu-clicked, .ama-main-menu .tb-megamenu-nav li.tb-megamenu-item.open-ms a.dropdown-toggle.tb-megamenu-clicked { background: #0083e1 !important; color: #e6f2f6 !important; } .tb-megamenu .mega.open-ms > .mega-dropdown-menu { display: block !important; } .is-active.mm-listitem__text { background: #0083e1 !important; color: #FFFFFF !important; } .mm-navbar__title span { font-size: 16px !important; /* font size inherit */ } .ama-social-networks { margin-bottom: 12px; margin-top: 77px; display: inline-block; width: auto; right: 40px; } .ama-social-networks h2 { color: #0083e1; text-align: center; font-size: 17px; margin-bottom: 0px; } .ama-social-networks ul.menu { list-style: none outside; margin: -2px 13px 5px 37px; padding: 0px; text-align: center; display: inline-block !important; width: auto; } .ama-social-networks ul.menu li { box-sizing: border-box; width: 8.33333%; float: left; width: auto; margin: 0px; } .ama-social-networks ul.menu li a { color: transparent; display: block; height: 49px; width: 49px; position: relative; } .ama-social-networks ul.menu li a span.ext { display: none; } .ama-social-networks ul.menu li a:before { font-size: 30px; font-family: FontAwesome; color: #0083e1; position: absolute; top: 50%; transform: translateY(-50%); } .ama-social-networks ul.menu li a.facebook:before { content: '\f09a'; } .ama-social-networks ul.menu li a.instagram:before { content: '\f16d'; } .ama-social-networks ul.menu li a.twitter:before { content: ''; background-image: url("../../images/x-blue-logo.svg"); background-size: contain; width: 29px; aspect-ratio: 1 / 1; } .ama-social-networks ul.menu li a.twitter:hover:before { background-image: url("../../images/x-white-logo.svg"); } .ama-social-networks ul.menu li a.youtube:before { content: '\f167'; } .ama-social-networks ul.menu li a:hover:before { color: #FFFFFF; } @media (max-width: 1024px) { #block-headeractionlinks { position: relative; top: 14px; } #block-headeractionlinks .shop, #block-headeractionlinks .search { display: none !important; } } @media (max-width: 1024px) and (max-width: 1023px) { #block-headeractionlinks .join, #block-headeractionlinks .donate, #block-headeractionlinks .login, #block-headeractionlinks .my-account { border-left: none !important; } } #block-headeractionlinks .menu { margin-bottom: 0; font-size: 0; line-height: 0; } #block-headeractionlinks .menu li { display: inline-block; border-left: 1px solid #dadada; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; min-height: 30px; padding-top: 5px; box-sizing: border-box; } @media (min-width: 0px) and (max-width: 479px) { #block-headeractionlinks .menu li { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { #block-headeractionlinks .menu li { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { #block-headeractionlinks .menu li { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { #block-headeractionlinks .menu li { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #block-headeractionlinks .menu li { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { #block-headeractionlinks .menu li { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 384px) { #block-headeractionlinks .menu li { font-size: 12px; } } #block-headeractionlinks .menu li:hover { background: #FFB400; font-family: "TrendaBold"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } #block-headeractionlinks .menu li a { color: #FFFFFF; padding: 0 5px; position: relative; text-decoration: none; text-transform: uppercase; } @media (max-width: 384px) { #block-headeractionlinks .menu li a { letter-spacing: -1px; padding: 0 3px; } } #block-headeractionlinks .menu li a:hover { text-decoration: none; } #block-headeractionlinks .menu li a:hover:after { color: #FFFFFF; } #block-headeractionlinks .menu li a:after { font-size: 18px; font-family: FontAwesome; color: #27414b; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 15px; } @media (max-width: 1024px) { #block-headeractionlinks .menu li a:after { color: #FFFFFF; } } @media (min-width: 480px) { #block-headeractionlinks .menu li a { letter-spacing: 0; padding: 0 10px; } } @media (min-width: 621px) { #block-headeractionlinks .menu li a { padding: 0 15px; } } @media (min-width: 1024px) { #block-headeractionlinks .menu li a { padding: 0 40px 0 15px; text-transform: none; } } @media (min-width: 1024px) { #block-headeractionlinks .menu li.join { background: #FFB400; } #block-headeractionlinks .menu li.join:hover { background: #ffbc1a; } #block-headeractionlinks .menu li.join a { color: #FFFFFF; padding: 0 15px 0 15px; text-transform: uppercase !important; } } #block-headeractionlinks .menu li.shop a:after { content: '\f07a'; } #block-headeractionlinks .menu li.donate a:after { content: '\f004'; } @media (max-width: 1023px) { #block-headeractionlinks .menu li.donate a:after { content: ''; } } @media (min-width: 1024px) { #block-headeractionlinks .menu li.login a:after { font-family: "ama-icons"; content: '\70'; } } #block-headeractionlinks .menu li.my-account { display: none; } #block-headeractionlinks .menu li.logout { display: none; } #block-headeractionlinks .menu li.logout a:after { content: '\f08b'; font-family: FontAwesome; } #block-headeractionlinks .menu li.search { border-left: none; line-height: 0px; background: #FFB400; position: absolute; padding-top: 4px; } #block-headeractionlinks .menu li.search a { padding: 0; padding-top: 14px; height: 6px; width: 43px; font-size: 0; display: inline-block; } #block-headeractionlinks .menu li.search a:after { font-family: "ama-icons"; content: '\61'; color: #FFFFFF; right: inherit; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding-top: 2px; } #block-headeractionlinks .menu li.search.close a:after { content: '\62'; } .user-logged-in #block-headeractionlinks .menu li.login { display: none; } .user-logged-in #block-headeractionlinks .menu li.my-account, .user-logged-in #block-headeractionlinks .menu li.logout { display: inline-block; } .user-logged-in #block-headeractionlinks .menu li.my-account li.logout, .user-logged-in #block-headeractionlinks .menu li.logout li.logout { width: 100%; } .user-logged-in #block-headeractionlinks .menu li.my-account li.logout a, .user-logged-in #block-headeractionlinks .menu li.logout li.logout a { padding-right: 40px; } .user-logged-in #block-headeractionlinks .menu li.my-account li a, .user-logged-in #block-headeractionlinks .menu li.logout li a { padding-right: 20px; } #block-headeractionlinks > ul > li.my-account.menu-item.menu-item--collapsed > a { position: relative; display: inline-block; } #block-headeractionlinks > ul > li.my-account ul.menu { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; top: 30px; } #block-headeractionlinks > ul > li.my-account:hover ul.menu { display: block; background-color: #0083e1; } nav.menu--my-account-submenu:hover ul.menu, #block-headeractionlinks > ul > li.my-account:hover ul li { display: block; border: none; } #block-mainnavigation { margin-left: 20px; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li { border-left: none; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li.active a, #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li:hover a { background-color: #0083e1; color: #FFFFFF; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li > a { padding: 18px 25px; color: #0083e1; background-color: #FFFFFF; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu { background: #0083e1; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1220px) { #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] { font-size: 1.125rem; line-height: 1.35rem; } } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li[data-level="1"] a { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; padding-bottom: 10px; } #block-mainnavigation .we-mega-menu-ul li.we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu li .we-mega-menu-submenu { padding-left: 20px; } #block-myaccountsubmenu { display: none !important; } @media (max-width: 1024px) { #block-secundary { display: none !important; } } #block-secundary .menu { margin-bottom: 0; margin-top: 0; } #block-secundary .menu li { display: inline-block; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { #block-secundary .menu li { font-size: 0.78125rem; line-height: 0.9375rem; } } @media (min-width: 480px) and (max-width: 620px) { #block-secundary .menu li { font-size: 0.84375rem; line-height: 1.0125rem; } } @media (min-width: 621px) and (max-width: 767px) { #block-secundary .menu li { font-size: 0.84375rem; line-height: 1.0125rem; } } @media (min-width: 768px) and (max-width: 1023px) { #block-secundary .menu li { font-size: 0.84375rem; line-height: 1.0125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #block-secundary .menu li { font-size: 0.84375rem; line-height: 1.0125rem; } } @media (min-width: 1220px) { #block-secundary .menu li { font-size: 0.84375rem; line-height: 1.0125rem; } } #block-secundary .menu li:last-child:after { display: none; } #block-secundary .menu li:after { content: '|'; } #block-secundary .menu li a { text-transform: uppercase; color: #FFFFFF; padding: 0 10px 0 10px; text-decoration: none; } #block-secundary .menu li a:hover { opacity: 0.8; } .menu--esr-cc-navigation .menu { display: inline-block !important; background: #0083e1; text-align: center; } .menu--esr-cc-navigation .menu li { width: 24.5% !important; } .menu--esr-cc-navigation .menu li:first-child { float: left; } .menu--esr-cc-navigation .menu li:last-child { float: right; } .menu--esr-menu, .menu--esr-cc-navigation { max-width: 980px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .menu--esr-menu:after, .menu--esr-cc-navigation:after { content: " "; display: block; clear: both; } .menu--esr-menu .menu, .menu--esr-cc-navigation .menu { margin-left: 0; margin-right: 0; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .menu--esr-menu .menu li, .menu--esr-cc-navigation .menu li { background: #0083e1; display: inline-block; padding: 5px 20px; box-sizing: border-box; width: 32.5%; text-align: center; } .menu--esr-menu .menu li.esr-cd-help, .menu--esr-menu .menu li.esr-em-help, .menu--esr-cc-navigation .menu li.esr-cd-help, .menu--esr-cc-navigation .menu li.esr-em-help { display: none; } .menu--esr-menu .menu li:hover, .menu--esr-menu .menu li.menu-item--active-trail, .menu--esr-cc-navigation .menu li:hover, .menu--esr-cc-navigation .menu li.menu-item--active-trail { background: #FFB400; } .menu--esr-menu .menu li a, .menu--esr-cc-navigation .menu li a { color: #FFFFFF; } .role-contest_director .ama-esr-form .menu--esr-menu .menu li.esr-em-help, .role-contest_director .ama-esr-form .menu--esr-menu .menu li.esr-cd-em-help { display: none; } .role-contest_director .ama-esr-form .menu--esr-menu .menu li.esr-cd-help { display: inline-block; } .role-event_manager .ama-esr-form .menu--esr-menu .menu li.esr-cd-help, .role-event_manager .ama-esr-form .menu--esr-menu .menu li.esr-cd-em-help { display: none; } .role-event_manager .ama-esr-form .menu--esr-menu .menu li.esr-em-help { display: inline-block; } .museum-social-networks { margin-bottom: 12px; margin-top: 77px; display: inline-block; width: auto; left: 40px; } .museum-social-networks h2 { color: #ffb400; text-align: center; font-size: 17px; margin-bottom: 0px; } .museum-social-networks ul.menu { list-style: none outside; margin: -2px 13px 5px 37px; padding: 0px; text-align: center; display: inline-block !important; width: auto; } .museum-social-networks ul.menu li { box-sizing: border-box; width: 8.33333%; float: left; width: auto; margin: 0px; } .museum-social-networks ul.menu li a { color: transparent; display: block; height: 49px; width: 49px; position: relative; } .museum-social-networks ul.menu li a span.ext { display: none; } .museum-social-networks ul.menu li a:before { font-size: 30px; font-family: FontAwesome; color: #ffb400; position: absolute; top: 50%; transform: translateY(-50%); } .museum-social-networks ul.menu li a.facebook:before { content: '\f09a'; } .museum-social-networks ul.menu li a.instagram:before { content: '\f16d'; } .museum-social-networks ul.menu li a.twitter:before { content: ''; background-image: url("../../images/x-yell-logo.svg"); background-size: contain; width: 29px; aspect-ratio: 1 / 1; } .museum-social-networks ul.menu li a.twitter:hover:before { background-image: url("../../images/x-white-logo.svg"); } .museum-social-networks ul.menu li a.youtube:before { content: '\f167'; } .museum-social-networks ul.menu li a:hover:before { color: #FFFFFF; } article.node { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } article.node:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { article.node img { height: auto; } } @media (max-width: 767px) { article.node img { display: block; height: auto; max-width: 100%; } article.node img.align-left, article.node img.align-right { float: none; margin: 10px auto; display: block; } } .field--name-field-content-release-date { display: none; } .path-search form.search-form #edit-basic { text-align: center; } .ama-special-page .mm-page { background: transparent; } .ama-special-page #block-nt-ama-content { background: transparent; } .ama-special-page footer#footer-outer-wrapper { box-shadow: none; } .path-webform #main-layout { width: 820px; margin: 0 auto; } @media (max-width: 1023px) { .path-webform #main-layout { width: 90%; } } .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; min-width: 400px; box-sizing: border-box; width: 100%; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { .path-webform #main-layout form input[type="text"], .path-webform #main-layout form input[type="password"], .path-webform #main-layout form input[type="email"], .path-webform #main-layout form input[type="tel"], .path-webform #main-layout form input[type="date-picker"], .path-webform #main-layout form input[type="date"] { min-width: 100%; max-width: 100%; } } .path-webform #main-layout form textarea { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; height: 158px; box-sizing: border-box; padding: 10px 25px !important; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form textarea { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form textarea { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form textarea { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { .path-webform #main-layout form textarea { min-width: 100%; max-width: 100%; } } .path-webform #main-layout form input[type="submit"] { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; padding: 7px 20px 5px; border-radius: 5px; margin-bottom: 25px; font-weight: normal !important; font-style: normal !important; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .path-webform #main-layout form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } .path-webform #main-layout form input[type="submit"]:hover, .path-webform #main-layout form input[type="submit"]:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } @media (max-width: 767px) { .path-webform #main-layout form input[type="submit"] { display: block; margin: 0 auto !important; } } .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 404px; padding-left: 25px; padding-right: 35px; width: 100%; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { .path-webform #main-layout form select, .path-webform #main-layout form input[type="number"] { min-width: 100%; max-width: 100%; } } .path-webform #main-layout form input[type="number"] { width: calc(100% - 65px); } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { border: 2px solid #FFB400; border-radius: 0; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { font-size: 1rem; line-height: 1.5rem; } } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-ms-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad:-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-moz-placeholder { font-size: 1rem; line-height: 1.5rem; } } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad::-webkit-input-placeholder { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad { min-width: 100%; max-width: 100%; } } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad input[type="submit"] { background: #ddd; color: #111; font-weight: normal; font-style: normal; width: 100%; position: relative; margin: 0; left: 0; top: 0; letter-spacing: 1px; } .path-webform #main-layout form .js-form-type-webform-signature .webform-signature-pad input[type="submit"]:hover { background: #ccc; color: #111; } .path-webform #main-layout form #edit-signature--description { display: none; } body.path-ama-schools-universities h1.page-title { margin-bottom: 28px; } .paragraph--type--inline-four-elements { max-width: 100%; margin-left: auto; margin-right: auto; background: #FFFFFF; padding-top: 65px; display: inline-block; width: 100%; } .paragraph--type--inline-four-elements:after { content: " "; display: block; clear: both; } .paragraph--type--inline-four-elements .header { text-align: center; margin-bottom: 65px; } .paragraph--type--inline-four-elements .h1 { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--inline-four-elements .h1 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--inline-four-elements .h1 { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--inline-four-elements .h1 { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--inline-four-elements .h1 { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--inline-four-elements .h1 { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1220px) { .paragraph--type--inline-four-elements .h1 { font-size: 3.75rem; line-height: 4.5rem; } } .paragraph--type--inline-four-elements .subtitle { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--inline-four-elements .subtitle { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--inline-four-elements .subtitle { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--inline-four-elements .subtitle { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--inline-four-elements .subtitle { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--inline-four-elements .subtitle { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--inline-four-elements .subtitle { font-size: 1.25rem; line-height: 1.5rem; } } .paragraph--type--inline-four-elements .items { text-align: center; max-width: 980px; margin-left: auto; margin-right: auto; margin-bottom: 100px; } .paragraph--type--inline-four-elements .items:after { content: " "; display: block; clear: both; } .paragraph--type--inline-four-elements .items > .field__item { width: 23.72881%; float: left; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(4n + 2) { margin-left: 25.42373%; margin-right: -100%; clear: none; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(4n + 3) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(4n + 4) { margin-left: 76.27119%; margin-right: -100%; clear: none; } @media (max-width: 1023px) { .paragraph--type--inline-four-elements .items > .field__item { width: 49.15254%; float: left; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } } @media (max-width: 620px) { .paragraph--type--inline-four-elements .items > .field__item { width: 100%; float: left; float: none; margin-bottom: 20px; } .paragraph--type--inline-four-elements .items > .field__item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } } .paragraph--type--inline-four-elements .items > .field__item .icon { margin-bottom: 18px; } .paragraph--type--inline-four-elements .items > .field__item .icon img { display: initial; } .paragraph--type--inline-four-elements .items > .field__item .title { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--inline-four-elements .items > .field__item .title { font-size: 1rem; line-height: 1.5rem; } } .paragraph--type--inline-four-elements .items > .field__item .description { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; padding-left: 10px; padding-right: 10px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--inline-four-elements .items > .field__item .description { font-size: 1rem; line-height: 1.5rem; } } .paragraph--type--advertising { position: relative; } .paragraph--type--advertising .image-background-formatter { height: 428px; margin: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 767px) { .paragraph--type--advertising .image-background-formatter { height: 200px; } } .paragraph--type--advertising .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 980px; margin-left: auto; margin-right: auto; width: 100%; } .paragraph--type--advertising .container:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .paragraph--type--advertising .container { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .paragraph--type--advertising .container .title { font-family: "TrendaBlackIt"; font-weight: 800; font-style: "normal"; color: #FFFFFF; letter-spacing: 0.075em; max-width: 650px; margin-bottom: 40px; text-transform: uppercase; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--advertising .container .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--advertising .container .title { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--advertising .container .title { font-size: 2.625rem; line-height: 3.15rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--advertising .container .title { font-size: 3rem; line-height: 3.6rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--advertising .container .title { font-size: 3.25125rem; line-height: 3.9015rem; } } @media (min-width: 1220px) { .paragraph--type--advertising .container .title { font-size: 3.25125rem; line-height: 3.9015rem; } } @media (max-width: 1023px) { .paragraph--type--advertising .container .title { max-width: 100%; text-align: center; } } .paragraph--type--advertising .container .btn { max-width: 524px; text-align: center; } @media (max-width: 1023px) { .paragraph--type--advertising .container .btn { max-width: 100%; } } .paragraph--type--alp-banner { position: relative; } .paragraph--type--alp-banner .image-background-formatter { height: 366px; margin: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 767px) { .paragraph--type--alp-banner .image-background-formatter { height: 250px; } } .paragraph--type--alp-banner .data { position: absolute; left: 107px; bottom: 0; top: 0; width: 32%; background: rgba(3, 25, 41, 0.77); padding-top: 45px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; } @media (max-width: 1219px) { .paragraph--type--alp-banner .data { width: 45%; } } @media (max-width: 1023px) { .paragraph--type--alp-banner .data { top: 0; width: 60%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; padding-bottom: 45px; padding-top: 45px; } } @media (max-width: 767px) { .paragraph--type--alp-banner .data { bottom: 0; top: 0; width: 100%; left: 0; } } .paragraph--type--alp-banner .data .title { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-bottom: 16px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--alp-banner .data .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--alp-banner .data .title { font-size: 1.75rem; line-height: 2.1rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--alp-banner .data .title { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--alp-banner .data .title { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--alp-banner .data .title { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1220px) { .paragraph--type--alp-banner .data .title { font-size: 2.8125rem; line-height: 3.375rem; } } .paragraph--type--alp-banner .data .title a { color: #FFFFFF; } .paragraph--type--alp-banner .data .title a:hover { opacity: 0.8; } .paragraph--type--alp-banner .data .summary { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-bottom: 30px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--alp-banner .data .summary { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--alp-banner .data .summary { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--alp-banner .data .summary { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--alp-banner .data .summary { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--alp-banner .data .summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--alp-banner .data .summary { font-size: 1.25rem; line-height: 1.5rem; } } .paragraph--type--alp-banner .data .summary p { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin: 0; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--alp-banner .data .summary p { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--alp-banner .data .summary p { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--alp-banner .data .summary p { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--alp-banner .data .summary p { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--alp-banner .data .summary p { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--alp-banner .data .summary p { font-size: 1.25rem; line-height: 1.5rem; } } .paragraph--type--summary-button-icon { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 90px; padding-right: 90px; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; } .paragraph--type--summary-button-icon:after { content: " "; display: block; clear: both; } @media (max-width: 620px) { .paragraph--type--summary-button-icon { padding-left: 40px; padding-right: 40px; } } .paragraph--type--summary-button-icon .title { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; margin-bottom: 30px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--summary-button-icon .title { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--summary-button-icon .title { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--summary-button-icon .title { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--summary-button-icon .title { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--summary-button-icon .title { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--summary-button-icon .title { font-size: 1.5rem; line-height: 1.5rem; } } .paragraph--type--summary-button-icon .summary { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--summary-button-icon .summary { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--summary-button-icon .summary { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--summary-button-icon .summary { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--summary-button-icon .summary { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--summary-button-icon .summary { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .paragraph--type--summary-button-icon .summary { font-size: 1rem; line-height: 1.5rem; } } .paragraph--type--summary-button-icon .wrapper-bottom { display: table; } .paragraph--type--summary-button-icon .wrapper-bottom > div { display: table-cell; vertical-align: middle; padding-left: 12px; } .paragraph--type--title-and-large-image { background: #1E2F3D; text-align: center; max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 47px; padding-bottom: 75px; } .paragraph--type--title-and-large-image:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .paragraph--type--title-and-large-image { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .paragraph--type--title-and-large-image > .container { max-width: 980px; margin-left: auto; margin-right: auto; } .paragraph--type--title-and-large-image > .container:after { content: " "; display: block; clear: both; } .paragraph--type--title-and-large-image .title { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-bottom: 44px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--title-and-large-image .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--title-and-large-image .title { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--title-and-large-image .title { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--title-and-large-image .title { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--title-and-large-image .title { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1220px) { .paragraph--type--title-and-large-image .title { font-size: 3.75rem; line-height: 4.5rem; } } .paragraph--type--title-and-large-image .image { width: 100%; } .paragraph--type--title-and-large-image .text-formatted, .paragraph--type--title-and-large-image p, .paragraph--type--title-and-large-image a { color: #FFFFFF; } .paragraph--type--card-collection > .field__items > .field__item:nth-child(odd) .paragraph--type--card .container { right: unset; left: 0; } @media (max-width: 1219px) { .paragraph--type--card-collection > .field__items > .field__item:nth-child(odd) .paragraph--type--card .container { left: 20px; } } .paragraph--type--card-collection > .field__items > .field__item:nth-child(odd) .paragraph--type--card .image { float: right; } .paragraph--type--card-collection > .field__items > .field__item:nth-child(even) .paragraph--type--card .container { right: 0; left: unset; } @media (max-width: 1219px) { .paragraph--type--card-collection > .field__items > .field__item:nth-child(even) .paragraph--type--card .container { right: 20px; } } .paragraph--type--card-collection > .field__items > .field__item:nth-child(even) .paragraph--type--card .image { float: left; } .paragraph--type--card-collection > .field__items > .field__item:last-child .paragraph--type--card { margin-bottom: 0; } .paragraph--type--card { max-width: 1024px; margin-left: auto; margin-right: auto; width: 100%; height: 570px; position: relative; margin-bottom: 60px; box-sizing: border-box; } .paragraph--type--card:after { content: " "; display: block; clear: both; } @media (max-width: 1219px) { .paragraph--type--card { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .paragraph--type--card { height: auto; margin-bottom: 40px; } } .paragraph--type--card .container { position: absolute; background: #0083e1; max-width: 420px; height: 510px; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 25px 35px; box-sizing: border-box; display: table; } @media (max-width: 1219px) { .paragraph--type--card .container { left: 20px; } } @media (max-width: 767px) { .paragraph--type--card .container { position: relative; left: unset !important; right: unset !important; top: unset !important; transform: unset; -webkit-transform: unset; height: auto; } } .paragraph--type--card .container .data { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .paragraph--type--card .container .data { text-align: center; } } .paragraph--type--card .container .data .title { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; text-align: center; padding-bottom: 20px; border-bottom: 3px dotted #FFFFFF; margin-bottom: 20px; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--card .container .data .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--card .container .data .title { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--card .container .data .title { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--card .container .data .title { font-size: 2.8125rem; line-height: 3.75rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--card .container .data .title { font-size: 3.5rem; line-height: 3.75rem; } } @media (min-width: 1220px) { .paragraph--type--card .container .data .title { font-size: 3.5rem; line-height: 3.75rem; } } .paragraph--type--card .container .data .description { margin-bottom: 28px; color: #FFFFFF; } .paragraph--type--card .container .data .description p { color: #FFFFFF; margin-bottom: 0; } .paragraph--type--card .container .data .description a { color: #FFFFFF; } .paragraph--type--card .container .data .description a:hover { color: #FFFFFF; opacity: 0.8; } .paragraph--type--card .container .data .learn-more { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: "normal"; color: #FFFFFF; letter-spacing: 0.05em; } @media (min-width: 0px) and (max-width: 479px) { .paragraph--type--card .container .data .learn-more { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .paragraph--type--card .container .data .learn-more { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .paragraph--type--card .container .data .learn-more { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--card .container .data .learn-more { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .paragraph--type--card .container .data .learn-more { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .paragraph--type--card .container .data .learn-more { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 767px) { .paragraph--type--card .container .data .learn-more a:after { display: none; } } .paragraph--type--card .image { float: right; line-height: 0; font-size: 0; } @media (max-width: 767px) { .paragraph--type--card .image { float: none !important; } } .ama-collapsible summary { position: relative; list-style: none; font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 20px; border: none; background: #0083e1; position: relative; border-radius: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-collapsible summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-collapsible summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-collapsible summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-collapsible summary { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-collapsible summary { font-size: 1.625rem; line-height: 1.95rem; } } @media (min-width: 1220px) { .ama-collapsible summary { font-size: 1.625rem; line-height: 1.95rem; } } .ama-collapsible summary.ui-state-active, .ama-collapsible summary[aria-expanded="true"] { background: #FFB400; } .ama-collapsible summary.ui-state-active .ui-accordion-header-icon, .ama-collapsible summary[aria-expanded="true"] .ui-accordion-header-icon { background-image: url(../../images/less.png); } .ama-collapsible summary a { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; display: inline-block; max-width: 90%; } .ama-collapsible summary .ui-accordion-header-icon { left: inherit; right: 10px; background-image: url(../../images/plus.png); height: 30px; width: 30px; margin-top: 0; transform: translateY(-50%); background-position: center; position: absolute; top: 50%; } .ama-collapsible summary:after { left: inherit; right: 10px; background-image: url(../../images/plus.png); background-repeat: no-repeat; height: 30px; width: 30px; margin-top: 0; transform: translateY(-50%); background-position: center; position: absolute; top: 50%; content: ""; } .ama-collapsible summary::-webkit-details-marker { display: none; } .ama-collapsible[open] summary { list-style: none; background: #FFB400; } .ama-collapsible[open] summary:after { background-image: url(../../images/less.png); } .ama-collapsible[open] .details-wrapper { background: #FFFFFF; border: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 40px; padding-left: 30px; padding-right: 30px; border-radius: 0; } .ama-collapsible[open] .details-wrapper .form-checkboxes { max-width: 100%; } .ama-collapsible[open] .details-wrapper .form-checkboxes > .form-item { display: inline-block; width: 33%; } @media (max-width: 479px) { .ama-collapsible[open] .details-wrapper .form-checkboxes > .form-item { width: 50%; } } @media (max-width: 767px) { .ama-collapsible[open] .details-wrapper .form-checkboxes > .form-item { width: 100%; } } #ama-counter-enrollments { display: inline-block; width: 100%; } @media (max-width: 767px) { #ama-counter-enrollments { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } #ama-counter-enrollments .counter { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: italic; display: inline-block; float: left; } @media (min-width: 0px) and (max-width: 479px) { #ama-counter-enrollments .counter { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-counter-enrollments .counter { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-counter-enrollments .counter { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-counter-enrollments .counter { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-counter-enrollments .counter { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { #ama-counter-enrollments .counter { font-size: 1.25rem; line-height: 1.5rem; } } #ama-counter-enrollments .clear-enrollments { float: right; display: inline-block; margin: 0; padding: 0; width: auto; min-width: auto; background: transparent; text-transform: capitalize; height: auto; min-height: auto; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #0083e1; letter-spacing: 0em; text-decoration: none; font-weight: normal; } @media (max-width: 767px) { #ama-counter-enrollments .clear-enrollments { margin-top: 0 !important; } } #ama-counter-enrollments .clear-enrollments:hover { color: #0490F4; } table.ui-datepicker-calendar tbody td.ui-datepicker-week-end, table.ui-datepicker-calendar thead th.ui-datepicker-week-end { padding-left: 0 !important; } #ama-progress-bar .item-list { margin-bottom: 20px; } #ama-progress-bar ul { list-style: none; margin: 0; display: table; width: 100%; } @media (max-width: 767px) { #ama-progress-bar ul { text-align: center; } } #ama-progress-bar ul li { display: inline-block; margin: 0; display: table-cell; } #ama-progress-bar ul li:last-child div { border-right: 1px solid #0083e1; } #ama-progress-bar ul li:first-child div { border-left: 1px solid #0083e1; } #ama-progress-bar ul li div { border: 1px solid #0083e1; border-right: none; border-left: none; background: #FFFFFF; height: 40px; box-sizing: border-box; padding-top: 10px; padding-left: 10px; padding-right: 20px; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; position: relative; text-align: center; } @media (min-width: 0px) and (max-width: 479px) { #ama-progress-bar ul li div { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-progress-bar ul li div { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-progress-bar ul li div { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-progress-bar ul li div { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-progress-bar ul li div { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { #ama-progress-bar ul li div { font-size: 0.875rem; line-height: 1.05rem; } } @media (max-width: 767px) { #ama-progress-bar ul li div { display: none; } } #ama-progress-bar ul li div.pb-step { padding-top: 11px; padding-left: 5px; padding-right: 15px; } @media (min-width: 0px) and (max-width: 479px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 1220px) { #ama-progress-bar ul li div.pb-step { font-size: 0.6875rem; line-height: 0.825rem; } } #ama-progress-bar ul li div.required strong:after, #ama-progress-bar ul li div.required span:after { content: '*'; color: #DA0000; } #ama-progress-bar ul li div strong { display: block; position: relative; } #ama-progress-bar ul li div.active { background: #0083e1; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (max-width: 767px) { #ama-progress-bar ul li div.active { display: block; } } #ama-progress-bar ul li div.active a { color: #FFFFFF; } #ama-progress-bar ul li:not(:first-of-type) div::before, #ama-progress-bar ul li:not(:first-of-type) div::after { content: ''; display: block; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-style: solid; border-width: 18px 0 20.4px 15px; border-color: #0083e1 transparent; box-shadow: 0 1px 0 #0083e1; } @media (max-width: 1219px) { #ama-progress-bar ul li:not(:first-of-type) div::before, #ama-progress-bar ul li:not(:first-of-type) div::after { box-shadow: none; border-width: 18px 0 20.4px 15px; } } #ama-progress-bar ul li:not(:first-of-type) div::after { left: -15px; border-color: #FFFFFF transparent; box-shadow: 0 1px 0 #0083e1; } @media (max-width: 1219px) { #ama-progress-bar ul li:not(:first-of-type) div::after { box-shadow: none; } } #ama-progress-bar ul li:not(:first-of-type) div.active::after { border-color: #0083e1 transparent; box-shadow: 0 1px 0 #0083e1; } @media (max-width: 1219px) { #ama-progress-bar ul li:not(:first-of-type) div.active::after { box-shadow: none; } } .bootstrap-select .dropdown-menu { background: white; position: absolute; left: 0; right: 0; z-index: 111; list-style: none; margin-top: 2px; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.3); } .bootstrap-select .dropdown-menu > .inner.show { overflow-x: hidden; } .bootstrap-select .dropdown-menu.show { z-index: 2 !important; } .bootstrap-select .dropdown-menu.show li { padding: 9px 0; } .bootstrap-select .dropdown-menu.show li:hover { background-color: #f5f5f5; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; position: relative; border: 2px solid #FFB400; box-sizing: border-box; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button { border: none !important; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button.active-filter:not(.bs-placeholder) { box-shadow: inset 0px -4px 0px 0px #FFB400; } .bootstrap-select select + button + .dropdown-menu ul li a span.text:before { top: 2px; } .bootstrap-select .dropdown-menu li a span.text { margin-left: 40px; margin-right: 5px; } .bootstrap-select button[data-toggle="dropdown"].btn-light.dropdown-toggle .filter-option { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-top: 0; padding-left: 5px; } .ama-club-finder-form .form--inline .fields-container:last-child > .form-actions { margin-left: 0; margin-top: 15px; } .ama-club-finder-form .form--inline .fields-container:last-child > .form-actions > .button.form-submit { margin: 1em 0 0 0 !important; } .ama-club-finder-form .form--inline .search-filter-badges { display: block; } .ama-club-finder-form .form--inline .search-filter-badges .btn-search-filter-badge { cursor: pointer; } .ama-club-finder-form .form--inline .search-filter-badges .btn-search-filter-badge:hover { background-color: #f2f2f291; } .ama-club-finder-form #edit-first-row, .ama-club-finder-form [id^="edit-first-row"] { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin-top: 10px; } @media (max-width: 479px) { .ama-club-finder-form #edit-first-row, .ama-club-finder-form [id^="edit-first-row"] { gap: 20px; } } .ama-club-finder-form #edit-first-row > .js-form-item, .ama-club-finder-form [id^="edit-first-row"] > .js-form-item { margin-bottom: 0; } @media (max-width: 479px) { .ama-club-finder-form #edit-first-row > .js-form-item, .ama-club-finder-form [id^="edit-first-row"] > .js-form-item { display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 479px) { .ama-club-finder-form #edit-first-row > .js-form-item.form-item-distance-value, .ama-club-finder-form [id^="edit-first-row"] > .js-form-item.form-item-distance-value { display: none; } } .ama-club-finder-form #edit-first-row > .form-item-distance-distance-from, .ama-club-finder-form [id^="edit-first-row"] > .form-item-distance-distance-from { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-left: 12px; margin-top: -23px; } @media (max-width: 767px) { .ama-club-finder-form #edit-first-row > .form-item-distance-distance-from, .ama-club-finder-form [id^="edit-first-row"] > .form-item-distance-distance-from { margin-top: 0; } } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; gap: 10px; } @media (max-width: 620px) { .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container { margin-top: 20px; } } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item { max-width: calc(50% - 10px); width: calc(50% - 10px); } @media (max-width: 620px) { .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item { max-width: 100%; width: 100%; } } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item:not(.form-item-fria-site):not(.form-item-ride-site) > label { display: none; } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item.form-item-fria-site, .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item.form-item-ride-site { margin-top: 5px; max-width: 100%; width: 100%; } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item.form-item-fria-site > label, .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item.form-item-ride-site > label { font-family: "TrendaRegular"; font-size: 1rem; line-height: 1.5rem; padding: 1px 0 0 30px; } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item button.dropdown-toggle:after { content: ''; display: inline-block; min-width: 23px; height: 100%; background-image: url(../../images/dropdown-arrow.png); background-position: 97%; background-repeat: no-repeat; } .ama-club-finder-form .multiple-select2-with-checkboxes > .inner-container > .js-form-item .filter-option-inner-inner { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; font-size: 1rem; line-height: 1.5rem; } .bootstrap-select { width: 220px; } @media (min-width: 0px) and (max-width: 575px) { .bootstrap-select { width: calc(100vw - 90px) !important; } } .bootstrap-select .dropdown-menu.show { min-width: 229px !important; } .bootstrap-select .dropdown-menu.show > .inner.show { overflow-x: hidden !important; } .bootstrap-select .dropdown-menu.show .dropdown-item.active:before { display: none; } .bootstrap-select .dropdown-menu.show .bs-searchbox { border-bottom: 1px solid #dedede; padding: 0px 10px 10px 10px; margin-bottom: 0.5rem; } .bootstrap-select .dropdown-menu.show .bs-searchbox input { border: solid 1px #dedede; height: 30px; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: normal; color: #747376; background-image: url("../images/icons/search-icon.svg"); background-repeat: no-repeat; background-position: 10px center; padding-left: 33px; } .bootstrap-select .dropdown-menu.show .bs-searchbox input:focus { box-shadow: none; } .bootstrap-select button[data-toggle="dropdown"].btn-light.dropdown-toggle { background-color: #fff; border: solid 1px #dedede; } .bootstrap-select button[data-toggle="dropdown"].btn-light:not(:disabled):not(.disabled):active { color: rgba(0, 0, 0, 0.7); background-color: #fff; border: solid 1px #4ea1e6; } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle { font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.3px; color: rgba(0, 0, 0, 0.7); height: 40px; min-width: 230px; border: solid 1px #dedede; background-color: #fff; border-radius: 0px; } @media (min-width: 0px) and (max-width: 575px) { .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle { min-width: 180px; } } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle:hover { background-color: #fff; border: solid 1px #dedede; color: rgba(0, 0, 0, 0.7); } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle:focus, .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle[aria-expanded="true"] { outline: none !important; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 120, 215, 0.5); border: solid 1px #4ea1e6; color: rgba(0, 0, 0, 0.7); width: inherit; } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle .filter-option { padding-top: 2px; } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle:after { background-image: url(../images/icons/chevron-down-solid.svg); width: 10px; height: 10px; border: 0px; } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle.bs-placeholder { color: rgba(0, 0, 0, 0.7); } .bootstrap-select button[data-toggle="dropdown"].dropdown-toggle.bs-placeholder:hover { color: inherit; } .bootstrap-select select + button + .dropdown-menu ul li a { min-height: 40px; padding-top: 8px; } .bootstrap-select select + button + .dropdown-menu ul li a.selected span.check-mark { right: initial; left: 11px; width: 18px; height: 18px; border-radius: 2px; border: solid 2px #0078d7; background-color: #0078d7; z-index: 2; top: 10px; } .bootstrap-select select + button + .dropdown-menu ul li a span.bs-ok-default:after { display: none; } .bootstrap-select select + button + .dropdown-menu ul li a span.bs-ok-default:before { position: absolute; border-radius: 2px; top: -5px; left: 4px; content: '\02143'; font-size: 14px; transform: rotate(45deg); color: #fff; } .bootstrap-select select + button + .dropdown-menu ul li a span.text:before { width: 18px; height: 18px; border-radius: 2px; border: solid 2px rgba(0, 0, 0, 0.38); display: inline-block; content: ""; position: absolute; left: 11px; top: 10px; } .bootstrap-select .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 10px !important; } .bootstrap-select select:not([multiple]) + button + .dropdown-menu ul li a.selected span.check-mark, .bootstrap-select select:not([multiple]) + button + .dropdown-menu ul li a span.text:before { border-radius: 50%; } .donate-type { padding: 30px 25px; box-sizing: border-box; display: table; } @media (max-width: 767px) { .donate-type { display: inline-block; } } .donate-type .left { width: 70%; float: left; padding-right: 30px; box-sizing: border-box; float: none; vertical-align: middle; display: table-cell; } @media (max-width: 767px) { .donate-type .left { width: 100%; float: left; float: none; padding: 0; margin-bottom: 20px; display: block; } } .donate-type .left .title { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; text-decoration: none; } @media (min-width: 0px) and (max-width: 479px) { .donate-type .left .title { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .donate-type .left .title { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .donate-type .left .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .donate-type .left .title { font-size: 1.25rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .donate-type .left .title { font-size: 1.5rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .donate-type .left .title { font-size: 1.5rem; line-height: 1.125rem; } } .donate-type .left .title:hover { opacity: 0.8; } .donate-type .left p { margin-bottom: 0; } .donate-type .left .link { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .donate-type .left .link { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .donate-type .left .link { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .donate-type .left .link { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .donate-type .left .link { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .donate-type .left .link { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .donate-type .left .link { font-size: 1rem; line-height: 1.2rem; } } .donate-type .left .link a { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; } .donate-type .right { width: 30%; float: left; padding-left: 30px; box-sizing: border-box; } @media (max-width: 767px) { .donate-type .right { width: 100%; float: left; float: none; padding: 0; } } .donate-type .right .form-radios .form-item label { padding-left: 20px; padding-right: 20px; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; box-sizing: border-box; width: 195px; height: 50px; text-align: center; background: #0074c8; cursor: pointer; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 0px) and (max-width: 479px) { .donate-type .right .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .donate-type .right .form-radios .form-item label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .donate-type .right .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .donate-type .right .form-radios .form-item label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .donate-type .right .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .donate-type .right .form-radios .form-item label { font-size: 1rem; line-height: 1.2rem; } } .donate-type .right .form-radios .form-item label:hover { background: #FFB400; } @media (max-width: 1023px) { .donate-type .right .form-radios .form-item label { width: 170px; } } .donate-type .right .form-radios .form-item label:before { display: none; } .donate-type .right .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:before, .donate-type .right .form-radios .form-item.form-type-radio input[type="radio"]:checked + label:after { display: none; } .donate-type .right .form-radios .form-item.form-type-radio input[type="radio"]:checked + label { background: #FFB400; } .donate-type .right .form-item input[type="text"] { width: 195px; } @media (max-width: 1023px) { .donate-type .right .form-item input[type="text"] { width: 170px; } } .donate-type .right .link a { display: inline-block; padding-left: 20px; padding-right: 20px; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; box-sizing: border-box; width: 195px; height: 50px; text-align: center; background: #0074c8; cursor: pointer; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 0px) and (max-width: 479px) { .donate-type .right .link a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .donate-type .right .link a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .donate-type .right .link a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .donate-type .right .link a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .donate-type .right .link a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .donate-type .right .link a { font-size: 1rem; line-height: 1.2rem; } } .donate-type .right .link a:hover { background: #FFB400; } @media (max-width: 1023px) { .donate-type .right .link a { width: 170px; } } .geofield-google-map .gm-style div div div div:nth-child(4) > div { width: 243px !important; } .geofield-google-map .gm-style div div div div div.gm-style-iw-t:after { border-top: 11px solid rgba(4, 118, 199, 0.59) !important; } .geofield-google-map .gm-style div div div div div div.gm-style-iw { padding-left: 50px !important; padding-right: 30px !important; padding-bottom: 10px !important; background-image: url(../../images/icono-ama-white-small-min.png); background-repeat: no-repeat; background-position: top 16px left 5px; min-width: auto !important; width: 220px !important; box-sizing: border-box; background-color: rgba(4, 118, 199, 0.98) !important; border-radius: 0; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } .geofield-google-map .gm-style div div div div div div.gm-style-iw .capitalize { text-transform: capitalize; } .geofield-google-map .gm-style div div div div div div.gm-style-iw .capitalize:first-letter { text-transform: uppercase; } .geofield-google-map .gm-style div div div div div div.gm-style-iw button { right: 0 !important; top: 0 !important; background-image: url("../../images/close-white.svg") !important; background-position: center !important; opacity: 1 !important; } .geofield-google-map .gm-style div div div div div div.gm-style-iw button img { display: none !important; } .geofield-google-map .gm-style div div div div div div.gm-style-iw div { width: 100% !important; max-width: 100%; } .geofield-google-map .gm-style div div div div div div.gm-style-iw div div div { background-color: transparent !important; } @media (min-width: 0px) and (max-width: 479px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .geofield-google-map .gm-style div div div div div div.gm-style-iw { font-size: 1rem; line-height: 1.2rem; } } .geofield-google-map .gm-style div div div div div div.gm-style-iw a { font-family: TrendaBold; font-weight: 400; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; display: block; } .geofield-google-map .gm-style div div div div div div.gm-style-iw ~ div { opacity: 1 !important; right: 5px !important; } .geofield-google-map .gm-style div div div div div div.gm-style-iw ~ div:after { content: '\f00d'; font-family: FontAwesome; color: #FFFFFF; font-size: 14px; font-weight: 400; } .geofield-google-map .gm-style div div div div div div.gm-style-iw ~ div img { visibility: hidden; } .geofield-google-map .gm-style div div div div div div div:nth-child(2) { background-color: transparent !important; border: none !important; box-shadow: none !important; width: 244px !important; box-sizing: border-box; } .geofield-google-map .gm-style div div div div div div div:nth-child(4) { width: 244px !important; box-sizing: border-box; } .geofield-google-map .gm-style .gm-style-iw-d::-webkit-scrollbar { display: none; } .img-to-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } .img-to-bg img { visibility: hidden; overflow: hidden; max-width: 100%; } .ama-accordion .item { margin-bottom: 40px; } .ama-accordion .item .ui-accordion-header { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 20px; border: none; background: #0083e1; position: relative; border-radius: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-accordion .item .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-accordion .item .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-accordion .item .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-accordion .item .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-accordion .item .ui-accordion-header { font-size: 1.625rem; line-height: 1.95rem; } } @media (min-width: 1220px) { .ama-accordion .item .ui-accordion-header { font-size: 1.625rem; line-height: 1.95rem; } } .ama-accordion .item .ui-accordion-header.ui-state-active, .ama-accordion .item .ui-accordion-header[aria-expanded="true"] { background: #FFB400; } .ama-accordion .item .ui-accordion-header.ui-state-active .ui-accordion-header-icon, .ama-accordion .item .ui-accordion-header[aria-expanded="true"] .ui-accordion-header-icon { background-image: url(../../images/less.png); } .ama-accordion .item .ui-accordion-header a { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; display: inline-block; max-width: 90%; } .ama-accordion .item .ui-accordion-header .ui-accordion-header-icon { left: inherit; right: 10px; background-image: url(../../images/plus.png); height: 30px; width: 30px; margin-top: 0; transform: translateY(-50%); background-position: center; position: absolute; top: 50%; } .ama-accordion .item .ui-widget-content { background: #FFFFFF; border: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 40px; padding-left: 30px; padding-right: 30px; border-radius: 0; } .ama-accordion .ui-accordion-header { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 20px; border: none; background: #0083e1; position: relative; border-radius: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-accordion .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-accordion .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-accordion .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-accordion .ui-accordion-header { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-accordion .ui-accordion-header { font-size: 1.625rem; line-height: 1.95rem; } } @media (min-width: 1220px) { .ama-accordion .ui-accordion-header { font-size: 1.625rem; line-height: 1.95rem; } } .ama-accordion .ui-accordion-header.ui-state-active, .ama-accordion .ui-accordion-header[aria-expanded="true"] { background: #FFB400; } .ama-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon, .ama-accordion .ui-accordion-header[aria-expanded="true"] .ui-accordion-header-icon { background-image: url(../../images/less.png); } .ama-accordion .ui-accordion-header a { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; display: inline-block; max-width: 90%; } .ama-accordion .ui-accordion-header .ui-accordion-header-icon { left: inherit; right: 10px; background-image: url(../../images/plus.png); height: 30px; width: 30px; margin-top: 0; transform: translateY(-50%); background-position: center; position: absolute; top: 50%; } .ama-accordion .ui-widget-content { background: #FFFFFF; border: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 40px; padding-left: 30px; padding-right: 30px; border-radius: 0; } .ama-boxes { max-width: 1095px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .ama-boxes:after { content: " "; display: block; clear: both; } @media (max-width: 1219px) { .ama-boxes { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .ama-boxes:after { content: " "; display: block; clear: both; } } .ama-boxes .view-header { margin-bottom: 40px; text-align: center; } @media (max-width: 1219px) { .ama-boxes .view-header { padding-left: 20px; padding-right: 20px; } } .ama-boxes .view-header .bar { max-width: 500px; width: 100%; display: inline-block; } .ama-boxes .view-header .bar a { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; box-sizing: border-box; text-decoration: none; display: inline-block; width: 100%; background: #97C7F0; padding: 12px; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .view-header .bar a { font-size: 0.75438rem; line-height: 0.90525rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .view-header .bar a { font-size: 0.75438rem; line-height: 0.90525rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .view-header .bar a { font-size: 0.87938rem; line-height: 1.05525rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .view-header .bar a { font-size: 0.87938rem; line-height: 1.05525rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .view-header .bar a { font-size: 1.00438rem; line-height: 1.20525rem; } } @media (min-width: 1220px) { .ama-boxes .view-header .bar a { font-size: 1.00438rem; line-height: 1.20525rem; } } .ama-boxes .view-header .bar.jordy-blue a { background: #97C7F0; } .ama-boxes .view-header .bar.jordy-blue a:hover { opacity: 0.8; } .ama-boxes .view-header .bar.selective-yellow a { background: #FFB400; } .ama-boxes .view-header .bar.selective-yellow a:hover { background: #0b1c65; } .ama-boxes .item { width: 18.64407%; float: left; padding: 20px 10px; background: rgba(255, 255, 255, 0.52); box-sizing: border-box; text-align: center; } .ama-boxes .item:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-boxes .item:nth-child(5n + 2) { margin-left: 20.33898%; margin-right: -100%; clear: none; } .ama-boxes .item:nth-child(5n + 3) { margin-left: 40.67797%; margin-right: -100%; clear: none; } .ama-boxes .item:nth-child(5n + 4) { margin-left: 61.01695%; margin-right: -100%; clear: none; } .ama-boxes .item:nth-child(5n + 5) { margin-left: 81.35593%; margin-right: -100%; clear: none; } @media (max-width: 1219px) { .ama-boxes .item { width: 49.15254%; float: left; margin-bottom: 10px; } .ama-boxes .item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-boxes .item:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } } @media (max-width: 767px) { .ama-boxes .item { width: 100%; float: left; float: none; margin-bottom: 20px; } .ama-boxes .item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } } .ama-boxes .item:first-child { background: #0083e1; } .ama-boxes .item:first-child h3 { padding: 0 10px; } .ama-boxes .item:first-child h3, .ama-boxes .item:first-child .title, .ama-boxes .item:first-child .description { color: #FFFFFF; } .ama-boxes .item:first-child h3 p, .ama-boxes .item:first-child h3 h2, .ama-boxes .item:first-child h3 h3, .ama-boxes .item:first-child h3 a, .ama-boxes .item:first-child .title p, .ama-boxes .item:first-child .title h2, .ama-boxes .item:first-child .title h3, .ama-boxes .item:first-child .title a, .ama-boxes .item:first-child .description p, .ama-boxes .item:first-child .description h2, .ama-boxes .item:first-child .description h3, .ama-boxes .item:first-child .description a { color: #FFFFFF; } .ama-boxes .item:first-child h3 ul:not([class]) li:before, .ama-boxes .item:first-child .title ul:not([class]) li:before, .ama-boxes .item:first-child .description ul:not([class]) li:before { color: #FFFFFF; } .ama-boxes .item:nth-child(2) .title { padding-left: 5px; padding-right: 5px; } @media (max-width: 767px) { .ama-boxes .item .title, .ama-boxes .item .mb-sub-header, .ama-boxes .item .description, .ama-boxes .item .mb-footer { height: auto !important; } } .ama-boxes .item .title { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; margin-bottom: 20px; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-boxes .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (max-width: 1219px) { .ama-boxes .item .title { margin-bottom: 0px; } } .ama-boxes .item h3 { font-family: "TrendaBoldIt"; font-weight: 700; font-style: normal; color: #0083e1; letter-spacing: 0em; font-style: italic; text-align: center; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-boxes .item h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (max-width: 1219px) { .ama-boxes .item h3 { margin-top: 10px; } } .ama-boxes .item .description { margin-bottom: 15px; margin-top: 10px; text-align: left; padding: 0 10px; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #288dd2; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-boxes .item .description { font-size: 0.875rem; line-height: 1.05rem; } } .ama-boxes .item .description p { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #288dd2; letter-spacing: 0em; margin-bottom: 10px; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-boxes .item .description p { font-size: 0.875rem; line-height: 1.05rem; } } .ama-boxes .item .description a { color: #288dd2; text-decoration: underline; } .ama-boxes .item .description a:hover { text-decoration: none; } .ama-boxes .item .description ul:not([class]) { padding: 0; list-style: none; } .ama-boxes .item .description ul:not([class]) li { padding: 0; margin-bottom: 10px; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #55ade9; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-boxes .item .description ul:not([class]) li { font-size: 0.75rem; line-height: 0.9rem; } } .ama-boxes .item .description ul:not([class]) li:before { display: none; } .ama-boxes .item .btn a { min-width: 144px; min-height: 40px; padding: 12px 20px 5px; text-decoration: none; } .ama-boxes .item .mb-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .ama-boxes .item .mb-footer h2 { margin: 0; font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; text-transform: unset; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .ama-boxes .item .mb-footer h2 { font-size: 0.9375rem; line-height: 1.125rem; } } .ama-boxes .item .mb-footer p { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-boxes .item .mb-footer p { font-size: 0.75rem; line-height: 0.9rem; } } .ama-boxes .item .mb-footer a { text-decoration: underline; } @media (min-width: 0px) and (max-width: 479px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { .ama-boxes .item .mb-footer a { font-size: 0.75rem; line-height: 0.9rem; } } .ama-boxes .item .mb-footer a:hover { text-decoration: none; } @media (max-width: 1023px) and (min-width: 768px) { .ama-boxes .item .description { height: 350px !important; } } @media (min-width: 0px) and (max-width: 479px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 480px) and (max-width: 620px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 621px) and (max-width: 767px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1024px) and (max-width: 1219px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { #ama-membership-purchase .ama-boxes .item .description { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 1220px) { #ama-membership-purchase .multiple .ama-boxes .view-content { text-align: center; } } @media (min-width: 1220px) { #ama-membership-purchase .multiple .ama-boxes .view-content .item { width: 23.72881%; float: left; clear: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; display: inline-block; vertical-align: top; } #ama-membership-purchase .multiple .ama-boxes .view-content .item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } #ama-membership-purchase .multiple .ama-boxes .view-content .item:nth-child(4n + 2) { margin-left: 25.42373%; margin-right: -100%; clear: none; } #ama-membership-purchase .multiple .ama-boxes .view-content .item:nth-child(4n + 3) { margin-left: 50.84746%; margin-right: -100%; clear: none; } #ama-membership-purchase .multiple .ama-boxes .view-content .item:nth-child(4n + 4) { margin-left: 76.27119%; margin-right: -100%; clear: none; } } @media (min-width: 768px) { #ama-membership-purchase .multiple .ama-boxes .view-content .item { clear: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; display: inline-block; vertical-align: top; } } #ama-membership-purchase .multiple .ama-boxes .view-content .item:first-child { display: none; } @media (max-width: 1023px) { .ama-card-two-columns { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .ama-card-two-columns .view-filters { background: #4395cf; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; padding-top: 20px; box-sizing: border-box; margin-bottom: 50px; } .ama-card-two-columns .view-header { margin-bottom: 5px; } @media (max-width: 767px) { .ama-card-two-columns .view-header { margin-bottom: 15px; } } .ama-card-two-columns .view-header > div { display: inline-block; width: 49.5%; vertical-align: middle; } .ama-card-two-columns .view-header > div.right { float: right; text-align: right; } .ama-card-two-columns .view-header > div.right .print { float: none; } .ama-card-two-columns .view-header > div.right .xlsx { margin-left: 15px; } .ama-card-two-columns .view-header > div.right .pdf { margin-left: 5px; } @media (max-width: 767px) { .ama-card-two-columns .view-header > div { width: 100%; text-align: center; } .ama-card-two-columns .view-header > div.right { float: none; text-align: center; } .ama-card-two-columns .view-header > div.right > span { display: block; margin-bottom: 5px; margin-top: 15px; } .ama-card-two-columns .view-header > div .print { float: none; margin-left: 0; margin-top: 0; } } .ama-card-two-columns .row { padding: 15px 10px 10px; display: inline-block; margin-bottom: 25px; background: #FFFFFF; border-left: 3px solid #393939; width: 100%; box-sizing: border-box; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .ama-card-two-columns .row .header-row { margin-bottom: 10px; display: inline-block; width: 100%; } .ama-card-two-columns .row .header-row .name, .ama-card-two-columns .row .header-row .number { width: 50%; float: left; } @media (max-width: 767px) { .ama-card-two-columns .row .header-row .name, .ama-card-two-columns .row .header-row .number { width: 100%; float: left; float: none; } } .ama-card-two-columns .row .left, .ama-card-two-columns .row .right { width: 50%; float: left; } @media (max-width: 767px) { .ama-card-two-columns .row .left, .ama-card-two-columns .row .right { width: 100%; float: left; } } .ama-card-two-columns .row .capitalize { text-transform: capitalize; } .ama-card-two-columns .row .capitalize:first-letter { text-transform: uppercase; } .ama-card-two-columns .row .capitalize a { text-transform: capitalize; } .ama-card-two-columns .row .capitalize a:first-letter { text-transform: uppercase; } .ama-card-two-columns .row:hover { background: #C0D9E4; } .ama-club-finder.registrants .attachment-after { margin-top: 0; } .ama-club-finder.registrants .attachment-after .ama-club-finder { padding-left: 0%; padding-right: 0%; } .ama-club-finder { margin-bottom: 35px; margin-top: 0 !important; } @media (max-width: 1023px) { .ama-club-finder { margin-bottom: 10px; } } .ama-club-finder .attachment-after { margin-top: 50px; } @media (max-width: 1023px) { .ama-club-finder { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .ama-club-finder .view-header ul.tabs { padding: 0; margin: 0; font-size: 0; line-height: 0; } @media (max-width: 767px) { .ama-club-finder .view-header ul.tabs { display: -ms-flexbox; display: flex; } } .ama-club-finder .view-header ul.tabs li { list-style: none; display: inline-block; font-family: "TrendaBoldIt"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; font-style: italic; height: 36px; padding: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.6875rem; line-height: 0.825rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.75rem; line-height: 0.9rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .ama-club-finder .view-header ul.tabs li { font-size: 0.875rem; line-height: 1.05rem; } } @media (max-width: 479px) { .ama-club-finder .view-header ul.tabs li { width: 100%; margin: 0; } } .ama-club-finder .view-header ul.tabs li:nth-child(2) { padding-left: 5px; padding-right: 5px; } @media (max-width: 767px) { .ama-club-finder .view-header ul.tabs li:nth-child(2) { padding-left: 3px; padding-right: 3px; } } .ama-club-finder .view-header ul.tabs li a { background: #aaaeb0; color: #FFFFFF; padding: 10px 15px; box-sizing: border-box; display: inline-block; text-transform: uppercase; text-decoration: none; } @media (max-width: 767px) { .ama-club-finder .view-header ul.tabs li a { padding: 11.5px 4px; } } @media (max-width: 479px) { .ama-club-finder .view-header ul.tabs li a { width: 100%; text-align: center; white-space: nowrap; } } .ama-club-finder .view-header ul.tabs li a.active, .ama-club-finder .view-header ul.tabs li a:hover { background: #267cba; } .ama-club-finder .view-header ul.tabs li:before { display: none; } .ama-club-finder .view-filters { background: #4395cf; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; padding-top: 20px; box-sizing: border-box; } @media (max-width: 479px) { .ama-club-finder .view-filters { padding-left: 10px; padding-right: 10px; } } .ama-club-finder:not(.ama-club-list-finder) > .view-content { display: none; } .ama-club-finder.ama-club-list-finder .view-filters { margin-bottom: 80px; } @media (max-width: 1023px) { .ama-club-finder.ama-club-list-finder .view-filters { margin-bottom: 10px; } } .ama-club-finder.esr table { max-width: 100%; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 1.3125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 1.3125rem; } } @media (min-width: 1220px) { .ama-club-finder.esr table td { font-size: 0.8125rem; line-height: 1.3125rem; } } .ama-club-finder.esr table td.tdno0 { padding-left: 10px; word-break: break-word; width: 20%; } .ama-club-finder.esr table td.tdno4 { word-break: break-word; width: 15%; } .ama-club-finder.intro-pilots table tr td:last-child { padding-left: 0px; } .ama-club-finder.ama-member-directory .view-header { margin-bottom: 5px; } @media (max-width: 767px) { .ama-club-finder.ama-member-directory .view-header { margin-bottom: 15px; } } .ama-club-finder.ama-member-directory .view-header > div { display: inline-block; width: 49.5%; vertical-align: middle; } @media (max-width: 767px) { .ama-club-finder.ama-member-directory .view-header > div { width: 100%; text-align: center; } .ama-club-finder.ama-member-directory .view-header > div .print { float: none; margin-left: 0; margin-top: 0; } } .ama-club-finder.ama-member-directory .view-content { overflow: scroll; } @media (max-width: 1023px) { .ama-club-list-finder { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .ama-club-list-finder .header-grid .summary, .ama-club-list-finder .header-grid .conventions { display: inline-block; width: 49.5%; box-sizing: border-box; margin: 0; } @media (max-width: 620px) { .ama-club-list-finder .header-grid .summary, .ama-club-list-finder .header-grid .conventions { width: 100%; text-align: left; } .ama-club-list-finder .header-grid .summary ul li a, .ama-club-list-finder .header-grid .conventions ul li a { padding-left: 0px; } } .ama-club-list-finder .header-grid .summary { width: 32%; } @media (max-width: 620px) { .ama-club-list-finder .header-grid .summary { width: 100%; } } .ama-club-list-finder .header-grid .conventions { width: 67%; } @media (max-width: 620px) { .ama-club-list-finder .header-grid .conventions { width: 100%; } } .ama-club-list-finder ul.conventions { padding: 0; margin: 0; font-size: 0; line-height: 0; text-align: right; } .ama-club-list-finder ul.conventions li { list-style: none; padding: 0; display: none; } .ama-club-list-finder ul.conventions li.leader-clubs { display: inline-block; } .ama-club-list-finder ul.conventions li.leader-clubs a:before { font-family: "ama-icons"; content: ''; vertical-align: middle; height: 30px; width: 40px; display: inline-block; margin-left: 10px; background-image: url(../../images/club-badge-bronze.png); background-size: contain; background-repeat: no-repeat; } @media (max-width: 479px) { .ama-club-list-finder ul.conventions li.leader-clubs a:before { margin-left: 0px; height: 20px; width: 30px; } } .ama-club-list-finder ul.conventions li.leader-clubs a.gold:before { background-image: url("../../images/club-badge-gold.png"); } .ama-club-list-finder ul.conventions li.leader-clubs a.silver:before { background-image: url("../../images/club-badge-silver.png"); } .ama-club-list-finder ul.conventions li.intro-pilots { display: inline-block; } .ama-club-list-finder ul.conventions li.intro-pilots a:before { font-family: "ama-icons"; content: ''; color: #9aa6ac; vertical-align: middle; background-image: url(../../images/club-badge-intro.png); background-size: contain; background-repeat: no-repeat; display: inline-block; height: 30px; margin-left: 10px; width: 40px; } @media (max-width: 479px) { .ama-club-list-finder ul.conventions li.intro-pilots a:before { width: 30px; height: 20px; } } .ama-club-list-finder ul.conventions li.fria { display: inline-block; } .ama-club-list-finder ul.conventions li.fria a:before { font-family: "ama-icons"; content: ''; color: #9aa6ac; vertical-align: middle; background-image: url(../../images/fria-badge.png); background-size: contain; background-repeat: no-repeat; display: inline-block; height: 30px; margin-left: 10px; width: 40px; } @media (max-width: 479px) { .ama-club-list-finder ul.conventions li.fria a:before { width: 30px; height: 20px; } } .ama-club-list-finder ul.conventions li.ride { display: inline-block; } .ama-club-list-finder ul.conventions li.ride a:before { font-family: "ama-icons"; content: ''; color: #9aa6ac; vertical-align: middle; background-image: url(../../images/ride-badge.png); background-size: contain; background-repeat: no-repeat; display: inline-block; height: 30px; margin-left: 10px; width: 40px; } @media (max-width: 479px) { .ama-club-list-finder ul.conventions li.ride a:before { width: 30px; height: 20px; } } .ama-club-list-finder ul.conventions li a { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: italic; padding: 10px 0 10px 0px; box-sizing: border-box; display: inline-block; text-decoration: none; background: transparent; text-transform: capitalize; } @media (min-width: 0px) and (max-width: 479px) { .ama-club-list-finder ul.conventions li a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-club-list-finder ul.conventions li a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-club-list-finder ul.conventions li a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-club-list-finder ul.conventions li a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-club-list-finder ul.conventions li a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-club-list-finder ul.conventions li a { font-size: 1rem; line-height: 1.2rem; } } .ama-club-list-finder ul.conventions li a.active, .ama-club-list-finder ul.conventions li a:hover { opacity: 0.8; background: transparent; } .ama-club-list-finder ul.conventions li:before { display: none; } .ama-club-list-finder table { width: 100%; } @media (min-width: 1024px) { .ama-club-list-finder table th.views-field-ama-club-name-field { padding-right: 32px; } } .ama-club-list-finder table th a { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } .ama-club-list-finder table th a:hover { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; opacity: 0.7; } .ama-club-list-finder table th a .tablesort--asc { background-image: url(../../images/twistie-down.svg); } .ama-club-list-finder table th a .tablesort--desc { background-image: url(../../images/twistie-up.svg); } .ama-club-list-finder table td, .ama-club-list-finder table th { text-align: center; } .ama-club-list-finder table td.first-letter, .ama-club-list-finder table th.first-letter { text-transform: lowercase; } .ama-club-list-finder table td.first-letter:first-letter, .ama-club-list-finder table th.first-letter:first-letter { text-transform: uppercase; } .ama-club-list-finder table td.capitalize, .ama-club-list-finder table th.capitalize { text-transform: capitalize; } .ama-club-list-finder table td.capitalize:first-letter, .ama-club-list-finder table th.capitalize:first-letter { text-transform: uppercase; } .ama-club-list-finder table td.title, .ama-club-list-finder table th.title { text-align: left; } @media (min-width: 1024px) { .ama-club-list-finder table td.title, .ama-club-list-finder table th.title { width: 33%; } } .ama-club-list-finder table td.info, .ama-club-list-finder table th.info { width: 18%; } .ama-club-list-finder table td.info a, .ama-club-list-finder table th.info a { text-transform: lowercase; } .ama-club-list-finder table td.icons, .ama-club-list-finder table th.icons { text-align: center; padding-left: 10px; } .ama-club-list-finder table td.icons > div .leader-clubs, .ama-club-list-finder table th.icons > div .leader-clubs { display: block; height: 40px; width: 40px; background-repeat: no-repeat; background-position: center; margin: 0 auto; } .ama-club-list-finder table td.icons > div .leader-clubs.none, .ama-club-list-finder table th.icons > div .leader-clubs.none { display: none; } .ama-club-list-finder table td.icons > div .leader-clubs.bronze, .ama-club-list-finder table th.icons > div .leader-clubs.bronze { background-image: url("../../images/club-badge-bronze.png"); } .ama-club-list-finder table td.icons > div .leader-clubs.silver, .ama-club-list-finder table th.icons > div .leader-clubs.silver { background-image: url("../../images/club-badge-silver.png"); } .ama-club-list-finder table td.icons > div .leader-clubs.gold, .ama-club-list-finder table th.icons > div .leader-clubs.gold { background-image: url("../../images/club-badge-gold.png"); } .ama-club-list-finder table td.icons > div .intro, .ama-club-list-finder table th.icons > div .intro { display: none; width: 40px; height: 40px; } .ama-club-list-finder table td.icons > div .intro.intro-pilots-yes, .ama-club-list-finder table th.icons > div .intro.intro-pilots-yes { background-image: url(../../images/club-badge-intro.png); background-repeat: no-repeat; background-position: center; display: block; margin: 0 auto; } .ama-club-list-finder table td.icons > div .fria-yes, .ama-club-list-finder table td.icons > div .ride-yes, .ama-club-list-finder table th.icons > div .fria-yes, .ama-club-list-finder table th.icons > div .ride-yes { background-repeat: no-repeat; background-position: center; background-size: contain; height: 40px; margin: 0 auto; width: 40px; } .ama-club-list-finder table td.icons > div .fria-yes, .ama-club-list-finder table th.icons > div .fria-yes { background-image: url(../../images/fria-badge.png); } .ama-club-list-finder table td.icons > div .ride-yes, .ama-club-list-finder table th.icons > div .ride-yes { background-image: url(../../images/ride-badge.png); } .ama-club-list-finder table td.center, .ama-club-list-finder table th.center { text-align: center; } @media (max-width: 1023px) { .ama-club-list-finder table tr { margin-bottom: 20px; } } .ama-club-list-finder table tr td.info-field { word-wrap: break-word; word-break: break-all; } .ama-club-list-finder table tr td.info-field a { text-transform: lowercase; } .ama-club-list-finder.roster .view-filters { margin-top: 30px; margin-bottom: 30px; } .ama-club-list-finder.roster .view-header { margin-bottom: 10px; display: inline-block; width: 100%; } @media (max-width: 767px) { .ama-club-list-finder.roster .view-header { text-align: center; } } .ama-club-list-finder.roster .view-header .print { margin-left: 30px; background: url(../../images/icon-pdf-min.png); background-position: center right; background-repeat: no-repeat; padding-right: 30px; display: inline-block; margin-top: 80px; text-align: right; float: right; } @media (max-width: 767px) { .ama-club-list-finder.roster .view-header .print { display: inline-block; margin: 0; margin-top: 15px; padding-right: 30px; float: none; } } .ama-club-list-finder.roster .view-header .header-print { display: none; } .ama-club-list-finder.roster .views-element-container .view-header { margin-bottom: 0; margin-top: 50px; } .ama-club-list-finder.roster .default-sort { position: relative; width: 20px; height: 30px; display: inline-block; position: absolute; padding-left: 2px; } .ama-club-list-finder.roster .default-sort:before { position: absolute; top: 1px; content: ""; background-image: url("../../images/twistie-up-gray.svg"); background-repeat: no-repeat; width: 18px; display: block; height: 18px; } .ama-club-list-finder.roster .default-sort:after { position: absolute; content: ""; background-image: url("../../images/twistie-down-gray.svg"); background-repeat: no-repeat; bottom: 2px; width: 18px; display: block; height: 18px; } .ama-club-list-finder.roster table td { width: 16%; } .ama-club-list-finder.roster table td.is-active { background: transparent; } .ama-club-list-finder.roster table td.tdno0 { width: 15%; } .ama-club-list-finder.roster table td.tdno2 { width: 25%; } .ama-club-list-finder.roster table td.tdno5 { padding-left: 5px; } .ama-club-list-finder.roster table tr th { background: #267cba; } .ama-club-list-finder.roster table tr th.is-active { background: #aaaeb0; } .ama-club-list-finder.roster table tr th:last-child { padding-left: 5px; } .ama-club-list-finder.intro-pilots .view-header { margin-bottom: 0; } .ama-club-list-finder.intro-pilots .view-header h2 { margin-bottom: 15px; margin-top: 0; } .ama-club-list-finder.intro-pilots .view-header .btn { margin-bottom: 10px; } @media (max-width: 1023px) { .ama-club-list-finder { padding-left: 5px; padding-right: 5px; } .ama-club-list-finder table td.title, .ama-club-list-finder table td, .ama-club-list-finder table td.info, .ama-club-list-finder table td:first-child { text-align: center !important; } } @media (max-width: 767px) { .ama-club-list-finder table td, .ama-club-list-finder table td.title, .ama-club-list-finder table td.info { width: 100% !important; box-sizing: border-box; } } .ama-documents .view-header { margin-bottom: 50px; } .ama-documents .view-header p { margin: 0; } .ama-documents .view-header h4 { margin-bottom: 0; } .ama-documents .view-header img { position: relative; top: 10px; margin-left: 15px; } .ama-documents .item .ui-widget-content { padding: 0 !important; height: auto !important; } .ama-documents .item .ui-widget-content .item { width: 100%; margin-bottom: 0; box-sizing: border-box; display: -ms-flexbox; display: flex; } .ama-documents .item .ui-widget-content .item:first-child .views-field { padding-top: 12px; padding-bottom: 12px; box-sizing: border-box; padding: 0 !important; } .ama-documents .item .ui-widget-content .item:first-child .views-field:before { padding-top: 12px; padding-bottom: 12px; padding-left: 40px; padding-right: 40px; box-sizing: border-box; } .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { content: "Doc #"; width: 100%; display: inline-block; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; border-bottom: 1px solid #323e49; text-align: center; } @media (min-width: 0px) and (max-width: 479px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-field-document-number:before { font-size: 1rem; line-height: 1.2rem; } } .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { content: "Document Description"; width: 100%; display: inline-block; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; border-bottom: 1px solid #323e49; } @media (min-width: 0px) and (max-width: 479px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-documents .item .ui-widget-content .item:first-child .views-field.views-field-title:before { font-size: 1rem; line-height: 1.2rem; } } .ama-documents .item .ui-widget-content .item:nth-child(2n+1) { background: #FFFFFF; } .ama-documents .item .ui-widget-content .item:nth-child(2n) { background: #E0EFF5; } .ama-documents .item .ui-widget-content .item .views-field { box-sizing: border-box; } .ama-documents .item .ui-widget-content .item .views-field.views-field-field-document-number { width: 20%; float: left; } .ama-documents .item .ui-widget-content .item .views-field.views-field-title { border-left: 1px solid #323e49; width: 80%; float: left; padding-right: 40px; } .ama-documents .item .ui-widget-content .item .views-field .number, .ama-documents .item .ui-widget-content .item .views-field .description { padding-top: 12px; padding-bottom: 12px; } .ama-documents .item .ui-widget-content .item .views-field .number { padding-left: 40px; padding-right: 40px; box-sizing: border-box; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-documents .item .ui-widget-content .item .views-field .number { font-size: 1rem; line-height: 1.2rem; } } .ama-documents .item .ui-widget-content .item .views-field .description { padding-left: 40px; padding-right: 40px; box-sizing: border-box; } .ama-documents .item .ui-widget-content .item .views-field .description a { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; position: relative; } @media (min-width: 0px) and (max-width: 479px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-documents .item .ui-widget-content .item .views-field .description a { font-size: 1rem; line-height: 1.2rem; } } .ama-documents .item .ui-widget-content .item .views-field .description a:hover { opacity: 0.8; } .ama-documents .item .ui-widget-content .item .views-field .description a[href*=".pdf"], .ama-documents .item .ui-widget-content .item .views-field .description a[href*=".png"] { padding-left: 30px; } .ama-documents .item .ui-widget-content .item .views-field .description a[href*=".pdf"]:before, .ama-documents .item .ui-widget-content .item .views-field .description a[href*=".png"]:before { position: absolute; left: 0; top: -2px; content: url(../../images/icon-pdf-min.png); } .ama-event-listing.ama-node .view-header { padding-bottom: 8px; margin-bottom: 25px; border-bottom: 1px solid #323e49; } .ama-event-listing.ama-node .view-header h4 { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #323e49; letter-spacing: 0em; margin: 0; display: inline-block; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1220px) { .ama-event-listing.ama-node .view-header h4 { font-size: 1.875rem; line-height: 2.25rem; } } .ama-event-listing.ama-node .view-header a { display: inline-block; margin-left: 35px; } .ama-event-listing .right .location { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .right .location { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .right .location { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .right .location { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .right .location { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .right .location { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-event-listing .right .location { font-size: 1rem; line-height: 1.2rem; } } .ama-event-listing .view-content .item .title { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .title { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .title { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .title { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .title { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .title { font-size: 1.5rem; line-height: 1.8rem; } } .ama-event-listing .view-content .item .title a { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; } .ama-event-listing .view-content .item .left { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .left { font-size: 1.375rem; line-height: 1.65rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .left { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .left { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .left { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .left { font-size: 2.25rem; line-height: 2.7rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .left { font-size: 2.25rem; line-height: 2.7rem; } } .node--type-club .ama-event-listing { padding-left: 0; padding-right: 0; } .ama-event-listing { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; position: relative; text-align: left; } .ama-event-listing:after { content: " "; display: block; clear: both; } .ama-event-listing .view-header { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-header { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-header { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-header { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-header { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-header { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { .ama-event-listing .view-header { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 1023px) { .ama-event-listing { padding-left: 20px; padding-right: 20px; } } .ama-event-listing form { background: #102134; text-align: center; padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-top: 50px; padding-bottom: 20px; margin-bottom: 73px; } .ama-event-listing form input[type="submit"] { -webkit-appearance: none; } @media (max-width: 1023px) { .ama-event-listing form input[type="submit"] { width: 95%; min-width: 95%; max-width: 95%; margin: 0 auto; } } .ama-event-listing form .form--inline .form-item { margin: 10px; } @media (max-width: 1023px) { .ama-event-listing form .form--inline .form-item { margin: 10px 0px !important; } } .ama-event-listing form .form--inline .form-item:nth-child(2n+1) { clear: both; } .ama-event-listing form .form-item { width: 47%; float: left; margin-bottom: 30px; } @media (max-width: 1023px) { .ama-event-listing form .form-item { width: 100%; float: left; float: none; margin-bottom: 0; } } .ama-event-listing form .form-item label { display: none; } .ama-event-listing form .form-item.form-item-field-event-start-date-value, .ama-event-listing form .form-item.form-item-field-event-end-date-value, .ama-event-listing form .form-item.form-item-field-event-date-value, .ama-event-listing form .form-item.form-item-field-event-date-end-value { margin-bottom: 0; } .ama-event-listing form .form-item.form-item-field-event-start-date-value:after, .ama-event-listing form .form-item.form-item-field-event-end-date-value:after, .ama-event-listing form .form-item.form-item-field-event-date-value:after, .ama-event-listing form .form-item.form-item-field-event-date-end-value:after { content: ''; display: inline-block; width: 45px; height: 40px; background: url(../../images/calendar-min.png); background-repeat: no-repeat; vertical-align: bottom; } .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="date"] { -webkit-appearance: none; width: calc(100% - 50px); min-width: inherit; } @media (max-width: 1023px) { .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-start-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-end-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-date-value input[type="date"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="text"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="date-picker"], .ama-event-listing form .form-item.form-item-field-event-date-end-value input[type="date"] { width: calc(100% - 50px); min-width: calc(100% - 50px); max-width: calc(100% - 50px); } } .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"], .ama-event-listing form .form-item input[type="date-picker"], .ama-event-listing form .form-item input[type="date"] { font-size: 0.94688rem; line-height: 1.13625rem; } } .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-ms-input-placeholder, .ama-event-listing form .form-item input[type="date"]:-ms-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]:-moz-placeholder, .ama-event-listing form .form-item input[type="date"]:-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-webkit-input-placeholder, .ama-event-listing form .form-item input[type="date"]::-webkit-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; opacity: 1; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.88438rem; line-height: 2.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.94688rem; line-height: 2.5rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item input[type="text"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date-picker"]::-moz-placeholder, .ama-event-listing form .form-item input[type="date"]::-moz-placeholder { font-size: 0.94688rem; line-height: 2.5rem; } } .ama-event-listing form .form-item select { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: rgba(0, 0, 0, 0.54); letter-spacing: 0em; width: 100%; min-width: 100%; max-width: 100%; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing form .form-item select { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing form .form-item select { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing form .form-item select { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing form .form-item select { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing form .form-item select { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .ama-event-listing form .form-item select { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (max-width: 1023px) { .ama-event-listing form .form-item select { width: 100%; min-width: 100%; max-width: 100%; } } .ama-event-listing form .form-actions { padding-top: 50px; } .ama-event-listing .view-header a { text-decoration: none; } .ama-event-listing .view-header a h2 { border-bottom: 1px solid #323e49; padding-bottom: 20px; } .ama-event-listing .view-header a h2:after { content: '\f0dd'; font-family: FontAwesome; margin-left: 15px; position: relative; top: -4px; } .ama-event-listing .view-header a.collapsed h2:after { content: '\f0da'; top: 2px; } .ama-event-listing .view-content .item { margin-bottom: 20px; position: relative; background: #FFFFFF; display: table; width: 100%; } @media (max-width: 767px) { .ama-event-listing .view-content .item { display: block; } } .ama-event-listing .view-content .item:hover { background: #C0D9E4; } .ama-event-listing .view-content .item .left { display: table-cell; width: 240px; min-height: 95px; font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background: #0083e1; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .left { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .left { font-size: 1.75rem; line-height: 2.1rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .left { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .left { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .left { font-size: 2.25rem; line-height: 2.7rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .left { font-size: 2.25rem; line-height: 2.7rem; } } @media (max-width: 767px) { .ama-event-listing .view-content .item .left { width: 100%; min-height: inherit; display: inline-block; } } .ama-event-listing .view-content .item .left span { display: block; } .ama-event-listing .view-content .item .left .date { text-align: center; position: relative; width: 240px; top: 0; bottom: 0; left: 0; background: #0083e1; text-transform: uppercase; } @media (max-width: 767px) { .ama-event-listing .view-content .item .left .date { position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; } } .ama-event-listing .view-content .item .right { display: table-cell; padding: 20px 30px; box-sizing: border-box; max-width: calc(100% - 275px); min-height: 95px; vertical-align: middle; } @media (max-width: 767px) { .ama-event-listing .view-content .item .right { max-width: 100%; display: inline-block; } } .ama-event-listing .view-content .item .right .contact { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; margin-top: 25px; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .right .contact { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .right .contact { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .right .contact { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .right .contact { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .right .contact { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .right .contact { font-size: 1rem; line-height: 1.2rem; } } .ama-event-listing .view-content .item .right .label { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; margin-right: 5px; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .right .label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .right .label { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .right .label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .right .label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .right .label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .right .label { font-size: 1rem; line-height: 1.2rem; } } .ama-event-listing .view-content .item .title { font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; text-transform: uppercase; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .title { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .title { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .title { font-size: 2.125rem; line-height: 2.55rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .title { font-size: 2.125rem; line-height: 2.55rem; } } .ama-event-listing .view-content .item .title a { color: #0083e1; font-family: "TrendaBlack"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; } .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-family: "TrendaBoldIt"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: italic; text-transform: uppercase; position: relative; top: -10px; margin-bottom: 8px; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 1rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 1rem; line-height: 2.25rem; } } @media (min-width: 1220px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { font-size: 1rem; line-height: 2.25rem; } } @media (max-width: 767px) { .ama-event-listing .view-content .item .event-type, .ama-event-listing .view-content .item .category { top: inherit; } } .ama-event-listing .view-footer { padding: 20px; } .ama-event-listing.events-page { top: -220px; } @media (max-width: 1219px) { .ama-event-listing.events-page { top: -250px; } } @media (max-width: 1023px) { .ama-event-listing.events-page { top: -410px; } } @media (max-width: 767px) { .ama-event-listing.events-page { top: -150px; } } @media (max-width: 620px) { .ama-event-listing.events-page { top: -360px; } } .ama-event-listing.events-page .view-content h3 { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: normal; } @media (min-width: 0px) and (max-width: 479px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .ama-event-listing.events-page .view-content h3 { font-size: 1.5rem; line-height: 1.8rem; } } .ama-event-listing.events-page .view-content .item .left { min-height: 162px; } @media (max-width: 767px) { .ama-event-listing.events-page .view-content .item .left { width: 100%; min-height: inherit; } } .ama-event-listing.events-page .view-content .item .right { min-height: 162px; } @media (max-width: 767px) { .ama-event-listing.events-page .view-content .item .right { width: 100%; min-height: inherit; } } .ama-event-listing.events-page .view-content .item .right .title a:after { content: '\f0da'; font-family: FontAwesome; margin-left: 15px; } .ama-gallery-slides { position: relative; } .ama-gallery-slides .flexslider { background-color: #031929; border: none; margin-bottom: 0; } @media (min-width: 768px) { .ama-gallery-slides .flexslider { background: none; } } .ama-gallery-slides .image-background-formatter { aspect-ratio: 16 / 9; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0; max-height: 600px; } .ama-gallery-slides .data { padding: 20px; box-sizing: border-box; } @media (min-width: 768px) { .ama-gallery-slides .data { background-color: rgba(3, 25, 41, 0.77); bottom: -12px; left: 0; padding-bottom: 45px; padding-left: 13.5%; padding-top: 45px; position: absolute; width: 60%; } } @media (min-width: 1024px) { .ama-gallery-slides .data { bottom: -23px; width: 45%; } } @media (min-width: 1220px) { .ama-gallery-slides .data { width: 39%; } } .ama-gallery-slides .data .title { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; font-size: clamp(25px, 3.28vw, 40px); line-height: 1.2; margin-bottom: 30px; } .ama-gallery-slides .data .title a { color: #FFFFFF; } .ama-gallery-slides .data .title a:hover { opacity: 0.8; } .ama-gallery-slides .data .summary { margin-bottom: 30px; } .ama-gallery-slides .data .summary, .ama-gallery-slides .data .summary p { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #FFFFFF; letter-spacing: 0em; font-size: clamp(18px, 2vw, 24px); line-height: 1.2; } .ama-gallery-slides .data .summary p { margin: 0; } .ama-gallery-slides .flex-control-paging li a.flex-active { background: #0083e1; } .ama-gallery-slides .flex-direction-nav { display: none; } .ama-grid-three-columns { box-sizing: border-box; padding: 40px 0; } .ama-grid-three-columns .view-header { position: relative; padding-bottom: 15px; max-width: 1024px; margin-left: auto; margin-right: auto; } .ama-grid-three-columns .view-header a { position: absolute; bottom: 13px; right: 0; text-decoration: none; color: #323e49; } @media (max-width: 620px) { .ama-grid-three-columns .view-header a { position: relative; bottom: inherit; right: inherit; } } .ama-grid-three-columns .view-header a:hover { opacity: 0.8; } .ama-grid-three-columns .view-header a h3 { margin-bottom: 0; margin-top: 0; text-transform: uppercase; color: #323e49; } @media (min-width: 0px) and (max-width: 479px) { .ama-grid-three-columns .view-header a h3 { font-size: 0.92rem; line-height: 1.104rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-grid-three-columns .view-header a h3 { font-size: 0.9825rem; line-height: 1.179rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-grid-three-columns .view-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-grid-three-columns .view-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-grid-three-columns .view-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } @media (min-width: 1220px) { .ama-grid-three-columns .view-header a h3 { font-size: 1.045rem; line-height: 1.254rem; } } .ama-grid-three-columns .view-header h1 { line-height: 1; margin-top: 0; margin-bottom: 0; color: #323e49; } .ama-grid-three-columns .view-header:after { content: " "; display: block; clear: both; } .ama-grid-three-columns .view-content { max-width: 1024px; margin-left: auto; margin-right: auto; display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); } .ama-grid-three-columns .view-content:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .ama-grid-three-columns .view-content { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .ama-grid-three-columns .view-content { grid-template-columns: 1fr; } } .ama-grid-three-columns .item { border: 3px solid #FFFFFF; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .ama-grid-three-columns .item img { display: block; height: auto; max-width: 100%; } .ama-grid-three-columns .item .image-background-formatter { aspect-ratio: 16/9; background-color: #ffffff; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: auto; min-width: auto; overflow: hidden; position: relative; width: 100%; } .ama-grid-three-columns .item .image-background-formatter::before { background: #ffffff; background-image: inherit; background-size: cover; background-position: center; content: ""; filter: blur(12px); inset: 0; position: absolute; transform: scale(1.2); z-index: 0; } .ama-grid-three-columns .item .image-background-formatter::after { background-image: inherit; background-size: contain; background-repeat: no-repeat; background-position: center; content: ""; inset: 0; position: absolute; z-index: 1; } .ama-grid-three-columns .item .label { position: absolute; top: 0; left: 0; } .ama-grid-three-columns .item .label a { letter-spacing: 3px; cursor: default !important; } .ama-grid-three-columns .item .title { -ms-flex-align: center; align-items: center; background: #0083e1; box-sizing: border-box; display: -ms-flexbox; display: flex; padding: 15px; -ms-flex: 1; flex: 1; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-grid-three-columns .item .title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-grid-three-columns .item .title { font-size: 1.4375rem; line-height: 1.725rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-grid-three-columns .item .title { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-grid-three-columns .item .title { font-size: 1.56688rem; line-height: 1.56688rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-grid-three-columns .item .title { font-size: 1.56688rem; line-height: 1.56688rem; } } @media (min-width: 1220px) { .ama-grid-three-columns .item .title { font-size: 1.56688rem; line-height: 1.56688rem; } } .ama-grid-three-columns .item .title a { -ms-flex-align: center; align-items: center; color: #FFFFFF; display: -ms-flexbox; display: flex; height: 100%; font-family: "TrendaSemibold"; font-weight: 600; } .ama-grid-three-columns .item .title a:hover { opacity: 0.8; } .ama-grid-three-columns.alp .label.post-category-172 a { background-color: #0b1c65; } .ama-hobby-shop.ama-club-finder table tr td { max-width: 318px; } .ama-member-profile { max-width: 820px; margin-left: auto; margin-right: auto; position: relative; text-align: left; padding-top: 30px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .ama-member-profile:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .ama-member-profile { padding-left: 20px; padding-right: 20px; } } .ama-member-profile .view-header h1 { border-bottom: 1px solid #323e49; padding-bottom: 5px; margin-bottom: 5px; } @media (min-width: 1024px) { .ama-member-profile .view-header h1 { padding-bottom: 20px; } } @media (min-width: 768px) { .ama-member-profile .view-header h1 { padding-bottom: 25px; } } .ama-member-profile .view-header h1 span { display: block; } @media (min-width: 768px) { .ama-member-profile .view-header h1 span { display: inline-block; margin-left: 0; vertical-align: top; } } .ama-member-profile .view-header h1 .exclusive-benefits { display: block; margin-top: 10px; } @media (min-width: 768px) { .ama-member-profile .view-header h1 .exclusive-benefits { display: inline-block; float: right; margin: 5px 0 0 0; vertical-align: top; text-align: right; } } .ama-member-profile .view-header h1 .exclusive-benefits a { background: #FFB400; display: block; color: #FFFFFF; padding: 0 13px 2px; } @media (min-width: 768px) { .ama-member-profile .view-header h1 .exclusive-benefits a { padding: 0 13px; } } .ama-member-profile .view-header h1 .exclusive-benefits a:hover, .ama-member-profile .view-header h1 .exclusive-benefits a:focus { background: #0b1c65; } .ama-member-profile .view-header h1 .exclusive-benefits a p { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin-bottom: 0; } @media (min-width: 0px) and (max-width: 479px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 1.75rem; line-height: 2.1rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 2.03125rem; line-height: 2.4375rem; } } @media (min-width: 1220px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(1) { font-size: 2.03125rem; line-height: 2.4375rem; } } .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { margin-top: -6px; } @media (min-width: 0px) and (max-width: 479px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.4375rem; line-height: 1.725rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 1220px) { .ama-member-profile .view-header h1 .exclusive-benefits a p:nth-child(2) { font-size: 1.5625rem; line-height: 1.875rem; } } .ama-member-profile .view-header a[href="/ama-members-only"] { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #0083e1; letter-spacing: 0em; display: block; background: #e0eff6; padding: 14px 12px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 0px) and (max-width: 479px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.375rem; line-height: 1.65rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .ama-member-profile .view-header a[href="/ama-members-only"] { font-size: 1.5rem; line-height: 1.8rem; } } .ama-member-profile .view-header a[href="/ama-members-only"]:hover, .ama-member-profile .view-header a[href="/ama-members-only"]:focus { color: #0490F4; text-decoration: none; } .ama-member-profile .view-content { display: block; margin-top: 28px; } .ama-member-profile .left { width: 23.05%; float: left; } @media (max-width: 1023px) { .ama-member-profile .left { width: 25.05%; float: left; } } @media (max-width: 767px) { .ama-member-profile .left { width: 100%; float: left; float: none; text-align: center; } } .ama-member-profile .left img { max-width: 100%; height: auto; } .ama-member-profile .right { width: 76.95%; float: left; padding-left: 20px; box-sizing: border-box; } @media (max-width: 1023px) { .ama-member-profile .right { width: 74.95%; float: left; } } @media (max-width: 767px) { .ama-member-profile .right { width: 100%; float: left; float: none; text-align: center; } } .ama-member-profile .right h4 { margin: 0; } .ama-member-profile .right a.username { color: #323e49; } .ama-model-aviation .view-content { display: inline-block; width: 100%; } .ama-model-aviation .item { width: 32.20339%; float: left; text-align: center; margin-bottom: 45px; } .ama-model-aviation .item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-model-aviation .item:nth-child(3n + 2) { margin-left: 33.89831%; margin-right: -100%; clear: none; } .ama-model-aviation .item:nth-child(3n + 3) { margin-left: 67.79661%; margin-right: -100%; clear: none; } @media (max-width: 1023px) { .ama-model-aviation .item { width: 49.15254%; float: left; } .ama-model-aviation .item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ama-model-aviation .item:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; } .ama-model-aviation .item img { width: 100%; max-width: 312px; } } @media (max-width: 767px) { .ama-model-aviation .item { width: 100%; float: left; float: none; } .ama-model-aviation .item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } .ama-model-aviation .item img { max-width: 312px; } } .ama-node-banner-hero-image { position: relative; top: -130px; margin-bottom: 60px; } @media (max-width: 1219px) { .ama-node-banner-hero-image { margin-bottom: 50px; } } @media (max-width: 767px) { .ama-node-banner-hero-image { top: inherit; } } .ama-node-banner-hero-image .image-background-formatter { height: 578px; margin: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .ama-node-banner-hero-image .image-background-formatter:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(9, 33, 91, 0.65); } @media (max-width: 767px) { .ama-node-banner-hero-image .image-background-formatter { height: auto; } } .ama-node-banner-hero-image .views-field-title { position: absolute; left: 0; right: 0; top: 62%; transform: translateY(-62%); -webkit-transform: translateY(-62%); text-align: center; } @media (max-width: 767px) { .ama-node-banner-hero-image .views-field-title { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } } .ama-node-banner-hero-image .views-field-title h1 { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; margin: 0; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } @media (min-width: 0px) and (max-width: 479px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1220px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 0px) and (max-width: 479px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 3.75rem; line-height: 4.5rem; } } @media (min-width: 1220px) { .ama-node-banner-hero-image .views-field-title h1 { font-size: 3.75rem; line-height: 4.5rem; } } .search-filter-badges { -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; place-content: start; } .search-filter-badges .btn-search-filter-badge { background-color: #f2f2f2; border-radius: 15px; border-style: none; color: rgba(0, 0, 0, 0.7); display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-weight: 600; margin-right: 3px; margin-top: 10px; padding: 5px 10px 4px 10px; } .search-filter-badges .btn-search-filter-badge:hover { background-color: rgba(0, 0, 0, 0.08); } .search-filter-badges .btn-search-filter-badge .badge-text { font-size: 13px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: normal; } .search-filter-badges .btn-search-filter-badge .badge-close { background-color: transparent; background-image: url("../../images/badge-close.svg"); background-repeat: no-repeat; display: -ms-inline-flexbox; display: inline-flex; margin-top: 2px; margin-left: 7px; min-height: 16px; min-width: 16px; top: 1px; } @media (min-width: 0px) and (max-width: 767px) { .search-filter-badges .btn-search-filter-badge { -ms-flex-item-align: start; align-self: flex-start; margin-top: 15px; } } @media (min-width: 0px) and (max-width: 767px) { .search-filter-badges { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; margin-bottom: 15px; } } .atpco-search-documents-csa-notifcations .exposed-filters .bottom-container + a { display: none; } .atpco-search-documents-csa-notifcations .exposed-filters #edit-actions { margin: 0; } .atpco-subscriber-readiness-view .exposed-filters form .form-row .bottom-container .bottom-left-container .inner-container .form-actions { display: -ms-flexbox; display: flex; margin-left: 0 !important; } .atpco-search-view .bottom-container, .atpco-filters-header .bottom-container, .atpco-search-table-view .bottom-container { width: 100%; } .atpco-search-view .form-row .form-actions, .atpco-filters-header .form-row .form-actions, .atpco-search-table-view .form-row .form-actions { -ms-flex-item-align: start; align-self: flex-start; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; max-width: 100%; } .atpco-search-view .form-row .form-actions .button, .atpco-filters-header .form-row .form-actions .button, .atpco-search-table-view .form-row .form-actions .button { -ms-flex-align: center; align-items: center; background-color: transparent; border-style: none; display: -ms-inline-flexbox; display: inline-flex; font-size: 15px; margin-top: 10px; min-width: inherit; padding-left: 15px; padding-right: 15px; } .atpco-search-view .form-row .form-actions .button:hover, .atpco-filters-header .form-row .form-actions .button:hover, .atpco-search-table-view .form-row .form-actions .button:hover { background-color: rgba(29, 78, 143, 0.1); } .ama-table { margin-bottom: 60px; } @media (max-width: 1023px) { .ama-table { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .ama-table table { width: 100%; } .ama-table table td { text-align: center; } .ama-table table td.title { font-family: "TrendaBold"; font-weight: 700; width: 30%; } .ama-table table td.title a { color: #000000; opacity: 0.8; } .ama-table span.mailto { display: none; } .ama-table.nats .views-table caption { border-top: 1px solid #0074c8; padding-top: 25px; margin-top: 25px; margin-bottom: 0; font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-table.nats .views-table caption { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-table.nats .views-table caption { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-table.nats .views-table caption { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-table.nats .views-table caption { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-table.nats .views-table caption { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .ama-table.nats .views-table caption { font-size: 1.5rem; line-height: 1.8rem; } } .ama-table.nats .views-table td { text-align: left; } .ama-table .attachment-before { text-align: center; } .ama-table .attachment-before .views-summary { display: inline-block; padding-left: 12px; } .ama-toggle-row.ama-node { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin-bottom: 31px; } .ama-toggle-row.ama-node:after { content: " "; display: block; clear: both; } .ama-toggle-row.ama-node .center { text-align: center; } .ama-toggle-row.ama-node.intro-pilots .view-header h1 .intro-pilots-icon { width: 130px; height: 20px; background: url("../../images/icon-club-title-min.png"); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-top: 20px; } .ama-toggle-row.ama-node.even .rows .views-field:nth-child(2n+1) { background: #FFFFFF !important; } .ama-toggle-row.ama-node.even .rows .views-field:nth-child(2n) { background: #E0EFF5 !important; } .ama-toggle-row.ama-node .rows { margin-bottom: 0; font-size: 0; line-height: 0; } .ama-toggle-row.ama-node .rows li { margin-bottom: 0; } .ama-toggle-row.ama-node .rows li .views-field { padding: 15px 15px; } .ama-toggle-row.ama-node .rows li .views-field:nth-child(2n+1) { background: #E0EFF5 !important; } .ama-toggle-row.ama-node .rows li .views-field:nth-child(2n) { background: #FFFFFF !important; } .ama-toggle-row.ama-node .rows li .views-field:last-child { padding: 15px 15px; text-align: left; } .ama-toggle-row.ama-node .rows li .views-field .location a { display: inline-block; } .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address { padding-left: 0%; padding-right: 0%; } .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location .views-label, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address .views-label { width: 25.05%; float: left; padding-left: 15px; box-sizing: border-box; } @media (max-width: 620px) { .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location .views-label, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address .views-label { width: 28.05%; float: left; padding-right: 10px; box-sizing: border-box; word-break: break-word; } } .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location .field-content, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address .field-content { width: 74.95%; float: left; padding-right: 15px; box-sizing: border-box; } @media (max-width: 620px) { .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location .field-content, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address .field-content { width: 71%; float: left; } } .ama-toggle-row.ama-node .rows li .views-field.views-field-field-location .geofield-google-map, .ama-toggle-row.ama-node .rows li .views-field.views-field-field-evt-location-address .geofield-google-map { margin-top: 10px; display: inline-block; } .ama-toggle-row.ama-node .rows li .views-field .views-label { width: 25.05%; float: left; } @media (max-width: 620px) { .ama-toggle-row.ama-node .rows li .views-field .views-label { width: 28.05%; float: left; padding-right: 10px; box-sizing: border-box; word-break: break-word; } } .ama-toggle-row.ama-node .rows li .views-field .field-content { width: 74.95%; float: left; } @media (max-width: 620px) { .ama-toggle-row.ama-node .rows li .views-field .field-content { width: 71%; float: left; } } .ama-toggle-row.ama-node .rows li .views-field .field-content.full { width: 100%; float: left; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } @media (max-width: 620px) { .ama-toggle-row.ama-node .rows li .views-field .field-content.full { width: 100%; float: left; } } .ama-toggle-row.ama-node .rows li .views-field span.mailto, .ama-toggle-row.ama-node .rows li .views-field span.ext { display: none; } .ama-toggle-row.ama-node .rows li .views-field .email { padding-left: 10px; } .ama-toggle-row.ama-node.attached { padding-left: 0%; padding-right: 0%; } .ama-toggle-row.ama-node.attached .rows .item.empty { display: none; } .ama-toggle-row.ama-node.club-detail .attached .site-title { border-top: 1px solid #0074c8; padding-top: 25px; margin-bottom: 10px; } .ama-toggle-row.ama-node.club-detail .attached .fria-icon, .ama-toggle-row.ama-node.club-detail .attached .ride-icon { background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 20px; width: 130px; } .ama-toggle-row.ama-node.club-detail .attached .fria-icon { background-image: url("../../images/fria-badge.png"); } .ama-toggle-row.ama-node.club-detail .attached .ride-icon { background-image: url("../../images/ride-badge.png"); } .ama-toggle-row.ama-node.club-detail .attached .views-field-counter { padding-left: 0%; padding-right: 0%; } .ama-toggle-row.ama-node.club-detail .attached .views-field-counter .field-content { padding-left: 0%; padding-right: 0%; } .ama-toggle-row.ama-node.view-event-sanction-request-details .rows li .views-field.views-field-field-coordinates, .ama-toggle-row.ama-node.view-event-sanction-request-details .rows li .views-field.views-field-field-esr-geofield-3 { padding: 0; } .ama-toggle-row.ama-node.view-event-sanction-request-details .rows li .views-field.views-field-field-coordinates .field-content.without-label, .ama-toggle-row.ama-node.view-event-sanction-request-details .rows li .views-field.views-field-field-esr-geofield-3 .field-content.without-label { width: 100%; } .ama-toggle-row { padding-left: 20px; padding-right: 20px; box-sizing: border-box; max-width: 820px; margin-left: auto; margin-right: auto; text-align: left; } .ama-toggle-row:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .ama-toggle-row { padding-left: 20px; padding-right: 20px; } } .ama-toggle-row.even .rows .views-field:nth-child(2n+1) { background: #FFFFFF; } .ama-toggle-row.even .rows .views-field:nth-child(2n) { background: #E0EFF5; } .ama-toggle-row .view-header a { text-decoration: none; } .ama-toggle-row .view-header a h4:after { content: '\f0dd'; font-family: FontAwesome; margin-left: 15px; position: relative; top: -4px; } .ama-toggle-row .view-header a.collapsed h4:after { content: '\f0da'; top: 2px; } .ama-toggle-row .rows { list-style: none; } .ama-toggle-row .rows li { margin-left: 0; list-style: none; } .ama-toggle-row .rows li .views-field { padding: 15px 30px; display: inline-block; width: 100%; box-sizing: border-box; } .ama-toggle-row .rows li .views-field.hide { display: none; } .ama-toggle-row .rows li .views-field:nth-child(2n+1) { background: #E0EFF5; } .ama-toggle-row .rows li .views-field:nth-child(2n) { background: #FFFFFF; } .ama-toggle-row .rows li .views-field:last-child { background: transparent !important; text-align: right; padding: 15px 0; } .ama-toggle-row .rows li .views-field .views-label { width: 20.05%; float: left; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-toggle-row .rows li .views-field .views-label { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 767px) { .ama-toggle-row .rows li .views-field .views-label { width: 25.05%; float: left; float: none; } } .ama-toggle-row .rows li .views-field .field-content { width: 79.95%; float: left; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { .ama-toggle-row .rows li .views-field .field-content { font-size: 1rem; line-height: 1.2rem; } } @media (max-width: 767px) { .ama-toggle-row .rows li .views-field .field-content { width: 74.95%; float: left; float: none; } } .ama-toggle-row .rows li .views-field .field-content.btn { width: 100%; float: left; float: none; } .ama-toggle-row .rows li .views-field .field-content .expired { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #FC3C3E; letter-spacing: 0em; } .view-flying-sites table thead, .view-flying-sites table tbody { text-align: left; } .view-flying-sites table tr td { height: 47px; } .view-flying-sites table tbody tr:nth-child(odd) .tdno6 > form { background-color: #FFFFFF; } .view-flying-sites table tbody tr:nth-child(even) .tdno6 > form { background-color: #e1eff5; } .view-flying-sites table tbody tr .tdno6 { position: relative; } .view-flying-sites table tbody tr .tdno6 > form { position: absolute; top: 2px; left: calc(-220px/2); } @media (max-width: 1023px) { .view-flying-sites table tbody tr .tdno6 > form { top: -17px; left: auto; } } .view-flying-sites table tbody tr .tdno6 > form input.hasDatepicker { padding-left: 15px; } .view-flying-sites table tbody tr .tdno6 > form .form-item-end-date { margin-top: 0; } .view-flying-sites table tbody tr .tdno6 > form input.form-submit, .view-flying-sites table tbody tr .tdno6 > form a.cancel { padding: 6px 5px 5px; min-height: 30px; } @media (max-width: 1023px) { .view-flying-sites table tbody tr .tdno6 > form input.form-submit, .view-flying-sites table tbody tr .tdno6 > form a.cancel { margin: 3px 0 0 0 !important; display: inline-block; } } footer#footer-outer-wrapper { background: #041529; box-shadow: 0px -21px 40px -1px #041529; max-width: 100%; margin-left: auto; margin-right: auto; } footer#footer-outer-wrapper:after { content: " "; display: block; clear: both; } footer#footer-outer-wrapper .region-footer { display: inline-block; text-align: center; } footer#footer-outer-wrapper.footer__by-nt a { color: #e1f2ff; font-weight: normal; margin-top: 50px; display: block; } footer#footer-outer-wrapper.footer__by-nt a:hover { opacity: 1; } form a.webform-element-help { position: relative; top: -4px; margin-left: 10px; } form label, form legend { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; display: block; margin-bottom: 0px; font-weight: normal !important; } @media (min-width: 0px) and (max-width: 479px) { form label, form legend { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { form label, form legend { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { form label, form legend { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form label, form legend { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form label, form legend { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form label, form legend { font-size: 1rem; line-height: 1.5rem; } } form legend { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; display: block; margin-bottom: 0px; font-weight: normal !important; } @media (min-width: 0px) and (max-width: 479px) { form legend { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { form legend { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { form legend { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form legend { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form legend { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form legend { font-size: 1rem; line-height: 1.5rem; } } form legend span { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; display: block; margin-bottom: 0px; font-weight: normal !important; } @media (min-width: 0px) and (max-width: 479px) { form legend span { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { form legend span { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { form legend span { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form legend span { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form legend span { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form legend span { font-size: 1rem; line-height: 1.5rem; } } form .form-type-checkbox label, form .form-type-radio label { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; display: inline-block; padding-left: 37px; padding-top: 5px; position: relative; margin-bottom: 0; } @media (min-width: 0px) and (max-width: 479px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.82188rem; line-height: 0.98625rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.82188rem; line-height: 0.98625rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { form .form-type-checkbox label, form .form-type-radio label { font-size: 0.94688rem; line-height: 1.13625rem; } } form .form-type-checkbox input[type="checkbox"], form .form-type-checkbox input[type="radio"], form .form-type-radio input[type="checkbox"], form .form-type-radio input[type="radio"] { display: none; } form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; content: ""; padding: 0; width: 23px; height: 23px; position: absolute; display: inline-block; left: 0; top: 0; box-sizing: border-box; } @media (min-width: 0px) and (max-width: 479px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form .form-type-checkbox input[type="checkbox"] + label:before, form .form-type-checkbox input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"] + label:before, form .form-type-checkbox input[type="radio"] + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"] + label:before, form .form-type-radio input[type="checkbox"] + .formtips-wrapper label:before, form .form-type-radio input[type="radio"] + label:before, form .form-type-radio input[type="radio"] + .formtips-wrapper label:before { font-size: 1rem; line-height: 1.5rem; } } form .form-type-checkbox input[type="checkbox"]:checked + label:before, form .form-type-checkbox input[type="checkbox"]:checked + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"]:checked + label:before, form .form-type-checkbox input[type="radio"]:checked + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"]:checked + label:before, form .form-type-radio input[type="checkbox"]:checked + .formtips-wrapper label:before, form .form-type-radio input[type="radio"]:checked + label:before, form .form-type-radio input[type="radio"]:checked + .formtips-wrapper label:before { content: '\2714'; font-size: 14px; color: #FFFFFF; background-color: #FFB400; text-align: center; } @media (max-width: 767px) { form .form-type-checkbox input[type="checkbox"]:checked + label:before, form .form-type-checkbox input[type="checkbox"]:checked + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"]:checked + label:before, form .form-type-checkbox input[type="radio"]:checked + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"]:checked + label:before, form .form-type-radio input[type="checkbox"]:checked + .formtips-wrapper label:before, form .form-type-radio input[type="radio"]:checked + label:before, form .form-type-radio input[type="radio"]:checked + .formtips-wrapper label:before { padding-top: 2px; } } form .form-type-checkbox input[type="checkbox"].form-radio + label:before, form .form-type-checkbox input[type="checkbox"].form-radio + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"].form-radio + label:before, form .form-type-checkbox input[type="radio"].form-radio + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"].form-radio + label:before, form .form-type-radio input[type="checkbox"].form-radio + .formtips-wrapper label:before, form .form-type-radio input[type="radio"].form-radio + label:before, form .form-type-radio input[type="radio"].form-radio + .formtips-wrapper label:before { border-radius: 50%; } form .form-type-checkbox input[type="checkbox"].form-radio:checked + label:before, form .form-type-checkbox input[type="checkbox"].form-radio:checked + .formtips-wrapper label:before, form .form-type-checkbox input[type="radio"].form-radio:checked + label:before, form .form-type-checkbox input[type="radio"].form-radio:checked + .formtips-wrapper label:before, form .form-type-radio input[type="checkbox"].form-radio:checked + label:before, form .form-type-radio input[type="checkbox"].form-radio:checked + .formtips-wrapper label:before, form .form-type-radio input[type="radio"].form-radio:checked + label:before, form .form-type-radio input[type="radio"].form-radio:checked + .formtips-wrapper label:before { content: ''; } form .form-type-checkbox input[type="checkbox"].form-radio:checked + label:after, form .form-type-checkbox input[type="checkbox"].form-radio:checked + .formtips-wrapper label:after, form .form-type-checkbox input[type="radio"].form-radio:checked + label:after, form .form-type-checkbox input[type="radio"].form-radio:checked + .formtips-wrapper label:after, form .form-type-radio input[type="checkbox"].form-radio:checked + label:after, form .form-type-radio input[type="checkbox"].form-radio:checked + .formtips-wrapper label:after, form .form-type-radio input[type="radio"].form-radio:checked + label:after, form .form-type-radio input[type="radio"].form-radio:checked + .formtips-wrapper label:after { content: ''; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 7px; left: 7px; background: #FFFFFF; } form select { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 200px; background-image: url(../../images/dropdown-arrow.png); background-position: 97%; background-repeat: no-repeat; padding-left: 25px; padding-right: 35px; width: 100%; } @media (min-width: 0px) and (max-width: 479px) { form select { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { form select { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { form select { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form select { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form select { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form select { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { form select { min-width: 100%; max-width: 100%; } } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; min-width: 200px; box-sizing: border-box; width: 100%; } @media (min-width: 0px) and (max-width: 479px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="date-picker"], form input[type="date"], form input[type="number"] { min-width: 100%; max-width: 100%; } } form input[type="date-picker"], form input[type="date"] { -webkit-appearance: none; -moz-appearance: none; } form input[type="date-picker"]::-webkit-inner-spin-button, form input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; display: none; } form input[type="date-picker"]::-webkit-calendar-picker-indicator, form input[type="date"]::-webkit-calendar-picker-indicator { -webkit-appearance: none; -moz-appearance: none; display: none; } form input[type="date-picker"]::-webkit-clear-button, form input[type="date"]::-webkit-clear-button { display: none; -webkit-appearance: none; -moz-appearance: none; } form input[disabled='disabled'] { background: #dadada; border-color: #9aa6ac; } form fieldset { border: none; padding: 10px 0px; } form textarea { border: 2px solid #FFB400; border-radius: 0; height: 50px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; height: 158px; box-sizing: border-box; padding: 10px 25px !important; } @media (min-width: 0px) and (max-width: 479px) { form textarea { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 480px) and (max-width: 620px) { form textarea { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { form textarea { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { form textarea { font-size: 1rem; line-height: 1.5rem; } } @media (max-width: 767px) { form textarea { min-width: 90%; max-width: 90%; } } form input[type="submit"] { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; padding: 7px 20px 5px; border-radius: 5px; margin-bottom: 25px; font-weight: normal !important; font-style: normal !important; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { form input[type="submit"] { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { form input[type="submit"] { font-size: 0.9375rem; line-height: 1.125rem; } } form input[type="submit"]:hover, form input[type="submit"]:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } @media (max-width: 767px) { form input[type="submit"] { display: block; margin: 0 auto !important; } } @media (max-width: 1023px) { form .filter-wrapper .form-item.form-type-select label, form .filter-wrapper .form-item.form-type-select select { display: block; } } @media (max-width: 767px) { form .filter-wrapper .filter-help { float: none; } } form .form-item { margin-bottom: 0px; margin-top: 0.5em; } form .form-item .description.formtips-processed { background-color: #0083e1 !important; } form .form-item .description.formtips-processed:before { border-bottom-color: #0083e1 !important; } form .field-multiple-table th .formtips-wrapper { display: inline-block; } form .field-multiple-table tr:last-child td { padding-bottom: 0 !important; } form .formtips-wrapper .formtip:not(*:root):before { vertical-align: middle !important; } form .fields { display: inline-block; width: 100%; } form .fields *[class^='number-cols-'] .form-item { display: inline-block; } form .fields .number-cols-1 .form-item { width: 99%; } form .fields .number-cols-2 .form-item { width: 49.5%; } @media (max-width: 767px) { form .fields .number-cols-2 .form-item { width: 100%; } } form .fields .number-cols-3 .form-item { width: 32%; } @media (max-width: 767px) { form .fields .number-cols-3 .form-item { width: 100%; } } form.white-labels .form-item label { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } form .confirm-parent, form .password-parent { max-width: 100%; } form .formtip { background-color: transparent; width: auto; height: auto; } form .formtip:hover, form .formtip:focus, form .formtip:active { background-color: transparent; color: #000000; } form .formtip:hover::before, form .formtip:focus::before, form .formtip:active::before { background-color: #2369a6; } form .formtip::after { content: 'Help'; display: inline-block; margin-left: 3px; vertical-align: middle; } form .formtip::before { background-color: #ccc; width: 1.2em; height: 1.2em; border-radius: 50%; text-align: center; vertical-align: middle; letter-spacing: normal; display: inline-block; } .formtip, .formtip:hover { color: #000000; border: 0; } .label a.formtip, form .formtip:hover { text-transform: none; font-size: 12px; text-align: left; padding-left: 0; color: #000000; background-color: transparent !important; letter-spacing: normal; font-weight: normal; font-family: 'TrendaBold'; } .label a.formtip:hover { cursor: help; color: #000000; } body { color: #FFFFFF; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 0px) and (max-width: 479px) { body { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { body { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { body { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { body { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { body { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { body { font-size: 1rem; line-height: 1.5rem; } } body.remove-header .region-header { display: none; } body .mm-page { background: transparent; } body #block-nt-ama-content { background: transparent; } body #content-outer-wrapper { background-image: url(../../images/bg-light-ama.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; padding-bottom: 50px; background-color: #FFFFFF; } body #content-outer-wrapper article[data-history-node-id="614695"] { padding-top: 40px; } body.path-frontpage #content-outer-wrapper { background-image: url(../../images/bg-ama-min.png); background-color: #e1eff5; } body.ama-without-bg #content-outer-wrapper { background-image: none; background-color: transparent; } h1 { font-family: "TrendaHeavy"; font-weight: 800; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { h1 { font-size: 1.5625rem; line-height: 1.875rem; } } @media (min-width: 480px) and (max-width: 620px) { h1 { font-size: 2.1875rem; line-height: 2.625rem; } } @media (min-width: 621px) and (max-width: 767px) { h1 { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 768px) and (max-width: 1023px) { h1 { font-size: 2.8125rem; line-height: 3.375rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h1 { font-size: 3.125rem; line-height: 3.75rem; } } @media (min-width: 1220px) { h1 { font-size: 3.125rem; line-height: 3.75rem; } } h1.page-title { margin-top: 75px; line-height: 42px !important; max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } h1.page-title:after { content: " "; display: block; clear: both; } h2 { font-family: "TrendaBold"; font-weight: 800; font-style: normal; color: #1F3841; letter-spacing: 0em; color: #1F3841; font-style: italic; text-transform: uppercase; } @media (min-width: 0px) and (max-width: 479px) { h2 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { h2 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { h2 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { h2 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h2 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 1220px) { h2 { font-size: 1.25rem; line-height: 1.5rem; } } h3 { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: italic; } @media (min-width: 0px) and (max-width: 479px) { h3 { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { h3 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { h3 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { h3 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h3 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 1220px) { h3 { font-size: 1rem; line-height: 1.2rem; } } h4 { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; margin: 25px 0px 5px 0px; } @media (min-width: 0px) and (max-width: 479px) { h4 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { h4 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { h4 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { h4 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h4 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { h4 { font-size: 1.5rem; line-height: 1.8rem; } } h5 { font-family: "TrendaSemibold"; font-weight: 600; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { h5 { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { h5 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { h5 { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { h5 { font-size: 1.5rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h5 { font-size: 1.5rem; line-height: 2.25rem; } } @media (min-width: 1220px) { h5 { font-size: 1.5rem; line-height: 2.25rem; } } h6 { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { h6 { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { h6 { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { h6 { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { h6 { font-size: 1rem; line-height: 2.25rem; } } @media (min-width: 1024px) and (max-width: 1219px) { h6 { font-size: 1rem; line-height: 2.25rem; } } @media (min-width: 1220px) { h6 { font-size: 1rem; line-height: 2.25rem; } } p { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; margin: 0px 0px 10px 0px; } @media (min-width: 0px) and (max-width: 479px) { p { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { p { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { p { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { p { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { p { font-size: 1rem; line-height: 1.5rem; } } strong { font-family: "TrendaBold"; font-weight: 700; } ul:not([class]) { padding-left: 30px; list-style: none; margin: 0px; margin-top: -10px; } @media (max-width: 767px) { ul:not([class]) { padding-left: 10px; } } ul:not([class]) li { position: relative; padding-left: 10px; } ul:not([class]) li:before { color: #2d72bc; content: "•"; position: absolute; left: 0; top: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 16px; } ul:not([class]) ul { margin-top: 10px; } @media (max-width: 1219px) { ul.inline li { display: block; } } ol:not([class]) { padding-left: 50px; margin: 0px; counter-reset: section; list-style: none; } ol:not([class]) li { position: relative; margin-bottom: 0px; } ol:not([class]) li:before { padding-right: 8px; counter-increment: section; content: counters(section, ".") "."; } ol:not([class]) li ol { margin-top: 10px; } @media (max-width: 767px) { ol:not([class]) { padding-left: 20px; } } ol:not([class]) li::before { float: left; } blockquote { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 40px 40px 30px; margin: 0; text-align: center; } blockquote::before { display: none; } blockquote p { font-family: "TrendaRegularIt"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: italic; margin-top: 0; } @media (min-width: 0px) and (max-width: 479px) { blockquote p { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 480px) and (max-width: 620px) { blockquote p { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 621px) and (max-width: 767px) { blockquote p { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { blockquote p { font-size: 1.5rem; line-height: 1.875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { blockquote p { font-size: 1.5rem; line-height: 1.875rem; } } @media (min-width: 1220px) { blockquote p { font-size: 1.5rem; line-height: 1.875rem; } } blockquote a { display: block; } @media (min-width: 0px) and (max-width: 479px) { blockquote a { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 480px) and (max-width: 620px) { blockquote a { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 621px) and (max-width: 767px) { blockquote a { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 768px) and (max-width: 1023px) { blockquote a { font-size: 1.5rem; line-height: 3.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { blockquote a { font-size: 1.5rem; line-height: 3.125rem; } } @media (min-width: 1220px) { blockquote a { font-size: 1.5rem; line-height: 3.125rem; } } blockquote span { font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #0083e1; letter-spacing: 0em; display: block; } @media (min-width: 0px) and (max-width: 479px) { blockquote span { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 480px) and (max-width: 620px) { blockquote span { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 621px) and (max-width: 767px) { blockquote span { font-size: 1.125rem; line-height: 1.35rem; } } @media (min-width: 768px) and (max-width: 1023px) { blockquote span { font-size: 1.125rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { blockquote span { font-size: 1.125rem; line-height: 1.5rem; } } @media (min-width: 1220px) { blockquote span { font-size: 1.125rem; line-height: 1.5rem; } } a:not([class]), a.mailto, a.ext, a.print, a.username, a.continue { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #0083e1; letter-spacing: 0em; text-decoration: none; font-weight: normal; } a:not([class]):hover, a.mailto:hover, a.ext:hover, a.print:hover, a.username:hover, a.continue:hover { color: #0490F4; } a.print { margin-left: 30px; background-position: center right; background-repeat: no-repeat; padding-right: 30px; display: inline-block; text-align: right; float: right; } a.print.pdf { background-image: url(../../images/icon-pdf-min.png); } a.print.xlsx { background-image: url(../../images/icon-xlsx-min.png); } @media (max-width: 767px) { a.print { display: inline-block; margin: 0; margin-top: 15px; padding-right: 30px; float: none; } } a.btn { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn:hover, a.btn:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.btn.selective-yellow { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn.selective-yellow { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn.selective-yellow { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn.selective-yellow { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn.selective-yellow { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn.selective-yellow { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn.selective-yellow:hover, a.btn.selective-yellow:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.btn.madison { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0b1c65; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn.madison { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn.madison { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn.madison { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn.madison { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn.madison { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn.madison:hover, a.btn.madison:focus { background-color: #ffb400; color: #FFFFFF; cursor: pointer; border: none; } a.btn.lochmara { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0083e1; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn.lochmara { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn.lochmara { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn.lochmara { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn.lochmara { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn.lochmara { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn.lochmara:hover, a.btn.lochmara:focus { background-color: #0490F4; color: #FFFFFF; cursor: pointer; border: none; } a.btn.elf-green { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0a8561; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn.elf-green { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn.elf-green { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn.elf-green { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn.elf-green { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn.elf-green { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn.elf-green { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn.elf-green:hover, a.btn.elf-green:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.btn.coral { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FA8258; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { a.btn.coral { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.btn.coral { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { a.btn.coral { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.btn.coral { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.btn.coral { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { a.btn.coral { font-size: 0.9375rem; line-height: 1.125rem; } } a.btn.coral:hover, a.btn.coral:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.label { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label { font-size: 0.875rem; line-height: 1.05rem; } } a.label:hover, a.label:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.label.selective-yellow { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.selective-yellow { font-size: 0.875rem; line-height: 1.05rem; } } a.label.selective-yellow:hover, a.label.selective-yellow:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } a.label.madison { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0b1c65; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.madison { font-size: 0.875rem; line-height: 1.05rem; } } a.label.madison:hover, a.label.madison:focus { background-color: #ffb400; color: #FFFFFF; cursor: pointer; border: none; } a.label.lochmara { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0083e1; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.lochmara { font-size: 0.875rem; line-height: 1.05rem; } } a.label.lochmara:hover, a.label.lochmara:focus { background-color: #0490F4; color: #FFFFFF; cursor: pointer; border: none; } a.label.guardsman-red { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #DA0000; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.guardsman-red { font-size: 0.875rem; line-height: 1.05rem; } } a.label.guardsman-red:hover, a.label.guardsman-red:focus { background-color: #ff2a00; color: #FFFFFF; cursor: pointer; border: none; } a.label.gossamer { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0BA376; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.gossamer { font-size: 0.875rem; line-height: 1.05rem; } } a.label.gossamer:hover, a.label.gossamer:focus { background-color: #09B985; color: #FFFFFF; cursor: pointer; border: none; } a.label.fountain-blue { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #60BDC5; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.fountain-blue { font-size: 0.875rem; line-height: 1.05rem; } } a.label.fountain-blue:hover, a.label.fountain-blue:focus { background-color: #7CD3DA; color: #FFFFFF; cursor: pointer; border: none; } a.label.danube { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #78acd1; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { a.label.danube { font-size: 0.875rem; line-height: 1.05rem; } } a.label.danube:hover, a.label.danube:focus { background-color: #95BDDA; color: #FFFFFF; cursor: pointer; border: none; } .btn a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { .btn a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .btn a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .btn a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .btn a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .btn a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .btn a { font-size: 0.9375rem; line-height: 1.125rem; } } .btn a:hover, .btn a:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } .btn a.ext span.ext { display: none; } .btn.selective-yellow a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { .btn.selective-yellow a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .btn.selective-yellow a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .btn.selective-yellow a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .btn.selective-yellow a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .btn.selective-yellow a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .btn.selective-yellow a { font-size: 0.9375rem; line-height: 1.125rem; } } .btn.selective-yellow a:hover, .btn.selective-yellow a:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } .btn.madison a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0b1c65; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { .btn.madison a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .btn.madison a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .btn.madison a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .btn.madison a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .btn.madison a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .btn.madison a { font-size: 0.9375rem; line-height: 1.125rem; } } .btn.madison a:hover, .btn.madison a:focus { background-color: #ffb400; color: #FFFFFF; cursor: pointer; border: none; } .btn.lochmara a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0083e1; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { .btn.lochmara a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .btn.lochmara a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .btn.lochmara a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .btn.lochmara a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .btn.lochmara a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .btn.lochmara a { font-size: 0.9375rem; line-height: 1.125rem; } } .btn.lochmara a:hover, .btn.lochmara a:focus { background-color: #0490F4; color: #FFFFFF; cursor: pointer; border: none; } .btn.elf-green a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0a8561; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 16px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; border-radius: 5px; } @media (min-width: 0px) and (max-width: 479px) { .btn.elf-green a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .btn.elf-green a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 621px) and (max-width: 767px) { .btn.elf-green a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .btn.elf-green a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .btn.elf-green a { font-size: 0.9375rem; line-height: 1.125rem; } } @media (min-width: 1220px) { .btn.elf-green a { font-size: 0.9375rem; line-height: 1.125rem; } } .btn.elf-green a:hover, .btn.elf-green a:focus { background-color: #0BA376; color: #FFFFFF; cursor: pointer; border: none; } .label a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label a { font-size: 0.875rem; line-height: 1.05rem; } } .label a:hover, .label a:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-168 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #DA0000; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-168 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-168 a:hover, .label.post-category-168 a:focus { background-color: #ff2a00; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-169 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0BA376; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-169 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-169 a:hover, .label.post-category-169 a:focus { background-color: #09B985; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-170 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #60BDC5; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-170 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-170 a:hover, .label.post-category-170 a:focus { background-color: #7CD3DA; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-171 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #0b1c65; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-171 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-171 a:hover, .label.post-category-171 a:focus { background-color: #ffb400; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-172 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #78acd1; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-172 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-172 a:hover, .label.post-category-172 a:focus { background-color: #95BDDA; color: #FFFFFF; cursor: pointer; border: none; } .label.post-category-173 a { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; background-color: #FFB400; text-transform: uppercase; min-width: 147px; min-height: 38px; text-align: center; padding: 10px 20px 5px; box-sizing: border-box; text-decoration: none; font-style: normal; display: inline-block; border: none; font-weight: normal; letter-spacing: 1px; } @media (min-width: 0px) and (max-width: 479px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 768px) and (max-width: 1023px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 1220px) { .label.post-category-173 a { font-size: 0.875rem; line-height: 1.05rem; } } .label.post-category-173 a:hover, .label.post-category-173 a:focus { background-color: #0b1c65; color: #FFFFFF; cursor: pointer; border: none; } .learn-more { font-family: "TrendaHeaveIt"; font-weight: 800; font-style: normal; color: #FFFFFF; letter-spacing: 0em; } @media (min-width: 0px) and (max-width: 479px) { .learn-more { font-size: 1.0125rem; line-height: 1.215rem; } } @media (min-width: 480px) and (max-width: 620px) { .learn-more { font-size: 1.0125rem; line-height: 1.215rem; } } @media (min-width: 621px) and (max-width: 767px) { .learn-more { font-size: 1.075rem; line-height: 1.29rem; } } @media (min-width: 768px) and (max-width: 1023px) { .learn-more { font-size: 1.1375rem; line-height: 1.365rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .learn-more { font-size: 1.1375rem; line-height: 1.365rem; } } @media (min-width: 1220px) { .learn-more { font-size: 1.2rem; line-height: 1.44rem; } } .learn-more a { color: white; font-style: italic; text-decoration: none; text-transform: uppercase; position: relative; } .learn-more a:hover { color: #FFFFFF; opacity: 0.8; } .learn-more a:after { font-family: FontAwesome; content: '\f054'; color: #FFFFFF; right: -30px; position: absolute; font-style: normal; } @media (max-width: 1219px) { #styleguide-header .item-list { float: none; display: inline-block; margin: 0; vertical-align: top; } } @media (max-width: 1219px) and (max-width: 767px) { #styleguide-header .item-list { display: block; } } @media (max-width: 1219px) { #styleguide-header .item-list ul { margin: 0 0 20px 0; padding-left: 0; } #styleguide-header .item-list ul li { margin-left: 0; } } @media (max-width: 767px) { code { word-wrap: break-word; } } .messages .messages__header > *, .messages .messages__content > * { color: white; } .messages--warning, .messages--status, .messages--error { position: relative; z-index: 3; margin-top: 45px; max-width: 760px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .messages--warning:after, .messages--status:after, .messages--error:after { content: " "; display: block; clear: both; } .messages--warning p, .messages--status p, .messages--error p { margin: 0; } .messages--warning .center, .messages--status .center, .messages--error .center { text-align: center; } @media (max-width: 1023px) { img { max-width: 100%; } } .wide-width-layout { max-width: 1500px; margin-left: auto; margin-right: auto; } .wide-width-layout:after { content: " "; display: block; clear: both; } .normal-wide-width-layout { max-width: 1300px; margin-left: auto; margin-right: auto; } .normal-wide-width-layout:after { content: " "; display: block; clear: both; } .normal-width-layout { max-width: 1180px; margin-left: auto; margin-right: auto; } .normal-width-layout:after { content: " "; display: block; clear: both; } .medium-width-layout { max-width: 980px; margin-left: auto; margin-right: auto; } .medium-width-layout:after { content: " "; display: block; clear: both; } .large-width-layout { max-width: 1024px; margin-left: auto; margin-right: auto; } .large-width-layout:after { content: " "; display: block; clear: both; } .small-width-layout { padding-left: 20px; padding-right: 20px; box-sizing: border-box; max-width: 820px; margin-left: auto; margin-right: auto; } .small-width-layout:after { content: " "; display: block; clear: both; } .x-small-width-layout { max-width: 680px; margin-left: auto; margin-right: auto; } .x-small-width-layout:after { content: " "; display: block; clear: both; } .xs-small-width-layout { max-width: 350px; margin-left: auto; margin-right: auto; } .xs-small-width-layout:after { content: " "; display: block; clear: both; } .social-media a { font-size: 0; display: inline-block; padding: 0 10px; text-decoration: none; height: 20px; } .social-media a:first-child { padding-left: 0; } .social-media a:hover:after { opacity: 0.8; } .social-media a:after { content: ''; font-size: 30px; color: #0083e1; font-family: FontAwesome; position: relative; top: 4px; } .social-media a.facebook:after { content: '\f09a'; } .social-media a.twitter:after { content: ''; background-image: url("../../images/x-blue-logo.svg"); background-size: contain; width: 29px; aspect-ratio: 1 / 1; } .social-media a.twitter:hover:after { background-image: url("../../images/x-white-logo.svg"); } .social-media a.instagram:after { content: '\f16d'; } .social-media a.youtube:after { content: '\f167'; } @media (max-width: 1023px) { .core-layout .region--highlighted { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .path-ama-schools-universities #block-nt-ama-content { background: #FFFFFF; } .layout__region--content .ama-basic { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .layout__region--content .ama-basic:after { content: " "; display: block; clear: both; } .layout__region--content .ama-basic.large { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .layout__region--content .ama-basic.large:after { content: " "; display: block; clear: both; } .view-header a.collapsible { text-decoration: none; } .view-header a.collapsible h4 { margin-bottom: 25px; } .view-header a.collapsible h4:after { content: '\f0dd'; font-family: FontAwesome; margin-left: 15px; position: relative; top: -4px; } .view-header a.collapsed h4 { margin-bottom: 25px; } .view-header a.collapsed h4:after { content: '\f0da'; top: 2px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .clear { overflow: hidden; *zoom: 1; min-width: 100%; width: 100%; } select::-ms-expand { display: none; } .text-formatted select { width: 65%; display: inline-table; } .text-formatted input[type="button"] { font-family: "TrendaHeaveIt"; color: #FFFFFF; background-color: #FFB400; text-transform: uppercase; min-width: 260px; min-height: 50px; text-align: center; padding: 3px 20px 5px; box-sizing: border-box; text-decoration: none; border: none; letter-spacing: 1px; margin-bottom: 25px; font-weight: normal !important; font-style: normal !important; margin-left: 10px; width: 29%; display: inline-table; } .text-formatted input[type="button"]:hover { background-color: #0b1c65; } @media only screen and (max-width: 991px) { .text-formatted select { width: 100%; display: block; } .text-formatted input[type="button"] { width: 100%; display: block; margin-left: 0px; margin-top: 10px; } h1.page-title { margin-top: 30px; text-align: center !important; padding-right: 0px !important; } } /** GOOGLE SEARCH STYLE FIX **/ .gsc-tabData.gsc-tabdActive { display: block; width: 1100px; margin: 0 auto; } .gsc-resultsRoot table tr td:first-child { padding: 0px; } .gsc-resultsRoot .gsc-thumbnail-inside, .gsc-resultsRoot .gsc-url-top, .gsc-resultsRoot .gsc-table-cell-snippet-close { padding: 0px; } .gsc-resultsRoot .gs-snippet { margin: 0px; } .gsc-resultsRoot .gsc-context-box .gsc-facet-label { width: 160px; } .gsc-search-button-v2 { -webkit-appearance: none !important; -webkit-border-radius: 0px !important; font-family: "TrendaHeaveIt" !important; font-weight: 800 !important; font-style: normal !important; color: #FFFFFF !important; letter-spacing: 0em !important; background-color: #102134 !important; text-transform: uppercase !important; min-width: 260px !important; min-height: 50px !important; text-align: center !important; padding: 16px 20px 5px !important; box-sizing: border-box !important; text-decoration: none !important; font-style: normal !important; display: inline-block !important; border: none !important; font-weight: normal !important; letter-spacing: 1px !important; padding: 7px 20px 5px !important; font-family: "TrendaBold" !important; font-weight: 700 !important; font-style: normal !important; color: #FFFFFF !important; letter-spacing: 0em !important; min-width: 118px !important; min-height: 40px !important; } @media (max-width: 1023px) { .gsc-tabData.gsc-tabdActive { width: 100% !important; } .gsc-resultsRoot table tr td:before { background-color: transparent !important; } .gsc-resultsRoot table tr { width: auto !important; margin-right: 0px !important; } .gsc-resultsRoot table tr td:first-child { padding-left: 0px; } .gsc-results { width: 100%; } .gcsc-branding { display: none !important; } .gsc-resultsHeader { display: none; } .gsc-table-cell-thumbnail { float: left; } .gsc-above-wrapper-area table tr td:before { background-color: transparent !important; } .gsc-above-wrapper-area table tr td { padding-left: 0px !important; } .gsc-search-box table tr td:before { background-color: transparent !important; } .gsc-search-box table tr td { padding-left: 0px !important; } .gsc-search-box table tr td { min-height: auto !important; } .gsc-search-box .gsib_b { display: none; } .gsc-search-box .gsc-input-box .gsc-input { padding-top: 5px !important; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; } .gsc-search-box table tr { width: auto; } .gsc-search-box td { float: left; } } .block-region-top .block-search, .block-region-top .ama_custom_search_form > div { text-align: center; background: #FFB400; margin-top: 5px; } .block-region-top .block-search .search-block-form, .block-region-top .ama_custom_search_form > div .search-block-form { width: 600px; padding: 15px 0px 15px 0px; margin: 0 auto; } .block-region-top .block-search .search-block-form .js-form-type-search, .block-region-top .ama_custom_search_form > div .search-block-form .js-form-type-search { float: left; width: 81%; } .block-region-top .block-search .search-block-form .js-form-type-search input, .block-region-top .ama_custom_search_form > div .search-block-form .js-form-type-search input { width: 100%; min-height: 36px; padding: 0px 0px 0px 10px; margin: 0px; display: block; position: relative; top: -8px; } .block-region-top .block-search .search-block-form .js-form-wrapper, .block-region-top .ama_custom_search_form > div .search-block-form .js-form-wrapper { margin-top: 0; margin-bottom: 0; } .block-region-top .block-search .search-block-form .js-form-wrapper input, .block-region-top .ama_custom_search_form > div .search-block-form .js-form-wrapper input { min-width: 110px; min-height: 40px; padding: 0px; margin: 0px; background: #102134; } @media (max-width: 655px) { .block-region-top .block-search { padding: 5px; } .block-region-top .block-search .search-block-form { width: 100%; } .block-region-top .block-search .search-block-form .js-form-type-search { width: 96%; } .block-region-top .block-search .search-block-form .js-form-type-search input { width: 100%; } .block-region-top .block-search .search-block-form .js-form-wrapper input { width: 300px; } .gsc-context-box .gsc-chart { width: 26em !important; } } /** END OF GOOGLE SEARCH STYLE FIX **/ /** MEMBERSHIP PAGE **/ .ama-membership-purchase .form-submit { margin-top: 10px !important; } /** MEMBERSHIP PAGE **/ /** EVENTS PAGE **/ .ama-event-listing .form-submit { margin-top: 10px !important; } /** END OF EVENTS PAGE **/ @media (max-width: 479px) { body.path-ama-schools-universities h1.page-title { margin-top: 25px !important; } #ama-membership-purchase table tr td { text-align: center; font-size: 11px; line-height: 15px; font-weight: 600; } } /** FOOTER **/ .ama-social-networks { margin-top: 25px; } .museum-social-networks { margin-top: 25px; } .ama-footer-menu ul.menu li { border-right: none !important; } .ama-footer-menu ul.menu li:after { content: ""; display: block; margin: 0 auto; width: auto; position: absolute; padding-top: 17px; border-right: 2px solid #0083e1; top: 4px; right: -1px; } .ama-footer-menu ul.menu li:last-child:after { border-right: none; } /** END OF FOOTER **/ /** HOME PAGE FORM MAKE IT EQUAL **/ .ama-finder .club-finder-form, .ama_finder .club-finder-form { max-height: 335px; } /** END OF HOME PAGE FORM **/ /** LOGGED IN USER FORM **/ .path-user .user-form { max-width: 980px; margin: 0 auto; } /** END OF LOGGED IN USER **/ /** TABLE AMA SCHOOL UNIVERSITIES **/ @media (max-width: 1023px) { .ama-table table td.title a { margin: 0 auto; margin-top: 11px; display: block; } table tr td { min-height: 32px !important; padding-top: 18px !important; } table tr td:first-child { width: auto !important; } } /** END OF TABLE AMA SCHOOL UNIVERSITIES **/ @media only screen and (min-width: 500px) and (max-width: 767px) { .ama-become-member .content { left: 50%; } } /** USER PROFILE **/ .views-element-container .view-display-id-block_2 { margin-top: 80px; margin-bottom: 80px; } .views-element-container .view-display-id-block_2 .view-header h2 { font-style: normal; text-transform: initial; font-size: 32px; } /** END OF USER PROFILE **/ /** SOCIAL MEDIA BIG SCREENS MARGIN **/ /** END OF SM BIG S. MARGIN **/ /** RESPONSIVE IFRAME CLUB PAGE **/ .node--view-mode-default .field--type-text-with-summary iframe { width: 100%; } /** END OF RESPONSIVE IFRAME CP **/ /** HIGHLIGHTS FIX **/ @media (max-width: 1024px) { .view-ama-news-highlights { padding: 40px 15px 40px 15px; } } /** END OF HIGHLIGHT FIX **/ /** PROPORTIONAL IMAGES HOME **/ .ama-youtube-channels .inner-container ul li a img { height: auto !important; } /** END OF PROPORTIONAL IMAGES HOME **/ /** Hidden datepicker table in desktop **/ @media (min-width: 1220px) { #ui-datepicker-div, .ui-datepicker { display: none !important; } } .hide-block { display: none !important; } /** Remove background from unpublished nodes */ .path-node .node--unpublished { background-color: transparent; } /** HOME PAGE DISCOVER FLIGHT CODE **/ body .ama-flight.ama_flight .start { color: white; font-size: 24px; text-align: left; line-height: 1; font-family: "TrendaBold"; font-style: italic; } body .ama-flight.ama_flight span { font-size: 200%; } /** END OF HOME PAGE DISCOVER FLIGHT CODE **/ header#header-outer-wrapper { background: #FFFFFF; border-bottom: 2px solid #E0E4E9; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11); position: relative; width: 100%; z-index: 100; } @media (min-width: 1024px) { header#header-outer-wrapper { position: -webkit-sticky; position: sticky; top: var(--gin-toolbar-y-offset, 0); } } header#header-outer-wrapper #header-top-layout { background-color: #0083e1; min-height: 30px; position: relative; z-index: 2; } @media (max-width: 1024px) { header#header-outer-wrapper #header-top-layout { min-height: 50px; } } header#header-outer-wrapper #header-top-layout .region-header-top { text-align: center; } header#header-outer-wrapper #header-top-layout .region-header-top > * { display: inline-block; } header#header-outer-wrapper .header-layout { max-width: 1300px; margin-left: auto; margin-right: auto; text-align: center; } header#header-outer-wrapper .header-layout:after { content: " "; display: block; clear: both; } header#header-outer-wrapper .header-layout .region-header { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; -ms-flex-pack: center; justify-content: center; } header#header-outer-wrapper #header-banner-layout { background: red; } nav.pager .pager__items .pager__item.is-active a { color: #323e49; } /** PRINT CSS **/ @media print { .region-banner-top, .region-postscript-first, .region-postscript-second, #footer-outer-wrapper, .ama-finder, .ama-videos-grid, #core-outer-wrapper, form { display: none !important; } .path-club-roster h1, .path-club-roster .field--name-body, .path-club-roster .search, .path-club-roster #block-headeractionlinks, .path-club-roster .contextual, .path-club-roster #block-mainnavigation, .path-club-roster #block-mainnavigation-2, .path-club-roster #block-secundary, .path-club-roster .region-header-top, .path-club-roster #toolbar-bar, .path-club-roster #header-top-layout, .path-club-roster #header-outer-wrapper { display: none !important; } .path-club-roster body { margin-top: 0 !important; padding-top: 0 !important; } .path-club-roster #mm-0 { padding: 0 !important; } .path-club-roster .header-layout { display: none !important; } .path-club-roster .header-layout:after { display: none; } .path-club-roster .roster .view-filters { display: none; } .path-club-roster .roster .view-header { margin-bottom: 20px; } .path-club-roster .roster .view-header .btn, .path-club-roster .roster .view-header .print { display: none !important; } .path-club-roster .roster .view-header .header-print { border: 4px solid #0b2027; margin-top: 0px; display: block; font-family: "TrendaBold"; font-weight: 800; font-style: normal; color: #000000; letter-spacing: 0em; text-align: center; } } @media print and (min-width: 0px) and (max-width: 479px) { .path-club-roster .roster .view-header .header-print { font-size: 1.125rem; line-height: 1.35rem; } } @media print and (min-width: 480px) and (max-width: 620px) { .path-club-roster .roster .view-header .header-print { font-size: 1.125rem; line-height: 1.35rem; } } @media print and (min-width: 621px) and (max-width: 767px) { .path-club-roster .roster .view-header .header-print { font-size: 1.375rem; line-height: 1.65rem; } } @media print and (min-width: 768px) and (max-width: 1023px) { .path-club-roster .roster .view-header .header-print { font-size: 1.375rem; line-height: 1.65rem; } } @media print and (min-width: 1024px) and (max-width: 1219px) { .path-club-roster .roster .view-header .header-print { font-size: 1.375rem; line-height: 1.65rem; } } @media print and (min-width: 1220px) { .path-club-roster .roster .view-header .header-print { font-size: 1.375rem; line-height: 1.65rem; } } @media print { .path-club-roster .roster .view-header .header-print span { display: inline-block; padding-right: 20px; } .path-club-roster .roster table { width: 100% !important; display: block; border-collapse: collapse !important; border-spacing: 0 !important; } .path-club-roster .roster table thead { display: block !important; } .path-club-roster .roster table thead tr { border-top: 1px solid #0476C7; border-bottom: 2px solid #0476C7; box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.51); } .path-club-roster .roster table thead th { display: inline-block; color: #000000 !important; padding: 2px 5px 2px 5px !important; width: 19.4% !important; box-sizing: border-box; } } @media print and (min-width: 0px) and (max-width: 479px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 480px) and (max-width: 620px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 621px) and (max-width: 767px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 768px) and (max-width: 1023px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 1024px) and (max-width: 1219px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 1220px) { .path-club-roster .roster table thead th { font-size: 0.75rem; line-height: 0.9rem; } } @media print { .path-club-roster .roster table thead th a { color: #000000 !important; } } @media print and (min-width: 0px) and (max-width: 479px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 480px) and (max-width: 620px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 621px) and (max-width: 767px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 768px) and (max-width: 1023px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 1024px) and (max-width: 1219px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print and (min-width: 1220px) { .path-club-roster .roster table thead th a { font-size: 0.75rem; line-height: 0.9rem; } } @media print { .path-club-roster .roster table thead th a span { display: none !important; } .path-club-roster .roster table thead th:first-child { display: none !important; } .path-club-roster .roster table thead th:after, .path-club-roster .roster table thead th:before { display: none; } .path-club-roster .roster table tbody { display: block; margin: 0 !important; padding: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; } .path-club-roster .roster table tr { display: block; border-bottom: 1px solid #0476C7; width: 100%; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .path-club-roster .roster table tr:nth-child(odd) { box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.11); } .path-club-roster .roster table tr:nth-child(even) { box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.11); } .path-club-roster .roster table tr td { display: inline-block !important; color: #000000 !important; width: 19.4% !important; padding: 8px 5px 2px 5px !important; box-sizing: border-box; text-align: left !important; } } @media print and (min-width: 0px) and (max-width: 479px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print and (min-width: 480px) and (max-width: 620px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print and (min-width: 621px) and (max-width: 767px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print and (min-width: 768px) and (max-width: 1023px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print and (min-width: 1024px) and (max-width: 1219px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print and (min-width: 1220px) { .path-club-roster .roster table tr td { font-size: 0.6875rem; line-height: 0.825rem; } } @media print { .path-club-roster .roster table tr td:first-child { display: none !important; } .path-club-roster .roster table tr td:before { display: none !important; } .path-club-roster .roster .views-element-container .view-header h2 { margin-top: 20px; display: inline-block; width: 100%; } } @media (max-width: 1023px) { table:not(.ui-datepicker-calendar) { width: 100% !important; } } table:not(.ui-datepicker-calendar) caption { background-color: #0476C7; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; padding: 7px 10px 7px; } @media (min-width: 0px) and (max-width: 479px) { table:not(.ui-datepicker-calendar) caption { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 480px) and (max-width: 620px) { table:not(.ui-datepicker-calendar) caption { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { table:not(.ui-datepicker-calendar) caption { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { table:not(.ui-datepicker-calendar) caption { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { table:not(.ui-datepicker-calendar) caption { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { table:not(.ui-datepicker-calendar) caption { font-size: 1rem; line-height: 1.5rem; } } table:not(.ui-datepicker-calendar) tr:nth-child(odd) { background-color: #FFFFFF; } table:not(.ui-datepicker-calendar) tr:nth-child(even) { background-color: #e1eff5; } table:not(.ui-datepicker-calendar) tr th { background-color: #0476C7; font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #FFFFFF; letter-spacing: 0em; padding: 7px 10px 7px; } @media (min-width: 0px) and (max-width: 479px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 480px) and (max-width: 620px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 621px) and (max-width: 767px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1024px) and (max-width: 1219px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 1220px) { table:not(.ui-datepicker-calendar) tr th { font-size: 1rem; line-height: 1.5rem; } } table:not(.ui-datepicker-calendar) tr th:first-child:not(#view-ama-club-intro-pilots-flag-field-table-column) { padding-left: 42px; } table:not(.ui-datepicker-calendar) tr th:last-child:not(#view-ama-club-contact-fullname-field-table-column) { padding-left: 42px; } table:not(.ui-datepicker-calendar) tr td { padding: 10px 10px; } table:not(.ui-datepicker-calendar) tr td[data-content]:first-child:not(.icons) { padding-left: 42px; } table:not(.ui-datepicker-calendar) tr td[data-content]:last-child:not(.capitalize) { padding-left: 42px; } table:not(.ui-datepicker-calendar) tr td[data-content]:before { font-size: 16px; } @media (max-width: 1023px) { table:not(.ui-datepicker-calendar):not(.no-responsive-table) { max-width: 100%; width: 100% !important; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) thead { display: none !important; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) th { display: none; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr { width: 310.52632%; float: left; margin-right: 5.26316%; display: block; padding: 0; max-width: 100%; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td { display: block; border-bottom: none; min-height: 50px; position: relative; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content] { padding-left: 360px; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:first-child { padding-left: 360px; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:last-child { padding-left: 360px; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h1, table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h2, table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h3, table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h4, table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h5, table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td h6 { display: inline-block; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:before { background-color: #0476C7; color: #FFFFFF; content: attr(data-content); text-transform: uppercase; width: 350px; display: -ms-flexbox; display: flex; position: absolute; left: 0; top: 0; bottom: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-size: 15px; } } @media (max-width: 479px) { table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr { margin-left: 0; margin-right: 0; width: 1px; min-width: 100%; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td { max-width: 100%; vertical-align: middle; height: auto !important; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content] { overflow-wrap: break-word; padding-left: 150px; width: auto; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:first-child { padding-left: 150px; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:last-child { padding-left: 150px; } table:not(.ui-datepicker-calendar):not(.no-responsive-table) tr td[data-content]:before { font-size: 12px; width: 140px; } } @media (max-width: 479px) { table:not(.ui-datepicker-calendar).simple-responsive-table { display: block !important; } table:not(.ui-datepicker-calendar).simple-responsive-table tr, table:not(.ui-datepicker-calendar).simple-responsive-table td { display: block !important; width: auto !important; } } @media (max-width: 1023px) { table:not(.ui-datepicker-calendar).no-responsive-table img { height: auto !important; min-width: 60px; } } @media (max-width: 479px) { table:not(.ui-datepicker-calendar).no-responsive-table tr td { word-break: break-word; } } /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-bullets() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-order() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-check() */ /** * Include style to submit button * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include element-form-button( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-accordion-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-widget-content() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-intro-pilots() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-leader-clubs() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-radios-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-input-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-h1($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-subtitle($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-bullets() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-order() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-check() */ /** * Include style to submit button * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include element-form-button( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-accordion-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-widget-content() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-intro-pilots() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-leader-clubs() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-radios-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-input-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-h1($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-subtitle($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /* Fonts */ body { *zoom: 1; min-width: 100%; width: 100%; } body::before, body::after { content: ''; display: table; } body::after { clear: both; } @media all and (min-width: 0px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } } @media all and (min-width: 0px) and (min-width: 980px) { .main-layout { position: relative; } } @media all and (min-width: 0px) { .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 0px) and (min-width: 980px) { .main-layout .region--sidebar-second.resize-sidebar-second { position: absolute; top: 0; bottom: 0; right: 0; } } @media all and (min-width: 0px) and (max-width: 1023px) { .main-layout .region--sidebar-second { width: 100% !important; margin-top: 20px; } } @media all and (min-width: 0px) { .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (max-width: 479px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 480px) and (max-width: 767px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 768px) and (max-width: 1023px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 1024px) and (max-width: 1219px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-first .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 72.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 72.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 72.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 72.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-first.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 1220px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: 25%; right: auto; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: auto; right: 50%; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-first .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 72.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 72.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 72.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 72.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: 25%; right: auto; } .main-layout.with--content.without--sidebar-second .region--sidebar-first { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: auto; right: 75%; } .main-layout.with--content.without--sidebar-first.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout .region--postscript-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1400px; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-bullets() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-order() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-check() */ /** * Include style to submit button * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include element-form-button( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-accordion-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-widget-content() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-intro-pilots() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-leader-clubs() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-radios-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-input-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-h1($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-subtitle($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * Include style to box button for link * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include button-box( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-bullets() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-list-order() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-check() */ /** * Include style to submit button * @param $bg-color: Background * @param $font-color: Color to font * @param $border-color: Color to border * @param $hover-bg-color: Background color to button on hover state * @param $hover-font-color: Font color to button on hover state * @param $hover-border-color: Border color to button on hover state * * ----------------------------------------------------------------------------- * Usage: * @include element-form-button( * $color-transparent, //Background * $color-white, //Font color * $color-white, //Border color * $color-teal, //Background hover * $color-white, //Hover font color * $color-teal // Hover border color * ); * */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-accordion-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include ui-widget-content() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-header() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-intro-pilots() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-icon-leader-clubs() */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-radios-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-form-input-as-button */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-h1($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-subtitle($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /** * * ----------------------------------------------------------------------------- * Usage: * @include element-content-p($color-limed-spruce) */ /* Fonts */ body { *zoom: 1; min-width: 100%; width: 100%; } body::before, body::after { content: ''; display: table; } body::after { clear: both; } @media all and (min-width: 0px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout:after { content: " "; display: block; clear: both; } } @media all and (min-width: 0px) and (min-width: 980px) { .main-layout { position: relative; } } @media all and (min-width: 0px) { .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } } @media all and (max-width: 479px) { .header-layout { max-width: 100%; margin-left: auto; margin-right: auto; } .header-layout:after { content: " "; display: block; clear: both; } .header-layout .region--header { width: 100%; float: left; margin-left: 0; margin-right: 0; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { max-width: 100%; margin-left: auto; margin-right: auto; } .main-layout.with--content.without--sidebar-first.without--sidebar-second { box-sizing: border-box; } .main-layout:after { content: " "; display: block; clear: both; } .main-layout .region--content-outer { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { max-width: 100%; margin-left: auto; margin-right: auto; } .footer-layout:after { content: " "; display: block; clear: both; } .footer-layout .region--footer { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media all and (min-width: 480px) and (max-width: 767px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout.with--content.without--sidebar-first.without--sidebar-second { box-sizing: border-box; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout .region--sidebar-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { max-width: 100%; margin-left: auto; margin-right: auto; } .postscript-layout:after { content: " "; display: block; clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 768px) and (max-width: 1023px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout.with--content.without--sidebar-first.without--sidebar-second { box-sizing: border-box; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } } @media all and (min-width: 1024px) and (max-width: 1219px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 935px; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout .region--header { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout .region--preface-first { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-second { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-third { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .preface-layout .region--preface-fourth { display: block; position: relative; clear: none; width: 47.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 47.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout .region--highlighted { display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout .region--content-outer { box-sizing: border-box; width: 50%; float: left; } .main-layout.with--content.without--sidebar-first .region--content-outer { box-sizing: border-box; width: 75%; float: left; } .main-layout.with--content.without--sidebar-second .region--content-outer { box-sizing: border-box; width: 75%; float: left; } .main-layout.with--content.without--sidebar-first.without--sidebar-second .region--content-outer { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 1100px; } .footer-layout::before, .footer-layout::after { content: ''; display: table; } .footer-layout::after { clear: both; } .footer-layout .region--footer { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media all and (min-width: 1220px) { .header-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .header-layout::before, .header-layout::after { content: ''; display: table; } .header-layout::after { clear: both; } .header-layout:after { content: " "; display: block; clear: both; } .header-layout .region--header { width: 100%; float: left; margin-left: 0; margin-right: 0; } .preface-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .preface-layout::before, .preface-layout::after { content: ''; display: table; } .preface-layout::after { clear: both; } .preface-layout:after { content: " "; display: block; clear: both; } .preface-layout .region--preface-first { box-sizing: border-box; width: 25%; float: left; } .preface-layout .region--preface-second { box-sizing: border-box; width: 25%; float: left; } .preface-layout .region--preface-third { box-sizing: border-box; width: 25%; float: left; } .preface-layout .region--preface-fourth { box-sizing: border-box; width: 25%; float: left; } .core-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .core-layout::before, .core-layout::after { content: ''; display: table; } .core-layout::after { clear: both; } .core-layout:after { content: " "; display: block; clear: both; } .core-layout .region--highlighted { width: 100%; float: left; margin-left: 0; margin-right: 0; } .main-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .main-layout::before, .main-layout::after { content: ''; display: table; } .main-layout::after { clear: both; } .main-layout:after { content: " "; display: block; clear: both; } .main-layout .region--content-outer { box-sizing: border-box; width: 50%; float: left; } .main-layout.with--content.without--sidebar-first .region--content-outer { box-sizing: border-box; width: 75%; float: left; } .main-layout.with--content.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 72.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 72.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: 25%; right: auto; } .main-layout.with--content.without--sidebar-second .region--sidebar-first { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 22.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; left: auto; right: 75%; } .main-layout.with--content.without--sidebar-first.without--sidebar-second .region--content-outer { width: 100%; margin-left: 0; margin-right: 0; left: auto; right: auto; float: none; clear: both; display: block; position: relative; clear: none; width: 97.91667%; margin-right: 1.04167%; margin-left: 1.04167%; *width: 97.8125%; *margin-right: 0.9375%; *margin-left: 0.9375%; float: left; } .postscript-layout { display: block; margin: 0 auto; width: 100%; *width: 99.89583%; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .postscript-layout::before, .postscript-layout::after { content: ''; display: table; } .postscript-layout::after { clear: both; } .postscript-layout:after { content: " "; display: block; clear: both; } .postscript-layout .region--postscript-first { width: 100%; float: left; margin-left: 0; margin-right: 0; } .postscript-layout .region--postscript-second { width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-layout { max-width: 100%; margin-left: auto; margin-right: auto; } .footer-layout:after { content: " "; display: block; clear: both; } .footer-layout .region--footer { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .ama-add-esr .region--highlighted .messages { display: none !important; } body.ama-custom-page-with-padding #main-layout { max-width: 980px; margin-left: auto; margin-right: auto; } body.ama-custom-page-with-padding #main-layout:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { body.ama-custom-page-with-padding #main-layout { padding-left: 25px; padding-right: 25px; } } body.ama-custom-page-with-padding h1.page-title { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } body.ama-custom-page-with-padding h1.page-title:after { content: " "; display: block; clear: both; } .ama-join-bg-page #content-outer-wrapper { position: relative; background-position: bottom -250px center; padding-bottom: 0; } .ama-join-bg-page #content-outer-wrapper:after { content: ""; position: absolute; width: 100%; bottom: 0; box-shadow: 0px 0px 50px 47px #cce2ed; } .ama-join-bg-page .region-postscript-second { padding-top: 90px; z-index: -1; } @media (max-width: 1219px) { .ama-join-bg-page .region-postscript-second { padding-top: 0; } } .ama-page.path-membership h1 { text-align: center; } .ama-page h1 { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .ama-page h1:after { content: " "; display: block; clear: both; } .ama-page div[role='contentinfo'].messages--warning { margin-top: 80px; max-width: 980px; margin-left: auto; margin-right: auto; } .ama-page div[role='contentinfo'].messages--warning:after { content: " "; display: block; clear: both; } .ama-page .ama-basic { max-width: 980px; margin-left: auto; margin-right: auto; padding: 0 !important; } .ama-page .ama-basic:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .ama-page .ama-basic { padding-left: 20px; padding-right: 20px; } } .path-contact .region--content { max-width: 820px; box-sizing: border-box; padding: 25px 0px; margin: 0 auto; } .path-contact .region--content form input[type="text"] { width: 100%; height: 45px; } .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .path-contact .region--content form input[type="text"]:-ms-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .path-contact .region--content form input[type="text"]:-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .path-contact .region--content form input[type="text"]:-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .path-contact .region--content form input[type="text"]::-moz-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .path-contact .region--content form input[type="text"]::-moz-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #000000; letter-spacing: 0em; opacity: 0.54; } @media (min-width: 0px) and (max-width: 479px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.88438rem; line-height: 1.06125rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } @media (min-width: 1220px) { .path-contact .region--content form input[type="text"]::-webkit-input-placeholder { font-size: 0.94688rem; line-height: 1.13625rem; } } .path-contact .region--content form input[type="submit"] { margin: 0 auto 25px auto !important; } .path-user, .user-register-form, .user-login-form, .user-pass { max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; } .path-user:after, .user-register-form:after, .user-login-form:after, .user-pass:after { content: " "; display: block; clear: both; } @media (max-width: 479px) { .path-user, .user-register-form, .user-login-form, .user-pass { max-width: 270px; margin-left: auto; margin-right: auto; } .path-user:after, .user-register-form:after, .user-login-form:after, .user-pass:after { content: " "; display: block; clear: both; } } .path-user form, .user-register-form form, .user-login-form form, .user-pass form { text-align: left; } #user-pass .button { margin-bottom: 0px; } body.membership-enroll-page h1.page-title { max-width: 980px; padding-left: 0px; position: relative; z-index: 1; } @media (min-width: 1220px) { body.membership-enroll-page #ui-datepicker-div, body.membership-enroll-page .ui-datepicker { display: none !important; } } body.membership-enroll-page .ama-become-member .picture, body.membership-enroll-page .ama-become-member .title, body.membership-enroll-page .ama-become-member .learn { display: none; } body.membership-enroll-page .region--highlighted .messages { max-width: 890px; margin: 0 auto; margin-top: 70px; } body.membership-enroll-page #content-outer-wrapper { background: transparent; } body.membership-enroll-page #content-outer-wrapper:after { background: #b2cedc; height: 50vh; display: block; box-shadow: 0px 20px 98px 103px #b2cedc; } .ama-membership-purchase .form-submit { margin-top: 10px !important; } a.ama_help_text { font-size: 10px; } body.membership-information-page { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,f0f7fa+51,f0f7fa+100 */ background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 32%, #f0f7fa 51%, #f0f7fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f7fa',GradientType=0 ); /* IE6-9 */ } @media (max-width: 1219px) { body.membership-information-page h1 { text-align: center; } } body.membership-verify-page h1 { text-align: center; } .node--type-advanced-landing-page .local_tasks_block { position: absolute; z-index: 1; width: 100%; margin-top: 35px; top: 0; } .node--type-advanced-landing-page .local_tasks_block a.is-active, .node--type-advanced-landing-page .local_tasks_block a:hover { color: #FFFFFF; background: #000000; } .node--type-advanced-landing-page article.node { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-bottom: 80px; } .node--type-advanced-landing-page article.node:after { content: " "; display: block; clear: both; } .node--type-advanced-landing-page article .ama-block-field-container > .ama_finder, .node--type-advanced-landing-page article .ama-block-field-container > .ama_club_finder, .node--type-advanced-landing-page article .ama-block-field-container > .ama_event_finder { margin-top: 40px; } .node--type-advanced-landing-page.ama-advertisers-remove-block .region-postscript-second .ama-partners { display: none; } .node--type-advanced-landing-page.ama-model-aviation-remove-block .region-postscript-first .ama-bg-logo-title-summary-button { display: none; } .node--type-advanced-landing-page.user-logged-in article.node { margin-top: 80px; } .node--type-event-sanction-request .region--highlighted .messages { display: none !important; } .node--type-event-session nav.tabs, .node--type-event-session .breadcrumb { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .node--type-event-session nav.tabs:after, .node--type-event-session .breadcrumb:after { content: " "; display: block; clear: both; } .node--type-section #content-outer-wrapper { background-image: url(../../images/bg-sections-min.png); background-color: #e1eff5; } .node--type-section #block-nt-ama-page-title { display: none; } .node--type-section .local_tasks_block { position: absolute; z-index: 1; width: 100%; margin-top: 40px; } .node--type-section .local_tasks_block a { color: #FFFFFF; } .node--type-section .local_tasks_block a.is-active, .node--type-section .local_tasks_block a:hover { background: #000000; } .node--type-section article.node { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; padding-bottom: 80px; } .node--type-section article.node:after { content: " "; display: block; clear: both; } .node--type-section article.node > .views-element-container { display: inline; } @media (max-width: 767px) { .node--type-section article.node > .views-element-container { display: inherit; } } .node--type-section article.node > .content { position: relative; top: -130px; } @media (max-width: 767px) { .node--type-section article.node > .content { top: inherit; } } .node--type-section article.node > .content > .description { text-align: center; font-family: "TrendaRegular"; font-weight: 400; font-style: normal; color: #323e49; letter-spacing: 0em; max-width: 800px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 75px; } @media (min-width: 0px) and (max-width: 479px) { .node--type-section article.node > .content > .description { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .node--type-section article.node > .content > .description { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .node--type-section article.node > .content > .description { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .node--type-section article.node > .content > .description { font-size: 1rem; line-height: 1.875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .node--type-section article.node > .content > .description { font-size: 1.125rem; line-height: 1.875rem; } } @media (min-width: 1220px) { .node--type-section article.node > .content > .description { font-size: 1.125rem; line-height: 1.875rem; } } .node--type-section article.node > .content > .description:after { content: " "; display: block; clear: both; } @media (max-width: 1219px) { .node--type-section article.node > .content > .description { padding-left: 20px; padding-right: 20px; margin-bottom: 50px; } } @media (min-width: 0px) and (max-width: 479px) { .node--type-section article.node > .content > .description p { font-size: 0.8125rem; line-height: 0.975rem; } } @media (min-width: 480px) and (max-width: 620px) { .node--type-section article.node > .content > .description p { font-size: 0.875rem; line-height: 1.05rem; } } @media (min-width: 621px) and (max-width: 767px) { .node--type-section article.node > .content > .description p { font-size: 1rem; line-height: 1.2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .node--type-section article.node > .content > .description p { font-size: 1rem; line-height: 1.875rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .node--type-section article.node > .content > .description p { font-size: 1.125rem; line-height: 1.875rem; } } @media (min-width: 1220px) { .node--type-section article.node > .content > .description p { font-size: 1.125rem; line-height: 1.875rem; } } .path-charter-renewal article[about^="/protected-content"] { margin-top: 60px; } .path-charter-renewal h1.page-title { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .path-charter-renewal h1.page-title:after { content: " "; display: block; clear: both; } .path-charter-renewal .layout__region--content .ama-basic { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .path-charter-renewal .layout__region--content .ama-basic:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .path-charter-renewal form input[type="submit"] { margin: 15px auto !important; } } .trigger-update-end-date-flying-site-form { background-attachment: scroll; background-image: url(../../images/pencil.svg); background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; cursor: pointer; float: right; height: 26px !important; margin: 0; overflow: hidden; padding: 0 2px; right: 6px; text-indent: -9999px; width: 26px !important; } form[class^="update-end-date-flying-site-form"] { display: none; width: 213px; } form[class^="update-end-date-flying-site-form"] label { display: none; } form[class^="update-end-date-flying-site-form"] input[type="text"], form[class^="update-end-date-flying-site-form"] input[type="date-picker"], form[class^="update-end-date-flying-site-form"] input[type="date"] { height: auto; } form[class^="update-end-date-flying-site-form"] input[type="submit"], form[class^="update-end-date-flying-site-form"] a.btn { margin: 3px 0 0 0; min-width: 49%; padding-left: 0; padding-right: 0; text-align: center; vertical-align: top; } .club-officer-positions-table-form table { width: 100%; } .club-officer-positions-table-form table tr, .club-officer-positions-table-form table th { text-align: left; min-width: 120px; } .club-officer-positions-table-form table tr td.tdno3 { text-align: center; } .club-officer-positions-table-form table tr td.tdno3 label.option:before { line-height: 1.3rem; top: -12px; } .club-officer-positions-table-form input[type="submit"] { float: right; margin: 10px 0 0; } @media (max-width: 1023px) { .club-officer-positions-table-form input[type="submit"] { float: none; margin: 30px auto !important; display: block; } } .club-officer-positions-table-form .add-member { text-align: right; } @media (max-width: 1023px) { .club-officer-positions-table-form .add-member { text-align: center; } } .club-officer-positions-table-form .add-member a.btn { margin: 0 0 10px; } @media (max-width: 1023px) { .club-officer-positions-table-form .add-member a.btn { margin: 0 0 30px; } } .club-officer-positions-table-form tbody .js-form-type-checkbox label.option:before { border-radius: 50%; } .charter-renewal-view-button-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } .charter-renewal-view-button-wrapper .btn { -ms-flex: 0 0 calc((100% - 10px)/3); flex: 0 0 calc((100% - 10px)/3); max-width: calc((100% - 10px)/3); min-width: auto !important; } @media (max-width: 1023px) { .charter-renewal-view-button-wrapper .btn { -ms-flex: 49%; flex: 49%; max-width: 100%; } } @media (max-width: 479px) { .charter-renewal-view-button-wrapper .btn { -ms-flex: 100%; flex: 100%; } } .ama-club-charter-renewal.medium-width-layout { margin-bottom: 0; } .charter-renewal-club-officers-title { margin-bottom: 0; margin-top: 60px; } .ama-club-finder.medium-width-layout.ama-club-list-finder table th, .ama-club-finder.medium-width-layout.ama-club-list-finder table td { text-align: left; } .path-club-roster h1.page-title { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .path-club-roster h1.page-title:after { content: " "; display: block; clear: both; } .path-club-roster .layout__region--content .ama-basic { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .path-club-roster .layout__region--content .ama-basic:after { content: " "; display: block; clear: both; } .path-contest-coordinator-portal h1 { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .path-contest-coordinator-portal h1:after { content: " "; display: block; clear: both; } .path-contest-coordinator-portal .ama-basic { max-width: 980px; margin-left: auto; margin-right: auto; padding: 0 !important; margin-bottom: 20px; } .path-contest-coordinator-portal .ama-basic:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .path-contest-coordinator-portal .ama-basic { padding-left: 20px; padding-right: 20px; } } .path-contest-coordinator-portal .view-filters .form-item { width: 32.44%; box-sizing: border-box; } @media (max-width: 1023px) { .path-contest-coordinator-portal .view-filters .form-item { width: 32%; } } @media (max-width: 767px) { .path-contest-coordinator-portal .view-filters .form-item { width: 100%; } } .path-contest-coordinator-portal .view-filters .form-item label { color: #FFFFFF; } .path-contest-coordinator-portal .view-filters .form-item select[multiple="multiple"] { background: #FFFFFF !important; } .path-contest-coordinator-portal .view-filters .form-actions { display: inline-block; width: 100%; } .path-contest-coordinator-portal .view-filters .form-actions .form-submit { min-width: 32.44%; margin-left: 5px; } .path-contest-coordinator-portal .view-filters .form-actions .form-submit:first-child { margin-left: 0; } @media (max-width: 1023px) { .path-contest-coordinator-portal .view-filters .form-actions .form-submit { width: 32%; } } @media (max-width: 767px) { .path-contest-coordinator-portal .view-filters .form-actions .form-submit { width: 100%; } } .path-dev-tool .view-filters form .form-item { width: 49%; } .path-dev-tool .view-filters form .form-item select { width: 100%; } .path-dev-tool .view-filters form .form-actions { display: inline-block; width: 100%; } body.path-event #content-outer-wrapper { background-image: url(../../images/bg-ama-coloured.png); background-color: #D4E7EF; } @media (min-width: 1220px) { body.path-event #ui-datepicker-div, body.path-event .ui-datepicker { display: none !important; } } .path-sanctions h1.page-title { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0; } .path-sanctions h1.page-title:after { content: " "; display: block; clear: both; } .path-sanctions .ama-basic { max-width: 980px; margin-left: auto; margin-right: auto; padding: 0 !important; margin-bottom: 20px; } .path-sanctions .ama-basic:after { content: " "; display: block; clear: both; } @media (max-width: 1023px) { .path-sanctions .ama-basic { padding-left: 20px; padding-right: 20px; } } .path-sanctions .esr .view-filters { display: none !important; } .path-sanctions .esr .view-header span { font-family: "TrendaBold"; font-weight: 700; font-style: normal; color: #323e49; letter-spacing: 0em; font-style: normal; } @media (min-width: 0px) and (max-width: 479px) { .path-sanctions .esr .view-header span { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 480px) and (max-width: 620px) { .path-sanctions .esr .view-header span { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 621px) and (max-width: 767px) { .path-sanctions .esr .view-header span { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .path-sanctions .esr .view-header span { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1024px) and (max-width: 1219px) { .path-sanctions .esr .view-header span { font-size: 1.5rem; line-height: 1.8rem; } } @media (min-width: 1220px) { .path-sanctions .esr .view-header span { font-size: 1.5rem; line-height: 1.8rem; } } .node--type-event article div div.field { *zoom: 1; padding: 15px; } .node--type-event article div div.field::before, .node--type-event article div div.field::after { content: ''; display: table; } .node--type-event article div div.field::after { clear: both; } .node--type-event article div div.field:nth-child(odd) { background-color: #E0EFF5 !important; } .node--type-event article div div.field:nth-child(even) { background-color: #FFF !important; } .node--type-event article div div.field .field__label { float: left; width: 170px; } .node--type-event article div div.field .field__item { float: right; width: calc(100% - 170px); } .node--type-event .views-element-container .view-display-id-block_2 { margin-bottom: 40px; } .node--type-event .ama-event-registration-links-block { margin-bottom: 30px; } .node--type-event .registrants h2 { margin-bottom: 0; } /*# sourceMappingURL=nt_ama.css.map */