@charset "UTF-8"; /*! Theme Name: Fondation Antoine de Galbert Theme URI: https://www.fondationantoinedegalbert.org/ Author: Julien Félix Web Author URI: https://www.julienfelix.com/ Description: Fondation Antoine de Galbert Version: 1.0 Tags: Fondation Antoine de Galbert Text Domain: jfw_fondationantoinedegalbert */ /* 2015-09-12 http://stephen.io/mediaqueries/ */ /* iPad in portrait & landscape */ /* iPad in landscape */ /* iPad in portrait */ /* Retina iPad in portrait & landscape */ /* Retina iPad in landscape */ /* Retina iPad in portrait */ /* iPad 1 & 2 in portrait & landscape */ /* iPad 1 & 2 in landscape */ /* iPad 1 & 2 in portrait */ /* iPad mini in portrait & landscape */ /* iPad mini in landscape */ /* iPad mini in portrait */ /* iPhone 6 in portrait & landscape */ /* iPhone 6 in landscape */ /* iPhone 6 in portrait */ /* iPhone 6 Plus in portrait & landscape */ /* iPhone 6 Plus in landscape */ /* iPhone 6 Plus in portrait */ /* iPhone 5 & 5S in portrait & landscape */ /* iPhone 5 & 5S in landscape */ /* iPhone 5 & 5S in portrait */ /* iPhone 2G-4S in portrait & landscape */ /* iPhone 2G-4S in landscape */ /* iPhone 2G-4S in portrait */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @import url("//hello.myfonts.net/count/382504"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** * @license * MyFonts Webfont Build ID 3679492, 2018-11-27T10:40:23-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: URWGrotesk-LigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-extra-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-LigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-extra-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-LigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-ExtLigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-extra-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-MedObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-BolIta by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-italic/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-ExtLigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-BolObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-extra-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-BolObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-ExtLig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-LigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-extra-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-ExtLig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-LigIta by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-italic/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-ExtLigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-extra-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-Med by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-MedObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-extra-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-Med by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-Med by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-extra-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-RegObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-extra-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-ExtLig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-extra-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-LigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-MedIta by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-italic/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskCon-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-condensed/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 400,000 * * Webfont: URWGroteskExtNar-BolObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-extra-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-MedObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-RegObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-ExtLig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular/ * Copyright: (URW)++,Copyright 2007 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-BolObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-ExtLigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-ExtLigObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-extra-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-RegObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-extra-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-MedObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskSC-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-sc-t-regular/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-RegIta by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-italic/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-extra-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-Med by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtWid-Med by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-extra-wide/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskSC-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-sc-t-light/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskCon-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-condensed/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-extra-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-MedObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-medium-extra-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-BolObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskWid-RegObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-wide-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskNar-RegObl by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-narrow-oblique/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGrotesk-Bol by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-bold/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-Lig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-light-extra-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-ExtLig by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-extra-light-extra-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * Webfont: URWGroteskExtNar-Reg by URW * URL: https://www.myfonts.com/fonts/urw/grotesk/urw-grotesk-t-regular-extra-narrow/ * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * Licensed pageviews: 200,000 * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3679492 * * © 2018 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'URWGroteskNar-Reg'; src: url("fonts/382504_A_0.eot"); src: url("fonts/382504_A_0.eot?#iefix") format("embedded-opentype"), url("fonts/382504_A_0.woff2") format("woff2"), url("fonts/382504_A_0.woff") format("woff"), url("fonts/382504_A_0.ttf") format("truetype"); } @font-face { font-family: 'URWGroteskNar-Lig'; src: url("fonts/382504_E_0.eot"); src: url("fonts/382504_E_0.eot?#iefix") format("embedded-opentype"), url("fonts/382504_E_0.woff2") format("woff2"), url("fonts/382504_E_0.woff") format("woff"), url("fonts/382504_E_0.ttf") format("truetype"); } @font-face { font-family: 'URWGroteskNar-LigObl'; src: url("fonts/382504_1B_0.eot"); src: url("fonts/382504_1B_0.eot?#iefix") format("embedded-opentype"), url("fonts/382504_1B_0.woff2") format("woff2"), url("fonts/382504_1B_0.woff") format("woff"), url("fonts/382504_1B_0.ttf") format("truetype"); } html, body { overflow-x: hidden; scroll-behavior: smooth; } body { font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; min-height: 100vh; display: flex; flex-direction: column; } body:before { display: block; content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: 50%; z-index: 0; } @media only screen and (max-width: 834px) { body:before { right: 0; } } body.fadg-from-collection { background-color: #ffff33; } body.fadg-from-foundation { background-color: #054181; } body.page-template-template-page-foundation-contact:before, body.page-template-template-page-foundation:before, body.page-template-template-page-foundation-sub:before, body.page-template-template-page-foundation-sub-sub:before { background-color: #054181; } body.page-template-template-page-foundation-sub-sub:before { background-color: #e7edf2; } body.page-template-template-page-collection-contact:before, body.page-template-template-page-collection:before, body.page-template-template-page-collection-sub:before, body.page-template-template-page-collection-sub-sub:before { background-color: #ffff33; left: 50%; right: 0; } @media only screen and (max-width: 834px) { body.page-template-template-page-collection-contact:before, body.page-template-template-page-collection:before, body.page-template-template-page-collection-sub:before, body.page-template-template-page-collection-sub-sub:before { left: 0; } } body.page-template-template-page-collection-sub-sub:before { background-color: #ffffde; } body.woocommerce-page:before { background-color: #dddddc; left: 50%; right: 0; } @media only screen and (max-width: 834px) { body.woocommerce-page:before { left: 0; } } body.woocommerce-page.woocommerce-cart:before { background-color: #dddddc; left: 0; right: 50%; } @media only screen and (max-width: 834px) { body.woocommerce-page.woocommerce-cart:before { right: 0; } } body.page-template-template-page-legal:before, body.error404:before, body.page-template-template-page-newsletter:before, body.search:before, body.page-template-searchpage:before { background-color: #dddddc; } a { color: inherit; text-decoration: none; border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } em { font-family: 'URWGroteskNar-LigObl', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #page { flex: 1; display: flex; flex-direction: column; position: relative; z-index: 1; } div.site-inner { display: flex; flex-direction: column; flex: 1; } div.site-inner .site-content { flex: 1; display: flex; flex-direction: column; } div.site-inner .site-content #primary { flex: 1; display: flex; flex-direction: column; } div.site-inner .site-content #primary main { flex: 1; display: flex; flex-direction: row; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main { flex-direction: column; } } body.page-template-template-page-collection div.site-inner .site-content #primary main, body.page-template-template-page-collection-contact div.site-inner .site-content #primary main, body.page-template-template-page-collection-sub div.site-inner .site-content #primary main, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main { flex-direction: row-reverse; } @media only screen and (max-width: 834px) { body.page-template-template-page-collection div.site-inner .site-content #primary main, body.page-template-template-page-collection-contact div.site-inner .site-content #primary main, body.page-template-template-page-collection-sub div.site-inner .site-content #primary main, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main { flex-direction: column; } } body.page-template-template-page-home div.site-inner .site-content #primary main { flex-direction: row; } div.site-inner .site-content #primary main .fadg-main-column { flex-basis: 50%; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column { flex-basis: 100%; } } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container { padding-top: 226px; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1 { padding: 0 15px; font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; line-height: 50px; text-align: center; letter-spacing: 0; margin: 0 0 88px 0; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1 { margin: 60px 0 60px 0; font-size: 40px; line-height: 40px; } body.page-template-template-page-collection div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1, body.page-template-template-page-foundation div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1, body.page-template-template-page-foundation-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1, body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h1 { display: none; } } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3 { padding: 0 15px; font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 28px; letter-spacing: 0; margin: 0 0 24px 0; } body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.error404 div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3, body.error404 div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3 { font-size: 18px; padding: 0 60px; } @media only screen and (max-width: 834px) { body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.error404 div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h2, body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3, body.error404 div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container h3 { padding: 0 30px; } } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p { padding: 0 60px; font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 600px; margin-bottom: 28px; word-wrap: break-word; } body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p { font-size: 18px; line-height: 20px; } @media only screen and (max-width: 834px) { body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p { margin-bottom: 20px; } } body.error404 div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p { color: black; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p > a { border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p > a { border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p { font-size: 21px; line-height: 24px; margin-bottom: 24px; padding: 0 30px; } } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p.fadg-small { font-size: 18px; line-height: 22px; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p.fadg-small > a { border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container p.fadg-small > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container > a { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 600px; border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; padding: 0 60px; margin-bottom: 28px; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container > a { border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container strong { font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container figcaption { padding: 13px 14px 19px 14px; font-size: 14px; line-height: 18px; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container img { width: 100%; display: block; height: auto; opacity: 0.0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container img.b-loaded { opacity: 1.0; } div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #054181; color: #ffffff; padding-bottom: 100px; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { padding-bottom: 30px; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background: none; color: #000000; } body.woocommerce-page div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #ffffff; color: #000000; } body.woocommerce-page.woocommerce-cart div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #dddddc; color: #000000; } body.page-template-template-page-collection div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.page-template-template-page-collection-contact div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.page-template-template-page-collection-sub div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #ffff33; color: #000000; } body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background: none; } body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.error404 div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.search div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left, body.page-template-searchpage div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #dddddc; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container { padding-top: 200px; } body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container, body.error404 div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container { padding-top: 158px; } } div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { background-color: #ffffff; } body.woocommerce-page div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { background-color: #dddddc; color: #000000; } body.woocommerce-page.woocommerce-cart div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { background-color: #ffffff; color: #000000; } @media only screen and (max-width: 834px) { div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container { padding-top: 0 !important; } body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container, body.error404 div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container { padding-top: 30px; } } @media only screen and (max-width: 834px) { body.page-template-template-page-legal div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right, body.error404 div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right, body.page-template-template-page-newsletter div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { min-height: calc( 100vh - 350px); } } h1 { font-size: 32px; line-height: 46px; } img.fadg-bw { filter: grayscale(100%); -webkit-filter: grayscale(100%); } #fadg-back-button { display: block; position: absolute; width: 18px; height: 15px; background: none; background-image: url(assets/fadg_back_button_icon.svg); z-index: 10; margin-left: 60px; margin-top: -40px; cursor: pointer; } #fadg-back-button:hover { opacity: 0.5; } @media only screen and (max-width: 834px) { #fadg-back-button { margin-left: 30px; margin-top: 30px; } } .fadg-back-to-top { display: block; width: 24px; height: 24px; position: fixed; bottom: 15px; right: 15px; border-radius: 100%; z-index: 1000; background: none; background-image: url(assets/fadg_back_button_icon.svg); background-repeat: no-repeat; background-position: center center; transform: rotate(90deg); cursor: pointer; opacity: 0.0; pointer-events: none; } .fadg-back-to-top.opened { opacity: 1.0; pointer-events: auto; } @media only screen and (max-width: 834px) { .fadg-back-to-top { bottom: 10px; right: 5px; } } .fadg-back-to-top:hover { opacity: 0.5; } header#masthead { position: fixed; z-index: 10; right: 0; left: 0; top: 0; } header#masthead .site-branding { background-color: white; padding: 0 0 0 15px; height: 42px; display: flex; flex-direction: row; justify-content: space-between; } header#masthead .site-branding h1.site-title { padding-top: 10px; line-height: 28px; font-size: 24px; } @media only screen and (max-width: 320px) { header#masthead .site-branding h1.site-title { font-size: 20px; } } header#masthead .site-branding h1.site-title a { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; background: none; } header#masthead .site-branding h1.site-title a:hover { opacity: 0.6; } header#masthead .site-branding .site-header-branding-tools nav div ul { display: flex; flex-direction: row; justify-content: space-between; height: 42px; } header#masthead .site-branding .site-header-branding-tools nav div ul li { padding: 3px 15px 0 15px; } header#masthead .site-branding .site-header-branding-tools nav div ul li a { font-size: 24px; line-height: 42px; text-transform: lowercase; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } header#masthead .site-branding .site-header-branding-tools nav div ul li a:hover { text-decoration: none; opacity: 0.6; } header#masthead .site-branding .site-header-branding-tools nav div ul li.fadg-search-link { padding: 0 15px; } header#masthead .site-branding .site-header-branding-tools nav div ul li.fadg-search-link a { display: inline-block; text-indent: -5000px; background: none !important; background-image: url(assets/fadg_search_icon.svg) !important; width: 23px; background-position: center 15px !important; background-repeat: no-repeat !important; background-size: contain !important; } @media only screen and (max-width: 320px) { header#masthead .site-branding .site-header-branding-tools nav div ul li.fadg-search-link a { width: 18px; } } body.page-template-template-page-foundation header#masthead:before { content: ""; display: block; background-image: url(assets/logo_fadg_form_black.svg); position: absolute; width: 32px; height: 32px; left: 15px; top: 141px; background-size: contain; background-repeat: no-repeat; } body.page-template-template-page-collection header#masthead:before { content: ""; display: block; background-image: url(assets/logo_cadg_form_white.svg); position: absolute; width: 32px; height: 32px; right: 15px; top: 141px; background-size: contain; background-repeat: no-repeat; } body.admin-bar header#masthead { top: 32px; } @media only screen and (max-width: 782px) { body.admin-bar header#masthead { top: 46px; } } #fadg-submenu-bar { position: fixed; z-index: 9; background-color: rgba(0, 0, 0, 0.35); height: 42px; width: 100%; } header#masthead.headroom { will-change: transform; transition: transform 0.33s linear; } header#masthead.headroom--pinned { transform: translateY(0); } header#masthead.headroom--unpinned { transform: translateY(-42px); } nav.main-navigation, nav.sub-navigation { height: 42px; } nav.main-navigation:not(.sub-navigation), nav.sub-navigation:not(.sub-navigation) { background-color: black; } nav.main-navigation div ul, nav.sub-navigation div ul { display: flex; flex-direction: row; justify-content: space-between; height: 42px; } body.page-template-template-page-foundation #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-foundation-contact #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-foundation-sub #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-foundation #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-foundation-contact #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-foundation-sub #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.sub-navigation div ul { justify-content: flex-start; } body.page-template-template-page-collection #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-collection-contact #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-collection-sub #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.main-navigation div ul, body.page-template-template-page-collection #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-collection-contact #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-collection-sub #fadg-submenu-bar nav.sub-navigation div ul, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.sub-navigation div ul { justify-content: flex-start; flex-direction: row-reverse; } nav.main-navigation div ul li, nav.sub-navigation div ul li { padding: 3px 15px 0 15px; } nav.main-navigation div ul li a, nav.sub-navigation div ul li a { color: white; font-size: 24px; line-height: 42px; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; background: none; } @media only screen and (max-width: 320px) { nav.main-navigation div ul li a, nav.sub-navigation div ul li a { font-size: 20px; } } nav.main-navigation div ul li a:hover, nav.sub-navigation div ul li a:hover { opacity: 0.6; } body.page-template-template-page-collection nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-contact nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub-sub nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-collection nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-collection-contact nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub-sub nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-collection nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-contact nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-sub nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-sub-sub nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-contact nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub-sub nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-collection nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-collection-contact nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub-sub nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-collection nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-contact nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-sub nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-sub-sub nav.sub-navigation div ul li.current-page-ancestor a { color: #ffff99; } body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-collection-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current-page-ancestor a { color: #ffff99; } body.page-template-template-page-foundation nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-contact nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub-sub nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-contact nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub-sub nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-foundation nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-contact nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-sub nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-sub-sub nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-contact nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub-sub nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-contact nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub-sub nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-foundation nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-contact nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-sub nav.sub-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-sub-sub nav.sub-navigation div ul li.current-page-ancestor a { color: #829fc0; } body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.main-navigation div ul li.current-page-ancestor a, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current-menu-item a, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current_page_item a, body.page-template-template-page-foundation-sub-sub #fadg-submenu-bar nav.sub-navigation div ul li.current-page-ancestor a { color: #054181; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container ul.fadg-actions-menu { padding: 0 15px; margin: 0; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container ul.fadg-actions-menu li { border-top: 1px solid; font-size: 32px; line-height: 32px; padding: 7px 0; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container ul.fadg-actions-menu li > a { font-size: 32px; line-height: 32px; background: none; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container ul.fadg-actions-menu li > a:hover { opacity: 0.6; } div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container ul.fadg-actions-menu li:last-child { border-bottom: 1px solid; } footer { width: calc( 50vw - 120px); display: block; padding: 0 60px 0 60px; height: 0; /* body.woocommerce-page & { align-self: flex-end; } */ } body.page-template-template-page-collection-contact footer, body.page-template-template-page-collection footer, body.page-template-template-page-collection-sub footer, body.page-template-template-page-collection-sub-sub footer { align-self: flex-end; } @media only screen and (max-width: 834px) { footer { width: calc( 100vw - 30px); padding: 0 15px 0 15px; height: auto; /* body.woocommerce-page & { align-self: flex-start; } */ } body.page-template-template-page-collection-contact footer, body.page-template-template-page-collection footer, body.page-template-template-page-collection-sub footer, body.page-template-template-page-collection-sub-sub footer { align-self: flex-start; } } footer .menu-menu-footer-container, footer .menu-menu-footer-en-container { height: 0; } @media only screen and (max-width: 834px) { footer .menu-menu-footer-container, footer .menu-menu-footer-en-container { height: auto; } } footer .menu-menu-footer-container ul, footer .menu-menu-footer-en-container ul { padding: 20px 0 19px 0; display: flex; flex-direction: row; flex-wrap: wrap; transform: translateY(-100%); } @media only screen and (max-width: 834px) { footer .menu-menu-footer-container ul, footer .menu-menu-footer-en-container ul { transform: none; } } footer .menu-menu-footer-container ul li, footer .menu-menu-footer-en-container ul li { font-size: 14px; line-height: 18px; padding: 0 14px 0 0; color: #ffffff; } body.page-template-template-page-collection-contact footer .menu-menu-footer-container ul li, body.page-template-template-page-collection footer .menu-menu-footer-container ul li, body.page-template-template-page-collection-sub footer .menu-menu-footer-container ul li, body.page-template-template-page-collection-sub-sub footer .menu-menu-footer-container ul li, body.page-template-template-page-foundation-sub-sub footer .menu-menu-footer-container ul li, body.page-template-template-page-collection-contact footer .menu-menu-footer-en-container ul li, body.page-template-template-page-collection footer .menu-menu-footer-en-container ul li, body.page-template-template-page-collection-sub footer .menu-menu-footer-en-container ul li, body.page-template-template-page-collection-sub-sub footer .menu-menu-footer-en-container ul li, body.page-template-template-page-foundation-sub-sub footer .menu-menu-footer-en-container ul li { color: #000000; } body.woocommerce-page footer .menu-menu-footer-container ul li, body.woocommerce-page footer .menu-menu-footer-en-container ul li { color: #000000; } footer .menu-menu-footer-container ul li a, footer .menu-menu-footer-en-container ul li a { text-decoration: none; background: none; opacity: 0.25; } footer .menu-menu-footer-container ul li a:hover, footer .menu-menu-footer-en-container ul li a:hover { opacity: 1.0; } body.page-template-template-page-legal nav#site-navigation-legal ul, body.page-template-template-page-newsletter nav#site-navigation-legal ul { margin: 0 15px; color: #000000; border-top: 1px solid; } body.page-template-template-page-legal nav#site-navigation-legal ul li, body.page-template-template-page-newsletter nav#site-navigation-legal ul li { text-transform: lowercase; font-size: 18px; line-height: 30px; border-bottom: 1px solid; } body.page-template-template-page-legal nav#site-navigation-legal ul li.current-menu-item, body.page-template-template-page-newsletter nav#site-navigation-legal ul li.current-menu-item { font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.page-template-template-page-legal nav#site-navigation-legal ul li a, body.page-template-template-page-newsletter nav#site-navigation-legal ul li a { background: none; } html { /* background-image: url( tmp/bg-001.jpg ); background-position: center center; background-size: 100% auto; */ min-height: calc( 100% - 32px); height: calc( 100% - 32px); } body.page-template-template-tmp { min-height: 100%; height: 100%; -webkit-font-smoothing: antialiased; } body.page-template-template-tmp p { font-family: 'URWGroteskNar-Lig'; font-size: 20px; line-height: 25px; margin-left: 228px; letter-spacing: 0.1px; } @media only screen and (max-width: 1022px) { body.page-template-template-tmp p { margin-left: 20px; width: calc( 100vw - 40px); } } @media only screen and (max-width: 834px) { body.page-template-template-tmp p { margin-left: 20px; width: calc( 100vw - 40px); } } body.page-template-template-tmp p strong { font-family: 'URWGroteskNar-Reg'; } body.page-template-template-tmp #page { min-height: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } body.page-template-template-tmp #page main { max-width: 1000px; display: block; margin: 0 auto; justify-content: center; } body.page-template-template-tmp #page main > div { display: flex; flex-direction: column; justify-content: center; } @media only screen and (max-width: 834px) { body.page-template-template-tmp #page main > div { width: 100%; } } body.page-template-template-tmp #page main > div > div { display: block; } @media only screen and (max-width: 834px) { body.page-template-template-tmp #page main > div > div { width: 100%; } } body.page-template-template-tmp #page main > div > div.fadg_logo_holder { height: 165px; display: flex; flex-direction: row; justify-content: center; } body.page-template-template-tmp #page main > div > div.fadg_logo_holder > div { width: 320px; height: 102px; } @media only screen and (max-width: 1022px) { body.page-template-template-tmp #page main > div > div.fadg_logo_holder > div { width: 100%; } } body.page-template-template-tmp #page main > div > div.fadg_logo_holder > div:nth-child( 2 ) { background-image: url(assets/logo_fadg.svg); background-position: center center; background-size: auto 100px; background-repeat: no-repeat; opacity: 0; -webkit-animation-name: rotateIn; animation-name: rotateIn; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body.page-template-template-tmp #page main > div > div.fadg_text_holder { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body.page-template-template-tmp #page main > div > div.fadg_text_2_holder { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: 1.75s; -webkit-animation-delay: 1.75s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 77px; display: flex; flex-direction: row; justify-content: center; opacity: 0; } body.page-template-template-tmp #page main > div > div.fadg_text_2_holder > div { width: 320px; } @media only screen and (max-width: 1022px) { body.page-template-template-tmp #page main > div > div.fadg_text_2_holder > div { width: auto; } } body.page-template-template-tmp #page main > div > div.fadg_text_2_holder > div p { margin: 45px 0 0 0; text-align: center; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } body.page-template-template-page-home.fadg-from-foundation:before { background-color: #054181; } body.page-template-template-page-home.fadg-from-collection:before { background-color: #ffff33; left: 50%; right: 0; } body.page-template-template-page-home div.site-inner .site-content { z-index: 1000; } body.page-template-template-page-home div.site-inner .site-content #primary { flex-direction: row; display: flex; width: 100vw; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary { flex-direction: column; } } body.page-template-template-page-home div.site-inner .site-content #primary main { flex-shrink: 1; } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column .fadg-main-column-container { padding: 15px; } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { padding: 0; } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container > a { text-indent: -5000px; border: none; display: block; width: 145px; height: 145px; padding: 0; margin: 0; background-image: url(assets/logo_fadg.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-transition: transform 0.25s ease-out; -moz-transition: transform 0.25s ease-out; -ms-transition: transform 0.25s ease-out; -o-transition: transform 0.25s ease-out; transition: transform 0.25s ease-out; } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container > a:hover { background-image: url(assets/logo_fadg_no_text.svg); } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left .fadg-main-column-container > a { margin-left: 0 !important; } } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container > a { text-indent: -5000px; border: none; display: block; width: 145px; height: 145px; padding: 0; margin: 0; background-image: url(assets/logo_cadg.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-transition: transform 0.25s ease-out; -moz-transition: transform 0.25s ease-out; -ms-transition: transform 0.25s ease-out; -o-transition: transform 0.25s ease-out; transition: transform 0.25s ease-out; } body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container > a:hover { background-image: url(assets/logo_cadg_no_text.svg); } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right .fadg-main-column-container > a { margin-left: 0 !important; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news { display: flex; width: 50vw; overflow: hidden; min-height: 100vh; flex-direction: column; background: white; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news { width: 100vw; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news img { width: 100%; height: auto; height: 50vh; object-fit: cover; object-position: center top; } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div { padding: 28px 60px; box-sizing: border-box; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div { padding: 20px; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div > span { margin-bottom: 28px; display: inline-block; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div > span { margin-bottom: 20px; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div h2 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div h2 { font-size: 20px; line-height: 24px; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div p { font-size: 24px; margin-bottom: 28px; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div p { font-size: 20px; margin-bottom: 20px; } } body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div p > a { font-size: 18px; } @media only screen and (max-width: 834px) { body.page-template-template-page-home div.site-inner .site-content #primary section.fadg-main-news > div p > a { font-size: 14px; } } body.page-template-template-page-home footer { display: none; } body.fadg-from-collection div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #ffff33; color: #000000; } body.fadg-from-foundation div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #054181; color: #ffffff; } body.fadg-from-collection div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { background-color: #ffff33; color: #000000; } body.fadg-from-foundation div.site-inner .site-content #primary main .fadg-main-column.fadg-main-column-right { background-color: #054181; color: #000000; } .page-template-template-page-collection-page .site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #ffffff; } .page-template-template-page-collection-page .site-inner .site-content #primary main .fadg-main-column.fadg-main-column-left { background-color: #ffff33; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main { padding-top: 126px; flex-direction: column; } body.admin-bar body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main, body.admin-bar body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main { padding-top: 158px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header { position: relative; width: calc( 50% - 30px); padding: 100px 15px 0 15px; background-color: #e7edf2; z-index: 9; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header { padding: 42px 15px 0 15px; width: calc( 100% - 30px); position: relative; } } body.admin-bar body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header, body.admin-bar body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header { padding-top: 258px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header h1, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header h1 { border-top: 1px solid; border-bottom: 1px solid; font-size: 32px; line-height: 32px; padding: 7px 0; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor { border-bottom: 1px solid; padding: 5px 0; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor li, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor li { padding: 0 0 0 45px; line-height: 30px; font-size: 24px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor li a, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor li a { background: none; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list { padding: 5px 0 5px 45px; display: flex; flex-direction: row; flex-wrap: wrap; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li { padding: 0; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:after, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:after { content: "\00a0–\00a0"; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:last-child:after, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:last-child:after { content: ""; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li a:hover, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li a:hover { opacity: 0.5; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list { padding: 5px 0; display: list-item; flex-direction: auto; flex-wrap: auto; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li { padding: 0 0 0 45px; line-height: 30px; font-size: 24px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:after, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li:after { content: ""; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li a:hover, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header ul.fadg-menu-anchor.fadg-menu-anchor-list > li a:hover { opacity: 1.0; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container { padding-bottom: 0; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container { padding-bottom: 42px; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section { display: flex; flex-direction: row; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section { flex-direction: column; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div { width: 50%; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div { width: 100%; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child(1), body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child(1) { padding-top: 100px; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child(1), body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child(1) { padding-top: 42px; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .sticker, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .sticker { padding: 0; z-index: 8; padding-bottom: 60px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .fadg-nomenu-padding, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .fadg-nomenu-padding { padding-top: 0; padding-bottom: 60px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p { padding: 0 60px; font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 600px; margin-bottom: 28px; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p { font-size: 21px; line-height: 24px; padding: 0 30px; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p > a.fadg-catalog-link, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p > a.fadg-catalog-link { font-size: 18px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small { font-size: 18px; line-height: 22px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small > a, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small > a { border: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small > a:hover, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div p.fadg-small > a:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.75)); background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; background-position: 0 95%, 100% 95%, 0 95%; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ul, body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ul, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol { padding: 0 60px; font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 600px; margin-bottom: 28px; list-style: disc; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ul, body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ul, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol { font-size: 21px; line-height: 24px; padding: 0 30px; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div ol { list-style: decimal; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div h2, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div h2 { padding: 0 15px; font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; line-height: 50px; text-align: center; letter-spacing: 0; margin: 97px 0 88px 0; } @media only screen and (max-width: 834px) { body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div h2, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div h2 { font-size: 40px; line-height: 40px; word-wrap: break-word; display: none; } } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div strong, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div strong { font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div figcaption, body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .fadg_video_caption, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div figcaption, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div .fadg_video_caption { padding: 13px 14px 19px 14px; font-size: 14px; line-height: 18px; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div img, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div img { width: 100%; display: block; height: auto; opacity: 0.0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div img.b-loaded, body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div img.b-loaded { opacity: 1.0; } body.page-template-template-page-foundation-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child( 2 ), body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section > div:nth-child( 2 ) { background-color: #ffffff; } body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header { background-color: #ffffde; left: 50%; } @media only screen and (max-width: 834px) { body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main header { left: 0; } } body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section { flex-direction: row-reverse; } @media only screen and (max-width: 834px) { body.page-template-template-page-collection-sub-sub div.site-inner .site-content #primary main div.fadg-section-container section { flex-direction: column; } } form#searchform { padding: 0 15px; } form#searchform > div { width: 100%; display: flex; flex-direction: row; } form#searchform > div > * { width: auto; } form#searchform > div > input[type="text"] { width: calc( 100% - 40px); background: none; appearance: none; height: 26px; font-size: 18px; border: 1px solid black; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: right; margin: 0; padding: 0 6px; } form#searchform > div > input[type="submit"] { height: 28px; background: none; border: none; appearance: none; text-indent: -5000px; background-image: url(assets/fadg_search_icon.svg) !important; width: 23px; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; cursor: pointer; margin-left: 6px; padding: 0; } .fadg-search-results-holder { padding: 0 15px 100px 15px; } .fadg-search-results-holder > div h3 { border-top: 1px solid; text-transform: lowercase; font-size: 18px !important; line-height: 30px !important; padding: 0 !important; margin: 0 0 12px 0 !important; font-family: 'URWGroteskNar-Lig', sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .fadg-search-results-holder > div div { margin-bottom: 28px; display: flex; flex-direction: column; align-items: flex-start; } .fadg-search-results-holder > div div a { font-size: 24px; line-height: 28px; background: none; margin: 0 0 14px 45px; } @media only screen and (max-width: 834px) { .fadg-search-results-holder > div div a { margin: 0 0 14px 15px; } } .fadg-search-results-holder > div div a:hover { opacity: 0.5; } .page-template-template-page-newsletter h2 { margin: 0 !important; } .page-template-template-page-newsletter .mailjet_widget_front_container > div > span { padding: 0 15px 0 40%; margin-top: 30px; display: block; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter .mailjet_widget_front_container > div > span { margin-top: 0; margin-bottom: 30px; padding: 0 15px; } } .page-template-template-page-newsletter #mailjetSubscriptionForm { padding: 0 15px; display: flex; flex-direction: column; align-items: flex-end; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter #mailjetSubscriptionForm { padding: 30px 15px; } } .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group { padding: 0; margin: 0 0 10px 0; width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group { flex-direction: column-reverse; } } .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group label { flex-basis: 40%; width: 40%; text-transform: lowercase; line-height: 28px; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group label { width: 100%; flex-basis: 100%; } } .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group label span { color: red; font-weight: 700; border: 0 !important; text-decoration: none; } .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group input { flex-basis: 60%; width: 60%; margin: 0; border: 1px solid #000000; height: 28px; font-size: 18px; padding: 0 6px; background: none; font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group input { flex-grow: 1; flex-basis: 100%; width: calc( 100% - 14px); } } .page-template-template-page-newsletter #mailjetSubscriptionForm div.mailjet-widget-form-group input::placeholder { display: none !important; } .page-template-template-page-newsletter #mailjetSubscriptionForm input[type="submit"] { font-family: 'URWGroteskNar-Lig', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; font-size: 18px; line-height: 28px; font-weight: normal; text-transform: lowercase; text-align: right; background-color: rgba(0, 0, 0, 0.25); color: #000000; height: 28px; padding: 0 8px 0 16px !important; border-radius: 0; width: calc( ( ( 100vw / 2 ) - 30px ) * ( 32 / 100 )); margin-top: 30px; cursor: pointer; } @media only screen and (max-width: 834px) { .page-template-template-page-newsletter #mailjetSubscriptionForm input[type="submit"] { max-width: 186px; right: 0; width: 100%; } } .plyr__control { border-radius: 0; } .plyr__control--overlaid { background-color: rgba(5, 65, 129, 0.8); border-radius: 100%; } .plyr__control--overlaid:hover { background-color: #054181; } body.single-product .plyr__control--overlaid { background-color: rgba(221, 221, 220, 0.8); } body.single-product .plyr__control--overlaid:hover { background-color: #dddddc; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background-color: #054181; } body.single-product .plyr--video .plyr__control.plyr__tab-focus, body.single-product .plyr--video .plyr__control:hover, body.single-product .plyr--video .plyr__control[aria-expanded=true] { background-color: #dddddc; } .wpml-ls-item { padding-left: 0 !important; } .wpml-ls-item > a { border: none; background: none; } .wpml-ls-item > a[title=Français]:before { content: "fr"; } .wpml-ls-item > a[title=English]:before { content: "en"; } .wpml-ls-item > a > span { display: none; } #fagd-news-overlay-background { display: block; position: fixed; width: 100vw; height: 100vh; z-index: 99; top: 42px; overflow: hidden; background: #054181; mix-blend-mode: multiply; opacity: 0.0; } body.admin-bar #fagd-news-overlay-background { top: 78px; } @media only screen and (max-width: 782px) { body.admin-bar #fagd-news-overlay-background { top: 88px; } } #fagd-news-overlay-background.killIt { display: none; } #fagd-news-overlay-background.showIt { opacity: 1.0; } body.home #fagd-news-overlay-background { display: none; } #fagd-news-overlay-background.headroom { will-change: transform; transition: transform 0.33s linear; } #fagd-news-overlay-background.headroom--pinned { transform: translateY(0); } #fagd-news-overlay-background.headroom--unpinned { transform: translateY(-42px); } #fagd-news-overlay-content { display: block; position: fixed; height: calc( 100vh - ( 42px * 5 )); width: 50vw; z-index: 100; left: 25vw; top: calc( 42px * 4); overflow: hidden; opacity: 0.0; } #fagd-news-overlay-content.showIt { opacity: 1.0; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content { width: calc( 100vw - 40px); height: calc( 100vh - 104px); left: 20px; top: 62px; } } #fagd-news-overlay-content.killIt { display: none; } body.home #fagd-news-overlay-content { display: none; } #fagd-news-overlay-content .content { position: absolute; width: 100%; height: 100%; background-color: white; display: flex; overflow: hidden; flex-direction: column; background: white; } #fagd-news-overlay-content .content img { width: 100%; height: auto; height: 50%; object-fit: cover; object-position: center top; } #fagd-news-overlay-content .content > div { padding: 28px 60px; box-sizing: border-box; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } #fagd-news-overlay-content .content > div::-webkit-scrollbar { display: none; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content > div { padding: 20px; } } #fagd-news-overlay-content .content > div > span { margin-bottom: 28px; display: inline-block; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content > div > span { margin-bottom: 20px; } } #fagd-news-overlay-content .content > div h2 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'URWGroteskNar-Reg', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content > div h2 { font-size: 20px; line-height: 24px; } } #fagd-news-overlay-content .content > div p { font-size: 24px; margin-bottom: 28px; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content > div p { font-size: 20px; margin-bottom: 20px; } } #fagd-news-overlay-content .content > div p > a { font-size: 18px; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content > div p > a { font-size: 14px; } } #fagd-news-overlay-content .content .btn-close-news { display: block; width: 24px; height: 24px; position: absolute; border-radius: 100%; z-index: 1001; margin-top: 28px; margin-left: 60px; background: none; background-image: url(assets/fadg_back_button_icon.svg); background-repeat: no-repeat; background-position: center center; transform: rotate(90deg); cursor: pointer; opacity: 1.0; } @media only screen and (max-width: 834px) { #fagd-news-overlay-content .content .btn-close-news { margin-top: 20px; margin-left: 20px; } } #fagd-news-overlay-content .content .btn-close-news:hover { opacity: 0.5; }