/* Theme Name: Azurelo Free Version Author: Anakao Theme Author URI: https://anakao-theme.com/azurelo Theme URI: https://anakao-theme.com/ Description: Azurelo draws its handsomeness from the large spaces and the omnipresence of white, raised by its blue azurelo. Your content is highlighted to remains the most important part and give the envy to read you. Version: 2.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, featured-images, full-width-template, post-formats, sticky-post, theme-options Text Domain: azurelo */ @charset "UTF-8"; /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption,figure { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; overflow: visible } main { display: block } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active,a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: inherit; font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button { overflow: visible } button,select { text-transform: none } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText } input { overflow: visible } [type=checkbox],[type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; display: table; padding: 0; color: inherit; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } details { display: block } summary { display: list-item } menu { display: block } canvas { display: inline-block } [hidden],template { display: none } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=100em" } html { box-sizing: border-box; font-size: 16px } *,:after,:before { box-sizing: inherit } body { margin: 0; padding: 0; background: #fefefe; font-family: Raleway,Helvetica,Roboto,Arial,sans-serif; font-weight: 400; line-height: 1.6; color: #2e2e2e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic } textarea { height: auto; min-height: 50px; border-radius: 0 } select { box-sizing: border-box; width: 100% } .map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object { max-width: none!important } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto } [data-whatinput=mouse] button { outline: 0 } pre { overflow: auto } button,input,optgroup,select,textarea { font-family: inherit } .is-visible { display: block!important } .is-hidden { display: none!important } .align-right { -ms-flex-pack: end; justify-content: flex-end } .align-center { -ms-flex-pack: center; justify-content: center } .align-justify { -ms-flex-pack: justify; justify-content: space-between } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around } .align-right.vertical.menu>li>a,.nav__container>div>ul.align-right.vertical>li>a,.nav__container>ul.align-right.vertical>li>a { -ms-flex-pack: end; justify-content: flex-end } .align-center.vertical.menu>li>a,.nav__container>div>ul.align-center.vertical>li>a,.nav__container>ul.align-center.vertical>li>a { -ms-flex-pack: center; justify-content: center } .align-top { -ms-flex-align: start; align-items: flex-start } .align-self-top { -ms-flex-item-align: start; align-self: flex-start } .align-bottom { -ms-flex-align: end; align-items: flex-end } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end } .align-middle { -ms-flex-align: center; align-items: center } .align-self-middle { -ms-flex-item-align: center; align-self: center } .align-stretch { -ms-flex-align: stretch; align-items: stretch } .align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch } .align-center-middle { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center } .small-order-1 { -ms-flex-order: 1; order: 1 } .small-order-2 { -ms-flex-order: 2; order: 2 } .small-order-3 { -ms-flex-order: 3; order: 3 } .small-order-4 { -ms-flex-order: 4; order: 4 } .small-order-5 { -ms-flex-order: 5; order: 5 } .small-order-6 { -ms-flex-order: 6; order: 6 } @media print,screen and (min-width:40em) { .medium-order-1 { -ms-flex-order: 1; order: 1 } .medium-order-2 { -ms-flex-order: 2; order: 2 } .medium-order-3 { -ms-flex-order: 3; order: 3 } .medium-order-4 { -ms-flex-order: 4; order: 4 } .medium-order-5 { -ms-flex-order: 5; order: 5 } .medium-order-6 { -ms-flex-order: 6; order: 6 } } @media print,screen and (min-width:64em) { .large-order-1 { -ms-flex-order: 1; order: 1 } .large-order-2 { -ms-flex-order: 2; order: 2 } .large-order-3 { -ms-flex-order: 3; order: 3 } .large-order-4 { -ms-flex-order: 4; order: 4 } .large-order-5 { -ms-flex-order: 5; order: 5 } .large-order-6 { -ms-flex-order: 6; order: 6 } } @media screen and (min-width:100em) { .xlarge-order-1 { -ms-flex-order: 1; order: 1 } .xlarge-order-2 { -ms-flex-order: 2; order: 2 } .xlarge-order-3 { -ms-flex-order: 3; order: 3 } .xlarge-order-4 { -ms-flex-order: 4; order: 4 } .xlarge-order-5 { -ms-flex-order: 5; order: 5 } .xlarge-order-6 { -ms-flex-order: 6; order: 6 } } .flex-container { display: -ms-flexbox; display: flex } .flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto } .flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto } .flex-dir-row { -ms-flex-direction: row; flex-direction: row } .flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .flex-dir-column { -ms-flex-direction: column; flex-direction: column } .flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media print,screen and (min-width:40em) { .medium-flex-container { display: -ms-flexbox; display: flex } .medium-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .medium-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto } .medium-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto } .medium-flex-dir-row { -ms-flex-direction: row; flex-direction: row } .medium-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .medium-flex-dir-column { -ms-flex-direction: column; flex-direction: column } .medium-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media print,screen and (min-width:64em) { .large-flex-container { display: -ms-flexbox; display: flex } .large-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .large-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto } .large-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto } .large-flex-dir-row { -ms-flex-direction: row; flex-direction: row } .large-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .large-flex-dir-column { -ms-flex-direction: column; flex-direction: column } .large-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (min-width:100em) { .xlarge-flex-container { display: -ms-flexbox; display: flex } .xlarge-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto } .xlarge-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto } .xlarge-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto } .xlarge-flex-dir-row { -ms-flex-direction: row; flex-direction: row } .xlarge-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse } .xlarge-flex-dir-column { -ms-flex-direction: column; flex-direction: column } .xlarge-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse } } blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul { margin: 0; padding: 0 } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility } em,i { font-style: italic } b,em,i,strong { line-height: inherit } b,strong { font-weight: 700 } small { font-size: 80%; line-height: inherit } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: Domine,Helvetica,Roboto,Arial,serif; font-style: normal; font-weight: 400; color: inherit; text-rendering: optimizeLegibility } .h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { line-height: 0; color: #a7a7a7 } .h1,h1 { font-size: 2rem } .h1,.h2,h1,h2 { line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h2,h2 { font-size: 1.75rem } .h3,h3 { font-size: 1.5rem } .h3,.h4,h3,h4 { line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h4,h4 { font-size: 1.125rem } .h5,h5 { font-size: 1.0625rem } .h5,.h6,h5,h6 { line-height: 1.3; margin-top: 0; margin-bottom: .5rem } .h6,h6 { font-size: 1rem } @media print,screen and (min-width:40em) { .h1,h1 { font-size: 3rem } .h2,h2 { font-size: 2.5rem } .h3,h3 { font-size: 1.9375rem } .h4,h4 { font-size: 1.5625rem } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer } a:focus,a:hover { color: #1468a0 } a img { border: 0 } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #a7a7a7; border-left: 0 } dl,ol,ul { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6 } li { font-size: inherit } ul { list-style-type: disc } ol,ul { margin-left: 1.25rem } ol ol,ol ul,ul ol,ul ul { margin-left: 1.25rem; margin-bottom: 0 } dl { margin-bottom: 1rem } dl dt { margin-bottom: .3rem; font-weight: 700 } blockquote { margin: 0 0 1rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: none } blockquote,blockquote p { line-height: 1.6; color: #2e2e2e } cite { display: block; font-size: .8125rem; color: #2e2e2e } cite:before { content: "— " } abbr,abbr[title] { border-bottom: 1px dotted #202020; cursor: help; text-decoration: none } figure { margin: 0 } code { padding: .125rem .3125rem .0625rem; border: 1px solid #a7a7a7; font-weight: 400 } code,kbd { background-color: #efefef; font-family: Consolas,Liberation Mono,Courier,monospace; color: #202020 } kbd { margin: 0; padding: .125rem .25rem 0 } .subheader { margin-top: .2rem; margin-bottom: .5rem; font-weight: 400; line-height: 1.4; color: #2e2e2e } .lead { font-size: 20px; line-height: 1.6 } .stat { font-size: 2.5rem; line-height: 1 } p+.stat { margin-top: -1rem } ol.no-bullet,ul.no-bullet { margin-left: 0; list-style: none } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } @media print,screen and (min-width:40em) { .medium-text-left { text-align: left } .medium-text-right { text-align: right } .medium-text-center { text-align: center } .medium-text-justify { text-align: justify } } @media print,screen and (min-width:64em) { .large-text-left { text-align: left } .large-text-right { text-align: right } .large-text-center { text-align: center } .large-text-justify { text-align: justify } } @media screen and (min-width:100em) { .xlarge-text-left { text-align: left } .xlarge-text-right { text-align: right } .xlarge-text-center { text-align: center } .xlarge-text-justify { text-align: justify } } .show-for-print { display: none!important } @media print { * { background: transparent!important; box-shadow: none!important; color: #000!important; text-shadow: none!important } .show-for-print { display: block!important } .hide-for-print { display: none!important } table.show-for-print { display: table!important } thead.show-for-print { display: table-header-group!important } tbody.show-for-print { display: table-row-group!important } tr.show-for-print { display: table-row!important } td.show-for-print,th.show-for-print { display: table-cell!important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after { content: "" } abbr[title]:after { content: " (" attr(title) ")" } blockquote,pre { border: 1px solid #2e2e2e; page-break-inside: avoid } thead { display: table-header-group } img,tr { page-break-inside: avoid } img { max-width: 100%!important }@ page { margin: .5cm } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } .print-break-inside { page-break-inside: auto } } [type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea { display: block; box-sizing: border-box; width: 100%; height: 2.5375rem; margin: 0 0 1rem; padding: .5rem; border: 1px solid #a7a7a7; border-radius: 0; background-color: #fefefe; box-shadow: none; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.6; color: #202020; transition: border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } [type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus { outline: none; border: 1px solid #efefef; background-color: #fefefe; box-shadow: 1px 1px 2px #efefef; transition: border-color .25s ease-in-out } textarea { max-width: 100% } textarea[rows] { height: auto } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #a7a7a7 } input:-ms-input-placeholder,input::-ms-input-placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder { color: #a7a7a7 } input::placeholder,textarea::placeholder { color: #a7a7a7 } input:disabled,input[readonly],textarea:disabled,textarea[readonly] { background-color: #efefef; cursor: not-allowed } [type=button],[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 } input[type=search] { box-sizing: border-box } [type=checkbox],[type=file],[type=radio] { margin: 0 0 1rem } [type=checkbox]+label,[type=radio]+label { display: inline-block; vertical-align: baseline; margin-left: .5rem; margin-right: 1rem; margin-bottom: 0 } [type=checkbox]+label[for],[type=radio]+label[for] { cursor: pointer } label>[type=checkbox],label>[type=radio] { margin-right: .5rem } [type=file] { width: 100% } label { display: block; margin: 0; font-size: .875rem; font-weight: 400; line-height: 1.8; color: #202020 } label.middle { margin: 0 0 1rem; padding: .5625rem 0 } .help-text { margin-top: -.5rem; font-size: .8125rem; font-style: italic; color: #202020 } .input-group { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -ms-flex-align: stretch; align-items: stretch } .input-group>:first-child,.input-group>:last-child>* { border-radius: 0 0 0 0 } .input-group-button,.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label,.input-group-field,.input-group-label { margin: 0; white-space: nowrap } .input-group-label { padding: 0 1rem; border: 1px solid #a7a7a7; background: #efefef; color: #202020; text-align: center; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center } .input-group-label:first-child { border-right: 0 } .input-group-label:last-child { border-left: 0 } .input-group-field { border-radius: 0; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0 } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto } .input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label { height: auto; -ms-flex-item-align: stretch; align-self: stretch; padding-top: 0; padding-bottom: 0; font-size: 1rem } fieldset { margin: 0; padding: 0; border: 0 } legend { max-width: 100%; margin-bottom: .5rem } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #a7a7a7 } .fieldset legend { margin: 0; margin-left: -.1875rem; padding: 0 .1875rem } select { height: 2.5375rem; margin: 0 0 1rem; padding: .5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #a7a7a7; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.6; color: #202020; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: border-color .25s ease-in-out } @media screen and (min-width:0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==") } } select:focus { outline: none; border: 1px solid #efefef; background-color: #fefefe; box-shadow: 1px 1px 2px #efefef; transition: border-color .25s ease-in-out } select:disabled { background-color: #efefef; cursor: not-allowed } select::-ms-expand { display: none } select[multiple] { height: auto; background-image: none } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37 } .is-invalid-input:not(:focus):-ms-input-placeholder,.is-invalid-input:not(:focus)::-ms-input-placeholder { color: #cc4b37 } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37 } .form-error,.is-invalid-label { color: #cc4b37 } .form-error { display: none; margin-top: -.5rem; margin-bottom: 1rem; font-size: .75rem; font-weight: 700 } .form-error.is-visible { display: block } .accordion-menu li { width: 100% } .accordion-menu a { padding: 1rem 1.5rem } .accordion-menu .is-accordion-submenu a { padding: 1rem 3rem } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0 } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a { position: relative } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem } .accordion-menu.align-left .is-accordion-submenu-parent>a:after { left: auto; right: 1rem } .accordion-menu.align-right .is-accordion-submenu-parent>a:after { right: auto; left: 1rem } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a:after { transform: rotate(180deg); transform-origin: 50% 50% } .is-accordion-submenu-parent { position: relative } .has-submenu-toggle>a { margin-right: 40px } .submenu-toggle { position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px } .submenu-toggle:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; top: 0; bottom: 0; margin: auto } .submenu-toggle[aria-expanded=true]:after { transform: scaleY(-1); transform-origin: 50% 50% } .submenu-toggle-text { position: absolute!important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } .menu,.nav__container>div>ul,.nav__container>ul { padding: 0; margin: 0; list-style: none; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } [data-whatinput=mouse] .menu li,[data-whatinput=mouse] .nav__container>div>ul li,[data-whatinput=mouse] .nav__container>ul li { outline: 0 } .menu .button,.menu a,.nav__container>div>ul .button,.nav__container>div>ul a,.nav__container>ul .button,.nav__container>ul a { line-height: 1; text-decoration: none; display: block; padding: 1rem 1.5rem } .menu a,.menu button,.menu input,.menu select,.nav__container>div>ul a,.nav__container>div>ul button,.nav__container>div>ul input,.nav__container>div>ul select,.nav__container>ul a,.nav__container>ul button,.nav__container>ul input,.nav__container>ul select { margin-bottom: 0 } .menu input,.nav__container>div>ul input,.nav__container>ul input { display: inline-block } .menu,.menu.horizontal,.nav__container>div>ul,.nav__container>div>ul.horizontal,.nav__container>ul,.nav__container>ul.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.vertical,.nav__container>div>ul.vertical,.nav__container>ul.vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.expanded li,.nav__container>div>ul.expanded li,.nav__container>ul.expanded li { -ms-flex: 1 1 0px; flex: 1 1 0px } .menu.simple,.nav__container>div>ul.simple,.nav__container>ul.simple { -ms-flex-align: center; align-items: center } .menu.simple li+li,.nav__container>div>ul.simple li+li,.nav__container>ul.simple li+li { margin-left: 1rem } .menu.simple a,.nav__container>div>ul.simple a,.nav__container>ul.simple a { padding: 0 } @media print,screen and (min-width:40em) { .menu.medium-horizontal,.nav__container>div>ul.medium-horizontal,.nav__container>ul.medium-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.medium-vertical,.nav__container>div>ul.medium-vertical,.nav__container>ul.medium-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.medium-expanded li,.menu.medium-simple li,.nav__container>div>ul.medium-expanded li,.nav__container>div>ul.medium-simple li,.nav__container>ul.medium-expanded li,.nav__container>ul.medium-simple li { -ms-flex: 1 1 0px; flex: 1 1 0px } } @media print,screen and (min-width:64em) { .menu.large-horizontal,.nav__container>div>ul.large-horizontal,.nav__container>ul.large-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.large-vertical,.nav__container>div>ul.large-vertical,.nav__container>ul.large-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.large-expanded li,.menu.large-simple li,.nav__container>div>ul.large-expanded li,.nav__container>div>ul.large-simple li,.nav__container>ul.large-expanded li,.nav__container>ul.large-simple li { -ms-flex: 1 1 0px; flex: 1 1 0px } } @media screen and (min-width:100em) { .menu.xlarge-horizontal,.nav__container>div>ul.xlarge-horizontal,.nav__container>ul.xlarge-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.xlarge-vertical,.nav__container>div>ul.xlarge-vertical,.nav__container>ul.xlarge-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.xlarge-expanded li,.menu.xlarge-simple li,.nav__container>div>ul.xlarge-expanded li,.nav__container>div>ul.xlarge-simple li,.nav__container>ul.xlarge-expanded li,.nav__container>ul.xlarge-simple li { -ms-flex: 1 1 0px; flex: 1 1 0px } } .menu.nested,.nav__container>div>ul.nested,.nav__container>ul.nested { margin-right: 0; margin-left: 1rem } .menu.icon-bottom a,.menu.icon-left a,.menu.icon-right a,.menu.icon-top a,.menu.icons a,.nav__container>div>ul.icon-bottom a,.nav__container>div>ul.icon-left a,.nav__container>div>ul.icon-right a,.nav__container>div>ul.icon-top a,.nav__container>div>ul.icons a,.nav__container>ul.icon-bottom a,.nav__container>ul.icon-left a,.nav__container>ul.icon-right a,.nav__container>ul.icon-top a,.nav__container>ul.icons a { display: -ms-flexbox; display: flex } .menu.icon-left li a,.nav__container>div>ul.icon-left li a,.nav__container>ul.icon-left li a { -ms-flex-flow: row nowrap; flex-flow: row nowrap } .menu.icon-left li a i,.menu.icon-left li a img,.menu.icon-left li a svg,.nav__container>div>ul.icon-left li a i,.nav__container>div>ul.icon-left li a img,.nav__container>div>ul.icon-left li a svg,.nav__container>ul.icon-left li a i,.nav__container>ul.icon-left li a img,.nav__container>ul.icon-left li a svg { margin-right: .25rem } .menu.icon-right li a,.nav__container>div>ul.icon-right li a,.nav__container>ul.icon-right li a { -ms-flex-flow: row nowrap; flex-flow: row nowrap } .menu.icon-right li a i,.menu.icon-right li a img,.menu.icon-right li a svg,.nav__container>div>ul.icon-right li a i,.nav__container>div>ul.icon-right li a img,.nav__container>div>ul.icon-right li a svg,.nav__container>ul.icon-right li a i,.nav__container>ul.icon-right li a img,.nav__container>ul.icon-right li a svg { margin-left: .25rem } .menu.icon-top li a,.nav__container>div>ul.icon-top li a,.nav__container>ul.icon-top li a { -ms-flex-flow: column nowrap; flex-flow: column nowrap } .menu.icon-top li a i,.menu.icon-top li a img,.menu.icon-top li a svg,.nav__container>div>ul.icon-top li a i,.nav__container>div>ul.icon-top li a img,.nav__container>div>ul.icon-top li a svg,.nav__container>ul.icon-top li a i,.nav__container>ul.icon-top li a img,.nav__container>ul.icon-top li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: .25rem; text-align: center } .menu.icon-bottom li a,.nav__container>div>ul.icon-bottom li a,.nav__container>ul.icon-bottom li a { -ms-flex-flow: column nowrap; flex-flow: column nowrap } .menu.icon-bottom li a i,.menu.icon-bottom li a img,.menu.icon-bottom li a svg,.nav__container>div>ul.icon-bottom li a i,.nav__container>div>ul.icon-bottom li a img,.nav__container>div>ul.icon-bottom li a svg,.nav__container>ul.icon-bottom li a i,.nav__container>ul.icon-bottom li a img,.nav__container>ul.icon-bottom li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: .25rem; text-align: center } .menu .active>a,.menu .is-active>a,.nav__container>div>ul .active>a,.nav__container>div>ul .is-active>a,.nav__container>ul .active>a,.nav__container>ul .is-active>a { background: #fefefe; color: #92a8d1 } .menu.align-left,.nav__container>div>ul.align-left,.nav__container>ul.align-left { -ms-flex-pack: start; justify-content: flex-start } .menu.align-right li,.nav__container>div>ul.align-right li,.nav__container>ul.align-right li { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .menu.align-right li .submenu li,.nav__container>div>ul.align-right li .submenu li,.nav__container>ul.align-right li .submenu li { -ms-flex-pack: start; justify-content: flex-start } .menu.align-right.vertical li,.nav__container>div>ul.align-right.vertical li,.nav__container>ul.align-right.vertical li { display: block; text-align: right } .menu.align-right.vertical li .submenu li,.nav__container>div>ul.align-right.vertical li .submenu li,.nav__container>ul.align-right.vertical li .submenu li { text-align: right } .menu.align-right .nested,.nav__container>div>ul.align-right .nested,.nav__container>ul.align-right .nested { margin-right: 1rem; margin-left: 0 } .menu.align-center li,.nav__container>div>ul.align-center li,.nav__container>ul.align-center li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .menu.align-center li .submenu li,.nav__container>div>ul.align-center li .submenu li,.nav__container>ul.align-center li .submenu li { -ms-flex-pack: start; justify-content: flex-start } .menu .menu-text,.nav__container>div>ul .menu-text,.nav__container>ul .menu-text { padding: 1rem 1.5rem; font-weight: 700; line-height: 1; color: inherit } .menu-centered>.menu,.nav__container.menu-centered>ul,.nav__container>div.menu-centered>ul { -ms-flex-pack: center; justify-content: center } .menu-centered>.menu li,.nav__container.menu-centered>ul li,.nav__container>div.menu-centered>ul li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .menu-centered>.menu li .submenu li,.nav__container.menu-centered>ul li .submenu li,.nav__container>div.menu-centered>ul li .submenu li { -ms-flex-pack: start; justify-content: flex-start } .no-js [data-responsive-menu] ul { display: none } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe; content: "" } .menu-icon:hover:after { background: #a7a7a7; box-shadow: 0 7px 0 #a7a7a7,0 14px 0 #a7a7a7 } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon.dark:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #202020; box-shadow: 0 7px 0 #202020,0 14px 0 #202020; content: "" } .menu-icon.dark:hover:after { background: #2e2e2e; box-shadow: 0 7px 0 #2e2e2e,0 14px 0 #2e2e2e } .is-drilldown { position: relative; overflow: hidden } .is-drilldown li { display: block } .is-drilldown.animate-height { transition: height .5s } .drilldown a { padding: 1rem 1.5rem; background: #fefefe } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform .15s linear } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%) } .drilldown .is-drilldown-submenu.is-closing { transform: translateX(100%) } .drilldown .is-drilldown-submenu a { padding: 1rem 1.5rem } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0 } .drilldown .drilldown-submenu-cover-previous { min-height: 100% } .drilldown .is-drilldown-submenu-parent>a { position: relative } .drilldown .is-drilldown-submenu-parent>a:after { position: absolute; top: 50%; margin-top: -6px; right: 1rem; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .drilldown.align-left .is-drilldown-submenu-parent>a:after { left: auto; right: 1rem; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } .drilldown.align-right .is-drilldown-submenu-parent>a:after { right: auto; left: 1rem; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .drilldown .js-drilldown-back>a:before { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-style: solid; border-color: transparent #1779ba transparent transparent; display: inline-block; vertical-align: middle; margin-right: .75rem; border-left-width: 0 } .dropdown.menu>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu>li.is-dropdown-submenu-parent>a,.nav__container>div>ul.dropdown>li.is-dropdown-submenu-parent>a,.nav__container>ul.dropdown>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu>li.is-dropdown-submenu-parent>a:after,.nav__container>div>ul.dropdown>li.is-dropdown-submenu-parent>a:after,.nav__container>ul.dropdown>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu a,.nav__container>div>ul.dropdown a,.nav__container>ul.dropdown a { padding: 1rem 1.5rem } [data-whatinput=mouse] .dropdown.menu a,[data-whatinput=mouse] .nav__container>div>ul.dropdown a,[data-whatinput=mouse] .nav__container>ul.dropdown a { outline: 0 } .dropdown.menu .is-active>a,.nav__container>div>ul.dropdown .is-active>a,.nav__container>ul.dropdown .is-active>a { background: transparent; color: #92a8d1 } .no-js .dropdown.menu ul,.no-js .nav__container>div>ul.dropdown ul,.no-js .nav__container>ul.dropdown ul { display: none } .dropdown.menu .nested.is-dropdown-submenu,.nav__container>div>ul.dropdown .nested.is-dropdown-submenu,.nav__container>ul.dropdown .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0 } .dropdown.menu.vertical>li .is-dropdown-submenu,.nav__container>div>ul.dropdown.vertical>li .is-dropdown-submenu,.nav__container>ul.dropdown.vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.vertical>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto; top: 0 } .dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.vertical>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.vertical>li>a:after,.nav__container>div>ul.dropdown.vertical>li>a:after,.nav__container>ul.dropdown.vertical>li>a:after { right: 14px } .dropdown.menu.vertical>li.opens-left>a:after,.nav__container>div>ul.dropdown.vertical>li.opens-left>a:after,.nav__container>ul.dropdown.vertical>li.opens-left>a:after { right: auto; left: 5px; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .dropdown.menu.vertical>li.opens-right>a:after,.nav__container>div>ul.dropdown.vertical>li.opens-right>a:after,.nav__container>ul.dropdown.vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } @media print,screen and (min-width:40em) { .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.medium-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.medium-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.medium-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.medium-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>div>ul.dropdown.medium-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>ul.dropdown.medium-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>div>ul.dropdown.medium-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>ul.dropdown.medium-horizontal>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu.medium-vertical>li .is-dropdown-submenu,.nav__container>div>ul.dropdown.medium-vertical>li .is-dropdown-submenu,.nav__container>ul.dropdown.medium-vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.medium-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.medium-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto; top: 0 } .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.medium-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.medium-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.medium-vertical>li>a:after,.nav__container>div>ul.dropdown.medium-vertical>li>a:after,.nav__container>ul.dropdown.medium-vertical>li>a:after { right: 14px } .dropdown.menu.medium-vertical>li.opens-left>a:after,.nav__container>div>ul.dropdown.medium-vertical>li.opens-left>a:after,.nav__container>ul.dropdown.medium-vertical>li.opens-left>a:after { right: auto; left: 5px; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .dropdown.menu.medium-vertical>li.opens-right>a:after,.nav__container>div>ul.dropdown.medium-vertical>li.opens-right>a:after,.nav__container>ul.dropdown.medium-vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } } @media print,screen and (min-width:64em) { .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.large-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.large-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.large-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.large-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>div>ul.dropdown.large-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>ul.dropdown.large-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>div>ul.dropdown.large-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>ul.dropdown.large-horizontal>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu.large-vertical>li .is-dropdown-submenu,.nav__container>div>ul.dropdown.large-vertical>li .is-dropdown-submenu,.nav__container>ul.dropdown.large-vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.large-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.large-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto; top: 0 } .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.large-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.large-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.large-vertical>li>a:after,.nav__container>div>ul.dropdown.large-vertical>li>a:after,.nav__container>ul.dropdown.large-vertical>li>a:after { right: 14px } .dropdown.menu.large-vertical>li.opens-left>a:after,.nav__container>div>ul.dropdown.large-vertical>li.opens-left>a:after,.nav__container>ul.dropdown.large-vertical>li.opens-left>a:after { right: auto; left: 5px; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .dropdown.menu.large-vertical>li.opens-right>a:after,.nav__container>div>ul.dropdown.large-vertical>li.opens-right>a:after,.nav__container>ul.dropdown.large-vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } } @media screen and (min-width:100em) { .dropdown.menu.xlarge-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.xlarge-horizontal>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.xlarge-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu.xlarge-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.xlarge-horizontal>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.xlarge-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>div>ul.dropdown.xlarge-horizontal>li.is-dropdown-submenu-parent>a,.nav__container>ul.dropdown.xlarge-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>div>ul.dropdown.xlarge-horizontal>li.is-dropdown-submenu-parent>a:after,.nav__container>ul.dropdown.xlarge-horizontal>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #92a8d1 transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu.xlarge-vertical>li .is-dropdown-submenu,.nav__container>div>ul.dropdown.xlarge-vertical>li .is-dropdown-submenu,.nav__container>ul.dropdown.xlarge-vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.xlarge-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>div>ul.dropdown.xlarge-vertical>li.opens-left>.is-dropdown-submenu,.nav__container>ul.dropdown.xlarge-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto; top: 0 } .dropdown.menu.xlarge-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul.dropdown.xlarge-vertical>li.opens-right>.is-dropdown-submenu,.nav__container>ul.dropdown.xlarge-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.xlarge-vertical>li>a:after,.nav__container>div>ul.dropdown.xlarge-vertical>li>a:after,.nav__container>ul.dropdown.xlarge-vertical>li>a:after { right: 14px } .dropdown.menu.xlarge-vertical>li.opens-left>a:after,.nav__container>div>ul.dropdown.xlarge-vertical>li.opens-left>a:after,.nav__container>ul.dropdown.xlarge-vertical>li.opens-left>a:after { right: auto; left: 5px; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .dropdown.menu.xlarge-vertical>li.opens-right>a:after,.nav__container>div>ul.dropdown.xlarge-vertical>li.opens-right>a:after,.nav__container>ul.dropdown.xlarge-vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub,.nav__container>div>ul.dropdown.align-right .is-dropdown-submenu.first-sub,.nav__container>ul.dropdown.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto } .is-dropdown-menu.vertical { width: 100px } .is-dropdown-menu.vertical.align-right { float: right } .is-dropdown-submenu-parent { position: relative } .is-dropdown-submenu-parent a:after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px } .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu { top: 100%; left: auto } .is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu { right: 100%; left: auto } .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #efefef; background: #fefefe } .dropdown .is-dropdown-submenu a { padding: 1rem 1.5rem } .is-dropdown-submenu .is-dropdown-submenu-parent>a:after { right: 14px } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after { right: auto; left: 5px; display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #92a8d1 transparent transparent } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { width: 0; height: 0; border: 6px inset; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #92a8d1 } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px } .is-dropdown-submenu>li { width: 100% } .is-dropdown-submenu.js-dropdown-active { display: block } .flex-video,.responsive-embed { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden } .flex-video embed,.flex-video iframe,.flex-video object,.flex-video video,.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .flex-video.widescreen,.responsive-embed.widescreen { padding-bottom: 56.25% } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0 } tbody,tfoot,thead { border: 1px solid #f1f1f1; background-color: #fefefe } caption { padding: .5rem .625rem .625rem; font-weight: 700 } thead { background: #f8f8f8 } tfoot,thead { color: #2e2e2e } tfoot { background: #f1f1f1 } tfoot tr,thead tr { background: transparent } tfoot td,tfoot th,thead td,thead th { padding: .5rem .625rem .625rem; font-weight: 700; text-align: left } tbody td,tbody th { padding: .5rem .625rem .625rem } tbody tr:nth-child(2n) { border-bottom: 0; background-color: #f1f1f1 } table.unstriped tbody { background-color: #fefefe } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe } @media screen and (max-width:63.9375em) { table.stack tfoot,table.stack thead { display: none } table.stack td,table.stack th,table.stack tr { display: block } table.stack td { border-top: 0 } } table.scroll { display: block; width: 100%; overflow-x: auto } table.hover thead tr:hover { background-color: #f3f3f3 } table.hover tfoot tr:hover { background-color: #ececec } table.hover tbody tr:hover { background-color: #f9f9f9 } table.hover:not(.unstriped) tr:nth-of-type(2n):hover { background-color: #ececec } .table-scroll { overflow-x: auto } .table-scroll table { width: auto } .alignleft { display: block; margin: 0 auto } @media print,screen and (min-width:40em) { .alignleft { display: inline; float: left; margin-right: 20px } } .alignright { display: block; margin: 0 auto } @media print,screen and (min-width:40em) { .alignright { display: inline; float: right; margin-left: 20px } } .aligncenter { clear: both; display: block; margin: 0 auto } .screen-reader-text { clip: rect(1px,1px,1px,1px); -webkit-clip-path: polygon(0 0,0 0,0 0,0 0); clip-path: polygon(0 0,0 0,0 0,0 0); position: absolute!important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden } .hentry { margin: 0 } .entry-meta { clear: both } .byline { display: none } .group-blog .byline,.single .byline { display: inline } .entry-content,.entry-summary { margin: 1.5em 0 0 } .page-links { clear: both; margin: 0 0 1.5em } .archive .format-aside .entry-title,.blog .format-aside .entry-title { display: none } .comment-content img.wp-smiley,.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } .gallery-caption p,.wp-caption p { margin-bottom: 0!important } .gallery-caption { max-width: 100% } .wp-caption-text { font-size: .875rem; font-style: italic; font-family: Domine,Helvetica,Roboto,Arial,serif; color: #a7a7a7; margin: 5px 0 0 20px } .site-content .gallery a img { border: none; height: auto; max-width: 90% } .site-content .gallery dd { margin: 0 } embed,iframe,object { max-width: 100% } .site-content .site-navigation { margin: 0 0 1.5em; overflow: hidden } .site-content .nav-previous { float: left; width: 50% } .site-content .nav-next { float: right; text-align: right; width: 50% } .bypostauthor { font-size: .875rem } .wpcf7-not-valid { border-color: #d19292!important; margin: 0 } .wpcf7-not-valid-tip { color: #d19292!important } .wpcf7-response-output { border-width: 1px!important; margin: 0!important; padding: 10px!important } .wpcf7-mail-sent-ok { border-color: #92d196!important; background: rgba(146,209,150,.2) } .wpcf7-mail-sent-ng,.wpcf7-validation-errors { border-color: #d19292!important; background: hsla(0,41%,70%,.2) } @font-face { font-family:icon-azurelo;src:url(fonts/icons/icons.woff) format("woff"),url(fonts/icons/icons.ttf) format("truetype");font-weight:400;font-style:normal } [class*=" icon-"]:before,[class^=icon-]:before { font-family: icon-azurelo; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-cross:before { content: "\e900" } .icon-search:before { content: "\e916" } .icon-edit:before { content: "\e913" } .icon-reply:before { content: "\e902" } .icon-blogger:before { content: "\e903" } .icon-dribbble:before { content: "\e904" } .icon-facebook:before { content: "\e905" } .icon-flickr:before { content: "\e02d" } .icon-googleplus:before { content: "\e907" } .icon-instagram:before { content: "\e908" } .icon-linkedin:before { content: "\e90a" } .icon-medium:before { content: "\e051" } .icon-pinterest:before { content: "\e90e" } .icon-reddit:before { content: "\e90b" } .icon-rss:before { content: "\e071" } .icon-tumblr:before { content: "\e912" } .icon-twitter:before { content: "\e911" } .icon-vimeo:before { content: "\e90f" } .icon-youtube:before { content: "\e0a5" } .icon-bloglovin:before { content: "\e914" } .btn,.load-more a,form input[type=submit] { position: relative; display: inline-block; font-family: Raleway,Helvetica,Roboto,Arial,sans-serif; font-size: .75rem; line-height: 24px; letter-spacing: 1px; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid; padding: 0 25px; transition: all .4s } .load-more [data-whatinput=mouse] a,[data-whatinput=mouse] .btn,[data-whatinput=mouse] .load-more a,[data-whatinput=mouse] form input[type=submit],form [data-whatinput=mouse] input[type=submit] { outline: 0 } .btn:active,.btn:focus,.btn:hover,.load-more a:active,.load-more a:focus,.load-more a:hover,form input:active[type=submit],form input:focus[type=submit],form input:hover[type=submit] { color: #fefefe } .btn:focus,.load-more a:focus,form input:focus[type=submit] { outline: 0 } .btn-primary { color: #fefefe; text-transform: lowercase; border-color: #fefefe; background: rgba(146,168,209,.2) } .btn-primary:hover { background-color: rgba(146,168,209,.5) } .btn-primary:active { background: #92a8d1 } .btn-secondary,.load-more a,form input[type=submit] { color: #fefefe; line-height: 40px; text-transform: uppercase; border-color: #92a8d1; background: #92a8d1 } .btn-secondary:hover,.load-more a:hover,form input:hover[type=submit] { background-color: #6e8bc2; border-color: #6e8bc2 } .btn-secondary:active,.load-more a:active,form input:active[type=submit] { background: #4b6fb2; border-color: #4b6fb2 } .btn--small { line-height: 30px!important; padding: 0 15px!important } a { position: relative; color: #92a8d1; transition: all .4s } a:hover { color: #6e8bc2 } a:active { color: #4b6fb2 } a:focus { outline: 0 } .comment__author a,h1 a,h2 a,h3 a { color: inherit } .comment__author a:active,.comment__author a:focus,.comment__author a:hover,h1 a:active,h1 a:focus,h1 a:hover,h2 a:active,h2 a:focus,h2 a:hover,h3 a:active,h3 a:focus,h3 a:hover { color: inherit; opacity: .8 } p { word-spacing: 2px } .clearfix { clear: both } form { margin-bottom: 30px } @media print,screen and (min-width:40em) { form { margin-bottom: 40px } } label:hover { cursor: pointer } @media screen and (max-width:39.9375em) { input,select,textarea { font-size: 1rem!important } } input:focus,select:focus,textarea:focus { outline: none!important } textarea { height: 200px } .comment-respond textarea { height: auto; margin: 0 } input[type=search] { box-sizing: border-box!important } table tfoot { background-color: #f1f1f1!important } table #next,table #prev,table .pad { text-align: center } .widget__about-me .about-me__img,.widget__freespace .freespace__img { display: block; margin: 0 auto; padding: 5px; border: 1px solid #e9eef6 } h1,h2,h3,h4,h5,h6 { letter-spacing: 1px } .box__category,.c-heading,.comment-reply-title,.content__heading,.footer__back a,.footer__copyright,.main__subtitle,.no-result span,.overlay__category a,.overlay__title,.page-404 span,.post__category,.widget__heading,.widget li a { display: block; font-family: Raleway,Helvetica,Roboto,Arial,sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; letter-spacing: 3px } .comment-reply-title,.content__heading { margin-bottom: 30px; line-height: 1 } @media print,screen and (min-width:40em) { .comment-reply-title,.content__heading { text-align: left } } .c-heading { margin-bottom: 30px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-size: 1.25rem; padding: 0 50px 10px; border-bottom: 1px solid #c9d4e8 } @media print,screen and (min-width:40em) { .c-heading { margin-bottom: 40px } } .c-heading__container { display: inline-block; position: relative; left: 50%; transform: translate(-50%) } .c-heading span { color: #fefefe; background-color: #c9d4e8; font-size: 1.625rem; padding: 0 5px; margin-left: 5px } .header { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; text-align: center; padding: 40px 0 0 } .header__container { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .header__container { padding-right: 1.25rem; padding-left: 1.25rem; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:40em) and (min-width:40em) { .header__container { padding-right: 1.25rem; padding-left: 1.25rem } } .header__slider { margin: 40px 0 } .header__slider .slider__slide { position: relative; height: 480px } .header__slider .slider__slide.slick-active .overlay__text { opacity: 1; transition: all .4s } .header__slider img { width: 100%; height: auto } .header__slider .overlay img { position: relative; left: 50%; width: 100%; min-width: 640px; margin-left: -320px } @media print,screen and (min-width:40em) { .header__slider .overlay img { min-width: 75rem; margin-left: -37.5rem } } .header__slider .overlay__text { opacity: 0 } @media print,screen and (min-width:40em) { .header__slider.slider__full .overlay img { min-width: 1920px; margin-left: -960px } } @media screen and (min-width:1921px) { .header__slider.slider__full .overlay img { left: 0; margin-left: 0 } } .header__slider.slider__full .slider__slide { height: 560px } @media screen and (min-width:1921px) { .header__slider.slider__full .slider__slide { height: auto } } .header+.main { margin-top: 30px } @media print,screen and (min-width:40em) { .header+.main { margin-top: 40px } } .nav { background-color: #fefefe } @media print,screen and (min-width:64em) { .nav { box-shadow: 0 2px 2px 0 #efefef } } .nav__responsive { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height: 45px; position: relative; background-color: #92a8d1 } .nav__sticky { width: 100% } .nav__sticky.is-sticky { position: fixed; top: 0; z-index: 9997 } .admin-bar .nav__sticky { top: 46px } @media screen and (min-width:782px) { .admin-bar .nav__sticky { top: 31px } } @media screen and (max-width:39.9375em) { .admin-bar-hidden .nav__sticky { top: 0 } } .nav__row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .nav__container { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0; overflow-y: auto; max-height: calc(100vh - 50px) } @media print,screen and (min-width:40em) { .nav__container { padding-right: 1.25rem; padding-left: 1.25rem } } @media print,screen and (min-width:64em) { .nav__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; overflow-y: visible } } .nav__container>div>ul,.nav__container>ul { -ms-flex-wrap: wrap; flex-wrap: wrap } @media print,screen and (min-width:64em) { .nav__container>div>ul,.nav__container>ul { width: auto } } .nav__container>div>ul>li,.nav__container>ul>li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media print,screen and (min-width:64em) { .nav__container>div>ul>li,.nav__container>ul>li { -ms-flex: 0 0 auto; flex: 0 0 auto; max-wdith: none } } @media print,screen and (min-width:64em) { .nav__container>div>ul>li:first-child>a,.nav__container>ul>li:first-child>a { padding-left: 0 } } @media print,screen and (min-width:64em) { .nav__container>div>ul>li:not(:last-child):after,.nav__container>ul>li:not(:last-child):after { content: "|"; color: #efefef; position: absolute; top: 50%; transform: translateY(-50%); right: -5px } } .nav__container>div>ul li,.nav__container>ul li { position: relative; border-bottom: 1px solid #efefef } @media print,screen and (min-width:64em) { .nav__container>div>ul li,.nav__container>ul li { border-bottom: 0 } } .nav__container>div>ul li.is-active>a,.nav__container>ul li.is-active>a { color: #92a8d1 } .nav__container>div>ul li>ul,.nav__container>ul li>ul { list-style-type: none; margin: 0 } .nav__container>div>ul li>ul li,.nav__container>ul li>ul li { height: 100% } .nav__container>div>ul li>ul li:last-child,.nav__container>ul li>ul li:last-child { border: 0 } .nav__container>div>ul li>ul a,.nav__container>ul li>ul a { display: block; font-size: .75rem; padding: 1rem 1.5rem } @media print,screen and (min-width:64em) { .nav__container>div>ul li>ul a,.nav__container>ul li>ul a { padding: 1rem 1.5rem } } .nav__container>div>ul li>ul ul a,.nav__container>ul li>ul ul a { font-size: .6875rem; padding: 1rem 3rem } @media print,screen and (min-width:64em) { .nav__container>div>ul li>ul ul a,.nav__container>ul li>ul ul a { padding: 1rem 1.5rem } } .nav__container>div>ul a,.nav__container>ul a { font-size: .8125rem; color: #2e2e2e; text-transform: uppercase; letter-spacing: 3px; padding: 1.5rem 1.5rem 1.5rem 0 } .nav__container>div>ul a:hover,.nav__container>ul a:hover { color: #92a8d1 } @media print,screen and (min-width:64em) { .nav__container>ul>li>a { padding: 17px 20px } } .menu>li.opens-right>.is-dropdown-submenu,.nav__container>div>ul>li.opens-right>.is-dropdown-submenu,.nav__container>ul>li.opens-right>.is-dropdown-submenu { top: 80%; left: 50%; transform: translate(-50%) } .is-dropdown-submenu-parent>a:after { width: 5px; height: 5px; right: 0; margin-top: -4px } .is-accordion-submenu-parent>a:after,.is-dropdown-submenu-parent>a:after { content: ""; display: block; border-right: 1px solid #92a8d1; border-top: 1px solid #92a8d1; transform: rotate(135deg) } .is-accordion-submenu-parent>a:after { width: 10px; height: 10px; border-left-width: 0; position: absolute; right: 10px; margin-top: -10px } .is-accordion-submenu-parent[aria-expanded=true]>a:after { margin-top: -5px; transform: rotate(-45deg) } @media print,screen and (min-width:64em) { .is-accordion-submenu-parent,.is-dropdown-submenu-parent { padding-right: 15px } } .is-dropdown-submenu .is-dropdown-submenu-parent>a:after { right: 0 } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { content: ""; display: block; width: 5px; height: 5px; border-right: 1px solid #92a8d1; border-top: 1px solid #92a8d1; transform: rotate(45deg); border-width: 1px 1px 0 0 } .hamburger { padding: 10px 15px; display: inline-block; cursor: pointer; transition-property: opacity,-webkit-filter; transition-property: opacity,filter; transition-property: opacity,filter,-webkit-filter; transition-duration: .4s; transition-timing-function: linear } @media print,screen and (min-width:40em) { .hamburger { padding: 10px 20px } } .hamburger:focus { outline: 0 } .hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -2px } .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before { width: 30px; height: 1px; background-color: #fefefe; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease } .hamburger-inner:after,.hamburger-inner:before { content: ""; display: block } .hamburger-inner:before { top: -10px } .hamburger-inner:after { bottom: -10px } .hamburger--squeeze .hamburger-inner { transition-duration: .1s; transition-timing-function: cubic-bezier(.55,.055,.675,.19) } .hamburger--squeeze .hamburger-inner:before { transition: top .1s ease .14s,opacity .1s ease } .hamburger--squeeze .hamburger-inner:after { transition: bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19) } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: .14s; transition-timing-function: cubic-bezier(.215,.61,.355,1) } .hamburger--squeeze.is-active .hamburger-inner:before { top: 0; opacity: 0; transition: top .1s ease,opacity .1s ease .14s } .hamburger--squeeze.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s } body { overflow-x: hidden } .main { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: start; align-items: flex-start } .main__primary { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 30px } @media print,screen and (min-width:40em) { .main__primary { padding-right: 1.25rem; padding-left: 1.25rem; margin-bottom: 40px } } @media print,screen and (min-width:64em) { .main__primary { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 30px } } @media print,screen and (min-width:64em) and (min-width:40em) { .main__primary { padding-right: 1.25rem; padding-left: 1.25rem; margin-bottom: 80px } } @media print,screen and (min-width:64em) { .full-layout .main__primary { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:64em) and (min-width:40em) { .full-layout .main__primary { padding-right: 1.25rem; padding-left: 1.25rem } } @media print,screen and (min-width:64em) { .right-sidebar .main__primary { padding-right: 40px } } @media screen and (min-width:100em) { .right-sidebar .main__primary { padding-right: 80px } } @media print,screen and (min-width:64em) { .left-sidebar .main__primary { -ms-flex-order: 2; order: 2; padding-left: 40px } } .main__secondary { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .main__secondary { padding-right: 1.25rem; padding-left: 1.25rem } } @media print,screen and (min-width:64em) { .main__secondary { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 30px } } @media print,screen and (min-width:64em) and (min-width:40em) { .main__secondary { padding-right: 1.25rem; padding-left: 1.25rem; margin-bottom: 80px } } @media print,screen and (min-width:64em) { .left-sidebar .main__secondary { -ms-flex-order: 1; order: 1 } } .main__subtitle { font-size: 1rem } .main__subtitle--header { color: #a7a7a7; margin: 0 } @media print,screen and (min-width:40em) { .main__subtitle--header { font-size: 1.25rem } } .main__subtitle--footer { color: #fefefe } .separator:before { margin-bottom: 30px; content: ""; display: block; height: 1px; width: 100%; background: #efefef } @media print,screen and (min-width:40em) { .separator:before { margin-bottom: 40px } } @media screen and (max-width:39.9375em) { .box--big .box__thumbnail,.box--medium .box__thumbnail,.box--small:not(.box--trending) .box__thumbnail,.post__audio,.post__content .wp-caption,.post__image,.post__video { width: 100vw; max-width: none; position: relative; left: 50%; margin-left: -50vw } } @media print,screen and (min-width:64em) { .full-layout .comments__container,.full-layout .post__about-author__container,.full-layout .post__content,.full-layout .post__footer,.full-layout .post__header,.full-layout .post__meta { position: relative; width: 70%; left: 50%; transform: translate(-50%) } } @media screen and (min-width:100em) { .full-layout .comments__container,.full-layout .post__about-author__container,.full-layout .post__content,.full-layout .post__footer,.full-layout .post__header,.full-layout .post__meta { width: 60% } } .show-for-sr { position: absolute!important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0) } .mask { position: fixed; z-index: 8888; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #202020; opacity: 0; transition: opacity .4s,width 0s .4s,height 0s .4s } .mask.show { width: 100%; height: 100%; opacity: .7; transition: opacity .4s } .mask.search-layout { z-index: 9998 } .js-scroll-disabled { height: 100%; width: 100%; overflow: hidden } .load-more { text-align: center } .load-more a { display: inline-block; margin: 10px } .no-result .first-level,.page-404 .first-level { font-size: 1.375rem } .no-result .second-level,.page-404 .second-level { font-size: 1.125rem } .no-result .third-level,.page-404 .third-level { font-size: .875rem } .no-result span,.page-404 span { font-weight: 400; margin: 0 0 20px } .no-result form,.page-404 form { margin: 50px auto 0 } @media print,screen and (min-width:40em) { .no-result form,.page-404 form { width: 50% } } .page-404 h1 { font-family: Raleway,Helvetica,Roboto,Arial,sans-serif; font-size: 4.5rem; font-weight: 400; text-align: center; color: #92a8d1 } @media screen and (min-width:100em) { .comment__container,.footer__row,.header,.header__slider:not(.slider__full) .overlay,.instagram-pics,.main,.nav__row,.row,.slider__row,hr { max-width: 87.5rem } } .nav__search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 5px 15px } .nav__search .icon-search:before { font-size: 32px; color: #2e2e2e } @media print,screen and (min-width:64em) { .nav__search .icon-search:before { margin-right: 10px } } .nav__responsive .nav__search .icon-search:before { font-size: 36px; color: #fefefe } .nav__row .nav__search { display: none } @media print,screen and (min-width:64em) { .nav__row .nav__search { display: -ms-flexbox; display: flex } } .nav__responsive .nav__search { padding: 5px 10px } .search-layout { display: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100% } .search-layout__container { width: 500px; max-width: 80% } .search-layout__container form,.search-layout__container input { margin: 0 } .search-layout__container input { font-size: 26px; height: 60px } .search-layout.show { display: -ms-flexbox; display: flex; z-index: 9999 } .search-layout__close { position: absolute; top: 0; right: 0 } .search-layout__close .icon { display: -ms-flexbox; display: flex; font-size: 34px; color: #fefefe; padding: 5px 10px } @media print,screen and (min-width:64em) { .search-layout__close .icon { padding: 10px } } .search-layout .hamburger { padding: 0; top: 7px; right: 10px } .widget { margin-bottom: 30px } @media print,screen and (min-width:40em) { .widget { margin-bottom: 40px } } .widget__heading { display: block; font-size: 1.125rem; text-align: left; margin: 6px 0 20px } .main__secondary .widget__heading:first-letter { font-size: 130%; color: #fefefe; letter-spacing: 0; line-height: 0; margin: 0 3px 0 0; padding: 0 7px; background: #c9d4e8 } .widget ul:not(.instagram-pics) { margin: 0 } .widget ul:not(.instagram-pics).children { margin: 10px 0 0 15px } @media print,screen and (min-width:40em) { .widget ul:not(.instagram-pics).children { margin: 10px 0 0 20px } } .widget li { list-style-type: none; border-bottom: 1px dashed #efefef; margin: 0 0 10px } .widget li:last-child { border: 0; margin: 0 } .widget li a { font-weight: 400; display: inline-block; text-align: left } .widget__comment,.widget__latest,.widget__trending,.widget__tweet { margin: 0 } .widget__about-me .about-me__img { width: 250px; max-width: 100% } .widget__about-me .about-me__title { text-align: center; margin: 0 } .widget__about-me .about-me__text { font-size: .75rem; text-align: center; margin: 10px 0 0 } .widget__about-me .about-me__signature { display: block; margin: 0 auto } .widget__facebook .facebook-container { text-align: center } .widget_nav_menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap } .widget_nav_menu ul li:last-child { margin: 0 0 10px } .widget_nav_menu ul li a { padding: 5px } .instagram-pics { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .instagram-pics li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; text-align: center; margin: 0; padding: 0!important; border: 0 } @media print,screen and (min-width:40em) { .instagram-pics li { padding-right: 1.25rem; padding-left: 1.25rem } } @media screen and (min-width:40em) and (max-width:63.9375em) { .instagram-pics li { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding-right: .9375rem; padding-left: .9375rem } } @media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) { .instagram-pics li { padding-right: 1.25rem; padding-left: 1.25rem } } .instagram-pics li a,.instagram-pics li img { width: 100%; max-width: 100% } .instagram-pics+.clear { text-align: center } .widget_tag_cloud .tagcloud { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .widget_tag_cloud .tagcloud li { border: 0 } .widget_tag_cloud .tagcloud a { font-size: .75rem!important } .footer__sidebar .widget { margin: 0 } .footer__sidebar .widget__heading { font-size: 1.75rem; letter-spacing: 5px; text-align: center } .footer__sidebar .instagram-pics { max-width: none; margin: 0 } @media print,screen and (min-width:40em) { .footer__sidebar .instagram-pics li { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0 } } @media print,screen and (min-width:40em) and (min-width:40em) { .footer__sidebar .instagram-pics li { padding-right: 1.25rem; padding-left: 1.25rem } } .footer__sidebar .instagram-pics li img { transition: all .4s } .footer__sidebar .instagram-pics li img:hover { transform: translateY(4px) } .footer__sidebar .box-container-row { margin: 0!important } @media print,screen and (min-width:40em) { .footer__sidebar .box--trending { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0 } } @media print,screen and (min-width:40em) and (min-width:40em) { .footer__sidebar .box--trending { padding-right: 1.25rem; padding-left: 1.25rem } } .footer__sidebar .box--trending .box__thumbnail { padding-left: 0; padding-right: 0 } .footer { text-align: center; background-color: #92a8d1 } .footer__row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .footer__logo { margin: 40px 0 0 } .footer__bottom,.footer__social,.footer__top { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .footer__bottom,.footer__social,.footer__top { padding-right: 1.25rem; padding-left: 1.25rem } } .footer__top { margin-bottom: 30px } .footer__back a { display: inline-block; position: relative; font-size: .75rem; color: #fefefe; letter-spacing: 2px; padding-right: 30px } .footer__back a:after { content: ""; display: block; width: 8px; height: 8px; border-right: 1px solid #fefefe; border-top: 1px solid #fefefe; transform: rotate(-45deg); position: absolute; right: 10px; top: 50%; margin-top: -2px; transition: all .4s } .footer__back a:active:after,.footer__back a:hover:after { border-color: #fefefe } .footer__copyright { font-size: .625rem; color: #fefefe; letter-spacing: 2px } .box-container-row { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } @media print,screen and (min-width:40em) { .box-container-row { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:64em) { .box-container-row { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:100em) { .box-container-row { margin-right: -1.25rem; margin-left: -1.25rem } } .box { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 30px } @media print,screen and (min-width:40em) { .box { padding-right: 1.25rem; padding-left: 1.25rem; margin-bottom: 40px } } .box.box--small { margin-bottom: 30px } .box.sticky:not(.box--trending) { background-color: #e9eef6; padding: 15px } @media print,screen and (min-width:40em) { .box.sticky:not(.box--trending) { padding: 20px } } @media print,screen and (min-width:40em) { .box--medium:not(.box--inline) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:40em) and (min-width:40em) { .box--medium:not(.box--inline) { padding-right: 1.25rem; padding-left: 1.25rem } } .box--trending { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .box--trending { padding-right: 1.25rem; padding-left: 1.25rem } } @media screen and (min-width:40em) and (max-width:63.9375em) { .box--trending { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: .9375rem; padding-left: .9375rem } } @media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) { .box--trending { padding-right: 1.25rem; padding-left: 1.25rem } } @media print,screen and (min-width:40em) { .post__relative-content .box--trending { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0 } } @media print,screen and (min-width:40em) and (min-width:40em) { .post__relative-content .box--trending { padding-right: 1.25rem; padding-left: 1.25rem } } .box--small .box__container { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } @media print,screen and (min-width:40em) { .box--small .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:64em) { .box--small .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:100em) { .box--small .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:40em) { .box--inline .box__container { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } } @media print,screen and (min-width:40em) and (min-width:40em) { .box--inline .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:40em) and (min-width:64em) { .box--inline .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:40em) and (min-width:100em) { .box--inline .box__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:40em) { .box--small:not(.box--trending) .box__thumbnail { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:40em) and (min-width:40em) { .box--small:not(.box--trending) .box__thumbnail { padding-right: 1.25rem; padding-left: 1.25rem } } .box--trending .box__thumbnail { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .box--trending .box__thumbnail { padding-right: 1.25rem; padding-left: 1.25rem } } @media print,screen and (min-width:40em) { .box--inline .box__thumbnail { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:40em) and (min-width:40em) { .box--inline .box__thumbnail { padding-right: 1.25rem; padding-left: 1.25rem } } .box--inline .box__content,.box--small .box__content { width: 100% } @media print,screen and (min-width:40em) { .box--inline .box__content,.box--small .box__content { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0 } } @media print,screen and (min-width:40em) and (min-width:40em) { .box--inline .box__content,.box--small .box__content { padding-right: 1.25rem; padding-left: 1.25rem } } .box--trending .box__content { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0 } @media print,screen and (min-width:40em) { .box--trending .box__content { padding-right: 1.25rem; padding-left: 1.25rem } } .box { overflow: hidden; position: relative } .box__thumbnail { display: block; margin: 0 0 15px } .box__category { font-size: .9375rem; font-weight: 400; margin: 0 0 5px } .box__title { word-wrap: break-word; font-size: 1.625rem; text-align: center; margin: 0 0 10px } .box__text { text-align: justify } .box__meta { font-size: .875rem; font-style: italic; color: #a7a7a7; text-align: center } .box__footer { border-bottom: 1px solid #efefef } .box__cta { font-size: .875rem; text-transform: uppercase; margin: 0 20px 5px 0 } .box__share { margin: 0 0 5px } .box--split { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .box.sticky:not(.box--trending) a { font-weight: 400 } [data-parallax=true] .box__thumbnail .simpleParallax { transition: all .4s } [data-parallax=true] .box__thumbnail:hover .simpleParallax { transform: scale(1.02) } [data-parallax=false] .box__thumbnail img { transition: all .4s } [data-parallax=false] .box__thumbnail:hover img { transform: scale(1.02) } @media print,screen and (min-width:40em) { .box--big .box__footer,.box--medium:not(.box--inline) .box__footer { position: absolute; bottom: 0; left: 20px; right: 20px } } .box--big .box__meta,.box--medium .box__meta { margin: 0 0 50px } @media print,screen and (min-width:64em) { .full-layout .box--big .box__content,.full-layout .box--medium .box__content { width: 80%; margin: 0 auto } } @media print,screen and (min-width:64em) { .full-layout .box--inline .box__category,.full-layout .box--inline .box__meta,.full-layout .box--inline .box__text,.full-layout .box--inline .box__title { width: 80%; margin-left: auto; margin-right: auto } } @media print,screen and (min-width:40em) { .box--small:not(.box--trending) .box__thumbnail { margin: 0 } } @media print,screen and (min-width:40em) { .box--small:not(.box--trending) .box__category { text-align: left } } @media print,screen and (min-width:40em) { .box--small:not(.box--trending) .box__title { text-align: left; margin: 0 0 5px } } @media print,screen and (min-width:40em) { .box--small:not(.box--trending) .box__meta { text-align: left } } @media print,screen and (min-width:40em) { .box--inline .box__thumbnail { margin: 0 } } .box--inline .box__meta { margin-bottom: 30px } .box--trending .box__title { font-size: 1.5rem } @media print,screen and (min-width:40em) { .box--trending .box__title { font-size: 1.25rem } } .box--trending .box__meta-date { display: block } .slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list,.slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { transform: translateZ(0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after,.slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slider { overflow: hidden } @media print,screen and (min-width:40em) { .slider__row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } } @media print,screen and (min-width:40em) { .slider__row .slider__container { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } } @media print,screen and (min-width:40em) and (min-width:40em) { .slider__row .slider__container { padding-right: 1.25rem; padding-left: 1.25rem } } .slider__container { opacity: 0; height: 0 } .slider__container.slick-initialized { opacity: 1; height: auto; transition: all .4s } .slider__slide { overflow: hidden } .slider .slick-next,.slider .slick-prev { position: absolute; display: block; height: 100%; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translateY(-50%); border: 0; outline: none; z-index: 2222; padding: 0 15px } @media print,screen and (min-width:64em) { .slider .slick-next,.slider .slick-prev { padding: 0 20px; opacity: 0; transition: opacity .4s } } .slider .slick-next:before,.slider .slick-prev:before { content: ""; position: relative; display: block; width: 27px; height: 61px } .slider .slick-prev { left: 0 } .slider .slick-prev:before { background: url(./images/layout/arrow-left.png) } .slider .slick-next { right: 0 } .slider .slick-next:before { background: url(./images/layout/arrow-right.png) } .slider .slick-dots { width: auto; left: 50%; transform: translate(-50%) } @media print,screen and (min-width:64em) { .slider .slick-dots { opacity: 0; transition: opacity .4s } } @media print,screen and (min-width:64em) { .slider:hover .slick-dots,.slider:hover .slick-next,.slider:hover .slick-prev { opacity: 1 } } @media print,screen and (min-width:40em) { .slider.header__slider .slick-prev { left: 20px } } @media print,screen and (min-width:40em) { .slider.header__slider .slick-next { right: 20px } } .widget__slider { margin-bottom: 30px } .widget__slider .slick-dots { bottom: 0 } @media print,screen and (min-width:64em) { .widget__slider .slick-dots { opacity: .75 } } .widget__slider .slick-dots li { border: 0 } .widget__slider .slick-dots li.slick-active button:before,.widget__slider .slick-dots li:hover button:before,.widget__slider .slick-dots li button:before { color: #2e2e2e } .slick-slide:focus { outline: 0 } .slick-dots { position: absolute; bottom: 10px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: auto; left: 50%; transform: translate(-50%) } @media screen and (min-width:64em) { .slick-dots { opacity: 0; transition: opacity .4s } } .slick-dots li { position: relative; display: inline-block; margin: 0 3px; padding: 0 } .slick-dots li,.slick-dots li button { height: 20px; width: 20px; cursor: pointer } .slick-dots li button { border: 0; background: transparent; display: block; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px } .slick-dots li button:focus,.slick-dots li button:hover { outline: none } .slick-dots li button:focus:before,.slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: slick; font-size: 28px; line-height: 20px; text-align: center; color: #fefefe; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #fefefe } .overlay { display: block!important; position: relative; overflow: hidden; height: 100% } .overlay img { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden } .overlay__text { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.1); padding: 60px } @media print,screen and (min-width:64em) { .overlay__text { padding: 80px } } .overlay__category { max-width: 100% } .overlay__category a,.overlay__category a:hover { color: #fefefe } .overlay__title { text-transform: none; color: #fefefe; margin: 0 0 20px; transition: margin .4s; max-width: 100% } @media print,screen and (min-width:64em) { .overlay__title { margin: 0 } } @media print,screen and (min-width:64em) { .overlay__cta { opacity: 0 } } @media print,screen and (min-width:64em) { .overlay:hover .overlay__title { margin: 0 0 20px } .overlay:hover .overlay__text { background: rgba(0,0,0,.2) } .overlay:hover .overlay__cta { opacity: 1 } } .post__category { font-size: 1.125rem; font-weight: 400; text-align: left } .post__heading { word-wrap: break-word; margin-bottom: 5px; padding-bottom: 5px } .page .post__heading { border: 0 } .post__meta { margin-bottom: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .8125rem; font-style: italic; color: #a7a7a7 } @media print,screen and (min-width:40em) { .post__meta { margin-bottom: 40px } } .post__meta--left { margin-right: 20px } .post__audio,.post__image,.post__video { margin-bottom: 30px } .post__image img { width: 100% } .post__content { margin-bottom: 30px } @media print,screen and (min-width:40em) { .post__content { margin-bottom: 40px } } .post__content .wp-caption,.post__content p { margin-bottom: 30px } .post__content .wp-caption>a img,.post__content .wp-caption>img,.post__content p>a img,.post__content p>img { margin-bottom: 0 } .post__content .wp-caption { max-width: 100% } @media print,screen and (min-width:40em) { .post__content .wp-caption.alignleft,.post__content .wp-caption.alignright { max-width: 50% } } .post__content>p:first-of-type:first-letter { font-size: 3.125rem; font-weight: 700; line-height: 1; float: left; margin: 0 5px 0 0 } .post__content>p>img.alignleft,.post__content>p>img.alignright,.post__content ol,.post__content ul:not(.slick-dots) { margin-bottom: 30px } .post__content ol li,.post__content ul:not(.slick-dots) li { margin: 0 0 10px; padding-left: 5px } .post__content ul:not(.slick-dots)>li { list-style-image: url(./images/layout/puce.png) } .post__content ol:not(.slick-dots)>li { list-style-image: none } .post__content blockquote { position: relative; font-family: Domine,Helvetica,Roboto,Arial,serif; font-size: 20px; font-style: italic; padding: 20px 40px; padding-left: 60px } @media print,screen and (min-width:64em) { .post__content blockquote { padding-left: 40px } } .post__content blockquote:before { content: "\201C"; font-size: 7.5rem; font-family: Domine,Helvetica,Roboto,Arial,serif; color: #c9d4e8; position: absolute; top: -30px; left: -10px } @media print,screen and (min-width:64em) { .post__content blockquote:before { left: -50px } } .post__content blockquote p { margin: 0 } .post__content img { margin-bottom: 30px } .post__pagination { text-align: center } .post__footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; clear: both } @media screen and (max-width:39.9375em) { .post__footer { -ms-flex-direction: column; flex-direction: column } } .post__share,.post__tags { margin: 0 0 5px } .post__share li,.post__tags li { margin-bottom: 5px } .post__tags { display: inline-block; text-align: center } @media print,screen and (min-width:40em) { .post__tags { text-align: left; margin-right: 20px } } .post__about-author { margin-bottom: 30px } @media print,screen and (min-width:40em) { .post__about-author { margin-bottom: 40px } } .post.post--full .post__audio,.post.post--full .post__image,.post.post--full .post__video { width: 100vw; max-width: none; position: relative; left: 50%; margin-left: -50vw } .about-author { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 30px } @media print,screen and (min-width:40em) { .about-author { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:64em) { .about-author { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:100em) { .about-author { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:40em) { .about-author { margin-bottom: 40px } } .about-author__avatar { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 30px } @media print,screen and (min-width:40em) { .about-author__avatar { padding-right: 1.25rem; padding-left: 1.25rem; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 0 } } @media print,screen and (min-width:40em) and (min-width:40em) { .about-author__avatar { padding-right: 1.25rem; padding-left: 1.25rem } } .about-author__avatar img { display: block; border-radius: 100%; margin: 0 auto } @media print,screen and (min-width:40em) { .about-author__avatar img { margin: 0 } } .about-author__name { font-size: 1.375rem; margin: 0 } .about-author__content { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0; text-align: center } @media print,screen and (min-width:40em) { .about-author__content { padding-right: 1.25rem; padding-left: 1.25rem; text-align: left } } .about-author__bio { font-style: italic } .about-author__footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px } @media screen and (max-width:39.9375em) { .about-author__footer { -ms-flex-direction: column; flex-direction: column } } .about-author .social-list-img__item { margin-top: 0 } .about-author__cta { text-transform: uppercase; margin: 0 0 20px } @media print,screen and (min-width:40em) { .about-author__cta { margin: 0 } } .comment { font-size: .875rem } .comment__container { max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px } .comment__avatar { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; padding-right: .9375rem; padding-left: .9375rem; padding: 0!important } @media print,screen and (min-width:40em) { .comment__avatar { padding-right: 1.25rem; padding-left: 1.25rem } } @media screen and (max-width:39.9375em) { .comment__avatar { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; margin: 0 0 20px; padding-left: 0 } } @media screen and (max-width:39.9375em) and (min-width:40em) { .comment__avatar { padding-right: 1.25rem; padding-left: 1.25rem } } .comment__avatar img { display: block; border-radius: 100%; width: 100%; max-width: 72px; margin: 0 auto } .comment__content { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .9375rem; padding-left: .9375rem; min-width: 0; padding: 0!important } @media print,screen and (min-width:40em) { .comment__content { padding-right: 1.25rem; padding-left: 1.25rem } } .comment__flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .comment__flex+.comment__approval { margin: 0 0 10px } .comment__flex+.comment__text { margin: 10px 0 0 } .comment__meta { -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; color: #a7a7a7; font-style: italic } .comment__actions,.comment__meta { display: -ms-flexbox; display: flex } .comment__actions .icon { margin-left: 10px } .comment__about { display: block } .comment__approval p { color: #d7a560; font-style: italic; margin: 0 } .comment__text p { line-height: 1.3; word-spacing: 1px; margin-bottom: 0 } .widget__comment .comment__container { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 30px; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0 } @media print,screen and (min-width:40em) { .widget__comment .comment__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:64em) { .widget__comment .comment__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:100em) { .widget__comment .comment__container { margin-right: -1.25rem; margin-left: -1.25rem } } .widget__comment .comment__avatar { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; padding: 0 } @media print,screen and (min-width:40em) { .widget__comment .comment__avatar { padding-right: 1.25rem; padding-left: 1.25rem } } .widget__comment .comment__avatar img { max-width: 50px } .widget__comment .comment__about { display: block; text-align: center; margin: 0; font-size: .8125rem } .widget__comment .comment__content { text-align: center } .widget__comment .comment__text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; text-align: center; margin: 1rem 0 .5rem } @media print,screen and (min-width:40em) { .widget__comment .comment__text { padding-right: 1.25rem; padding-left: 1.25rem } } .widget__comment .comment__text,.widget__comment .comment__text * { font-size: .8125rem } .widget__comment .comment__date { font-size: .875rem; font-style: italic; color: #a7a7a7; margin: 0 auto } .comment-reply-title { margin: 0 } .comments__container { margin-bottom: 30px } @media print,screen and (min-width:40em) { .comments__container { margin-bottom: 40px } } .comments__container .children { list-style-type: none; margin: 0 } @media print,screen and (min-width:40em) { .comments__container .children { margin: 0 0 0 50px } } .comment-form { margin: 0 } .comment-form__meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #a7a7a7; font-style: italic } .comment-form__meta p { margin: 0 0 5px } .comment-form__write { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .comment-form .form-submit { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: -20px 1.25rem 20px 0 } @media print,screen and (min-width:64em) { .comment-form .form-submit { -ms-flex-pack: end; justify-content: flex-end; margin-right: 1.25rem } } .comment-form .form-allowed-tags { display: none } @media print,screen and (min-width:40em) { .comment+.comment-respond { margin: 0 0 0 50px } } .tag__list { list-style: none; margin: 0 } .tag__item { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; margin: 0 10px 10px 0!important } .tag__item:last-child .tag__link,.tag__item:last-child .widget_tag_cloud .tagcloud a,.widget_tag_cloud .tagcloud .tag__item:last-child a { margin-right: 0 } .tag__link,.widget_tag_cloud .tagcloud a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: .75rem; line-height: 1; text-transform: lowercase; padding: 5px 10px; color: #fefefe; background-color: #c9d4e8 } .tag__link:hover,.widget_tag_cloud .tagcloud a:hover { color: #fefefe; background-color: #92a8d1 } .tag__link:active,.widget_tag_cloud .tagcloud a:active { color: #fefefe; background-color: #6e8bc2 } .tweet__container { margin-right: -.9375rem; margin-left: -.9375rem; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px } @media print,screen and (min-width:40em) { .tweet__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media print,screen and (min-width:64em) { .tweet__container { margin-right: -1.25rem; margin-left: -1.25rem } } @media screen and (min-width:100em) { .tweet__container { margin-right: -1.25rem; margin-left: -1.25rem } } .tweet__icon { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem; text-align: center } @media print,screen and (min-width:40em) { .tweet__icon { padding-right: 1.25rem; padding-left: 1.25rem } } .tweet__icon i { font-size: 1.5rem; color: #4da7de; opacity: .8 } .tweet__content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: .9375rem; padding-left: .9375rem } @media print,screen and (min-width:40em) { .tweet__content { padding-right: 1.25rem; padding-left: 1.25rem } } .tweet__text { font-size: .8125rem; text-align: center; margin: 0 0 .5rem } .tweet__date { display: block; font-size: .875rem; font-style: italic; color: #a7a7a7; margin: 0 auto } .social-list-img { line-height: 0; margin: 0 } .social-list-img__item { display: inline-block; margin: 20px 10px 0 0 } .social-list-img__item:last-child { margin-right: 0 } .social-list-img__link { display: block; width: 30px; height: 30px; background-image: url(./images/header/social/sprite-socialX2.png); background-repeat: no-repeat; background-size: 420px 30px; opacity: .8; transition: opacity .4s } .social-list-img__link:hover { opacity: 1 } .social-list-img__link.blogger { background-position: 0 0 } .social-list-img__link.bloglovin { background-position: -30px 0 } .social-list-img__link.dribbble { background-position: -60px 0 } .social-list-img__link.facebook { background-position: -90px 0 } .social-list-img__link.flickr { background-position: -120px 0 } .social-list-img__link.googleplus { background-position: -150px 0 } .social-list-img__link.instagram { background-position: -180px 0 } .social-list-img__link.linkedin { background-position: -210px 0 } .social-list-img__link.medium { background-position: -240px 0 } .social-list-img__link.pinterest { background-position: -270px 0 } .social-list-img__link.rss { background-position: -300px 0 } .social-list-img__link.tumblr { background-position: -330px 0 } .social-list-img__link.twitter { background-position: -360px 0 } .social-list-img__link.youtube { background-position: -390px 0 } .social-list-icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: 0 } .social-list-icon__item { margin: 0 10px 0 0; line-height: 1 } .social-list-icon__item:last-child { margin-right: 0 } .social-list-icon__link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 24px; width: 24px; border-radius: 50% } .social-list-icon__link:hover .icon-facebook+span { background-color: #3e5b98 } .social-list-icon__link:hover .icon-twitter+span { background-color: #4da7de } .social-list-icon__link:hover .icon-googleplus+span { background-color: #dd4b39 } .social-list-icon__link:hover .icon-dribbble+span { background-color: #e84d88 } .social-list-icon__link:hover .icon-instagram+span { background-color: #000 } .social-list-icon__link:hover .icon-pinterest+span { background-color: #c92619 } .social-list-icon__link:hover .icon-blogger+span { background-color: #ec661c } .social-list-icon__link:hover .icon-tumblr+span { background-color: #45556c } .social-list-icon__link:hover .icon-flickr+span { background-color: #1e1e1b } .social-list-icon__link:hover .icon-rss+span { background-color: #f26109 } .social-list-icon__link:hover .icon-reddit+span { background-color: #e74a1e } .social-list-icon__link:hover .icon-vine+span { background-color: #00b389 } .social-list-icon__link:hover span { top: 0; left: 0; height: 24px; width: 24px; opacity: .8; border-radius: 50%; transition: all .1s } .social-list-icon__link:hover i { color: #fefefe } .social-list-icon span { position: absolute; top: 50%; left: 50%; height: 0; width: 0; opacity: 0 } .social-list-icon i { font-size: .875rem; color: #92a8d1; z-index: 10 } .social-list-icon-text { margin-bottom: 30px; margin-left: 0 } @media print,screen and (min-width:40em) { .social-list-icon-text { margin-bottom: 40px } } .social-list-icon-text__item { display: inline-block } .social-list-icon-text__link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fefefe; text-transform: capitalize; margin: 0 7px } @media print,screen and (min-width:40em) { .social-list-icon-text__link { margin: 0 15px } } .social-list-icon-text__link:hover { color: #fefefe } .social-list-icon-text i { margin: 0 10px 0 0 }