@charset "UTF-8"; /*! * Theme Name: Calibration * Theme URI: https://mobilemarkup.com/themes/calibration/ * Author: mobileMarkup * Author URI: https://mobilemarkup.com * Description: Calibration is a clean and minimalistic WP theme, created for photographers, bloggers, artists and everyone who loves simplicity. * Version: 1.0.1 * License: GNU General Public License v3 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Text Domain: calibration * Tags: two-columns, right-sidebar, left-sidebar, custom-header, flexible-header, custom-background, custom-menu, custom-logo, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio */ /* #################################### TABLE OF CONTENTS: 1.0 BASE 2.0 LAYOUT 3.0 HELPERS 4.0 ELEMENTS 5.0 HEADER 6.0 NAVIGATION 7.0 WRAPPER 8.0 MAIN 9.0 MODULES 9.1 ARTICLE FOOTER 9.2 ARTICLE LIST 9.3 CALENDAR 9.4 COMMENTS 9.5 CUSTOM BACKGROUND 9.6 FORM 9.7 GALLERY 9.8 PAGE GALLERY 9.9 PAGE HEADER 9.10 PAGINATION 9.11 PLUGIN CONTACT FORM 9.12 SIDEBAR 9.13 SINGLE ARTICLE 9.14 TEXT CLASSES 10.0 FOOTER ##################################### */ /* ################################## # # # 1.0 BASE # # # ################################## */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1, .single .entry-title, .page .entry-title { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ################################## # # # 2.0 LAYOUT # # # ################################## */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-font-feature-settings: "liga","kern"; font-feature-settings: "liga","kern"; } body { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.5; min-width: 320px; background-color: white; } body.admin-bar { position: relative; } .fadein { opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .fadein.lazyloaded { opacity: 1; } .blur-up { will-change: filter, opacity, transform; -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: opacity 1s, blur .3s, -webkit-transform 1s; transition: opacity 1s, blur .3s, -webkit-transform 1s; transition: transform 1s, opacity 1s, blur .3s; transition: transform 1s, opacity 1s, blur .3s, -webkit-transform 1s; opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: center; transform-origin: center; } .blur-up:not(.lazyload) { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } ::-moz-selection { color: white; background: black; text-shadow: none; } ::selection { color: white; background: black; text-shadow: none; } /* ################################## # # # 3.0 ELEMENTS # # # ################################## */ h1, .single .entry-title, .page .entry-title, h2, .wp-article-list .entry-title, h3, fieldset legend, .single .entry-content blockquote, .page .entry-content blockquote, .entry-footer .post-author .author-name, .post-navigation .nav-title, [id=footer] .footer-title, h4, h5, h6 { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 1rem 0; font-weight: 600; } h1, .single .entry-title, .page .entry-title { line-height: 1.25; } h1, .single .entry-title, .page .entry-title { font-size: 1.6478574487rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h1, .single .entry-title, .page .entry-title { font-size: calc(1.6478574487rem + 1.5094770696 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h1, .single .entry-title, .page .entry-title { font-size: 3.1573345183rem; } } h2, .wp-article-list .entry-title { line-height: 1.375; } h2, .wp-article-list .entry-title { font-size: 1.454419637rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h2, .wp-article-list .entry-title { font-size: calc(1.454419637rem + 0.9141734 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h2, .wp-article-list .entry-title { font-size: 2.368593037rem; } } h3, fieldset legend, .single .entry-content blockquote, .page .entry-content blockquote, .entry-footer .post-author .author-name, .post-navigation .nav-title, [id=footer] .footer-title { font-size: 1.283689rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h3, fieldset legend, .single .entry-content blockquote, .page .entry-content blockquote, .entry-footer .post-author .author-name, .post-navigation .nav-title, [id=footer] .footer-title { font-size: calc(1.283689rem + 0.4932 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h3, fieldset legend, .single .entry-content blockquote, .page .entry-content blockquote, .entry-footer .post-author .author-name, .post-navigation .nav-title, [id=footer] .footer-title { font-size: 1.776889rem; } } h4 { font-size: 1.133rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h4 { font-size: calc(1.133rem + 0.2 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h4 { font-size: 1.333rem; } } h5 { font-size: 1rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h5 { font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h5 { font-size: 1rem; } } h6 { font-size: 0.8826125331rem; } @media screen and (min-width: 37.5rem) and (max-width: 80rem) { h6 { font-size: calc(0.8826125331rem + -0.1324249862 * ((100vw - 37.5rem) / 42.5)); } } @media screen and (min-width: 80rem) { h6 { font-size: 0.7501875469rem; } } a { color: inherit; text-decoration: none; } a:focus { outline: none; } small { font-size: 0.75rem; } pre { overflow: auto; } p, div.wpcf7-response-output, .single .wp-post-image, .page .wp-post-image, ul, dl, ol, blockquote { margin: 1.25em 0; } p:not([class]), div.wpcf7-response-output:not([class]), .single .wp-post-image:not([class]), .page .wp-post-image:not([class]), ul:not([class]), dl:not([class]), ol:not([class]), blockquote:not([class]) { max-width: 60rem; } ol, ul { padding: 0; list-style-position: inside; } ol li + li, ul li + li { margin-top: .5em; } ol ol, ol ul, ul ol, ul ul { margin: .5em 0; } ol ol li, ol ul li, ul ol li, ul ul li { margin-left: 1.125em; } hr { border: none; border-bottom: calc((1.375rem + 0.625vw)/2) solid #fafafa; margin: calc(.75rem + 1.25vw) 0; } fieldset { border-top: calc((1.375rem + 0.625vw)/2) solid #fafafa; border-bottom: calc((1.375rem + 0.625vw)/2) solid #fafafa; border-left: 0; border-right: 0; padding: calc(1.375rem + 0.625vw) 0; } fieldset legend { margin: 0; position: relative; top: 0.75em; background-color: #fafafa; padding: .25em .5em; border: 1px solid #fafafa; } fieldset > * { margin-left: auto; margin-right: auto; } figure { margin: 0; } figure[style] { max-width: 100%; } img, svg { max-width: 100%; height: auto; border: 0; } table { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-spacing: 0; font-size: 0.875em; } table th, table td { padding: .75em .825em; background: rgba(0, 0, 0, 0.05); background-clip: padding-box; } table th:not(:last-child), table td:not(:last-child) { border-right: .5em solid transparent; } table th a:only-child, table td a:only-child { display: block; } table thead tr + tr td, table thead tr + tr th, table thead + * td, table thead + * th, table tfoot tr + tr td, table tfoot tr + tr th, table tfoot + * td, table tfoot + * th, table tbody tr + tr td, table tbody tr + tr th, table tbody + * td, table tbody + * th { border-top: .5em solid transparent; } table thead, table tfoot { text-align: center; } table tbody a { text-decoration: underline; } table th, table caption { text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: .1em; } table caption { padding: 1.25em .5em; } dl dt { font-weight: 600; } /* ################################## # # # 4.0 HELPERS # # # ################################## */ .entry-footer .screen-reader-text, .navigation .screen-reader-text, [id=sidebar] .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .entry-footer .screen-reader-text:focus, .navigation .screen-reader-text:focus, [id=sidebar] .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; } .wp-article-list .entry-title a, .post-navigation .nav-title { background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black)), -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background-image: linear-gradient(black, black), linear-gradient(black, black); background-repeat: no-repeat; background-size: 0% 2px, 0% 2px; background-position: 0 98%, 100% 98%; -webkit-transition: background-size 0.3s cubic-bezier(0.5, 0, 0, 1); transition: background-size 0.3s cubic-bezier(0.5, 0, 0, 1); will-change: background-size; transfrom: translateZ(0); } .wp-article-list .entry-title a:hover, .post-navigation .nav-title:hover { background-size: 51% 2px, 50% 2px; } .comment-content a, [id=sidebar] .widget > p a, [id=sidebar] .widget > div.wpcf7-response-output a, [id=sidebar] .single .widget > .wp-post-image a, .single [id=sidebar] .widget > .wp-post-image a, [id=sidebar] .page .widget > .wp-post-image a, .page [id=sidebar] .widget > .wp-post-image a, [id=sidebar] .widget > ul a, [id=sidebar] .widget > div > ul a, [id=sidebar] .widget table tbody a, [id=footer] .footer-entry a { position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))); background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 1px; } .comment-content a:before, [id=sidebar] .widget > p a:before, [id=sidebar] .widget > div.wpcf7-response-output a:before, [id=sidebar] .single .widget > .wp-post-image a:before, .single [id=sidebar] .widget > .wp-post-image a:before, [id=sidebar] .page .widget > .wp-post-image a:before, .page [id=sidebar] .widget > .wp-post-image a:before, [id=sidebar] .widget > ul a:before, [id=sidebar] .widget > div > ul a:before, [id=sidebar] .widget table tbody a:before, [id=footer] .footer-entry a:before, .comment-content a:after, [id=sidebar] .widget > p a:after, [id=sidebar] .widget > div.wpcf7-response-output a:after, [id=sidebar] .single .widget > .wp-post-image a:after, .single [id=sidebar] .widget > .wp-post-image a:after, [id=sidebar] .page .widget > .wp-post-image a:after, .page [id=sidebar] .widget > .wp-post-image a:after, [id=sidebar] .widget > ul a:after, [id=sidebar] .widget > div > ul a:after, [id=sidebar] .widget table tbody a:after, [id=footer] .footer-entry a:after { content: ''; position: absolute; top: -0.5em; right: -0.75em; bottom: -0.5em; left: -0.75em; } .comment-content a:before, [id=sidebar] .widget > p a:before, [id=sidebar] .widget > div.wpcf7-response-output a:before, [id=sidebar] .single .widget > .wp-post-image a:before, .single [id=sidebar] .widget > .wp-post-image a:before, [id=sidebar] .page .widget > .wp-post-image a:before, .page [id=sidebar] .widget > .wp-post-image a:before, [id=sidebar] .widget > ul a:before, [id=sidebar] .widget > div > ul a:before, [id=sidebar] .widget table tbody a:before, [id=footer] .footer-entry a:before { will-change: transform, transform-origin; -webkit-transform-origin: right 0; transform-origin: right 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s, -webkit-transform-origin .3s; transition: -webkit-transform .3s, -webkit-transform-origin .3s; transition: transform .3s, transform-origin .3s; transition: transform .3s, transform-origin .3s, -webkit-transform .3s, -webkit-transform-origin .3s; background-color: black; z-index: -1; } .comment-content a:hover, [id=sidebar] .widget > p a:hover, [id=sidebar] .widget > div.wpcf7-response-output a:hover, [id=sidebar] .single .widget > .wp-post-image a:hover, .single [id=sidebar] .widget > .wp-post-image a:hover, [id=sidebar] .page .widget > .wp-post-image a:hover, .page [id=sidebar] .widget > .wp-post-image a:hover, [id=sidebar] .widget > ul a:hover, [id=sidebar] .widget > div > ul a:hover, [id=sidebar] .widget table tbody a:hover, [id=footer] .footer-entry a:hover { color: white; -webkit-transition: color .15s .15s; transition: color .15s .15s; } .comment-content a:hover:before, [id=sidebar] .widget > p a:hover:before, [id=sidebar] .widget > div.wpcf7-response-output a:hover:before, [id=sidebar] .single .widget > .wp-post-image a:hover:before, .single [id=sidebar] .widget > .wp-post-image a:hover:before, [id=sidebar] .page .widget > .wp-post-image a:hover:before, .page [id=sidebar] .widget > .wp-post-image a:hover:before, [id=sidebar] .widget > ul a:hover:before, [id=sidebar] .widget > div > ul a:hover:before, [id=sidebar] .widget table tbody a:hover:before, [id=footer] .footer-entry a:hover:before { -webkit-transform-origin: left 0; transform-origin: left 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform-origin 0s, -webkit-transform .3s; transition: -webkit-transform-origin 0s, -webkit-transform .3s; transition: transform-origin 0s, transform .3s; transition: transform-origin 0s, transform .3s, -webkit-transform-origin 0s, -webkit-transform .3s; } .comment-content a:hover:after, [id=sidebar] .widget > p a:hover:after, [id=sidebar] .widget > div.wpcf7-response-output a:hover:after, [id=sidebar] .single .widget > .wp-post-image a:hover:after, .single [id=sidebar] .widget > .wp-post-image a:hover:after, [id=sidebar] .page .widget > .wp-post-image a:hover:after, .page [id=sidebar] .widget > .wp-post-image a:hover:after, [id=sidebar] .widget > ul a:hover:after, [id=sidebar] .widget > div > ul a:hover:after, [id=sidebar] .widget table tbody a:hover:after, [id=footer] .footer-entry a:hover:after { z-index: 1; } .search-submit, .post-edit-link, form .wpcf7-form-control-wrap[class*=file]:after, form .button, form .submit, form [type=submit], .posts-navigation .nav-links a, .page-links > *, .comments-pagination .nav-links > *, [id=wp-calendar] tfoot a, [id=sidebar] .customSelect, .search-form input { padding: .75em 1.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; line-height: normal; border-radius: 0; border: none; } [id=sidebar] > *:not([class*=search]):not([class*=gallery]) { position: relative; } [id=sidebar] > :not([class*=gallery]):not([class*=search]):before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: calc((.75rem + 1.25vw)*-1); z-index: -1; -webkit-transition: opacity 0.15s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.15s cubic-bezier(0.5, 0, 0, 1); pointer-events: none; background-color: white; opacity: 0; will-change: opacity; } [id=sidebar] > :not([class*=gallery]):not([class*=search]):hover:before, [id=sidebar] > :not([class*=gallery]):not([class*=search]):focus:before, [id=sidebar] > :not([class*=gallery]):not([class*=search]):active:before { opacity: 1; } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > *:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery .entry-content, .single-format-gallery .entry-footer, .page-template-gallery .entry-content, .page-template-gallery .entry-footer, .post-template-gallery .entry-content, .post-template-gallery .entry-footer, .single-format-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { position: relative; } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):before, .single-format-gallery .entry-content:before, .single-format-gallery .entry-footer:before, .page-template-gallery .entry-content:before, .page-template-gallery .entry-footer:before, .post-template-gallery .entry-content:before, .post-template-gallery .entry-footer:before, .single-format-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before, .page-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before, .post-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: white; -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); margin: calc((.75rem + 1.25vw)*-1); } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :first-child:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery .entry-content:first-child, .single-format-gallery .entry-footer:first-child, .page-template-gallery .entry-content:first-child, .page-template-gallery .entry-footer:first-child, .post-template-gallery .entry-content:first-child, .post-template-gallery .entry-footer:first-child, .single-format-gallery [id=main] > :first-child:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > :first-child:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > :first-child:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { padding-top: calc(.75rem + 1.25vw); } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):first-child:before, .single-format-gallery .entry-content:first-child:before, .single-format-gallery .entry-footer:first-child:before, .page-template-gallery .entry-content:first-child:before, .page-template-gallery .entry-footer:first-child:before, .post-template-gallery .entry-content:first-child:before, .post-template-gallery .entry-footer:first-child:before, .single-format-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):first-child:before, .page-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):first-child:before, .post-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):first-child:before { margin-top: 0; } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :last-child:not([class*=footer]):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery .entry-content:last-child:not([class*=footer]), .single-format-gallery .entry-footer:last-child:not([class*=footer]), .page-template-gallery .entry-content:last-child:not([class*=footer]), .page-template-gallery .entry-footer:last-child:not([class*=footer]), .post-template-gallery .entry-content:last-child:not([class*=footer]), .post-template-gallery .entry-footer:last-child:not([class*=footer]), .single-format-gallery [id=main] > :last-child:not([class*=footer]):not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > :last-child:not([class*=footer]):not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > :last-child:not([class*=footer]):not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { padding-bottom: calc(.75rem + 1.25vw); } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):last-child:not([class*=footer]):before, .single-format-gallery .entry-content:last-child:not([class*=footer]):before, .single-format-gallery .entry-footer:last-child:not([class*=footer]):before, .page-template-gallery .entry-content:last-child:not([class*=footer]):before, .page-template-gallery .entry-footer:last-child:not([class*=footer]):before, .post-template-gallery .entry-content:last-child:not([class*=footer]):before, .post-template-gallery .entry-footer:last-child:not([class*=footer]):before, .single-format-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):last-child:not([class*=footer]):before, .page-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):last-child:not([class*=footer]):before, .post-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):last-child:not([class*=footer]):before { margin-bottom: 0; } .custom-background:not(.background--light) [class*=entry]:before, .custom-background:not(.background--light) [id=main] > *:before { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25); } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > *:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery .entry-content, .single-format-gallery .entry-footer, .page-template-gallery .entry-content, .page-template-gallery .entry-footer, .post-template-gallery .entry-content, .post-template-gallery .entry-footer, .single-format-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { max-width: 100rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: calc(.75rem + 1.25vw); padding-right: calc(.75rem + 1.25vw); margin-left: auto; margin-right: auto; } .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):before, .single-format-gallery .entry-content:before, .single-format-gallery .entry-footer:before, .page-template-gallery .entry-content:before, .page-template-gallery .entry-footer:before, .post-template-gallery .entry-content:before, .post-template-gallery .entry-footer:before, .single-format-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before, .page-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before, .post-template-gallery [id=main] > :not(.not-found):not(.posts-navigation):not([class*=article-list]):not(.page-header):not(.page):not(.post):before { margin: calc((.75rem + 1.25vw)*-1) 0; } @media (max-width: 639px) { .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > *:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery .entry-content, .single-format-gallery .entry-footer, .page-template-gallery .entry-content, .page-template-gallery .entry-footer, .post-template-gallery .entry-content, .post-template-gallery .entry-footer, .single-format-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { margin-left: calc((.75rem + 1.25vw)*-1); margin-right: calc((.75rem + 1.25vw)*-1); } } @media (min-width: 640px) and (max-width: 1599px) { body:not(.has-sidebar) .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=main] > *:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .custom-background:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) body:not(.has-sidebar) [id=main] > *:not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), body:not(.has-sidebar) .single-format-gallery .entry-content, .single-format-gallery body:not(.has-sidebar) .entry-content, body:not(.has-sidebar) .single-format-gallery .entry-footer, .single-format-gallery body:not(.has-sidebar) .entry-footer, body:not(.has-sidebar) .page-template-gallery .entry-content, .page-template-gallery body:not(.has-sidebar) .entry-content, body:not(.has-sidebar) .page-template-gallery .entry-footer, .page-template-gallery body:not(.has-sidebar) .entry-footer, body:not(.has-sidebar) .post-template-gallery .entry-content, .post-template-gallery body:not(.has-sidebar) .entry-content, body:not(.has-sidebar) .post-template-gallery .entry-footer, .post-template-gallery body:not(.has-sidebar) .entry-footer, body:not(.has-sidebar) .single-format-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .single-format-gallery body:not(.has-sidebar) [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), body:not(.has-sidebar) .page-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery body:not(.has-sidebar) [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), body:not(.has-sidebar) .post-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery body:not(.has-sidebar) [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { margin-left: calc(.75rem + 1.25vw); margin-right: calc(.75rem + 1.25vw); padding-left: calc(.75rem + 1.25vw); padding-right: calc(.75rem + 1.25vw); } } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] p:not([class]) a, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] div.wpcf7-response-output:not([class]) a, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .single .wp-post-image:not([class]) a, .single .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .page .wp-post-image:not([class]) a, .page .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] ul:not([class]) a, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] p:not([class]) a, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] div.wpcf7-response-output:not([class]) a, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] ul:not([class]) a, .single .entry-content p:not([class]) a, .single .entry-content div.wpcf7-response-output:not([class]) a, .single .entry-content .wp-post-image:not([class]) a, .single .entry-content ul:not([class]) a, .single .entry-content ol:not([class]) a, .page .entry-content p:not([class]) a, .page .entry-content div.wpcf7-response-output:not([class]) a, .page .entry-content .wp-post-image:not([class]) a, .page .entry-content ul:not([class]) a, .page .entry-content ol:not([class]) a { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] p:not([class]) a:hover, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] div.wpcf7-response-output:not([class]) a:hover, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .single .wp-post-image:not([class]) a:hover, .single .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a:hover, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .page .wp-post-image:not([class]) a:hover, .page .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a:hover, .wp-article-list .post [class*=header]:not(:empty) + [class*=content] ul:not([class]) a:hover, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] p:not([class]) a:hover, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] div.wpcf7-response-output:not([class]) a:hover, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] .wp-post-image:not([class]) a:hover, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] ul:not([class]) a:hover, .single .entry-content p:not([class]) a:hover, .single .entry-content div.wpcf7-response-output:not([class]) a:hover, .single .entry-content .wp-post-image:not([class]) a:hover, .single .entry-content ul:not([class]) a:hover, .single .entry-content ol:not([class]) a:hover, .page .entry-content p:not([class]) a:hover, .page .entry-content div.wpcf7-response-output:not([class]) a:hover, .page .entry-content .wp-post-image:not([class]) a:hover, .page .entry-content ul:not([class]) a:hover, .page .entry-content ol:not([class]) a:hover { border-bottom: 1px solid; } .container, body:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=wrapper], .single-format-gallery [id=sidebar], .page-template-gallery [id=sidebar], .post-template-gallery [id=sidebar] { max-width: 100rem; margin-left: auto; margin-right: auto; padding-left: calc(.75rem + 1.25vw); padding-right: calc(.75rem + 1.25vw); } /* ################################## # # # 5.0 HEADER # # # ################################## */ [id=header] { position: relative; right: 0; left: 0; z-index: 1000; line-height: 1rem; background: white; -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); } [id=header] .container { max-width: none; } [id=header] .brand { padding-top: calc(1.375rem + 0.625vw); padding-bottom: calc(1.375rem + 0.625vw); } [id=header] .brand > * + * { margin-left: calc(.75rem + 1.25vw); } [id=header] .custom-logo { vertical-align: middle; margin: calc(((1.375rem + 0.625vw)*-1)/2) 0; max-height: calc(1rem + .75rem + 1.25vw); width: auto; } .nav-open [id=header] .custom-logo { -webkit-filter: invert(1); filter: invert(1); } [id=header] .logo { font-weight: 600; display: inline-block; } [id=header] .tagline { font-size: 12px; display: none; cursor: default; } @media (min-width: 640px) { [id=header] .tagline { display: inline; } } @media (max-width: 640px) { body:not([class*=menu]) [id=header] { position: static !important; -webkit-transform: none !important; transform: none !important; } body:not([class*=menu]) [id=header] + * { padding-top: 0 !important; } } [id=header] .menu-toggle { position: absolute; top: 0; right: 0; } @media (min-width: 640px) { body:not([class*=menu]) [id=header] .menu-toggle { display: none; } } .menu-desktop [id=header] .menu-toggle { display: none; } [id=header] nav { padding-top: calc(1.375rem + 0.625vw); padding-bottom: calc(1.375rem + 0.625vw); } @media (max-width: 639px) { .menu-desktop [id=header] nav { position: absolute; right: 0; bottom: 0; } } [id=header] nav[style*=hidden] + .menu-toggle { visibility: hidden; } @media (min-width: 640px) { body:not([class*=menu]) [id=header] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } body:not([class*=menu]) [id=header] .brand { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } body:not([class*=menu]) [id=header].headroom--not-top .nav { position: static !important; } } .menu-desktop [id=header] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .menu-desktop [id=header] .brand { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .menu-desktop [id=header].headroom--not-top .nav { position: static !important; } .has-header-image [id=header] { padding: 0; background: none; } .has-header-image [id=header] .brand { position: fixed; top: 0; padding-top: calc(1.375rem + 0.625vw); padding-bottom: calc(1.375rem + 0.625vw); } html:not(.nav-open) .has-header-image [id=header] .nav { position: absolute; top: auto; right: 0; bottom: 0; } html:not(.nav-open) .has-header-image [id=header] .menu-toggle { position: fixed; } .menu-mobile .has-header-image [id=header] .nav { position: static; padding: 0; } .has-header-image [id=header] .wp-custom-header { position: relative; z-index: -2; width: 100%; background-color: white; -webkit-transition: opacity .25s; transition: opacity .25s; } .has-header-image [id=header] .wp-custom-header img { display: block; width: 100%; } body:not(.has-header-image) [id=header].headroom { position: fixed; } [id=header]:not(.headroom) + * { margin-top: 0 !important; } body.has-header-image [id=header].headroom--top + * { margin-top: 0 !important; } [id=header].headroom--not-top { position: fixed; } [id=header].headroom--not-top .brand { position: relative; } [id=header].headroom--not-top .wp-custom-header { position: absolute; bottom: 0; } [id=header].headroom--pinned.headroom--not-top { background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } [id=header].headroom--pinned.headroom--not-top .wp-custom-header { opacity: .5; } [id=header].headroom--pinned.headroom--not-top:not(.touchevents) [id=header].headroom--pinned.headroom--not-top:hover { background-color: white; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); color: black; text-shadow: none; } [id=header].headroom--pinned.headroom--not-top:not(.touchevents) [id=header].headroom--pinned.headroom--not-top:hover .wp-custom-header { opacity: 0; } .nav-open [id=header].headroom--pinned.headroom--not-top:hover { color: white; } [id=header].headroom--unpinned:not(:hover) { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .has-header-image [id=header]:not(.background--light) { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: white; } html.nav-open { margin-top: 0 !important; } html.nav-open, html.nav-open body { overflow: hidden !important; height: 100% !important; } html.nav-open [id=wpadminbar] { display: none; } /* ################################## # # # 6.0 NAVIGATION # # # ################################## */ .sub-menu-toggle { position: absolute; top: 0; right: 0; text-indent: -119988px; overflow: hidden; text-align: left; line-height: inherit; cursor: pointer; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: none; outline: none; } .sub-menu-toggle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; border-bottom: 2px solid; border-right: 2px solid; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1); transform: translate(-50%, -50%) rotate(45deg) scale(1); opacity: .5; } .sub-menu-toggle:hover:after, .no-touchevents .sub-menu-toggle { opacity: 1; } .open ~ .sub-menu-toggle:after { -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(-1); transform: translate(-50%, -50%) rotate(45deg) scale(-1); } [id=nav] { position: relative; font-weight: 600; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [id=nav] ul { margin: 0; padding: 0; list-style-type: none; } [id=nav] ul li { margin: 0; } @media (max-width: 639px) { body:not([class*=menu]) [id=nav] { position: fixed; top: calc((1.375rem + 0.625vw)*2 + 1rem); right: 0; bottom: 0; left: 0; padding: 0; font-size: 1rem; font-weight: 500; color: white; -webkit-transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); will-change: opacity; background-color: black; opacity: 0; visibility: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: static; opacity: 1; visibility: visible; } .nav-open body:not([class*=menu]) [id=nav] { -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; opacity: 1; visibility: visible; } body:not([class*=menu]) [id=nav] .menu { display: none; overflow: hidden; min-width: 18rem; max-width: 75vw; margin-left: auto; margin-right: auto; } body:not([class*=menu]) [id=nav] .menu.open { display: block; } body:not([class*=menu]) [id=nav] .menu > li { padding: .75rem 0; overflow: hidden; position: relative; } body:not([class*=menu]) [id=nav] .menu > li + li { border-top: 1px solid rgba(255, 255, 255, 0.5); } body:not([class*=menu]) [id=nav] .menu > li > a { letter-spacing: .05em; text-transform: uppercase; } body:not([class*=menu]) [id=nav] .menu > li > button { padding: 1.5em; } body:not([class*=menu]) [id=nav] a, body:not([class*=menu]) [id=nav] button { padding: .75em 0; display: block; min-height: 1rem; } body:not([class*=menu]) [id=nav] ul { display: none; font-size: 14px; } body:not([class*=menu]) [id=nav] .menu > li > ul > li { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-left: 1px solid rgba(255, 255, 255, 0.5); min-width: 12rem; } body:not([class*=menu]) [id=nav] .menu > li > ul li { margin: .5em 0 .5em 1em; } body:not([class*=menu]) [id=nav] .menu > li > ul li li { text-align: right; border-right: 1px solid rgba(255, 255, 255, 0.5); } body:not([class*=menu]) [id=nav] .menu > li > ul a, body:not([class*=menu]) [id=nav] .menu > li > ul button { padding: .25em 1.5em; } body:not([class*=menu]) [id=nav] .menu > li > ul [class*=children] { padding-right: 1.5em; position: relative; } body:not([class*=menu]) [id=nav] ul { display: block !important; } } @media (min-width: 640px) { body:not([class*=menu]) [id=nav] .menu { display: block !important; } body:not([class*=menu]) [id=nav] .menu ul { display: block; } body:not([class*=menu]) [id=nav] .menu > li { position: relative; display: inline-block; } body:not([class*=menu]) [id=nav] .menu > li + li { margin-left: 1em; } body:not([class*=menu]) [id=nav] .menu > li > ul { display: block !important; } body:not([class*=menu]) [id=nav] .menu > li[class*=children]:before { content: ''; position: absolute; top: 100%; right: 1em; left: 1em; height: calc(1.375rem + 0.625vw); z-index: 3; cursor: pointer; } body:not([class*=menu]) [id=nav] .menu > li[class*=children]:after { content: ''; position: absolute; top: calc(100% + (.75rem + 1.25vw)/2); left: 50%; margin-top: -6px; margin-left: -4px; width: 4px; height: 4px; border-bottom: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: .5; } body:not([class*=menu]) [id=nav] .menu > li[class*=children]:hover:after { opacity: 1; } body:not([class*=menu]) [id=nav] .menu > li > a { text-transform: uppercase; display: block; padding: 0 1em; } body:not([class*=menu]) [id=nav] .menu > li > .sub-menu-toggle { display: none; } body:not([class*=menu]) [id=nav] .menu > li li[class*=children] > a { padding-right: 3.25em; } body:not([class*=menu]) [id=nav] .menu > li ul ul li a { padding-top: .75em; padding-bottom: .75em; } body:not([class*=menu]) [id=nav] .menu > li > ul { position: absolute; top: 100%; margin: calc(1.375rem + 0.625vw) -1em 0; min-width: calc(100% + 2em); background-color: rgba(255, 255, 255, 0); white-space: nowrap; -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); visibility: hidden; z-index: -2; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0s linear 0.3s, z-index 0s linear 0.01s, background 0.15s ease 0.15s; transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0s linear 0.3s, z-index 0s linear 0.01s, background 0.15s ease 0.15s; } body:not([class*=menu]) [id=nav] .menu > li > ul:before { content: ''; position: absolute; top: calc((1.375rem + 0.625vw)*-1); right: calc((.75rem + 1.25vw)*-1); bottom: calc((1.375rem + 0.625vw)*-1); left: calc((.75rem + 1.25vw)*-1); z-index: -1; } body:not([class*=menu]) [id=nav] .menu > li:active > ul, body:not([class*=menu]) [id=nav] .menu > li:focus > ul, body:not([class*=menu]) [id=nav] .menu > li:hover > ul { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible; z-index: 1; -webkit-transition-delay: 0s, 0s, .3s, 0s; transition-delay: 0s, 0s, .3s, 0s; background-color: white; } body:not([class*=menu]) [id=nav] .menu > li:last-child > ul { right: 0; margin-right: -2.25em; } body:not([class*=menu]) [id=nav] .menu > li:last-child > ul:before { right: 0; } body:not([class*=menu]) [id=nav] .menu > li > a:before { content: ''; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate3d(-50%, calc((1.375rem + 0.625vw)*-1), 0); transform: translate3d(-50%, calc((1.375rem + 0.625vw)*-1), 0); width: .5rem; border-bottom: 2px solid; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), opacity 0.3s cubic-bezier(0.5, 0, 0, 1); opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transition; } body:not([class*=menu]) [id=nav] .menu > li[class*=current] > a:before, body:not([class*=menu]) [id=nav] .menu > li:hover > a:before, body:not([class*=menu]) [id=nav] .menu > li:active > a:before, body:not([class*=menu]) [id=nav] .menu > li:focus > a:before { -webkit-transform: translate3d(-50%, -1em, 0); transform: translate3d(-50%, -1em, 0); opacity: .5; } body:not([class*=menu]) [id=nav] .menu > li:hover > a:before { opacity: 1; } body:not([class*=menu]) [id=nav] [class*=current] > a { font-weight: bold; } body:not([class*=menu]) [id=nav] li li { position: relative; } body:not([class*=menu]) [id=nav] .menu ul { display: block; color: black; text-shadow: none; } body:not([class*=menu]) [id=nav] .menu ul li { max-width: 24em; } body:not([class*=menu]) [id=nav] .menu ul a, body:not([class*=menu]) [id=nav] .menu ul .sub-menu-toggle { display: block; padding: 1em 2em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } body:not([class*=menu]) [id=nav] .menu ul [class*=current] > a, body:not([class*=menu]) [id=nav] .menu ul a:hover { background-color: rgba(0, 0, 0, 0.05); } body:not([class*=menu]) [id=nav] .menu ul ul { display: none; } body:not([class*=menu]) [id=nav] .menu ul ul.open { display: block; } body:not([class*=menu]) [id=nav] .menu ul ul a { text-align: right; padding-right: 3.25em; } } .menu-mobile [id=nav] { position: fixed; top: calc((1.375rem + 0.625vw)*2 + 1rem); right: 0; bottom: 0; left: 0; padding: 0; font-size: 1rem; font-weight: 500; color: white; -webkit-transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); will-change: opacity; background-color: black; opacity: 0; visibility: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .nav-open .menu-mobile [id=nav] { -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; opacity: 1; visibility: visible; } .menu-mobile [id=nav] .menu { display: none; overflow: hidden; min-width: 18rem; max-width: 75vw; margin-left: auto; margin-right: auto; } .menu-mobile [id=nav] .menu.open { display: block; } .menu-mobile [id=nav] .menu > li { padding: .75rem 0; overflow: hidden; position: relative; } .menu-mobile [id=nav] .menu > li + li { border-top: 1px solid rgba(255, 255, 255, 0.5); } .menu-mobile [id=nav] .menu > li > a { letter-spacing: .05em; text-transform: uppercase; } .menu-mobile [id=nav] .menu > li > button { padding: 1.5em; } .menu-mobile [id=nav] a, .menu-mobile [id=nav] button { padding: .75em 0; display: block; min-height: 1rem; } .menu-mobile [id=nav] ul { display: none; font-size: 14px; } .menu-mobile [id=nav] .menu > li > ul > li { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-left: 1px solid rgba(255, 255, 255, 0.5); min-width: 12rem; } .menu-mobile [id=nav] .menu > li > ul li { margin: .5em 0 .5em 1em; } .menu-mobile [id=nav] .menu > li > ul li li { text-align: right; border-right: 1px solid rgba(255, 255, 255, 0.5); } .menu-mobile [id=nav] .menu > li > ul a, .menu-mobile [id=nav] .menu > li > ul button { padding: .25em 1.5em; } .menu-mobile [id=nav] .menu > li > ul [class*=children] { padding-right: 1.5em; position: relative; } .menu-desktop [id=nav] .menu { display: block !important; } .menu-desktop [id=nav] .menu ul { display: block; } .menu-desktop [id=nav] .menu > li { position: relative; display: inline-block; } .menu-desktop [id=nav] .menu > li + li { margin-left: 1em; } .menu-desktop [id=nav] .menu > li > ul { display: block !important; } .menu-desktop [id=nav] .menu > li[class*=children]:before { content: ''; position: absolute; top: 100%; right: 1em; left: 1em; height: calc(1.375rem + 0.625vw); z-index: 3; cursor: pointer; } .menu-desktop [id=nav] .menu > li[class*=children]:after { content: ''; position: absolute; top: calc(100% + (.75rem + 1.25vw)/2); left: 50%; margin-top: -6px; margin-left: -4px; width: 4px; height: 4px; border-bottom: 2px solid; border-right: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: .5; } .menu-desktop [id=nav] .menu > li[class*=children]:hover:after { opacity: 1; } .menu-desktop [id=nav] .menu > li > a { text-transform: uppercase; display: block; padding: 0 1em; } .menu-desktop [id=nav] .menu > li > .sub-menu-toggle { display: none; } .menu-desktop [id=nav] .menu > li li[class*=children] > a { padding-right: 3.25em; } .menu-desktop [id=nav] .menu > li ul ul li a { padding-top: .75em; padding-bottom: .75em; } .menu-desktop [id=nav] .menu > li > ul { position: absolute; top: 100%; margin: calc(1.375rem + 0.625vw) -1em 0; min-width: calc(100% + 2em); background-color: rgba(255, 255, 255, 0); white-space: nowrap; -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); visibility: hidden; z-index: -2; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0s linear 0.3s, z-index 0s linear 0.01s, background 0.15s ease 0.15s; transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0s linear 0.3s, z-index 0s linear 0.01s, background 0.15s ease 0.15s; } .menu-desktop [id=nav] .menu > li > ul:before { content: ''; position: absolute; top: calc((1.375rem + 0.625vw)*-1); right: calc((.75rem + 1.25vw)*-1); bottom: calc((1.375rem + 0.625vw)*-1); left: calc((.75rem + 1.25vw)*-1); z-index: -1; } .menu-desktop [id=nav] .menu > li:active > ul, .menu-desktop [id=nav] .menu > li:focus > ul, .menu-desktop [id=nav] .menu > li:hover > ul { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible; z-index: 1; -webkit-transition-delay: 0s, 0s, .3s, 0s; transition-delay: 0s, 0s, .3s, 0s; background-color: white; } .menu-desktop [id=nav] .menu > li:last-child > ul { right: 0; margin-right: -2.25em; } .menu-desktop [id=nav] .menu > li:last-child > ul:before { right: 0; } .menu-desktop [id=nav] .menu > li > a:before { content: ''; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate3d(-50%, calc((1.375rem + 0.625vw)*-1), 0); transform: translate3d(-50%, calc((1.375rem + 0.625vw)*-1), 0); width: .5rem; border-bottom: 2px solid; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1), opacity 0.3s cubic-bezier(0.5, 0, 0, 1); opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transition; } .menu-desktop [id=nav] .menu > li[class*=current] > a:before, .menu-desktop [id=nav] .menu > li:hover > a:before, .menu-desktop [id=nav] .menu > li:active > a:before, .menu-desktop [id=nav] .menu > li:focus > a:before { -webkit-transform: translate3d(-50%, -1em, 0); transform: translate3d(-50%, -1em, 0); opacity: .5; } .menu-desktop [id=nav] .menu > li:hover > a:before { opacity: 1; } .menu-desktop [id=nav] [class*=current] > a { font-weight: bold; } .menu-desktop [id=nav] li li { position: relative; } .menu-desktop [id=nav] .menu ul { display: block; color: black; text-shadow: none; } .menu-desktop [id=nav] .menu ul li { max-width: 24em; } .menu-desktop [id=nav] .menu ul a, .menu-desktop [id=nav] .menu ul .sub-menu-toggle { display: block; padding: 1em 2em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .menu-desktop [id=nav] .menu ul [class*=current] > a, .menu-desktop [id=nav] .menu ul a:hover { background-color: rgba(0, 0, 0, 0.05); } .menu-desktop [id=nav] .menu ul ul { display: none; } .menu-desktop [id=nav] .menu ul ul.open { display: block; } .menu-desktop [id=nav] .menu ul ul a { text-align: right; padding-right: 3.25em; } @media (max-width: 639px) { [id=header]:not([class*=menu]) [id=header]:before, [id=header]:not([class*=menu]) [id=header]:after { content: ''; background: black; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: inherit; transition: inherit; z-index: -1; } [id=header]:not([class*=menu]) [id=header]:before { bottom: 100%; } [id=header]:not([class*=menu]) [id=header]:after { top: 100%; } } .menu-mobile [id=header]:before, .menu-mobile [id=header]:after { content: ''; background: black; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: inherit; transition: inherit; z-index: -1; } .menu-mobile [id=header]:before { bottom: 100%; } .menu-mobile [id=header]:after { top: 100%; } .nav-open [id=header] { color: white !important; } .nav-open [id=header]:before { bottom: 50% !important; } .nav-open [id=header]:after { top: 50% !important; } /* ################################## # # # 7.0 WRAPPER # # # ################################## */ body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } [id=wrapper], [id=footer] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } [id=wrapper] { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: calc((1.375rem + 0.625vw)*2); } [id=wrapper] > * + * { margin-top: calc((1.375rem + 0.625vw)*2); } @media (min-width: 800px) { body:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=wrapper] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 800px) { body:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery).has-sidebar-below [id=wrapper] { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 640px) { body:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery).search-no-results [id=wrapper] { padding-left: 0; padding-right: 0; } } @media (min-width: 1020px) { body:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery):not(.page-template-wide-content) [id=wrapper] { padding-left: calc((.75rem + 1.25vw)*2); padding-right: calc((.75rem + 1.25vw)*2); } } [id=wpadminbar] { position: fixed !important; } /* ################################## # # # 8.0 MAIN # # # ################################## */ [id=main] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 60rem; min-width: 18rem; } .page-template-wide-content [id=main] { max-width: 80rem; } [id=main] > * + * { margin-top: calc((.75rem + 1.25vw)*2); } /* ################################## # # # 9.0 Modules :: Elements # # # ################################## */ .single .entry-content blockquote, .page .entry-content blockquote { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; quotes: "“" "”"; font-weight: 300; color: black; border-left: 2px solid black; padding: 0 0 0 calc(.75rem + 1.25vw); margin: 1.5em 0 1.5em -2px; position: relative; } .single .entry-content blockquote cite, .page .entry-content blockquote cite { margin-top: .5em; font-size: .75em; display: block; text-align: right; } .search-submit, .post-edit-link, form .wpcf7-form-control-wrap[class*=file]:after, form .button, form .submit, form [type=submit], .posts-navigation .nav-links a, .page-links > *, .comments-pagination .nav-links > *, [id=wp-calendar] tfoot a, [id=sidebar] .customSelect { font: inherit; line-height: normal; cursor: pointer; text-transform: uppercase; text-align: center; letter-spacing: 0.1428571429em; border-width: 2px; border-style: solid; -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1) !important; transition: all 0.15s cubic-bezier(0.5, 0, 0, 1) !important; } .search-submit, .post-edit-link, form .wpcf7-form-control-wrap[class*=file]:after, form .button, form .submit, form [type=submit], .posts-navigation .nav-links a, .page-links > *, .comments-pagination .nav-links > * { background-color: black; border-color: black; color: white; } .search-submit:hover, .post-edit-link:hover, form .wpcf7-form-control-wrap[class*=file]:hover:after, form .button:hover, form .submit:hover, form :hover[type=submit], .posts-navigation .nav-links a:hover, .page-links > :hover, .comments-pagination .nav-links > :hover, .search-submit:focus, .post-edit-link:focus, form .wpcf7-form-control-wrap[class*=file]:focus:after, form .button:focus, form .submit:focus, form :focus[type=submit], .posts-navigation .nav-links a:focus, .page-links > :focus, .comments-pagination .nav-links > :focus, .search-submit:active, .post-edit-link:active, form .wpcf7-form-control-wrap[class*=file]:active:after, form .button:active, form .submit:active, form :active[type=submit], .posts-navigation .nav-links a:active, .page-links > :active, .comments-pagination .nav-links > :active { color: black; background: white; border-color: black; } [id=wp-calendar] tfoot a, [id=sidebar] .customSelect { background-color: transparent; font-weight: 600; color: inherit; } [id=wp-calendar] tfoot a:hover, [id=sidebar] .customSelect:hover { background: black; color: white; border-color: black; } .menu-toggle { position: relative; z-index: 1000; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; font: inherit; font-weight: 600; color: inherit; will-change: color; cursor: pointer; text-shadow: inherit; line-height: inherit; padding: calc(1.375rem + 0.625vw) calc(.75rem + 1.25vw); -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: none; outline: none; } .menu-toggle:before, .menu-toggle:after { content: ''; position: absolute; -webkit-transition: 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; transition: 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s; -webkit-box-sizing: border-box; box-sizing: border-box; width: .5rem; height: .5rem; left: 50%; border-style: solid; opacity: 0; will-change: opacity, top, bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; color: white !important; z-index: -1; } .menu-toggle:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-width: 0 0 2px 2px; bottom: 100%; } .menu-toggle:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-width: 2px 2px 0 0; top: 100%; } .nav-open .menu-toggle { color: rgba(0, 0, 0, 0); -webkit-transition: all .2s; transition: all .2s; } .nav-open .menu-toggle:before { bottom: 50%; opacity: 1; } .nav-open .menu-toggle:after { top: 50%; opacity: 1; } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; max-width: 32em; margin-left: auto; margin-right: auto; } .search-form label { display: none; } .search-form > * { width: auto; min-width: 0; } .search-form input { border-color: black; border: 2px solid black; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search-form input + button { border-left: none; } /* ################################## # # # Modules :: Article footer # # # ################################## */ .entry-footer { margin-top: calc((.75rem + 1.25vw)*2); margin-left: calc((.75rem + 1.25vw)*-1); margin-right: calc((.75rem + 1.25vw)*-1); background-color: rgba(0, 0, 0, 0.02); padding: calc(.75rem + 1.25vw); } .entry-footer > * + * { margin-top: calc(.75rem + 1.25vw); } .entry-footer .post-author .author-url, .entry-footer .post-author .author-posts, .entry-footer .tags-list a { font-weight: 500; padding: .5rem .75rem; font-size: .75rem; background-color: white; letter-spacing: .2em; text-transform: uppercase; display: block; } .entry-footer .post-author .author-url:hover, .entry-footer .post-author .author-posts:hover, .entry-footer .tags-list a:hover { background-color: black; color: white; } .entry-footer .post-author .author-label, .entry-footer .tags-label { font-size: 1rem; font-style: italic; font-weight: 300; margin: .25rem; background: none; text-transform: uppercase; letter-spacing: .2em; } .entry-footer .post-author { background: white; margin-top: calc(.75rem + 1.25vw); position: relative; padding: calc(.75rem + 1.25vw); } .entry-footer .post-author .author-label { position: absolute; bottom: 100%; left: 0; } .entry-footer .post-author img { margin-right: calc(.75rem + 1.25vw); } .entry-footer .post-author .author-description { font-family: 'Droid Serif', serif; } .entry-footer .post-author .author-url, .entry-footer .post-author .author-posts { display: inline-block; background-color: rgba(0, 0, 0, 0.02); } @media (min-width: 480px) { .entry-footer .post-author .author-posts { position: absolute; top: calc(.75rem + 1.25vw); left: calc(96px + (.75rem + 1.25vw)*2); } } @media (min-width: 480px) { .entry-footer .post-author .author-url { position: absolute; top: calc(.75rem + 1.25vw); right: calc(.75rem + 1.25vw); } } .entry-footer .tags-list { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .entry-footer .tags-list li { margin: 0; } .entry-footer .tags-list li { margin: .25rem; display: block; } .entry-footer .entry-edit { width: 100%; text-align: center; display: block; } .entry-footer .entry-edit:not(:first-child) { margin-top: calc(.75rem + 1.25vw); } .post-edit-link { display: inline-block; } /* ################################## # # # Modules :: Article list # # # ################################## */ .wp-article-list { position: relative; z-index: 1; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); } .wp-article-list:after { content: ''; display: block; clear: both; } .wp-article-list:before { content: ''; background-color: rgba(0, 0, 0, 0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; -webkit-transition: inherit; transition: inherit; margin: calc((1.375rem + 0.625vw)*-2) 0; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (min-width: 480px) { .wp-article-list:before { margin: calc((1.375rem + 0.625vw)*-1) calc((.75rem + 1.25vw)*-1); } } @media (max-width: 480px) { .wp-article-list { margin-left: calc((.75rem + 1.25vw)*-1); margin-right: calc((.75rem + 1.25vw)*-1); } } .wp-article-list:hover:before, .wp-article-list.has-open:before { background-color: rgba(0, 0, 0, 0.02); } .wp-article-list:hover article[class], .wp-article-list.has-open article[class] { background-color: rgba(255, 255, 255, 0); border-color: rgba(0, 0, 0, 0); } .wp-article-list:hover [class*=header] > *, .wp-article-list.has-open [class*=header] > * { opacity: 0; } .wp-article-list:hover h1, .wp-article-list:hover .single .entry-title, .single .wp-article-list:hover .entry-title, .wp-article-list:hover .page .entry-title, .page .wp-article-list:hover .entry-title, .wp-article-list:hover h2, .wp-article-list:hover .entry-title, .wp-article-list:hover .gallery, .wp-article-list.has-open h1, .wp-article-list.has-open .single .entry-title, .single .wp-article-list.has-open .entry-title, .wp-article-list.has-open .page .entry-title, .page .wp-article-list.has-open .entry-title, .wp-article-list.has-open h2, .wp-article-list.has-open .entry-title, .wp-article-list.has-open .gallery { opacity: 1; } .custom-background:not(.background--light) .wp-article-list:hover:before, .custom-background:not(.background--light) .wp-article-list.has-open:before { display: none; } .custom-background:not(.background--light) .wp-article-list:hover > *[class], .custom-background:not(.background--light) .wp-article-list.has-open > *[class] { -webkit-box-shadow: none; box-shadow: none; } .custom-background:not(.background--light) .wp-article-list:hover h1, .custom-background:not(.background--light) .wp-article-list:hover .single .entry-title, .single .custom-background:not(.background--light) .wp-article-list:hover .entry-title, .custom-background:not(.background--light) .wp-article-list:hover .page .entry-title, .page .custom-background:not(.background--light) .wp-article-list:hover .entry-title, .custom-background:not(.background--light) .wp-article-list:hover h2, .custom-background:not(.background--light) .wp-article-list:hover .entry-title, .custom-background:not(.background--light) .wp-article-list.has-open h1, .custom-background:not(.background--light) .wp-article-list.has-open .single .entry-title, .single .custom-background:not(.background--light) .wp-article-list.has-open .entry-title, .custom-background:not(.background--light) .wp-article-list.has-open .page .entry-title, .page .custom-background:not(.background--light) .wp-article-list.has-open .entry-title, .custom-background:not(.background--light) .wp-article-list.has-open h2, .custom-background:not(.background--light) .wp-article-list.has-open .entry-title { color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .touchevents .wp-article-list:before { background-color: rgba(0, 0, 0, 0.02); } .touchevents .custom-background:not(.background--light) .wp-article-list:before { display: none; } .wp-article-list .post, .wp-article-list .page { position: relative; -webkit-transition: background 0.3s cubic-bezier(0.5, 0, 0, 1), overflow 0s linear 5s; transition: background 0.3s cubic-bezier(0.5, 0, 0, 1), overflow 0s linear 5s; padding: calc(.75rem + 1.25vw); background: #fafafa; min-height: calc((.75rem + 1.25vw)*2); -webkit-transform: translateZ(0); transform: translateZ(0); } .wp-article-list .post [class*=header] > *, .wp-article-list .page [class*=header] > * { -webkit-transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); will-change: opacity; } .wp-article-list .post + *, .wp-article-list .page + * { margin-top: calc(1.375rem + 0.625vw); } @media (min-width: 480px) { .wp-article-list .post [class*=header], .wp-article-list .post [class*=content], .wp-article-list .page [class*=header], .wp-article-list .page [class*=content] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wp-article-list .post [class*=header] > *:not([class]), .wp-article-list .post [class*=content] > *:not([class]), .wp-article-list .page [class*=header] > *:not([class]), .wp-article-list .page [class*=content] > *:not([class]) { width: 100%; margin-bottom: 0; } } .custom-background:not(.background--light) .wp-article-list .post, .custom-background:not(.background--light) .wp-article-list .page { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25); } .wp-article-list .post [class*=header]:not(:empty) + [class*=content], .wp-article-list .page [class*=header]:not(:empty) + [class*=content] { font-family: 'Droid Serif', serif; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); -webkit-box-shadow: inherit; box-shadow: inherit; position: absolute; top: 100%; right: 0; left: 0; padding: 0 calc(.75rem + 1.25vw) calc(.75rem + 1.25vw); background: white; overflow: hidden; max-height: 38vmin; -webkit-box-sizing: border-box; box-sizing: border-box; } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] > *:first-child, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] > *:first-child { margin-top: 0; } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] > *:last-child, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] > *:last-child { margin-bottom: -.25em; } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] .gallery, .wp-article-list .page [class*=header]:not(:empty) + [class*=content] .gallery { margin: 1em 0; } .wp-article-list .post [class*=header]:not(:empty) + [class*=content] [class*=date], .wp-article-list .post [class*=header]:not(:empty) + [class*=content] [class*=categories], .wp-article-list .page [class*=header]:not(:empty) + [class*=content] [class*=date], .wp-article-list .page [class*=header]:not(:empty) + [class*=content] [class*=categories] { top: 0; } .wp-article-list .post [class*=header]:not(:empty) + [class*=content]:after, .wp-article-list .page [class*=header]:not(:empty) + [class*=content]:after { content: ''; position: absolute; top: calc(38vmin + (.75rem + 1.25vw)*-1 - 36px); right: 0; left: 0; height: 36px; padding-bottom: calc(.75rem + 1.25vw); z-index: 10; background: linear-gradient(to top, white calc(calc(.75rem + 1.25vw) + 1px), transparent calc(.75rem + 1.25vw)), url("assets/images/ui/mask.svg") repeat-x; } @media (max-width: 480px) { .wp-article-list .post [class*=header]:not(:empty) + [class*=content], .wp-article-list .page [class*=header]:not(:empty) + [class*=content] { font-size: 14px; } } .wp-article-list .post.sticky, .wp-article-list .page.sticky { border-top: 2px solid black; } .wp-article-list .post:active, .wp-article-list .post:focus, .wp-article-list .post:hover, .wp-article-list .post.active, .wp-article-list .page:active, .wp-article-list .page:focus, .wp-article-list .page:hover, .wp-article-list .page.active { overflow: visible !important; z-index: 10; background-color: white !important; border-color: black !important; z-index: 11; } .wp-article-list .post:active:after, .wp-article-list .post:focus:after, .wp-article-list .post:hover:after, .wp-article-list .post.active:after, .wp-article-list .page:active:after, .wp-article-list .page:focus:after, .wp-article-list .page:hover:after, .wp-article-list .page.active:after { content: ''; display: block; clear: both; } .wp-article-list .post:active [class*=header] > *, .wp-article-list .post:focus [class*=header] > *, .wp-article-list .post:hover [class*=header] > *, .wp-article-list .post.active [class*=header] > *, .wp-article-list .page:active [class*=header] > *, .wp-article-list .page:focus [class*=header] > *, .wp-article-list .page:hover [class*=header] > *, .wp-article-list .page.active [class*=header] > * { opacity: 1; } .wp-article-list .post:active h1, .wp-article-list .post:active .single .entry-title, .single .wp-article-list .post:active .entry-title, .wp-article-list .post:active .page .entry-title, .page .wp-article-list .post:active .entry-title, .wp-article-list .post:active h2, .wp-article-list .post:active .entry-title, .wp-article-list .post:focus h1, .wp-article-list .post:focus .single .entry-title, .single .wp-article-list .post:focus .entry-title, .wp-article-list .post:focus .page .entry-title, .page .wp-article-list .post:focus .entry-title, .wp-article-list .post:focus h2, .wp-article-list .post:focus .entry-title, .wp-article-list .post:hover h1, .wp-article-list .post:hover .single .entry-title, .single .wp-article-list .post:hover .entry-title, .wp-article-list .post:hover .page .entry-title, .page .wp-article-list .post:hover .entry-title, .wp-article-list .post:hover h2, .wp-article-list .post:hover .entry-title, .wp-article-list .post.active h1, .wp-article-list .post.active .single .entry-title, .single .wp-article-list .post.active .entry-title, .wp-article-list .post.active .page .entry-title, .page .wp-article-list .post.active .entry-title, .wp-article-list .post.active h2, .wp-article-list .post.active .entry-title, .wp-article-list .page:active h1, .wp-article-list .page:active .entry-title, .wp-article-list .page:active h2, .wp-article-list .page:active .entry-title, .wp-article-list .page:focus h1, .wp-article-list .page:focus .entry-title, .wp-article-list .page:focus h2, .wp-article-list .page:focus .entry-title, .wp-article-list .page:hover h1, .wp-article-list .page:hover .entry-title, .wp-article-list .page:hover h2, .wp-article-list .page:hover .entry-title, .wp-article-list .page.active h1, .wp-article-list .page.active .entry-title, .wp-article-list .page.active h2, .wp-article-list .page.active .entry-title { color: black !important; text-shadow: none !important; } .custom-background:not(.background--light) .wp-article-list .post:active, .custom-background:not(.background--light) .wp-article-list .post:focus, .custom-background:not(.background--light) .wp-article-list .post:hover, .custom-background:not(.background--light) .wp-article-list .post.active, .custom-background:not(.background--light) .wp-article-list .page:active, .custom-background:not(.background--light) .wp-article-list .page:focus, .custom-background:not(.background--light) .wp-article-list .page:hover, .custom-background:not(.background--light) .wp-article-list .page.active { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; } .wp-article-list .post:active [class*=header]:not(:empty) + [class*=content], .wp-article-list .post:focus [class*=header]:not(:empty) + [class*=content], .wp-article-list .post:hover [class*=header]:not(:empty) + [class*=content], .wp-article-list .post.active [class*=header]:not(:empty) + [class*=content], .wp-article-list .page:active [class*=header]:not(:empty) + [class*=content], .wp-article-list .page:focus [class*=header]:not(:empty) + [class*=content], .wp-article-list .page:hover [class*=header]:not(:empty) + [class*=content], .wp-article-list .page.active [class*=header]:not(:empty) + [class*=content] { opacity: 1 !important; visibility: visible !important; z-index: 1 !important; } .wp-article-list .post.open, .wp-article-list .page.open { overflow: visible !important; z-index: 10; background-color: white !important; border-color: black !important; z-index: 11; margin-bottom: 0 !important; } .wp-article-list .post.open:after, .wp-article-list .page.open:after { content: ''; display: block; clear: both; } .wp-article-list .post.open [class*=header] > *, .wp-article-list .page.open [class*=header] > * { opacity: 1; } .wp-article-list .post.open h1, .wp-article-list .post.open .single .entry-title, .single .wp-article-list .post.open .entry-title, .wp-article-list .post.open .page .entry-title, .page .wp-article-list .post.open .entry-title, .wp-article-list .post.open h2, .wp-article-list .post.open .entry-title, .wp-article-list .page.open h1, .wp-article-list .page.open .entry-title, .wp-article-list .page.open h2, .wp-article-list .page.open .entry-title { color: black !important; text-shadow: none !important; } .custom-background:not(.background--light) .wp-article-list .post.open, .custom-background:not(.background--light) .wp-article-list .page.open { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; } .wp-article-list .post.open [class*=content], .wp-article-list .page.open [class*=content] { opacity: 1 !important; visibility: visible !important; z-index: 1 !important; position: relative; margin: calc(.75rem + 1.25vw) calc((.75rem + 1.25vw)*-1) calc((.75rem + 1.25vw)*-1); -webkit-box-shadow: none; box-shadow: none; max-height: none !important; position: relative !important; } .wp-article-list .post.open [class*=content]:after, .wp-article-list .page.open [class*=content]:after { content: none !important; } .touchevents .wp-article-list .post, .touchevents .wp-article-list .page { overflow: visible !important; z-index: 10; background-color: white !important; border-color: black !important; z-index: 11; } .touchevents .wp-article-list .post:after, .touchevents .wp-article-list .page:after { content: ''; display: block; clear: both; } .touchevents .wp-article-list .post [class*=header] > *, .touchevents .wp-article-list .page [class*=header] > * { opacity: 1; } .touchevents .wp-article-list .post h1, .touchevents .wp-article-list .post .single .entry-title, .single .touchevents .wp-article-list .post .entry-title, .touchevents .wp-article-list .post .page .entry-title, .page .touchevents .wp-article-list .post .entry-title, .touchevents .wp-article-list .post h2, .touchevents .wp-article-list .post .entry-title, .touchevents .wp-article-list .page h1, .touchevents .wp-article-list .page .entry-title, .touchevents .wp-article-list .page h2, .touchevents .wp-article-list .page .entry-title { color: black !important; text-shadow: none !important; } .custom-background:not(.background--light) .touchevents .wp-article-list .post, .custom-background:not(.background--light) .touchevents .wp-article-list .page { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important; } .touchevents .wp-article-list .post [class*=header]:not(:empty) + [class*=content], .touchevents .wp-article-list .page [class*=header]:not(:empty) + [class*=content] { opacity: 1 !important; visibility: visible !important; z-index: 1 !important; position: relative; margin: calc(.75rem + 1.25vw) calc((.75rem + 1.25vw)*-1) calc((.75rem + 1.25vw)*-1); -webkit-box-shadow: none; box-shadow: none; } .wp-article-list .wp-post-image { width: calc((.75rem + 1.25vw) * 4); margin-right: calc(.75rem + 1.25vw); } @media (min-width: 480px) { .wp-article-list .wp-post-image ~ [class*=categories] { left: calc((.75rem + 1.25vw) * 6); } .wp-article-list .wp-post-image ~ [class*=title] { max-width: calc(100% - (.75rem + 1.25vw) * 5); } } .wp-article-list .post-categories { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; position: absolute; top: calc(.75rem + 1.25vw); right: calc(.75rem + 1.25vw); left: calc(.75rem + 1.25vw); } @media (min-width: 480px) { .wp-article-list .post-categories { right: 12em; } } .wp-article-list .entry-date { position: absolute; top: calc(.75rem + 1.25vw); right: calc(.75rem + 1.25vw); } .wp-article-list .entry-title { line-height: 1.25; margin: -.25em 0; -webkit-transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1); -ms-flex-item-align: end; align-self: flex-end; } .wp-article-list .entry-title:not(:first-child) { margin-top: calc(1rem + .5em); } .wp-article-list .tags-links { display: none; } .wp-article-list .comments-link { display: none; } /* ################################## # # # Modules :: Calendar # # # ################################## */ [id=wp-calendar] { text-align: right; } [id=wp-calendar] tfoot td { background: none; padding: 0; border-top: 1rem solid transparent; } [id=wp-calendar] tfoot a { display: inline-block; } [id=wp-calendar] tfoot a:before, [id=wp-calendar] tfoot a:after { content: none; } [id=wp-calendar] .pad { visibility: hidden; } [id=wp-calendar] [id=prev] { text-align: left; } [id=wp-calendar] [id=next] { text-align: right; } /* ################################## # # # Modules :: Comments # # # ################################## */ .comment-list, .comment-list ul, .comment-list ol { margin: 0; padding: 0; list-style-type: none; } .comment-list li, .comment-list ul li, .comment-list ol li { margin: 0; } .comment-list li { margin: 0; } .comment-list li + li { margin-top: calc(.75rem + 1.25vw); } .comment-list ul li, .comment-list ol li { padding-left: .5em; border-left: 0.5em solid rgba(0, 0, 0, 0.04); } @media (min-width: 640px) { .comment-list ul li, .comment-list ol li { padding-left: 1em; border-left-width: 1em; } } .comment-list article + ol { margin-top: calc(.75rem + 1.25vw); } .comment-body { position: relative; } .comment-body img { display: block; } .comments-area > * + * { margin-top: calc((.75rem + 1.25vw)*2); } .comment { font-size: 12px; } @media (min-width: 640px) { .comment { font-size: 14px; } } .comment.depth-1 > ol.children { margin-left: -.5rem; } .bypostauthor > .comment-body { border-top: none; border-left: none; } .bypostauthor > .comment-body .comment-content { background-color: #333333; color: white; } @media (min-width: 480px) { .comment-body { overflow: hidden; } } .comment-meta .comment-author { line-height: 1; } .comment-meta .comment-author .avatar { width: calc((.75rem + 1.25vw) * 3); float: left; margin-right: 1rem; } .comment-meta .comment-author .url, .comment-meta .comment-author .says { display: inline-block; } @media (min-width: 480px) { .comment-meta .comment-author .url, .comment-meta .comment-author .says { margin-top: 1rem; } } .comment-meta .comment-author .url { font-weight: 600; } @media (max-width: 480px) { .comment-meta .comment-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .comment-meta .comment-author .url { margin-right: .25em; } .comment-meta .comment-author .url, .comment-meta .comment-author .says { margin-bottom: -.175em; } } .comment-meta .comment-metadata { position: absolute; top: 0; right: 0; font-size: inherit; } @media (min-width: 640px) { .comment-meta .comment-metadata { margin-top: 1rem; margin-right: 1rem; } } .comment-content { font-family: 'Droid Serif', serif; padding: calc(.75rem + 1.25vw); margin-top: 1rem; background-color: rgba(0, 0, 0, 0.02); } .comment-content > *:first-child { margin-top: 0; } .comment-content > *:last-child { margin-bottom: 0; } @media (min-width: 480px) { .comment-content { float: left; width: calc(100% - (.75rem + 1.25vw) * 3 - 1rem); -webkit-box-sizing: border-box; box-sizing: border-box; } } .comment-reply-link { position: absolute; right: 0; bottom: 0; padding: .5rem 1rem; background-color: white; text-transform: uppercase; letter-spacing: .2em; font-size: 0.75rem; } @media (max-width: 480px) { .comment-reply-link { margin-bottom: -.75rem; } } .comment-reply-link:hover { background-color: black; color: white; } .comment-respond { min-width: 288px; margin-left: auto; margin-right: auto; } /* ################################## # # # Modules :: Custom background # # # ################################## */ .custom-background { background-color: #f2f2f2; } .touchevents .custom-background { background-size: 0; position: relative; } .touchevents .custom-background:before, .touchevents .custom-background:after { content: ''; position: fixed; left: 0; right: 0; z-index: -10; background: inherit; background-size: cover; background-attachment: scroll; background-position: center top; min-height: 100%; height: 177.777777778vw; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (orientation: landscape) { .touchevents .custom-background:before, .touchevents .custom-background:after { height: 75vw; } } .touchevents .custom-background:before { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .touchevents .custom-background:after { bottom: 0; } @media (max-width: 640px) { .custom-background [id=wrapper] { padding-left: 0; padding-right: 0; } } .custom-background:not(.background--light) [id=sidebar], .custom-background:not(.background--light) [id=footer] { color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } /* ################################## # # # Modules :: Form # # # ################################## */ .customSelect, form .wpcf7-form-control-wrap[class*=file], form [type=text], form [type=password], form [type=email], form [type=url], form [type=number], form [type=date], form textarea, select, form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form span.floating-label { padding: calc(.75em + 2px) 1.25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; line-height: normal; border-radius: 0; border: none; } .customSelect, form .wpcf7-form-control-wrap[class*=file], form [type=text], form [type=password], form [type=email], form [type=url], form [type=number], form [type=date], form textarea, select { font: inherit; line-height: normal; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background: rgba(0, 0, 0, 0.02); outline: none; border: none; -webkit-box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all .15s ease; transition: all .15s ease; color: black; } .customSelect:placeholder, form .wpcf7-form-control-wrap:placeholder[class*=file], form :placeholder[type=text], form :placeholder[type=password], form :placeholder[type=email], form :placeholder[type=url], form :placeholder[type=number], form :placeholder[type=date], form textarea:placeholder, select:placeholder { color: rgba(0, 0, 0, 0.7); } .error.customSelect, form .error.wpcf7-form-control-wrap[class*=file], form .error[type=text], form .error[type=password], form .error[type=email], form .error[type=url], form .error[type=number], form .error[type=date], form textarea.error, select.error, input.wpcf7-not-valid, .error .customSelect, .error form .wpcf7-form-control-wrap[class*=file], form .error .wpcf7-form-control-wrap[class*=file], .error form [type=text], form .error [type=text], .error form [type=password], form .error [type=password], .error form [type=email], form .error [type=email], .error form [type=url], form .error [type=url], .error form [type=number], form .error [type=number], .error form [type=date], form .error [type=date], .error form textarea, form .error textarea, .error select { background-color: #ffe6e6; } .form:not(.has-floating-label) .customSelect:active, .form:not(.has-floating-label) form .wpcf7-form-control-wrap:active[class*=file], form .form:not(.has-floating-label) .wpcf7-form-control-wrap:active[class*=file], .form:not(.has-floating-label) form :active[type=text], form .form:not(.has-floating-label) :active[type=text], .form:not(.has-floating-label) form :active[type=password], form .form:not(.has-floating-label) :active[type=password], .form:not(.has-floating-label) form :active[type=email], form .form:not(.has-floating-label) :active[type=email], .form:not(.has-floating-label) form :active[type=url], form .form:not(.has-floating-label) :active[type=url], .form:not(.has-floating-label) form :active[type=number], form .form:not(.has-floating-label) :active[type=number], .form:not(.has-floating-label) form :active[type=date], form .form:not(.has-floating-label) :active[type=date], .form:not(.has-floating-label) form textarea:active, form .form:not(.has-floating-label) textarea:active, .form:not(.has-floating-label) select:active, .form:not(.has-floating-label) .customSelect:focus, .form:not(.has-floating-label) form .wpcf7-form-control-wrap:focus[class*=file], form .form:not(.has-floating-label) .wpcf7-form-control-wrap:focus[class*=file], .form:not(.has-floating-label) form :focus[type=text], form .form:not(.has-floating-label) :focus[type=text], .form:not(.has-floating-label) form :focus[type=password], form .form:not(.has-floating-label) :focus[type=password], .form:not(.has-floating-label) form :focus[type=email], form .form:not(.has-floating-label) :focus[type=email], .form:not(.has-floating-label) form :focus[type=url], form .form:not(.has-floating-label) :focus[type=url], .form:not(.has-floating-label) form :focus[type=number], form .form:not(.has-floating-label) :focus[type=number], .form:not(.has-floating-label) form :focus[type=date], form .form:not(.has-floating-label) :focus[type=date], .form:not(.has-floating-label) form textarea:focus, form .form:not(.has-floating-label) textarea:focus, .form:not(.has-floating-label) select:focus { border-color: transparent transparent black transparent; } .customSelect:focus, form .wpcf7-form-control-wrap:focus[class*=file], form :focus[type=text], form :focus[type=password], form :focus[type=email], form :focus[type=url], form :focus[type=number], form :focus[type=date], form textarea:focus, select:focus { -webkit-box-shadow: inset 0 2px 1px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 1px 0px rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.03); } .customSelect[type=date], form .wpcf7-form-control-wrap[type=date][class*=file], form [type=date], select[type=date] { text-align: right; } .active .customSelect[type=date], .active form [type=date], form .active [type=date], .active select[type=date], .customSelect[type=date].active, form [type=date].active, select[type=date].active { text-align: left; } form label.active[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form span.active.floating-label, .active form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form .active label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), .active form span.floating-label, form .active span.floating-label { font-size: .75rem; font-weight: 600; text-transform: uppercase; color: rgba(0, 0, 0, 0.7); letter-spacing: .1em; } form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form span.floating-label { position: absolute; z-index: 10; pointer-events: none; } form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form span.floating-label { top: 0; left: 0; color: rgba(0, 0, 0, 0.7); -webkit-transition: color .3s; transition: color .3s; } form label.active[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form span.active.floating-label, .active form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form .active label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), .active form span.floating-label, form .active span.floating-label { padding-left: 0; margin-top: -2.325em; line-height: 1; } .focus form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), form .focus label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]), .focus form span.floating-label, form .focus span.floating-label { color: black; } .customSelect { position: relative; pointer-events: none; max-width: 100%; } .customSelect:after { content: ''; position: absolute; top: 50%; right: 2em; z-index: 2; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); width: 4px; height: 4px; border-bottom: 2px solid; border-right: 2px solid; pointer-events: none; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .customSelect .customSelectInner { width: 100% !important; } span.wpcf7-not-valid-tip { margin-top: .5em; display: block; text-transform: uppercase; color: #ff4040; font-size: 0.75rem; font-weight: normal; } div.wpcf7-response-output { background-color: #ffffcc; padding: 1.5em 2em; text-align: center; } form [type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; } form .wpcf7-form-control-wrap[class*=file] { display: block; position: relative; overflow: hidden; cursor: pointer; white-space: nowrap; } form .wpcf7-form-control-wrap[class*=file]:before { content: '\00a0'; } form .wpcf7-form-control-wrap[class*=file]:after { content: 'Choose file'; position: absolute; top: 0; right: 0; bottom: 0; } form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 60rem; font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } form:only-child { margin-left: auto; margin-right: auto; } form > *:first-child { margin-top: 0; } form > *:last-child { margin-bottom: 0; } form > * { position: relative; width: 100%; } @media screen and (min-width: 40em) { form > *.half { width: calc(50% - 2em); } } form > *.flex { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; } form textarea { max-width: 100%; } form label[for]:not([for=select_element]):not([for=checkboxes]):not([for=radio_buttons]) + br, form span.floating-label + br { display: none; } form .wpcf7-form-control-wrap { display: block; } select { text-indent: 0.01px; text-overflow: "" !important; cursor: pointer; max-width: 100%; } select::-ms-expand { display: none; } .post-password-form input[type=text] { width: 100%; } /* ################################## # # # Modules :: Gallery # # # ################################## */ .touchevents .gallery-caption { font-size: 12px; color: white; padding: 1em 1rem; font-weight: 600; pointer-events: none; background-color: black; } @media (min-width: 640px) { .touchevents .gallery-caption { font-size: 14px; } } html:not(.touchevents) .gallery-caption, .mfp-with-zoom .mfp-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: rgba(255, 255, 255, 0); padding: 1rem; -webkit-transition: all .2s ease; transition: all .2s ease; font-weight: 600; min-width: 10rem; width: 50%; max-width: calc(100% - 6rem); line-height: 1.25; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } @media (min-width: 640px) { html:not(.touchevents) .gallery-caption, .mfp-with-zoom .mfp-title { font-size: 14px; } } html:not(.touchevents) .gallery-caption:before, .mfp-with-zoom .mfp-title:before, html:not(.touchevents) .gallery-caption:after, .mfp-with-zoom .mfp-title:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; padding: 1rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; z-index: -1; } html:not(.touchevents) .gallery-caption:before, .mfp-with-zoom .mfp-title:before, html:not(.touchevents) .gallery-caption:after, .mfp-with-zoom .mfp-title:after { right: 100%; bottom: 100%; } html:not(.touchevents) .gallery-caption:after, .mfp-with-zoom .mfp-title:after { left: 100%; top: 100%; } html:not(.touchevents) .visible.gallery-caption, .gallery-item:hover .gallery-caption, .mfp-with-zoom .visible.mfp-title, .mfp-with-zoom.mfp-ready .mfp-title { color: white; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .2s ease .3s; transition: all .2s ease .3s; } html:not(.touchevents) .visible.gallery-caption:before, .gallery-item:hover .gallery-caption:before, .mfp-with-zoom .visible.mfp-title:before, .mfp-with-zoom.mfp-ready .mfp-title:before, html:not(.touchevents) .visible.gallery-caption:after, .gallery-item:hover .gallery-caption:after, .mfp-with-zoom .visible.mfp-title:after, .mfp-with-zoom.mfp-ready .mfp-title:after { opacity: 1; } html:not(.touchevents) .visible.gallery-caption:before, .gallery-item:hover .gallery-caption:before, .mfp-with-zoom .visible.mfp-title:before, .mfp-with-zoom.mfp-ready .mfp-title:before { right: -1.5rem; bottom: -1.5rem; } html:not(.touchevents) .visible.gallery-caption:after, .gallery-item:hover .gallery-caption:after, .mfp-with-zoom .visible.mfp-title:after, .mfp-with-zoom.mfp-ready .mfp-title:after { left: -1.5rem; top: -1.5rem; } html:not(.touchevents) .gallery-caption:empty, .mfp-with-zoom .mfp-title:empty { display: none; } .gallery-item a { position: relative; } .gallery-item a:before, .gallery-item a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid rgba(0, 0, 0, 0.1); -webkit-transition: all .2s; transition: all .2s; will-change: border; z-index: 10; } .gallery-item a.active:before, .lazy-images .gallery-item a.image-lazyloaded:before, html:not(.lazy-images) .gallery-item a:before { border-width: 1rem; } .gallery-item a:hover:after { border-width: 2rem; } .gallery { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; overflow: hidden; width: 100%; } .gallery-item { position: relative; float: left; width: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; } .gallery-item img, .gallery-item a { display: block; } [class*=gallery-columns] .gallery-item img { width: 100%; } @media (max-width: 639px) { .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 1020px) { .gallery-columns-2 .gallery-item { width: 50%; } } @media (max-width: 639px) { .gallery-columns-3 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-3 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 1020px) { .gallery-columns-3 .gallery-item { width: 33.3333333333%; } } @media (max-width: 639px) { .gallery-columns-4 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-4 .gallery-item { width: 33.3333333333%; } .gallery-columns-4 .gallery-item:nth-child(n + 4) { display: none; } } @media (min-width: 1020px) { .gallery-columns-4 .gallery-item { width: 25%; } } @media (max-width: 639px) { .gallery-columns-5 .gallery-item { width: 50%; } .gallery-columns-5 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-5 .gallery-item { width: 33.3333333333%; } .gallery-columns-5 .gallery-item:nth-child(n + 4) { display: none; } } @media (min-width: 1020px) { .gallery-columns-5 .gallery-item { width: 20%; } } @media (max-width: 639px) { .gallery-columns-6 .gallery-item { width: 50%; } .gallery-columns-6 .gallery-item:nth-child(n + 3) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-6 .gallery-item { width: 25%; } .gallery-columns-6 .gallery-item:nth-child(n + 5) { display: none; } } @media (min-width: 1020px) { .gallery-columns-6 .gallery-item { width: 16.6666666667%; } } @media (max-width: 639px) { .gallery-columns-7 .gallery-item { width: 33.3333333333%; } .gallery-columns-7 .gallery-item:nth-child(n + 4) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-7 .gallery-item { width: 25%; } .gallery-columns-7 .gallery-item:nth-child(n + 5) { display: none; } } @media (min-width: 1020px) { .gallery-columns-7 .gallery-item { width: 14.2857142857%; } } @media (max-width: 639px) { .gallery-columns-8 .gallery-item { width: 33.3333333333%; } .gallery-columns-8 .gallery-item:nth-child(n + 4) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-8 .gallery-item { width: 20%; } .gallery-columns-8 .gallery-item:nth-child(n + 6) { display: none; } } @media (min-width: 1020px) { .gallery-columns-8 .gallery-item { width: 12.5%; } } @media (max-width: 639px) { .gallery-columns-9 .gallery-item { width: 33.3333333333%; } .gallery-columns-9 .gallery-item:nth-child(n + 4) { display: none; } } @media (min-width: 640px) and (max-width: 1019px) { .gallery-columns-9 .gallery-item { width: 20%; } .gallery-columns-9 .gallery-item:nth-child(n + 6) { display: none; } } @media (min-width: 1020px) { .gallery-columns-9 .gallery-item { width: 11.1111111111%; } } .gallery-item a { display: block; } [class*=list] .gallery-caption, .gallery-size-thumbnail .gallery-caption { display: none; } /* ################################## # # # Modules :: Page gallery # # # ################################## */ .single-format-gallery .page:before, .single-format-gallery .post:before, .page-template-gallery .page:before, .page-template-gallery .post:before, .post-template-gallery .page:before, .post-template-gallery .post:before { content: none !important; } .single-format-gallery .entry-header, .page-template-gallery .entry-header, .post-template-gallery .entry-header { min-height: calc(2rem + (1.375rem + 0.625vw)*4); } @media (max-width: 639px) { .single-format-gallery .entry-content, .single-format-gallery .entry-footer, .page-template-gallery .entry-content, .page-template-gallery .entry-footer, .post-template-gallery .entry-content, .post-template-gallery .entry-footer { margin-left: 0; margin-right: 0; } } .single-format-gallery .entry-content:nth-child(2), .single-format-gallery .entry-footer:nth-child(2), .page-template-gallery .entry-content:nth-child(2), .page-template-gallery .entry-footer:nth-child(2), .post-template-gallery .entry-content:nth-child(2), .post-template-gallery .entry-footer:nth-child(2) { padding-top: calc(.75rem + 1.25vw); } .single-format-gallery .entry-content:nth-child(2):before, .single-format-gallery .entry-footer:nth-child(2):before, .page-template-gallery .entry-content:nth-child(2):before, .page-template-gallery .entry-footer:nth-child(2):before, .post-template-gallery .entry-content:nth-child(2):before, .post-template-gallery .entry-footer:nth-child(2):before { margin-top: 0; } .single-format-gallery .entry-footer, .page-template-gallery .entry-footer, .post-template-gallery .entry-footer { margin-top: calc(.75rem + 1.25vw); } .single-format-gallery [id=wrapper], .page-template-gallery [id=wrapper], .post-template-gallery [id=wrapper] { padding-top: 0; } .single-format-gallery [id=main], .page-template-gallery [id=main], .post-template-gallery [id=main] { max-width: none; } @media (max-width: 639px) { .single-format-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .page-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found), .post-template-gallery [id=main] > *:not(.post):not(.page):not(.page-header):not([class*=article-list]):not(.posts-navigation):not(.not-found) { margin-left: 0; margin-right: 0; } } @media (min-width: 640px) { .single-format-gallery [id=sidebar], .page-template-gallery [id=sidebar], .post-template-gallery [id=sidebar] { padding-left: 0; padding-right: 0; } } .single-format-gallery.custom-background .gallery, .page-template-gallery.custom-background .gallery, .post-template-gallery.custom-background .gallery { background-color: rgba(0, 0, 0, 0.75); } .single-format-gallery.custom-background.background--light .gallery, .page-template-gallery.custom-background.background--light .gallery, .post-template-gallery.custom-background.background--light .gallery { background-color: rgba(255, 255, 255, 0.75); } /* ################################## # # # Modules :: Page header # # # ################################## */ .page-header, .not-found .entry-header { text-align: center; margin-bottom: calc((.75rem + 1.25vw)*2); text-transform: uppercase; } .page-header > *:first-child, .not-found .entry-header > *:first-child { margin-top: -.25em; } .page-header > *:last-child, .not-found .entry-header > *:last-child { margin-bottom: -.25em; } .page-header .page-title, .page-header .entry-title, .not-found .entry-header .page-title, .not-found .entry-header .entry-title { font-weight: 300; } .page-header span, .not-found .entry-header span { color: black; font-weight: 600; } .page-header [class], .not-found .entry-header [class] { letter-spacing: 0.05em; } .page-header p, .page-header div.wpcf7-response-output, .page-header .single .wp-post-image, .single .page-header .wp-post-image, .page-header .page .wp-post-image, .page .page-header .wp-post-image, .not-found .entry-header p, .not-found .entry-header div.wpcf7-response-output, .not-found .entry-header .single .wp-post-image, .single .not-found .entry-header .wp-post-image, .not-found .entry-header .page .wp-post-image, .page .not-found .entry-header .wp-post-image { max-width: none; } .not-found .entry-content { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; } .page-header, .not-found { color: rgba(0, 0, 0, 0.8); } .custom-background:not(.background--light) .page-header, .custom-background:not(.background--light) .not-found { color: rgba(255, 255, 255, 0.8) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .custom-background:not(.background--light) .page-header span, .custom-background:not(.background--light) .not-found span { color: white; } /* ################################## # # # Modules :: Pagination # # # ################################## */ .navigation { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .posts-navigation .nav-links > *, .post-navigation .nav-links > * { max-width: 50%; } .posts-navigation .nav-links > *:nth-child(2), .post-navigation .nav-links > *:nth-child(2) { margin-left: calc(.75rem + 1.25vw); } .posts-navigation .nav-links a, .post-navigation .nav-links a { display: block; } .posts-navigation .nav-links a { letter-spacing: .1em; } .post-navigation { margin-top: calc((.75rem + 1.25vw)*2); } .post-navigation .nav-links > *:nth-child(2) { margin-left: calc((.75rem + 1.25vw)*2); } @media (max-width: 640px) { .post-navigation .nav-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .post-navigation .nav-links > * { max-width: none; width: 100%; } .post-navigation .nav-links > *:nth-child(2) { margin-top: calc(.75rem + 1.25vw); } } .post-navigation .nav-previous, .post-navigation .nav-next { padding-top: calc(.75rem + 1.25vw); } .post-navigation .nav-label { font-size: .75em; line-height: calc(.75rem + 1.25vw); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; position: absolute; bottom: 100%; } .post-navigation .nav-next .nav-label { right: 0; } .post-navigation .nav-previous > a, .post-navigation .nav-next > a { background-color: #fafafa; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em calc(.75rem + 1.25vw); display: block; box-sizing: border-box; min-width: 18rem; position: relative; } .post-navigation .nav-previous > a:before, .post-navigation .nav-next > a:before { content: ''; background: rgba(0, 0, 0, 0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; -webkit-transition: all .2s ease; transition: all .2s ease; margin: calc((.75rem + 1.25vw)*-1); } .post-navigation .nav-previous > a:hover, .post-navigation .nav-next > a:hover { background-color: white; } .post-navigation .nav-previous > a:hover:before, .post-navigation .nav-next > a:hover:before { background-color: #fafafa; } .post-navigation .nav-title { display: inline; line-height: 1.25; } .page-links, .comments-pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-links > *, .comments-pagination .nav-links > * { margin: .5em 0 .5em 1em; } .page-links > *.page-link-number, .comments-pagination .nav-links > *.page-link-number { background-color: black; color: white; pointer-events: none; } /* ################################## # # # Modules :: Plugin contact form # # # ################################## */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7-form-control-wrap { position: relative; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } .wpcf7-list-item { display: inline-block; } .wpcf7-list-item + .wpcf7-list-item { margin-left: 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } /* ################################## # # # Modules :: Popup # # # ################################## */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-bg { background-color: rgba(0, 0, 0, 0.9); } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 1; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-with-zoom img.mfp-img { padding: 0; } .mfp-with-zoom .mfp-figure:after { top: 0; bottom: 0; } .mfp-with-zoom .mfp-container { padding: 0; } .mfp-with-zoom .mfp-content { overflow: hidden; } .mfp-with-zoom .mfp-bottom-bar { top: auto; bottom: 0; margin-top: 0; } .mfp-with-zoom .mfp-title { top: auto; bottom: calc(.75rem + 1.25vw); } .mfp-arrow { opacity: 1; margin-top: 0 !important; width: 20%; height: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mfp-arrow:before, .mfp-arrow:after { margin: 0; border: none; width: 2rem; height: 2rem; -webkit-transform: rotate(-45deg) translate(-50%, -100%); transform: rotate(-45deg) translate(-50%, -100%); opacity: 1; top: 50%; left: 50%; -webkit-transition: all .15s; transition: all .15s; } .mfp-arrow:active { -webkit-transform: translateY(-50%) scale(0.95); transform: translateY(-50%) scale(0.95); } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before, .mfp-arrow-left:after { border-top: 2px solid white; border-left: 2px solid white; } .mfp-arrow-left:after { margin-left: 2rem; } .mfp-arrow-left:hover:before, .mfp-arrow-left:active:before { margin-left: 2rem; } .mfp-arrow-left:hover:after, .mfp-arrow-left:active:after { margin-left: 0; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before, .mfp-arrow-right:after { border-right: 2px solid white; border-bottom: 2px solid white; } .mfp-arrow-right:after { margin-left: 2rem; } .mfp-arrow-right:hover:before { margin-left: 2rem; } .mfp-arrow-right:hover:after { margin-left: 0; } button.mfp-close { opacity: 1; margin-top: 0 !important; width: 20%; height: 30%; text-indent: -119988px; overflow: hidden; text-align: left; } button.mfp-close:before, button.mfp-close:after { content: ''; position: absolute; top: 50%; left: 50%; margin: 0; border: none; width: 2rem; height: 2rem; opacity: 1; -webkit-transition: all .15s; transition: all .15s; -webkit-transform-origin: 0 0; transform-origin: 0 0; border-top: 2px solid white; border-left: 2px solid white; } button.mfp-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } button.mfp-close:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } button.mfp-close:hover:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } button.mfp-close:hover:after { -webkit-transform: rotate(315deg); transform: rotate(315deg); } button.mfp-close:active { -webkit-transform: scale(0.95); transform: scale(0.95); } /* ################################## # # # Modules :: Sidebar # # # ################################## */ [id=sidebar] > *:not([class*=search]):not([class*=gallery]) > *:first-child { margin-top: 0; } [id=sidebar] > *:not([class*=search]):not([class*=gallery]) > *:last-child { margin-bottom: 0; } [id=sidebar] [id=wp-calendar] caption, [id=sidebar] h1, [id=sidebar] .single .entry-title, .single [id=sidebar] .entry-title, [id=sidebar] .page .entry-title, .page [id=sidebar] .entry-title, [id=sidebar] h2, [id=sidebar] .wp-article-list .entry-title, .wp-article-list [id=sidebar] .entry-title { text-align: left; font-size: 0.9375rem; letter-spacing: .025em; text-transform: uppercase; border-bottom: 2px solid; padding: 0 0 .5rem; margin-bottom: 1rem; } [id=sidebar] { -webkit-transition: color .15s .15s; transition: color .15s .15s; font-size: 0.875em; } @media (min-width: 640px) { [id=sidebar] { font-size: 0.8125em; } } @media (min-width: 800px) { .has-sidebar-after:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=sidebar] { margin: 0 0 0 calc((.75rem + 1.25vw)*2); width: calc(22em); } } @media (min-width: 800px) { .has-sidebar-before:not(.single-format-gallery):not(.page-template-gallery):not(.post-template-gallery) [id=sidebar] { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 calc((.75rem + 1.25vw)*2) 0 0; width: calc(22em); } } @media (min-width: 800px) { .has-sidebar-below [id=sidebar] { margin: calc((.75rem + 1.25vw)*2) 0 0; } } @media (min-width: 1020px) { .has-sidebar-below [id=sidebar] { margin-left: calc((.75rem + 1.25vw)*-1); margin-right: calc((.75rem + 1.25vw)*-1); } } [id=sidebar] > * + * { margin-top: calc((.75rem + 1.25vw)*2); } .background--dark [id=sidebar] > *:before { -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.125); } .custom-background:not(.background--light) [id=sidebar] { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .custom-background:not(.background--light) [id=sidebar] > *:not([class*=search]):not([class*=gallery]):hover { color: black; text-shadow: none; border-color: black; } [id=sidebar] table { width: 100%; } @media (min-width: 640px) and (max-width: 799px) { [id=sidebar] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } [id=sidebar] > * { width: calc((100% - (.75rem + 1.25vw)*2)/2); } [id=sidebar] > *[class*=search]:first-child { width: 100%; } } [id=sidebar] .widget > ul > li, [id=sidebar] .menu > li { display: block; padding-left: 1.5em; position: relative; } [id=sidebar] .widget > ul > li:before, [id=sidebar] .menu > li:before { content: ''; position: absolute; top: calc(.75em - 1px); left: 0; border-top: 2px solid; width: 4px; } [id=sidebar] .widget > ul > li > ul > li, [id=sidebar] .menu > li > ul > li { margin-left: 0; } [id=sidebar] .customSelect { max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } [id=sidebar] .customSelect.customSelectHover, [id=sidebar] .customSelect.customSelectOpen, [id=sidebar] .customSelect.customSelectFocus { background-color: black; color: white; border-color: black; } @media (min-width: 640px) { .single-format-gallery [id=sidebar], .page-template-gallery [id=sidebar], .post-template-gallery [id=sidebar], .has-sidebar-below [id=sidebar] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .single-format-gallery [id=sidebar] > *[class*=search]:first-child, .page-template-gallery [id=sidebar] > *[class*=search]:first-child, .post-template-gallery [id=sidebar] > *[class*=search]:first-child, .has-sidebar-below [id=sidebar] > *[class*=search]:first-child { width: 100%; } } @media (min-width: 640px) { .single-format-gallery [id=sidebar] > *, .page-template-gallery [id=sidebar] > *, .post-template-gallery [id=sidebar] > *, .has-sidebar-below [id=sidebar] > * { margin: calc(.75rem + 1.25vw); } } @media (min-width: 640px) and (max-width: 1019px) { .single-format-gallery [id=sidebar] > *, .page-template-gallery [id=sidebar] > *, .post-template-gallery [id=sidebar] > *, .has-sidebar-below [id=sidebar] > * { width: calc((100% - (.75rem + 1.25vw)*4) / 2); } .single-format-gallery [id=sidebar] > *[class*=search]:first-child, .page-template-gallery [id=sidebar] > *[class*=search]:first-child, .post-template-gallery [id=sidebar] > *[class*=search]:first-child, .has-sidebar-below [id=sidebar] > *[class*=search]:first-child { width: 100%; } } @media (min-width: 1020px) and (max-width: 1259px) { .single-format-gallery [id=sidebar] > *, .page-template-gallery [id=sidebar] > *, .post-template-gallery [id=sidebar] > *, .has-sidebar-below [id=sidebar] > * { width: calc((100% - (.75rem + 1.25vw)*6) / 3); } .single-format-gallery [id=sidebar] > *[class*=search]:first-child, .page-template-gallery [id=sidebar] > *[class*=search]:first-child, .post-template-gallery [id=sidebar] > *[class*=search]:first-child, .has-sidebar-below [id=sidebar] > *[class*=search]:first-child { width: 100%; } } @media (min-width: 1260px) { .single-format-gallery [id=sidebar] > *, .page-template-gallery [id=sidebar] > *, .post-template-gallery [id=sidebar] > *, .has-sidebar-below [id=sidebar] > * { width: calc((100% - (.75rem + 1.25vw)*8) / 4); } .single-format-gallery [id=sidebar] > *[class*=search]:first-child, .page-template-gallery [id=sidebar] > *[class*=search]:first-child, .post-template-gallery [id=sidebar] > *[class*=search]:first-child, .has-sidebar-below [id=sidebar] > *[class*=search]:first-child { width: 100%; } } .widget .post-date { font-style: italic; opacity: .75; white-space: nowrap; } .widget li > a:not(:last-child) { margin-right: .5em; } .search-no-results .widget_search { display: none; } /* ################################## # # # Modules :: Single article # # # ################################## */ .wp-article-list .post-categories, .single .post-categories, .page .post-categories { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; padding: 0; list-style-type: none; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 300; font-size: 14px; text-transform: uppercase; color: #9b9b9b; letter-spacing: .15em; line-height: 1; } .wp-article-list .post-categories li, .single .post-categories li, .page .post-categories li { margin: 0; } @media (max-width: 479px) { .wp-article-list .post-categories, .single .post-categories, .page .post-categories { display: none; } } .wp-article-list .post-categories li, .single .post-categories li, .page .post-categories li { display: inline; margin: 0; } .wp-article-list .post-categories li + li, .single .post-categories li + li, .page .post-categories li + li { margin-left: 1em; position: relative; } .wp-article-list .post-categories li + li:before, .single .post-categories li + li:before, .page .post-categories li + li:before { content: ''; position: absolute; top: 50%; left: -0.75em; border-left: 2px solid #9b9b9b; height: 2px; margin-top: -1px; } .wp-article-list .post-categories a:hover, .single .post-categories a:hover, .page .post-categories a:hover { color: black; } .category-uncategorized .wp-article-list .post-categories, .wp-article-list .category-uncategorized .post-categories, .category-uncategorized .single .post-categories, .single .category-uncategorized .post-categories, .category-uncategorized .page .post-categories, .page .category-uncategorized .post-categories { color: rgba(0, 0, 0, 0.5); } .wp-article-list .entry-date, .comment-meta .comment-metadata, .single .entry-date, .page .entry-date { font-family: 'Montserrat', 'HelveticaNeueLTStd', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #4a4a4a; font-size: 14px; font-weight: 300; font-style: italic; letter-spacing: .1em; line-height: 1; } .wp-article-list .entry-date .updated, .comment-meta .comment-metadata .updated, .single .entry-date .updated, .page .entry-date .updated { color: rgba(0, 0, 0, 0.2); } @-webkit-keyframes hide { 0%, 45% { opacity: 1; } 50%, 95% { opacity: 0; } } @keyframes hide { 0%, 45% { opacity: 1; } 50%, 95% { opacity: 0; } } .single .post, .single .page, .single .attachment, .page .post, .page .page, .page .attachment { position: relative; } .single .post > *:first-child, .single .page > *:first-child, .single .attachment > *:first-child, .page .post > *:first-child, .page .page > *:first-child, .page .attachment > *:first-child { margin-top: 0; } .single .post > *:last-child, .single .page > *:last-child, .single .attachment > *:last-child, .page .post > *:last-child, .page .page > *:last-child, .page .attachment > *:last-child { margin-bottom: 0; } .single .post > .container, .single .page > .container, .single .attachment > .container, .page .post > .container, .page .page > .container, .page .attachment > .container { position: relative; margin-top: calc((.75rem + 1.25vw)*2); } .single .entry-title, .page .entry-title { margin: 1em 0; text-transform: uppercase; } .single .entry-title body:not(.custom-background), .page .entry-title body:not(.custom-background) { margin-top: -.25em; } .single .entry-date, .page .entry-date { display: block; text-align: right; margin-top: -1em; } .single .entry-content, .page .entry-content { font-family: 'Droid Serif', serif; } .single .entry-content:after, .page .entry-content:after { content: ''; display: block; clear: both; } .single .entry-content .gallery, .page .entry-content .gallery { margin: 1.5em 0; } .single .entry-header, .single .page-header, .page .entry-header, .page .page-header { overflow: hidden; } /* ################################## # # # Modules :: Text classes # # # ################################## */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } @media (max-width: 479px) { .wp-caption, .wp-caption img, [class*=align], [class*=align] img { display: block; } } @media (min-width: 480px) { .wp-caption.alignright, [class*=align].alignright { float: right; clear: right; margin: 0 0 0.5em calc(.75rem + 1.25vw); } } @media (min-width: 480px) { .wp-caption.alignleft, [class*=align].alignleft { float: left; margin: 0 calc(.75rem + 1.25vw) 0.5em 0; } } @media (min-width: 640px) { .wp-caption.alignleft, .wp-caption.alignright, [class*=align].alignleft, [class*=align].alignright { max-width: 50vw; } } .wp-caption.aligncenter, [class*=align].aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignnone, [class*=align].alignnone { clear: both; } .wp-caption { background-color: black; } .wp-caption img { display: block; } .wp-caption .wp-caption-text { color: white; padding: .5rem 1rem; font-size: 0.875rem; } .wp-caption p, .wp-caption div.wpcf7-response-output, .wp-caption .single .wp-post-image, .single .wp-caption .wp-post-image, .wp-caption .page .wp-post-image, .page .wp-caption .wp-post-image { margin: .5em 0 0 0; } /* ################################## # # # Modules :: Rss # # # ################################## */ .widget_rss li > *:not(a) { display: block; } .widget_rss li > * + * { margin-top: .25em; } span.rss-date { font-style: italic; opacity: .75; } a.rsswidget { font-weight: 600; } /* ################################## # # # 10.0 FOOTER # # # ################################## */ [id=footer] { text-align: center; margin-top: calc((1.375rem + 0.625vw)*2); background-color: rgba(0, 0, 0, 0.02); position: relative; } [id=footer] .footer-entry { text-transform: uppercase; font-size: .75em; } [id=footer] .container { padding: calc((1.375rem + 0.625vw)*2) 0 calc(1.375rem + 0.625vw); min-height: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } [id=footer] .container > *:first-child { margin-top: 0; } [id=footer] .container > *:last-child { margin-bottom: 0; } [id=footer] .container:before, [id=footer] .container:after { content: ''; position: absolute; top: calc(1.375rem + 0.625vw); left: calc(.75rem + 1.25vw); border-top: 2px solid; width: calc((.75rem + 1.25vw)*2); } [id=footer] .container:after { left: auto; right: calc(.75rem + 1.25vw); } [id=footer] .container > *:first-child { margin-top: auto !important; }