File Editor
Directories:
.. (Back)
compatibility
Files:
editor-style.css
editor-style.min.css
style.css
style.min.css
woocommerce.css
woocommerce.min.css
Create New File
Create
Edit File: style.css
@charset "UTF-8"; .post_format-post-format-quote .si-blog-entry-content .quote-inner .author, .widget.widget_calendar table > caption, .page-links em, .site-content .page-links em, .si-btn.btn-uppercase { text-transform: uppercase; letter-spacing: 0.1em; } .clearfix:after, .tagcloud:after, .single .post-tags:after, .single .post-tags .cat-links:after, .entry-meta:after, .si-entry:after, .widget:after, .page-links:after, .site-content .page-links:after, .navigation:after, .si-hover-slider:after, .clearfix:before, .tagcloud:before, .single .post-tags:before, .single .post-tags .cat-links:before, .entry-meta:before, .si-entry:before, .widget:before, .page-links:before, .site-content .page-links:before, .navigation:before, .si-hover-slider:before { content: ""; display: table; clear: both; } .si-header-widgets .si-search-simple { position: absolute; right: -15px; top: 100%; z-index: 9; border-top-width: 2px; border-top-style: solid; } .si-header-widgets .si-search-simple:after { bottom: 100%; right: 16px; content: ""; width: 0; height: 0; border-style: solid; margin-left: -7px; border-color: transparent; border-width: 7px; position: absolute; pointer-events: none; z-index: -1; } .widget.widget_meta ul li a, .widget.widget_icon_list ul li a, #sinatra-copyright .si-copyright-widget__text a, .si-breadcrumbs a, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a > span, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > a > span, #sinatra-topbar .si-topbar-widget__text a { display: inline-block; position: relative; -webkit-transform-style: preserve-3d; } .widget.widget_meta ul li a:before, .widget.widget_icon_list ul li a:before, #sinatra-copyright .si-copyright-widget__text a:before, .si-breadcrumbs a:before, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a > span:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > a > span:before, #sinatra-topbar .si-topbar-widget__text a:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-radius: 2px; background: currentColor; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1) translateZ(1px); transform: scale(0, 1) translateZ(1px); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: scale; } .widget.widget_meta ul li a:hover:before, .widget.widget_icon_list ul li a:hover:before, #sinatra-copyright .si-copyright-widget__text a:hover:before, .si-breadcrumbs a:hover:before, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a > span:hover:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > a > span:hover:before, #sinatra-topbar .si-topbar-widget__text a:hover:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1) translateZ(1px); transform: scale(1, 1) translateZ(1px); } .preloader-1, #si-preloader, .si-spinner > div, .page-header.si-page-title-has-bg-img:after, .entry-media > a .entry-media-icon .entry-media-icon-wrapper, .entry-media > a .entry-media-icon:before, .entry-media > a .entry-media-icon .si-icon, .entry-media > a .entry-media-icon svg, .post_format-post-format-quote .si-blog-entry-content .quote-post-bg:after, .post_format-post-format-quote .si-blog-entry-content .quote-post-bg, .post_format-post-format-quote .si-blog-entry-content .entry-content .quote-link, #si-scroll-top .si-scroll-icon, #si-scroll-top:before, #si-scroll-top .si-icon, #colophon:after, .si-pre-footer-cta-style-2 #si-pre-footer:after, .si-pre-footer-cta-style-2 #si-pre-footer:before, .si-hover-slider.slider-overlay-1 .hover-slider-backgrounds:after, .si-hover-slider .hover-slide-bg, .si-hover-slider .hover-slider-backgrounds, .si-tsp-header.si-single-title-in-page-header #masthead:before, .page-header:after, #sinatra-header-inner:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #comments .comment-body, #comments .comment_container, .author-box, .sinatra-layout__boxed-separated.blog .sinatra-article, .sinatra-layout__boxed-separated.search-results .sinatra-article, .sinatra-layout__boxed-separated.category .sinatra-article, .sinatra-layout__boxed-separated.author .author-box, .sinatra-layout__boxed-separated #content, .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget, .sinatra-layout__boxed #page { border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.085); } #comments .bypostauthor-badge, .error-404 .page-header h1, .si-btn:disabled, .si-btn.disabled, body:not(.wp-customizer) input[type=submit]:disabled, body:not(.wp-customizer) input[type=submit].disabled, .site-main .woocommerce #respond input#submit:disabled, .site-main .woocommerce #respond input#submit.disabled, .site-main .woocommerce a.button:disabled, .site-main .woocommerce a.button.disabled, .site-main .woocommerce button.button:disabled, .site-main .woocommerce button.button.disabled, .site-main .woocommerce input.button:disabled, .site-main .woocommerce input.button.disabled, .woocommerce ul.products li.product .added_to_cart:disabled, .woocommerce ul.products li.product .added_to_cart.disabled, .woocommerce ul.products li.product .button:disabled, .woocommerce ul.products li.product .button.disabled, .woocommerce div.product form.cart .button:disabled, .woocommerce div.product form.cart .button.disabled, .woocommerce #review_form #respond .form-submit input:disabled, .woocommerce #review_form #respond .form-submit input.disabled, #infinite-handle span:disabled, #infinite-handle span.disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button.sinatra-animate-arrow, #respond .comment-reply-title, #comments .comments-title-wrapper p, #comments .comments-title-wrapper .comments-title, #main .entry-header .entry-title, .post_format-post-format-quote .si-blog-entry-content .entry-content h3, .error-404 .page-header p, .error-404 .page-header h1, .error-404 .page-header, .widget-title, .page-links span, .site-content .page-links span, .navigation .nav-links .page-numbers, .navigation, #si-pre-footer .h1, #si-pre-footer .h2, #si-pre-footer .h3, .si-breadcrumbs p, .sinatra-nav > ul, .si-hover-slider .slide-inner h3, .sinatra-social-nav > ul, .si-form-label, figure, ul, ol, dl { margin: 0; padding: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-time, .mejs-container .mejs-inner .mejs-controls .mejs-button, .preloader-1, .comment-form, #respond .comment-reply-title, #comments .comment-header, #comments .comment-actions, #comments .bypostauthor-badge, .sinatra-has-comments-toggle #sinatra-comments-toggle, .author-box, .single .post-nav .nav-content, .single .post-nav, .single .entry-footer, .entry-media > a .entry-media-icon .si-icon, .entry-media > a .entry-media-icon svg, .entry-media > a .entry-media-icon, .entry-meta .entry-meta-elements, .error404 #primary, #si-scroll-top .si-icon, #si-scroll-top, #sinatra-copyright > .si-container > .si-flex-row > div, .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper, #main > .si-container, .sinatra-logo a, .si-header-widgets .si-search-simple .si-search-form button, .si-hover-slider .hover-slide-item, .page-header .si-page-header-wrapper, .page-header > .si-container, .sinatra-header-layout-3 .si-logo-container .sinatra-logo > .logo-inner, .sinatra-header-layout-3 .si-logo-container > .si-container, .sinatra-header-layout-3 .si-nav-container > .si-container, .si-header-widgets .si-cart, .si-header-widgets .si-search, .si-header-widgets .si-header-widget, .si-header-widgets, .si-header-element, #sinatra-header-inner .si-widget-wrapper, #sinatra-header-inner > .si-container, #sinatra-topbar .sinatra-topbar-left, #sinatra-topbar .sinatra-topbar-right, #sinatra-topbar > .si-container > .si-flex-row > div, .si-input-supported .comment-form-cookies-consent, #page .gallery { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #comments .comment-list ol, #comments .comment-list ul, #comments .comment-list, #sinatra-copyright .si-copyright-widget:not(.si-copyright-widget__nav) ul, .si-breadcrumbs ol, .si-breadcrumbs ul, .sinatra-nav .sub-menu li, .sinatra-nav .children li, .sinatra-nav > ul, #sinatra-topbar .si-topbar-widget__text ul, .sinatra-social-nav > ul { padding: 0; margin: 0; list-style: none; } .tagcloud a, .single .post-tags a, #main .entry-header .entry-title a, .entry-meta a, .post_format-post-format-quote .si-blog-entry-content .entry-content a, .page-links a, .site-content .page-links a, .navigation .nav-links .page-numbers, #si-scroll-top, #sinatra-copyright .si-copyright-widget:not(.si-copyright-widget__text) a, .si-breadcrumbs a, .sinatra-nav .sub-menu li a, .sinatra-nav .children li a, .sinatra-nav > ul > li > a, .sinatra-logo a, .si-hover-slider .slide-inner .read-more, .si-hover-slider .slide-inner h3 a, .si-header-widgets a:not(.si-btn), #sinatra-topbar .si-topbar-widget:not(.si-topbar-widget__text) a, .sinatra-social-nav > ul > li > a, .si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span, a { text-decoration: none; } #comments a, .tagcloud a, .single .post-tags a, .post_format-post-format-quote .si-blog-entry-content .quote-post-bg:after, .post_format-post-format-quote .si-blog-entry-content .quote-post-bg, .widget.widget_categories li > span, .widget.widget_archive li > span, .page-links span, .site-content .page-links span, .sinatra-nav .sub-menu li a, .sinatra-nav .children li a, #sinatra-topbar a, .si-input-supported input[type=radio]:before, .si-input-supported input[type=checkbox]:before, .si-input-supported input[type=radio], .si-input-supported input[type=checkbox], textarea, input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); } .si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span { -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); } a { -webkit-transition: color 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); } #main .search-form .search-submit, #colophon .search-form .search-submit, .si-header-widgets .si-search-simple .si-search-form input, .si-header-widgets .si-search-simple .si-search-form button, textarea, input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span { outline: none; border: none; margin: 0; padding: 0; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .si-icon { display: inline-block; fill: currentColor; width: auto; } .widget.widget_meta ul li:before, .widget.widget_icon_list ul li:before, .widget.widget_recent_entries .post-date:before, .breadcrumb-trail .trail-items li:after { -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: currentColor; width: 1em; height: 1em; } /*****************************************/ /* Responsive styles. /*****************************************/ /* ##Device = Most of the smartphones (portrait) ##Screen = 480px and under. */ /* ##Device = Most of the tablets (portrait) ##Screen = Between 481px and 768px. */ /* ##Device = Most of the tablets and smartphones ##Screen = 768px and under. */ /* ##Device = Desktops and landscape tablets ##Screen = 769px and upper. */ /* ##Device = Large desktops and upper (incl. iPad Pro in landscape mode) ##Screen = 1281px and upper. */ th, td { text-align: left; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 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 ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 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 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 600; } /** * 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 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 ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 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; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * 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; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 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 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ 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 in Chrome and Safari on macOS. */ [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 Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*****************************************/ /* General base styles /*****************************************/ html { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; max-width: 100%; font-size: 16px; } body { background-color: #fff; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } :focus { outline: 0; } .using-keyboard :focus { outline: thin dotted; } p { margin-top: 1em; margin-bottom: 1em; } q { font-style: italic; } mark, span.highlight { color: inherit; position: relative; padding: 0 3px 2px 3px; border-radius: 3px; } svg:not(:root) { overflow: hidden; } p:empty { display: none; } a { color: inherit; -webkit-text-decoration-skip: objects; } hr { margin-top: 2em; margin-bottom: 2em; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); } table:not(.variations):not(.shop_table) { border-collapse: collapse; width: 100%; margin: 1.25em auto; border-radius: 0; background-color: #f4f4f4; } table:not(.variations):not(.shop_table) thead, table:not(.variations):not(.shop_table) tbody, table:not(.variations):not(.shop_table) tfoot { border: 1px solid rgba(0, 0, 0, 0.085); color: inherit; } table:not(.variations):not(.shop_table) td, table:not(.variations):not(.shop_table) tr, table:not(.variations):not(.shop_table) caption { text-align: left; } table:not(.variations):not(.shop_table) th { font-weight: 500; } table:not(.variations):not(.shop_table) td, table:not(.variations):not(.shop_table) th { padding: 10px; } table:not(.variations):not(.shop_table) tbody tr:nth-child(odd) { border-bottom: 0; background-color: #fff; } table:not(.variations):not(.shop_table) thead tr, table:not(.variations):not(.shop_table) tfoot tr { background: transparent; } table:not(.variations):not(.shop_table) thead td, table:not(.variations):not(.shop_table) thead th, table:not(.variations):not(.shop_table) tfoot td, table:not(.variations):not(.shop_table) tfoot th { font-weight: 500; text-align: left; } table:not(.variations):not(.shop_table) caption { font-weight: 500; } dt:before { content: ""; display: block; } dd:before { content: " "; } /*****************************************/ /* Typography /*****************************************/ .sinatra-logo .site-title { line-height: 1.25; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 1.25em; margin-bottom: 0.75em; } .h4, h4, h5, h6 { margin-top: 1.5rem; margin-bottom: 0.5em; } h1, h2, h3, .h4, h4, h5, h6, .h1, .h2, .h3, .sinatra-logo .site-title, .error-404 .page-header h1 { text-rendering: optimizeLegibility; } figure { max-width: 100%; } pre { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code, kbd, var, samp, tt { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-style: normal; word-wrap: break-word; padding: 0.1rem 0.3rem; font-size: 90%; border-radius: 3px; overflow-wrap: break-word; word-wrap: break-word; } code.block { margin: 1.25em 0; display: block; padding: 1.5625rem 2.5rem; border-radius: 3px; } .wp-block-code code { background: none; } pre { display: block; page-break-inside: avoid; overflow: auto; word-break: break-all; word-wrap: break-word; } pre > h2:first-child { margin-top: 0; } progress { display: inline-block; vertical-align: baseline; } cite:before { content: "—"; display: inline-block; margin-right: 0.375rem; } blockquote, .si-entry .wp-block-quote { margin: 1.25em 0; padding: 0.5em 1.5em; border-style: none; border-left-style: solid; border-width: 4px; font-size: 1em; line-height: inherit; position: relative; border-radius: 3px; } blockquote > p, .si-entry .wp-block-quote > p { font-size: inherit; line-height: inherit; font-style: normal; } blockquote > p:first-child, .si-entry .wp-block-quote > p:first-child { margin-top: 0; margin-bottom: 1em; } blockquote > p:last-child, .si-entry .wp-block-quote > p:last-child { margin-bottom: 0; } blockquote.has-text-align-center, .si-entry .wp-block-quote.has-text-align-center { border: none; } blockquote.has-text-align-right, .si-entry .wp-block-quote.has-text-align-right { border-left-style: none; border-right-style: solid; } blockquote cite, .si-entry .wp-block-quote cite { display: block; margin-top: 1em; text-align: inherit; font-size: 0.875em; } .si-entry .wp-block-quote.is-style-large, .si-entry .wp-block-quote.is-large { font-size: 1.125em; line-height: 1.5; position: relative; background-color: rgba(35, 35, 35, 0.04); padding: 1.875rem 2.5rem; } .si-entry .wp-block-quote.is-style-large cite, .si-entry .wp-block-quote.is-large cite { font-size: 0.833em; } .si-entry .wp-block-quote.is-style-large:before, .si-entry .wp-block-quote.is-large:before { content: ""; position: absolute; width: 32px; height: 32px; top: 12px; left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.961 123.961'%3E%3Cpath d='M49.8,29.032c3.1-1.3,4.4-5,3-8l-4.9-10.3c-1.4-2.899-4.8-4.2-7.8-2.899c-8.5,3.6-15.8,8.3-21.6,14 C11.4,28.532,6.6,36.232,4,44.732c-2.6,8.601-4,20.3-4,35.2v30.7c0,3.3,2.7,6,6,6h39.3c3.3,0,6-2.7,6-6v-39.3c0-3.301-2.7-6-6-6 H26.5c0.2-10.101,2.6-18.2,7-24.301C37.1,36.133,42.5,32.133,49.8,29.032z'/%3E%3Cpath d='M120.4,29.032c3.1-1.3,4.399-5,3-8l-4.9-10.199c-1.4-2.9-4.8-4.2-7.8-2.9c-8.4,3.6-15.601,8.3-21.5,13.9 c-7.101,6.8-12,14.5-14.601,23c-2.6,8.399-3.899,20.1-3.899,35.1v30.7c0,3.3,2.7,6,6,6H116c3.3,0,6-2.7,6-6v-39.3 c0-3.301-2.7-6-6-6H97.1c0.2-10.101,2.601-18.2,7-24.301C107.7,36.133,113.1,32.133,120.4,29.032z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 32px; pointer-events: none; opacity: 0.1; } .si-entry p.has-background { padding: 30px 35px; border-radius: 2px; } .wp-block-quote[style*="text-align:center"], .wp-block-quote[style*="text-align: center"] { border: 0 !important; padding-left: 1.875em; padding-right: 1.875em; } .wp-block-quote[style*="text-align:center"] cite, .wp-block-quote[style*="text-align: center"] cite { text-align: center; } .si-entry .wp-block-quote[style*="text-align:right"], .si-entry .wp-block-quote[style*="text-align: right"] { border-left: none; border-right-style: solid; padding: 0.375rem 2.5rem 0.375rem 0; } .si-entry .wp-block-quote[style*="text-align:right"] cite, .si-entry .wp-block-quote[style*="text-align: right"] cite { text-align: right; } .si-entry .wp-block-pullquote.is-style-solid-color { border-radius: 2px; } .si-entry .wp-block-pullquote blockquote { padding: 0; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; } .si-entry .wp-block-pullquote blockquote p { font-size: 1.5rem; line-height: 1.4; } .si-entry .wp-block-pullquote cite { margin-top: 2em; color: inherit !important; opacity: 0.75; } .has-drop-cap:not(:focus)::after { padding-top: 0; } [type=checkbox], [type=radio] { margin-right: 10px; } #page .wp-caption, #page .wp-caption-text, #page .sticky, #page .gallery-caption, #page .alignright, #page .alignleft, #page .aligncenter, #page .bypostauthor { color: inherit; } #page .alignright { float: right; margin: 6px 0 1em 2em; } #page .alignleft { float: left; margin: 6px 2em 1em 0; } #page .alignright img, #page .alignleft img, #page .aligncenter img { max-width: 100%; } #page img.center { margin: 0 auto; display: block; } #page img.full { width: 100%; } #page .aligncenter { clear: both; margin-left: auto; margin-right: auto; } #page .wp-caption { max-width: 100% !important; } #page .wp-caption .wp-caption-text { display: block; margin: 6px 0 0 0; font-size: 0.875rem; text-align: center; } #page .gallery { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; float: none; margin-left: -remConvert(4px); margin-right: -remConvert(4px); float: left; clear: both; } .si-iflex-center { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .si-flex-center { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .si-flex-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .si-flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .si-flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .si-text-align-left { text-align: left; } .si-text-align-center { text-align: center; } .si-text-align-right { text-align: right; } .gallery .wp-caption-text { text-align: center; font-size: 0.875rem; line-height: 1.5; margin-top: 0.4375rem; margin-bottom: 0.875rem; } .gallery figure { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; padding: 0 0.25rem 0.5rem; margin: 0 !important; } .gallery figure img { display: block; border-radius: 2px; } .gallery.gallery-columns-1 figure { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .gallery.gallery-columns-2 figure { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .gallery.gallery-columns-3 figure { max-width: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } .gallery.gallery-columns-4 figure { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .gallery.gallery-columns-5 figure { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .gallery.gallery-columns-6 figure { max-width: 16.66%; -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; } .gallery.gallery-columns-7 figure { max-width: 14.285%; -ms-flex-preferred-size: 14.285%; flex-basis: 14.285%; } .gallery.gallery-columns-8 figure { max-width: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; } .gallery.gallery-columns-9 figure { max-width: 11.11%; -ms-flex-preferred-size: 11.11%; flex-basis: 11.11%; } /*****************************************/ /* General /*****************************************/ img { vertical-align: middle; max-width: 100%; height: auto; } textarea { resize: vertical; } .sinatra-hide { display: none !important; } /*****************************************/ /* WordPress specific /*****************************************/ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } .wp-smiley { margin-bottom: 0px !important; } .has-text-align-left { text-align: left !important; } .has-text-align-center { text-align: center !important; } .has-text-align-right { text-align: right !important; } /*****************************************/ /* Visibility classes /*****************************************/ /*****************************************/ /* Layout /*****************************************/ #page { position: relative; -js-display: flex; 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; } .admin-bar #page { min-height: calc(100vh - 32px); } .alignfull.si-contained.has-background { padding-left: 0; padding-right: 0; } .si-container, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer > ul, .alignfull.si-wrap-content > div { padding: 0 50px; margin: 0 auto; width: 100%; } .alignfull.si-stretch > div, .alignfull > .wp-block-embed__wrapper { max-width: 100% !important; } .si-container__wide.si-container, .si-container__wide > .si-container, .si-container__wide .si-header-container, .si-container__wide .si-logo-container > .si-container, .si-container__wide .si-nav-container > .si-container, .sinatra-layout__fw-stretched.si-container, .sinatra-layout__fw-stretched > .si-container, .sinatra-layout__fw-stretched .si-header-container, .sinatra-layout__fw-stretched .si-logo-container > .si-container, .sinatra-layout__fw-stretched .si-nav-container > .si-container { max-width: 100%; } .sinatra-layout__fw-stretched .si-container { max-width: 100%; } .sinatra-layout__boxed #page, .sinatra-layout__boxed-separated #page { margin: 0 auto; } .sinatra-layout__boxed #page { border: 0; -webkit-box-shadow: 0 0 30px rgba(50, 52, 54, 0.06); box-shadow: 0 0 30px rgba(50, 52, 54, 0.06); border-radius: 0; } .sinatra-layout__boxed-separated #primary, .sinatra-layout__boxed-separated #secondary { margin-top: 50px; margin-bottom: 50px; } .sinatra-layout__boxed-separated.sinatra-sidebar-position__right-sidebar #primary { padding-right: 50px; } .sinatra-layout__boxed-separated.sinatra-sidebar-position__right-sidebar.sinatra-sidebar-style-3 #primary { padding-right: 35px; } .sinatra-layout__boxed-separated.sinatra-sidebar-position__left-sidebar #primary { padding-left: 50px; } .sinatra-layout__boxed-separated.sinatra-sidebar-position__left-sidebar.sinatra-sidebar-style-3 #primary { padding-left: 35px; } .sinatra-layout__boxed-separated #page { background: none; } .sinatra-layout__boxed-separated #content { padding: 50px; } .sinatra-layout__boxed-separated #content .entry-content > .alignfull:first-child { margin-top: -50px; } .sinatra-layout__boxed-separated:not(.comments-open) #content .entry-content > .alignfull:last-child { margin-bottom: -50px; } .sinatra-layout__boxed-separated.blog #content, .sinatra-layout__boxed-separated.search-results #content, .sinatra-layout__boxed-separated.category #content { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: none; } .sinatra-layout__boxed-separated.blog .sinatra-article, .sinatra-layout__boxed-separated.search-results .sinatra-article, .sinatra-layout__boxed-separated.category .sinatra-article { padding: 40px; margin-bottom: 20px; } .sinatra-layout__boxed-separated.blog.si-blog-horizontal .sinatra-article, .sinatra-layout__boxed-separated.search-results.si-blog-horizontal .sinatra-article, .sinatra-layout__boxed-separated.category.si-blog-horizontal .sinatra-article { padding: 40px 35px; } .sinatra-layout__boxed-separated.blog.si-blog-horizontal .sinatra-pagination, .sinatra-layout__boxed-separated.search-results.si-blog-horizontal .sinatra-pagination, .sinatra-layout__boxed-separated.category.si-blog-horizontal .sinatra-pagination { margin-top: 40px; } .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget { margin-bottom: 20px; } .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget.widget_media_image { padding: 0; overflow: hidden; } .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .widget_media_image .widget-title { padding-left: 25px; margin-left: 0; margin-top: 20px; } #main iframe { max-width: 100%; } .wp-block-embed__wrapper { overflow: hidden; border-radius: 3px; } .wp-block-embed__wrapper.alignfull { border-radius: 0px; } /*****************************************/ /* Flexbox Grid /*****************************************/ .si-flex-row { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .si-flex-row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .si-flex-row div[class^=col-], .si-flex-row div[class*=col-] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; } /*****************************************/ /* Extra Small (599px and less) /*****************************************/ .site .si-flex-row .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .si-flex-row .col-xs.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .si-flex-row .col-xs-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .site .si-flex-row .col-xs-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .site .si-flex-row .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .si-flex-row .col-xs-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .site .si-flex-row .col-xs-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .site .si-flex-row .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .si-flex-row .col-xs-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .site .si-flex-row .col-xs-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .site .si-flex-row .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .si-flex-row .col-xs-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .site .si-flex-row .col-xs-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .site .si-flex-row .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .si-flex-row .col-xs-offset-0 { margin-left: 0%; } .site .si-flex-row .col-xs-offset-1 { margin-left: 8.3333333333%; } .site .si-flex-row .col-xs-offset-2 { margin-left: 16.6666666667%; } .site .si-flex-row .col-xs-offset-3 { margin-left: 25%; } .site .si-flex-row .col-xs-offset-4 { margin-left: 33.3333333333%; } .site .si-flex-row .col-xs-offset-5 { margin-left: 41.6666666667%; } .site .si-flex-row .col-xs-offset-6 { margin-left: 50%; } .site .si-flex-row .col-xs-offset-7 { margin-left: 58.3333333333%; } .site .si-flex-row .col-xs-offset-8 { margin-left: 66.6666666667%; } .site .si-flex-row .col-xs-offset-9 { margin-left: 75%; } .site .si-flex-row .col-xs-offset-10 { margin-left: 83.3333333333%; } .site .si-flex-row .col-xs-offset-11 { margin-left: 91.6666666667%; } .site .si-flex-row .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .si-flex-row .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .si-flex-row.start-xs, .site .si-flex-row .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .si-flex-row.center-xs, .site .si-flex-row .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .si-flex-row.end-xs, .site .si-flex-row .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .si-flex-row.top-xs, .site .si-flex-row .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .si-flex-row.middle-xs, .site .si-flex-row .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .si-flex-row.bottom-xs, .site .si-flex-row .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .si-flex-row.stretch-xs, .site .si-flex-row .stretch-xs { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .si-flex-row.around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .site .si-flex-row.between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /*****************************************/ /* Small (600px +) /*****************************************/ /*****************************************/ /* Medium (782px +) /*****************************************/ /*****************************************/ /* Large (1200px +) /*****************************************/ /*****************************************/ /* Gutenberg specific styles /*****************************************/ /* Columns */ .wp-block-columns { margin-bottom: 0; } .wp-block-columns .wp-block-column { margin-bottom: 2em; } .wp-block-columns .wp-block-column:empty { margin-bottom: 0; } /* 781 and up */ /* Buttons */ #main .wp-block-buttons { margin-bottom: -8px; } .wp-block-button__link { line-height: 1.4; font-size: inherit; padding: 0.5em 2em; min-height: 45px; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .alignwide { margin-right: -30px; margin-left: -30px; max-width: unset; width: unset; } .alignfull, .alignwide { margin-top: 2em; margin-bottom: 2em; max-width: unset; width: unset; } .wp-block-cover { margin-top: 2em; margin-bottom: 2em; } .has-medium-font-size { line-height: 1.5; } .has-huge-font-size, .has-large-font-size { line-height: 1.25; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.12); } .wp-block-media-text { margin-top: 1.25em; margin-bottom: 1.25em; } .wp-block-media-text__content p:first-child { margin-top: 0; } .wp-block-media-text__content p:last-child { margin-bottom: 0; } .wp-block-media-text__content p.has-large-font-size { margin-bottom: 1rem; } /* Social links */ #page .wp-block-social-links { margin-top: 2em; margin-bottom: 2em; margin-left: 0; } #page .wp-block-social-links .wp-social-link a, #page .wp-block-social-links .wp-social-link a:hover { color: inherit; } /*****************************************/ /* Animations and keyframes /*****************************************/ @-webkit-keyframes slideToLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideToLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideToRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideToRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideFromLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideFromLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideFromRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideFromRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideFromRightToLeft { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideFromRightToLeft { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes si_bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes si_bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes si-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes si-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /*****************************************/ /* Button styles. /*****************************************/ .si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; max-width: 100%; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-style: solid; -ms-flex-negative: 0; flex-shrink: 0; font-size: inherit; min-height: 45px; padding: 0.5em 2em; } .si-btn span, body:not(.wp-customizer) input[type=submit] span, .site-main .woocommerce #respond input#submit span, .site-main .woocommerce a.button span, .site-main .woocommerce button.button span, .site-main .woocommerce input.button span, .woocommerce ul.products li.product .added_to_cart span, .woocommerce ul.products li.product .button span, .woocommerce div.product form.cart .button span, .woocommerce #review_form #respond .form-submit input span, #infinite-handle span span { z-index: 2; position: relative; } .si-btn:disabled, .si-btn.disabled, body:not(.wp-customizer) input[type=submit]:disabled, body:not(.wp-customizer) input[type=submit].disabled, .site-main .woocommerce #respond input#submit:disabled, .site-main .woocommerce #respond input#submit.disabled, .site-main .woocommerce a.button:disabled, .site-main .woocommerce a.button.disabled, .site-main .woocommerce button.button:disabled, .site-main .woocommerce button.button.disabled, .site-main .woocommerce input.button:disabled, .site-main .woocommerce input.button.disabled, .woocommerce ul.products li.product .added_to_cart:disabled, .woocommerce ul.products li.product .added_to_cart.disabled, .woocommerce ul.products li.product .button:disabled, .woocommerce ul.products li.product .button.disabled, .woocommerce div.product form.cart .button:disabled, .woocommerce div.product form.cart .button.disabled, .woocommerce #review_form #respond .form-submit input:disabled, .woocommerce #review_form #respond .form-submit input.disabled, #infinite-handle span:disabled, #infinite-handle span.disabled { cursor: not-allowed !important; } .si-btn:disabled > span, .si-btn:disabled > svg, .si-btn.disabled > span, .si-btn.disabled > svg, body:not(.wp-customizer) input[type=submit]:disabled > span, body:not(.wp-customizer) input[type=submit]:disabled > svg, body:not(.wp-customizer) input[type=submit].disabled > span, body:not(.wp-customizer) input[type=submit].disabled > svg, .site-main .woocommerce #respond input#submit:disabled > span, .site-main .woocommerce #respond input#submit:disabled > svg, .site-main .woocommerce #respond input#submit.disabled > span, .site-main .woocommerce #respond input#submit.disabled > svg, .site-main .woocommerce a.button:disabled > span, .site-main .woocommerce a.button:disabled > svg, .site-main .woocommerce a.button.disabled > span, .site-main .woocommerce a.button.disabled > svg, .site-main .woocommerce button.button:disabled > span, .site-main .woocommerce button.button:disabled > svg, .site-main .woocommerce button.button.disabled > span, .site-main .woocommerce button.button.disabled > svg, .site-main .woocommerce input.button:disabled > span, .site-main .woocommerce input.button:disabled > svg, .site-main .woocommerce input.button.disabled > span, .site-main .woocommerce input.button.disabled > svg, .woocommerce ul.products li.product .added_to_cart:disabled > span, .woocommerce ul.products li.product .added_to_cart:disabled > svg, .woocommerce ul.products li.product .added_to_cart.disabled > span, .woocommerce ul.products li.product .added_to_cart.disabled > svg, .woocommerce ul.products li.product .button:disabled > span, .woocommerce ul.products li.product .button:disabled > svg, .woocommerce ul.products li.product .button.disabled > span, .woocommerce ul.products li.product .button.disabled > svg, .woocommerce div.product form.cart .button:disabled > span, .woocommerce div.product form.cart .button:disabled > svg, .woocommerce div.product form.cart .button.disabled > span, .woocommerce div.product form.cart .button.disabled > svg, .woocommerce #review_form #respond .form-submit input:disabled > span, .woocommerce #review_form #respond .form-submit input:disabled > svg, .woocommerce #review_form #respond .form-submit input.disabled > span, .woocommerce #review_form #respond .form-submit input.disabled > svg, #infinite-handle span:disabled > span, #infinite-handle span:disabled > svg, #infinite-handle span.disabled > span, #infinite-handle span.disabled > svg { opacity: 0.5; } button.si-btn:disabled { opacity: 0.5; } .btn-small, .site-main .woocommerce #respond input#submit, #secondary .woocommerce a.button, #secondary .woocommerce button.button, #secondary .woocommerce input.button, .site-main .woocommerce .woocommerce-table a.button, .site-main .woocommerce .woocommerce-orders-table a.button, .site-main .woocommerce .woocommerce-Pagination a.button, .site-main .woocommerce .shipping-calculator-form .button, .woocommerce #secondary .widget_price_filter .price_slider_amount .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button { font-size: 90% !important; min-height: 40px; padding: 0.5em 1.5em; } .btn-large, #place_order { min-height: 57px; font-size: 108% !important; } .btn-xlarge { font-size: 130% !important; min-height: 69px; font-weight: 600; } .btn-fw { width: 100%; text-align: center; } .btn-large-radius { border-radius: 50px; } .btn-left-icon, .btn-right-icon { position: relative; } .btn-left-icon > svg, .btn-right-icon > svg { height: 1.1em; } .btn-left-icon.btn-reveal > svg, .btn-right-icon.btn-reveal > svg { -webkit-transition: opacity 0.1s ease, -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: opacity 0.1s ease, -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.1s ease; transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.1s ease, -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .btn-left-icon.btn-reveal > span, .btn-right-icon.btn-reveal > span { -webkit-transition: padding 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: padding 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: padding, margin; } .btn-left-icon.btn-svg > svg, .btn-right-icon.btn-svg > svg { height: 1em !important; width: auto !important; vertical-align: middle; fill: currentColor; } .btn-left-icon > svg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0.65em; margin-left: -0.65em; } .btn-left-icon > span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .btn-left-icon.btn-reveal > svg { left: 0.8em; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); margin-left: 0; margin-right: 0; } .btn-left-icon.btn-reveal:hover > span { padding-left: 1em; margin-right: -1em; } .btn-left-icon.btn-reveal:hover > svg { opacity: 1; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .btn-right-icon > svg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 0.65em; margin-right: -0.65em; } .btn-right-icon.btn-reveal > svg { right: 0.8em; -webkit-transform: translate3d(-10px, -50%, 0); transform: translate3d(-10px, -50%, 0); margin-left: 0; margin-right: 0; } .btn-right-icon.btn-reveal:hover > span { padding-right: 1em; margin-left: -1em; } .btn-right-icon.btn-reveal:hover > svg { opacity: 1; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .si-btn.btn-outline { background-color: rgba(0, 0, 0, 0); } .si-btn.btn-secondary.btn-outline { background-color: rgba(0, 0, 0, 0); } .si-btn.btn-with-shadow { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .si-btn.btn-with-shadow:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.175); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.175); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .si-btn.btn-text-1 { padding: 0 !important; min-height: 0; height: auto; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; font-weight: 500; } .si-btn.btn-text-1 span { padding: 3px 0; } .si-btn.btn-text-1 span:before, .si-btn.btn-text-1 span:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; border-radius: 6px; } .si-btn.btn-text-1 span:after { background: currentColor; opacity: 0.2; } .si-btn.btn-text-1 span:before { background: currentColor; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-backface-visibility: hidden; will-change: scale; z-index: 1; } .si-btn.btn-text-1:hover > span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .si-btn.btn-text-1.btn-left-icon > span, .si-btn.btn-text-1.btn-right-icon > span { padding-left: 0 !important; padding-right: 0 !important; } /*****************************************/ /* Form Styles /*****************************************/ textarea, input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { font-size: inherit; font-weight: 400; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border: solid 2px rgba(0, 0, 0, 0.085); background-color: #ffffff; padding: 0.5625rem 1rem; color: #66717f; width: 100%; border-radius: 2px; line-height: 1 !important; min-height: 42px; } textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=date]:focus, #add_payment_method table.cart td.actions .coupon .input-text:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus { color: #000; } textarea.sinatra-invalid, input[type=text].sinatra-invalid, input[type=email].sinatra-invalid, input[type=password].sinatra-invalid, input[type=tel].sinatra-invalid, input[type=url].sinatra-invalid, input[type=search].sinatra-invalid, input[type=date].sinatra-invalid, #add_payment_method table.cart td.actions .coupon .input-text.sinatra-invalid, .woocommerce-cart table.cart td.actions .coupon .input-text.sinatra-invalid, .woocommerce-checkout table.cart td.actions .coupon .input-text.sinatra-invalid { border-color: #f33; } fieldset { border: 1px solid rgba(0, 0, 0, 0.085); margin: 1.5rem 2px; padding: 10px 25px 20px; border-radius: 3px; } fieldset legend + p { margin-top: 0; } fieldset p:last-child { margin-bottom: 0; } legend { font-size: inherit; display: table; max-width: 100%; padding-left: 1em; padding-right: 1em; white-space: normal; font-weight: 400; } .select2-container .select2-selection--single { height: 45px; border: solid 2px rgba(0, 0, 0, 0.085); border-radius: 2px; margin-bottom: 2px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; color: #66717f; padding-left: 15px; padding-right: 30px; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 45px; } .select2-container--default .select2-search--dropdown { padding: 10px 10px 5px 10px; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 8px 1rem; border-color: rgba(0, 0, 0, 0.085); border-radius: 2px; background-color: #f4f4f4; } .select2-container--default .select2-results > .select2-results__options { padding-bottom: 10px; } .select2-container--default .select2-results__option[data-selected=true] { background-color: #f4f4f4; } .select2-dropdown { border-color: rgba(0, 0, 0, 0.085); border-width: 2px; border-radius: 2px; top: -2px; } .select2-container--open .select2-dropdown { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .select2-results__option { padding: 6px 15px; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; margin: 0 10px; border-radius: 2px; } label { display: inline-block; font-weight: 600; margin-bottom: 0.1875rem; } input[type=checkbox] + label, input[type=radio] + label, .nsu-checkbox label { display: inline; margin-bottom: 0; font-weight: 400; } textarea { line-height: 1.5 !important; min-height: 11.7em; max-height: 600px; } select { height: 45px; padding: 0.625rem 1rem; background: none; border-width: 2px; border-style: solid; border-color: rgba(0, 0, 0, 0.085); -o-border-image: initial; border-image: initial; border-radius: 2px; font-size: inherit; color: inherit; font-family: inherit; } select:focus { outline: none; } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } .si-input-supported input[type=radio], .si-input-supported input[type=checkbox] { position: relative; border: 2px solid currentColor; border-radius: 2px; background: none; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; margin: 0 0.6em 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: text-top; height: 20px; width: 20px; min-width: 20px; -webkit-appearance: none; -moz-appearance: none; opacity: 0.5; } .si-input-supported input[type=radio] + label, .si-input-supported input[type=checkbox] + label { cursor: pointer; font-weight: 400; font-size: 0.9375rem; } .si-input-supported input[type=radio]:before, .si-input-supported input[type=checkbox]:before { content: ""; opacity: 0; position: absolute; } .si-input-supported input[type=radio]:hover, .si-input-supported input[type=radio]:checked, .si-input-supported input[type=radio]:checked:before, .si-input-supported input[type=checkbox]:hover, .si-input-supported input[type=checkbox]:checked, .si-input-supported input[type=checkbox]:checked:before { opacity: 1; } .si-input-supported input[type=checkbox] { -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; } .si-input-supported input[type=checkbox]:before { left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 2; } .si-input-supported input[type=checkbox]:hover { -webkit-box-shadow: inset 0 0 0 2px; box-shadow: inset 0 0 0 2px; } .si-input-supported input[type=checkbox]:checked { opacity: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .si-input-supported input[type=checkbox]:checked:before { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .si-input-supported input[type=radio] { border-radius: 50%; } .si-input-supported input[type=radio]:before { width: 10px; height: 10px; top: 50%; left: 3px; margin-top: -5px; border-radius: 50%; } .si-input-supported .comment-subscription-form #subscribe_blog, .si-input-supported .comment-subscription-form #subscribe_comments { -webkit-appearance: none !important; -moz-appearance: none !important; } .si-input-supported .comment-form-cookies-consent { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*****************************************/ /* Social links styles. /*****************************************/ .sinatra-social-nav { height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sinatra-social-nav > ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .sinatra-social-nav > ul > li { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; } .sinatra-social-nav > ul > li:last-child > a { margin-right: 0; } .sinatra-social-nav > ul > li > a { display: block; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; color: inherit !important; font-weight: 400; overflow-y: hidden; margin-right: 1em; } .sinatra-social-nav > ul > li > a .si-icon { padding-left: 2px; padding-right: 2px; } .sinatra-social-nav > ul > li > a:before { display: none !important; } .sinatra-social-nav > ul > li > a:hover .si-icon { -webkit-transform: translateY(-225%); -ms-transform: translateY(-225%); transform: translateY(-225%); } .sinatra-social-nav > ul > li > a:hover .si-icon.bottom-icon { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sinatra-social-nav > ul > li > a .si-icon { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.22s; transition: -webkit-transform 0.22s; transition: transform 0.22s; transition: transform 0.22s, -webkit-transform 0.22s; opacity: 1; will-change: transform; } .sinatra-social-nav > ul > li > a .si-icon.bottom-icon { position: absolute; -webkit-transform: translate3d(0, 225%, 0); transform: translate3d(0, 225%, 0); } .sinatra-social-nav > ul > li > a span { position: relative; } .sinatra-social-nav.rounded > ul > li > a { margin-right: 0.5em; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; padding: 0; } .sinatra-social-nav.rounded > ul > li > a .si-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sinatra-social-nav.rounded > ul > li:last-child > a { margin-right: 0; } .sinatra-social-nav > ul > li > a .si-icon { height: 1rem; } .sinatra-social-nav.rounded > ul > li > a { width: 2.25rem; height: 2.25rem; } .sinatra-social-nav.si-small > ul > li > a .si-icon { height: 0.875rem; } .sinatra-social-nav.si-small.rounded > ul > li > a { width: 2rem; height: 2rem; } .sinatra-social-nav.si-large > ul > li > a .si-icon { height: 1.25rem; } .sinatra-social-nav.si-large.rounded > ul > li > a { width: 2.75rem; height: 2.75rem; } .sinatra-social-nav.si-xlarge > ul > li > a .si-icon { height: 1.75rem; } .sinatra-social-nav.si-xlarge.rounded > ul > li > a { width: 3.75rem; height: 3.75rem; } /*****************************************/ /* Topbar layout styles /*****************************************/ #sinatra-topbar { border-style: solid; border-left: none; border-right: none; border-width: 0; font-size: 13px; position: relative; z-index: 6; } #sinatra-topbar > .si-container { position: relative; } #sinatra-topbar > .si-container > .si-flex-row { position: relative; margin-top: 0; margin-bottom: 0; min-height: 50px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #sinatra-topbar > .si-container > .si-flex-row > div { max-width: 100%; } #sinatra-topbar > .si-container > .si-flex-row > div:empty { display: none; } #sinatra-topbar .sinatra-topbar-left, #sinatra-topbar .sinatra-topbar-right { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } #sinatra-topbar .sinatra-topbar-right { margin-left: auto; } #sinatra-topbar .sinatra-topbar-right .si-topbar-widget:first-child { margin-left: 0; } #sinatra-topbar .si-topbar-widget { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0.625rem; padding-right: 0.625rem; position: relative; z-index: 5; } #sinatra-topbar .si-topbar-widget:first-child { padding-left: 0; border-left: 0; } #sinatra-topbar .si-topbar-widget:last-child { padding-right: 0; border-right: 0 !important; } #sinatra-topbar .si-topbar-widget:last-child:after { display: none !important; } #sinatra-topbar .si-topbar-widget__text .si-icon { margin: 0 0.4375rem 0 0; height: 1.15em; position: relative; vertical-align: middle; } #sinatra-topbar .sinatra-social-nav > ul > li > a .si-icon { height: 0.875rem; } .sinatra-topbar__separators-regular #sinatra-topbar .si-topbar-widget:after, .sinatra-topbar__separators-slanted #sinatra-topbar .si-topbar-widget:after { content: ""; width: 1px; height: 1em; display: inline-block; position: relative; right: -5px; margin: -1em 0 -1em 10px; } .sinatra-topbar__separators-slanted #sinatra-topbar .si-topbar-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .sinatra-topbar__separators-slanted #sinatra-topbar .si-topbar-widget.si-topbar-widget__socials { padding-left: 0.3125rem; } .si-topbar-widget:after { background-color: #ddd; } /*****************************************/ /* Header layout styles /*****************************************/ #sinatra-header { position: relative; } #sinatra-header-inner { border-style: solid; border-left: none; border-right: none; border-width: 0; } #sinatra-header-inner:after { content: ""; } #sinatra-header-inner > .si-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #sinatra-header-inner .si-widget-wrapper { position: relative; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .si-header-element { margin-left: 1rem; position: relative; z-index: 4; } .si-header-element.si-header-widgets { z-index: 5; } .si-header-element:first-child { margin-left: 0; } .si-header-element:empty { margin-left: 0; } /*****************************************/ /* Sticky Header /*****************************************/ .si-sticky-header.sinatra-is-mobile #sinatra-header-inner, .si-sticky-header:not(.sinatra-header-layout-3) #sinatra-header-inner, .si-sticky-header:not(.sinatra-is-mobile).sinatra-header-layout-3 #sinatra-header-inner .si-nav-container > .si-container { position: fixed; left: 0; right: 0; top: 0; z-index: 999; margin: 0 auto; } .si-sticky-header.sinatra-header-layout-3:not(.sinatra-is-mobile) #sinatra-header-inner .si-nav-container > .si-container { background-color: inherit; border: inherit; } .si-sticky-header.sinatra-header-layout-3 #sinatra-header-inner .si-nav-container > .si-container { max-width: 100%; } .si-sticky-header.admin-bar.sinatra-is-mobile #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-header-layout-3) #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-is-mobile).sinatra-header-layout-3 #sinatra-header-inner .si-nav-container > .si-container { top: 32px; } /*****************************************/ /* Header Widgets /*****************************************/ .si-header-widgets a:not(.si-btn) { color: inherit; } .si-header-widgets .si-header-widget { height: 100%; max-height: 90px; position: relative; padding-left: 0.5rem; padding-right: 0.5rem; } .si-header-widgets .si-header-widget.si-header-widget__button { padding-left: 1rem; padding-right: 1rem; } .si-header-widgets .si-header-widget > .si-widget-wrapper:hover .dropdown-item:not(.si-search-container), .si-header-widgets .si-header-widget.dropdown-visible .dropdown-item:not(.si-search-container) { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); visibility: visible; pointer-events: auto; } .si-header-widgets .si-header-widget .si-widget-wrapper.dropdown-visible .dropdown-item { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); visibility: visible; pointer-events: auto; } .si-header-widgets .si-header-widget:not(.si-header-widget__button) .si-icon { height: 1.2857em; width: auto; } .si-header-widgets .si-cart, .si-header-widgets .si-search { position: relative; } .si-header-widgets .si-cart .si-cart-count { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 11px; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 19px; width: 19px; margin-left: -6px; margin-right: -6px; margin-top: -15px; border-radius: 50%; position: relative; line-height: 1; color: #fff; font-weight: 500; letter-spacing: 0; } .si-header-widgets .dropdown-item { width: 17.5rem; background-color: #fff; -webkit-box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); border-radius: 0 0 3px 3px; border: 1px solid rgba(0, 0, 0, 0.085); border-top-width: 2px; } .si-header-widgets .dropdown-item:not(.si-search-container) { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); z-index: 9991; pointer-events: none; } .si-header-widgets .dropdown-item:not(.si-search-container):hover { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); visibility: visible; } .si-header-widget:after { width: 1px; height: 1em; background-color: #ddd; display: inline-block; position: relative; right: -5px; margin: -1em 0 -1em 10px; } .sinatra-header__separators-regular .si-header-widget, .sinatra-header__separators-slanted .si-header-widget { padding-left: 0.625rem; padding-right: 0.625rem; } .sinatra-header__separators-regular .si-header-widget:after, .sinatra-header__separators-slanted .si-header-widget:after { content: ""; } .sinatra-header__separators-slanted .si-header-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .sinatra-header__separators-slanted .si-header-widget.si-topbar-widget__socials { padding-left: 0.3125rem; } .sinatra-header-layout-3 .sinatra-widget-location-left .dropdown-item { right: auto; left: -7px; } .sinatra-header-layout-3 .sinatra-widget-location-left .dropdown-item:after { right: auto; left: 16px; } /*****************************************/ /* Header layouts /*****************************************/ .sinatra-header-layout-1 .sinatra-logo, .sinatra-header-layout-2 .sinatra-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sinatra-header-layout-1 .si-header-widget:last-of-type, .sinatra-header-layout-2 .si-header-widget:last-of-type { padding-right: 0; } .sinatra-header-layout-1 .si-header-widget:last-of-type:after, .sinatra-header-layout-2 .si-header-widget:last-of-type:after { display: none; } .sinatra-header-layout-1 .si-header-container .sinatra-logo { margin-right: auto; } .sinatra-header-layout-1 .si-header-container .sinatra-nav { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sinatra-header-layout-1 .si-header-container .sinatra-nav > ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*****************************************/ /* Header layout 2 /*****************************************/ .sinatra-header-layout-2 .si-header-container .sinatra-logo { margin-right: 2rem; } .sinatra-header-layout-2 .si-header-container .sinatra-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sinatra-header-layout-2 .si-header-container .si-header-widgets { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sinatra-header-layout-2 .si-header-container .si-header-widgets:last-child { margin-right: 0; } /*****************************************/ /* Header layout 3 /*****************************************/ .sinatra-header-layout-3 .si-header-widget__cart .dropdown-item { right: -14px; } .sinatra-header-layout-3 .si-logo-container > .si-container, .sinatra-header-layout-3 .si-nav-container > .si-container { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sinatra-header-layout-3 #sinatra-header-inner .sinatra-nav > ul > li > a { padding-top: 14px; padding-bottom: 14px; } .sinatra-header-layout-3 .si-logo-container > .si-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sinatra-header-layout-3 .si-logo-container .si-header-element { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .sinatra-header-layout-3 .si-logo-container .sinatra-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sinatra-header-layout-3 .si-logo-container .sinatra-logo > .logo-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-left .si-header-widget:first-child { padding-left: 0; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-left .si-header-widget:last-of-type { padding-right: 0; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-left .si-header-widget:last-of-type:after { display: none; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-right .si-header-widget:last-of-type { padding-right: 0; } .sinatra-header-layout-3 .si-logo-container .sinatra-widget-location-right .si-header-widget:last-of-type:after { display: none; } .sinatra-header-layout-3 .si-widget-wrapper, .sinatra-header-layout-3 .si-mobile-nav { padding-top: 16px; padding-bottom: 16px; } .sinatra-header-layout-3 .si-nav-container { position: relative; z-index: 3; border-width: 0; margin-bottom: -1px; } .page-header { position: relative; border-width: 0; } .page-header:empty { display: none; } .page-header > .si-container > div, .page-header > .si-container > nav { z-index: 2; } .page-header.si-has-breadcrumbs.si-align-left .si-page-header-wrapper { padding-right: 1.875rem; } .page-header.si-has-breadcrumbs.si-align-right .si-page-header-wrapper { padding-left: 1.875rem; } .page-header .si-page-header-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .page-header .si-page-header-description { font-size: 1.06667em; margin: 0; margin-top: 0.5em; } .page-header h1.page-title, .page-header .page-title { margin: 0; font-weight: 500; } .page-header:after { content: ""; pointer-events: none; } .si-page-title-align-left .page-header.si-has-page-title .si-page-header-wrapper { margin-right: auto; } .si-page-title-align-right .page-header.si-has-page-title .si-page-header-wrapper { margin-left: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .si-page-title-align-right .page-header.si-has-page-title .si-breadcrumbs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .si-page-title-align-center .page-header.si-has-page-title > .si-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .si-page-title-align-center .page-header.si-has-page-title > .si-container .si-page-header-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .si-page-title-align-center .page-header.si-has-page-title > .si-container .si-breadcrumbs { text-align: center; width: 100%; } /*****************************************/ /* Transparent header layout styles /*****************************************/ .si-tsp-header .page-header, .si-tsp-header #sinatra-header-inner { background: none; background-color: rgba(0, 0, 0, 0); } .si-tsp-header .site-header { position: relative; } .si-tsp-header #sinatra-header-inner { -webkit-box-shadow: none; box-shadow: none; } .si-tsp-header .page-header { position: relative; z-index: 1; } .si-tsp-header.si-single-title-in-page-header .page-header.si-page-title-has-bg-img:after { background: none; } .si-tsp-header.si-single-title-in-page-header #masthead:before { content: ""; pointer-events: none; background-color: #23282d; opacity: 0.65; } .si-tsp-absolute .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 9; background-color: transparent; } /*****************************************/ /* Fullwidth section /*****************************************/ body:not(.sinatra-layout__boxed).sinatra-no-sidebar .si-fw-section, body:not(.sinatra-layout__boxed).sinatra-no-sidebar .entry-content .alignfull { position: relative; width: 100vw; left: 50%; margin-left: -50vw; max-width: var(--si-screen-width, 100vw); } body.sinatra-layout__boxed.sinatra-no-sidebar .si-fw-section, body.sinatra-layout__boxed.sinatra-no-sidebar .entry-content .alignfull { margin-left: -100px; margin-right: -100px; } body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .si-fw-section, body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull { left: 0 !important; width: auto !important; max-width: unset; margin-left: -50px !important; margin-right: -50px !important; } .sinatra-layout__boxed.sinatra-no-sidebar .elementor-section.elementor-section-stretched, .sinatra-layout__boxed.sinatra-no-sidebar .si-fw-section, .sinatra-layout__boxed.sinatra-no-sidebar .entry-content .alignfull { left: 0 !important; width: auto !important; margin-left: -100px !important; margin-right: -100px !important; } .sinatra-layout__boxed.page-template-template-sinatra-fullwidth .elementor-section.elementor-section-stretched, .sinatra-layout__boxed.page-template-template-sinatra-fullwidth .si-fw-section, .sinatra-layout__boxed.page-template-template-sinatra-fullwidth .entry-content .alignfull, .sinatra-layout__boxed.page-template-elementor_header_footer .elementor-section.elementor-section-stretched, .sinatra-layout__boxed.page-template-elementor_header_footer .si-fw-section, .sinatra-layout__boxed.page-template-elementor_header_footer .entry-content .alignfull { left: 0 !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .si-fw-section, .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; max-width: 100%; } body:not(.si-has-sidebar):not(.si-single-title-in-content) #content .entry-content > .alignfull:first-child { margin-top: -50px; } body:not(.si-has-sidebar):not(.si-single-title-in-content):not(.comments-open) #content .entry-content > .alignfull:last-child { margin-bottom: -70px; } .wp-block-group.alignfull.has-background { padding-left: 0; padding-right: 0; } #page .alignfull .alignfull { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; } /*****************************************/ /* Hero styles /*****************************************/ #hero { position: relative; z-index: 1; } .si-hover-slider { position: relative; background-color: #23282d; overflow: hidden; } .si-hover-slider .hover-slider-backgrounds { opacity: 0; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-backface-visibility: hidden; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; z-index: 1; will-change: scale; } .si-hover-slider .hover-slider-backgrounds.loaded { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .si-hover-slider .hover-slide-bg { z-index: 1; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: opacity; } .si-hover-slider .hover-slide-bg.active { opacity: 1; z-index: 2; } .si-hover-slider.slider-overlay-1 .hover-slider-backgrounds:after { content: ""; background-color: #23282d; opacity: 0.65; z-index: 3; } .si-hover-slider.slider-overlay-2 .hover-slider-backgrounds:after { content: ""; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(35, 40, 45, 0)), color-stop(20%, rgba(35, 40, 45, 0.05)), color-stop(40%, rgba(35, 40, 45, 0.15)), color-stop(60%, rgba(35, 40, 45, 0.55)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(35, 40, 45, 0) 1%, rgba(35, 40, 45, 0.05) 20%, rgba(35, 40, 45, 0.15) 40%, rgba(35, 40, 45, 0.55) 60%, rgba(0, 0, 0, 0.65) 100%); } .si-hover-slider .si-container, .si-hover-slider .si-container__wide { position: relative; z-index: 2; } .si-hover-slider .si-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; } .si-hover-slider .hover-slide-item { position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #fff; } .si-hover-slider .hover-slide-item .entry-meta .entry-meta-elements > span:before { background: rgba(255, 255, 255, 0.4); } .si-hover-slider .si-flex-row > div { border-right: 1px solid rgba(255, 255, 255, 0.2); } .si-hover-slider .si-flex-row > div:last-child { border-right: 0; } .si-hover-slider .si-flex-row > div:last-child .slide-inner { margin-right: 0; } .si-hover-slider .si-flex-row > div:first-child .slide-inner { margin-left: 0; } .si-hover-slider .si-flex-row > div.si-hero-readmore:hover .slide-inner { -webkit-transform: translate3d(0, -90px, 0); transform: translate3d(0, -90px, 0); } .si-hover-slider .si-flex-row > div.si-hero-readmore:hover .slide-inner .read-more { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .si-hover-slider .slide-inner { position: absolute; bottom: 25px; left: 0; right: 0; margin: 0 10px; -webkit-transition: all 0.25s cubic-bezier(0.05, 0.2, 0.1, 1); transition: all 0.25s cubic-bezier(0.05, 0.2, 0.1, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 550px; } .si-hover-slider .slide-inner h3 { margin-bottom: 0.125rem; color: #fff; } .si-hover-slider .slide-inner h3 a { color: inherit; } .si-hover-slider .slide-inner h3 a:hover { text-decoration: underline; } .si-hover-slider .slide-inner .post-category { text-align: left; } .si-hover-slider .slide-inner .post-category a { margin: 0 3px 6px 0; } .si-hover-slider .slide-inner .post-category a:last-of-type { margin-right: 0; } .si-hover-slider .slide-inner .post-category a, .si-hover-slider .slide-inner .post-category a:hover { color: #fff; font-weight: 400; } .si-hover-slider .slide-inner .read-more { font-size: 75% !important; position: absolute; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); left: 0; opacity: 0; top: 100%; margin-top: 30px; border: solid 2px #fff; color: #fff; -webkit-transition: all 0.15s cubic-bezier(0.05, 0.2, 0.1, 1); transition: all 0.15s cubic-bezier(0.05, 0.2, 0.1, 1); } .si-hover-slider .slide-inner .read-more:hover { background: #fff; color: #23282d; } .si-hover-slider .entry-meta { text-align: left !important; color: rgba(255, 255, 255, 0.7); } .si-hover-slider .entry-meta .entry-meta-elements > span:first-child { padding-left: 0 !important; } .si-hover-slider .entry-meta .entry-meta-elements > span:before { opacity: 0.75; } .site .si-hover-slider .entry-meta a:hover { color: #fff; } @-webkit-keyframes si-kenburns { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: scale3d(1.42, 1.42, 1.42) translate3d(0px, 0px, 0px); transform: scale3d(1.42, 1.42, 1.42) translate3d(0px, 0px, 0px); } 100% { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); } } @keyframes si-kenburns { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: scale3d(1.42, 1.42, 1.42) translate3d(0px, 0px, 0px); transform: scale3d(1.42, 1.42, 1.42) translate3d(0px, 0px, 0px); } 100% { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); } } /*****************************************/ /* Search /*****************************************/ .si-header-widgets .si-search-simple .si-form-label { display: block; width: 100%; } .si-header-widgets .si-search-simple .si-search-form input, .si-header-widgets .si-search-simple .si-search-form button { background-color: rgba(0, 0, 0, 0) !important; } .si-header-widgets .si-search-simple .si-search-form input { font-size: 15px; color: #30373e; display: block; width: 100%; padding: 16px 45px 16px 20px; } .si-header-widgets .si-search-simple .si-search-form button { cursor: pointer; position: absolute; right: 13px; top: 0; bottom: 0; } .si-search-simple { opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .si-search-visible .si-search-simple { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #main .search-form, #colophon .search-form { max-width: 360px; } #main .search-form > div, #colophon .search-form > div { display: block; position: relative; } #main .search-form .search-submit, #colophon .search-form .search-submit { background: none; position: absolute; top: 0; right: 15px; bottom: 0; width: 25px; color: inherit; } #main .search-form .search-submit:hover, #colophon .search-form .search-submit:hover { cursor: pointer; } #main .search-form .search-submit svg, #colophon .search-form .search-submit svg { height: 1.285em; width: auto; top: -1px; vertical-align: middle; } #main .search-form .search-field, #colophon .search-form .search-field { display: block; width: 100%; padding-right: 45px; } #main .search-form .search-field:focus, #colophon .search-form .search-field:focus { outline: none; } #main .error-404 .search-form { margin-left: auto; margin-right: auto; } /*****************************************/ /* Logo styles /*****************************************/ .sinatra-logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sinatra-logo .site-title, .sinatra-logo .site-description { margin: 0; } .sinatra-logo a { -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .sinatra-logo a img { display: block; width: auto; height: auto; max-width: 100%; } .sinatra-logo a img.si-svg-logo { max-width: 100% !important; } .sinatra-logo .site-description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0.25em; } /*****************************************/ /* General Navigation /*****************************************/ .sinatra-nav .sub-menu li:hover > a, .sinatra-nav .children li:hover > a, .sinatra-nav .children li.current_page_ancestor > a, .sinatra-nav .children li.current_page_item > a, .sinatra-nav .sub-menu li.current-menu-ancestor > a, .sinatra-nav .sub-menu li.current-menu-item > a { color: #23282d !important; background-color: rgba(0, 0, 0, 0.05); } .sinatra-nav { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-font-smoothing: antialiased; } .sinatra-nav > ul { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .sinatra-nav > ul > li { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1rem; } .sinatra-nav > ul > li:first-child, .sinatra-nav > ul > li:first-of-type { margin-left: 0 !important; } .sinatra-nav > ul > li > a { display: block; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .sinatra-nav > ul > li:last-child { margin-right: 0 !important; } /*****************************************/ /* Dropdowns. /*****************************************/ .sinatra-nav > ul > li.opens-left > .sub-menu, .sinatra-nav > ul > li.opens-left > .children { left: auto; right: 0; } .sinatra-nav > ul > li.opens-right > .sub-menu, .sinatra-nav > ul > li.opens-right > .children { right: auto; left: -1.785em; } .sinatra-nav li:hover .sub-menu, .sinatra-nav li:hover .children { -webkit-transition: all 0.2s; transition: all 0.2s; } .sinatra-nav .sub-menu { color: #30373e; } .sinatra-nav .large-dropdown > .sub-menu { min-width: 310px; } .sinatra-nav .sub-menu, .sinatra-nav .children { position: absolute; top: 100%; left: -1.785em; min-width: 230px; visibility: hidden; opacity: 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.085); border-top-width: 2px; border-top-style: solid; padding: 10px 0; line-height: 1.5; text-align: left; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 998; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); pointer-events: none; font-size: 1em; } .sinatra-nav .sub-menu li, .sinatra-nav .children li { position: relative; padding-left: 5px; padding-right: 5px; } .sinatra-nav .sub-menu li a, .sinatra-nav .children li a { font-weight: 400; display: block; padding: 0.571em 1.785em; letter-spacing: 0; position: relative; } .sinatra-nav .sub-menu li a:hover, .sinatra-nav .children li a:hover { color: #000; } .sinatra-nav .sub-menu li:last-child a, .sinatra-nav .children li:last-child a { border-bottom: none; } .sinatra-nav .sub-menu li.opens-left .sub-menu, .sinatra-nav .sub-menu li.opens-left .children, .sinatra-nav .children li.opens-left .sub-menu, .sinatra-nav .children li.opens-left .children { left: auto; right: 100%; margin-left: 0; margin-right: 5px; } .sinatra-nav .sub-menu li.opens-left .sub-menu:before, .sinatra-nav .sub-menu li.opens-left .children:before, .sinatra-nav .children li.opens-left .sub-menu:before, .sinatra-nav .children li.opens-left .children:before { left: auto; right: -5px; } .sinatra-nav .sub-menu li.opens-right .sub-menu, .sinatra-nav .sub-menu li.opens-right .children, .sinatra-nav .children li.opens-right .sub-menu, .sinatra-nav .children li.opens-right .children { right: auto; left: 100%; margin-right: 0; margin-left: 5px; } .sinatra-nav .sub-menu li.opens-right .sub-menu:before, .sinatra-nav .sub-menu li.opens-right .children:before, .sinatra-nav .children li.opens-right .sub-menu:before, .sinatra-nav .children li.opens-right .children:before { left: auto; right: -5px; } .sinatra-nav .sub-menu .sub-menu, .sinatra-nav .sub-menu .children, .sinatra-nav .children .sub-menu, .sinatra-nav .children .children { border-radius: 3px; left: 100%; top: -12px; margin-left: 5px; } .sinatra-nav .sub-menu .sub-menu:before, .sinatra-nav .sub-menu .children:before, .sinatra-nav .children .sub-menu:before, .sinatra-nav .children .children:before { content: ""; position: absolute; z-index: 1; width: 5px; top: 0; left: -5px; height: 100%; } .sinatra-nav .sub-menu .description, .sinatra-nav .children .description { display: block; font-size: 0.857em; color: inherit; opacity: 0.6; line-height: 1.4; margin-top: 0.25em; } .sinatra-nav .menu-item-has-children:hover > .sub-menu, .sinatra-nav .menu-item-has-children.hovered > .sub-menu, .sinatra-nav .menu-item-has-children a:focus + .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto; z-index: 999; } .sinatra-nav .page_item_has_children:hover > .children, .sinatra-nav .page_item_has_children.hovered > .children, .sinatra-nav .page_item_has_children a:focus + .children { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto; z-index: 999; } .sinatra-nav .menu-item-has-children > a > .si-icon, .sinatra-nav .page_item_has_children > a > .si-icon { height: 0.7em; margin-left: 0.4375rem; margin-right: 0; } .sinatra-nav .sub-menu .menu-item-has-children > a > .si-icon, .sinatra-nav .children .page_item_has_children > a > .si-icon { position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-46%) rotate(-90deg); -ms-transform: translateY(-46%) rotate(-90deg); transform: translateY(-46%) rotate(-90deg); } #sinatra-topbar .sinatra-nav > ul > .menu-item-has-children > a::after, #sinatra-topbar .sinatra-nav > ul > .page_item_has_children > a::after, #sinatra-header-inner .sinatra-nav > ul > .menu-item-has-children > a::after, #sinatra-header-inner .sinatra-nav > ul > .page_item_has_children > a::after { top: 0.15em; } /*****************************************/ /* Top Bar Navigation /*****************************************/ .si-topbar-widget__nav { height: 100%; } #sinatra-topbar .sinatra-nav { height: 100%; } /*****************************************/ /* Main Navigation /*****************************************/ #sinatra-header-inner .sinatra-nav > ul { max-height: 90px; } #sinatra-header-inner .sinatra-nav > ul > li { margin-left: 24px; } #sinatra-header-inner .sinatra-nav > ul > li > a { font-size: inherit; font-weight: 500; } /*****************************************/ /* Copyright Bar navigation. /*****************************************/ #sinatra-copyright .sinatra-nav > ul > li { margin-left: 1rem; } #sinatra-copyright .sinatra-nav > ul > li:first-child { margin-left: 0; } #sinatra-copyright .sinatra-nav .sub-menu a { color: #23282d; } #sinatra-copyright .sinatra-nav > ul > li > .sub-menu { bottom: 100%; } #sinatra-copyright .sinatra-nav > ul > li > .sub-menu .sub-menu { bottom: 0 !important; margin-bottom: -10px; } #sinatra-copyright .sinatra-nav > ul .sub-menu { top: auto !important; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 1rem; border-radius: 3px; } #sinatra-copyright .sinatra-nav > ul .sub-menu a:before { display: none; } #sinatra-copyright .sinatra-nav > ul > li.menu-item-has-children li.menu-item-has-children:hover > .sub-menu, #sinatra-copyright .sinatra-nav > ul > li.menu-item-has-children li.menu-item-has-children.hovered > .sub-menu { bottom: auto; top: -10px; } #sinatra-copyright .sinatra-nav > ul > li.menu-item-has-children > a:after { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 0.0625rem; } #sinatra-copyright .sinatra-nav > ul > li.menu-item-has-children:after { content: ""; position: absolute; width: 100%; left: 0; top: -10px; height: 10px; } #sinatra-copyright .sinatra-nav > ul > li > a { padding-top: 0; padding-bottom: 0; } /*****************************************/ /* Navigation item hover styles. /*****************************************/ .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a > span { padding: 2px 0; } .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a > span, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > a > span { position: relative; } .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > a:hover > span:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > a:hover > span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li.menu-item-has-children:hover > a > span:before, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li.page_item_has_children:hover > a > span:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li.menu-item-has-children:hover > a > span:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li.page_item_has_children:hover > a > span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li.current-menu-item > a > span:before, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li.current_page_item > a > span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } /*****************************************/ /* Main container styles /*****************************************/ .si-sticky-sidebar { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .si-sticky-sidebar .si-sidebar-inner { -webkit-backface-visibility: hidden; position: sticky; top: var(--si-sticky-h-offset, 20px); } .si-sticky-sidebar.admin-bar .si-sidebar-inner { top: calc(var(--si-sticky-h-offset, 20px) + 32px); } .si-sticky-last-widget #secondary .si-sidebar-inner { height: 100%; } .si-sticky-last-widget #secondary .si-sidebar-inner > .widget:last-child { position: sticky; top: var(--si-sticky-h-offset, 20px); } .si-sticky-last-widget.admin-bar #secondary .si-sidebar-inner > .widget:last-child { top: calc(var(--si-sticky-h-offset, 20px) + 32px); } .sinatra-no-sidebar #primary, .sinatra-sidebar-position__no-sidebar #primary { width: 100%; } #primary, #secondary { margin-top: 50px; margin-bottom: 70px; } .sinatra-sidebar-style-2 #secondary .widget-title { padding-left: 1rem; } .sinatra-sidebar-style-2 #secondary .widget-title:before { content: ""; position: absolute; top: 16%; left: 0; display: inline-block; width: 3px; height: 70%; } .sinatra-sidebar-style-2 #secondary .widget-title:after, .sinatra-sidebar-style-3 #secondary .widget-title:after { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.085); margin-left: 1.25rem; -webkit-transform-style: preserve-3d; } .sinatra-sidebar-style-3 #secondary .si-widget { border: solid 1px rgba(0, 0, 0, 0.085); border-radius: 3px; margin-bottom: 20px; padding: 25px; } .sinatra-sidebar-style-3 #secondary .si-widget:last-child { margin-bottom: 0; } .sinatra-sidebar-style-3 #secondary .widget-title { border-left-style: solid; border-left-width: 2px; margin-left: -26px; padding-left: 22px; } #main { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; word-break: break-word; } #main > .si-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #main > .si-container #primary { min-width: 0; min-height: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } #main > .si-container #secondary { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .si-widget .widget-title { position: relative; overflow: hidden; } .sinatra-sidebar-position__left-sidebar #primary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 50px; } .sinatra-sidebar-position__left-sidebar #secondary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sinatra-sidebar-position__right-sidebar #primary { padding-right: 50px; } /*****************************************/ /* Blog Layouts /*****************************************/ .si-blog-layout-1 .sinatra-article, .si-blog-horizontal .sinatra-article { margin-bottom: 50px; } .si-blog-layout-1 .sinatra-article .si-blog-entry-content > *:first-child, .si-blog-horizontal .sinatra-article .si-blog-entry-content > *:first-child { margin-top: 0 !important; } .si-blog-layout-1 .sinatra-article:last-child, .si-blog-horizontal .sinatra-article:last-child { margin-bottom: 0; } .si-blog-layout-1 .sinatra-article .entry-media, .si-blog-horizontal .sinatra-article .entry-media { position: relative; } .si-blog-layout-1 .sinatra-article .entry-media:hover img, .si-blog-horizontal .sinatra-article .entry-media:hover img { -webkit-transform: scale3d(1.03, 1.03, 1); transform: scale3d(1.03, 1.03, 1); } .si-blog-layout-1 .sinatra-article .entry-media img, .si-blog-horizontal .sinatra-article .entry-media img { margin-left: 0; margin-right: 0; display: block; border-radius: 3px; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .si-blog-layout-1 .sinatra-article .entry-summary, .si-blog-horizontal .sinatra-article .entry-summary { margin: 1em 0; } .si-blog-layout-1 .sinatra-article .entry-footer, .si-blog-horizontal .sinatra-article .entry-footer { margin-top: 1em; } .si-blog-layout-1 .sinatra-article .entry-title:hover, .si-blog-horizontal .sinatra-article .entry-title:hover { text-decoration: underline; } .si-blog-layout-1 .sinatra-article .entry-meta span:first-child, .si-blog-horizontal .sinatra-article .entry-meta span:first-child { padding-left: 0; } .si-blog-layout-1.sinatra-layout__boxed-separated .sinatra-article.format-quote, .si-blog-horizontal.sinatra-layout__boxed-separated .sinatra-article.format-quote { padding: 0; } .sticky .entry-title .si-icon { opacity: 0.3; margin-right: 7px; } .si-blog-layout-1 .sinatra-article .entry-media { margin-bottom: 1.33em; margin-top: 1.25em; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper .entry-media { margin: 0; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper.si-thumb-right .entry-media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 30px; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper.si-thumb-left .entry-media { margin-right: 30px; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper .post-thumb { -ms-flex-preferred-size: 42%; flex-basis: 42%; -ms-flex-negative: 0; flex-shrink: 0; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper .si-entry-content-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .si-blog-horizontal .sinatra-article:not(.format-quote) .post-category { font-weight: 500; font-size: 1rem; margin-bottom: 0.5em; } .si-blog-horizontal .sinatra-article:not(.format-quote) .post-category .cat-links a:after { content: ","; } .si-blog-horizontal .sinatra-article:not(.format-quote) .post-category .cat-links a:last-child:after { content: ""; } .si-blog-horizontal .sinatra-article:not(.format-quote) .entry-meta, .si-blog-horizontal .sinatra-article:not(.format-quote) .entry-summary { margin-top: 1.5em; } .si-blog-horizontal .sinatra-article:not(.format-quote) .entry-footer { margin: 0.5em 0 1em 0; } /*****************************************/ /* Breadcrumbs styles. /*****************************************/ .breadcrumbs { max-width: 100%; } .breadcrumb-trail { width: 100%; } .breadcrumb-trail .trail-items li { display: inline; } .breadcrumb-trail .trail-items li:after { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M20.954 14.487l-8.008-8.008c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l7.074 7.074-7.074 7.074c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l8.008-8.008c0.534-0.534 0.534-1.335 0-1.868z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M20.954 14.487l-8.008-8.008c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l7.074 7.074-7.074 7.074c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l8.008-8.008c0.534-0.534 0.534-1.335 0-1.868z"></path></svg>'); content: ""; margin: 0 4px; display: inline-block; vertical-align: middle; line-height: 1; } .breadcrumb-trail .trail-items li:last-child:after { display: none; } .si-breadcrumbs { font-size: 0.875em; border-width: 0px; } .si-breadcrumbs .separator { margin: 0 3px; } #page .page-header .si-breadcrumbs a > span { color: inherit; } /*****************************************/ /* Pre-Footer styles. /*****************************************/ #si-pre-footer { position: relative; z-index: 2; } #si-pre-footer .si-flex-row > div:empty { display: none; } .si-pre-footer-cta-style-1 #si-pre-footer { margin-bottom: -50px; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row { position: relative; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row > div { position: relative; z-index: 3; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:after, .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:before { content: ""; position: absolute; top: 0; left: 15px; right: 15px; height: 100%; z-index: 1; border-radius: 3px; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:before { border-width: 0; z-index: 2; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:after { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.22); box-shadow: 0 0 30px rgba(0, 0, 0, 0.22); } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row { padding: 50px 70px; } .si-pre-footer-cta-style-1 #colophon { padding-top: 50px; } .si-pre-footer-cta-style-1.si-pre-footer-no-margin #si-pre-footer { margin-bottom: 50px; } .si-pre-footer-cta-style-2 #si-pre-footer .si-flex-row { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 3; } .si-pre-footer-cta-style-2 #si-pre-footer:after, .si-pre-footer-cta-style-2 #si-pre-footer:before { content: ""; z-index: 1; } .si-pre-footer-cta-style-2 #si-pre-footer:before { border-width: 0; z-index: 2; } /*****************************************/ /* Footer layout styles /*****************************************/ #colophon a:before { bottom: -2px !important; } #sinatra-copyright a > span:before, #colophon #sinatra-copyright a:before { bottom: -1px !important; } #colophon { --elementBorderColor: rgba(255, 255, 255, 0.15); position: relative; z-index: 1; } #colophon:after { content: ""; z-index: 1; pointer-events: none; } #colophon .widget-title { margin-bottom: 1.25rem; } #colophon > * { position: relative; z-index: 2; } .site-footer a { color: inherit; } #sinatra-footer .si-flex-row { margin-top: 0; margin-bottom: 0; } #sinatra-footer .sinatra-footer-column { padding-top: 70px; padding-bottom: 70px; } #sinatra-footer .sinatra-footer-column .si-widget { margin-bottom: 40px; } #sinatra-footer .sinatra-footer-column .si-widget:last-child { margin-bottom: 0; } #sinatra-footer .no-widget-text { margin-bottom: 0; } #colophon, #sinatra-footer { border-width: 0; } /*****************************************/ /* Copyright styles /*****************************************/ #sinatra-copyright .si-flex-row > div:empty { display: none; } #sinatra-copyright.fw-separator { border-top-width: 1px; border-top-style: solid; } #sinatra-copyright.contained-separator { border-top: none; } #sinatra-copyright.contained-separator > .si-container:before { content: ""; display: block; height: 1px; position: absolute; top: 0; left: 50px; right: 50px; } #sinatra-copyright > .si-container { position: relative; } #sinatra-copyright > .si-container > .si-flex-row { padding-top: 19px; padding-bottom: 19px; position: relative; margin-bottom: 0; } #sinatra-copyright > .si-container > .si-flex-row > div { padding-top: 6px; padding-bottom: 6px; } #sinatra-copyright .si-copyright-widget { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; padding-left: 1.25rem; padding-right: 1.25rem; } #sinatra-copyright .si-copyright-widget:first-child { padding-left: 0; border-left: 0; } #sinatra-copyright .si-copyright-widget:last-child { padding-right: 0; border-right: 0 !important; } #sinatra-copyright .si-copyright-widget:last-child:after { display: none !important; } #sinatra-copyright .si-copyright-widget .sinatra-nav { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; max-width: 100%; } #sinatra-copyright .si-copyright-widget .sinatra-nav > ul { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } #sinatra-copyright .sinatra-social-nav > ul > li > a .si-icon { font-size: 1.076em; } .sinatra-copyright-layout-1 #sinatra-copyright > .si-container > .si-flex-row > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sinatra-copyright-layout-1 .si-copyright-widget__text { text-align: center; } /*****************************************/ /* Scroll to Top styles. /*****************************************/ #si-scroll-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: 15px; right: 20px; z-index: 997; width: 2.5rem; height: 2.5rem; opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: opacity 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: opacity 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.26s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); } #si-scroll-top.si-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #si-scroll-top .si-scroll-icon { overflow: hidden; z-index: 2; } #si-scroll-top .si-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1rem; color: #fff; -webkit-transform: translateY(0.75rem); -ms-transform: translateY(0.75rem); transform: translateY(0.75rem); -webkit-transition: -webkit-transform 0.22s ease; transition: -webkit-transform 0.22s ease; transition: transform 0.22s ease; transition: transform 0.22s ease, -webkit-transform 0.22s ease; } #si-scroll-top .si-icon.top-icon { -webkit-transform: translate(0, 3.25rem); -ms-transform: translate(0, 3.25rem); transform: translate(0, 3.25rem); } #si-scroll-top:before { content: ""; z-index: 1; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-radius: 50%; } #si-scroll-top:hover { cursor: pointer; } #si-scroll-top:hover:before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } #si-scroll-top:hover .si-icon { -webkit-transform: translate(0, -3.25rem); -ms-transform: translate(0, -3.25rem); transform: translate(0, -3.25rem); } #si-scroll-top:hover .si-icon.top-icon { -webkit-transform: translate(0, 0.75rem); -ms-transform: translate(0, 0.75rem); transform: translate(0, 0.75rem); } #si-scroll-top .sinatra-animated-arrow { position: relative; z-index: 2; } #si-scroll-top svg { fill: #fff; } /*****************************************/ /* Pagination navigation. /*****************************************/ .infinite-scroll .sinatra-pagination { display: none; } .sinatra-pagination { margin: 20px 0 0; } .navigation { text-align: center; } .navigation .nav-links .page-numbers { text-transform: uppercase; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 600; width: 40px; height: 40px; text-align: center; vertical-align: middle; color: inherit; border-radius: 3px; } .navigation .nav-links .page-numbers svg { position: relative; top: 1px; } .navigation .nav-links .page-numbers.dots { pointer-events: none; width: auto; opacity: 0.5; } .navigation .nav-links .page-numbers.current { pointer-events: none; background: none; border: 2px solid rgba(0, 0, 0, 0.2); cursor: default; margin: 0; } .navigation .nav-links .page-numbers.prev { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navigation .nav-links .page-numbers.next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .navigation .nav-links .page-numbers.next, .navigation .nav-links .page-numbers.prev { width: 30px; } .navigation .nav-links .page-numbers.next i, .navigation .nav-links .page-numbers.prev i { font-size: 18px; } .navigation .nav-links .page-numbers.next:hover .sinatra-animate-arrow, .navigation .nav-links .page-numbers.prev:hover .sinatra-animate-arrow { cursor: pointer; } .navigation .nav-links .page-numbers.next:hover .sinatra-animate-arrow .arrow-handle, .navigation .nav-links .page-numbers.prev:hover .sinatra-animate-arrow .arrow-handle { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .navigation .nav-links .page-numbers.next:hover .sinatra-animate-arrow .arrow-bar, .navigation .nav-links .page-numbers.prev:hover .sinatra-animate-arrow .arrow-bar { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .comments-pagination { margin: 40px 0 0; } .comments-pagination .prev, .comments-pagination .next { display: none !important; } .content-area .page-links a, .content-area .site-content .page-links a { color: inherit; } .page-links, .site-content .page-links { margin: 40px 0 0; text-align: center; } .page-links a, .site-content .page-links a { color: inherit; } .page-links em, .site-content .page-links em { font-size: 0.75rem; font-style: normal; margin-right: 0.75rem; } .page-links span, .site-content .page-links span { text-transform: uppercase; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; width: 40px; height: 40px; text-align: center; vertical-align: middle; color: inherit; border-radius: 3px; font-weight: 600; } .page-links > span, .site-content .page-links > span { pointer-events: none; background: none; border: 2px solid rgba(0, 0, 0, 0.2); cursor: default; margin: 0; font-weight: 600; } /*****************************************/ /* Widget styles. /*****************************************/ .widget.si-entry .textwidget > p:first-child, #page .si-widget .gallery { margin-top: 0; } .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ul, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ol { list-style: none; margin-left: 0; margin-right: 0; } .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ul ul, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ul ol, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ol ul, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ol ol { margin: 1em 0 1em 2em; } .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ul ul:last-child, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ul ol:last-child, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ol ul:last-child, .si-widget.widget:not(.widget_text):not(.sinatra-core-custom-list-widget) ol ol:last-child { margin-bottom: 0; } .si-widget.widget_text ul, .si-widget.widget_text ol { margin: 1em 0 1em 2em; } .si-widget.widget_text ul:last-child, .si-widget.widget_text ol:last-child { margin-bottom: 0; } .si-widget.widget_text > ul:first-child, .si-widget.widget_text > ol:first-child { margin-top: 0; } #main .si-widget { margin-bottom: 40px; } #main .si-widget:last-child, #main .si-widget .no-widget-text { margin-bottom: 0; } .widget-title { margin-top: 0; position: relative; display: block; margin-bottom: 1.125em; } #colophon .widget-title { color: inherit; } .tagcloud a { font-size: 0.8125rem !important; } .widget .tagcloud { margin-top: -8px; } .widget.widget_categories select, .widget.widget_archive select { width: 100%; } .widget.widget_categories ul.children > li > a, .widget.widget_archive ul.children > li > a { padding-right: 44px; } .widget ul, .widget ol { line-height: 1.5; } .widget ul:last-child, .widget ol:last-child { margin-bottom: 0; } .widget ul li, .widget ol li { margin-bottom: 0.625rem; } .widget ul li:last-child, .widget ol li:last-child { margin-bottom: 0; } .widget ul li.current_page_item > a, .widget ol li.current_page_item > a { font-weight: 600; } .widget ul.children, .widget ul.sub-menu, .widget ol.children, .widget ol.sub-menu { margin: 0.75rem 0 0 2em; } .widget ul.children ul ul ul ul, .widget ul.sub-menu ul ul ul ul, .widget ol.children ul ul ul ul, .widget ol.sub-menu ul ul ul ul { margin-left: 0; } .widget ul.children > li > a, .widget ul.sub-menu > li > a, .widget ol.children > li > a, .widget ol.sub-menu > li > a { position: relative; } .widget ul.children > li > a:after, .widget ul.sub-menu > li > a:after, .widget ol.children > li > a:after, .widget ol.sub-menu > li > a:after { position: absolute; top: 0; left: -0.5em; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); content: "—"; display: inline-block; line-height: 1.3; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.4; } .widget.si-entry p { margin-top: 1em; margin-bottom: 1em; } .widget.si-entry p:last-child { margin-bottom: 0; } .widget.widget_categories li, .widget.widget_archive li { display: block; position: relative; } .widget.widget_categories li a, .widget.widget_archive li a { display: block; } .widget.widget_categories li a:hover + span, .widget.widget_archive li a:hover + span { color: #fff; } .widget.widget_categories li.current-cat a, .widget.widget_archive li.current-cat a { font-weight: 600; } .widget.widget_categories li.current-cat a + span, .widget.widget_archive li.current-cat a + span { color: #fff; } .widget.widget_categories li > span, .widget.widget_archive li > span { font-style: normal; margin-left: auto; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; right: 0; top: 3px; background-color: rgba(145, 145, 145, 0.1); min-width: 24px; min-height: 24px; padding: 5px 8px; border-radius: 40px; line-height: 1; font-size: 0.866em; font-weight: 400; pointer-events: none; } .widget.widget_media_image img { display: inline-block; } .widget.widget_archive li a { display: inline-block; } .widget.widget_recent_comments li { margin-bottom: 1rem; } .widget.widget_recent_comments li:last-child { margin-bottom: 0; } .widget.widget_recent_entries a { display: block; } .widget.widget_recent_entries span { font-size: 0.8125rem; } .widget.widget_recent_entries > ul > li { margin-bottom: 1.25rem; } .widget.widget_recent_entries > ul > li > a { margin-bottom: 6px; font-weight: 600; } .widget.widget_recent_entries .post-date { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget.widget_recent_entries .post-date:before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16.016 0.74c-8.141 0-14.681 6.54-14.681 14.681s6.54 14.681 14.681 14.681 14.681-6.54 14.681-14.681-6.54-14.681-14.681-14.681zM16.016 27.433c-6.673 0-12.012-5.339-12.012-12.012s5.339-12.012 12.012-12.012c6.673 0 12.012 5.339 12.012 12.012s-5.339 12.012-12.012 12.012zM21.888 16.889l-4.538-2.269v-7.207c0-0.801-0.534-1.335-1.335-1.335s-1.335 0.534-1.335 1.335v8.008c0 0.534 0.267 0.934 0.801 1.201l5.339 2.669c0.133 0.133 0.267 0.133 0.534 0.133 0.534 0 0.934-0.267 1.201-0.801s0-1.335-0.667-1.735z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16.016 0.74c-8.141 0-14.681 6.54-14.681 14.681s6.54 14.681 14.681 14.681 14.681-6.54 14.681-14.681-6.54-14.681-14.681-14.681zM16.016 27.433c-6.673 0-12.012-5.339-12.012-12.012s5.339-12.012 12.012-12.012c6.673 0 12.012 5.339 12.012 12.012s-5.339 12.012-12.012 12.012zM21.888 16.889l-4.538-2.269v-7.207c0-0.801-0.534-1.335-1.335-1.335s-1.335 0.534-1.335 1.335v8.008c0 0.534 0.267 0.934 0.801 1.201l5.339 2.669c0.133 0.133 0.267 0.133 0.534 0.133 0.534 0 0.934-0.267 1.201-0.801s0-1.335-0.667-1.735z"></path></svg>'); content: ""; margin-right: 6px; } .widget.widget_calendar table { font-size: 0.8125rem; margin: 0; } .widget.widget_calendar table > caption { font-size: 0.8125rem; text-align: center; margin-bottom: 0.4375rem; } .widget.widget_meta ul li:before, .widget.widget_icon_list ul li:before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M29.362 14.087h-5.339c-0.534 0-1.068 0.4-1.201 0.934l-2.803 8.141-6.807-20.153c-0.133-0.534-0.667-0.934-1.201-0.934s-1.068 0.4-1.201 0.934l-3.737 11.077h-4.404c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c0.534 0 1.068-0.4 1.201-0.934l2.803-8.141 6.807 20.286c0.133 0.534 0.667 0.934 1.201 0.934s1.068-0.4 1.201-0.934l3.737-11.077h4.404c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.468-1.335-1.468z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M29.362 14.087h-5.339c-0.534 0-1.068 0.4-1.201 0.934l-2.803 8.141-6.807-20.153c-0.133-0.534-0.667-0.934-1.201-0.934s-1.068 0.4-1.201 0.934l-3.737 11.077h-4.404c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c0.534 0 1.068-0.4 1.201-0.934l2.803-8.141 6.807 20.286c0.133 0.534 0.667 0.934 1.201 0.934s1.068-0.4 1.201-0.934l3.737-11.077h4.404c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.468-1.335-1.468z"></path></svg>'); content: ""; display: inline-block; margin-right: 0.3em; width: 1.25rem; vertical-align: text-bottom; } .widget.widget_meta ul li a:before, .widget.widget_icon_list ul li a:before { bottom: -2px; } .widget.widget_meta ul li:first-child:before, .widget.widget_icon_list ul li:first-child:before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-5.339c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c0.801 0 1.335 0.534 1.335 1.335v18.685c0 0.801-0.534 1.335-1.335 1.335h-5.339c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c2.269 0 4.004-1.735 4.004-4.004v-18.685c0-2.269-1.735-4.004-4.004-4.004zM21.221 15.955c0.133-0.267 0.133-0.667 0-1.068-0.133-0.133-0.133-0.267-0.267-0.4l-6.673-6.673c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l4.404 4.404h-12.813c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h12.813l-4.404 4.404c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l6.673-6.673c0.133-0.133 0.267-0.267 0.267-0.4z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-5.339c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c0.801 0 1.335 0.534 1.335 1.335v18.685c0 0.801-0.534 1.335-1.335 1.335h-5.339c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h5.339c2.269 0 4.004-1.735 4.004-4.004v-18.685c0-2.269-1.735-4.004-4.004-4.004zM21.221 15.955c0.133-0.267 0.133-0.667 0-1.068-0.133-0.133-0.133-0.267-0.267-0.4l-6.673-6.673c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l4.404 4.404h-12.813c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h12.813l-4.404 4.404c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l6.673-6.673c0.133-0.133 0.267-0.267 0.267-0.4z"></path></svg>'); } .widget.widget_meta ul li:nth-child(2):before, .widget.widget_icon_list ul li:nth-child(2):before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M12.012 26.098h-5.339c-0.801 0-1.335-0.534-1.335-1.335v-18.685c0-0.801 0.534-1.335 1.335-1.335h5.339c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-5.339c-2.269 0-4.004 1.735-4.004 4.004v18.685c0 2.269 1.735 4.004 4.004 4.004h5.339c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM29.229 15.955c0.133-0.267 0.133-0.667 0-1.068-0.133-0.133-0.133-0.267-0.267-0.4l-6.673-6.673c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l4.404 4.404h-12.813c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h12.813l-4.404 4.404c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.667 0.4 0.934 0.4s0.667-0.133 0.934-0.4l6.673-6.673c0.133-0.133 0.267-0.267 0.267-0.4z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M12.012 26.098h-5.339c-0.801 0-1.335-0.534-1.335-1.335v-18.685c0-0.801 0.534-1.335 1.335-1.335h5.339c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-5.339c-2.269 0-4.004 1.735-4.004 4.004v18.685c0 2.269 1.735 4.004 4.004 4.004h5.339c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM29.229 15.955c0.133-0.267 0.133-0.667 0-1.068-0.133-0.133-0.133-0.267-0.267-0.4l-6.673-6.673c-0.534-0.534-1.335-0.534-1.868 0s-0.534 1.335 0 1.868l4.404 4.404h-12.813c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h12.813l-4.404 4.404c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.667 0.4 0.934 0.4s0.667-0.133 0.934-0.4l6.673-6.673c0.133-0.133 0.267-0.267 0.267-0.4z"></path></svg>'); } .widget.widget_meta ul li:nth-child(3):before, .widget.widget_icon_list ul li:nth-child(3):before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.894 9.549c-0.133-0.133-0.133-0.267-0.267-0.4l-8.008-8.008c-0.133-0.133-0.267-0.267-0.4-0.267-0.133-0.133-0.4-0.133-0.534-0.133h-10.677c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 2.269 1.735 4.004 4.004 4.004h16.016c2.269 0 4.004-1.735 4.004-4.004v-16.016c0-0.133 0-0.4-0.133-0.534zM20.020 5.278l3.47 3.47h-3.47v-3.47zM24.023 27.433h-16.016c-0.801 0-1.335-0.534-1.335-1.335v-21.354c0-0.801 0.534-1.335 1.335-1.335h9.342v6.673c0 0.801 0.534 1.335 1.335 1.335h6.673v14.681c0 0.801-0.534 1.335-1.335 1.335zM21.354 15.421h-10.677c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h10.677c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM21.354 20.76h-10.677c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h10.677c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM10.677 12.752h2.669c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-2.669c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.894 9.549c-0.133-0.133-0.133-0.267-0.267-0.4l-8.008-8.008c-0.133-0.133-0.267-0.267-0.4-0.267-0.133-0.133-0.4-0.133-0.534-0.133h-10.677c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 2.269 1.735 4.004 4.004 4.004h16.016c2.269 0 4.004-1.735 4.004-4.004v-16.016c0-0.133 0-0.4-0.133-0.534zM20.020 5.278l3.47 3.47h-3.47v-3.47zM24.023 27.433h-16.016c-0.801 0-1.335-0.534-1.335-1.335v-21.354c0-0.801 0.534-1.335 1.335-1.335h9.342v6.673c0 0.801 0.534 1.335 1.335 1.335h6.673v14.681c0 0.801-0.534 1.335-1.335 1.335zM21.354 15.421h-10.677c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h10.677c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM21.354 20.76h-10.677c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h10.677c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335zM10.677 12.752h2.669c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-2.669c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335z"></path></svg>'); } .widget.widget_meta ul li:nth-child(4):before, .widget.widget_icon_list ul li:nth-child(4):before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-18.685c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 0.534 0.267 1.068 0.801 1.201 0.133 0.133 0.4 0.133 0.534 0.133 0.4 0 0.667-0.133 0.934-0.4l4.938-4.938h15.482c2.269 0 4.004-1.735 4.004-4.004v-13.346c0-2.269-1.735-4.004-4.004-4.004zM26.693 19.425c0 0.801-0.534 1.335-1.335 1.335h-16.016c-0.4 0-0.667 0.133-0.934 0.4l-3.070 3.070v-18.151c0-0.801 0.534-1.335 1.335-1.335h18.685c0.801 0 1.335 0.534 1.335 1.335v13.346z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-18.685c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 0.534 0.267 1.068 0.801 1.201 0.133 0.133 0.4 0.133 0.534 0.133 0.4 0 0.667-0.133 0.934-0.4l4.938-4.938h15.482c2.269 0 4.004-1.735 4.004-4.004v-13.346c0-2.269-1.735-4.004-4.004-4.004zM26.693 19.425c0 0.801-0.534 1.335-1.335 1.335h-16.016c-0.4 0-0.667 0.133-0.934 0.4l-3.070 3.070v-18.151c0-0.801 0.534-1.335 1.335-1.335h18.685c0.801 0 1.335 0.534 1.335 1.335v13.346z"></path></svg>'); } .widget.widget_meta ul li:nth-child(5):before, .widget.widget_icon_list ul li:nth-child(5):before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.023 15.421c-0.801 0-1.335 0.534-1.335 1.335v8.008c0 0.801-0.534 1.335-1.335 1.335h-14.681c-0.801 0-1.335-0.534-1.335-1.335v-14.681c0-0.801 0.534-1.335 1.335-1.335h8.008c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-8.008c-2.269 0-4.004 1.735-4.004 4.004v14.681c0 2.269 1.735 4.004 4.004 4.004h14.681c2.269 0 4.004-1.735 4.004-4.004v-8.008c0-0.801-0.534-1.335-1.335-1.335zM29.229 2.876c-0.133-0.267-0.4-0.534-0.667-0.667-0.133-0.133-0.4-0.133-0.534-0.133h-8.008c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h4.805l-12.412 12.412c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l12.412-12.412v4.805c0 0.801 0.534 1.335 1.335 1.335s1.335-0.534 1.335-1.335v-8.008c0-0.133 0-0.4-0.133-0.534z"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.023 15.421c-0.801 0-1.335 0.534-1.335 1.335v8.008c0 0.801-0.534 1.335-1.335 1.335h-14.681c-0.801 0-1.335-0.534-1.335-1.335v-14.681c0-0.801 0.534-1.335 1.335-1.335h8.008c0.801 0 1.335-0.534 1.335-1.335s-0.534-1.335-1.335-1.335h-8.008c-2.269 0-4.004 1.735-4.004 4.004v14.681c0 2.269 1.735 4.004 4.004 4.004h14.681c2.269 0 4.004-1.735 4.004-4.004v-8.008c0-0.801-0.534-1.335-1.335-1.335zM29.229 2.876c-0.133-0.267-0.4-0.534-0.667-0.667-0.133-0.133-0.4-0.133-0.534-0.133h-8.008c-0.801 0-1.335 0.534-1.335 1.335s0.534 1.335 1.335 1.335h4.805l-12.412 12.412c-0.534 0.534-0.534 1.335 0 1.868 0.267 0.267 0.534 0.4 0.934 0.4s0.667-0.133 0.934-0.4l12.412-12.412v4.805c0 0.801 0.534 1.335 1.335 1.335s1.335-0.534 1.335-1.335v-8.008c0-0.133 0-0.4-0.133-0.534z"></path></svg>'); } .sinatra-sidebar-style-3 #secondary .sinatra-core-social-links-widget { padding-bottom: 15px; } /*****************************************/ /* 404 page styles. /*****************************************/ #page .error-404 .page-header h1.page-title { font-size: 16.25rem; letter-spacing: -0.05em; font-weight: 700; line-height: 1; } .error-404 { max-width: 500px; margin: -20px auto 0 auto; padding: 20px 0 0 0; } .error-404 .page-header { background: none; border: none; position: relative; } .error-404 .page-header:after { display: none; } .error-404 .page-header h1 { position: relative; opacity: 0.05; z-index: 1; } .error-404 .page-header p { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -10%); -ms-transform: translate(-50%, -10%); transform: translate(-50%, -10%); z-index: 2; line-height: 1; } .error-404 .page-content p { font-size: 16px; max-width: 380px; margin: 40px auto; } .error-404 .page-content .si-btn { margin: 50px 0 0 0; } .error-404 input[type=search] { padding-top: 0.8125rem; padding-bottom: 0.8125rem; } .error404 #main > .si-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .error404 #content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; } /*****************************************/ /* Entry styles. /*****************************************/ /* Content links */ .si-entry > *:first-child, .comment-content > *:first-child, .wp-block-column > *:first-child, .wp-block-group__inner-container > *:first-child, .wp-block-cover > *:first-child, .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .si-entry > *:last-child, .comment-content > *:last-child, .wp-block-column > *:last-child, .wp-block-group__inner-container > *:last-child, .wp-block-cover > *:last-child, .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .si-entry > .alignfull:first-child { margin-top: 0; } .si-entry > .alignfull:last-child { margin-bottom: 0; } .wp-block-group__inner-container > *:first-child:last-child, .wp-block-cover__inner-container > *:first-child:last-child { margin-bottom: 0; } .entry-content ul li, .entry-content ol li { margin-bottom: 0.4em; } .entry-content .tablepress { word-break: normal; } .si-entry ul { list-style: disc; } .si-entry ul ul { list-style: circle; } .si-entry ul, .si-entry ol { margin-left: 2.5em; } .si-entry ul li:not(.blocks-gallery-item):last-child, .si-entry ol li:not(.blocks-gallery-item):last-child { margin-bottom: 0; } .si-entry ul ul, .si-entry ul ol, .si-entry ol ul, .si-entry ol ol { margin-top: 0.4em; margin-bottom: 0; } .si-entry p, .si-entry dl, .si-entry blockquote, .si-entry pre, .si-entry table, .si-entry .gallery { margin-bottom: 1.25em; margin-top: 1.25em; } .si-entry ul, .si-entry ol { margin-bottom: 1.5em; margin-top: 1.5em; } .si-entry .wp-block-image figure.alignleft, .si-entry .wp-block-image figure.alignright { display: table; } .si-entry .wp-block-image figure.alignleft figcaption, .si-entry .wp-block-image figure.alignright figcaption { display: table-caption; caption-side: bottom; } .si-entry figure { margin-top: 2em; margin-bottom: 2em; } .si-entry figure.wp-block-gallery { margin-bottom: calc(2em - 16px); } .si-entry .wp-block-embed figcaption, .si-entry .wp-block-image figcaption { margin-top: 0.75em; margin-bottom: 0; font-size: 0.8125rem; } .si-entry cite { font-style: normal; color: #66717f; font-size: 0.875rem; } .si-entry .twitter-tweet { -js-display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% !important; margin-top: 0 !important; margin-top: 0 !important; } .si-entry .post-password-form { text-align: center; } .si-entry .wp-block-gallery.aligncenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #page ul.blocks-gallery-grid { margin: 0; } .post_format-post-format-quote .si-blog-entry-content { position: relative; border-radius: 3px; overflow: hidden; } .post_format-post-format-quote .si-blog-entry-content:hover .quote-post-bg, .post_format-post-format-quote .si-blog-entry-content:hover .quote-post-bg:after { opacity: 1; } .post_format-post-format-quote .si-blog-entry-content .entry-content h3 { line-height: 1.4; color: #fff; } .post_format-post-format-quote .si-blog-entry-content .entry-content a { color: #fff; } .post_format-post-format-quote .si-blog-entry-content .entry-content .quote-link { z-index: 3; } .post_format-post-format-quote .si-blog-entry-content .quote-post-bg { display: block; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; opacity: 0.88; } .post_format-post-format-quote .si-blog-entry-content .quote-post-bg:after { content: ""; background-color: #23282d; opacity: 0.8795; } .post_format-post-format-quote .si-blog-entry-content .quote-inner { position: relative; text-align: left; padding: 10% 12%; overflow: hidden; z-index: 2; } .post_format-post-format-quote .si-blog-entry-content .quote-inner .author { margin-top: 16px; font-size: 0.75rem; color: rgba(255, 255, 255, 0.85); font-weight: 500; } .post_format-post-format-quote .si-blog-entry-content .quote-inner .author:before { content: "—"; display: inline-block; margin-right: 6px; } .post_format-post-format-quote .si-blog-entry-content .si-icon.icon-quote { position: relative; width: 22px; height: 22px; margin-bottom: 25px; z-index: 2; fill: #fff; } .sinatra-post-audio-wrapper audio { width: 100%; } .author-avatar img { border-radius: 100px; width: 30px; vertical-align: middle; margin-right: 8px; display: inline-block; } #main .wp-block-file__button { color: #fff; } #main .content-area .entry-meta a { color: inherit; } .entry-meta { margin-top: 0.5em; font-size: 0.875rem; } .entry-meta .si-icon { height: 1.142em; margin-right: 7px; vertical-align: text-bottom; } .entry-meta .entry-meta-elements > span { padding: 0 11px; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-meta .entry-meta-elements > span .posted-by { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-meta .entry-meta-elements > span:first-child { padding-left: 0; } .entry-meta .entry-meta-elements > span:last-child { margin-right: 0; padding-right: 0; } .entry-meta .entry-meta-elements > span:before { content: ""; height: 1em; width: 1px; background-color: rgba(0, 0, 0, 0.25); position: relative; left: -11px; } .entry-meta .entry-meta-elements > span:first-child:before { display: none; } .entry-media > a { border-radius: 3px; position: relative; display: block; overflow: hidden; } .entry-media > a .entry-media-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; } .entry-media > a .entry-media-icon .entry-media-icon-wrapper { overflow: hidden; border-radius: 50%; } .entry-media > a .entry-media-icon:before { content: ""; z-index: 1; -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-radius: 50%; background-color: #23282d; } .entry-media > a .entry-media-icon .si-icon, .entry-media > a .entry-media-icon svg { color: #fff; fill: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate3d(0, 1.0625rem, 0); transform: translate3d(0, 1.0625rem, 0); -webkit-transition: -webkit-transform 0.22s ease; transition: -webkit-transform 0.22s ease; transition: transform 0.22s ease; transition: transform 0.22s ease, -webkit-transform 0.22s ease; z-index: 2; height: 1rem; } .entry-media > a .entry-media-icon .si-icon.top-icon, .entry-media > a .entry-media-icon svg.top-icon { -webkit-transform: translate(0, 4.1875rem); -ms-transform: translate(0, 4.1875rem); transform: translate(0, 4.1875rem); } .entry-media > a .entry-media-icon .si-icon.si-play:before, .entry-media > a .entry-media-icon svg.si-play:before { position: relative; right: -1px; } .entry-media > a:hover .entry-media-icon:before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .entry-media > a:hover .entry-media-icon .si-icon, .entry-media > a:hover .entry-media-icon svg { -webkit-transform: translate(0, -4.1875rem); -ms-transform: translate(0, -4.1875rem); transform: translate(0, -4.1875rem); } .entry-media > a:hover .entry-media-icon .si-icon.top-icon, .entry-media > a:hover .entry-media-icon svg.top-icon { -webkit-transform: translate(0, 1.0625rem); -ms-transform: translate(0, 1.0625rem); transform: translate(0, 1.0625rem); } /*****************************************/ /* Single post styles. /*****************************************/ .single-post.narrow-content .entry-content > ul, .single-post.narrow-content .entry-content > ol { padding-left: 2.5em; } .posted-on .published:not(.updated) { display: none; } #main .entry-header .entry-title a { color: inherit; } .single .entry-footer { margin-top: 2.5rem; } .single .entry-footer:empty { display: none; } .single .entry-footer .post-tags { margin-right: auto; padding-right: 20px; } .single .entry-footer .last-updated { margin-top: 0.25rem; font-size: 0.9333em; } .single .entry-footer .last-updated .si-icon { height: 1em; margin-right: 6px; } .single .post_format-post-format-quote .si-blog-entry-content { margin-bottom: 50px; } .post-thumb-caption { margin-top: 0.5em; text-align: center; font-size: 0.875rem; } .entry-media { margin-bottom: 30px; } .entry-media img { margin: 0 auto; display: block; border-radius: 3px; } .single-post .entry-media, .single-post .entry-content { margin-top: 40px; } .single-post .entry-media { margin-bottom: 40px; } .single .entry-content img { margin: 0 auto; display: block; } .single .entry-content p img { display: inline-block; vertical-align: text-bottom; } .single .post-tags { margin-bottom: -5px; } .single .post-tags .cat-links { display: inline-block; } .single .post-tags a:hover { color: #fff; } .single .post-category, .si-hover-slider .post-category { margin-bottom: 3px; font-size: 0.875rem; } .single .post-category a, .si-hover-slider .post-category a { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-width: 2px; border-style: solid; font-weight: 500; padding: 6px 8px; line-height: 1; border-radius: 2px; text-decoration: none; margin: 0 4px 8px 4px; } .single .post-category a:first-of-type, .si-hover-slider .post-category a:first-of-type { margin-left: 0; } .single .post-category a:hover, .si-hover-slider .post-category a:hover { color: #fff !important; } .single .entry-header, .si-hover-slider .entry-header { text-align: left; margin-bottom: 10px; } .single .entry-meta, .si-hover-slider .entry-meta { text-align: left; margin-top: 1em; } .single .entry-content, .si-hover-slider .entry-content { margin-bottom: 50px; } .single .entry-content > *:last-child, .si-hover-slider .entry-content > *:last-child { margin-bottom: 0 !important; } .single #main .post-nav a { color: inherit; display: block; } .single .post-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 1.5625rem; } .single .post-nav > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .single .post-nav .nav-title { margin-top: 0; margin-bottom: 1rem; } .single .post-nav .nav-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.5; font-weight: 500; } .single .post-nav .nav-content > div { -ms-flex-negative: 0; flex-shrink: 0; } .single .post-nav .nav-content span em { font-style: normal; } .single .post-nav img { border-radius: 2px; } .single .post-nav .nav-previous { margin-right: auto; } .single .post-nav .nav-previous .nav-content span { padding-right: 20px; } .single .post-nav .nav-previous .nav-content img { margin-right: 1.25rem; } .single .post-nav .nav-next { margin-left: auto; } .single .post-nav .nav-next .nav-title { text-align: right; } .single .post-nav .nav-next .nav-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .single .post-nav .nav-next .nav-content span:not(.ss-on-media-image-wrap) { text-align: right; padding-left: 20px; } .single .post-nav .nav-next .nav-content img { margin-left: 1.25rem; } .single.single-format-quote .entry-content { margin-top: 0; margin-bottom: 0; } #main .tagcloud a, #main .post-tags a { color: inherit; } .tagcloud a, .single .post-tags a { display: block; float: left; text-transform: none; letter-spacing: 0; border-radius: 2px; padding: 8px 10px; margin: 8px 8px 0px 0px; background-color: rgba(28, 32, 36, 0); border: 1px solid rgba(0, 0, 0, 0.085); line-height: 1; font-size: 0.8125rem; } .tagcloud a:after, .single .post-tags a:after { display: none !important; } .tagcloud a:hover, .single .post-tags a:hover { color: #fff !important; } .post-password-form { background-color: rgba(0, 0, 0, 0.02); padding: 40px 30px; border: 1px solid rgba(0, 0, 0, 0.085); } .post-password-form > p:first-child { max-width: 400px; margin-left: auto; margin-right: auto; } .post-password-form label { font-size: 0.9375rem; text-align: left; } .post-password-form input[type=password] { min-width: 250px; margin-top: 0.4375rem; } .post-password-form input[type=submit] { position: relative; top: -1px; margin-left: 6px; padding: 0 2em; } .single.si-page-title-align-left .page-header.si-has-page-title, .single.si-page-title-align-left .sinatra-article > .post-category, .single.si-page-title-align-left .sinatra-article > .entry-header { text-align: left; } .single.si-page-title-align-left .sinatra-article > .entry-meta > .entry-meta-elements { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .single.si-page-title-align-center .page-header.si-has-page-title, .single.si-page-title-align-center .sinatra-article > .post-category, .single.si-page-title-align-center .sinatra-article > .entry-header { text-align: center; } .single.si-page-title-align-center .sinatra-article > .entry-meta > .entry-meta-elements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single.si-page-title-align-right .page-header.si-has-page-title, .single.si-page-title-align-right .sinatra-article > .post-category, .single.si-page-title-align-right .sinatra-article > .entry-header { text-align: right; } .single.si-page-title-align-right .sinatra-article > .entry-meta > .entry-meta-elements { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .single.si-single-title-in-page-header .hentry > div:first-child { margin-top: 0; } .single.si-single-title-in-page-header .entry-content { margin-top: 0; } .single.si-single-title-in-page-header #page .page-header .page-title { color: #fff; font-size: 3rem; } .single.si-single-title-in-page-header .page-header { padding-top: 0 !important; padding-bottom: 0 !important; } .single.si-single-title-in-page-header .page-header .entry-meta { color: rgba(255, 255, 255, 0.75); margin-top: 0; } .single.si-single-title-in-page-header .page-header .entry-meta a:hover { color: #fff; } .single.si-single-title-in-page-header .page-header .entry-meta .entry-meta-elements > span:before { background-color: rgba(255, 255, 255, 0.5); left: -13px; bottom: 0; } .single.si-single-title-in-page-header .page-header .post-category { margin-bottom: 1em; } .single.si-single-title-in-page-header .page-header .post-category a { color: #fff; font-size: 0.9375rem; -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); padding: 8px 12px; margin: 0 3px 6px 3px; } .single.si-single-title-in-page-header .page-header .si-breadcrumbs span, .single.si-single-title-in-page-header .page-header .si-breadcrumbs .breadcrumb-trail .trail-items li:after, .single.si-single-title-in-page-header .page-header .si-breadcrumbs .separator, .single.si-single-title-in-page-header .page-header .si-breadcrumbs a { color: rgba(255, 255, 255, 0.75); } .single.si-single-title-in-page-header .page-header .si-breadcrumbs a:hover { color: #fff; } .single.si-single-title-in-page-header .page-header.si-has-page-title .entry-meta { margin-top: 2em; } .page-header.si-page-title-has-bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border: none; } .page-header.si-page-title-has-bg-img:after { content: ""; pointer-events: none; background-color: #23282d; opacity: 0.65; } .page-header.si-page-title-has-bg-img.si-bg-attachment-fixed { background-attachment: fixed; } /*****************************************/ /* Author box - about the author. /*****************************************/ body.author .author-box { margin-bottom: 2.5rem; margin-top: 0; } #main .author-box-title a { color: inherit; } .author-box { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 2.5rem; margin: 1.875rem auto; } .author-box .author-box-avatar, .author-box .author-box-meta { min-width: 0; min-height: 0; } .author-box .author-box-avatar { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 1.5625rem; } .author-box .author-box-avatar img { display: block; border-radius: 50%; } .author-box .author-box-meta { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .author-box .author-box-title { margin-top: 0; margin-bottom: 0.5em; } .author-box .author-box-content { line-height: 1.6; } .author-box .more-posts-button { margin-top: 1em; } /*****************************************/ /* Comment styles. /*****************************************/ .sinatra-has-comments-toggle #comments { display: none; margin-top: 40px; } .sinatra-has-comments-toggle.comments-visible #comments { display: block; } .sinatra-has-comments-toggle #sinatra-comments-toggle { font-size: inherit; margin-top: 40px; } .sinatra-has-comments-toggle #sinatra-comments-toggle .si-icon { width: 22px; height: 22px; margin-right: 0.5rem; } #comments { margin-top: 50px; } #comments .comments-title-wrapper { margin: 0 0 40px 0; } #comments .comments-title-wrapper p { text-align: center; margin-top: 6px; font-size: 1rem; } #comments .comment-list ol, #comments .comment-list ul { margin-left: 50px; } #comments .comment-list #respond { position: relative; margin: 40px 0 40px 0; } #comments .comment-list .children { position: relative; } #comments .comment-list .children #respond { position: relative; margin-bottom: 25px; } #comments .comment-list .children > li { position: relative; } #comments .comment-list .children > li:before { position: absolute; content: ""; height: calc(100% + 15px); width: 1px; background-color: rgba(0, 0, 0, 0.085); left: -25px; top: -15px; } #comments .comment-list .children > li:after { position: absolute; content: ""; height: 1px; width: 25px; background-color: rgba(0, 0, 0, 0.085); left: -25px; top: 55px; } #comments .comment-list .children > li:last-child:before { height: 70px; } #comments .comment-list .children:before { position: absolute; content: ""; height: 0; width: 1px; background-color: rgba(0, 0, 0, 0.085); left: -25px; top: -15px; } #comments .comment-list .children #respond:before { position: absolute; content: ""; height: calc(100% + 20px); width: 1px; background-color: rgba(0, 0, 0, 0.085); left: -25px; top: -40px; } #comments .comment-list .children #respond .form-submit { position: relative; } #comments .comment-list .children #respond .form-submit:before { position: absolute; content: ""; width: 25px; height: 1px; background-color: rgba(0, 0, 0, 0.085); left: -25px; bottom: 20px; } #comments .comment { margin: 0 0 15px 0; } #comments .comment-body, #comments .comment_container { position: relative; padding: 20px 25px 25px 100px; min-height: 100px; overflow-wrap: break-word; word-wrap: break-word; } #comments .comment-content ul, #comments .comment-content ol { margin: 1em 35px; } #comments .comment-content ul li, #comments .comment-content ol li { margin-bottom: 5px; } #comments .comment-content ul ul, #comments .comment-content ul ol, #comments .comment-content ol ul, #comments .comment-content ol ol { margin-top: 0; } #comments .comment-content ul { list-style: disc; } #comments .comment-content ol { list-style: decimal; } #comments .sinatra-pingback { position: relative; padding: 12px 25px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.085); margin-bottom: 7px; border-radius: 0; overflow-wrap: break-word; word-wrap: break-word; } #comments .sinatra-pingback > p { margin: 0; } #comments .comment-author-avatar { display: block; position: absolute; z-index: 1; left: 25px; top: 25px; max-width: 60px; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.03); border-radius: 50%; } #comments .comment-author-avatar img { border-radius: 50%; } #comments .bypostauthor-badge { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; position: absolute; top: -2px; right: -11px; width: 22px; height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 2px solid #fff; color: #fff; font-size: 11px; font-weight: 600; z-index: 9; line-height: 0; } #comments .comment-author-meta cite { font-style: normal; font-weight: 600; } #comments .comment-author-meta cite:before { content: none; } #comments .comment-author-meta cite a { text-decoration: none; color: inherit; } #comments .comment-author-meta cite a:hover { text-decoration: underline; } #comments .comment-meta, #comments .comment-actions { font-size: 0.933em; } #comments .comment-meta { line-height: 1.5; } #comments .comment-meta a { color: inherit; text-decoration: none; } #comments .comment-meta a:hover { text-decoration: underline; } #comments .comment-actions { margin-left: auto; } #comments .comment-actions a { position: relative; text-decoration: none; color: #23282d; } #comments .comment-actions .si-comment-sep { width: 1px; height: 1em; margin: 0 9px -2px 10px; display: inline-block; background-color: rgba(0, 0, 0, 0.25); } #comments .comment-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #comments .comment-content { margin-top: 1em; } #comments .comment-content p, #comments .comment-content img { margin-top: 1em; margin-bottom: 1em; } #comments .comment-content p:first-child, #comments .comment-content img:first-child { margin-top: 0; } #comments .comment-content p:last-child, #comments .comment-content ul:last-child, #comments .comment-content ol:last-child, #comments .comment-content pre:last-child, #comments .comment-content code:last-child, #comments .comment-content blockquote:last-child, #comments .comment-content img:last-child { margin-bottom: 0; } .comments-closed { margin: 40px 0 0; } #respond { margin-top: 40px; } #respond .comment-reply-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #respond .must-log-in { text-align: center; color: #66717f; margin-top: 0.375rem; } #respond .required-field { border-bottom-color: #f00; } #cancel-comment-reply-link { font-size: 0.8125rem; border-radius: 2px; border: 2px solid currentColor; font-weight: 500; padding: 0.25rem 0.4375rem; line-height: 1; text-decoration: none; text-transform: capitalize; margin-left: 0.875rem; color: inherit; } .comment-form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment-form span.required { font-weight: 700; } .comment-form .comment-notes { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; font-size: 1rem; margin-top: 0.375rem; margin-bottom: 1em; } .comment-form > p, .comment-form > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0; margin-bottom: 0.5em; } .comment-form > p.comment-form-author, .comment-form > p.comment-form-email, .comment-form > p.comment-form-url, .comment-form > div.comment-form-author, .comment-form > div.comment-form-email, .comment-form > div.comment-form-url { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; margin-bottom: 1.5em; margin-top: 1em; } .comment-form > p.comment-form-email, .comment-form > p.comment-form-url, .comment-form > div.comment-form-email, .comment-form > div.comment-form-url { padding-left: 15px; } .comment-form > p.form-submit, .comment-form > div.form-submit { margin-top: 1em; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; } .comment-form > p .sinatra-submit-form-button, .comment-form > div .sinatra-submit-form-button { display: block; } .comment-form > p.comment-textarea, .comment-form > div.comment-textarea { margin-top: 1.5em; } .comment-form textarea { height: 12em; } .comments-area .akismet_comment_form_privacy_notice, .comments-area .logged-in-as { margin-bottom: 0; } .comments-area .logged-in-as { margin-top: 2em; } .comments-area .logged-in-as > a:first-child:after { content: "|"; display: inline-block; padding-left: 5px; padding-right: 4px; } /*****************************************/ /* Spinner styles /*****************************************/ .si-spinner { width: 40px; height: 40px; position: relative; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } .si-spinner.visible { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .si-spinner > div { border-radius: 50%; background-color: #767676; opacity: 0.6; -webkit-animation: si_bounce 1.6s infinite ease-in-out; animation: si_bounce 1.6s infinite ease-in-out; } .si-spinner > div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /*****************************************/ /* Preloader styles /*****************************************/ #si-preloader { position: fixed; z-index: 99991; overflow: hidden; } .si-loading #si-preloader .preloader-1 { opacity: 0; } .si-loaded #si-preloader { display: none; } /*****************************************/ /* Style 1 - "Spinner". /*****************************************/ .preloader-1 { position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 1; } .preloader-1 > div { display: inline-block; border: 0.1875rem solid rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.2); -webkit-animation: si_spin 0.65s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: si_spin 0.65s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); width: 3.125rem; height: 3.125rem; border-radius: 100%; will-change: transform; } /*****************************************/ /* Preloader Animation Keyframes /*****************************************/ @-webkit-keyframes si_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes si_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background-color: #23282d; border-radius: 3px; height: 50px !important; } .mejs-container .mejs-inner.mejs-audio { background-color: transparent; } .mejs-container .mejs-inner .mejs-controls { padding: 0 20px; background-image: none; } .mejs-container .mejs-inner .mejs-controls .mejs-time-float { display: none !important; } .mejs-container .mejs-inner .mejs-controls .mejs-button { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail, .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider { height: 100%; padding: 0; } .mejs-container .mejs-inner .mejs-controls button, .mejs-container .mejs-inner .mejs-controls .mejs-volume-button .mejs-volume-slider, .mejs-container .mejs-inner .mejs-controls .mejs-volume-button .mejs-volume-slider, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-total { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .mejs-container .mejs-inner .mejs-controls .mejs-time { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; height: 100%; padding: 0; margin: 0 20px; color: #cacaca; font-size: 13px; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle { top: -4px; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content { height: 14px; width: 14px; top: -6px; background-color: #FFF; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle span { border-radius: 50%; } .mejs-horizontal-volume-slider { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-total { height: 2px; margin: 0; top: 50%; background-image: none; background-color: #666; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total:before { content: ""; display: inline-block; width: 100%; height: 10px; position: absolute; top: -5px; left: 0; z-index: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total span { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current { background-image: none; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded { background-color: #898989; } /*****************************************/ /* Misc Styles /*****************************************/ button.sinatra-animate-arrow { -webkit-appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; } .sinatra-animate-arrow svg { width: 20px; } .sinatra-animate-arrow .arrow-bar, .btn-svg .arrow-bar, .flex-next .arrow-bar, .flex-prev .arrow-bar { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .sinatra-animate-arrow .arrow-bar, .sinatra-animate-arrow .arrow-handle, .btn-svg .arrow-bar, .btn-svg .arrow-handle, .flex-next .arrow-bar, .flex-next .arrow-handle, .flex-prev .arrow-bar, .flex-prev .arrow-handle { -webkit-transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); } .sinatra-animate-arrow svg, .btn-svg svg, .flex-next svg, .flex-prev svg { vertical-align: middle; } .sinatra-animate-arrow:hover, .sinatra-animate-arrow:focus, .btn-svg:hover, .btn-svg:focus, .flex-next:hover, .flex-next:focus, .flex-prev:hover, .flex-prev:focus { cursor: pointer; } .sinatra-animate-arrow:hover .arrow-handle, .sinatra-animate-arrow:focus .arrow-handle, .btn-svg:hover .arrow-handle, .btn-svg:focus .arrow-handle, .flex-next:hover .arrow-handle, .flex-next:focus .arrow-handle, .flex-prev:hover .arrow-handle, .flex-prev:focus .arrow-handle { -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transform: translateX(0px) !important; } .sinatra-animate-arrow:hover .arrow-bar, .sinatra-animate-arrow:focus .arrow-bar, .btn-svg:hover .arrow-bar, .btn-svg:focus .arrow-bar, .flex-next:hover .arrow-bar, .flex-next:focus .arrow-bar, .flex-prev:hover .arrow-bar, .flex-prev:focus .arrow-bar { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .sinatra-animate-arrow.left-arrow .arrow-bar, .sinatra-animate-arrow.has-left-icon .arrow-bar, .sinatra-animate-arrow.btn-left-icon .arrow-bar, .btn-svg.left-arrow .arrow-bar, .btn-svg.has-left-icon .arrow-bar, .btn-svg.btn-left-icon .arrow-bar, .flex-next.left-arrow .arrow-bar, .flex-next.has-left-icon .arrow-bar, .flex-next.btn-left-icon .arrow-bar, .flex-prev.left-arrow .arrow-bar, .flex-prev.has-left-icon .arrow-bar, .flex-prev.btn-left-icon .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .sinatra-animate-arrow.left-arrow .arrow-handle, .sinatra-animate-arrow.has-left-icon .arrow-handle, .sinatra-animate-arrow.btn-left-icon .arrow-handle, .btn-svg.left-arrow .arrow-handle, .btn-svg.has-left-icon .arrow-handle, .btn-svg.btn-left-icon .arrow-handle, .flex-next.left-arrow .arrow-handle, .flex-next.has-left-icon .arrow-handle, .flex-next.btn-left-icon .arrow-handle, .flex-prev.left-arrow .arrow-handle, .flex-prev.has-left-icon .arrow-handle, .flex-prev.btn-left-icon .arrow-handle { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .sinatra-animate-arrow.right-arrow svg, .sinatra-animate-arrow.has-right-icon svg, .sinatra-animate-arrow.btn-right-icon svg, .btn-svg.right-arrow svg, .btn-svg.has-right-icon svg, .btn-svg.btn-right-icon svg, .flex-next.right-arrow svg, .flex-next.has-right-icon svg, .flex-next.btn-right-icon svg, .flex-prev.right-arrow svg, .flex-prev.has-right-icon svg, .flex-prev.btn-right-icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sinatra-animate-arrow.right-arrow .arrow-bar, .sinatra-animate-arrow.has-right-icon .arrow-bar, .sinatra-animate-arrow.btn-right-icon .arrow-bar, .btn-svg.right-arrow .arrow-bar, .btn-svg.has-right-icon .arrow-bar, .btn-svg.btn-right-icon .arrow-bar, .flex-next.right-arrow .arrow-bar, .flex-next.has-right-icon .arrow-bar, .flex-next.btn-right-icon .arrow-bar, .flex-prev.right-arrow .arrow-bar, .flex-prev.has-right-icon .arrow-bar, .flex-prev.btn-right-icon .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .sinatra-animate-arrow.right-arrow .arrow-handle, .sinatra-animate-arrow.has-right-icon .arrow-handle, .sinatra-animate-arrow.btn-right-icon .arrow-handle, .btn-svg.right-arrow .arrow-handle, .btn-svg.has-right-icon .arrow-handle, .btn-svg.btn-right-icon .arrow-handle, .flex-next.right-arrow .arrow-handle, .flex-next.has-right-icon .arrow-handle, .flex-next.btn-right-icon .arrow-handle, .flex-prev.right-arrow .arrow-handle, .flex-prev.has-right-icon .arrow-handle, .flex-prev.btn-right-icon .arrow-handle { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } svg.sinatra-animate-arrow.right-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } svg.sinatra-animate-arrow.right-arrow .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } svg.sinatra-animate-arrow.right-arrow .arrow-handle { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } #page .uppercase-text { text-transform: uppercase; } #page .center-text { text-align: center; } #page .mr-20 { margin-right: 20px; } #page .mt--30 { margin-top: -30px; } #page .mb--30 { margin-bottom: -30px; } #page .si-clear-p { padding: 0; } #page .si-clear-m { margin: 0; } #page .si-clear-bm { margin-bottom: 0; } #page .si-clear-tm { margin-top: 0; } #page .si-unset-mw, #page .si-unset-mw > img { max-width: unset; } #page .si-z-index-99 { position: relative; z-index: 99; } #page .si-br-0, #page .si-br-0 img { border-radius: 0; } #page .si-br-3, #page .si-br-3 img { border-radius: 3px; } #page .si-br-6, #page .si-br-6 img { border-radius: 6px; } #page .si-br-12, #page .si-br-12 img { border-radius: 12px; } #page .si-bs { -webkit-box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.12); } .si-entry > .ss-inline-share-wrapper:first-child { margin-top: 0; } .si-entry > .ss-inline-share-wrapper:last-child { margin-top: 40px; margin-bottom: -20px !important; } .wpforms-container label.wpforms-error { font-weight: 400; } .wpforms-container label.wpforms-error a { color: inherit; text-decoration: underline; } #page .sharedaddy { margin-top: 1.25rem; margin-bottom: 1.25rem; } #page .sharedaddy h3.sd-title { font-size: inherit; font-weight: 500; } #page .sharedaddy h3.sd-title:before { display: none; } ul.swiper-wrapper { list-style: none; margin-left: 0; margin-right: 0; } #infinite-footer { z-index: 9; } .infinite-loader { margin: 40px 0; } /* * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers * * Sinatra changes: added prefix .si to all HTML elements; */ .si-hamburger { padding: 0 0; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger-box { width: 25px; height: 14px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #23282d; border-radius: 2px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*****************************************/ /* Is Mobile /*****************************************/ .sinatra-is-mobile #sinatra-header-inner .sinatra-nav > ul > li > a { color: inherit !important; } /*****************************************/ /* Mobile navigation styles. /*****************************************/ .si-mobile-nav { display: none; margin-left: 1.5rem; } .si-hamburger, .si-mobile-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body:not(.is-mobile-menu-active) .si-hamburger .hamburger-box .hamburger-inner::before { width: 15px; } .si-hamburger { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 3px; } .si-hamburger .hamburger-label { font-size: 0.75rem; letter-spacing: 0.1em; margin-right: 0.625rem; font-weight: 500; -webkit-transition: color 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: color 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); color: currentColor; } .si-hamburger .hamburger-label:empty { margin-right: 0; } .si-hamburger .hamburger-inner, .si-hamburger .hamburger-inner::before, .si-hamburger .hamburger-inner::after { background-color: currentColor; } button.si-hamburger { outline: none; } #sinatra-header:after { content: ""; position: fixed; top: 100%; left: 0; right: 0; height: 100vh; background-color: rgba(255, 255, 255, 0.85); z-index: 991; opacity: 0; visibility: hidden; will-change: opacity, visibility; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.26s cubic-bezier(0.25, 0.8, 0.25, 1); pointer-events: none; } .is-mobile-menu-active .hamburger--spin .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .is-mobile-menu-active .hamburger--spin .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .is-mobile-menu-active .hamburger--spin .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .is-mobile-menu-active #page:after { content: ""; position: absolute; z-index: 9; background-color: #f6f6f6; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.93; pointer-events: none; } .is-mobile-menu-active #masthead { z-index: 991; /* previously: 99 */ } .is-mobile-menu-active #sinatra-header { position: relative; } .is-mobile-menu-active #sinatra-header:after { visibility: visible; opacity: 1; pointer-events: all; } .is-mobile-menu-active .si-mobile-nav { z-index: 992; } /* ========================================================================== * Internet Explorer compatibility CSS * ========================================================================== */ @media screen and (min-width: 481px) and (max-width: 768px) { .sinatra-hide-tablet { display: none !important; } } @media only screen and (min-width: 600px) { .site .si-flex-row .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .si-flex-row .col-sm.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .si-flex-row .col-sm-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .site .si-flex-row .col-sm-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .site .si-flex-row .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .si-flex-row .col-sm-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .site .si-flex-row .col-sm-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .site .si-flex-row .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .si-flex-row .col-sm-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .site .si-flex-row .col-sm-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .site .si-flex-row .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .si-flex-row .col-sm-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .site .si-flex-row .col-sm-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .site .si-flex-row .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .si-flex-row .col-sm-offset-0 { margin-left: 0%; } .site .si-flex-row .col-sm-offset-1 { margin-left: 8.3333333333%; } .site .si-flex-row .col-sm-offset-2 { margin-left: 16.6666666667%; } .site .si-flex-row .col-sm-offset-3 { margin-left: 25%; } .site .si-flex-row .col-sm-offset-4 { margin-left: 33.3333333333%; } .site .si-flex-row .col-sm-offset-5 { margin-left: 41.6666666667%; } .site .si-flex-row .col-sm-offset-6 { margin-left: 50%; } .site .si-flex-row .col-sm-offset-7 { margin-left: 58.3333333333%; } .site .si-flex-row .col-sm-offset-8 { margin-left: 66.6666666667%; } .site .si-flex-row .col-sm-offset-9 { margin-left: 75%; } .site .si-flex-row .col-sm-offset-10 { margin-left: 83.3333333333%; } .site .si-flex-row .col-sm-offset-11 { margin-left: 91.6666666667%; } .site .si-flex-row .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .si-flex-row .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .si-flex-row.start-sm, .site .si-flex-row .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .si-flex-row.center-sm, .site .si-flex-row .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .si-flex-row.end-sm, .site .si-flex-row .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .si-flex-row.top-sm, .site .si-flex-row .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .si-flex-row.middle-sm, .site .si-flex-row .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .si-flex-row.stretch-sm, .site .si-flex-row .stretch-sm { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .si-flex-row.bottom-sm, .site .si-flex-row .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .si-flex-row.around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .site .si-flex-row.between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 782px) and (min-width: 600px) { .wp-block-column:nth-child(even) { margin-left: 30px; -ms-flex-preferred-size: calc(50% - (30px / 2)) !important; flex-basis: calc(50% - (30px / 2)) !important; } } @media screen and (min-width: 769px) and (max-width: 960px) { body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .si-fw-section, body.sinatra-layout__boxed-separated:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull { max-width: unset; margin-left: -50px !important; margin-right: -50px !important; } .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .si-fw-section, .si-has-sidebar:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull { max-width: unset; margin-left: -50px !important; margin-right: -50px !important; } } @media (min-width: 782px) { .wp-block-columns { margin-bottom: 2em; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .wp-block-columns .wp-block-column { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:first-child) { margin-left: 30px; } } @media only screen and (min-width: 783px) { .site .si-flex-row .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .si-flex-row .col-md.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .si-flex-row .col-md-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .site .si-flex-row .col-md-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .site .si-flex-row .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .si-flex-row .col-md-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .site .si-flex-row .col-md-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .site .si-flex-row .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .si-flex-row .col-md-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .site .si-flex-row .col-md-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .site .si-flex-row .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .si-flex-row .col-md-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .site .si-flex-row .col-md-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .site .si-flex-row .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .si-flex-row .col-md-offset-0 { margin-left: 0%; } .site .si-flex-row .col-md-offset-1 { margin-left: 8.3333333333%; } .site .si-flex-row .col-md-offset-2 { margin-left: 16.6666666667%; } .site .si-flex-row .col-md-offset-3 { margin-left: 25%; } .site .si-flex-row .col-md-offset-4 { margin-left: 33.3333333333%; } .site .si-flex-row .col-md-offset-5 { margin-left: 41.6666666667%; } .site .si-flex-row .col-md-offset-6 { margin-left: 50%; } .site .si-flex-row .col-md-offset-7 { margin-left: 58.3333333333%; } .site .si-flex-row .col-md-offset-8 { margin-left: 66.6666666667%; } .site .si-flex-row .col-md-offset-9 { margin-left: 75%; } .site .si-flex-row .col-md-offset-10 { margin-left: 83.3333333333%; } .site .si-flex-row .col-md-offset-11 { margin-left: 91.6666666667%; } .site .si-flex-row .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .si-flex-row .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .si-flex-row.start-md, .site .si-flex-row .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .si-flex-row.center-md, .site .si-flex-row .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .si-flex-row.end-md, .site .si-flex-row .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .si-flex-row.top-md, .site .si-flex-row .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .si-flex-row.middle-md, .site .si-flex-row .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .si-flex-row.stretch-md, .site .si-flex-row .stretch-md { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .si-flex-row.bottom-md, .site .si-flex-row .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .si-flex-row.around-md { -ms-flex-pack: distribute; justify-content: space-around; } .site .si-flex-row.between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1200px) { .site .si-flex-row .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .si-flex-row .col-lg.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .si-flex-row .col-lg-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .site .si-flex-row .col-lg-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .site .si-flex-row .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .si-flex-row .col-lg-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .site .si-flex-row .col-lg-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .site .si-flex-row .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .si-flex-row .col-lg-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .site .si-flex-row .col-lg-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .site .si-flex-row .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .si-flex-row .col-lg-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .site .si-flex-row .col-lg-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .site .si-flex-row .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .si-flex-row .col-lg-offset-0 { margin-left: 0%; } .site .si-flex-row .col-lg-offset-1 { margin-left: 8.3333333333%; } .site .si-flex-row .col-lg-offset-2 { margin-left: 16.6666666667%; } .site .si-flex-row .col-lg-offset-3 { margin-left: 25%; } .site .si-flex-row .col-lg-offset-4 { margin-left: 33.3333333333%; } .site .si-flex-row .col-lg-offset-5 { margin-left: 41.6666666667%; } .site .si-flex-row .col-lg-offset-6 { margin-left: 50%; } .site .si-flex-row .col-lg-offset-7 { margin-left: 58.3333333333%; } .site .si-flex-row .col-lg-offset-8 { margin-left: 66.6666666667%; } .site .si-flex-row .col-lg-offset-9 { margin-left: 75%; } .site .si-flex-row .col-lg-offset-10 { margin-left: 83.3333333333%; } .site .si-flex-row .col-lg-offset-11 { margin-left: 91.6666666667%; } .site .si-flex-row .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .si-flex-row .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .si-flex-row.start-lg, .site .si-flex-row .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .si-flex-row.center-lg, .site .si-flex-row .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .si-flex-row.end-lg, .site .si-flex-row .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .si-flex-row.top-lg, .site .si-flex-row .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .si-flex-row.middle-lg, .site .si-flex-row .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .si-flex-row.stretch-lg, .site .si-flex-row .stretch-lg { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .si-flex-row.bottom-lg, .site .si-flex-row .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .si-flex-row.around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .site .si-flex-row.between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .si-entry p.has-background { padding: 25px; } .sinatra-hide-mobile-tablet { display: none !important; } .si-container, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer > ul, .alignfull.si-wrap-content > div { padding: 0 30px; } .si-header-widgets .si-header-widget.si-header-widget__button { padding-left: 0.75rem; padding-right: 0.75rem; } .si-header-widgets .si-header-widget { padding-left: 0.75rem; padding-right: 0.75rem; } .si-header-widgets .si-header-widget:not(.si-header-widget__button) .si-icon { font-size: 1.5em; } body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).si-has-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).si-has-sidebar #page .si-fw-section, body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).si-has-sidebar #page .entry-content .alignfull, body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).sinatra-no-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).sinatra-no-sidebar #page .si-fw-section, body:not(.page-template-template-sinatra-fullwidth):not(.page-template-elementor_header_footer).sinatra-no-sidebar #page .entry-content .alignfull { margin-left: -30px !important; margin-right: -30px !important; left: 0; max-width: unset; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper { display: block; } .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper.si-thumb-right .entry-media, .si-blog-horizontal .sinatra-article:not(.format-quote) .si-blog-entry-wrapper.si-thumb-left .entry-media { margin: 0 0 1.33em 0; } #si-pre-footer .col-md-4 { margin-top: 1.875rem; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:after, .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row:before { left: 0; right: 0; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row { padding: 40px 30px; margin: 0; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row > div { padding-left: 0; padding-right: 0; } #sinatra-copyright.contained-separator > .si-container:before { left: 30px; right: 30px; } .entry-media img { border-radius: 0; margin-left: -30px; margin-right: -30px; max-width: calc(100% + 60px); } .single.si-single-title-in-page-header #page .page-header .page-title { font-size: 2rem; } .single.si-single-title-in-page-header .page-header .post-category a { font-size: 0.875rem; } #page .si-unset-mw, #page .si-unset-mw > img { max-width: 100%; } .si-mobile-nav { margin-left: 1rem; } } @media screen and (max-width: 599px) { #page .alignleft, #page .alignright { float: none; margin: 1.25em auto; } #page .has-text-align-right { text-align: left; } #sinatra-header-inner .si-widget-wrapper { position: static; } .si-header-element { position: static; } .si-header-widgets .si-header-widget { position: static; } .si-header-widgets .dropdown-item { left: 30px !important; right: 30px !important; width: auto !important; max-width: 100%; } .si-header-widgets .dropdown-item:after { display: none; } .page-header > .si-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-header > .si-container .si-page-header-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .page-header .si-page-header-wrapper { margin-right: initial; margin-left: initial; width: 100%; } .si-page-title-align-right .page-header.si-has-page-title .si-page-header-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .si-page-title-align-right .page-header.si-has-page-title .si-breadcrumbs { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body:not(.si-single-title-in-page-header) .si-has-page-title .si-breadcrumbs { padding-bottom: 0; } .si-hover-slider .hover-slide-item { padding: 50px 0; } #main .search-form, #colophon .search-form { max-width: 100%; } .si-pre-footer-cta-style-1 #si-pre-footer .si-pre-footer-cta { padding-left: 0; padding-right: 0; } .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row { margin-left: 0; margin-right: 0; } #sinatra-copyright .si-copyright-widget .sinatra-nav > ul > li { margin-top: 0.2em; margin-bottom: 0.2em; } #sinatra-copyright .si-copyright-widget { padding-left: 0; padding-right: 0; } #page .error-404 .page-header h1.page-title { font-size: 12.5rem; } .author-avatar img { display: none; } .single .entry-footer { display: block; } .single .entry-footer .last-updated { margin-top: 1rem; display: block; } .author-box { padding: 25px; } .author-box .author-box-avatar { display: none; } #comments .comment-body, #comments .comment_container { padding: 20px 25px 25px 25px; min-height: initial; min-height: auto; } #comments .comment-author-avatar { display: none; } .comment-form > p.comment-form-author, .comment-form > p.comment-form-email, .comment-form > p.comment-form-url, .comment-form > div.comment-form-author, .comment-form > div.comment-form-email, .comment-form > div.comment-form-url { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 480px) { .sinatra-hide-mobile { display: none !important; } #page { min-height: -webkit-fill-available; } } @media screen and (max-width: 782px) { .admin-bar #page { min-height: calc(100vh - 46px); } .si-sticky-header.admin-bar.sinatra-is-mobile #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-header-layout-3) #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-is-mobile).sinatra-header-layout-3 #sinatra-header-inner .si-nav-container > .si-container { top: 46px; } #sinatra-footer #sinatra-footer-widgets { padding-top: 30px; padding-bottom: 30px; } #sinatra-footer .sinatra-footer-column { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 960px) { .sinatra-layout__boxed-separated.author .author-box, .sinatra-layout__boxed-separated #content, .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget { background: none !important; -webkit-box-shadow: none; box-shadow: none; border: none; } .sinatra-layout__boxed-separated #content { padding: 0; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .sinatra-layout__boxed-separated #content .entry-content > .alignfull:first-child { margin-top: -50px; } .sinatra-layout__boxed-separated:not(.comments-open) #content .entry-content > .alignfull:last-child { margin-bottom: -50px; } .sinatra-layout__boxed-separated.blog .sinatra-article, .sinatra-layout__boxed-separated.search-results .sinatra-article, .sinatra-layout__boxed-separated.category .sinatra-article { padding: 0; background: none !important; -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 40px; } .sinatra-layout__boxed-separated.blog.si-blog-horizontal .sinatra-article, .sinatra-layout__boxed-separated.search-results.si-blog-horizontal .sinatra-article, .sinatra-layout__boxed-separated.category.si-blog-horizontal .sinatra-article { padding: 0; } .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget { margin-bottom: 40px; padding: 0; } .sinatra-layout__boxed-separated.sinatra-sidebar-style-3 #secondary .si-widget .widget-title { margin-left: 0; padding-left: 0.75em; } #sinatra-topbar > .si-container > .si-flex-row > div .si-topbar-widget { padding-top: 6px; padding-bottom: 6px; } #sinatra-topbar .si-topbar-widget { padding-left: 8px; padding-right: 8px; } .sinatra-topbar__separators-regular #sinatra-topbar .si-topbar-widget:after, .sinatra-topbar__separators-slanted #sinatra-topbar .si-topbar-widget:after { margin-left: 8px; } .sinatra-header__separators-regular .si-header-widget, .sinatra-header__separators-slanted .si-header-widget { padding-left: 0.5rem; padding-right: 0.5rem; } .sinatra-header__separators-regular .si-header-widget:after, .sinatra-header__separators-slanted .si-header-widget:after { margin-left: 8px; } body:not(.si-has-sidebar):not(.si-single-title-in-content) #content .entry-content > .alignfull:first-child { margin-top: -40px; } body:not(.si-has-sidebar):not(.si-single-title-in-content):not(.comments-open).sinatra-layout__boxed #content .entry-content > .alignfull:last-child { margin-bottom: -50px; } .si-hover-slider { background: none; } .si-hover-slider .si-hero-container { margin-top: 50px; } .si-hover-slider .hover-slider-backgrounds { display: none; } .si-hover-slider .hover-slider-item-wrapper { position: relative; background-color: #23282d; background-image: var(--bg-image); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 3px; overflow: hidden; } .si-hover-slider .hover-slider-item-wrapper:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #23282d; opacity: 0.65; z-index: 3; } .si-hover-slider .hover-slide-item { padding: 50px 30px; height: auto !important; z-index: 4; } .si-hover-slider .si-flex-row > div.si-hero-readmore:hover .slide-inner { -webkit-transform: none; -ms-transform: none; transform: none; } .si-hover-slider .si-flex-row { margin-left: 0; margin-right: 0; } .si-hover-slider .si-flex-row > div { border-right: none; margin-bottom: 10px; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: 100% !important; } .si-hover-slider .si-flex-row > div:last-child { margin-bottom: 0; } .si-hover-slider .si-flex-row > div .slide-inner { text-align: center; } .si-hover-slider .si-flex-row > div .hover-slide-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .si-hover-slider .si-flex-row > div .hover-slide-item .post-category { text-align: center; } .si-hover-slider .si-flex-row > div:last-child { border-bottom: none; } .si-hover-slider .slide-inner { position: relative; bottom: 0; max-width: 100%; padding: 0; margin: 0; } .si-hover-slider .slide-inner .read-more { position: static; opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .si-hover-slider .entry-meta .entry-meta-elements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main > .si-container { display: block; } #primary { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 40px; } .site-main #secondary { width: 100%; margin-top: 40px; } .si-sidebar-r__before-content #main > .si-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .si-sidebar-r__before-content .site-main #primary { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 0; } .si-sidebar-r__hide .site-main #secondary { display: none; } .single .post-nav img { display: none; } #comments .comment-list ol .edit, #comments .comment-list ul .edit { display: none; } #comments .comment-list ol ol ol, #comments .comment-list ol ol ul, #comments .comment-list ol ul ol, #comments .comment-list ol ul ul, #comments .comment-list ul ol ol, #comments .comment-list ul ol ul, #comments .comment-list ul ul ol, #comments .comment-list ul ul ul { margin-left: 0; } #comments .comment-list ol ol ol:before, #comments .comment-list ol ol ul:before, #comments .comment-list ol ul ol:before, #comments .comment-list ol ul ul:before, #comments .comment-list ul ol ol:before, #comments .comment-list ul ol ul:before, #comments .comment-list ul ul ol:before, #comments .comment-list ul ul ul:before { display: none; } #comments .comment-list ol ol ol li:before, #comments .comment-list ol ol ul li:before, #comments .comment-list ol ul ol li:before, #comments .comment-list ol ul ul li:before, #comments .comment-list ul ol ol li:before, #comments .comment-list ul ol ul li:before, #comments .comment-list ul ul ol li:before, #comments .comment-list ul ul ul li:before { left: 25px !important; height: 25px !important; } #comments .comment-list ol ol ol li:after, #comments .comment-list ol ol ul li:after, #comments .comment-list ol ul ol li:after, #comments .comment-list ol ul ul li:after, #comments .comment-list ul ol ol li:after, #comments .comment-list ul ol ul li:after, #comments .comment-list ul ul ol li:after, #comments .comment-list ul ul ul li:after { display: none; } } @media (max-width: 782px) { .wp-block-columns .wp-block-column:empty { display: none; } .wp-block-columns .wp-block-column:empty + .wp-block-column { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 0; } } @media screen and (max-width: 600px) { .si-sticky-header.admin-bar.sinatra-is-mobile #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-header-layout-3) #sinatra-header-inner, .si-sticky-header.admin-bar:not(.sinatra-is-mobile).sinatra-header-layout-3 #sinatra-header-inner .si-nav-container > .si-container { top: 0; } } @media only screen and (max-width: 782px) { .si-sticky-last-widget #secondary .si-sidebar-inner > .widget:last-child, .si-sticky-sidebar.admin-bar .si-sidebar-inner { top: calc(var(--si-sticky-h-offset, 20px) + 46px); } } @media print { #main .post-nav, #main #sinatra-comments-toggle, #page .sinatra-nav, #page .si-header-widgets, #si-scroll-top, #page #respond, #sinatra-footer, #secondary { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .wp-block-button__link { height: 30px; } .site .si-flex-row:after, .page-header .si-page-header-wrapper:after { content: ""; display: block; min-height: inherit; font-size: 0; } .si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span { height: 10px; } #main > .si-container #primary { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .page-header .si-page-header-wrapper { height: 100px; } }
Save Changes
Rename File
Rename