/*! -------------------------------------------------- Partials -------------------------------------------------- */ /*! -------------------------------------------------- Default Style -------------------------------------------------- */ /*! -------------------------------------------------- Partials -------------------------------------------------- */ /*! -------------------------------------------------- Project Mixins -------------------------------------------------- */ /*! -------------------------------------------------- Basic Mixins -------------------------------------------------- */ /* Box sizing */ /* Media Queries */ /* JUSTIFY NAV To hide the white space from the :after line we have to put a height on the ul Example: @include navJustify(1.5em); */ /* JUSTIFY NAV as a table cel If you want to justify your horizontal navigation but keep the align center in the
  • Example: @include navJustifyTable(); */ /* RESET LIST */ @import url("//hello.myfonts.net/count/2b163a"); article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /*! -------------------------------------------------- Duo-reset.css -------------------------------------------------- */ ul.menu { margin: 0; padding: 0; list-style-type: none; } /* -------------------------------------------------- File in content -------------------------------------------------- */ .field-type-file { margin-top: 15px; margin-bottom: 15px; } .field-type-file .field-item { padding: 5px 15px 5px 0px; border-top: 1px solid #E8E8E8; font-size: 0.857em; text-transform: uppercase; } .field-type-file .field-item a { text-decoration: none; } /* -------------------------------------------------- Pager -------------------------------------------------- */ .item-list ul.pager { padding-top: 20px; font-size: 0.929em; } .item-list ul.pager li { padding: 0px; margin: 0px; } .item-list .pager .pager-first, .item-list .pager .pager-last { display: none; } .pager-previous { float: left; } .pager-next { float: right; } .item-list ul.pager li.pager-ellipsis { padding-left: 10px; } .item-list .pager li.pager-current { display: inline-block; * display: inline; background: #a1a1a1; color: #ffffff; padding: 2px 8px 2px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .item-list ul.pager li a { display: inline-block; background: #eeeeee; color: #7e7e7e; padding: 2px 8px 2px 8px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .item-list ul.pager li a:hover { background: #f8f8f8; } /* -------------------------------------------------- Flexslider reset -------------------------------------------------- */ .sliderwrapper { position: relative; } .sliderwrapper ul.slider { margin: 0px; padding: 0px; } .sliderwrapper ul.slider > li { display: none; } .sliderwrapper ul.slider > li:first-child { display: block; } .sliderwrapper ul.slider li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; position: relative; } .sliderwrapper ul.slider li img { width: 100%; height: auto; } /* pager */ .flex-control-nav, .flex-direction-nav { margin: 0px; padding: 0px; text-align: center; } .flex-control-nav li, .flex-direction-nav li { list-style: none; margin: 0px; padding: 0px; display: inline-block; } .flex-control-nav li a, .flex-direction-nav li a { display: inline-block; outline: none; } /* -------------------------------------------------- Field collection items reset -------------------------------------------------- */ /* global style */ .field-collection-view, .field-collection-container .field-items .field-item, .field-collection-container { border: 0px; padding: 0px; margin: 0px; } /* row style */ .field-collection-view { position: relative; } /* edit buttons */ .field-collection-view ul.field-collection-view-links { position: absolute; top: 15px; right: 25px; background: #ffffff; margin: 0px; padding: 5px 10px 5px 10px; border: 1px solid #E9E3DB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .field-collection-view ul.field-collection-view-links li { background: none; padding: 0px; } ul.field-collection-view-links li a { margin: 0px 5px 0px 5px; } /* add button */ .field-collection-container ul.action-links-field-collection-add { float: none; font-size: 0.821em; margin: 0px; padding: 0px; } .field-collection-container ul.action-links-field-collection-add li { list-style: none; padding: 0px; margin: 0px; margin-top: 5px; } .field-collection-container ul.action-links-field-collection-add a { background: #FBFBFB; display: block; padding: 5px 10px 5px 10px; color: #8b857c; border: 1px solid #DEDEDE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .field-collection-container ul.action-links-field-collection-add a:hover { background: #e2e2e2; color: #6a645d; } /* -------------------------------------------------- Admin tabs -------------------------------------------------- */ ul.tabs.primary { background: #f1f2f2; border-bottom: 0px; color: #58595B; text-align: right; font-size: .929em; /* font size 13px */ margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.tabs.primary li { background: none; padding: 0px; } ul.tabs.primary li a, ul.tabs.primary li.active a { background: none; border: none; color: #58595B; display: inline-block; margin: 0px 0px 0px 5px; padding: 3px 10px 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.tabs.primary li a:hover { background: #f8f8f8; } ul.tabs.primary li a.active { background: #ffffff; color: #1188d3; border: none; } /* ----------------------------------------------------- Error forms -------------------------------------------------- */ .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #e45959; } div.error, table tr.error { background-color: #ffffff; } div.messages { background-image: none; padding: 10px 5% 10px 5%; width: 90%; margin: 10px auto 10px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.error { border-color: #e45959; color: #e45959; } div.messages.status { border-color: #8dc63f; color: #8dc63f; } /* ----------------------------------------------------- Clearfix -------------------------------------------------- */ #header-top, #header-top .header-left #logoBlock, #header-bottom #menu .menu-content, #header-bottom #menu .menu-content .menu-right, #navigation, #coursesandcalendar, .contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth, .contentwrapper.detail #academyBlock, .coursesGrid .course-row-wrapper, #general .slidercontent, #general .academyTestimonial, #team .intro, #academies .intro, #academy .intro, #team .academylist ul, #academies .academylist ul, #academy .academylist ul, #team .academyteamdetail, #academies .academyteamdetail, #academy .academyteamdetail, #team .academyteamdetail .chefInfoRow, #academies .academyteamdetail .chefInfoRow, #academy .academyteamdetail .chefInfoRow, #team .academydetail-info, #academies .academydetail-info, #academy .academydetail-info, #team .academydetail-info-bottom, #academies .academydetail-info-bottom, #academy .academydetail-info-bottom, #general #mainContent, #account #mainContent, #register #mainContent, #subscribe-course #mainContent, #register #loginContent, #academy_address h1, #academy_address .blocks, #general h1, #general .blocks, #registrationPath ul, #basket #mainContent, #basket .person-wrap, #lang-select, #general .sliderwrapper, .sliderwrapperhome, ul.slider { *zoom: 1; } #header-top:before, #header-top .header-left #logoBlock:before, #header-bottom #menu .menu-content:before, #header-bottom #menu .menu-content .menu-right:before, #navigation:before, #coursesandcalendar:before, .contentwrapper #courseslist .section:before, .contentwrapper #courseslist .coursesamemonth:before, .contentwrapper.detail #academyBlock:before, .coursesGrid .course-row-wrapper:before, #general .slidercontent:before, #general .academyTestimonial:before, #team .intro:before, #academies .intro:before, #academy .intro:before, #team .academylist ul:before, #academies .academylist ul:before, #academy .academylist ul:before, #team .academyteamdetail:before, #academies .academyteamdetail:before, #academy .academyteamdetail:before, #team .academyteamdetail .chefInfoRow:before, #academies .academyteamdetail .chefInfoRow:before, #academy .academyteamdetail .chefInfoRow:before, #team .academydetail-info:before, #academies .academydetail-info:before, #academy .academydetail-info:before, #team .academydetail-info-bottom:before, #academies .academydetail-info-bottom:before, #academy .academydetail-info-bottom:before, #general #mainContent:before, #account #mainContent:before, #register #mainContent:before, #subscribe-course #mainContent:before, #register #loginContent:before, #academy_address h1:before, #academy_address .blocks:before, #general h1:before, #general .blocks:before, #registrationPath ul:before, #basket #mainContent:before, #basket .person-wrap:before, #lang-select:before, #general .sliderwrapper:before, .sliderwrapperhome:before, ul.slider:before, #header-top:after, #header-top .header-left #logoBlock:after, #header-bottom #menu .menu-content:after, #header-bottom #menu .menu-content .menu-right:after, #navigation:after, #coursesandcalendar:after, .contentwrapper #courseslist .section:after, .contentwrapper #courseslist .coursesamemonth:after, .contentwrapper.detail #academyBlock:after, .coursesGrid .course-row-wrapper:after, #general .slidercontent:after, #general .academyTestimonial:after, #team .intro:after, #academies .intro:after, #academy .intro:after, #team .academylist ul:after, #academies .academylist ul:after, #academy .academylist ul:after, #team .academyteamdetail:after, #academies .academyteamdetail:after, #academy .academyteamdetail:after, #team .academyteamdetail .chefInfoRow:after, #academies .academyteamdetail .chefInfoRow:after, #academy .academyteamdetail .chefInfoRow:after, #team .academydetail-info:after, #academies .academydetail-info:after, #academy .academydetail-info:after, #team .academydetail-info-bottom:after, #academies .academydetail-info-bottom:after, #academy .academydetail-info-bottom:after, #general #mainContent:after, #account #mainContent:after, #register #mainContent:after, #subscribe-course #mainContent:after, #register #loginContent:after, #academy_address h1:after, #academy_address .blocks:after, #general h1:after, #general .blocks:after, #registrationPath ul:after, #basket #mainContent:after, #basket .person-wrap:after, #lang-select:after, #general .sliderwrapper:after, .sliderwrapperhome:after, ul.slider:after { content: " "; /* 1 */ display: table; /* 2 */ } #header-top:after, #header-top .header-left #logoBlock:after, #header-bottom #menu .menu-content:after, #header-bottom #menu .menu-content .menu-right:after, #navigation:after, #coursesandcalendar:after, .contentwrapper #courseslist .section:after, .contentwrapper #courseslist .coursesamemonth:after, .contentwrapper.detail #academyBlock:after, .coursesGrid .course-row-wrapper:after, #general .slidercontent:after, #general .academyTestimonial:after, #team .intro:after, #academies .intro:after, #academy .intro:after, #team .academylist ul:after, #academies .academylist ul:after, #academy .academylist ul:after, #team .academyteamdetail:after, #academies .academyteamdetail:after, #academy .academyteamdetail:after, #team .academyteamdetail .chefInfoRow:after, #academies .academyteamdetail .chefInfoRow:after, #academy .academyteamdetail .chefInfoRow:after, #team .academydetail-info:after, #academies .academydetail-info:after, #academy .academydetail-info:after, #team .academydetail-info-bottom:after, #academies .academydetail-info-bottom:after, #academy .academydetail-info-bottom:after, #general #mainContent:after, #account #mainContent:after, #register #mainContent:after, #subscribe-course #mainContent:after, #register #loginContent:after, #academy_address h1:after, #academy_address .blocks:after, #general h1:after, #general .blocks:after, #registrationPath ul:after, #basket #mainContent:after, #basket .person-wrap:after, #lang-select:after, #general .sliderwrapper:after, .sliderwrapperhome:after, ul.slider:after { clear: both; } /* ----------------------------------------------------- Drupal: Provides on-page localization Multilingual Localization client - Translate text -------------------------------------------------- */ #l10n-client.hidden { display: block; visibility: visible; } /* This font software is the property of Commercial Type. You may not modify the font software, use it on another website, or install it on a computer. License information is available at http://commercialtype.com/eula For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com Copyright (C) 2013 Schwartzco Inc. License: 1406-UHBADR */ @font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-Thin-Web.eot?1401871740'); src: url('../fonts/stag/Stag-Thin-Web.eot?&1401871740#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-Thin-Web.woff?1401871740') format("woff"), url('../fonts/stag/Stag-Thin-Web.ttf?1401871740') format("truetype"), url('../fonts/stag/Stag-Thin-Web.svg?1401871740#Stag Web') format("svg"); font-weight: 100; font-style: normal; } .Stag-Thin-Web { font-family: 'Stag Web'; font-weight: 100; font-style: normal; } @font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-ThinItalic-Web.eot?1401871740'); src: url('../fonts/stag/Stag-ThinItalic-Web.eot?&1401871740#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-ThinItalic-Web.woff?1401871740') format("woff"), url('../fonts/stag/Stag-ThinItalic-Web.ttf?1401871740') format("truetype"), url('../fonts/stag/Stag-ThinItalic-Web.svg?1401871740#Stag Web') format("svg"); font-weight: 100; font-style: italic; } .Stag-ThinItalic-Web { font-family: 'Stag Web'; font-weight: 100; font-style: italic; } @font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-Book-Web.eot?1401871740'); src: url('../fonts/stag/Stag-Book-Web.eot?&1401871740#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-Book-Web.woff?1401871740') format("woff"), url('../fonts/stag/Stag-Book-Web.ttf?1401871740') format("truetype"), url('../fonts/stag/Stag-Book-Web.svg?1401871740#Stag Web') format("svg"); font-weight: 400; font-style: normal; } .Stag-Book-Web { font-family: 'Stag Web'; font-weight: 400; font-style: normal; } @font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-BookItalic-Web.eot?1401871740'); src: url('../fonts/stag/Stag-BookItalic-Web.eot?&1401871740#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-BookItalic-Web.woff?1401871740') format("woff"), url('../fonts/stag/Stag-BookItalic-Web.ttf?1401871740') format("truetype"), url('../fonts/stag/Stag-BookItalic-Web.svg?1401871740#Stag Web') format("svg"); font-weight: 400; font-style: italic; } .Stag-BookItalic-Web { font-family: 'Stag Web'; font-weight: 400; font-style: italic; } /** @license MyFonts Webfont Build ID 2823738, 2014-06-05T02:31:01-0400 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: Proxima Nova ExtraBold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld-it/ Webfont: Proxima Nova Thin by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin/ Webfont: Proxima Nova ExtraBold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld/ Webfont: Proxima Nova Black by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black/ Webfont: Proxima Nova Light Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light-it/ Webfont: Proxima Nova Light by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/ Webfont: Proxima Nova Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/ Webfont: Proxima Nova SemiBold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold-it/ Webfont: Proxima Nova Thin Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin-it/ Webfont: Proxima Nova SemiBold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/ Webfont: Proxima Nova Black Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black-it/ Webfont: Proxima Nova Bold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/ Webfont: Proxima Nova Regular by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/ Webfont: Proxima Nova Bold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/ License: http://www.myfonts.com/viewlicense?type=web&buildid=2823738 Licensed pageviews: 1,000,000 Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved. 2014 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_1_0.eot?1401942664'); src: url('../fonts/proximanova/2B163A_1_0.eot?&1401942664#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_1_0.woff?1401942664') format("woff"), url('../fonts/proximanova/2B163A_1_0.ttf?1401942664') format("truetype"), url('../fonts/proximanova/2B163A_1_0.svg?1401942664#wf') format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_8_0.eot?1401942676'); src: url('../fonts/proximanova/2B163A_8_0.eot?&1401942676#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_8_0.woff?1401942676') format("woff"), url('../fonts/proximanova/2B163A_8_0.ttf?1401942674') format("truetype"), url('../fonts/proximanova/2B163A_8_0.svg?1401942676#wf') format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_5_0.eot?1401942670'); src: url('../fonts/proximanova/2B163A_5_0.eot?&1401942670#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_5_0.woff?1401942670') format("woff"), url('../fonts/proximanova/2B163A_5_0.ttf?1401942670') format("truetype"), url('../fonts/proximanova/2B163A_5_0.svg?1401942672#wf') format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_4_0.eot?1401942668'); src: url('../fonts/proximanova/2B163A_4_0.eot?&1401942668#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_4_0.woff?1401942668') format("woff"), url('../fonts/proximanova/2B163A_4_0.ttf?1401942668') format("truetype"), url('../fonts/proximanova/2B163A_4_0.svg?1401942670#wf') format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_C_0.eot?1401942682'); src: url('../fonts/proximanova/2B163A_C_0.eot?&1401942682#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_C_0.woff?1401942682') format("woff"), url('../fonts/proximanova/2B163A_C_0.ttf?1401942680') format("truetype"), url('../fonts/proximanova/2B163A_C_0.svg?1401942682#wf') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_6_0.eot?1401942672'); src: url('../fonts/proximanova/2B163A_6_0.eot?&1401942672#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_6_0.woff?1401942672') format("woff"), url('../fonts/proximanova/2B163A_6_0.ttf?1401942672') format("truetype"), url('../fonts/proximanova/2B163A_6_0.svg?1401942672#wf') format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_9_0.eot?1401942676'); src: url('../fonts/proximanova/2B163A_9_0.eot?&1401942676#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_9_0.woff?1401942676') format("woff"), url('../fonts/proximanova/2B163A_9_0.ttf?1401942676') format("truetype"), url('../fonts/proximanova/2B163A_9_0.svg?1401942678#wf') format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_7_0.eot?1401942674'); src: url('../fonts/proximanova/2B163A_7_0.eot?&1401942674#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_7_0.woff?1401942674') format("woff"), url('../fonts/proximanova/2B163A_7_0.ttf?1401942674') format("truetype"), url('../fonts/proximanova/2B163A_7_0.svg?1401942674#wf') format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_D_0.eot?1401942684'); src: url('../fonts/proximanova/2B163A_D_0.eot?&1401942684#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_D_0.woff?1401942684') format("woff"), url('../fonts/proximanova/2B163A_D_0.ttf?1401942682') format("truetype"), url('../fonts/proximanova/2B163A_D_0.svg?1401942684#wf') format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_B_0.eot?1401942680'); src: url('../fonts/proximanova/2B163A_B_0.eot?&1401942680#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_B_0.woff?1401942680') format("woff"), url('../fonts/proximanova/2B163A_B_0.ttf?1401942680') format("truetype"), url('../fonts/proximanova/2B163A_B_0.svg?1401942680#wf') format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_2_0.eot?1401942666'); src: url('../fonts/proximanova/2B163A_2_0.eot?&1401942666#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_2_0.woff?1401942666') format("woff"), url('../fonts/proximanova/2B163A_2_0.ttf?1401942666') format("truetype"), url('../fonts/proximanova/2B163A_2_0.svg?1401942666#wf') format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_0_0.eot?1401942662'); src: url('../fonts/proximanova/2B163A_0_0.eot?&1401942662#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_0_0.woff?1401942662') format("woff"), url('../fonts/proximanova/2B163A_0_0.ttf?1401942662') format("truetype"), url('../fonts/proximanova/2B163A_0_0.svg?1401942664#wf') format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_3_0.eot?1401942668'); src: url('../fonts/proximanova/2B163A_3_0.eot?&1401942668#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_3_0.woff?1401942668') format("woff"), url('../fonts/proximanova/2B163A_3_0.ttf?1401942666') format("truetype"), url('../fonts/proximanova/2B163A_3_0.svg?1401942668#wf') format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_A_0.eot?1401942678'); src: url('../fonts/proximanova/2B163A_A_0.eot?&1401942678#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_A_0.woff?1401942678') format("woff"), url('../fonts/proximanova/2B163A_A_0.ttf?1401942678') format("truetype"), url('../fonts/proximanova/2B163A_A_0.svg?1401942678#wf') format("svg"); font-weight: 900; font-style: italic; } /* ************************************** */ /* poppins /* ************************************** */ /* * Google Fonts: * https://fonts.google.com/specimen/Poppins * * License: * These fonts are licensed under the Open Font License. * You can use them freely in your products & projects - print or digital, commercial or otherwise. * However, you can't sell the fonts on their own. */ /* poppins-100 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url('../fonts/poppins/poppins-v15-latin-100.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-100.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-100.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-100.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-100.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-100.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-100italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; src: url('../fonts/poppins/poppins-v15-latin-100italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-100italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-100italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-100italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-100italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-100italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-200 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('../fonts/poppins/poppins-v15-latin-200.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-200.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-200.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-200.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-200.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-200.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-200italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; src: url('../fonts/poppins/poppins-v15-latin-200italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-200italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-200italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-200italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-200italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-200italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-300 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../fonts/poppins/poppins-v15-latin-300.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-300.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-300.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-300.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-300.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-300.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-300italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; src: url('../fonts/poppins/poppins-v15-latin-300italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-300italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-300italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-300italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-300italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-300italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins/poppins-v15-latin-regular.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-regular.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-regular.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-regular.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-regular.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-regular.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('../fonts/poppins/poppins-v15-latin-italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins/poppins-v15-latin-500.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-500.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-500.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-500.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-500.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-500.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-500italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; src: url('../fonts/poppins/poppins-v15-latin-500italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-500italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-500italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-500italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-500italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-500italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins/poppins-v15-latin-600.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-600.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-600.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-600.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-600.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-600.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../fonts/poppins/poppins-v15-latin-700.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-700.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-700.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-700.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-700.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-700.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-600italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; src: url('../fonts/poppins/poppins-v15-latin-600italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-600italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-600italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-600italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-600italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-600italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-700italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('../fonts/poppins/poppins-v15-latin-700italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-700italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-700italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-700italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-700italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-700italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-800 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('../fonts/poppins/poppins-v15-latin-800.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-800.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-800.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-800.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-800.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-800.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-800italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; src: url('../fonts/poppins/poppins-v15-latin-800italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-800italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-800italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-800italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-800italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-800italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-900 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; src: url('../fonts/poppins/poppins-v15-latin-900.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-900.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-900.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-900.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-900.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-900.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* poppins-900italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; src: url('../fonts/poppins/poppins-v15-latin-900italic.eot?1614766514'); /* IE9 Compat Modes */ src: local(""), url('../fonts/poppins/poppins-v15-latin-900italic.eot?&1614766514#iefix') format("embedded-opentype"), url('../fonts/poppins/poppins-v15-latin-900italic.woff2?1614766514') format("woff2"), url('../fonts/poppins/poppins-v15-latin-900italic.woff?1614766514') format("woff"), url('../fonts/poppins/poppins-v15-latin-900italic.ttf?1614766514') format("truetype"), url('../fonts/poppins/poppins-v15-latin-900italic.svg?1614766514#Poppins') format("svg"); /* Legacy iOS */ } /* -------------------------------------------------- Main style -------------------------------------------------- */ /* Typography ------------------------- */ body { font: 16px/1.5 "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; font-size: 1rem; font-weight: 400; } a { text-decoration: none; color: #ff3323; } a:hover { color: #ff6256; } a:focus { color: #ff3323; } a:active { color: #ff3323; } a:visited { color: #ff3323; } h1, h2, h3, h4, h5 { font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2em; } h1 { margin: 0px; font-size: 36px; font-size: 2.25rem; line-height: 1.2; } @media only screen and (min-width: 0) and (max-width: 37.5em) { h1 { font-size: 24px; font-size: 1.5rem; } } strong { font-weight: 500; } h2 { font-size: 30px; font-size: 1.875rem; } @media only screen and (min-width: 0) and (max-width: 37.5em) { h2 { font-size: 22px; font-size: 1.375rem; } } h3 { font-size: 26px; font-size: 1.625rem; } @media only screen and (min-width: 0) and (max-width: 37.5em) { h3 { font-size: 20px; font-size: 1.25rem; } } h4 { font-size: 20px; font-size: 1.25rem; } @media only screen and (min-width: 0) and (max-width: 37.5em) { h4 { font-size: 18px; font-size: 1.125rem; } } h5 { font-size: 18px; font-size: 1.125rem; } @media only screen and (min-width: 0) and (max-width: 37.5em) { h5 { font-size: 16px; font-size: 1rem; } } img { max-width: 100%; height: auto; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #map_canvas { max-width: 100%; min-height: 400px; margin-bottom: 25px; } #map_canvas img { max-width: none; } #map_canvas_all img { max-width: none; } #map_canvas_all .left { float: left; width: 49%; } #map_canvas_all .right { float: right; width: 49%; } #map_canvas_all .right h2 { font-size: 14px; font-size: 0.875rem; } #map_canvas_all .right a { display: block; font-size: 12px; font-size: 0.75rem; } #fancybox-inner { -webkit-overflow-scrolling: touch !important; overflow: scroll !important; } ::-moz-selection { background: rgba(51, 51, 51, 0.7); color: #f6eedb; text-shadow: none; } ::selection { background: rgba(51, 51, 51, 0.7); color: #f6eedb; text-shadow: none; } /* -------------------------------------------------- Global styles -------------------------------------------------- */ #develbar { display: none; border: 1px solid #8b3923; padding: 5px; color: #8b3923; } #basketMessage { padding: 8px 15px 8px 15px; border: 1px solid #5f8331; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #5f8331; } .warning { padding: 8px 15px 8px 15px; border: 1px solid #8b3923; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #8b3923; } /* -------------------------------------------------- Responsive video -------------------------------------------------- */ .video-js { position: relative; padding-top: 56.25% !important; height: auto !important; width: auto !important; } .video-js object, .video-js video, .video-js img { position: absolute; top: 0; left: 0; } .video-js img { margin: 0px !important; } .vjs-fullscreen { padding-top: 0px !important; } .vjs-default-skin .vjs-big-play-button { left: 40%; top: 40%; width: 20%; height: 20%; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #wrapper { position: relative; } #contentWrapper #mainContent, #register #mainContent, #subscribe-course #mainContent, #basket #mainContent, #course_types #mainContent { max-width: 1130px; margin: auto; padding-left: 5%; padding-right: 5%; padding-top: 40px; padding-bottom: 40px; } #register #loginContent { max-width: 1130px; margin: auto; padding-left: 5%; padding-right: 5%; padding-top: 40px !important; padding-bottom: 40px !important; } #academy_address #mainContent { max-width: none; margin: auto; padding-left: 0%; padding-right: 0%; margin: auto; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 40px; } #courses #contentWrapper #mainContent, #calendar #contentWrapper #mainContent, #team #contentWrapper #mainContent, #academies #contentWrapper #mainContent, #academy #contentWrapper #mainContent { max-width: none; margin: auto; padding-left: 0%; padding-right: 0%; padding: 0px; } #courses #contentWrapper #mainContent .contentwrapper, #calendar #contentWrapper #mainContent .contentwrapper, #team #contentWrapper #mainContent .contentwrapper, #academies #contentWrapper #mainContent .contentwrapper, #academy #contentWrapper #mainContent .contentwrapper { /* 2020 */ min-height: 300px; } @media (max-width: 28.75em) { #courses #contentWrapper #mainContent .contentwrapper, #calendar #contentWrapper #mainContent .contentwrapper, #team #contentWrapper #mainContent .contentwrapper, #academies #contentWrapper #mainContent .contentwrapper, #academy #contentWrapper #mainContent .contentwrapper { min-height: 0; } } #register #loginContent { max-width: none; margin: auto; padding-left: 0%; padding-right: 0%; padding: 0px; } #register #loginContent .contentwrapper { min-height: 340px; } #register #mainContent #loginForm2 { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #371e21; } /* -------------------------------------------------- Content -------------------------------------------------- */ #wrapper > article { margin-top: 100px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .scroll #wrapper > article { margin-top: 50px; } /* -------------------------------------------------- Header -------------------------------------------------- */ #header { position: fixed; top: 0; left: 0; z-index: 500; width: 100%; height: 100px; border-bottom: 1px solid #ecdbb2; background: #f6eedb; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #header-top { padding: 0px 0px 0px 15px; } #header-top .header-left { float: left; } #header-top .header-left a { display: block; } #header-top .header-left > div { float: left; } #header-top .header-left #logoBlock, #header-top .header-left #sitelogo { margin-top: 0px; } #header-top .header-left #logoBlock img, #header-top .header-left #sitelogo img { max-height: 70px; width: auto; } #header-top .header-left #logoBlock { min-width: 370px; margin: 26px 15px 0px 0px; -moz-transition: margin 0.2s; -o-transition: margin 0.2s; -webkit-transition: margin 0.2s; transition: margin 0.2s; } #header-top .header-left #logoBlock #brandlogo, #header-top .header-left #logoBlock #sitelogo { float: left; -moz-transition: width 0.2s; -o-transition: width 0.2s; -webkit-transition: width 0.2s; transition: width 0.2s; } #header-top .header-left #logoBlock #brandlogo { margin-right: 15px; } #header-top .header-left #logoBlock .brand-choc-academy-logo { display: none; } #header-top .header-left #menulink { padding-right: 15px; cursor: pointer; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 18px; font-size: 1.125rem; font-weight: 200; color: #ff3323; } #header-top .header-left #menulink span { display: block; padding: 39px 25px 0px 20px; height: 62px; background: url('../images/edition-default/icon-menu-hires--red.png?1614851009') no-repeat center right; background-size: 16px 16px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #header-top .header-left #menulink:hover { background-color: rgba(55, 30, 33, 0.05); } #header-top .header-left #menulink.active { background: #371e21; color: #ff3323; } #header-top .header-right { float: right; padding: 31px 0px 31px 0px; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; -webkit-transition: padding 0.2s; transition: padding 0.2s; } #header-top .header-right a { display: block; } #header-top .header-right > div { float: left; } #header-top .header-right #loginlink { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #header-top .header-right #loginlink:hover, #header-top .header-right #loginlink.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #header-top .header-right #loginlink { padding: 6px 15px 6px 15px; } } #header-top .header-right #registerlink a { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: #371e21; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; color: #f6eedb; cursor: pointer; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #header-top .header-right #registerlink a:hover { border-color: #ff3323; background-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #header-top .header-right #registerlink a { padding: 6px 15px 6px 15px; } } .btn-actions { position: relative; display: block; width: 24px; height: 39px; margin: -31px 0px -31px 0px; padding: 31px 15px 31px 15px; overflow: hidden; background: url('../images/edition-default/icon-actions.png?1401697700') no-repeat center center; line-height: 1em; cursor: pointer; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .btn-actions { background-image: url('../images/edition-default/icon-actions-hires.png?1400662887'); background-size: 24px 24px; } } .btn-actions .basketcount { display: block; width: 22px; margin-top: -6px; padding: 7px 5px; text-align: center; background: #993443; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .btn-actions.logedin { padding: 42px 5px 42px 45px; width: auto; height: 17px; background-position: 13px center; } .btn-actions:hover { background-color: rgba(55, 30, 33, 0.05); } .active .btn-actions { background-color: #371e21; background-image: url('../images/edition-default/icon-actions-active.png?1401697754'); color: #f6eedb; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .active .btn-actions { background-image: url('../images/edition-default/icon-actions-active-hires.png?1400674723'); background-size: 24px 24px; } } .active .btn-actions .basketcount { /*color: $ui-color-01;*/ } .scroll #header { height: 54px; } .scroll #header-top #logoBlock, .scroll #header-top #sitelogo { margin-top: 2px; } .scroll #header-top #logoBlock img, .scroll #header-top #sitelogo img { max-height: 50px; width: auto; } .scroll #header-top #menulink span { height: 40px; padding-top: 15px; } .scroll #header-top .header-right { padding-top: 8px; padding-bottom: 8px; } .scroll #header-top .header-right .btn-actions { padding-top: 8px; padding-bottom: 8px; margin-top: -8px; margin-bottom: -8px; } .scroll #header-top .header-right .btn-actions.logedin { padding: 19px 5px 19px 45px; } #header-bottom { position: relative; } #header-bottom #menu { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #371e21; color: #f6eedb; } #header-bottom #menu .menu-content { padding: 25px 15px 25px 15px; font-size: 14px; } #header-bottom #menu .menu-content .menu-left { float: left; width: 250px; margin-top: 5px; padding: 0px 15px 0px 15px; border-left: 1px solid #ff3323; font-weight: 400; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #header-bottom #menu .menu-content .menu-left { border-left: 0px; padding-left: 0px; } } #header-bottom #menu .menu-content .menu-left span { font-weight: 400; } #header-bottom #menu .menu-content .menu-left a { color: #ff3323; } #header-bottom #menu .menu-content .menu-right { margin-left: 400px; } #header-bottom #menu .menu-content .menu-right section { float: left; width: 33%; } #header-bottom #menu a { color: #f6eedb; } #header-bottom #menu ul { margin: 0px; padding: 0px; font-weight: 400; } #header-bottom #menu ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #header-bottom #menu ul ul { margin: 0px 0px 10px 0px; } #header-bottom #menu ul ul li, #header-bottom #menu ul ul a { font-weight: 400; opacity: 0.9; } #header-bottom #menu ul ul li:hover, #header-bottom #menu ul ul a:hover { opacity: 1; } #header-bottom #menu #menu2 ul li, #header-bottom #menu #menu2 a, #header-bottom #menu #menu4 ul li, #header-bottom #menu #menu4 a { font-weight: 400; opacity: 0.9; } #header-bottom #menu #menu2 ul li:hover, #header-bottom #menu #menu2 a:hover, #header-bottom #menu #menu4 ul li:hover, #header-bottom #menu #menu4 a:hover { opacity: 1; } #header-bottom #login { display: none; position: absolute; top: 0; right: 0; padding: 18px; background-color: #371e21; color: #f6eedb; } #header-bottom #login input[type="text"], #header-bottom #login input[type="password"] { background: #f6eedb; color: #000000; border: 0px; width: 90%; } #header-bottom #login input[type="submit"], #header-bottom #login input[type="button"] { float: right; margin-top: 0px; border-color: #f6eedb; color: #f6eedb; } #header-bottom #login input[type="submit"]:hover, #header-bottom #login input[type="button"]:hover { border-color: #ff3323; } #header-bottom #login a { font-size: 12px; font-size: 0.75rem; color: #f6eedb; opacity: 0.5; text-decoration: underline; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #header-bottom #login a:hover { opacity: 1; } #header-bottom #loginForm input[type='text'], #header-bottom #loginForm input[type='password'] { padding: 5px 5%; } #header-bottom #login label.error { display: none !important; } #header-bottom #login input[type="text"].error, #header-bottom #login input[type="password"].error { background: #feeeee; color: #9f4a4a; } #loginForm2 label.error, #registerform label.error { display: none !important; } #loginForm2 input[type="text"].error, #loginForm2 input[type="password"].error, #registerform input[type="text"].error, #registerform input[type="password"].error { border: 1px solid #b97676; } #actions, #actionsbot { display: none; position: absolute; top: 0; right: 0; z-index: 200; padding: 18px; background: #371e21; color: #f6eedb; } #actions.logedin a, #actionsbot.logedin a { color: white; } #actions.logedin ul:last-child a, #actionsbot.logedin ul:last-child a { color: #ff3323; } #actions a, #actionsbot a { color: #ff3323; } #actions ul, #actionsbot ul { margin: 0px; padding: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f6eedb; } #actions ul li, #actionsbot ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #actions ul:last-child, #actionsbot ul:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } #actionsbot { top: auto; bottom: 0; width: 90%; padding: 5%; } #responsive-bar { display: none; } @media only screen and (min-width: 0) and (max-width: 50em) { #wrapper article { margin-top: 0px; } #header { position: relative; height: auto; } #header #header-top { padding-top: 45px; } #header #header-top .header-left { float: none; } #header #header-top .header-left > div { float: none; } #header #header-top .header-left #logoBlock { min-width: 0px; margin: 0px; padding: 8px 0px 8px 0px; } #header #header-top .header-left #logoBlock #brandlogo, #header #header-top .header-left #logoBlock #sitelogo { max-width: 40%; margin-right: 4%; } #header #header-top .header-left #menulink { position: absolute; top: 0px; left: 0px; padding: 0px; } #header #header-top .header-left #menulink span { padding: 7px 10px 7px 10px; width: 31px; height: 31px; text-indent: -5555px; overflow: hidden; background-position: center center; } #header #header-top .header-right { position: absolute; top: 8px; right: 15px; padding: 0px; } #header #header-top .header-right #actionslink .btn-actions { margin: -8px -15px 0px 0px; padding: 5px 15px; } #header #header-top .header-right #actionslink .btn-actions.logedin { padding: 15px 15px 15px 42px; } #header #header-top .header-right #actionslink .btn-actions:hover { background-color: none; } #header #header-bottom { position: absolute; top: 45px; left: 0; width: 100%; } #header #header-bottom #login, #header #header-bottom #actions { width: 90%; padding: 5%; } #header #header-bottom #menu .menu-content { padding: 0px; } #header #header-bottom #menu .menu-content .menu-left, #header #header-bottom #menu .menu-content .menu-right { float: none; margin: 0px; width: 100%; padding: 0px; } #header #header-bottom #menu .menu-content .menu-left section, #header #header-bottom #menu .menu-content .menu-right section { float: none; padding: 0px 15px 15px 15px; margin: 15px 0px 0px 0px; width: auto; border-bottom: 1px solid #fff; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #header #logoBlock #brandlogo, #header #logoBlock #sitelogo { max-width: 40%; margin-right: 4%; } #header #logoBlock #brandlogo img, #header #logoBlock #sitelogo img { max-height: 40px; width: auto; } } /* -------------------------------------------------- Small navigation -------------------------------------------------- */ #navigation { margin: 0px; padding: 0px; margin-bottom: 30px; } #navigation li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #navigation li { float: left; } #navigation li a { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #navigation li a:hover, #navigation li a.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #navigation li a { padding: 6px 15px 6px 15px; } } #navigation li.active a { border-color: #ff3323; color: #ff3323; } /* -------------------------------------------------- Landingpage -------------------------------------------------- */ #location { background: #ffffff; } #location .sliderlangselect { position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; opacity: 0.7; } #location .sliderlangselect ul, #location .sliderlangselect ul.slider li { display: block; width: 100%; height: 100%; } #location #content, #location.scroll #content { position: relative; z-index: 100; width: 100%; margin: 40px 0px 0px 0px; text-align: center; } #location #content h1, #location.scroll #content h1 { margin: 40px 0px 50px 0px; color: #ffffff; text-shadow: 1px -1px 1px rgba(55, 30, 33, 0.5); } #location #content .localepicker, #location.scroll #content .localepicker { display: inline-block; margin-right: 2%; margin-left: 2%; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #ffffff url('../images/edition-default/icon-location.png?1401697959') no-repeat 22px 15px; color: #777777; font-size: 18px; font-size: 1.125rem; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #location #content .localepicker, #location.scroll #content .localepicker { background-image: url('../images/edition-default/icon-location-hires.png?1400743252'); background-size: 14px 14px; } } #location #content .localepicker a, #location.scroll #content .localepicker a { display: block; padding: 8px 150px 8px 45px; background: url('../images/edition-default/icon-map.png?1401698129') no-repeat 97% center; color: #777777; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #location #content .localepicker a, #location.scroll #content .localepicker a { background-image: url('../images/edition-default/icon-map-hires.png?1400743493'); background-size: 101px 46px; } } #location #content .localepicker:hover, #location.scroll #content .localepicker:hover { opacity: 0.8; } #location #bottom-brands { margin-top: 100px; text-align: center; } #location #bottom-brands img { margin: 0px 10px 0px 10px; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #location #hpLogo { max-width: 80%; } #location #content { margin-top: 20px; } #location #content h1 { margin-bottom: 30px; color: #000000; text-shadow: none; } #location #content #localepicker { display: block; font-size: 13px; font-size: 0.8125rem; text-align: left; background-position: 15px 15px; line-height: 1.1em; } #location #content #localepicker a { padding-left: 35px; padding-right: 80px; background-size: 70px 32px; -ms-behavior: url(backgroundsize.min.htc); background-position: right center; } #location #content #localepicker a span { display: block; } #location #bottom-brands { margin-top: 30px; text-align: center; } #location #bottom-brands img { margin: 0px 10px 10px 10px; max-height: 30px; width: auto; } } /* -------------------------------------------------- Homepage -------------------------------------------------- */ .lt-ie9 #coursesandcalendar #courses a, .lt-ie9 #coursesandcalendar #calendar a { opacity: 0.7; filter: alpha(opacity=70); } #coursesandcalendar { position: relative; z-index: 200; } #coursesandcalendar.fullview #courses, #coursesandcalendar.fullview #calendar, #coursesandcalendar.fullview #events { width: 50%; } @media only screen and (min-width: 0) and (max-width: 28.75em) { #coursesandcalendar.fullview #courses, #coursesandcalendar.fullview #calendar, #coursesandcalendar.fullview #events { width: 100%; } } #coursesandcalendar.fullview #courses .icon, #coursesandcalendar.fullview #courses .title, #coursesandcalendar.fullview #calendar .icon, #coursesandcalendar.fullview #calendar .title, #coursesandcalendar.fullview #events .icon, #coursesandcalendar.fullview #events .title { top: 0; } @media only screen and (min-width: 0) and (max-width: 50em) { #coursesandcalendar.fullview #courses .icon, #coursesandcalendar.fullview #courses .title, #coursesandcalendar.fullview #calendar .icon, #coursesandcalendar.fullview #calendar .title, #coursesandcalendar.fullview #events .icon, #coursesandcalendar.fullview #events .title { top: 5px; } } #homepage #coursesandcalendar #courses a, #homepage #coursesandcalendar #calendar a, #homepage #coursesandcalendar #events a { height: 200px; } @media only screen and (min-width: 0) and (max-width: 50em) { #homepage #coursesandcalendar #courses a, #homepage #coursesandcalendar #calendar a, #homepage #coursesandcalendar #events a { height: 250px; } } #coursesandcalendar #courses, #coursesandcalendar #calendar, #coursesandcalendar #events { display: table; float: left; width: 50%; background: no-repeat center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); text-align: center; } @media only screen and (min-width: 0) and (max-width: 50em) { #coursesandcalendar #courses, #coursesandcalendar #calendar, #coursesandcalendar #events { width: 100%; } } #coursesandcalendar #courses a, #coursesandcalendar #calendar a, #coursesandcalendar #events a { display: table-cell; vertical-align: middle; height: 300px; background-color: #f6eedb; background-color: rgba(246, 238, 219, 0.7); color: #333333; font-family: Georgia, serif; font-size: 24px; font-size: 1.5rem; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #coursesandcalendar #courses a, #coursesandcalendar #calendar a, #coursesandcalendar #events a { height: 200px; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #coursesandcalendar #courses a, #coursesandcalendar #calendar a, #coursesandcalendar #events a { font-size: 18px; font-size: 1.125rem; } } #coursesandcalendar #courses a:hover, #coursesandcalendar #calendar a:hover, #coursesandcalendar #events a:hover { background-color: rgba(246, 238, 219, 0.5); } #coursesandcalendar #courses a:hover .icon span, #coursesandcalendar #calendar a:hover .icon span, #coursesandcalendar #events a:hover .icon span { opacity: 1; } #coursesandcalendar #courses a .title, #coursesandcalendar #calendar a .title, #coursesandcalendar #events a .title { display: block; text-transform: uppercase; } #coursesandcalendar #courses a .icon, #coursesandcalendar #calendar a .icon, #coursesandcalendar #events a .icon { display: inline-block; width: 80px; height: 80px; background: #333333; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #coursesandcalendar #courses a .icon span, #coursesandcalendar #calendar a .icon span, #coursesandcalendar #events a .icon span { display: inline-block; width: 80px; height: 80px; opacity: 0.7; background: no-repeat center center; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #coursesandcalendar #courses { background-image: url('../images/edition-default/content-opleidingen.jpg?1400680642') !important; } #coursesandcalendar #courses a .icon span { background-image: url('../images/edition-default/icon-training.png?1401698277'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #coursesandcalendar #courses a .icon span { background-image: url('../images/edition-default/icon-training-hires.png?1400751570'); background-size: 36px 33px; } } #coursesandcalendar #calendar { background-image: url('../images/edition-default/content-calendar.jpg?1400680651') !important; } #coursesandcalendar #calendar a .icon span { background-image: url('../images/edition-default/icon-calendar.png?1401698384'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #coursesandcalendar #calendar a .icon span { background-image: url('../images/edition-default/icon-calendar-hires.png?1400751598'); background-size: 36px 38px; } } #coursesandcalendar #events { background-image: url('../images/edition-default/content-events.jpg?1409562620') !important; } #coursesandcalendar #events a .icon span { background-image: url('../images/edition-default/icon-events.png?1409562127'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #coursesandcalendar #events a .icon span { background-image: url('../images/edition-default/icon-calendar-hires.png?1400751598'); background-size: 36px 38px; } } /* -------------------------------------------------- Courses / Calendar -------------------------------------------------- */ .sliderwrappercourses li, .sliderwrappercalendar li { height: 700px; } #calendar #courseslist { margin-top: 0px; } #resp-nav { display: none; background: #371e21; color: #f6eedb; padding: 0px 15px 0px 15px; text-align: left; font-family: Georgia, serif; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #resp-nav { display: block; } } #resp-nav a { display: inline-block; padding: 10px 15px 10px 35px; text-transform: uppercase; background: url('../images/edition-default/icon-back-courses.png?1401698502') no-repeat left center; color: #f6eedb; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #resp-nav a { background-image: url('../images/edition-default/icon-back-courses-hires.png?1401183405'); background-size: 25px 23px; } } #resp-nav .btn-filter { float: right; display: block; margin-top: 1px; padding: 10px 15px 9px 15px; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; cursor: pointer; } #resp-nav .btn-filter.active { background: #f6eedb; color: #371e21; } .contentwrapper { position: relative; margin-top: -300px; } .contentwrapper #coursesfilter { position: relative; min-height: 112px; padding: 38px 0px 30px 0px; background: #f6eedb; background: rgba(246, 238, 219, 0.8); text-align: center; } .contentwrapper #coursesfilter .newListSelected { width: auto; margin: 0px 8px 8px 8px; } .contentwrapper #coursesfilter .selectedTxt { width: auto; min-width: 90px; padding: 16px 47px 16px 18px; border-color: #371e21; background: url('../images/edition-default/arrow-select.png?1401976332') no-repeat right 18px; background-size: 26px auto; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper #coursesfilter .selectedTxt { background-image: url('../images/edition-default/arrow-select-hires.png?1401976338'); background-size: 20px 13px; } } .contentwrapper #coursesfilter h2 { margin: 0px 0px 30px 0px; font-family: Georgia, serif; color: #371e21; text-transform: uppercase; font-size: 30px; font-size: 1.875rem; } .contentwrapper #coursesfilter .close-filter { display: none; position: absolute; top: 40%; right: 15px; width: 25%; font-weight: bold; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; text-align: center; cursor: pointer; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper #coursesfilter { padding: 0px; min-height: 0; } .contentwrapper #coursesfilter .section { display: none; position: absolute; top: 0; left: 0; z-index: 500; padding: 38px 5% 30px 5%; width: 90%; background: #f6eedb; background: rgba(246, 238, 219, 0.85); } .contentwrapper #coursesfilter h2 { display: none; } .contentwrapper #coursesfilter .close-filter { display: block; } .contentwrapper #coursesfilter #courseForm { margin-right: 30%; text-align: left; } .contentwrapper #coursesfilter .newListSelected { display: block; } } .contentwrapper #courseslist { margin: 40px 0px 50px 0px; } .contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth { max-width: 1130px; margin: auto; padding-left: 5%; padding-right: 5%; } @media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth { padding: 0px; } } .contentwrapper #courseslist .coursemonths { width: 100%; padding: 17px 0px 17px 0px; margin: 35px 0px 35px 0px; background: #f6eedb; font-family: Georgia, serif; font-size: 18px; font-size: 1.125rem; text-align: center; } .contentwrapper #courseslist .coursemonths:first-child { margin-top: 0px; } @media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist .coursemonths { margin: 0px; background: #371e21; color: #f6eedb; } .contentwrapper #courseslist .coursemonths:first-child { border-top: 1px solid #fff; } } .contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { float: left; width: 31.66%; min-height: 380px; margin: 0% 2.5% 2.5% 0%; background: #f6eedb; text-align: center; color: #000000; } .contentwrapper #courseslist .course:nth-child(3n), .contentwrapper #courseslist .coursedate:nth-child(3n) { margin-right: 0px; } .contentwrapper #courseslist .course:nth-child(3n+1), .contentwrapper #courseslist .coursedate:nth-child(3n+1) { clear: both; } .contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { display: block; min-height: 336px; padding: 10px 20px 20px 20px; color: #000000; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { min-height: 0px; } } .contentwrapper #courseslist .course a:hover .coursepicture, .contentwrapper #courseslist .coursedate a:hover .coursepicture { opacity: 0.8; } .contentwrapper #courseslist .course a:hover .coursepicture, .contentwrapper #courseslist .course a:focus .coursepicture, .contentwrapper #courseslist .coursedate a:hover .coursepicture, .contentwrapper #courseslist .coursedate a:focus .coursepicture { background-size: 110% auto; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } @media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { width: 47.5%; } .contentwrapper #courseslist .course:nth-child(3n), .contentwrapper #courseslist .coursedate:nth-child(3n) { margin-right: 2.5%; } .contentwrapper #courseslist .course:nth-child(3n+1), .contentwrapper #courseslist .coursedate:nth-child(3n+1) { clear: none; } .contentwrapper #courseslist .course:nth-child(2n), .contentwrapper #courseslist .coursedate:nth-child(2n) { margin-right: 0%; } .contentwrapper #courseslist .course:nth-child(2n+1), .contentwrapper #courseslist .coursedate:nth-child(2n+1) { clear: both; } } .contentwrapper #courseslist .course .coursepicture-wrapper, .contentwrapper #courseslist .coursedate .coursepicture-wrapper { position: relative; margin: -10px -20px 50px -20px; } .contentwrapper #courseslist .course .coursepicture, .contentwrapper #courseslist .coursedate .coursepicture { position: relative; background: #f2e6cb no-repeat center center; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-size: 100% auto; height: 0; padding-top: 58%; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper #courseslist .course .coursepicture, .contentwrapper #courseslist .coursedate .coursepicture { background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } } .contentwrapper #courseslist .course .coursepicture span.course-icon, .contentwrapper #courseslist .coursedate .coursepicture span.course-icon { position: absolute; bottom: 0; left: 50%; margin: 0px 0px -42px -42px; display: block; width: 85px; height: 85px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #333333 url('../images/edition-default/icon-course.png?1400755786') no-repeat center center; -ms-behavior: url(backgroundsize.min.htc); } .contentwrapper #courseslist .course .coursepicture .coursedate-value, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { position: absolute; bottom: 0; left: 50%; padding: 25px 10px 0px 10px; margin: 0px 0px -42px -42px; display: block; width: 65px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #333333; -ms-behavior: url(backgroundsize.min.htc); color: #f6eedb; } .contentwrapper #courseslist .course .coursepicture .coursedate-value span, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value span { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1em; } .contentwrapper #courseslist .course .coursepicture .coursedate-value span.days, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value span.days { font-family: Georgia, serif; font-size: 24px; font-size: 1.5rem; } .contentwrapper #courseslist .course .courselevel, .contentwrapper #courseslist .coursedate .courselevel { margin: 5px 0px 10px 0px; } .contentwrapper #courseslist .course .coursetitle, .contentwrapper #courseslist .coursedate .coursetitle { font-family: Georgia, serif; font-size: 18px; font-size: 1.125rem; } .contentwrapper #courseslist .course .coursetypeandbrand, .contentwrapper #courseslist .coursedate .coursetypeandbrand { margin-top: 15px; font-size: 16px; font-size: 1rem; font-style: italic; } .contentwrapper #courseslist .course .courseteacherandlanguage, .contentwrapper #courseslist .coursedate .courseteacherandlanguage { font-size: 16px; font-size: 1rem; font-style: italic; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist { margin: 0px; } .contentwrapper #courseslist .section { padding: 0px; } .contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { position: relative; float: none; min-height: 100px; margin: 0px; padding: 10px 10px 37px 115px; width: auto; border-bottom: 1px solid #371e21; text-align: left; /* override MQ(L) exception */ } .contentwrapper #courseslist .course:nth-child(3n), .contentwrapper #courseslist .coursedate:nth-child(3n) { margin-right: 0; } .contentwrapper #courseslist .course:last-child, .contentwrapper #courseslist .coursedate:last-child { border-bottom: 0; } .contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { padding: 0px; } .contentwrapper #courseslist .course .coursepicture-wrapper, .contentwrapper #courseslist .coursedate .coursepicture-wrapper { margin: 0; position: static; } .contentwrapper #courseslist .course .coursepicture, .contentwrapper #courseslist .coursedate .coursepicture { position: absolute; top: 0; left: 0; height: 100%; width: 100px; margin: 0px; } .contentwrapper #courseslist .course .coursepicture span.course-icon, .contentwrapper #courseslist .coursedate .coursepicture span.course-icon { display: none; } .contentwrapper #courseslist .course .coursepicture .coursedate-value, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { bottom: 50%; text-align: center; } .contentwrapper #courseslist .course .coursetypeandbrand, .contentwrapper #courseslist .course .courseteacherandlanguage, .contentwrapper #courseslist .coursedate .coursetypeandbrand, .contentwrapper #courseslist .coursedate .courseteacherandlanguage { margin: 0px; font-style: italic; font-size: 12px; font-size: 0.75rem; } .contentwrapper #courseslist .course .courselevel, .contentwrapper #courseslist .coursedate .courselevel { position: absolute; bottom: 10px; right: 10px; margin: 0px; } } .contentwrapper.detail { overflow: hidden; padding-top: 40px; background: #f6eedb; } .contentwrapper.detail .button.resp { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; display: none; padding-top: 12px; padding-bottom: 12px; margin-bottom: 15px; text-align: center; font-size: 24px; font-size: 1.5rem; } .contentwrapper.detail .button.resp:hover, .contentwrapper.detail .button.resp.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .button.resp { padding: 6px 15px 6px 15px; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail .button.resp { display: block; } } .contentwrapper.detail #courseDetail, .contentwrapper.detail #levelBlock { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; } .contentwrapper.detail #courseDetailInfo { padding: 40px 0px 0px 0px; background: url('../images/edition-default/icon-info.png?1401698850') no-repeat top center; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailInfo { background-image: url('../images/edition-default/icon-info-hires.png?1401086876'); background-size: 30px 30px; } } .contentwrapper.detail #courseDetailBook { padding: 40px 0px 0px 0px; background: url('../images/edition-default/icon-book.png?1401784893') no-repeat top center; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailBook { background-image: url('../images/edition-default/icon-book-hires.png?1401784905'); background-size: 30px 30px; } } .contentwrapper.detail #courseDetailClock { padding: 40px 0px 0px 0px; background: url('../images/edition-default/icon-clock.png?1401698919') no-repeat top center; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailClock { background-image: url('../images/edition-default/icon-clock-hires.png?1401087130'); background-size: 30px 30px; } } .contentwrapper.detail #courseDetailClock .button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .contentwrapper.detail #courseDetailClock .button:hover, .contentwrapper.detail #courseDetailClock .button.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail #courseDetailClock .button { padding: 6px 15px 6px 15px; } } .contentwrapper.detail .chefInfoBlock { position: relative; min-height: 300px; padding: 40px 50% 40px 5%; margin: 65px 0px 65px 0px; background: #ffffff no-repeat top right; background-size: 60% auto; -ms-behavior: url(backgroundsize.min.htc); color: #000000; } @media only screen and (min-width: 0) and (max-width: 71.25em) { .contentwrapper.detail .chefInfoBlock { padding-right: 30%; } } @media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .chefInfoBlock { padding-right: 5%; } } .contentwrapper.detail .chefInfoBlock > * { position: relative; z-index: 50; } .contentwrapper.detail .chefInfoBlock h2 { margin: 0px; color: #ff3323; font-size: 48px; font-size: 3rem; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail .chefInfoBlock h2 { font-size: 24px; font-size: 1.5rem; } } .contentwrapper.detail .chefInfoBlock .chefType { color: inherit; font-style: italic; } .contentwrapper.detail .chefInfoBlock .docent-image { position: absolute; top: 0; right: 0; width: 60%; height: 100%; z-index: 20; overflow: hidden; } .contentwrapper.detail .chefInfoBlock .docent-image img { /*width: 100%;*/ height: auto; } @media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .chefInfoBlock .docent-image { position: relative; width: 100%; margin: 20px 0px 20px 0px; } } .contentwrapper.detail #levelBlock .levelBlockTop { text-align: center; } .contentwrapper.detail #levelBlock h2 { margin: 0px 0px 8px 0px; } .contentwrapper.detail #academyBlock { position: relative; padding: 40px 5% 40px 5%; margin: 65px 0px 65px 0px; background: #371e21; color: #ffffff; } .contentwrapper.detail #academyBlock .academy-info { float: left; width: 45%; margin-right: 5%; } .contentwrapper.detail #academyBlock .academy-info h2 { margin: 0px; } .contentwrapper.detail #academyBlock .academy-info .academyName { color: #ff3323; font-style: italic; } .contentwrapper.detail #academyBlock .academyImages { float: right; width: 50%; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail #academyBlock { padding-top: 250px; margin-bottom: 0px; } .contentwrapper.detail #academyBlock .academy-info { margin: 0px; width: 100%; } .contentwrapper.detail #academyBlock .academyName { font-size: 14px; font-size: 0.875rem; } .contentwrapper.detail #academyBlock .academyImages { float: none; position: absolute; top: 0; left: 0; width: 100%; height: 162px; overflow: hidden; } } .brandimages { text-align: center; } .brandimages img { margin-right: 10px; } /* -------------------------------------------------- Courses grid -------------------------------------------------- */ #courseDateInfo h2 { text-align: center; } .coursesGrid { position: relative; margin: 15px -150px 15px -150px; padding: 10px 20px; background: #ded6cc; -moz-transition: margin 0.3s; -o-transition: margin 0.3s; -webkit-transition: margin 0.3s; transition: margin 0.3s; } @media only screen and (min-width: 0) and (max-width: 71.25em) { .coursesGrid { margin-left: -50px; margin-right: -50px; } } @media only screen and (min-width: 0) and (max-width: 50em) { .coursesGrid { margin-left: 0px; margin-right: 0px; } } .coursesGrid .course-row-wrapper { margin-bottom: 10px; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row-wrapper { border-bottom: 1px solid #371e21; margin-bottom: 20px; } .coursesGrid .course-row-wrapper:last-child { border-bottom: 0px; margin-bottom: 0px; } } .coursesGrid .course-row { float: left; padding: 3px 3% 3px 0px; width: 11.285%; margin-bottom: 15px; } .coursesGrid .course-row.level { width: 13.685%; } @media (max-width: 800px) { .coursesGrid .course-row.level { width: 13.6%; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row.level { width: 45%; padding-right: 5%; } } .coursesGrid .course-row.price { width: 8.885%; } @media (max-width: 800px) { .coursesGrid .course-row.price { width: 13.6%; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row.price { width: 45%; padding-right: 5%; } } .coursesGrid .course-row.register { margin-top: 5px; } .coursesGrid .course-row span { display: block; } .coursesGrid .course-row a.button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .coursesGrid .course-row a.button:hover, .coursesGrid .course-row a.button.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { .coursesGrid .course-row a.button { padding: 6px 15px 6px 15px; } } .coursesGrid .course-row .course-row-info img { margin: -1px 0 2px 0 !important; } .coursesGrid .course-row .course-row-title { color: #ff3323; font-weight: 400; text-transform: uppercase; } .coursesGrid .course-row.register { padding-right: 0px; } @media (max-width: 800px) { .coursesGrid .course-row { width: 13.6%; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row { width: 45%; padding-right: 5%; } } /* -------------------------------------------------- Courses detail -------------------------------------------------- */ #subscribe-course #courseDetail .course-row { width: 30%; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #subscribe-course #courseDetail .course-row { width: 45%; padding-right: 5%; } } #search_existing_customer { border: 1px solid #371e21; padding: 15px 20px 15px 20px; } #search_existing_customer #new_customer_link { display: inline-block; margin-bottom: 15px; } #search_existing_customer #search_customer_submit { margin-left: 15px; } #search_existing_customer #search_customer_results { margin-top: 20px; } /* -------------------------------------------------- Pagina -------------------------------------------------- */ #general .slidercontent, #general .academyTestimonial { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; } /* -------------------------------------------------- Team / Academies -------------------------------------------------- */ #team .intro, #academies .intro, #academy .intro { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-bottom: 50px; } #team .intro h1, #academies .intro h1, #academy .intro h1 { font-size: 30px; font-size: 1.875rem; text-align: center; } #team .academylist, #academies .academylist, #academy .academylist { padding: 20px 5% 20px 5%; border-top: 1px solid #371e21; border-bottom: 1px solid #371e21; } #team .academylist ul, #academies .academylist ul, #academy .academylist ul { margin: 0px; padding: 0px; max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; padding: 0px; } #team .academylist ul li, #academies .academylist ul li, #academy .academylist ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #team .academylist > ul > li, #academies .academylist > ul > li, #academy .academylist > ul > li { float: left; width: 33.33%; margin-bottom: 15px; font-weight: bold; } #team .academylist > ul > li li, #academies .academylist > ul > li li, #academy .academylist > ul > li li { font-weight: normal; margin-top: 5px; } #team .academylist > ul > li li a, #academies .academylist > ul > li li a, #academy .academylist > ul > li li a { color: #000000; } #team .academylist > ul > li li a.active, #team .academylist > ul > li li a:hover, #academies .academylist > ul > li li a.active, #academies .academylist > ul > li li a:hover, #academy .academylist > ul > li li a.active, #academy .academylist > ul > li li a:hover { text-decoration: underline; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academylist > ul > li, #academies .academylist > ul > li, #academy .academylist > ul > li { width: 45%; margin-right: 5%; } } #team .academyteamdetail, #academies .academyteamdetail, #academy .academyteamdetail { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-top: 40px; margin-bottom: 40px; } #team .academyteamdetail .academyteamdetailname, #academies .academyteamdetail .academyteamdetailname, #academy .academyteamdetail .academyteamdetailname { text-align: center; } #team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { float: left; width: 19%; margin-right: 6%; padding-bottom: 40px; cursor: pointer; } #team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: both; } @media only screen and (min-width: 0) and (max-width: 50em) { #team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { width: 32.33%; margin-right: 1%; } #team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: none; } #team .academyteamdetail .chef:nth-of-type(3n+1), #academies .academyteamdetail .chef:nth-of-type(3n+1), #academy .academyteamdetail .chef:nth-of-type(3n+1) { clear: both; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { width: 49%; margin-right: 1%; } #team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: none; } #team .academyteamdetail .chef:nth-of-type(3n+1), #academies .academyteamdetail .chef:nth-of-type(3n+1), #academy .academyteamdetail .chef:nth-of-type(3n+1) { clear: none; } #team .academyteamdetail .chef:nth-of-type(2n+1), #academies .academyteamdetail .chef:nth-of-type(2n+1), #academy .academyteamdetail .chef:nth-of-type(2n+1) { clear: both; } } #team .academyteamdetail .chef.active, #academies .academyteamdetail .chef.active, #academy .academyteamdetail .chef.active { background: url('../images/edition-default/chef-active-arrow.png?1401699054') no-repeat bottom center; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #team .academyteamdetail .chef.active, #academies .academyteamdetail .chef.active, #academy .academyteamdetail .chef.active { background-image: url('../images/edition-default/chef-active-arrow-hires.png?1401098495'); background-size: 100px 20px; } } #team .academyteamdetail .chef:hover .chefimage img, #academies .academyteamdetail .chef:hover .chefimage img, #academy .academyteamdetail .chef:hover .chefimage img { opacity: 0.4; } #team .academyteamdetail .chef .chefimage, #academies .academyteamdetail .chef .chefimage, #academy .academyteamdetail .chef .chefimage { margin-bottom: 12px; } #team .academyteamdetail .chef .chefimage img, #academies .academyteamdetail .chef .chefimage img, #academy .academyteamdetail .chef .chefimage img { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #team .academyteamdetail .chef .chefname, #academies .academyteamdetail .chef .chefname, #academy .academyteamdetail .chef .chefname { font-weight: bold; line-height: 1em; } #team .academyteamdetail .chef .chefType, #team .academyteamdetail .chef .chefLocations, #academies .academyteamdetail .chef .chefType, #academies .academyteamdetail .chef .chefLocations, #academy .academyteamdetail .chef .chefType, #academy .academyteamdetail .chef .chefLocations { font-size: 14px; font-size: 0.875rem; } #team .academyteamdetail .chef .chefType, #academies .academyteamdetail .chef .chefType, #academy .academyteamdetail .chef .chefType { font-style: italic; color: inherit; } #team .academyteamdetail .chef .chefLocations, #academies .academyteamdetail .chef .chefLocations, #academy .academyteamdetail .chef .chefLocations { margin-top: 15px; } #team .academyteamdetail .chef .chefLocations a, #academies .academyteamdetail .chef .chefLocations a, #academy .academyteamdetail .chef .chefLocations a { text-decoration: underline; color: #000000; } #team .academyteamdetail .chef .chefinfo, #academies .academyteamdetail .chef .chefinfo, #academy .academyteamdetail .chef .chefinfo { display: none; } #team .academyteamdetail .chefInfoRow, #academies .academyteamdetail .chefInfoRow, #academy .academyteamdetail .chefInfoRow { display: none; background: #371e21; clear: both; margin-bottom: 15px; color: #f6eedb; } #team .academyteamdetail .chefInfoRow.visible, #academies .academyteamdetail .chefInfoRow.visible, #academy .academyteamdetail .chefInfoRow.visible { display: block; } #team .academyteamdetail .chefInfoRow .activeArrow, #academies .academyteamdetail .chefInfoRow .activeArrow, #academy .academyteamdetail .chefInfoRow .activeArrow { position: relative; display: block; width: 100%; } #team .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academies .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academy .academyteamdetail .chefInfoRow .activeArrow .arrow-item { display: block; position: absolute; top: 0; left: 0%; width: 100px; height: 20px; margin: -20px 0px 0px 10px; background: url('../images/edition-default/chef-active-arrow.png?1401699054') no-repeat center center; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #team .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academies .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academy .academyteamdetail .chefInfoRow .activeArrow .arrow-item { background-image: url('../images/edition-default/chef-active-arrow-hires.png?1401098495'); background-size: 100px 20px; } } #team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; } #team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 25%; } #team .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive3 .arrow-item { left: 50%; } #team .academyteamdetail .chefInfoRow.setActive4 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive4 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive4 .arrow-item { left: 75%; } @media only screen and (min-width: 0) and (max-width: 50em) { #team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; } #team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 33.33%; } #team .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive3 .arrow-item { left: 66.66%; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; } #team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 50%; } } #team .academyteamdetail .chefInfoRow .fullWidthBg, #academies .academyteamdetail .chefInfoRow .fullWidthBg, #academy .academyteamdetail .chefInfoRow .fullWidthBg { position: absolute; left: 0; right: 0; z-index: 50; height: 100px; background: #371e21; } #team .academyteamdetail .chefInfoRow .rowContent, #academies .academyteamdetail .chefInfoRow .rowContent, #academy .academyteamdetail .chefInfoRow .rowContent { position: relative; z-index: 100; display: block; padding: 40px 0px 40px; } #team .academyteamdetail .chefInfoRow a, #academies .academyteamdetail .chefInfoRow a, #academy .academyteamdetail .chefInfoRow a { color: #ffffff; } #team .academydetail-info, #academies .academydetail-info, #academy .academydetail-info { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; } #team .academydetail-info .academydetailtitle, #academies .academydetail-info .academydetailtitle, #academy .academydetail-info .academydetailtitle { margin: 90px 00px 60px 0px; text-align: center; } #team .academydetail-info .academydetailpics, #academies .academydetail-info .academydetailpics, #academy .academydetail-info .academydetailpics { float: left; width: 165px; margin-top: 7px; } #team .academydetail-info .academydetailpics img, #academies .academydetail-info .academydetailpics img, #academy .academydetail-info .academydetailpics img { margin-bottom: 20px; } #team .academydetail-info .academydetailstext, #academies .academydetail-info .academydetailstext, #academy .academydetail-info .academydetailstext { margin-left: 200px; } #team .academydetail-info .academydetailstext h2, #academies .academydetail-info .academydetailstext h2, #academy .academydetail-info .academydetailstext h2 { margin-top: 0px; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academydetail-info .academydetailpics, #academies .academydetail-info .academydetailpics, #academy .academydetail-info .academydetailpics { float: none; width: 100%; } #team .academydetail-info .academydetailstext, #academies .academydetail-info .academydetailstext, #academy .academydetail-info .academydetailstext { margin: 20px 0px 0px 0px; } } #team .academydetailsmap, #academies .academydetailsmap, #academy .academydetailsmap { margin: 40px 0px 40px 0px; } #team .academydetail-info-bottom, #academies .academydetail-info-bottom, #academy .academydetail-info-bottom { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-bottom: 55px; text-align: center; } #team .academydetail-info-bottom div, #academies .academydetail-info-bottom div, #academy .academydetail-info-bottom div { margin-bottom: 25px; } #team .academydetail-info-bottom span, #academies .academydetail-info-bottom span, #academy .academydetail-info-bottom span { display: block; } #team .academydetail-info-bottom a.visit, #academies .academydetail-info-bottom a.visit, #academy .academydetail-info-bottom a.visit { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 24px; font-size: 1.5rem; } #team .academydetail-info-bottom a.visit:hover, #team .academydetail-info-bottom a.visit.active, #academies .academydetail-info-bottom a.visit:hover, #academies .academydetail-info-bottom a.visit.active, #academy .academydetail-info-bottom a.visit:hover, #academy .academydetail-info-bottom a.visit.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #team .academydetail-info-bottom a.visit, #academies .academydetail-info-bottom a.visit, #academy .academydetail-info-bottom a.visit { padding: 6px 15px 6px 15px; } } /* -------------------------------------------------- Course types -------------------------------------------------- */ #course_types .courseType, #course_levels .courseType { float: left; width: 27%; margin: 0% 6% 5% 0%; } #course_types .courseType a.button, #course_levels .courseType a.button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #course_types .courseType a.button:hover, #course_types .courseType a.button.active, #course_levels .courseType a.button:hover, #course_levels .courseType a.button.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #course_types .courseType a.button, #course_levels .courseType a.button { padding: 6px 15px 6px 15px; } } #course_types .courseType:nth-child(3n), #course_levels .courseType:nth-child(3n) { margin-right: 0px; } #course_types .courseType:nth-child(3n+1), #course_levels .courseType:nth-child(3n+1) { clear: both; } @media only screen and (min-width: 0) and (max-width: 50em) { #course_types .courseType, #course_levels .courseType { width: 47%; } #course_types .courseType:nth-child(3n), #course_levels .courseType:nth-child(3n) { margin-right: 6%; } #course_types .courseType:nth-child(3n+1), #course_levels .courseType:nth-child(3n+1) { clear: none; } #course_types .courseType:nth-child(2n), #course_levels .courseType:nth-child(2n) { margin-right: 0px; } #course_types .courseType:nth-child(2n+1), #course_levels .courseType:nth-child(2n+1) { clear: none; } } @media only screen and (min-width: 0) and (max-width: 28.75em) { #course_types .courseType, #course_levels .courseType { width: 100%; margin-right: 0px; } } #course_types .courseType .courseTypeFotos, #course_levels .courseType .courseTypeFotos { position: relative; padding: 0px 60px 0px 0px; } #course_types .courseType .courseTypeFotos ul, #course_levels .courseType .courseTypeFotos ul { margin: 0px; padding: 0px; } #course_types .courseType .courseTypeFotos ul li, #course_levels .courseType .courseTypeFotos ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #course_types .courseType .courseTypeFotos ul li img, #course_levels .courseType .courseTypeFotos ul li img { width: 100%; max-width: none; } #course_types .courseType .courseTypeFotos .flex-direction-nav, #course_levels .courseType .courseTypeFotos .flex-direction-nav { position: absolute; top: 0; right: 0; height: 100%; width: 60px; background: #f6eedb; } #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-prev, #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-next, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-prev, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-next { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 50%; text-indent: -5555px; overflow: hidden; background: no-repeat center center; opacity: 0.5; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-prev:hover, #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-next:hover, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-prev:hover, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-next:hover { background-color: #f3e8cf; opacity: 1; } #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-prev, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-prev { display: block; width: 60px; background-image: url("../images/arrow-photos-left.png"); } #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-next, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-next { top: 50%; display: block; width: 60px; background-image: url("../images/arrow-photos-right.png"); } /* -------------------------------------------------- General page / Register / Basket -------------------------------------------------- */ #general, #account, #register, #subscribe-course { background: #f9f4e7; } #general #backLink, #account #backLink, #register #backLink, #subscribe-course #backLink { display: inline-block; margin: 0px 0px 20px 0px; } #general h1, #account h1, #register h1, #subscribe-course h1 { margin-bottom: 15px; } #general #mainContent, #account #mainContent, #register #mainContent, #subscribe-course #mainContent { max-width: 700px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; } #general #mainContent img, #account #mainContent img, #register #mainContent img, #subscribe-course #mainContent img { margin: 15px; } #general #mainContent img.img_left, #account #mainContent img.img_left, #register #mainContent img.img_left, #subscribe-course #mainContent img.img_left { float: left; margin: 15px 15px 10px 0px; } #general #mainContent img.img_right, #account #mainContent img.img_right, #register #mainContent img.img_right, #subscribe-course #mainContent img.img_right { float: right; margin: 15px 0px 10px 15px; } #register #loginContent, #academy_address h1, #academy_address .blocks { max-width: 700px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; } #register #loginContent img, #academy_address h1 img, #academy_address .blocks img { margin: 15px; } #register #loginContent img.img_left, #academy_address h1 img.img_left, #academy_address .blocks img.img_left { float: left; margin: 15px 15px 10px 0px; } #register #loginContent img.img_right, #academy_address h1 img.img_right, #academy_address .blocks img.img_right { float: right; margin: 15px 0px 10px 15px; } #general .sliderwrapper { margin: 0 !important; } #general .sliderwrapper .slider li { max-height: 400px; overflow: hidden; } #general .sliderwrapper img { margin-top: 0 !important; } #general #mainContent { max-width: none; margin: auto; padding-left: 0%; padding-right: 0%; margin: auto; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 40px; } #general h1 { padding-top: 25px; color: #ff3323; } #general h1, #general .blocks { max-width: 700px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } #general h1 img, #general .blocks img { margin: 15px; } #general h1 img.img_left, #general .blocks img.img_left { float: left; margin: 15px 15px 10px 0px; } #general h1 img.img_right, #general .blocks img.img_right { float: right; margin: 15px 0px 10px 15px; } #general h1 h2, #general h1 h3, #general h1 h4, #general h1 h5, #general h1 h6, #general .blocks h2, #general .blocks h3, #general .blocks h4, #general .blocks h5, #general .blocks h6 { color: #ff3323; } #general h1 { font-weight: normal; } .blocktextandimg { font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } .editor-cta-link { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: #ff3323; border: 1px solid #ff3323; border-radius: 5px; line-height: 1em; color: #ffffff; cursor: pointer; transition: all 0.2s; } .editor-cta-link:hover, .editor-cta-link:focus { background-color: #ff6256; border-color: #ff6256; color: #ffffff; } /* -------------------------------------------------- Contact page / Register page -------------------------------------------------- */ .contact-right { float: left; width: 60%; } .contact-left { float: right; width: 35%; margin: 11px 0px 0px 5%; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .contact-left, .contact-right { float: none; width: 100%; margin: 0px; } .contact-left { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #371e21; } } #captchaWrap { margin: 20px 0px 20px 0px; padding: 10px 20px 15px 20px; background: #fcfaf3; border: 1px solid #f3e8cf; } #captchaWrap p { font-size: 13px; font-size: 0.8125rem; color: #777777; } #sitemap, .newsletter-form, .contact-left-right-wrapper { width: 700px; margin: 0 auto; } /* -------------------------------------------------- Basket -------------------------------------------------- */ #registrationPath { padding-bottom: 30px; margin-bottom: 30px; } #registrationPath h2 { margin-top: 0px; font-size: 20px; font-size: 1.25rem; } #registrationPath ul { margin: 0px; padding: 0px; } #registrationPath ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #registrationPath ul li { display: inline-block; color: #cac2b1; padding-right: 10px; margin-right: 10px; } #registrationPath ul li.active { color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 28.75em) { #registrationPath ul li { display: block; } } #registrationPath ul li span { display: inline-block; width: 21px; height: 21px; margin-right: 2px; background: #ff3323; color: white; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #registrationPath ul li.active span { background: #ff3323; } #registrationPath .border-bottom { position: absolute; left: 0; right: 0; height: 1px; margin-top: 30px; background: #371e21; } #basket { background: #f9f4e7; } #basket h1 { margin-bottom: 0px; } #basket h4 { margin-top: 0px; } #basket #mainContent { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; } #basket #mainContent img { margin: 3% 0px 3% 0px; } #basket #mainContent img.img_left { float: left; margin: 15px 0px 10px 15px; } #basket #mainContent img.img_right { float: right; margin: 15px 15px 10px 0px; } #basket #inBasket { margin-top: 20px; } #basket a.addPersonLink, #basket a.button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #000000; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: 0px; } #basket a.addPersonLink:hover, #basket a.addPersonLink.active, #basket a.button:hover, #basket a.button.active { border-color: #ff3323; color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 50em) { #basket a.addPersonLink, #basket a.button { padding: 6px 15px 6px 15px; } } #basket tr.even { background: #f6eedb; } #basket tr.even td { padding: 15px 0px 15px 10px; } @media only screen and (min-width: 0) and (max-width: 28.75em) { #basket tr.even td { padding-top: 5px; padding-bottom: 0px; } #basket tr.even td:first-child { padding-top: 15px; } #basket tr.even td:last-child { padding-bottom: 15px; } } #basket tr.personInfo { background: #faf8f1; } #basket tr.personInfo td { padding: 15px 50px 0px 50px; } #basket tr.row-add { background: #faf8f1; } #basket tr.row-add td { padding: 15px 50px 40px 50px; } #basket tr.totalPrice { background: #333333; color: #f6eedb; } #basket tr.totalPrice td { padding: 15px 0px 15px 8px; } #basket .person-wrap { margin: 20px 0px 0px 0px; } #basket .person-wrap h3 { margin: 0px; } #basket .person-wrap h3 .changeProfileLink { float: right; margin-left: 10px; font-size: 14px; font-size: 0.875rem; text-decoration: underline; } #basket .person-wrap h3 .changeProfileLink:hover { text-decoration: none; } #basket .person-wrap .person-left, #basket .person-wrap .person-right { float: left; width: 50%; } @media only screen and (min-width: 0) and (max-width: 28.75em) { #basket .person-wrap .person-left, #basket .person-wrap .person-right { float: none; width: 100%; } } #basket .person-wrap span { display: block; } #basket .add-course { float: right; text-decoration: underline; } #basket .add-course:hover { text-decoration: none; } #paymentInfo { margin-top: 50px; } .paymentform { margin-bottom: 55px; } /* -------------------------------------------------- Language select -------------------------------------------------- */ #lang-select { padding: 1% 5% 1% 5%; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; color: #777777; } #lang-select a { color: #777777; } #lang-select section { float: left; width: 45%; margin-right: 5%; } @media only screen and (min-width: 0) and (max-width: 28.75em) { #lang-select section { float: none; width: 100%; margin-right: 0%; } } #lang-select section h2 { margin: 0px 0px 4px 0px; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 700; } #lang-select section ul { margin: 0px; padding: 0px; margin-bottom: 15px; } #lang-select section ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } #lang-select section a.active { position: relative; margin-left: -22px; color: #371e21; padding-left: 22px; background: url('../images/edition-default/location-marker.png?1401699194') no-repeat left center; font-weight: 400; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #lang-select section a.active { background-image: url('../images/edition-default/location-marker-hires.png?1401282204'); background-size: 13px 16px; } } /* -------------------------------------------------- Footer -------------------------------------------------- */ #footer { position: relative; z-index: 200; background: #333333; padding: 20px; text-align: center; color: #f6eedb; } #footer h3 { font-weight: bold; font-size: 30px; font-size: 1.875rem; } @media only screen and (min-width: 0) and (max-width: 50em) { #footer h3 { font-size: 26px; font-size: 1.625rem; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #footer h3 { font-size: 20px; font-size: 1.25rem; } } #footer h3 span { display: block; font-size: 24px; font-size: 1.5rem; font-weight: normal; } @media only screen and (min-width: 0) and (max-width: 50em) { #footer h3 span { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #footer h3 span { font-size: 14px; font-size: 0.875rem; } } #footer .copyright { font-size: 18px; font-size: 1.125rem; } @media only screen and (min-width: 0) and (max-width: 50em) { #footer .copyright { font-size: 16px; font-size: 1rem; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { #footer .copyright { font-size: 14px; font-size: 0.875rem; } } #footer .footer-links { margin-top: 20px; } #footer .footer-links a { border-right: 1px solid #f6eedb; padding-right: 8px; margin-right: 5px; font-size: 14px; font-size: 0.875rem; color: #f6eedb; } #footer .footer-links a:last-child { margin-right: 0px; border-right: 0px; padding-right: 0px; } /* -------------------------------------------------- Slider -------------------------------------------------- */ @media only screen and (min-width: 0) and (max-width: 50em) { #courses #wrapper > article, #calendar #wrapper > article, #team #wrapper > article, #academies #wrapper > article, #academy #wrapper > article { position: relative; } } #courses .contentwrapper, #calendar .contentwrapper, #team .contentwrapper, #academies .contentwrapper, #academy .contentwrapper { margin-top: 400px; } #courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { position: fixed; top: 0; left: 0; z-index: 0; width: 100%; margin-top: 100px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } @media only screen and (min-width: 0) and (max-width: 50em) { #courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { position: absolute; margin: 0px; } } #courses.scroll .sliderwrapper, #calendar.scroll .sliderwrapper, #team.scroll .sliderwrapper, #academies.scroll .sliderwrapper, #academy.scroll .sliderwrapper { margin-top: 50px; } #courses.scroll .sliderwrapper .slider-info, #calendar.scroll .sliderwrapper .slider-info, #team.scroll .sliderwrapper .slider-info, #academies.scroll .sliderwrapper .slider-info, #academy.scroll .sliderwrapper .slider-info { opacity: 0; } @media only screen and (min-width: 0) and (max-width: 37.5em) { #courses .contentwrapper, #calendar .contentwrapper, #team .contentwrapper, #academies .contentwrapper, #academy .contentwrapper { margin-top: 0px; } #courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { display: none; } #courses .sliderwrappercalendardetail, #calendar .sliderwrappercalendardetail, #team .sliderwrappercalendardetail, #academies .sliderwrappercalendardetail, #academy .sliderwrappercalendardetail { position: relative; display: block; } } #team .contentwrapper, #academies .contentwrapper { margin-top: 0; } #general .sliderwrapper { margin-bottom: 30px; } #general .sliderwrapper ul li { text-align: center; } #general .sliderwrapper ul li img { margin: 0px; } ul.slider { margin: 0px; padding: 0px; } ul.slider li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } ul.slider li { position: relative; min-height: 400px; background: no-repeat center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } @media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li { min-height: 250px; } } ul.slider li .slider-info { padding: 3% 5% 3% 5%; max-width: 550px; line-height: 1.1em; font-family: Georgia, serif; color: #f6eedb; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } ul.slider li .slider-info h1, ul.slider li .slider-info h2 { margin-top: 0; margin-bottom: 6px; font-size: 30px; font-size: 1.875rem; } ul.slider li .slider-info a { color: #f6eedb; } ul.slider li .slider-info p { margin: 0px; text-shadow: 1px -1px 1px rgba(55, 30, 33, 0.5); } ul.slider li .slider-info .date-wrapper { margin-bottom: 14px; } ul.slider li .slider-info .date-wrapper span.date { display: inline-block; margin-right: 25px; margin-bottom: 8px; font-size: 16px; font-size: 1rem; } ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { display: inline-block; margin: 5px 5px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; opacity: 1; padding: 1em 2.375em; background-color: #ff3323; border: 1px solid #ff3323; color: white; font-size: 1rem; font-weight: 700; line-height: 1; } ul.slider li .slider-info a.sliderlink:hover, ul.slider li .slider-info a.sliderlink:focus, ul.slider li .slider-info a.coursepicturelink:hover, ul.slider li .slider-info a.coursepicturelink:focus { background-color: #ff6256; border-color: #ff6256; } @media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { padding: 0px; border: 0px; background: none; text-decoration: underline; } ul.slider li .slider-info a.sliderlink:hover, ul.slider li .slider-info a.coursepicturelink:hover { background: none; opacity: 1; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li .slider-info { position: absolute; bottom: 0; left: 0; width: 90%; max-width: none; background: #000000; background: rgba(0, 0, 0, 0.4); font-size: 14px; font-size: 0.875rem; color: white !important; } ul.slider li .slider-info a { color: white !important; } ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { font-size: 14px; font-size: 0.875rem; color: white; } } ul.slider li:first-child { display: block; } .sliderwrapper { position: relative; } #general .sliderwrapper.sliderwrapperacademies { margin: 10px auto !important; max-width: 700px; padding-left: 5%; padding-right: 5%; } #general .sliderwrapper.sliderwrapperacademies img { margin: 5px 0 0 0 !important; } #general .sliderwrapper.sliderwrapperacademies .slidercontent { position: absolute; top: 5%; left: 8%; z-index: 5; } .flex-control-nav { position: absolute; bottom: 30px; left: 0; right: 0; z-index: 10; } @media only screen and (min-width: 0) and (max-width: 50em) { .flex-control-nav { bottom: 0; left: auto; right: 15px; } } .flex-control-nav li { height: 12px !important; width: 12px; margin-right: 5px; } .flex-control-nav li a { display: block; width: 12px; height: 12px; background: #ffffff; background: url("../images/bg-slider-item.png") center center no-repeat; text-decoration: none; cursor: pointer; text-indent: -9999em; } .flex-control-nav li a.flex-active { background: url("../images/bg-slider-item-active.png") center center no-repeat; } @media only screen and (min-width: 0) and (max-width: 50em) { #general .sliderwrapper.sliderwrapperacademies ul.slider li { min-height: 0; } } @media only screen and (min-width: 0) and (max-width: 50em) { #general .sliderwrapper.sliderwrapperacademies .flex-control-nav { top: 6%; left: auto; right: 6%; } } /* -------------------------------------------------- Table -------------------------------------------------- */ table { width: 100%; margin: 15px 0px 15px 0px; } table td, table th { padding: 3px 10px 3px 10px; text-align: left; } @media only screen and (min-width: 0) and (max-width: 28.75em) { table td, table th { display: block; } } table th { color: #ff3323; } @media only screen and (min-width: 0) and (max-width: 28.75em) { table th { display: none; } } /* -------------------------------------------------- Fancybox -------------------------------------------------- */ #fancybox-overlay { background-color: #371e21; } /* override inline js calculated styles */ #fancybox-wrap[style] { max-height: 80vh; max-width: 60rem; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 90vw !important; height: 36rem !important; } @media (min-width: 37.5em) and (max-width: 50em) { #fancybox-wrap[style] { height: 36rem !important; width: 80vw !important; } } @media (min-width: 64em) { #fancybox-wrap[style] { height: 36rem !important; width: 44rem !important; } } #fancybox-outer > div { display: none; } #fancybox-close { display: none !important; } #fancybox-outer > #fancybox-inner { display: block; max-width: 100%; } #fancybox-outer > #fancybox-inner[style] { top: 2% !important; left: 2% !important; width: 96% !important; height: 96% !important; overflow: auto !important; } /* -------------------------------------------------- Form -------------------------------------------------- */ form h2.form-title { display: none; margin-top: 0px; } @media only screen and (min-width: 0) and (max-width: 37.5em) { form h2.form-title { display: block; } } form label { display: block; margin: 10px 0px 5px 0px; cursor: pointer; } form input[type="checkbox"] + label, form input[type="radio"] + label { display: inline; } form .check { margin: 15px 0px 15px 0px; } form .check input[type="checkbox"] + label { display: inline; } form p.comment, form p.mandatory, form small { display: block; margin-top: 0px; font-size: 13px; font-size: 0.8125rem; color: #ff3323; } form .mandatory-item { margin-left: 8px; color: #ff3323; } input[type="text"], input[type="password"] { display: inline-block; width: 85%; max-width: 350px; padding: 5px 3% 5px 3%; margin: 0px 0px 8px 0px; background: rgba(255, 51, 35, 0.05); border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333333; line-height: 1em; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } input[type="submit"], input[type="button"] { display: inline-block; padding: 10px 15px 10px 15px; margin: 20px 0px 8px 0px; min-width: 100px; background: #ff3323; border: 1px solid #ff3323; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: white; line-height: 1em; cursor: pointer; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } input[type="submit"]:hover, input[type="button"]:hover { border-color: #ff3323; background-color: white; color: #ff3323; } textarea { display: inline-block; width: 85%; max-width: 350px; padding: 8px 2% 8px 2%; margin: 0px 0px 8px 0px; background: rgba(255, 51, 35, 0.05); border: 1px solid #371e21; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333333; line-height: 1em; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } select { padding: 8px 12px 8px 12px; border: 1px solid #371e21; background: rgba(255, 51, 35, 0.05); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; } /* Customer */ #customerForm { padding: 10px 30px; background: #f6eedb; } /* Stylish select */ .newListSelected { position: relative; display: inline-block; width: 100%; } .newListSelected .selectedTxt { width: 83%; max-width: 350px; min-height: 16px; padding: 8px 3% 8px 3%; border: 1px solid #371e21; background: rgba(255, 51, 35, 0.05) url('../images/edition-default/arrow-select.png?1401976332') no-repeat right 11px; background-size: 26px auto; line-height: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .newListSelected .selectedTxt { background-image: url('../images/edition-default/arrow-select-hires.png?1401976338'); background-size: 20px 9px; } } .newListSelected .SSContainerDivWrapper { position: absolute; z-index: 500; top: 43px !important; width: 100%; height: auto !important; border: 1px solid #371e21; background: #f6eedb; background: rgba(246, 238, 219, 0.95); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .newListSelected ul.newList { margin: 0px; padding: 0px; height: auto !important; max-height: 330px; overflow-y: auto; } .newListSelected ul.newList li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; } .newListSelected ul.newList li a { display: block; padding: 5px 5% 5px 5%; color: #000000; font-size: 14px; font-size: 0.875rem; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px solid #eedfba; } .newListSelected ul.newList li a:hover { color: #ff3323; } .newListSelected ul.newList li:first-child a { padding-top: 10px; } .newListSelected ul.newList li:last-child a { padding-bottom: 10px; border-bottom: 0px; } #courseForm .newListSelected .SSContainerDivWrapper { top: 59px !important; } .newsletter-form .newListSelected .SSContainerDivWrapper, #registerform .newListSelected .SSContainerDivWrapper { max-width: 392px; } #ogoneform .button { margin-top: 10px; } #ogoneform .button a { display: inline-block; padding: 10px 15px; margin: 20px 0px 8px 0px; border: 1px solid #371e21; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #371e21; } #ogoneform .button a:hover { background: #ac8b15; border-color: #ac8b15; color: #ffffff; } /* -------------------------------------------------- join other academies -------------------------------------------------- */ .join_other_academies { display: flex; flex-flow: row wrap; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #371e21; padding-left: 30px; } .join_other_academies .country_custom_form { flex: 0 1 50%; } @media only screen and (max-width: 700px) { .join_other_academies .country_custom_form { flex: 0 1 100%; } } .join_other_academy { margin: 2px 0; } /* -------------------------------------------------- IE8 -------------------------------------------------- */ .lt-ie9 #logo img { max-width: none; } .lt-ie9 .scroll #logo img { max-height: 40px; width: auto; } .lt-ie9 .scroll #header { height: 54px; } .lt-ie9 .scroll #header-top { height: 54px; overflow: hidden; } .contentwrapper.detail { background-color: white; } #team .contentwrapper.detail { padding-bottom: 60px; } #general, #account, #register, #subscribe-course, #course_levels, #basket { background: white; } #general #mainContent, #account #mainContent, #register #mainContent, #subscribe-course #mainContent, #course_levels #mainContent, #basket #mainContent { padding-bottom: 100px; } #academies #contentWrapper #mainContent, #academy_address #contentWrapper #mainContent, #course_types #contentWrapper #mainContent { padding-bottom: 100px; } .course-levels-list, .course-types-list { overflow: hidden; *zoom: 1; } /* -------------------------------------------------- Media Queries -------------------------------------------------- */ body:after { display: none; } @media only screen and (min-width: 0) and (max-width: 71.25em) { body:after { content: 'xl'; } } @media only screen and (min-width: 0) and (max-width: 50em) { body:after { content: 'l'; } } @media only screen and (min-width: 0) and (max-width: 37.5em) { body:after { content: 'm'; } } @media only screen and (min-width: 0) and (max-width: 28.75em) { body:after { content: 's'; } } /* -------------------------------------------------- Bottom partials -------------------------------------------------- */ /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*! -------------------------------------------------- 2020 redesign overrides -------------------------------------------------- */ /*! -------------------------------------------------- Partials -------------------------------------------------- */ /*! -------------------------------------------------- 2020 redesign overrides -------------------------------------------------- */ #courses #contentWrapper #mainContent .contentwrapper, #calendar #contentWrapper #mainContent .contentwrapper, #team #contentWrapper #mainContent .contentwrapper, #academies #contentWrapper #mainContent .contentwrapper, #academy #contentWrapper #mainContent .contentwrapper { /* 2020 redesign pushes categories right up against the content */ min-height: 300px; } @media (max-width: 28.75em) { #courses #contentWrapper #mainContent .contentwrapper, #calendar #contentWrapper #mainContent .contentwrapper, #team #contentWrapper #mainContent .contentwrapper, #academies #contentWrapper #mainContent .contentwrapper, #academy #contentWrapper #mainContent .contentwrapper { min-height: 0; } } #header { background: #ffffff; } @media (min-width: 50em) { #header-top { padding: 0px 1rem; } } @media (min-width: 64em) { #header-top { padding: 0px 5%; } } #header-top .header-left #menulink:hover { background-color: rgba(255, 51, 35, 0.1); } #header-top .header-left #menulink.active { background-color: #ded6cc; color: #ff3323; } #header-top .header-right #loginlink { border: 0; } #header-top .header-right #loginlink:hover, #header-top .header-right #loginlink:focus, #header-top .header-right #loginlink.active { color: #ff3323; text-decoration: underline; } #header-top .header-right #registerlink a { padding-left: 1.5rem; padding-right: 1.5rem; border-color: #ff3323; background: #ff3323; color: #ffffff; } #header-top .header-right #registerlink a:hover, #header-top .header-right #registerlink a:focus { border-color: #ff3323; background: #ffffff; color: #ff3323; } .btn-actions { width: 34px; background: url('../images/edition-default/rd2020_icon-actions-hires.png?1605258997') no-repeat center center; background-size: 33px 21px; } .btn-actions:hover { background-color: rgba(255, 51, 35, 0.1); } .btn-actions .basketcount { height: 28px; width: 28px; padding: 0; line-height: 28px; margin: -6px 0 0 4px; background: black; } .active .btn-actions { background-image: url('../images/edition-default/rd2020_icon-actions-hires.png?1605258997'); background-size: 33px 21px; } .active .btn-actions:hover { background-color: #ded6cc; } @media (max-width: 37.5em) { #resp-nav { display: none; } } #footer { background: white; color: black; } #footer .footer-social-media-titel { padding-top: 20px; text-align: center; font-size: 15px; font-weight: 200; margin: 0; } #footer .icons { padding-top: 10px; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -5px -10px -5px; } #footer .icons a { flex: 0 0 auto; min-width: 0; display: block; margin: 0 5px; padding-bottom: 10px; } #footer .icons img { display: block; width: 48px; height: 48px; } #footer .contact__phone, #footer .contact__email { display: inline-block; word-break: break-word; } #footer .footer-links a { transition: color .2s linear; color: #8a8a8a; } #footer .footer-links a:hover { color: #ff3323; text-decoration: underline; } #coursesandcalendar { padding-left: 5%; padding-right: 5%; padding-bottom: 3.2208em; background-color: #a38778; } @media (max-width: 63.9375em) { #coursesandcalendar { padding-bottom: 0; } } #coursesandcalendar .home-cta-wrapper { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-left: -0.75em; margin-right: -0.75em; margin-top: -2.44em; } #coursesandcalendar .home-cta-wrapper > * { box-sizing: inherit; } @media (max-width: 37.5em) { #coursesandcalendar .home-cta-wrapper { margin-top: 3.94em; } } #coursesandcalendar .cta-card-holder { padding-left: 0.75em; padding-right: 0.75em; flex-basis: 25%; display: flex; flex-direction: column; } @media (max-width: 63.9375em) { #coursesandcalendar .cta-card-holder { flex-basis: 50%; margin-bottom: 3.94em; } } @media (max-width: 37.5em) { #coursesandcalendar .cta-card-holder { flex-basis: 100%; } } #coursesandcalendar .cta-card { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; border-radius: 5px; background: #ffffff; box-shadow: 7px 0 6px 0 rgba(0, 0, 0, 0.1); transition: box-shadow 250ms linear; } #coursesandcalendar .cta-card a { padding-top: 3.44em; flex: 1 1 auto; display: flex; flex-direction: column; text-align: center; } #coursesandcalendar .cta-card:hover, #coursesandcalendar .cta-card:focus { box-shadow: 7px 0 6px 0 rgba(0, 0, 0, 0.2); } #coursesandcalendar .cta-card:hover .cta-card__action, #coursesandcalendar .cta-card:focus .cta-card__action { color: #ffffff; background-color: #ff6256; } #coursesandcalendar .cta-card__icon { display: block; width: 4.88em; height: 4.88em; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #ff3323; /* semi circle shadow for when the grid changes and icon comes on top of identical color bg */ } #coursesandcalendar .cta-card__icon::after { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 4.88em; height: 2.44em; box-shadow: 4px -4px 6px 0 rgba(0, 0, 0, 0.1); border-top-left-radius: 2.44em; border-top-right-radius: 2.44em; } #coursesandcalendar .cta-card__icon span { display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; } #coursesandcalendar .cta-card__title { max-width: 90%; margin: 0 auto 0.25em; color: #ff3323; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: 200; } #coursesandcalendar .cta-card__description { max-width: 90%; margin: 0 auto 2em; color: #8a8a8a; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-size: 0.875em; line-height: 1.5; } #coursesandcalendar .cta-card__action { margin-top: auto; padding: 1.125em 5%; transition: all 250ms linear; color: #ffffff; background-color: #ff3323; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-size: 0.9375em; line-height: 1; } #coursesandcalendar #livestreams .cta-card__icon span { background-image: url('../images/edition-default/rd2020_icon-livestreams-hires.png?1605270656'); background-size: 33px 24px; } #coursesandcalendar #replays .cta-card__icon span { background-image: url('../images/edition-default/rd2020_icon-replays-hires.png?1605270673'); background-size: 32px 32px; } #coursesandcalendar #masterclass .cta-card__icon span { background-image: url('../images/edition-default/rd2020_icon-masterclass-hires.png?1605270661'); background-size: 38px 20px; } #coursesandcalendar #onlineeducation .cta-card__icon span { background-image: url('../images/edition-default/rd2020_icon-onlineeducation-hires.png?1605270665'); background-size: 44px 39px; } #courses #coursesandcalendar .home-cta-wrapper.livestreams #livestreams { display: none; } #courses #coursesandcalendar .home-cta-wrapper.replays #replays { display: none; } #courses #coursesandcalendar .home-cta-wrapper.masterclass #masterclass { display: none; } #courses #coursesandcalendar .home-cta-wrapper.livestreams .cta-card-holder, #courses #coursesandcalendar .home-cta-wrapper.replays .cta-card-holder, #courses #coursesandcalendar .home-cta-wrapper.masterclass .cta-card-holder { flex-basis: 33.33%; } @media (max-width: 37.5em) { #courses #coursesandcalendar .home-cta-wrapper.livestreams .cta-card-holder, #courses #coursesandcalendar .home-cta-wrapper.replays .cta-card-holder, #courses #coursesandcalendar .home-cta-wrapper.masterclass .cta-card-holder { flex-basis: 100%; } } .sliderwrapper ul.slider li .slider-info { color: #ffffff; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; } .sliderwrapper ul.slider li .slider-info > * { font-family: inherit; } .sliderwrapper ul.slider li .slider-info > * + a.sliderlink { margin-top: 1.5rem; } .sliderwrapper ul.slider li .slider-info h1, .sliderwrapper ul.slider li .slider-info h2 { margin-bottom: 0.5em; font-size: 2em; font-weight: 700; } .sliderwrapper ul.slider li .slider-info h3, .sliderwrapper ul.slider li .slider-info h4 { margin: 0 0 0.5em; font-size: 1.375rem; font-weight: 300; } .sliderwrapper ul.slider li .slider-info p { font-size: 1.125rem; font-weight: 300; text-shadow: none; } .sliderwrapper ul.slider li .slider-info h1[style*="text-decoration"], .sliderwrapper ul.slider li .slider-info h2[style*="text-decoration"], .sliderwrapper ul.slider li .slider-info h3[style*="text-decoration"], .sliderwrapper ul.slider li .slider-info h4[style*="text-decoration"], .sliderwrapper ul.slider li .slider-info p[style*="text-decoration"] { text-decoration: none !important; } .sliderwrapper ul.slider li .slider-info a.sliderlink { opacity: 1; padding: 1em 2.375em; background-color: #ff3323; border-color: #ff3323; color: #ffffff; font-size: 1rem; font-weight: 700; line-height: 1; } .sliderwrapper ul.slider li .slider-info a.sliderlink:hover, .sliderwrapper ul.slider li .slider-info a.sliderlink:focus { border-color: #ffffff; } @media (min-width: 37.5em) { .sliderwrapper ul.slider li.flex-active-slide::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image: linear-gradient(217deg, rgba(0, 0, 0, 0) 4%, rgba(8, 8, 8, 0.1) 47%, rgba(16, 16, 16, 0.8) 95%); } } @media (min-width: 64em) { .sliderwrapper ul.slider li .slider-info { margin-top: 6.66rem; } } .slider li::after { content: ''; display: block; background-image: url('../images/redesign-image-swoosh.svg?1614761883'); background-repeat: no-repeat; background-size: 100% auto; background-position: top 40px right 5px; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; opacity: 0.3; } @media only screen and (min-width: 0) and (max-width: 37.5em) { .slider li::after { display: none; } } /* restore background on mobile to avoid massive whitespace */ /* overview list */ .contentwrapper #courseslist { margin: 0; padding: 40px 0; overflow: hidden; background: #ded6cc; } .contentwrapper #courseslist > .section { margin-bottom: 40px; } @media (max-width: 28.75em) { .contentwrapper #courseslist { padding: 0; } .contentwrapper #courseslist > .section { margin-bottom: 0; } } /* no active courses */ .contentwrapper #courseslist.overview-list--empty { /* restore original design margins */ margin: 40px 0px 50px 0px; /* remove content list styles */ padding: 0; background: transparent; } .contentwrapper #courseslist.overview-list--empty > .section { /* break out of non-empty limits */ max-width: none; padding: 3% 5%; background: rgba(255, 255, 255, 0.65); } .contentwrapper #courseslist.overview-list--empty .noresults { display: block; max-width: 1130px; margin: 0 auto; text-align: center; } .contentwrapper #courseslist .course { background-color: white; /* course type icons, default livestreams is set above */ /* no date/time on replays */ } .contentwrapper #courseslist .course .course-detail-link { color: black; /* for now all use the same icon as dev still needs to add coursetype indicator */ } .contentwrapper #courseslist .course .course-detail-link .coursepicture { background-color: rgba(255, 51, 35, 0.15); } .contentwrapper #courseslist .course .course-detail-link .coursepicture span.course-icon { width: 4.88rem; height: 4.88rem; box-shadow: 0 0 1px 1px rgba(255, 51, 35, 0.5); background-color: #000000; background-image: url('../images/edition-default/rd2020_icon-livestreams.png?1605270658'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper #courseslist .course .course-detail-link .coursepicture span.course-icon { background-image: url('../images/edition-default/rd2020_icon-livestreams-hires.png?1605270656'); background-size: 33px 24px; } } @media (min-width: 64em) { .contentwrapper #courseslist .course .course-detail-link { min-height: 25rem; } } @media (hover: none), (max-width: 28.75em) { .contentwrapper #courseslist .course .course-detail-link { /* disable image scaling on touch devices and small screens, leave opacity fade for more subtle feedback */ } .contentwrapper #courseslist .course .course-detail-link:hover .coursepicture, .contentwrapper #courseslist .course .course-detail-link:focus .coursepicture { height: 100%; background-size: cover; } } .contentwrapper #courseslist .course .course-detail-link .coursetitle { margin-bottom: 1em; font-family: "Poppins", "ProximaNova", Arial, Helvetica, sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.3; } .contentwrapper #courseslist .course.replays .course-detail-link .coursepicture span.course-icon { background-image: url('../images/edition-default/rd2020_icon-replays.png?1605270674'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper #courseslist .course.replays .course-detail-link .coursepicture span.course-icon { background-image: url('../images/edition-default/rd2020_icon-replays-hires.png?1605270673'); background-size: 32px 30px; } } .contentwrapper #courseslist .course.masterclass .course-detail-link .coursepicture span.course-icon { background-image: url('../images/edition-default/rd2020_icon-masterclass.png?1605270662'); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper #courseslist .course.masterclass .course-detail-link .coursepicture span.course-icon { background-image: url('../images/edition-default/rd2020_icon-masterclass-hires.png?1605270661'); background-size: 38px 20px; } } .contentwrapper #courseslist .course.replays .datetime { display: none; } #calendar { /* Wider title area */ } #calendar ul.slider li .slider-info { max-width: 960px; } #calendar .contentwrapper.detail { /* Remove icons above description */ } #calendar .contentwrapper.detail #courseDetailInfo { padding-top: 0; background-image: none; } #calendar .contentwrapper.detail #courseDetailBook, #calendar .contentwrapper.detail #courseDetailClock { background-image: none; } #calendar .contentwrapper.detail h2[style] { text-align: left !important; } #calendar .contentwrapper.detail #levelBlock .levelBlockTop { text-align: left; } #calendar .contentwrapper.detail #academyBlock { margin-bottom: 0; padding-bottom: 110px; background-color: #ded6cc; color: black; } #calendar .contentwrapper.detail .chefInfoBlock .docent-image { width: 50%; } #header { border-bottom-color: white; } #header-bottom #menu { background-color: #ded6cc; color: black; } #header-bottom #menu a { color: inherit; font-weight: 500; } #header-bottom #menu a:hover, #header-bottom #menu a:focus { color: #ff3323; } #header-bottom #menu .menu-content .menu-left a { color: #ff3323; } #header-bottom #menu ul ul li, #header-bottom #menu ul ul a { font-weight: normal; } #header-bottom #menu #menu2 ul li, #header-bottom #menu #menu2 a, #header-bottom #menu #menu4 ul li, #header-bottom #menu #menu4 a { font-weight: normal; } #header-bottom #login, #actions { background: #ded6cc; color: black; } #header-bottom #login a { display: block; float: left; clear: both; margin-top: 1rem; color: black; opacity: 1; } #header-bottom #login input[type="text"], #header-bottom #login input[type="password"] { background: white; color: black; } #header-bottom #login input[type="submit"], #header-bottom #login input[type="button"] { transition: all 0.2s; border-color: #ff3323; background-color: #ff3323; color: white; font-weight: 500; } #header-bottom #login input[type="submit"]:hover, #header-bottom #login input[type="submit"]:focus, #header-bottom #login input[type="button"]:hover, #header-bottom #login input[type="button"]:focus { border-color: #ff6256; background-color: #ff6256; color: white; } #actions a, #actionsbot a { color: #ff3323; } .active .btn-actions, .active .btn-actions:hover { background-color: #ded6cc; } /** -------------------------------------------------- * #page slider: full width * -------------------------------------------------- */ #general .sliderwrapper.sliderwrapperacademies { margin: 0 !important; max-width: none; padding-left: 0; padding-right: 0; /* remove the gradient overlay since we do not feature text on top of these images */ /* re-enable it on mobile */ } #general .sliderwrapper.sliderwrapperacademies li img { display: none; } #general .sliderwrapper.sliderwrapperacademies ul.slider li.flex-active-slide::before { content: none; } @media (max-width: 50em) { #general .sliderwrapper.sliderwrapperacademies ul.slider li { min-height: 320px; } } @media (max-width: 37.5em) { #general .sliderwrapper.sliderwrapperacademies ul.slider li { min-height: 240px; } } /** -------------------------------------------------- * #splashpage redesign * -------------------------------------------------- */ #location #content .localepicker a, #location.scroll #content .localepicker a { padding: 8px 45px 8px 45px; } #location #content h1, #location.scroll #content h1 { color: #000; max-width: 600px; margin: 40px auto 50px; text-shadow: none; } /** -------------------------------------------------- * #override old styled selects * -------------------------------------------------- */ .newListSelected .SSContainerDivWrapper { background: white; } .newListSelected ul.newList li a { border-bottom-color: #ff3323; color: #ff3323; } .newListSelected ul.newList li a:hover { background-color: #ff3323; color: white; } .newListSelected ul.newList li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; } .newListSelected ul.newList li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /** -------------------------------------------------- * #course type fotos * -------------------------------------------------- */ #course_types .courseType .courseTypeFotos .flex-direction-nav, #course_levels .courseType .courseTypeFotos .flex-direction-nav { background: rgba(255, 51, 35, 0.15); } #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-prev:hover, #course_types .courseType .courseTypeFotos .flex-direction-nav .flex-next:hover, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-prev:hover, #course_levels .courseType .courseTypeFotos .flex-direction-nav .flex-next:hover { background-color: #f8847c; } .subsegments { max-width: 700px; margin: auto; padding: 1rem 0; display: flex; flex-wrap: wrap; } .subsegments div { margin: 0.5rem; max-width: calc((100% / 3) - 1rem); box-sizing: border-box; padding: 0; background: #fff; } .subsegments div a img { margin: 0 !important; } .subsegments div a:last-child { padding-top: 10px; color: #000; font-size: 14px; float: left; } .subsegments div:hover a { color: #ff3323 !important; }