.no-js .top-bar { display: none; } @media screen and (min-width: 40em) { .no-js .top-bar { display: block; } .no-js .title-bar { display: none; } } @font-face { font-family: "foundation-icons"; src: url("./icons/foundation-icons.eot"); src: url("./icons/foundation-icons.eot?#iefix") format("embedded-opentype"), url("./icons/foundation-icons.woff") format("woff"), url("./icons/foundation-icons.ttf") format("truetype"), url("./icons/foundation-icons.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } /* Utility classes */ .float-left { float: left; } .float-right { float: right; } html, body { /* background-color: #DDBEA0; */ background-color: #E6D299; /* background-color: white; */ background-size: contain; } h1,h2,h3,h4,h5,h6 { color:#2E3192 } .title-bar { background: black; } .title-bar-title { font-size: 120%; color: #ED1C24; } .title-bar-right { text-align: right; } .menu .menu-text { padding: 0; color: #ED1C24; font-size: 180%; } .menu-yellow { color: #FFD700; font-weight: bold; font-size: 75%; } .menu-icon { color: #FFD700; } .top-bar { background: white; } .top-bar ul { background: white; } .top-bar ul li { background: white; } .top-bar ul li:hover { background: #a4bbeb ; } .top-bar ul li.menu-text:hover { background: white ; } .top-bar ul li.is-active { background: #a4bbeb ; /* border-radius: 10px; */ } .top-bar ul li.is-active:not(:hover) { background: #a4bbeb ; } #gLoginWrapper:hover, #gLogoutWrapper:hover { background-color: white; } .grid-y.grid-frame { overflow: visible; } .cell.no-shrink { flex-shrink: 0; } .cell.grow { flex: 1 0 auto; } .aakf-red { color: #ED1C24; } .aakf-blue { color: #2E3192; } .center { text-align: center; } button.round, .button.round { border-radius: 25px; } .gButtonText { display: inline-block; vertical-align: middle; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } img.gButtonIcon { display: inline-block; vertical-align: middle; height: 18dp; } /* #gSignIn, #gSignSuccess, #gSignOut { padding: 0rem 1rem 0rem 1rem; } .gButtonText { padding-top: 0.2rem; } */ .callout.pagenotfound { border-radius: 25px; } /* Footer */ .aakfreg-footer-bottom { background: #2E3192; padding: 1rem; } .aakfreg-footer-bottom p { color: #8aa0ae; } .aakfreg-footer-bottom p, .aakfreg-footer-bottom .menu { margin-bottom: 0; } .aakfreg-footer-bottom .aakfreg-footer-bottom-links { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .aakfreg-footer-bottom .aakfreg-footer-bottom-links a { color: #8aa0ae; } .aakfreg-footer-bottom .aakfreg-footer-bottom-links a:hover { background: #a4bbeb ; color: white; } @media screen and (max-width: 63.9375em) { .aakfreg-footer-bottom .aakfreg-footer-bottom-links { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 63.9375em) { .aakfreg-footer-bottom { text-align: center; } } /* Accordion styles */ .accordion-club-title { font-size: 200%; } .accordion-region-title { font-size: 250%; } .accordion-title-text { font-size: 150%; } span.circle { background: #e3e3e3; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #6e6e6e; display: inline-block; font-weight: bold; margin-right: 5px; text-align: center; } /* Scroll to top */ .scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: none; color: #FFD700; width: 50px; height: 48px; line-height: 48px; right: 30px; bottom: 30px; padding-top: 2px; border-style: solid; border-color: #999999; display: inline-flex; align-items: center; justify-content: center; min-width: 1em; border-radius: 50%; vertical-align: middle; /* border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; */ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .scroll-top-wrapper:hover { background-color: #888888; } .scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 0.4; } .scroll-top-wrapper i.fi { line-height: inherit; } /* Loading spinner from https://loading.io/css/ */ .lds-default { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-default div { position: absolute; width: 5px; height: 5px; background: #2E3192; border-radius: 50%; animation: lds-default 1.2s linear infinite; } .lds-default div:nth-child(1) { animation-delay: 0s; top: 29px; left: 53px; } .lds-default div:nth-child(2) { animation-delay: -0.1s; top: 18px; left: 50px; } .lds-default div:nth-child(3) { animation-delay: -0.2s; top: 9px; left: 41px; } .lds-default div:nth-child(4) { animation-delay: -0.3s; top: 6px; left: 29px; } .lds-default div:nth-child(5) { animation-delay: -0.4s; top: 9px; left: 18px; } .lds-default div:nth-child(6) { animation-delay: -0.5s; top: 18px; left: 9px; } .lds-default div:nth-child(7) { animation-delay: -0.6s; top: 29px; left: 6px; } .lds-default div:nth-child(8) { animation-delay: -0.7s; top: 41px; left: 9px; } .lds-default div:nth-child(9) { animation-delay: -0.8s; top: 50px; left: 18px; } .lds-default div:nth-child(10) { animation-delay: -0.9s; top: 53px; left: 29px; } .lds-default div:nth-child(11) { animation-delay: -1s; top: 50px; left: 41px; } .lds-default div:nth-child(12) { animation-delay: -1.1s; top: 41px; left: 50px; } @keyframes lds-default { 0%, 20%, 80%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } } /* end loading spinner */ /* Styles for icon font */ /* * Foundation Icons v 3.0 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3 * MIT License */ .fi-play-video:before, .fi-clipboard-pencil:before, .fi-pencil:before, .fi-refresh:before, .fi-plus:before, .fi-play-circle:before, .fi-checkbox:before, .fi-folder:before, .fi-calendar:before, .fi-arrow-up:before, .fi-arrow-right:before, .fi-arrows-compress:before, .fi-arrows-expand:before, .fi-alert:before, .fi-mail:before, .fi-social-facebook:before, .fi-social-google-plus:before, .fi-social-instagram:before { font-family: "foundation-icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; } .fi-play-video:before { content: "\f197"; } .fi-clipboard-pencil:before { content: "\f129"; } .fi-pencil:before { content: "\f194"; } .fi-refresh:before { content: "\f1a5"; } .fi-plus:before { content: "\f199"; } .fi-play-circle:before { content: "\f198"; } .fi-checkbox:before { content: "\f127"; } .fi-folder:before { content: "\f150"; } .fi-calendar:before { content: "\f124"; } .fi-arrow-up:before { content: "\f10c"; } .fi-arrow-right:before { content: "\f10b"; } .fi-arrows-expand:before { content: "\f10e"; } .fi-arrows-compress:before { content: "\f10d"; } .fi-alert:before { content: "\f101"; } .fi-mail:before { content: "\f16d"; } .fi-social-facebook:before { content: "\f1c4"; } .fi-social-google-plus:before { content: "\f1ca"; } .fi-social-instagram:before { content: "\f1cd"; } .size-icon-sm { font-size: 140%; } .size-icon-lg { font-size: 200%; }