#foreign-header { /* Theme Name: Fulcrum Arts Theme URI: http://www.fulcrumarts.org Introduction: This is a custom theme for Fulcrum Arts, please don't steal. Author: Yann Novak Design Author URI: http://www.yannnovakdesign.com Version: 1.0 */ /* -------------------------------------------------------------- =Reset default browser CSS. Based on work by Eric Meyer. -------------------------------------------------------------- */ /* -------------------------------------------------------------- =FONT -------------------------------------------------------------- */ /* -------------------------------------------------------------- =PACE -------------------------------------------------------------- */ /* -------------------------------------------------------------- =GLOBAL EMELENTS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =STRUCTURE -------------------------------------------------------------- */ /* -------------------------------------------------------------- =TRANSITIONS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =BUTTONS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =LINKS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =HEADER -------------------------------------------------------------- */ /* -------------------------------------------------------------- =OVERLAYS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =MENU -------------------------------------------------------------- */ /* -------------------------------------------------------------- =FEATURED -------------------------------------------------------------- */ /* -------------------------------------------------------------- =HOME ANIMATION -------------------------------------------------------------- */ /* -------------------------------------------------------------- =LOGOS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =TITLES -------------------------------------------------------------- */ /* -------------------------------------------------------------- =MEDIA -------------------------------------------------------------- */ /* -------------------------------------------------------------- =GRID -------------------------------------------------------------- */ /* -------------------------------------------------------------- =LIST + FILTERS -------------------------------------------------------------- */ /* :checked */ /* Icon */ /* -------------------------------------------------------------- =COLUMS -------------------------------------------------------------- */ /* -------------------------------------------------------------- =SINGLE -------------------------------------------------------------- */ /* -------------------------------------------------------------- =SOCIAL MEDIA -------------------------------------------------------------- */ /* -------------------------------------------------------------- =FORM -------------------------------------------------------------- */ /* -------------------------------------------------------------- =GRAVITY FORM OVERRIDES -------------------------------------------------------------- */ /* ERROR */ /* Save for Later */ /* -------------------------------------------------------------- =PAGINATION -------------------------------------------------------------- */ /* -------------------------------------------------------------- =FOOTER -------------------------------------------------------------- */ /* -------------------------------------------------------------- =MOBILE -------------------------------------------------------------- */ /* -------------------------------------------------------------- =PRINT -------------------------------------------------------------- */ } #foreign-header, #foreign-header { height: 100%; } #foreign-header, #foreign-header, #foreign-header div, #foreign-header span, #foreign-header applet, #foreign-header object, #foreign-header iframe, #foreign-header h1, #foreign-header h2, #foreign-header h3, #foreign-header h4, #foreign-header h5, #foreign-header h6, #foreign-header p, #foreign-header blockquote, #foreign-header pre, #foreign-header a, #foreign-header abbr, #foreign-header acronym, #foreign-header address, #foreign-header big, #foreign-header cite, #foreign-header code, #foreign-header del, #foreign-header dfn, #foreign-header em, #foreign-header img, #foreign-header ins, #foreign-header kbd, #foreign-header q, #foreign-header s, #foreign-header samp, #foreign-header small, #foreign-header strike, #foreign-header strong, #foreign-header sub, #foreign-header sup, #foreign-header tt, #foreign-header var, #foreign-header b, #foreign-header u, #foreign-header i, #foreign-header center, #foreign-header dl, #foreign-header dt, #foreign-header dd, #foreign-header ol, #foreign-header ul, #foreign-header li, #foreign-header fieldset, #foreign-header form, #foreign-header label, #foreign-header legend, #foreign-header table, #foreign-header caption, #foreign-header tbody, #foreign-header tfoot, #foreign-header thead, #foreign-header tr, #foreign-header th, #foreign-header td, #foreign-header article, #foreign-header aside, #foreign-header canvas, #foreign-header details, #foreign-header embed, #foreign-header figure, #foreign-header figcaption, #foreign-header footer, #foreign-header header, #foreign-header hgroup, #foreign-header menu, #foreign-header nav, #foreign-header output, #foreign-header ruby, #foreign-header section, #foreign-header summary, #foreign-header time, #foreign-header mark, #foreign-header audio, #foreign-header video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #foreign-header article, #foreign-header aside, #foreign-header details, #foreign-header figcaption, #foreign-header figure, #foreign-header footer, #foreign-header header, #foreign-header hgroup, #foreign-header main, #foreign-header menu, #foreign-header nav, #foreign-header section { display: block; } #foreign-header { line-height: 1; } #foreign-header ol, #foreign-header ul { list-style: none; } #foreign-header blockquote, #foreign-header q { quotes: none; } #foreign-header blockquote:before, #foreign-header blockquote:after, #foreign-header q:before, #foreign-header q:after { content: ''; content: none; } #foreign-header table { border-collapse: collapse; border-spacing: 0; } #foreign-header { box-sizing: border-box; } #foreign-header *, #foreign-header *:before, #foreign-header *:after { box-sizing: inherit; } #foreign-header .group:after { content: ""; display: table; clear: both; } #foreign-header input, #foreign-header textarea, #foreign-header button { border-radius: 0; -webkit-appearance: none; } #foreign-header, #foreign-header blockquote cite, #foreign-header blockquote em, #foreign-header blockquote i, #foreign-header .tab-content strong { font-family: 'Grotesque MT W01'; font-weight: normal; } #foreign-header cite, #foreign-header em, #foreign-header i, #foreign-header blockquote, #foreign-header q { font-family: 'Grotesque MT W01 Italic'; font-weight: normal; } #foreign-header strong, #foreign-header dt, #foreign-header b, #foreign-header label, #foreign-header input[type=submit], #foreign-header .btn, #foreign-header .category-name, #foreign-header .dnt_by_chk, #foreign-header .read-more, #foreign-header .ie-only, #foreign-header .entry-content li:before { font-family: 'Grotesque MT W01 Bold'; font-weight: normal; } #foreign-header .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #foreign-header .pace-inactive { display: none; } #foreign-header .pace .pace-progress { background: #222; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } #foreign-header { background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #foreign-header:before { content: ""; display: table; clear: both; } #foreign-header.menu-active, #foreign-header.check-active { overflow: hidden; } #foreign-header, #foreign-header input, #foreign-header textarea { color: #222; font-size: 16px; line-height: 24px; } #foreign-header hr { background-color: #222; border: 0; clear: both; height: 1px; margin-bottom: 28px; } #foreign-header p { margin-bottom: 24px; } #foreign-header ul { margin: 0 0 24px 0; } #foreign-header .column ul, #foreign-header .entry-content ul { list-style: none; margin-left: 0; } #foreign-header .column li, #foreign-header .entry-content li { background-image: url(images/icons/ornage_plus@2x.png); background-repeat: no-repeat; background-position: 6px 8px; background-size: 8px 8px; padding-left: 20px; } #foreign-header ol { list-style: decimal-leading-zero; margin: 0 0 24px 0; } #foreign-header ul ul, #foreign-header ol ol, #foreign-header ul ol, #foreign-header ol ul, #foreign-header dl ul, #foreign-header dl ol, #foreign-header dl p { margin-bottom: 0; } #foreign-header dl { margin: 0 0 24px 0; } #foreign-header dd { margin-bottom: 24px; } #foreign-header blockquote { padding: 0 3em; } #foreign-header a { color: #222; text-decoration: none; } #foreign-header a:visited { color: #222; } #foreign-header a:active, #foreign-header a:hover { color: #f36e38; } #foreign-header .ie-only { display: none; } #foreign-header .inner { margin: 0 auto; max-width: 1800px; padding: 0 20px; position: relative; } #foreign-header main { padding-top: 80px; } #foreign-header .flt { float: left; } #foreign-header .half { width: 50%; } #foreign-header .margin { margin-bottom: 40px; } #foreign-header .entry-content.spacer { padding-bottom: 60px; } @media all and (min-width: 768px) { #foreign-header .inner { padding: 0 40px; } #foreign-header .flt__tablet { float: left; } #foreign-header .third { width: 33.3333%; } #foreign-header .two-thirds { width: 66.6666%; } #foreign-header .two-thirds-filter { width: 66.6666%; padding-left: 20px; } #foreign-header .l-col { padding-right: 20px; } #foreign-header .c-col { padding-right: 20px; padding-left: 20px; } #foreign-header .r-col { padding-left: 20px; } } @media all and (min-width: 1024px) { #foreign-header .inner { padding: 0 60px; } #foreign-header .two-thirds-single { width: 66.6666%; } #foreign-header .margin { margin-bottom: 60px; } } @media all and (min-width: 1280px) { #foreign-header .inner { padding: 0 80px; } #foreign-header .margin { margin-bottom: 80px; } } #foreign-header a, #foreign-header button, #foreign-header input[type=submit], #foreign-header .featured__caption { -webkit-transition: all 300ms ease; transition: all 300ms ease; } #foreign-header menu { -webkit-transition: transform 500ms ease; transition: transform 500ms ease; } #foreign-header #featured, #foreign-header main, #foreign-header nav, #foreign-header footer .inner { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 800ms ease-out; transition: all 800ms ease-out; } #foreign-header footer { opacity: 0; -webkit-transition: all 800ms ease; transition: all 800ms ease; } #foreign-header .pace-done #featured, #foreign-header .pace-done main, #foreign-header .pace-done nav, #foreign-header .pace-done footer .inner { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #foreign-header .pace-done footer { opacity: 1; } #foreign-header .pace-done.slide-out #featured, #foreign-header .pace-done.slide-out main, #foreign-header .pace-done.slide-out nav, #foreign-header .pace-done.slide-out footer .inner { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } #foreign-header .pace-done.slide-out footer { opacity: 0; } @media all and (min-width: 768px) { #foreign-header #featured, #foreign-header main, #foreign-header nav, #foreign-header footer .inner { -webkit-transform: translateX(-40px); transform: translateX(-40px); } #foreign-header .pace-done.slide-out #featured, #foreign-header .pace-done.slide-out main, #foreign-header .pace-done.slide-out nav, #foreign-header .pace-done.slide-out footer .inner { -webkit-transform: translateX(40px); transform: translateX(40px); } } @media all and (min-width: 1024px) { #foreign-header #featured, #foreign-header main, #foreign-header nav, #foreign-header footer .inner { -webkit-transform: translateX(-60px); transform: translateX(-60px); } #foreign-header .pace-done.slide-out #featured, #foreign-header .pace-done.slide-out main, #foreign-header .pace-done.slide-out nav, #foreign-header .pace-done.slide-out footer .inner { -webkit-transform: translateX(60px); transform: translateX(60px); } } @media all and (min-width: 1280px) { #foreign-header #featured, #foreign-header main, #foreign-header nav, #foreign-header footer .inner { -webkit-transform: translateX(-80px); transform: translateX(-80px); } #foreign-header .pace-done.slide-out #featured, #foreign-header .pace-done.slide-out main, #foreign-header .pace-done.slide-out nav, #foreign-header .pace-done.slide-out footer .inner { -webkit-transform: translateX(80px); transform: translateX(80px); } } #foreign-header .btn { background-color: transparent; box-shadow: 0 0 1px transparent; display: inline-block; position: relative; text-align: center; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all 300ms; transition: all 300ms; } #foreign-header .btn:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: transform 200ms ease-out; transition: transform 200ms ease-out; } #foreign-header .btn:hover:before, #foreign-header .btn:focus:before, #foreign-header .btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } #foreign-header .btn__light { background-color: #fff; border: 1px solid #8c959b; color: #222; } #foreign-header .btn__light:before { background-color: #f36e38; } #foreign-header .btn__dark { border: 1px solid #dadfe1; color: #fff; } #foreign-header .btn__dark:before { background-color: #f36e38; } #foreign-header .btn.btn__light:hover, #foreign-header .btn.btn__light:focus, #foreign-header .btn.btn__light:active { border-color: #f36e38; color: #fff; } #foreign-header .btn.btn__dark:hover, #foreign-header .btn.btn__dark:focus, #foreign-header .btn.btn__dark:active { border-color: #f36e38; color: #fff; } #foreign-header .btn__small { font-size: 14px; height: 40px; line-height: 40px; width: calc(50% - 20px); } #foreign-header .btn__large { height: 60px; line-height: 60px; width: 100%; } #foreign-header .read-more a, #foreign-header .entry-content a, #foreign-header .entry-summery a { border-bottom: 1px solid #8c959b; } #foreign-header .read-more a:hover, #foreign-header .entry-content a:hover, #foreign-header .entry-summery a:hover { border-bottom: 1px solid #f36e38; } #foreign-header .out-link { font-size: 20px; line-height: 28px; padding: 16px 0 0; } #foreign-header .out-link a { color: #8c959b; } #foreign-header .out-link a:hover { color: #f36e38; } #foreign-header .menu a, #foreign-header .underline a { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } #foreign-header .menu a:before, #foreign-header .underline a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #222; height: 1px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } #foreign-header .menu a:hover:before, #foreign-header .menu a:focus:before, #foreign-header .menu a:active:before, #foreign-header .underline a:hover:before, #foreign-header .underline a:focus:before, #foreign-header .underline a:active:before { background: #f36e38; right: 0; } #foreign-header header { background-color: #fff; left: 0; position: fixed; top: 0; width: 100%; white-space: nowrap; z-index: 1500; } #foreign-header #site-title, #foreign-header #menu-open { height: 60px; line-height: 60px; } #foreign-header #site-title a { display: block; height: 13px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #foreign-header #site-title svg { display: block; fill: #222222; height: 13px; width: 183px; } @media all and (min-width: 560px) { #foreign-header #site-title, #foreign-header #menu-open { height: 80px; line-height: 80px; } #foreign-header #site-title a { height: 20px; } #foreign-header #site-title a svg { height: 20px; width: 282px; } } #foreign-header .menu-btn { text-align: right; } #foreign-header .menu-btn a { color: #222; display: inline-block; height: auto; position: relative; z-index: 10; } #foreign-header .menu-trig__inner { display: inline-block; padding-left: 10px; } #foreign-header .menu-btn a span { position: relative; top: -1px; display: inline-block; vertical-align: middle; } #foreign-header .menu-btn a span, #foreign-header .menu-btn a span:before, #foreign-header .menu-btn a span:after { background-color: #222; width: 20px; height: 2px; } #foreign-header .menu-btn a span:before, #foreign-header .menu-btn a span:after { position: absolute; margin-top: -6px; content: " "; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #foreign-header .menu-btn a span:after { margin-top: 6px; } #foreign-header #menu-open.menu-btn a:hover span:before { margin-top: -8px; } #foreign-header #menu-open.menu-btn a:hover span:after { margin-top: 8px; } #foreign-header #check-close.menu-btn a span, #foreign-header #menu-close.menu-btn a span { background-color: transparent; } #foreign-header #check-close.menu-btn a span:before, #foreign-header #menu-close.menu-btn a span:before { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #foreign-header #check-close.menu-btn a span:after, #foreign-header #menu-close.menu-btn a span:after { bottom: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #foreign-header #check-close.menu-btn a:hover span:before, #foreign-header #menu-close.menu-btn a:hover span:before { top: 6px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #foreign-header #check-close.menu-btn a:hover span:after, #foreign-header #menu-close.menu-btn a:hover span:after { bottom: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #foreign-header .overlay { background-color: rgba(34, 34, 34, 0.5); display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2000; } #foreign-header menu { background-color: #fff; display: block; position: fixed; top: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 2500; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #foreign-header.menu-active menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #foreign-header #menu-close { background-color: #fff; height: 80px; line-height: 80px; margin: 0 auto; padding: 0 20px 0 40px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 500; } #foreign-header .menu-container { padding: 80px 20px 0; text-align: right; } #foreign-header .menu-container dl { font-size: 17px; margin-bottom: 20px; white-space: nowrap; } #foreign-header menu .scroll { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #foreign-header .menu-contact, #foreign-header .menu-follow { font-size: 14px; } #foreign-header .menu-btns .btn { margin-bottom: 20px; } @media all and (min-width: 560px) { #foreign-header .menu-container { text-align: left; } #foreign-header .menu-container dt { clear: left; float: left; width: 50%; } #foreign-header .menu-container dd { margin: 0 0 24px 50%; } #foreign-header .menu-contact, #foreign-header .menu-follow { width: 50%; } } @media all and (min-width: 768px) { #foreign-header menu { width: calc(50% + 20px); } #foreign-header .menu-container { padding: 80px 40px 0 40px; } #foreign-header .menu-container dd { margin: 0 0 52px 50%; } #foreign-header .menu-contact, #foreign-header .menu-follow { padding-bottom: 12px; } #foreign-header .menu-btns .btn { margin-bottom: 40px; } #foreign-header #menu-close { padding: 0 40px 0 20px; } } @media all and (min-width: 1024px) { #foreign-header #menu-close { padding: 0 60px 0 20px; } #foreign-header .menu-container { padding: 160px 80px 0 40px; } #foreign-header .menu-contact, #foreign-header .menu-follow { padding-bottom: 32px; } } @media all and (min-width: 1280px) { #foreign-header #menu-close { padding: 0 80px 0 20px; } #foreign-header menu { width: calc(34% + 20px); } #foreign-header #menu-close, #foreign-header .menu-container { max-width: 600px; } } #foreign-header .menu-active .menu-container dt, #foreign-header .menu-active .menu-container dd, #foreign-header .menu-active .menu-contact, #foreign-header .menu-active .menu-follow, #foreign-header .menu-active .menu-btns a { opacity: 0; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #foreign-header .menu-active .menu-container dt.an-1 { -webkit-animation-delay: 50ms; animation-delay: 50ms; } #foreign-header .menu-active .menu-container dd.an-2 { -webkit-animation-delay: 100ms; animation-delay: 100ms; } #foreign-header .menu-active .menu-container dt.an-3 { -webkit-animation-delay: 150ms; animation-delay: 150ms; } #foreign-header .menu-active .menu-container dd.an-4 { -webkit-animation-delay: 200ms; animation-delay: 200ms; } #foreign-header .menu-active .menu-container dt.an-5 { -webkit-animation-delay: 250ms; animation-delay: 250ms; } #foreign-header .menu-active .menu-container dd.an-6 { -webkit-animation-delay: 300ms; animation-delay: 300ms; } #foreign-header .menu-active .menu-contact { -webkit-animation-delay: 350ms; animation-delay: 350ms; } #foreign-header .menu-active .menu-follow { -webkit-animation-delay: 400ms; animation-delay: 400ms; } #foreign-header .menu-active .menu-btns a:first-child { -webkit-animation-delay: 450ms; animation-delay: 450ms; } #foreign-header .menu-active .menu-btns a:nth-child(2) { -webkit-animation-delay: 500ms; animation-delay: 500ms; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(20%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(20%, 0, 0); } to { opacity: 1; transform: none; } } #foreign-header section#featured { display: block; height: 100%; min-height: 100%; margin: 0 auto; max-width: 1800px; padding: 60px 20px 20px; position: relative; width: 100%; } #foreign-header section#featured:after { content: ""; display: table; clear: both; } #foreign-header .inner-block { position: relative; } #foreign-header .inner-block:first-child { margin-bottom: 20px; height: calc(40% - 20px); width: 100%; overflow: hidden; } #foreign-header .inner-block:last-child { height: 60%; min-height: 60%; } #foreign-header .no-image { height: 100%; min-height: 100%; position: relative; width: 100%; } #foreign-header .featured__image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; position: absolute; width: 100%; } #foreign-header .featured__caption { display: none; } #foreign-header .featured__logo { position: relative; width: calc(25% - 20px); } #foreign-header .featured__logo:after { content: ""; display: block; padding-bottom: 100%; } #foreign-header .intro-container { position: relative; padding-top: 16px; } #foreign-header .no-image .featured__logo { position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #foreign-header .no-image .featured__logo, #foreign-header .no-image .intro-container { top: 33.3333%; } #foreign-header .single-fulcrumarts_emerge .no-image .featured__logo, #foreign-header .single-fulcrumarts_emerge .no-image .intro-container { top: 50%; } #foreign-header .intro-container .absolute { position: absolute; } #foreign-header .page-intro { font-size: 14px; line-height: 22px; } #foreign-header .page-intro span { color: #8c959b; } #foreign-header .page-intro p { margin-bottom: 14px; } #foreign-header .page-intro.emerge span:after { content: ','; } #foreign-header .page-intro.emerge span:last-child:after { content: ''; } #foreign-header .page-intro.emerge span:nth-last-child(2):after { content: ' +'; } #foreign-header .scroll-down { display: none; } @media all and (min-width: 414px) { #foreign-header .page-intro { font-size: 18px; line-height: 26px; } #foreign-header .page-intro p { margin-bottom: 24px; } } @media all and (min-width: 560px) { #foreign-header section#featured { padding: 80px 20px 20px; } #foreign-header .inner-block:first-child { margin-bottom: 20px; height: calc(50% - 20px); width: 100%; overflow: hidden; } #foreign-header .inner-block:last-child { height: 50%; min-height: 50%; } } @media all and (min-width: 768px) { #foreign-header section#featured { padding: 80px 40px 40px; } #foreign-header .featured__caption { color: #fff; display: block; opacity: 0; position: absolute; left: 20px; bottom: 13px; } #foreign-header .featured__image:hover .featured__caption { opacity: 1.0; } #foreign-header .inner-block:first-child { margin-bottom: 40px; } #foreign-header .featured__logo, #foreign-header .no-image .featured__logo { width: calc(25% - 20px); } #foreign-header .scroll-down { color: #f36e38; cursor: pointer; display: block; font-size: 16px; line-height: 20px; position: absolute; bottom: 0; left: 0; } #foreign-header .no-image .scroll-down { left: 0px; text-align: center; width: 100%; } } @media all and (min-width: 1024px) { #foreign-header section#featured { padding: 80px 60px 60px; } #foreign-header .featured__logo, #foreign-header .no-image .featured__logo { position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #foreign-header .featured__logo, #foreign-header .no-image .featured__logo, #foreign-header .intro-container, #foreign-header .no-image .intro-container { top: 40%; } #foreign-header .inner-block:first-child, #foreign-header .inner-block:last-child { float: left; height: 100%; min-height: 100%; margin-bottom: 0; padding-bottom: 0; } #foreign-header .inner-block:first-child { margin-right: 20px; width: calc(50% - 20px); } #foreign-header .inner-block:last-child { padding-left: 20px; width: 50%; } #foreign-header .featured__logo { width: calc(33.3333% - 20px); } #foreign-header .no-image .featured__logo { width: calc(25% - 20px); } #foreign-header section#featured .page-title { margin-bottom: 16px; } #foreign-header .scroll-down { left: 20px; } #foreign-header .no-image .scroll-down { left: 0px; } } @media all and (min-width: 1280px) { #foreign-header section#featured { padding: 80px; } #foreign-header .featured__logo, #foreign-header .no-image .featured__logo, #foreign-header .intro-container, #foreign-header .no-image .intro-container { top: 50%; } #foreign-header .no-image .featured__logo { width: calc(16.6666% - 20px); } #foreign-header .no-image .page-title, #foreign-header .no-image .page-intro { padding-left: 20px; } #foreign-header .no-image .intro-container { margin-left: 16.6666%; width: calc(66.6666% - 40px); } #foreign-header section#featured .page-title { margin-bottom: 24px; } } @media all and (min-width: 1366px) { #foreign-header .intro-container { margin-left: 33.3333%; padding-top: 0; } #foreign-header .inner-block .page-title, #foreign-header .inner-block .page-intro { padding-left: 20px; } #foreign-header .scroll-down { font-size: 18px; } } #foreign-header .pace-done .no-image .scroll-down span { position: relative; display: inline-block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: arrow 2s infinite 3s linear; animation: arrow 2s infinite 3s linear; } @-webkit-keyframes arrow { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 25% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 75% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes arrow { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 25% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 75% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } #foreign-header .featured__image.ful { background-image: url(images/homepage/fulcrum.jpg); } #foreign-header .featured__image.eme { background-image: url(images/homepage/emerge.jpg); } #foreign-header .featured__image.axis { background-image: url(images/homepage/axs.jpg); } #foreign-header .featured__image.ful, #foreign-header .featured__image.eme, #foreign-header .featured__image.axis { opacity: 0; -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; -webkit-transform: translateX(100%); transform: translateX(100%); } #foreign-header .intro-container .absolute.ful, #foreign-header .intro-container .absolute.eme, #foreign-header .intro-container .absolute.axis { opacity: 0; -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; -webkit-transform: translateX(40px); transform: translateX(40px); } #foreign-header .category-fulcrum .featured__image.ful, #foreign-header .category-fulcrum-return .featured__image.ful, #foreign-header .category-emerge .featured__image.eme, #foreign-header .category-axs .featured__image.axis, #foreign-header .category-fulcrum .intro-container .absolute.ful, #foreign-header .category-fulcrum-return .intro-container .absolute.ful, #foreign-header .category-emerge .intro-container .absolute.eme, #foreign-header .category-axs .intro-container .absolute.axis { opacity: 1; -webkit-transition: opacity 300ms 700ms ease-out; transition: opacity 300ms 700ms ease-out; -webkit-transform: translateX(0px); transform: translateX(0px); } #foreign-header .logo { display: block; height: 100%; position: absolute; width: 100%; } #foreign-header .logo:before, #foreign-header .logo:after { content: ''; display: block; position: absolute; z-index: 100; -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; } #foreign-header .logo.light:before, #foreign-header .logo.light:after { background-color: #fff; } #foreign-header .logo.dark:before, #foreign-header .logo.dark:after, #foreign-header .category-invert .logo.light:before, #foreign-header .category-invert .logo.light:after { background-color: #222; } #foreign-header .logo:before { height: 16%; width: 100%; } #foreign-header .logo:after { height: 100%; width: 16%; } #foreign-header .category-fulcrum .logo:before, #foreign-header .category-fulcrum .logo:after { top: 0; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } #foreign-header .category-emerge .logo:before { top: 42%; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #foreign-header .category-emerge .logo:after { top: 0; left: 42%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #foreign-header .category-axs .logo:before { top: 42%; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } #foreign-header .category-axs .logo:after { top: 0; left: 42%; -webkit-transform: rotate(135deg); transform: rotate(135deg); } #foreign-header .category-fulcrum-return .logo:before, #foreign-header .category-fulcrum-return .logo:after { top: 0; left: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); } #foreign-header .page-title, #foreign-header .post-title { font-size: 20px; line-height: 28px; } #foreign-header .column-title, #foreign-header .section-title { border-bottom: 1px solid #222; font-size: 24px; line-height: 24px; padding-bottom: 20px; } #foreign-header .section-title { margin-bottom: 40px; } #foreign-header .entry-title { font-size: 22px; line-height: 30px; margin-bottom: 7px; } @media all and (min-width: 375px) { #foreign-header .page-title, #foreign-header .post-title { font-size: 30px; line-height: 38px; } } @media all and (min-width: 560px) { #foreign-header .page-title { font-size: 50px; line-height: 58px; } #foreign-header .post-title { font-size: 50px; line-height: 58px; } #foreign-header .full { clear: both; width: calc(50% - 20px); } } @media all and (min-width: 1024px) { #foreign-header .full { clear: both; width: calc(33.3333% - 26px); } } #foreign-header .embed-container { margin-bottom: 28px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #foreign-header .embed-container iframe, #foreign-header .embed-container object, #foreign-header .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #foreign-header .grid { clear: both; list-style: none; margin: 0; overflow: hidden; position: relative; text-align: justify; font-size: 0; line-height: 0; text-justify: distribute-all-lines; } #foreign-header .grid:after { content: ''; display: inline-block; width: 100%; } #foreign-header .grid .hentry { font-size: 16px; line-height: 24px; margin: 0 0 56px; opacity: 0; overflow: hidden; position: relative; text-align: left; vertical-align: top; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); } #foreign-header .grid .column { font-size: 16px; line-height: 24px; margin: 0 0 56px; overflow: hidden; position: relative; text-align: left; vertical-align: top; } #foreign-header .grid .column img { display: block; height: auto; max-height: 125px; margin-bottom: 24px; width: auto; max-width: 100%; } #foreign-header .grid .hentry.visible, #foreign-header .paged .grid .hentry:nth-child(1) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #foreign-header .grid .hentry, #foreign-header .grid .column, #foreign-header .grid .gap { display: inline-block; width: 100%; } #foreign-header .grid .hentry a.inner-block { display: block; height: auto; margin-bottom: 16px; position: relative; width: 100%; } #foreign-header .grid .hentry a.inner-block:before { background-color: #f36e38; content: ""; display: block; opacity: 0.7; position: absolute; top: 0; left: 0; bottom: 0; width: 130%; z-index: 10; -webkit-transform: translateX(-110%) skew(-20deg); transform: translateX(-110%) skew(-20deg); -webkit-transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out; } #foreign-header .grid .hentry a.inner-block:hover:before, #foreign-header .grid .hentry a.inner-block:focus:before, #foreign-header .grid .hentry a.inner-block:active:before { -webkit-transform: translateX(-15%) skew(-20deg); transform: translateX(-15%) skew(-20deg); } #foreign-header .grid .hentry a img { display: block; height: auto; width: 100%; -webkit-filter: grayscale(0); filter: none; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } #foreign-header .grid .hentry a:hover img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } #foreign-header .post__logo { height: 36px; position: absolute; top: 10px; left: 10px; width: 36px; } #foreign-header .grid .hentry .date, #foreign-header .grid .hentry .category-name { margin-bottom: 7px; } #foreign-header .category-name, #foreign-header .grid .hentry .category-name { font-size: 14px; text-transform: uppercase; } #foreign-header .date { color: #8c959b; font-size: 16px; } @media all and (min-width: 768px) { #foreign-header .grid .hentry, #foreign-header .grid .column, #foreign-header .grid .gap { width: calc(50% - 20px); } #foreign-header .grid .hentry:nth-child(odd) { -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } #foreign-header .grid .hentry:nth-child(even) { -webkit-transition: all 600ms 100ms ease-in-out; transition: all 600ms 100ms ease-in-out; } #foreign-header .paged .grid .hentry:nth-child(2), #foreign-header .paged .grid .hentry:nth-child(3), #foreign-header .paged .grid .hentry:nth-child(4) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @media all and (min-width: 1024px) { #foreign-header .grid .hentry, #foreign-header .grid .column, #foreign-header .grid .gap { width: calc(33.3333% - 26px); } #foreign-header .grid .hentry:nth-child(3n+1) { -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } #foreign-header .grid .hentry:nth-child(3n+2) { -webkit-transition: all 600ms 100ms ease-in-out; transition: all 600ms 100ms ease-in-out; } #foreign-header .grid .hentry:nth-child(3n+3) { -webkit-transition: all 600ms 200ms ease-in-out; transition: all 600ms 200ms ease-in-out; } #foreign-header .paged .grid .hentry:nth-child(5), #foreign-header .paged .grid .hentry:nth-child(6) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } #foreign-header .list .tab { border-bottom: 1px solid #222; clear: both; display: inline-block; position: relative; width: 100%; overflow: hidden; } #foreign-header .list .tab ::selection { background-color: #fff; } #foreign-header .list .tab ::-mos-selection { background-color: #fff; } #foreign-header .list input { position: absolute; opacity: 0; z-index: -1; } #foreign-header .list label { position: relative; display: block; padding: 0; line-height: 60px; cursor: pointer; padding-right: 60px; } #foreign-header .list .tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } #foreign-header .list .tab__btns a { float: left; margin-bottom: 30px; } #foreign-header .list .tab__btns a:first-child { margin-right: 20px; } #foreign-header .list .tab__btns a:last-child { margin-left: 20px; } #foreign-header .list input:checked ~ .tab-content { max-height: 500px; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } #foreign-header .list label::before, #foreign-header .list label::after { background-color: #8C959B; content: ''; position: absolute; right: 0; top: 28px; display: block; width: 30px; height: 4px; line-height: 60px; text-align: center; -webkit-transition: none; transition: none; } #foreign-header .list label::after { position: absolute; right: 13px; top: 15px; width: 4px; height: 30px; } #foreign-header .list label:hover::before, #foreign-header .list label:hover::after { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 500ms ease; transition: all 500ms ease; } #foreign-header .list input[type=checkbox]:checked + label::before, #foreign-header .list input[type=checkbox]:checked + label::after { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-transition: all 500ms ease; transition: all 500ms ease; } #foreign-header .list input[type=checkbox]:checked:hover + label::before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #foreign-header .list input[type=checkbox]:checked:hover + label::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } #foreign-header .filters { padding-top: 16px; } #foreign-header .filters button { background-color: #fff; border: none; clear: both; color: #8c959b; display: block; font-size: 20px; line-height: 28px; padding: 0; margin: 0; text-align: left; } #foreign-header .filters button.mixitup-control-active { color: #222; } #foreign-header .filters button:hover { color: #f36e38; } @media all and (min-width: 768px) { #foreign-header .list label { font-size: 20px; } } @media all and (min-width: 1280px) { #foreign-header .list .entry-summery, #foreign-header .list .tab__btns { float: left; } #foreign-header .list .entry-summery { margin-bottom: 6px; padding-right: 20px; width: 75%; } #foreign-header .list .tab__btns { padding-left: 20px; width: 25%; } #foreign-header .list .tab__btns a { width: 100%; } #foreign-header .list .tab__btns a:first-child, #foreign-header .list .tab__btns a:last-child { margin-right: 0; margin-left: 0; } } #foreign-header #columns h3, #foreign-header .column h3.column-title { margin-bottom: 24px; } #foreign-header #columns .column { margin-bottom: 56px; } @media all and (min-width: 768px) { #foreign-header #columns .column { float: left; width: 50%; } #foreign-header #columns .column:first-child { padding-right: 20px; } #foreign-header #columns .column:last-child { padding-left: 20px; } } @media all and (min-width: 1280px) { #foreign-header .columns__inner { padding: 0 20px; } #foreign-header .columns__inner { margin: 0 auto; width: calc(66.6666%); } } #foreign-header .single .image-container { position: relative; } #foreign-header .single .featured-image { display: block; height: auto; margin-bottom: 36px; width: 100%; } #foreign-header .single .image-container .post__logo { height: auto; position: absolute; top: 20px; left: 20px; width: 16.6666%; } #foreign-header .single .post__logo:after { content: ""; display: block; padding-bottom: 100%; } #foreign-header .single .post-title { margin-bottom: 12px; } #foreign-header .single .date, #foreign-header .single .category-name { font-size: 18px; line-height: 26px; } #foreign-header .single .category-name { margin-bottom: 12px; } #foreign-header .single .date { margin-bottom: 52px; } #foreign-header .single .entry-content { font-size: 16px; line-height: 24px; } #foreign-header .single .entry-content p, #foreign-header .single .entry-content ul, #foreign-header .single .entry-content ol { margin-bottom: 28px; } #foreign-header .single .entry-content img { display: block; height: auto; width: 100%; } #foreign-header .alignnone, #foreign-header img.alignnone { margin-bottom: 28px; width: 100%; } #foreign-header .single .entry-content p.wp-caption-text { color: #8c959b; margin-bottom: 0; padding-top: 12px; } @media all and (min-width: 560px) { #foreign-header .page .entry-content, #foreign-header .single .entry-content { font-size: 18px; line-height: 26px; } } @media all and (min-width: 768px) { #foreign-header .single .image-container .post__logo { top: 40px; left: 40px; } } @media all and (min-width: 1024px) { #foreign-header .single .entry-content { padding-bottom: 52px; } } #foreign-header .share { padding: 10px 0 20px; } #foreign-header .follow { padding: 0 0 28px; } #foreign-header .social strong { font-size: 18px; } #foreign-header .social a { border-bottom: none; background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; display: inline-block; height: 24px; margin-left: 10px; opacity: 1; overflow: hidden; text-indent: -9999px; width: 24px; } @media all and (min-width: 1024px) { #foreign-header .share { border-bottom: 1px solid #222; } #foreign-header .social a { margin-left: 15px; } } #foreign-header .social a:hover { border-bottom: none; } #foreign-header .social a.facebook { background-image: url(images/icons/facebook@2x.png); width: 18px; } #foreign-header .social a.facebook span, #foreign-header .social a.facebook:hover { background-image: url(images/icons/facebook_hover@2x.png); } #foreign-header .social a.twitter { background-image: url(images/icons/twitter@2x.png); } #foreign-header .social a.twitter span, #foreign-header .social a.twitter:hover { background-image: url(images/icons/twitter_hover@2x.png); } #foreign-header .social a.pinterest { background-image: url(images/icons/pinterest@2x.png); width: 20px; } #foreign-header .social a.pinterest span, #foreign-header .social a.pinterest:hover { background-image: url(images/icons/pinterest_hover@2x.png); } #foreign-header .social a.tumblr { background-image: url(images/icons/tumblr@2x.png); width: 20px; } #foreign-header .social a.tumblr span, #foreign-header .social a.tumblr:hover { background-image: url(images/icons/tumblr_hover@2x.png); } #foreign-header .social a.instagram { background-image: url(images/icons/instagram@2x.png); } #foreign-header .social a.instagram span, #foreign-header .social a.instagram:hover { background-image: url(images/icons/instagram_hover@2x.png); } #foreign-header .social a.soundcloud { background-image: url(images/icons/soundcloud@2x.png); } #foreign-header .social a.soundcloud span, #foreign-header .social a.soundcloud:hover { background-image: url(images/icons/soundcloud_hover@2x.png); } #foreign-header .social a.vimeo { background-image: url(images/icons/vimeo@2x.png); } #foreign-header .social a.vimeo span, #foreign-header .social a.vimeo:hover { background-image: url(images/icons/vimeo_hover@2x.png); } #foreign-header .social a.youtube { background-image: url(images/icons/youtube@2x.png); } #foreign-header .social a.youtube span, #foreign-header .social a.youtube:hover { background-image: url(images/icons/youtube_hover@2x.png); } #foreign-header .social a.google_plus { background-image: url(images/icons/google_plus@2x.png); } #foreign-header .social a.google_plus span, #foreign-header .social a.google_plus:hover { background-image: url(images/icons/google_plus_hover@2x.png); } #foreign-header .social a.flickr { background-image: url(images/icons/flickr@2x.png); } #foreign-header .social a.flickr span, #foreign-header .social a.flickr:hover { background-image: url(images/icons/flickr_hover@2x.png); } #foreign-header #form { background-color: #dadfe1; padding: 40px 0; } #foreign-header .form__inner { padding: 0 20px; } #foreign-header .form__inner.grav { padding: 0 20px; } #foreign-header .donate, #foreign-header .donate-details { margin-bottom: 20px; } #foreign-header .donate-details, #foreign-header .dnt_by_chk { font-size: 14px; line-height: 22px; } #foreign-header .donate-details { text-align: center; } #foreign-header .donate-details p { margin-bottom: 0; } #foreign-header .dnt_by_chk { clear: both; text-align: center; } #foreign-header #check-close { height: 60px; line-height: 60px; margin: 0 auto; padding: 0 30px; position: relative; width: 100%; } #foreign-header .check-inner { -webkit-transition: all 300ms ease; transition: all 300ms ease; } #foreign-header .check-inner { visibility: hidden; background-color: #fff; margin: 0 auto; opacity: 0; position: fixed; top: 50%; left: 50%; width: 280px; z-index: 3000; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } #foreign-header .check-active .check-inner { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #foreign-header .check-container { font-size: 16px; line-height: 24px; margin-bottom: 0; padding: 0 30px 6px; } @media all and (min-width: 768px) { #foreign-header #form { padding: 60px 0; } #foreign-header .form__inner.grav { padding: 0 4px 0 20px; } #foreign-header .donate, #foreign-header .donate-details { float: left; width: 50%; } #foreign-header .donate-details { text-align: left; } #foreign-header .check-inner { width: 500px; } #foreign-header .check-container { font-size: 20px; line-height: 28px; } } @media all and (min-width: 1024px) { #foreign-header #form { padding: 80px 0; } #foreign-header .donate-details p { margin-top: -2px; } } @media all and (min-width: 1280px) { #foreign-header .form__inner { margin: 0 auto; width: calc(66.6666%); } } #foreign-header .gform_wrapper { margin: 0; } #foreign-header .gform_wrapper .fulcrum-form .gform_footer { margin: 0; padding: 0; } #foreign-header .gform_wrapper .fulcrum-form hr { margin: 20px 0; } #foreign-header .gform_wrapper .fulcrum-form h3 { font-size: 20px; line-height: 20px; } #foreign-header .gform_wrapper .fulcrum-form .gfield_required { color: #f36e38; } #foreign-header .gform_wrapper .fulcrum-form ul.gform_fields li.gfield { padding-bottom: 34px; } #foreign-header .gform_wrapper .fulcrum-form ul li.gfield { margin-top: 0; } #foreign-header .gform_wrapper .fulcrum-form .description, #foreign-header .gform_wrapper .fulcrum-form .gfield_description, #foreign-header .gform_wrapper .fulcrum-form .gsection_description, #foreign-header .gform_wrapper .fulcrum-form .instruction { font-size: 14px; } #foreign-header .gform_wrapper .fulcrum-form select { border: 1px solid #8c959b; height: 40px; line-height: 40px; -webkit-appearance: menulist-button; } #foreign-header .gform_wrapper .fulcrum-form textarea, #foreign-header .gform_wrapper .fulcrum-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: none; } #foreign-header .gform_wrapper .fulcrum-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { line-height: 30px; } #foreign-header .gform_wrapper .fulcrum-form select:focus, #foreign-header .gform_wrapper .fulcrum-form textarea:focus, #foreign-header .gform_wrapper .fulcrum-form input:focus, #foreign-header .gform_wrapper input#gform_send_resume_link_button_1 { outline: none; } #foreign-header .gform_wrapper .fulcrum-form .gform_footer input[type=submit], #foreign-header .gform_wrapper input#gform_send_resume_link_button_1, #foreign-header .gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link { background-color: #fff; border: 1px solid #8c959b; color: #222; display: inline-block; position: relative; text-align: center; vertical-align: middle; height: 60px; line-height: 60px; width: calc(50% - 25px); } #foreign-header .gform_wrapper input#gform_send_resume_link_button_1 { height: 40px; line-height: 40px; margin-top: -3px; } #foreign-header .gform_wrapper .fulcrum-form .gform_footer input[type=submit]:hover, #foreign-header .gform_wrapper .fulcrum-form .gform_footer input[type=submit]:focus, #foreign-header .gform_wrapper .fulcrum-form .gform_footer input[type=submit]:active, #foreign-header .gform_wrapper input#gform_send_resume_link_button_1:hover, #foreign-header .gform_wrapper input#gform_send_resume_link_button_1:focus, #foreign-header .gform_wrapper input#gform_send_resume_link_button_1:active, #foreign-header .gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:hover, #foreign-header .gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:focus, #foreign-header .gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:active { background-color: #f36e38; border-color: #f36e38; color: #fff; } @media all and (max-width: 768px) { #foreign-header .gform_wrapper .fulcrum-form .gform_footer input[type=submit] { width: 100%; } #foreign-header .gform_wrapper .fulcrum-form table.gfield_list tr { display: block; background: #dadfe1; position: relative; border: 1px solid #8c959b; border-top: 1px solid #8c959b; border-bottom: 1px solid #8c959b; } #foreign-header .gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link { margin-left: 0; margin-top: 20px; width: 100%; } } #foreign-header .gform_wrapper .fulcrum-form div.validation_error { width: calc(100% - 16px); } #foreign-header .gform_wrapper .fulcrum-form li.gfield.gfield_error.gfield_contains_required { padding-right: 10px; } #foreign-header .gform_wrapper .fulcrum-form li.gfield.gfield_error, #foreign-header .gform_wrapper .fulcrum-form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #f36e38; border-top: none; border-bottom: none; padding: 10px; } #foreign-header .gform_wrapper .form_saved_message a { display: inline-block; margin-bottom: 24px; text-decoration: underline; } #foreign-header .gform_wrapper div.form_saved_message_emailform { padding-top: 24px; } #foreign-header .gform_wrapper .form_saved_message_emailform input[type=text] { line-height: 40px; height: 40px; margin-right: 30px; width: calc(50% - 20px); } #foreign-header nav { font-size: 20px; line-height: 28px; } #foreign-header nav a { color: #8c959b; } #foreign-header nav a:hover { color: #f36e38; } #foreign-header nav .previous, #foreign-header nav .next { height: 28px; width: 50%; } #foreign-header nav .previous { float: left; } #foreign-header nav .next { float: right; text-align: right; } #foreign-header footer { background-color: #333; color: #dadfe1; font-size: 14px; line-height: 22px; padding: 40px 0; } #foreign-header footer strong { color: #fff; } #foreign-header footer a, #foreign-header footer a:visited { color: #dadfe1; } #foreign-header footer a:active, #foreign-header footer a:hover { color: #f36e38; } #foreign-header footer #contact, #foreign-header footer #follow, #foreign-header footer #footer-newsletter { padding-bottom: 12px; } #foreign-header #top { text-align: right; } @media all and (min-width: 768px) { #foreign-header footer { padding: 60px 0; } #foreign-header footer #contact, #foreign-header footer #follow, #foreign-header footer #footer-newsletter { float: left; } #foreign-header footer #contact, #foreign-header footer #follow { width: 50%; } #foreign-header footer #contact { padding-right: 20px; } #foreign-header footer #follow { padding-left: 20px; } #foreign-header footer #footer-newsletter { width: 100%; } } @media all and (min-width: 1024px) { #foreign-header footer { padding: 80px 0; } #foreign-header footer #contact, #foreign-header footer #follow, #foreign-header footer #footer-newsletter { width: 33.3333%; } #foreign-header footer #contact { padding-right: 20px; } #foreign-header footer #follow { padding: 0 20px 12px; } #foreign-header footer #footer-newsletter { padding-left: 20px; } } @media all and (max-width: 768px) { #foreign-header .mobile--hidden { display: none; } } @media print { #foreign-header header, #foreign-header menu, #foreign-header nav, #foreign-header footer, #foreign-header .btn__print, #foreign-header .scroll-down, #foreign-header .page-intro, #foreign-header .no-print { display: none; } #foreign-header section#featured, #foreign-header .no-image { height: auto; min-height: auto; } #foreign-header section#featured { padding: 80px 20px; } #foreign-header .inner { padding: 0 20px; } #foreign-header .featured__logo { position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); } #foreign-header .no-image .intro-container { margin-left: 0; position: relative; width: 100%; } #foreign-header .intro-container { padding-top: 40px; top: 0; } #foreign-header .no-image .page-title { padding-left: 0; } #foreign-header .section-title.full, #foreign-header .two-thirds-single { width: 100%; } } #foreign-header .menu-container .group, #foreign-header .menu-container .menu-btns{ display: none !important; }