@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic); /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* * Preboot v2 * * Open sourced under MIT license by @mdo. * Some variables and mixins from Bootstrap (Apache 2 license). */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body { height: 100%; } #wrap { min-height: 100%; } #main { overflow: auto; padding-bottom: 42px; } /* must be same height as the footer */ #footer { position: relative; margin-top: -42px; /* negative value of footer height */ height: 42px; clear: both; } /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ .pull-left { float: left; } .pull-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } #lastRequired { display: none; } .control-group { margin-bottom: 18px; } .control-group:last-child { margin-bottom: 16px; } .control-group .control-label { display: inline-block; margin-bottom: 6px; cursor: pointer; } .control-group .controls input[type="text"], .control-group .controls input[type="email"], .control-group .controls .select, .control-group .controls textarea { margin: 0; background-color: #f3f1ef; border: 1px solid #f3f1ef; border-radius: 0; -webkit-transition: border-color 0.2s; -moz-transition: border-color 0.2s; -o-transition: border-color 0.2s; transition: border-color 0.2s; } .control-group .controls input[type="text"]:focus, .control-group .controls input[type="email"]:focus, .control-group .controls .select:focus, .control-group .controls textarea:focus, .control-group .controls input[type="text"].focus, .control-group .controls input[type="email"].focus, .control-group .controls .select.focus, .control-group .controls textarea.focus { border-color: #360e5b; } .control-group .controls input[type="text"], .control-group .controls input[type="email"], .control-group .controls .select { height: 40px; line-height: 40px; } .control-group .controls input[type="text"], .control-group .controls input[type="email"] { padding: 0 12px; } .control-group .controls .select { display: inline-block; position: relative; padding-right: 40px; background-image: url('../img/select.png'); background-position: top right; background-repeat: no-repeat; 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) { .control-group .controls .select { background-image: url("../img/select@2x.png"); background-size: 40px auto; } } .control-group .controls .select span { padding: 0 12px; } .control-group .controls .select select { width: 100%; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: menulist-button; } .control-group .controls textarea { display: block; padding: 12px; resize: vertical; } .control-group .controls .block-level { width: 100%; } ul.errors { color: #360e5b; margin-top: -12px; margin-bottom: 18px; } ul.errors li + li { margin-top: 6px; } .container { *zoom: 1; display: block; margin-left: auto; margin-right: auto; max-width: 1012px; padding-left: 16px; padding-right: 16px; } .container:before, .container:after { content: " "; display: table; line-height: 0; } .container:after { clear: both; } .row { *zoom: 1; margin-left: -8px; margin-right: -8px; } .row:before, .row:after { content: " "; display: table; line-height: 0; } .row:after { clear: both; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; padding-left: 8px; padding-right: 8px; } .col-1 { width: 8.33333333%; } .col-2 { width: 16.66666667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333333%; } .col-8 { width: 66.66666667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333333%; } .col-11 { width: 91.66666667%; } .col-12 { width: 100%; } .prepend-col-1 { margin-left: 8.33333333%; } .prepend-col-2 { margin-left: 16.66666667%; } .prepend-col-3 { margin-left: 25%; } .prepend-col-4 { margin-left: 33.33333333%; } .prepend-col-5 { margin-left: 41.66666667%; } .prepend-col-6 { margin-left: 50%; } .prepend-col-7 { margin-left: 58.33333333%; } .prepend-col-8 { margin-left: 66.66666667%; } .prepend-col-9 { margin-left: 75%; } .prepend-col-10 { margin-left: 83.33333333%; } .prepend-col-11 { margin-left: 91.66666667%; } .prepend-col-12 { margin-left: 100%; } .append-col-1 { margin-right: 8.33333333%; } .append-col-2 { margin-right: 16.66666667%; } .append-col-3 { margin-right: 25%; } .append-col-4 { margin-right: 33.33333333%; } .append-col-5 { margin-right: 41.66666667%; } .append-col-6 { margin-right: 50%; } .append-col-7 { margin-right: 58.33333333%; } .append-col-8 { margin-right: 66.66666667%; } .append-col-9 { margin-right: 75%; } .append-col-10 { margin-right: 83.33333333%; } .append-col-11 { margin-right: 91.66666667%; } .append-col-12 { margin-right: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body * { -webkit-tap-highlight-color: rgba(172, 161, 148, 0.3); } body ::-webkit-selection { background-color: rgba(172, 161, 148, 0.3); } body ::selection { background-color: rgba(172, 161, 148, 0.3); } .here a, .here strong { color: #360e5b; } input, textarea, select { outline: none; -webkit-appearance: none; } input[type="text"] { border: 0; height: 20px; } #footer { padding-top: 11px; padding-bottom: 11px; background-color: #f3f1ef; } #footer a { color: #676159; } #footer a:hover { color: #360e5b; } #footer li { float: left; } #footer li + li { margin-left: 15px; } .bg-primary { background-color: #360e5b; color: white; } .bg-primary a { color: white; } @media (max-width: 720px) { #main { padding-bottom: 0; } #footer { height: auto; margin-top: auto; } #footer li, #footer .pull-left, #footer .pull-right { float: none; clear: none; } #footer ul { margin-bottom: 15px; } #footer li + li { margin-left: 0; } } .main-header { padding-top: 23px; padding-bottom: 15px; position: relative; background-color: #f3f1ef; border-top: 4px solid #360e5b; } .main-header-inner { *zoom: 1; position: relative; } .main-header-inner:before, .main-header-inner:after { content: " "; display: table; line-height: 0; } .main-header-inner:after { clear: both; } .brand { float: left; width: 16.66666667%; padding-right: 8px; } .brand a { display: block; } .brand a img { max-width: 100%; height: auto; } .main-header-navs { *zoom: 1; clear: both; } .main-header-navs:before, .main-header-navs:after { content: " "; display: table; line-height: 0; } .main-header-navs:after { clear: both; } .main-header-navs-toggle { display: none; float: right; width: 42px; height: 38px; margin-top: 5%; background-color: #676159; border-radius: 3px; color: white; font-size: 24px; line-height: 40px; text-align: center; } .main-header-navs-toggle:after { content: '\e800'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .nav-primary { float: left; width: 83.33333333%; margin-top: -10px; padding-left: 8px; position: absolute; top: 50%; right: 0; } .nav-primary ul { *zoom: 1; text-align: justify; } .nav-primary ul:before, .nav-primary ul:after { content: " "; display: table; line-height: 0; } .nav-primary ul:after { clear: both; } .nav-primary ul:after { content: ''; display: inline-block; width: 100%; } .nav-primary li { display: inline-block; } .nav-primary a { color: #676159; white-space: nowrap; } .nav-primary a:hover { color: #360e5b; } #pnav { display: none; width: 100%; z-index: 10; position: absolute; top: 100%; left: 0; background-color: #360e5b; color: white; } #pnav *::selection { background-color: rgba(255, 255, 255, 0.3); } #pnav *::-webkit-selection { background-color: rgba(255, 255, 255, 0.3); } @media screen and (max-width: 940px) { #pnav { display: none !important; } } #pnav-menu, #pnav-submenu, #pnav-info { float: left; width: 33.33333333%; } #pnav-menu, #pnav-submenu { padding-right: 15px; } #pnav-menu a, #pnav-submenu a { color: #9b87ad; } #pnav-menu a:hover, #pnav-submenu a:hover { color: white; } #pnav-menu .here a, #pnav-submenu .here a, #pnav-menu .here a strong, #pnav-submenu .here a strong { color: white; } #pnav-submenu, #pnav-info { padding-left: 15px; border-left: 1px solid #72568c; } #pnav-inner { *zoom: 1; display: block; margin-left: auto; margin-right: auto; max-width: 1012px; padding: 11px 16px; position: relative; } #pnav-inner:before, #pnav-inner:after { content: " "; display: table; line-height: 0; } #pnav-inner:after { clear: both; } #pnav-arrow-container { width: 83.33333333%; height: 1px; margin-left: 16.66666667%; position: relative; top: -11px; } #pnav-arrow { position: absolute; left: 50%; bottom: 100%; pointer-events: none; } #pnav-arrow:after { display: block; content: ' '; border: 24px solid transparent; border-bottom-color: #360e5b; margin-left: -24px; } .nav-secondary { *zoom: 1; position: absolute; top: 0; right: 0; } .nav-secondary:before, .nav-secondary:after { content: " "; display: table; line-height: 0; } .nav-secondary:after { clear: both; } .nav-social { *zoom: 1; float: left; } .nav-social:before, .nav-social:after { content: " "; display: table; line-height: 0; } .nav-social:after { clear: both; } .nav-social li { float: left; } .nav-social li + li { margin-left: 7px; } .nav-social-twitter, .nav-social-facebook, .nav-social-youtube { display: block; color: #c2c0bd; } .nav-social-twitter:hover:after, .nav-social-facebook:hover:after, .nav-social-youtube:hover:after { color: #676159; } .nav-social-twitter:after, .nav-social-facebook:after { font-size: 205%; } .nav-social-youtube:after { font-size: 160%; } .nav-social-twitter:after { content: '\f187'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .nav-social-facebook:after { content: '\f4d0'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .nav-social-youtube:after { content: '\f167'; display: inline-block; color: inherit; font-family: "fontello-social"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .nav-search { float: left; margin-left: 10px; margin-right: 10px; } .nav-search input[type="text"] { height: 23px; margin-top: -1px; padding: 0 5px; border-radius: 3px; line-height: 23px; } .nav-language { *zoom: 1; float: left; } .nav-language:before, .nav-language:after { content: " "; display: table; line-height: 0; } .nav-language:after { clear: both; } .nav-language li { float: left; } .nav-language li + li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #c2c0bd; } .nav-language a { color: #c2c0bd; } .nav-language .here a, .nav-language a:hover { color: #676159 !important; } @media (max-width: 940px) { .nav-primary { *zoom: 1; clear: both; float: none; width: auto; margin-top: 9px; margin-bottom: 16px; margin-right: -16px; padding-left: 0; position: static; } .nav-primary:before, .nav-primary:after { content: " "; display: table; line-height: 0; } .nav-primary:after { clear: both; } .nav-primary ul:after { width: auto; } .nav-primary li { display: block; float: left; width: 33.33333333%; padding-top: 16px; } .nav-primary a { display: block; margin-right: 16px; } .nav-secondary { position: static; } .nav-social, .nav-search, .nav-language { padding-top: 16px; } .main-header-navs { display: none; } .main-header-navs-toggle { display: block; } } @media (max-width: 480px) { .nav-primary li { width: 100%; } .brand { width: 25%; } } @font-face { font-family: 'fontello'; src: url('../font/fontello.eot?30762465'); src: url('../font/fontello.eot?30762465#iefix') format('embedded-opentype'), url('../font/fontello.woff?30762465') format('woff'), url('../font/fontello.ttf?30762465') format('truetype'), url('../font/fontello.svg?30762465#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello-social'; src: url('../font/fontello-social.eot?38407975'); src: url('../font/fontello-social.eot?38407975#iefix') format('embedded-opentype'), url('../font/fontello-social.woff2?38407975') format('woff2'), url('../font/fontello-social.woff?38407975') format('woff'), url('../font/fontello-social.ttf?38407975') format('truetype'), url('../font/fontello-social.svg?38407975#fontello-social') format('svg'); font-weight: normal; font-style: normal; } * { color: inherit; font: inherit; -webkit-font-smoothing: antialiased; } body { color: #676159; font: 14px/20px 'Libre Baskerville', serif; } h2, h3, h4, h5 { font-family: 'Helvetica Neue', Arial, sans-serif; } h2, h3, h4 { font-weight: 600; } h2 { font-size: 160%; line-height: 130%; } h3 { font-size: 140%; line-height: 130%; } h4, h5 { font-size: 110%; line-height: 130%; } a { text-decoration: none; } strong, b { font-weight: bold; } em, i { font-style: italic; } blockquote { font-size: 170%; line-height: 140%; font-style: italic; } blockquote p + p { margin-top: 8px; } blockquote.marks p { quotes: '“' '”' '‘' '’'; } blockquote.marks p:first-child { text-indent: -11px; } blockquote.marks p:first-child:before { content: open-quote; } blockquote.marks p:last-child:after { content: close-quote; } blockquote + cite { margin-top: 10px; display: inline-block; } small, cite { display: inline-block; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 90%; line-height: 150%; } .title { font-family: 'Libre Baskerville', serif; font-size: 200%; font-weight: normal; line-height: 170%; } .lead { font-size: 170%; line-height: 140%; } .button { display: inline-block; height: 40px; margin: 0; padding: 0 13px; background-color: #676159; border: 0; border-radius: 0; cursor: pointer; color: #fff !important; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 110%; font-weight: 500; line-height: 40px; text-align: left; text-decoration: none !important; } .button:hover { background-color: #5e3e7c; } .nav-primary, #pnav a, .nav-secondary, .nav-breadcrumbs, .nav-sidebar, .paginate-pages, .block-well, .share-buttons, #footer, .go-backward, .go-forward, .go-down, ul.errors { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 110%; line-height: 130%; } .nav-breadcrumbs, .nav-secondary, #footer { font-size: 90%; } .nav-secondary a, .nav-breadcrumbs a, #footer a { font-weight: 500; } .nav-secondary, #footer { line-height: 20px; } .block-text h2, .block-standfirst h2, .block-feature h2, .block-break h2, .block-quote h2, .block-text h3, .block-standfirst h3, .block-feature h3, .block-break h3, .block-quote h3, .block-text h4, .block-standfirst h4, .block-feature h4, .block-break h4, .block-quote h4, .block-text h5, .block-standfirst h5, .block-feature h5, .block-break h5, .block-quote h5, .block-text p, .block-standfirst p, .block-feature p, .block-break p, .block-quote p, .block-text ul, .block-standfirst ul, .block-feature ul, .block-break ul, .block-quote ul, .block-text ol, .block-standfirst ol, .block-feature ol, .block-break ol, .block-quote ol, .block-text blockquote, .block-standfirst blockquote, .block-feature blockquote, .block-break blockquote, .block-quote blockquote, .block-text .title, .block-standfirst .title, .block-feature .title, .block-break .title, .block-quote .title, .block-text .lead, .block-standfirst .lead, .block-feature .lead, .block-break .lead, .block-quote .lead, .block-text .button, .block-standfirst .button, .block-feature .button, .block-break .button, .block-quote .button, .block-text .block-2-column, .block-standfirst .block-2-column, .block-feature .block-2-column, .block-break .block-2-column, .block-quote .block-2-column { margin-top: 12px; } .block-text ul, .block-standfirst ul, .block-feature ul, .block-break ul, .block-quote ul { list-style: disc; } .block-text ol, .block-standfirst ol, .block-feature ol, .block-break ol, .block-quote ol { list-style: decimal; } .block-text li + li, .block-standfirst li + li, .block-feature li + li, .block-break li + li, .block-quote li + li { margin-top: 4px; } .block-text li, .block-standfirst li, .block-feature li, .block-break li, .block-quote li { margin-left: 18px; } .block-text a, .block-standfirst a, .block-feature a, .block-break a, .block-quote a { text-decoration: underline; } .block-text h4 + h5, .block-standfirst h4 + h5, .block-feature h4 + h5, .block-break h4 + h5, .block-quote h4 + h5 { margin-top: 0; } .block-text :first-child, .block-standfirst :first-child, .block-feature :first-child, .block-break :first-child, .block-quote :first-child { margin-top: 0; } .block-text a:hover, .block-quote cite a:hover, .block-search-result small a:hover { color: #282623; } .fr blockquote.marks p { quotes: '« ' ' »' '‹' '›'; } .fr blockquote.marks p:first-child { text-indent: -14px; } .lt-ie9 blockquote.marks p { text-indent: -0.4em; } .lt-ie9 blockquote.marks p:before { content: open-quote; } .lt-ie9 blockquote.marks p:after { content: close-quote; } @media (max-width: 480px) { .title { font-size: 180%; line-height: 150%; } .lead { font-size: 120%; line-height: 140%; } } .nav-breadcrumbs { margin-bottom: 16px; background: #360e5b url('../img/breadcrumb/background.png') center center; } .nav-breadcrumbs ol { *zoom: 1; display: block; margin-left: auto; margin-right: auto; width: 980px; } .nav-breadcrumbs ol:before, .nav-breadcrumbs ol:after { content: " "; display: table; line-height: 0; } .nav-breadcrumbs ol:after { clear: both; } .nav-breadcrumbs li { float: left; background-position: right center; background-repeat: no-repeat; } .nav-breadcrumbs a { display: block; padding-left: 15px; padding-right: 30px; color: white; line-height: 30px; } .nav-breadcrumbs.L0 { height: 4px; overflow: hidden; } .nav-breadcrumbs.L0 ol { display: none; } .nav-breadcrumbs .B1 a { padding-left: 0; background: url('../img/breadcrumb/arrow-first.png') right center; } .nav-breadcrumbs li:last-child a { background-image: none; } @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) { .nav-breadcrumbs .B1 a { background-size: auto 30px; } .nav-breadcrumbs .B2, .nav-breadcrumbs .B3 { background-size: 15px auto; } } .nav-sidebar { margin-bottom: 16px; padding: 11px 15px; background-color: #f3f1ef; } .nav-sidebar li + li { margin-top: 4px; } .nav-sidebar ul ul li + li { margin-top: 0; } .nav-sidebar ul + ul { margin-top: 12px; } @media (max-width: 1012px) { .nav-breadcrumbs ol { width: auto; } } @media (max-width: 1012px) { .nav-breadcrumbs { padding-left: 16px; padding-right: 16px; } } @media (min-width: 720px) and (max-width: 1012px) { .nav-sidebar ul ul li + li, .nav-sidebar ul ul { margin-top: 4px; } } @media (max-width: 940px) { .nav-breadcrumbs { height: 4px; overflow: hidden; background-image: none; } .nav-breadcrumbs ol { display: none; } } .go-forward, .go-backward, .go-down { display: inline-block; cursor: pointer; text-decoration: none !important; white-space: nowrap; background-color: transparent; } .go-forward:after { margin-left: 4px; font-size: 95%; content: '\f7d9'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .go-backward:before { margin-right: 4px; font-size: 95%; content: '\f7d8'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } .go-down:after { margin-left: 4px; font-size: 95%; content: '\f7d7'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; } input[type="submit"].go-forward, button.go-forward, input[type="submit"].go-backward, button.go-backward, input[type="submit"].go-down, button.go-down { display: inline-block; margin: 0; border: 0; color: inherit; } input[type="submit"].go-forward, button.go-forward { padding-top: 0; padding-bottom: 0; padding-left: 0; } input[type="submit"].go-backward, button.go-backward { padding-top: 0; padding-bottom: 0; padding-right: 0; } .share-buttons { *zoom: 1; padding-left: 0 !important; } .share-buttons:before, .share-buttons:after { content: " "; display: table; line-height: 0; } .share-buttons:after { clear: both; } .share-buttons li { float: left; margin: 0; list-style: none; } .share-buttons li + li { margin: 0 0 0 20px; } .share-buttons a { display: inline-block; background-size: auto 20px; background-position: right center; background-repeat: no-repeat; text-decoration: none; } .share-buttons .share-twitter { padding-right: 18px; } .share-buttons .share-twitter:after { margin-left: 5px; font-size: 125%; content: '\f187'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; position: relative; top: 1px; } .share-buttons .share-facebook { padding-right: 17px; } .share-buttons .share-facebook:after { margin-left: 5px; font-size: 125%; content: '\f4d0'; display: inline-block; color: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; position: relative; top: 1px; } .block-hero .slide .caption, .block-extract .caption { *zoom: 1; width: 100%; padding: 11px 15px; position: absolute; left: 0; bottom: 0; background-color: #f3f1ef; background-color: rgba(255, 255, 255, 0.8); } .block-hero .slide .caption:before, .block-extract .caption:before, .block-hero .slide .caption:after, .block-extract .caption:after { content: " "; display: table; line-height: 0; } .block-hero .slide .caption:after, .block-extract .caption:after { clear: both; } .block-hero .slide a.caption:hover { background-color: rgba(255, 255, 255, 0.9); } .block-hero, .block-standfirst, .block-extract, .block-square, .block-text, .block-well, .block-feature, .block-image, .block-map { display: block; margin-bottom: 16px; } .block-extract p, .block-square p { color: #676159; } .block-article, .block-pagination, .block-resource { margin-bottom: 22px; padding-top: 11px; border-top: 1px solid #d6d0ca; } .block-hero img, .block-extract img, .block-article img, .block-image img, .block-gallery-thumb img { display: block; max-width: 100%; height: auto; } .lt-ie9 .block-hero img, .lt-ie9 .block-extract img, .lt-ie9 .block-article img, .lt-ie9 .block-image img, .lt-ie9 .block-gallery-thumb img { width: 100% !important; height: auto !important; } .block-hero { position: relative; padding-top: 56.25%; overflow: hidden; } .block-hero .slide .go-forward, .block-hero .slide .go-backward { margin-right: 4px; margin-top: 13px; font-size: 125%; } .block-hero .slide .go-forward:after, .block-hero .slide .go-backward:after { margin-left: 6px; } .block-hero .video-slide { position: relative; padding-top: 56.25%; } .block-hero .video-slide iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .block-hero .block-image { margin-bottom: 0; } .block-hero-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .swipe { overflow: hidden; position: relative; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float: left; width: 100%; position: relative; } .nav-dots { position: absolute; bottom: 18px; right: 18px; z-index: 100; } .nav-dots a { width: 15px; height: 15px; border-radius: 8px; float: left; margin-left: 8px; background-color: white; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #676159; } .nav-dots a:hover { background-color: white; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } .nav-dots a.here { border-color: white; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.994); box-shadow: 0 0 1px rgba(255, 255, 255, 0.994); } .nav-dots.has-captions { bottom: 81px; } @media (max-width: 480px) { .nav-dots { display: none; } } .block-standfirst { padding: 11px 15px 17px; background-color: #f3f1ef; } .block-2-column { *zoom: 1; } .block-2-column:before, .block-2-column:after { content: " "; display: table; line-height: 0; } .block-2-column:after { clear: both; } .block-2-column .column-1, .block-2-column .column-2 { width: 50%; float: left; } .block-2-column .column-1 { padding-right: 15px; border-right: 1px solid #d6d0ca; } .block-2-column .column-2 { padding-left: 15px; } .block-2-column.column-2-line .column-1 { border-right: 0; } .block-2-column.column-2-line .column-2 { border-left: 1px solid #d6d0ca; } .block-extract { position: relative; } a.block-extract:hover .caption { background-color: rgba(255, 255, 255, 0.9); } .block-square { padding-top: 100%; position: relative; } .block-square .block-square-inner { width: 100%; height: 100%; padding: 11px 15px; position: absolute; top: 0; left: 0; background-color: #f3f1ef; } .block-well { padding: 11px 15px; background-color: #f3f1ef; } .block-feature { padding: 11px 15px 17px; background-color: #f3f1ef; } .block-feature > :first-child { margin-top: 4px; border-top: 8px solid #676159; } .block-feature > h3:first-child, .block-feature > h4:first-child, .block-feature > h5:first-child { padding-top: 4px; } .block-feature > p:first-child, .block-feature > ul:first-child, .block-feature > ol:first-child { padding-top: 8px; } .block-image.transforming { position: relative; } .block-image.transforming img { max-height: 100%; position: absolute; top: 0; left: 0; } .block-article { *zoom: 1; } .block-article:before, .block-article:after { content: " "; display: table; line-height: 0; } .block-article:after { clear: both; } .block-article h3 { margin-bottom: 0; } .block-article h3, .block-article .article-date { color: #360e5b; } .block-article .article-left { float: left; width: 66.66666667%; padding-right: 8px; } .block-article .article-right { float: right; width: 33.33333333%; padding-left: 8px; } .block-article .article-extract { margin-top: 6px; margin-bottom: 12px; } .block-pagination { clear: both; *zoom: 1; } .block-pagination:before, .block-pagination:after { content: " "; display: table; line-height: 0; } .block-pagination:after { clear: both; } .block-pagination .paginate-prev, .block-pagination .paginate-pages, .block-pagination .paginate-next { float: left; } .block-pagination .paginate-prev, .block-pagination .paginate-next { width: 20%; min-height: 1px; } .block-pagination .paginate-next { text-align: right; } .block-pagination .paginate-pages { width: 60%; text-align: center; } .block-pagination .paginate-pages a { display: inline-block; margin: 0 4px; } .block-pagination .paginate-pages .current a, .block-pagination .paginate-pages .current strong { color: #360e5b; } .block-video { margin-bottom: 16px; padding-top: 56.25%; position: relative; } .block-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .block-resource { *zoom: 1; } .block-resource:before, .block-resource:after { content: " "; display: table; line-height: 0; } .block-resource:after { clear: both; } .block-resource .resource-details, .block-resource .resource-description, .block-resource .resource-image { float: left; } .block-resource .resource-details, .block-resource .resource-description { padding-right: 8px; } .block-resource .resource-description, .block-resource .resource-image-inner { padding-left: 8px; } .block-resource .resource-details { width: 33.33333333%; } .block-resource .resource-description { width: 50%; } .block-resource .resource-details h4 { margin-bottom: 2px; color: #360e5b; } .block-resource .resource-actions { margin-top: 2em; } .block-resource .resource-actions a:first-child { margin-bottom: 2px; } .block-resource .resource-image { width: 16.66666667%; } .block-resource .resource-image img { max-width: 100%; } .block-gallery { *zoom: 1; display: block; margin-left: auto; margin-right: auto; max-width: 1012px; padding-left: 8px; padding-right: 8px; } .block-gallery:before, .block-gallery:after { content: " "; display: table; line-height: 0; } .block-gallery:after { clear: both; } .block-gallery-thumb { float: left; padding-left: 8px; padding-right: 8px; width: 16.66666667%; display: block; margin-bottom: 16px; position: relative; opacity: 0.66; filter: alpha(opacity=66); } .block-gallery-thumb:hover, .block-gallery-thumb.here { opacity: 1; filter: alpha(opacity=100); } .block-gallery-thumb.here:after { content: ''; width: 0; height: 0; margin-left: -16px; position: absolute; left: 50%; bottom: -16px; border: solid transparent; border-width: 16px; border-bottom-color: #f3f1ef; } .block-gallery-viewer { clear: both; max-height: 0; margin-bottom: 16px; position: relative; overflow: hidden; background-color: #f3f1ef; } .block-gallery-viewer img { margin-left: auto; margin-right: auto; display: block; max-width: 100%; width: auto; height: auto; margin-top: 15px; margin-bottom: 15px; } .block-gallery-viewer p { margin-top: 15px; margin-bottom: 15px; line-height: 20px; } .block-search-result { margin-bottom: 16px; padding-top: 6px; border-top: 1px solid #d6d0ca; } .block-quote { margin-bottom: 48px; } .block-hero + .block-quote, .block-standfirst + .block-quote, .block-extract + .block-quote, .block-square + .block-quote, .block-text + .block-quote, .block-well + .block-quote, .block-feature + .block-quote, .block-image + .block-quote, .block-map + .block-quote { margin-top: 48px; } .block-break { *zoom: 1; } .block-break:before, .block-break:after { content: " "; display: table; line-height: 0; } .block-break:after { clear: both; } .block-break.divider-line { padding-top: 16px; border-top: 1px solid #d6d0ca; } .block-map { position: relative; padding-top: 75%; background-color: #b2d5ff; } .block-map .block-map-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } a, button { -webkit-transition: color 0.15s; -moz-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .button, .nav-dots a, a.block-extract .caption, a.block-square .block-square-inner, a.caption { -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .block-gallery-thumb { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } @media (max-width: 940px) { .block-hero .slide .caption { padding-left: 0; padding-right: 0; padding-bottom: 0; position: static; } } @media (max-width: 720px) { .block-hero .slide .caption .pull-left, .block-hero .slide .caption .pull-right { float: none; } .block-hero .slide .caption .go-forward, .block-hero .slide .caption .go-backward { margin-top: auto; } .block-pagination .pagination-pages { display: none; } } @media (max-width: 720px) { .block-2-column .column-1, .block-2-column .column-2 { width: 100%; float: none; padding-left: 0 !important; padding-right: 0 !important; border-left: 0 !important; border-right: 0 !important; } .block-2-column .column-1 { margin-bottom: 0.5em; } } @media (max-width: 480px) { .block-pagination .paginate-prev, .block-pagination .paginate-next { width: 50%; } .block-pagination .paginate-pages { display: none; } } body .title { color: #360e5b; } body .nav-sidebar a:hover { color: #360e5b; } body .go-forward, body .go-backward, body .go-down { color: #360e5b; } body .block-standfirst, body .block-feature, body .block-extract h4, body .block-extract .go-forward, body .block-extract .go-backward, body .block-square h4, body .block-square .go-forward, body .block-square .go-backward, body .block-square-inner, body blockquote p, body .block-search-result h4 { color: #360e5b; } body .block-text h3, body .block-break h3, body .block-article h3, body .block-text h4, body .block-break h4, body .block-article h4, body .block-text h5, body .block-break h5, body .block-article h5 { color: #360e5b; } body .block-feature > :first-child { border-top-color: #360e5b; } body .block-standfirst .block-2-column .column-1 { border-right-color: #af9fbd; } body .block-standfirst .block-2-column.column-2-line .column-2 { border-left-color: #af9fbd; } body .block-standfirst, body .block-square-inner, body .block-feature { background-color: #e1dbe6; } body a.block-square:hover .block-square-inner { background-color: #cdc3d6; } body .block-quote blockquote a:hover, body .block-standfirst a:hover, body .block-feature a:hover { color: #72568c; } body .block-resource a:hover, body .block-search-result h4 a:hover, body .block-pagination a:hover { color: #684a84; } body .button { background-color: #360e5b; } body .button:hover { background-color: #5e3e7c; } body .nav-dots a { border-color: #360e5b; -webkit-box-shadow: 0 0 1px rgba(54, 14, 91, 0.996); box-shadow: 0 0 1px rgba(54, 14, 91, 0.996); } body .nav-dots a.here { border-color: white; background-color: #360e5b; } body * { -webkit-tap-highlight-color: rgba(54, 14, 91, 0.3); } body ::-webkit-selection { background-color: rgba(54, 14, 91, 0.3); } body ::selection { background-color: rgba(54, 14, 91, 0.3); } body a.block-square:hover .block-square-inner { background-color: #eeebe8; } body .nav-breadcrumbs.L2 { background-color: #72568c; } body .nav-breadcrumbs.L2 ol { background-color: #72568c; } body .nav-breadcrumbs.L2 .B1, body .nav-breadcrumbs.L2 .B2 { background-color: #72568c; } body .nav-breadcrumbs.L3 { background-color: #947fa8; } body .nav-breadcrumbs.L3 ol { background-color: #947fa8; } body .nav-breadcrumbs.L3 .B1, body .nav-breadcrumbs.L3 .B2 { background-color: #72568c; } body .nav-breadcrumbs.L3 .B2 { background-image: url("../img/breadcrumb/arrow-72568c-947fa8.png"); } body .nav-breadcrumbs.L3 .B3 { background-color: #947fa8; } body .nav-breadcrumbs.L4 { background-color: #af9fbd; } body .nav-breadcrumbs.L4 ol { background-color: #af9fbd; } body .nav-breadcrumbs.L4 .B1, body .nav-breadcrumbs.L4 .B2 { background-color: #72568c; } body .nav-breadcrumbs.L4 .B2 { background-image: url("../img/breadcrumb/arrow-72568c-947fa8.png"); } body .nav-breadcrumbs.L4 .B3 { background-color: #947fa8; background-image: url("../img/breadcrumb/arrow-947fa8-af9fbd.png"); } body .nav-breadcrumbs.L4 .B4 { background-color: #af9fbd; } .init-1 .title { color: #b88c73; } .init-1 .nav-sidebar a:hover { color: #b88c73; } .init-1 .go-forward, .init-1 .go-backward, .init-1 .go-down { color: #b88c73; } .init-1 .block-standfirst, .init-1 .block-feature, .init-1 .block-extract h4, .init-1 .block-extract .go-forward, .init-1 .block-extract .go-backward, .init-1 .block-square h4, .init-1 .block-square .go-forward, .init-1 .block-square .go-backward, .init-1 .block-square-inner, .init-1 blockquote p, .init-1 .block-search-result h4 { color: #b88c73; } .init-1 .block-text h3, .init-1 .block-break h3, .init-1 .block-article h3, .init-1 .block-text h4, .init-1 .block-break h4, .init-1 .block-article h4, .init-1 .block-text h5, .init-1 .block-break h5, .init-1 .block-article h5 { color: #b88c73; } .init-1 .block-feature > :first-child { border-top-color: #b88c73; } .init-1 .block-standfirst .block-2-column .column-1 { border-right-color: #e3d1c7; } .init-1 .block-standfirst .block-2-column.column-2-line .column-2 { border-left-color: #e3d1c7; } .init-1 .block-standfirst, .init-1 .block-square-inner, .init-1 .block-feature { background-color: #f4eeea; } .init-1 a.block-square:hover .block-square-inner { background-color: #ede2dc; } .init-1 .block-quote blockquote a:hover, .init-1 .block-standfirst a:hover, .init-1 .block-feature a:hover { color: #cdaf9d; } .init-1 .block-resource a:hover, .init-1 .block-search-result h4 a:hover, .init-1 .block-pagination a:hover { color: #caa996; } .init-1 .button { background-color: #b88c73; } .init-1 .button:hover { background-color: #c6a38f; } .init-1 .nav-dots a { border-color: #b88c73; -webkit-box-shadow: 0 0 1px rgba(184, 140, 115, 0.996); box-shadow: 0 0 1px rgba(184, 140, 115, 0.996); } .init-1 .nav-dots a.here { border-color: white; background-color: #b88c73; } .init-1 * { -webkit-tap-highlight-color: rgba(184, 140, 115, 0.3); } .init-1 ::-webkit-selection { background-color: rgba(184, 140, 115, 0.3); } .init-1 ::selection { background-color: rgba(184, 140, 115, 0.3); } .init-1 .nav-breadcrumbs.L2 { background-color: #b88c73; } .init-1 .nav-breadcrumbs.L2 ol { background-color: #b88c73; } .init-1 .nav-breadcrumbs.L2 .B1, .init-1 .nav-breadcrumbs.L2 .B2 { background-color: #b88c73; } .init-1 .nav-breadcrumbs.L3 { background-color: #c8a693; } .init-1 .nav-breadcrumbs.L3 ol { background-color: #c8a693; } .init-1 .nav-breadcrumbs.L3 .B1, .init-1 .nav-breadcrumbs.L3 .B2 { background-color: #b88c73; } .init-1 .nav-breadcrumbs.L3 .B2 { background-image: url("../img/breadcrumb/arrow-b88c73-c8a693.png"); } .init-1 .nav-breadcrumbs.L3 .B3 { background-color: #c8a693; } .init-1 .nav-breadcrumbs.L4 { background-color: #d7bdaf; } .init-1 .nav-breadcrumbs.L4 ol { background-color: #d7bdaf; } .init-1 .nav-breadcrumbs.L4 .B1, .init-1 .nav-breadcrumbs.L4 .B2 { background-color: #b88c73; } .init-1 .nav-breadcrumbs.L4 .B2 { background-image: url("../img/breadcrumb/arrow-b88c73-c8a693.png"); } .init-1 .nav-breadcrumbs.L4 .B3 { background-color: #c8a693; background-image: url("../img/breadcrumb/arrow-c8a693-d7bdaf.png"); } .init-1 .nav-breadcrumbs.L4 .B4 { background-color: #d7bdaf; } .init-2 .title { color: #cd75af; } .init-2 .nav-sidebar a:hover { color: #cd75af; } .init-2 .go-forward, .init-2 .go-backward, .init-2 .go-down { color: #cd75af; } .init-2 .block-standfirst, .init-2 .block-feature, .init-2 .block-extract h4, .init-2 .block-extract .go-forward, .init-2 .block-extract .go-backward, .init-2 .block-square h4, .init-2 .block-square .go-forward, .init-2 .block-square .go-backward, .init-2 .block-square-inner, .init-2 blockquote p, .init-2 .block-search-result h4 { color: #cd75af; } .init-2 .block-text h3, .init-2 .block-break h3, .init-2 .block-article h3, .init-2 .block-text h4, .init-2 .block-break h4, .init-2 .block-article h4, .init-2 .block-text h5, .init-2 .block-break h5, .init-2 .block-article h5 { color: #cd75af; } .init-2 .block-feature > :first-child { border-top-color: #cd75af; } .init-2 .block-standfirst .block-2-column .column-1 { border-right-color: #ebc8df; } .init-2 .block-standfirst .block-2-column.column-2-line .column-2 { border-left-color: #ebc8df; } .init-2 .block-standfirst, .init-2 .block-square-inner, .init-2 .block-feature { background-color: #f8eaf3; } .init-2 a.block-square:hover .block-square-inner { background-color: #f3ddeb; } .init-2 .block-quote blockquote a:hover, .init-2 .block-standfirst a:hover, .init-2 .block-feature a:hover { color: #dc9ec7; } .init-2 .block-resource a:hover, .init-2 .block-search-result h4 a:hover, .init-2 .block-pagination a:hover { color: #da98c3; } .init-2 .button { background-color: #cd75af; } .init-2 .button:hover { background-color: #d791bf; } .init-2 .nav-dots a { border-color: #cd75af; -webkit-box-shadow: 0 0 1px rgba(205, 117, 175, 0.996); box-shadow: 0 0 1px rgba(205, 117, 175, 0.996); } .init-2 .nav-dots a.here { border-color: white; background-color: #cd75af; } .init-2 * { -webkit-tap-highlight-color: rgba(205, 117, 175, 0.3); } .init-2 ::-webkit-selection { background-color: rgba(205, 117, 175, 0.3); } .init-2 ::selection { background-color: rgba(205, 117, 175, 0.3); } .init-2 .nav-breadcrumbs.L2 { background-color: #cd75af; } .init-2 .nav-breadcrumbs.L2 ol { background-color: #cd75af; } .init-2 .nav-breadcrumbs.L2 .B1, .init-2 .nav-breadcrumbs.L2 .B2 { background-color: #cd75af; } .init-2 .nav-breadcrumbs.L3 { background-color: #d995c1; } .init-2 .nav-breadcrumbs.L3 ol { background-color: #d995c1; } .init-2 .nav-breadcrumbs.L3 .B1, .init-2 .nav-breadcrumbs.L3 .B2 { background-color: #cd75af; } .init-2 .nav-breadcrumbs.L3 .B2 { background-image: url("../img/breadcrumb/arrow-cd75af-d995c1.png"); } .init-2 .nav-breadcrumbs.L3 .B3 { background-color: #d995c1; } .init-2 .nav-breadcrumbs.L4 { background-color: #e3b0d1; } .init-2 .nav-breadcrumbs.L4 ol { background-color: #e3b0d1; } .init-2 .nav-breadcrumbs.L4 .B1, .init-2 .nav-breadcrumbs.L4 .B2 { background-color: #cd75af; } .init-2 .nav-breadcrumbs.L4 .B2 { background-image: url("../img/breadcrumb/arrow-cd75af-d995c1.png"); } .init-2 .nav-breadcrumbs.L4 .B3 { background-color: #d995c1; background-image: url("../img/breadcrumb/arrow-d995c1-e3b0d1.png"); } .init-2 .nav-breadcrumbs.L4 .B4 { background-color: #e3b0d1; } .init-3 .title { color: #1dafa8; } .init-3 .nav-sidebar a:hover { color: #1dafa8; } .init-3 .go-forward, .init-3 .go-backward, .init-3 .go-down { color: #1dafa8; } .init-3 .block-standfirst, .init-3 .block-feature, .init-3 .block-extract h4, .init-3 .block-extract .go-forward, .init-3 .block-extract .go-backward, .init-3 .block-square h4, .init-3 .block-square .go-forward, .init-3 .block-square .go-backward, .init-3 .block-square-inner, .init-3 blockquote p, .init-3 .block-search-result h4 { color: #1dafa8; } .init-3 .block-text h3, .init-3 .block-break h3, .init-3 .block-article h3, .init-3 .block-text h4, .init-3 .block-break h4, .init-3 .block-article h4, .init-3 .block-text h5, .init-3 .block-break h5, .init-3 .block-article h5 { color: #1dafa8; } .init-3 .block-feature > :first-child { border-top-color: #1dafa8; } .init-3 .block-standfirst .block-2-column .column-1 { border-right-color: #a5dfdc; } .init-3 .block-standfirst .block-2-column.column-2-line .column-2 { border-left-color: #a5dfdc; } .init-3 .block-standfirst, .init-3 .block-square-inner, .init-3 .block-feature { background-color: #ddf3f2; } .init-3 a.block-square:hover .block-square-inner { background-color: #c7ebe9; } .init-3 .block-quote blockquote a:hover, .init-3 .block-standfirst a:hover, .init-3 .block-feature a:hover { color: #61c7c2; } .init-3 .block-resource a:hover, .init-3 .block-search-result h4 a:hover, .init-3 .block-pagination a:hover { color: #56c3be; } .init-3 .button { background-color: #1dafa8; } .init-3 .button:hover { background-color: #4abfb9; } .init-3 .nav-dots a { border-color: #1dafa8; -webkit-box-shadow: 0 0 1px rgba(29, 175, 168, 0.996); box-shadow: 0 0 1px rgba(29, 175, 168, 0.996); } .init-3 .nav-dots a.here { border-color: white; background-color: #1dafa8; } .init-3 * { -webkit-tap-highlight-color: rgba(29, 175, 168, 0.3); } .init-3 ::-webkit-selection { background-color: rgba(29, 175, 168, 0.3); } .init-3 ::selection { background-color: rgba(29, 175, 168, 0.3); } .init-3 .nav-breadcrumbs.L2 { background-color: #1dafa8; } .init-3 .nav-breadcrumbs.L2 ol { background-color: #1dafa8; } .init-3 .nav-breadcrumbs.L2 .B1, .init-3 .nav-breadcrumbs.L2 .B2 { background-color: #1dafa8; } .init-3 .nav-breadcrumbs.L3 { background-color: #56c3be; } .init-3 .nav-breadcrumbs.L3 ol { background-color: #56c3be; } .init-3 .nav-breadcrumbs.L3 .B1, .init-3 .nav-breadcrumbs.L3 .B2 { background-color: #1dafa8; } .init-3 .nav-breadcrumbs.L3 .B2 { background-image: url("../img/breadcrumb/arrow-1dafa8-56c3be.png"); } .init-3 .nav-breadcrumbs.L3 .B3 { background-color: #56c3be; } .init-3 .nav-breadcrumbs.L4 { background-color: #87d5d1; } .init-3 .nav-breadcrumbs.L4 ol { background-color: #87d5d1; } .init-3 .nav-breadcrumbs.L4 .B1, .init-3 .nav-breadcrumbs.L4 .B2 { background-color: #1dafa8; } .init-3 .nav-breadcrumbs.L4 .B2 { background-image: url("../img/breadcrumb/arrow-1dafa8-56c3be.png"); } .init-3 .nav-breadcrumbs.L4 .B3 { background-color: #56c3be; background-image: url("../img/breadcrumb/arrow-56c3be-87d5d1.png"); } .init-3 .nav-breadcrumbs.L4 .B4 { background-color: #87d5d1; } .init-1-block.block-standfirst, .init-1-block.block-extract h4, .init-1-block.block-extract .go-forward, .init-1-block.block-extract .go-backward, .init-1-block.block-square h4, .init-1-block.block-square .go-forward, .init-1-block.block-square .go-backward, .init-1-block.block-square .block-square-inner { color: #b88c73; } .init-1-block.block-standfirst, .init-1-block.block-square .block-square-inner { background-color: #f4eeea; } .init-1-block.block-square:hover .block-square-inner { background-color: #ede2dc; } .init-1-block.block-extract, .init-1-block.block-square { -webkit-tap-highlight-color: rgba(184, 140, 115, 0.3) !important; } .init-2-block.block-standfirst, .init-2-block.block-extract h4, .init-2-block.block-extract .go-forward, .init-2-block.block-extract .go-backward, .init-2-block.block-square h4, .init-2-block.block-square .go-forward, .init-2-block.block-square .go-backward, .init-2-block.block-square .block-square-inner { color: #cd75af; } .init-2-block.block-standfirst, .init-2-block.block-square .block-square-inner { background-color: #f8eaf3; } .init-2-block.block-square:hover .block-square-inner { background-color: #f3ddeb; } .init-2-block.block-extract, .init-2-block.block-square { -webkit-tap-highlight-color: rgba(205, 117, 175, 0.3) !important; } .init-3-block.block-standfirst, .init-3-block.block-extract h4, .init-3-block.block-extract .go-forward, .init-3-block.block-extract .go-backward, .init-3-block.block-square h4, .init-3-block.block-square .go-forward, .init-3-block.block-square .go-backward, .init-3-block.block-square .block-square-inner { color: #1dafa8; } .init-3-block.block-standfirst, .init-3-block.block-square .block-square-inner { background-color: #ddf3f2; } .init-3-block.block-square:hover .block-square-inner { background-color: #c7ebe9; } .init-3-block.block-extract, .init-3-block.block-square { -webkit-tap-highlight-color: rgba(29, 175, 168, 0.3) !important; } .init-4-block.block-standfirst, .init-4-block.block-extract h4, .init-4-block.block-extract .go-forward, .init-4-block.block-extract .go-backward, .init-4-block.block-square h4, .init-4-block.block-square .go-forward, .init-4-block.block-square .go-backward, .init-4-block.block-square .block-square-inner { color: #360e5b; } .init-4-block.block-standfirst, .init-4-block.block-square .block-square-inner { background-color: #e1dbe6; } .init-4-block.block-square:hover .block-square-inner { background-color: #cdc3d6; } .init-4-block.block-extract, .init-4-block.block-square { -webkit-tap-highlight-color: rgba(54, 14, 91, 0.3) !important; } /* deb Ron new palette black-rose */ .init-5 .title { color: #cd75af; } .init-5 .nav-sidebar a:hover { color: #cd75af; } .init-5 .go-forward, .init-5 .go-backward, .init-5 .go-down { color: #cd75af; } .init-5 .block-standfirst, .init-5 .block-feature, .init-5 .block-extract h4, .init-5 .block-extract .go-forward, .init-5 .block-extract .go-backward, .init-5 .block-square h4, .init-5 .block-square .go-forward, .init-5 .block-square .go-backward, .init-5 .block-square-inner, .init-5 blockquote p, .init-5 .block-search-result h4 { color: #cd75af; } .init-5 .block-standfirst{ color: #000000; } .init-5 .block-text h3, .init-5 .block-break h3, .init-5 .block-article h3, .init-5 .block-text h4, .init-5 .block-break h4, .init-5 .block-article h4, .init-5 .block-text h5, .init-5 .block-break h5, .init-5 .block-article h5 { color: #cd75af; } .init-5 .block-feature > :first-child { border-top-color: #cd75af; } .init-5 .block-standfirst .block-2-column .column-1 { border-right-color: #ebc8df; } .init-5 .block-standfirst .block-2-column.column-2-line .column-2 { border-left-color: #ebc8df; } .init-5 .block-standfirst, .init-5 .block-square-inner, .init-5 .block-feature { background-color: #f8eaf3; } /* modif */ .init-5 .block-standfirst{ background-color: #ffffff; } .init-5 a.block-square:hover .block-square-inner { background-color: #f3ddeb; } .init-5 .block-quote blockquote a:hover, .init-5 .block-standfirst a:hover, .init-5 .block-feature a:hover { color: #dc9ec7; } .init-5 .block-resource a:hover, .init-5 .block-search-result h4 a:hover, .init-5 .block-pagination a:hover { color: #da98c3; } .init-5 .button { background-color: #cd75af; } .init-5 .button:hover { background-color: #d791bf; } .init-5 .nav-dots a { border-color: #cd75af; -webkit-box-shadow: 0 0 1px rgba(205, 117, 175, 0.996); box-shadow: 0 0 1px rgba(205, 117, 175, 0.996); } .init-5 .nav-dots a.here { border-color: white; background-color: #cd75af; } .init-5 * { -webkit-tap-highlight-color: rgba(205, 117, 175, 0.3); } .init-5 ::-webkit-selection { background-color: rgba(205, 117, 175, 0.3); } .init-5 ::selection { background-color: rgba(205, 117, 175, 0.3); } .init-5 .nav-breadcrumbs.L2 { background-color: #cd75af; } .init-5 .nav-breadcrumbs.L2 ol { background-color: #cd75af; } .init-5 .nav-breadcrumbs.L2 .B1, .init-5 .nav-breadcrumbs.L2 .B2 { background-color: #cd75af; } .init-5 .nav-breadcrumbs.L3 { background-color: #d995c1; } .init-5 .nav-breadcrumbs.L3 ol { background-color: #d995c1; } .init-5 .nav-breadcrumbs.L3 .B1, .init-5 .nav-breadcrumbs.L3 .B2 { background-color: #cd75af; } .init-5 .nav-breadcrumbs.L3 .B2 { background-image: url("../img/breadcrumb/arrow-cd75af-d995c1.png"); } .init-5 .nav-breadcrumbs.L3 .B3 { background-color: #d995c1; } .init-5 .nav-breadcrumbs.L4 { background-color: #e3b0d1; } .init-5 .nav-breadcrumbs.L4 ol { background-color: #e3b0d1; } .init-5 .nav-breadcrumbs.L4 .B1, .init-5 .nav-breadcrumbs.L4 .B2 { background-color: #cd75af; } .init-5 .nav-breadcrumbs.L4 .B2 { background-image: url("../img/breadcrumb/arrow-cd75af-d995c1.png"); } .init-5 .nav-breadcrumbs.L4 .B3 { background-color: #d995c1; background-image: url("../img/breadcrumb/arrow-d995c1-e3b0d1.png"); } .init-5 .nav-breadcrumbs.L4 .B4 { background-color: #e3b0d1; } .init-5-block.block-standfirst, .init-5-block.block-extract h4, .init-5-block.block-extract .go-forward, .init-5-block.block-extract .go-backward, .init-5-block.block-square h4, .init-5-block.block-square .go-forward, .init-5-block.block-square .go-backward, .init-5-block.block-square .block-square-inner { color: #cd75af; } .init-5-block.block-standfirst, .init-5-block.block-square .block-square-inner { background-color: #f8eaf3; } .init-5-block.block-square:hover .block-square-inner { background-color: #f3ddeb; } .init-5-block.block-extract, .init-5-block.block-square { -webkit-tap-highlight-color: rgba(205, 117, 175, 0.3) !important; } /* fin Ron */ .template-a-bottom { padding-top: 11px; padding-bottom: 110px; margin-top: 16px; } .template-a-bottom .control-group .controls input[type="email"], .template-a-bottom .control-group .controls input[type="text"] { border-radius: 5px; color: #360e5b; } .template-a-bottom h2, .template-a-bottom h3, .template-a-bottom h4, .template-a-bottom h5, .template-a-bottom h6, .template-a-bottom button { color: white !important; } .template-a-bottom button:hover, .template-a-bottom a:hover, .template-a-bottom a:hover:before, .template-a-bottom a:hover:after { color: #cdc3d6 !important; } .template-a-bottom * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4); } .template-a-bottom ::-webkit-selection { background-color: rgba(255, 255, 255, 0.4); } .template-a-bottom ::selection { background-color: rgba(255, 255, 255, 0.4); } /* CREAZ NEVER DIE ... */ /* .nav-primary li:last-child > a, .nav-primary li:last-child > a:hover, .nav-primary li.here:last-child > a strong{ color: #D1090D; text-transform: uppercase; } */ /* ... BUT STOP HERE */ @media (max-width: 680px) { .template-a .row .col-4 { width: 50%; } .template-a .row .col-4:nth-child(2n + 1) { clear: both; } } @media (max-width: 348px) { .template-a .row .col-4 { width: 100%; } } @media (max-width: 940px) { .template-a .block-extract .caption { padding-left: 0; padding-right: 0; padding-bottom: 0; position: static; } } .template-b .block-extract { max-width: 330px; } @media (max-width: 940px) { .template-b .row .row .col-4 { width: 50%; } } @media (max-width: 720px) { .template-b .row .col-3 { width: 100%; } .template-b .row .col-9 { width: 100%; } } @media (max-width: 480px) { .template-b .row .row .col-4 { width: 100%; } .template-b .block-extract .caption { position: static; padding-left: 0; padding-right: 0; padding-bottom: 0; } } @media (max-width: 480px) { .template-c .row .col-6 { width: 100%; } } @media (max-width: 940px) { .template-d .block-extract .caption { position: static; padding-left: 0; padding-right: 0; padding-bottom: 0; } } @media (max-width: 490px) { .template-d .row .col-6 { width: 100%; } } @media (max-width: 680px) { .template-e .block-gallery-thumb { width: 25%; } } @media (max-width: 514px) { .template-e .block-gallery-thumb { width: 33.33333333%; } } @media (max-width: 720px) { .template-f .col-3, .template-f .col-9 { width: 100%; } } @media (max-width: 480px) { .template-f .block-article .article-left { float: none; width: auto; padding-right: 0; } .template-f .block-article .article-right { float: none; width: auto; padding-left: 0; margin-bottom: 16px; } } .template-g .block-extract .caption { position: static; padding-left: 0; padding-right: 0; padding-bottom: 0; } .template-g .col-4:nth-child(3n + 1) { clear: both; } @media (max-width: 763px) { .template-g .col-3 { width: 33.33333333%; } .template-g .col-9 { width: 66.66666667%; } .template-g .col-4 { width: 50%; } .template-g .col-4:nth-child(3n + 1) { clear: inherit; } .template-g .col-4:nth-child(2n + 1) { clear: both; } } @media (max-width: 720px) { .template-g .col-3, .template-g .col-9 { width: 100%; } } @media (max-width: 514px) { .template-g .col-4 { width: 50%; } } @media (max-width: 480px) { .template-g .col-4 { width: 100%; } } .template-h .block-extract .caption { position: static; padding-left: 0; padding-right: 0; padding-bottom: 0; } @media (max-width: 720px) { .template-i .col-3, .template-i .col-9 { width: 100%; } .template-i .block-resource .resource-details { width: 41.66666667%; } .template-i .block-resource .resource-description { width: 58.33333333%; padding-right: 0; } .template-i .block-resource .resource-image { display: none; } } @media (max-width: 480px) { .template-i .block-resource .resource-details, .template-i .block-resource .resource-description { width: 100%; padding-left: 0; padding-right: 0; } .template-i .block-resource .resource-details { margin-bottom: 16px; } .template-i .block-resource .resource-actions { margin-top: 16px; } } .select.message_Gender { width: 33%; min-width: 140px; } @media (max-width: 720px) { .template-k .col-6, .template-k .col-6 { width: 100%; } }