Created
January 26, 2019 22:54
-
-
Save seothemes/41adccb83475a238281956ef49af1442 to your computer and use it in GitHub Desktop.
Fixes the home page layout issue when no front-page.php in Corporate Pro 1.0.1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset 'UTF-8'; | |
| /*! | |
| * Theme Name: Corporate Pro | |
| * Theme URI: http://seothemes.com/themes/corporate-pro/ | |
| * Description: Corporate Pro child theme for the Genesis Framework. | |
| * Author: SEO Themes | |
| * Author URI: http://seothemes.com/ | |
| * Version: 1.0.1 | |
| * Text Domain: corporate-pro | |
| * Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-logo, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready | |
| * Template: genesis | |
| * Template Version: 2.6.1 | |
| * License: GPL-2.0+ | |
| * License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
| * GitHub URI: https://github.com/seothemes/corporate-pro | |
| */ | |
| /* # Table of Contents | |
| - Reset | |
| - Normalize 7.0 | |
| - Defaults | |
| - Box Sizing | |
| - Float Clearing | |
| - Typography | |
| - Headings | |
| - Forms | |
| - Objects | |
| - Tables | |
| - Accessibility | |
| - Layout | |
| - Site Containers | |
| - Content Width | |
| - Column Classes | |
| - Gallery | |
| - Pricing Tables | |
| - Common | |
| - Avatars | |
| - Genesis | |
| - Search Form | |
| - WordPress | |
| - Gutenberg | |
| - Header | |
| - Site Header | |
| - Title Area | |
| - Before Header | |
| - Header Right | |
| - Hero Section | |
| - Menus | |
| - Menus | |
| - Sub Menus | |
| - Specific Menus | |
| - Menu Toggle | |
| - Sub Menu Toggle | |
| - Content | |
| - Entries | |
| - Entry Content | |
| - Entry Titles | |
| - Entry Meta | |
| - Entry Footer | |
| - Pagination | |
| - Comments | |
| - Sidebars | |
| - Sidebars | |
| - Widgets | |
| - Footer | |
| - Site Footer | |
| - Before Footer | |
| - Footer Widgets | |
| - Plugins | |
| - Genesis eNews Extended | |
| - Genesis Portfolio Pro | |
| - Genesis Simple FAQ | |
| - Genesis Simple Share | |
| - Genesis Testimonial Slider | |
| - Google Map | |
| - Ninja Forms | |
| - SEO Slider | |
| - Simple Social Icons | |
| - WP Featherlight | |
| - WooCommerce Menu Cart | |
| - Home | |
| - Front Page Widgets | |
| - Print Styles | |
| */ | |
| button, | |
| hr, | |
| input { | |
| overflow: visible; | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| } | |
| progress, | |
| sub, | |
| sup { | |
| vertical-align: baseline; | |
| } | |
| [type='checkbox'], | |
| [type='radio'], | |
| legend { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| html { | |
| line-height: 1.15; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| main, | |
| menu, | |
| nav, | |
| section { | |
| display: block; | |
| } | |
| h1 { | |
| margin: 0.67em 0; | |
| font-size: 2em; | |
| } | |
| figure { | |
| margin: 1em 40px; | |
| margin: 1em 4rem; | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace; | |
| font-size: 1em; | |
| } | |
| a { | |
| background-color: transparent; | |
| -webkit-text-decoration-skip: objects; | |
| } | |
| abbr[title] { | |
| border-bottom: none; | |
| text-decoration: underline; | |
| text-decoration: underline dotted; | |
| } | |
| b, | |
| strong { | |
| font-weight: bolder; | |
| } | |
| dfn { | |
| font-style: italic; | |
| } | |
| mark { | |
| color: #000000; | |
| background-color: #fdffb6; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| sub, | |
| sup { | |
| position: relative; | |
| font-size: 75%; | |
| line-height: 0; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| img { | |
| border-style: none; | |
| } | |
| svg:not(:root) { | |
| overflow: hidden; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| margin: 0; | |
| font-size: 100%; | |
| line-height: 1.15; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| [type='reset'], | |
| [type='submit'], | |
| button, | |
| html [type='button'] { | |
| -webkit-appearance: button; | |
| } | |
| [type='button']::-moz-focus-inner, | |
| [type='reset']::-moz-focus-inner, | |
| [type='submit']::-moz-focus-inner, | |
| button::-moz-focus-inner { | |
| padding: 0; | |
| border-style: none; | |
| } | |
| [type='button']:-moz-focusring, | |
| [type='reset']:-moz-focusring, | |
| [type='submit']:-moz-focusring, | |
| button:-moz-focusring { | |
| outline: ButtonText dotted 1px; | |
| outline: ButtonText dotted 0.1rem; | |
| } | |
| fieldset { | |
| padding: 0.35em 0.75em 0.625em; | |
| } | |
| legend { | |
| display: table; | |
| max-width: 100%; | |
| color: inherit; | |
| white-space: normal; | |
| } | |
| textarea { | |
| overflow: auto; | |
| } | |
| [type='number']::-webkit-inner-spin-button, | |
| [type='number']::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| [type='search'] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px; | |
| outline-offset: -0.2rem; | |
| } | |
| [type='search']::-webkit-search-cancel-button, | |
| [type='search']::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit; | |
| } | |
| summary { | |
| display: list-item; | |
| } | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| /* ## Box Sizing | |
| --------------------------------------------- */ | |
| html, | |
| input[type='search'] { | |
| box-sizing: border-box; | |
| } | |
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: inherit; | |
| } | |
| /* ## Float Clearing | |
| --------------------------------------------- */ | |
| .author-box, | |
| .clearfix, | |
| .entry, | |
| .entry-content, | |
| .footer-widgets, | |
| .nav-primary, | |
| .nav-secondary, | |
| .pagination, | |
| .site-container, | |
| .site-footer, | |
| .site-header, | |
| .site-inner, | |
| .widget, | |
| .wrap { | |
| clear: both; | |
| } | |
| .author-box:before, | |
| .author-box:after, | |
| .clearfix:before, | |
| .clearfix:after, | |
| .entry:before, | |
| .entry:after, | |
| .entry-content:before, | |
| .entry-content:after, | |
| .footer-widgets:before, | |
| .footer-widgets:after, | |
| .nav-primary:before, | |
| .nav-primary:after, | |
| .nav-secondary:before, | |
| .nav-secondary:after, | |
| .pagination:before, | |
| .pagination:after, | |
| .site-container:before, | |
| .site-container:after, | |
| .site-footer:before, | |
| .site-footer:after, | |
| .site-header:before, | |
| .site-header:after, | |
| .site-inner:before, | |
| .site-inner:after, | |
| .widget:before, | |
| .widget:after, | |
| .wrap:before, | |
| .wrap:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| /* ## Typography | |
| --------------------------------------------- */ | |
| * { | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| } | |
| ::-moz-selection { | |
| background-color: #cbeafb; | |
| } | |
| ::selection { | |
| background-color: #cbeafb; | |
| } | |
| html { | |
| overflow-x: hidden; | |
| max-width: 100vw; | |
| font-size: 62.5%; | |
| } | |
| body { | |
| overflow-x: hidden; | |
| max-width: 100vw; | |
| margin: 0; | |
| color: #2a3139; | |
| background-color: #ffffff; | |
| font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 400; | |
| line-height: 1.618; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-font-smoothing: grayscale; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| body.boxed-page { | |
| background-color: #f6f8fa; | |
| } | |
| body > div { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| } | |
| p { | |
| margin: 0 0 1.382em; | |
| padding: 0; | |
| } | |
| a { | |
| color: #4d5968; | |
| word-wrap: break-word; | |
| } | |
| a:hover, | |
| a:focus { | |
| color: #009cff; | |
| } | |
| ol, | |
| ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| li { | |
| list-style-type: none; | |
| } | |
| hr { | |
| clear: both; | |
| margin: 0 0 2em; | |
| padding: 1em 0 0; | |
| border: 0; | |
| border-bottom: 1px solid #eceef1; | |
| border-collapse: collapse; | |
| } | |
| b, | |
| strong { | |
| font-weight: 600; | |
| } | |
| blockquote, | |
| cite, | |
| em, | |
| i { | |
| font-style: italic; | |
| } | |
| blockquote { | |
| margin: 0 0 1.382em; | |
| padding: 0 1em; | |
| border-left: 2px solid #009cff; | |
| } | |
| blockquote p:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace; | |
| } | |
| /* ## Headings | |
| --------------------------------------------- */ | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin: 0 0 0.5em; | |
| font-weight: 700; | |
| line-height: 1.236; | |
| } | |
| h1 { | |
| font-size: 2.3em; | |
| } | |
| h2 { | |
| font-size: 2em; | |
| } | |
| h3 { | |
| font-size: 1.9em; | |
| } | |
| h4 { | |
| font-size: 1.8em; | |
| } | |
| h5 { | |
| font-size: 1.7em; | |
| } | |
| h6 { | |
| font-size: 1.6em; | |
| } | |
| /* ## Forms | |
| --------------------------------------------- */ | |
| :focus { | |
| outline: 2px solid #eceef1; | |
| } | |
| ::-moz-placeholder { | |
| opacity: 1; | |
| color: #90959f; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #90959f; | |
| } | |
| input, | |
| select, | |
| textarea { | |
| width: 100%; | |
| height: 3em; | |
| padding: 0 1.5em; | |
| border: 1px solid #eceef1; | |
| border-radius: 9rem; | |
| color: #2a3139; | |
| background-color: #fbfcfd; | |
| font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 600; | |
| line-height: 3; | |
| } | |
| input:focus, | |
| select:focus, | |
| textarea:focus { | |
| border-color: #009cff; | |
| outline: none; | |
| } | |
| textarea { | |
| height: auto; | |
| padding: 1.5em; | |
| border-radius: 2.5rem; | |
| line-height: 1.618; | |
| } | |
| input[type='checkbox'], | |
| input[type='image'], | |
| input[type='radio'] { | |
| width: auto; | |
| } | |
| input[type='search'] { | |
| -webkit-appearance: none; | |
| } | |
| .button, | |
| button, | |
| input[type='button'], | |
| input[type='reset'], | |
| input[type='submit'], | |
| .wp-block-button a { | |
| display: inline-block; | |
| width: auto; | |
| height: 3em; | |
| padding: 0 3.333333em; | |
| border: 0; | |
| border-radius: 9rem; | |
| color: #ffffff; | |
| box-shadow: 0 0.25rem 2rem -0.5rem rgba(255, 255, 255, 0); | |
| font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 700; | |
| line-height: 3; | |
| white-space: nowrap; | |
| text-decoration: none; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| background: #0072ff; | |
| background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1); | |
| } | |
| .button:hover, | |
| .button:focus, | |
| button:hover, | |
| button:focus, | |
| input[type='button']:hover, | |
| input[type='button']:focus, | |
| input[type='reset']:hover, | |
| input[type='reset']:focus, | |
| input[type='submit']:hover, | |
| input[type='submit']:focus, | |
| .wp-block-button a:hover, | |
| .wp-block-button a:focus { | |
| color: #ffffff; | |
| box-shadow: 0 0.5rem 2rem -0.5rem rgba(0, 156, 255, 0.3); | |
| } | |
| .button.outline, | |
| button.outline, | |
| input[type='button'].outline, | |
| input[type='reset'].outline, | |
| input[type='submit'].outline, | |
| .wp-block-button a.outline { | |
| color: #009cff; | |
| background: transparent; | |
| box-shadow: inset 0 0 0 2px #009cff; | |
| } | |
| .button.outline:hover, | |
| .button.outline:focus, | |
| button.outline:hover, | |
| button.outline:focus, | |
| input[type='button'].outline:hover, | |
| input[type='button'].outline:focus, | |
| input[type='reset'].outline:hover, | |
| input[type='reset'].outline:focus, | |
| input[type='submit'].outline:hover, | |
| input[type='submit'].outline:focus, | |
| .wp-block-button a.outline:hover, | |
| .wp-block-button a.outline:focus { | |
| color: #ffffff; | |
| background-color: #009cff; | |
| box-shadow: none; | |
| } | |
| .button.white, | |
| button.white, | |
| input[type='button'].white, | |
| input[type='reset'].white, | |
| input[type='submit'].white, | |
| .wp-block-button a.white { | |
| color: #2a3139; | |
| background: #ffffff; | |
| box-shadow: 0 0.25rem 2rem rgba(198, 202, 206, 0.05); | |
| } | |
| .button.white:hover, | |
| .button.white:focus, | |
| button.white:hover, | |
| button.white:focus, | |
| input[type='button'].white:hover, | |
| input[type='button'].white:focus, | |
| input[type='reset'].white:hover, | |
| input[type='reset'].white:focus, | |
| input[type='submit'].white:hover, | |
| input[type='submit'].white:focus, | |
| .wp-block-button a.white:hover, | |
| .wp-block-button a.white:focus { | |
| color: #2a3139; | |
| background: #ffffff; | |
| box-shadow: 0 1rem 2rem rgba(198, 202, 206, 0.15); | |
| } | |
| .button.white.outline, | |
| button.white.outline, | |
| input[type='button'].white.outline, | |
| input[type='reset'].white.outline, | |
| input[type='submit'].white.outline, | |
| .wp-block-button a.white.outline { | |
| color: #ffffff; | |
| background: transparent; | |
| box-shadow: inset 0 0 0 2px #ffffff; | |
| } | |
| .button.white.outline:hover, | |
| .button.white.outline:focus, | |
| button.white.outline:hover, | |
| button.white.outline:focus, | |
| input[type='button'].white.outline:hover, | |
| input[type='button'].white.outline:focus, | |
| input[type='reset'].white.outline:hover, | |
| input[type='reset'].white.outline:focus, | |
| input[type='submit'].white.outline:hover, | |
| input[type='submit'].white.outline:focus, | |
| .wp-block-button a.white.outline:hover, | |
| .wp-block-button a.white.outline:focus { | |
| color: #2a3139; | |
| background: #ffffff; | |
| box-shadow: inset 0 0 0 0 #ffffff; | |
| } | |
| .button.small, | |
| button.small, | |
| input[type='button'].small, | |
| input[type='reset'].small, | |
| input[type='submit'].small, | |
| .wp-block-button a.small { | |
| height: 2.36em; | |
| padding: 0 2.36em; | |
| font-size: 13px; | |
| font-size: 1.3rem; | |
| line-height: 2.36; | |
| } | |
| .button.large, | |
| button.large, | |
| input[type='button'].large, | |
| input[type='reset'].large, | |
| input[type='submit'].large, | |
| .wp-block-button a.large { | |
| font-size: 19px; | |
| font-size: 1.9rem; | |
| } | |
| .button:disabled, | |
| button:disabled, | |
| input[type='button']:disabled, | |
| input[type='reset']:disabled, | |
| input[type='submit']:disabled, | |
| .wp-block-button a:disabled { | |
| border-width: 0; | |
| color: #c6cace; | |
| background: #eceef1; | |
| box-shadow: none; | |
| cursor: not-allowed; | |
| } | |
| .button + button, | |
| .button + .button, | |
| button + button, | |
| button + .button, | |
| input[type='button'] + button, | |
| input[type='button'] + .button, | |
| input[type='reset'] + button, | |
| input[type='reset'] + .button, | |
| input[type='submit'] + button, | |
| input[type='submit'] + .button, | |
| .wp-block-button a + button, | |
| .wp-block-button a + .button { | |
| clear: both; | |
| margin-top: 1em; | |
| } | |
| input[type='search']::-webkit-search-cancel-button, | |
| input[type='search']::-webkit-search-results-button { | |
| display: none; | |
| } | |
| fieldset { | |
| margin-bottom: 1em; | |
| } | |
| /* ## Objects | |
| --------------------------------------------- */ | |
| embed, | |
| iframe, | |
| img, | |
| object, | |
| video, | |
| .wp-caption, | |
| .wp-video-shortcode { | |
| display: block; | |
| max-width: 100%; | |
| } | |
| img { | |
| height: auto; | |
| } | |
| figure { | |
| margin: 0; | |
| } | |
| video { | |
| object-fit: cover; | |
| } | |
| .no-js .wp-video-shortcode { | |
| width: 100%; | |
| border: 1px solid #eceef1; | |
| background-color: #f6f8fa; | |
| } | |
| /* ## Tables | |
| --------------------------------------------- */ | |
| table { | |
| width: 100%; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| border: 1px solid #eceef1; | |
| border-spacing: 0; | |
| border-collapse: collapse; | |
| background-color: #ffffff; | |
| line-height: 1; | |
| } | |
| tbody { | |
| border-bottom: 1px solid #eceef1; | |
| } | |
| td, | |
| th { | |
| padding: 0.618em; | |
| border-top: 1px solid #eceef1; | |
| border-right: 1px solid #eceef1; | |
| text-align: left; | |
| } | |
| /* ## Accessibility | |
| --------------------------------------------- */ | |
| .screen-reader-text, | |
| .screen-reader-text span, | |
| .screen-reader-shortcut, | |
| .wp-custom-logo .site-title, | |
| .wp-custom-logo .site-description { | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| position: absolute !important; | |
| width: 1px; | |
| width: 0.1rem; | |
| height: 1px; | |
| height: 0.1rem; | |
| border: 0; | |
| background-color: #ffffff; | |
| } | |
| .screen-reader-text:focus, | |
| .screen-reader-shortcut:focus { | |
| display: block; | |
| clip: auto !important; | |
| z-index: 100000; | |
| width: auto; | |
| height: auto; | |
| padding: 10px 20px; | |
| padding: 1rem 2rem; | |
| box-shadow: 0 0 0.2rem 0.2rem rgba(42, 49, 57, 0.1); | |
| text-decoration: none; | |
| } | |
| .more-link { | |
| position: relative; | |
| font-style: normal; | |
| } | |
| .genesis-skip-link { | |
| margin: 0; | |
| } | |
| .genesis-skip-link li { | |
| width: 0; | |
| height: 0; | |
| list-style: none; | |
| } | |
| /* ## Site Containers | |
| --------------------------------------------- */ | |
| .boxed-page .site-container { | |
| max-width: 1152px; | |
| margin: 0 auto; | |
| background-color: #ffffff; | |
| box-shadow: 0 0 0 1px #eceef1, 0 0 10rem rgba(198, 202, 206, 0.1); | |
| } | |
| .content-sidebar-wrap, | |
| .wrap { | |
| margin: 0 auto; | |
| padding-right: 6vw; | |
| padding-left: 6vw; | |
| } | |
| .content-sidebar-wrap .wrap, | |
| .wrap .wrap { | |
| width: auto; | |
| max-width: 100%; | |
| padding: 0; | |
| } | |
| .site-inner { | |
| clear: both; | |
| } | |
| .blog .site-inner, | |
| .archive .site-inner, | |
| .search-results .site-inner { | |
| background-color: #f6f8fa; | |
| } | |
| .page-builder .site-inner { | |
| border-top: 1px solid #eceef1; | |
| border-bottom: 1px solid #eceef1; | |
| } | |
| .contact-page .site-inner { | |
| padding-top: 60px; | |
| padding-top: 6rem; | |
| } | |
| .content-sidebar-wrap { | |
| position: relative; | |
| z-index: 1; | |
| max-width: 1152px; | |
| } | |
| /* ## Content Widths and Positions | |
| --------------------------------------------- */ | |
| .content { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| min-height: 400px; | |
| min-height: 40rem; | |
| padding: 40px 0; | |
| padding: 4rem 0; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| /* | |
| .home.page .content { | |
| width: 100%; | |
| max-width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| */ | |
| .blog .content, | |
| .archive .content, | |
| .search-results .content { | |
| margin-top: 0; | |
| padding: 40px 0; | |
| padding: 4rem 0; | |
| background-color: transparent; | |
| } | |
| .blog .content:before, | |
| .archive .content:before, | |
| .search-results .content:before { | |
| display: none; | |
| } | |
| /* | |
| .home.page .content { | |
| background-color: transparent; | |
| } | |
| */ | |
| .page .content, | |
| .single .content, | |
| .error404 .content { | |
| position: relative; | |
| border-radius: 1px; | |
| background-color: #ffffff; | |
| } | |
| .page .content:before, | |
| .single .content:before, | |
| .error404 .content:before { | |
| display: none; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| height: 400px; | |
| height: 40rem; | |
| box-shadow: 0 -5rem 10rem rgba(42, 49, 57, 0.05); | |
| content: ''; | |
| pointer-events: none; | |
| } | |
| .sidebar-primary { | |
| padding-bottom: 50px; | |
| padding-bottom: 5rem; | |
| } | |
| /* ## Column Classes (including fifths) | |
| --------------------------------------------- */ | |
| .full-width { | |
| display: block; | |
| width: 100%; | |
| clear: both; | |
| } | |
| .full-width:before, | |
| .full-width:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| /* ## Gallery | |
| --------------------------------------------- */ | |
| .gallery, | |
| .gallery-row { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .gallery a, | |
| .gallery img { | |
| display: block; | |
| } | |
| .single .gallery { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| position: relative; | |
| left: 50%; | |
| width: 100vw; | |
| max-width: 768px; | |
| margin: 1.618em auto; | |
| transform: translate(-50%); | |
| } | |
| .gallery-caption { | |
| display: block; | |
| } | |
| .gallery-item { | |
| display: block; | |
| width: 100%; | |
| margin: 0 0 6vw; | |
| text-align: center; | |
| } | |
| /* ## Pricing Tables | |
| --------------------------------------------- */ | |
| .pricing-table { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: 0 auto; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| clear: both; | |
| } | |
| .pricing-table:before, | |
| .pricing-table:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .pricing-table + .pricing-table { | |
| margin: 50px auto; | |
| margin: 5rem auto; | |
| } | |
| .pricing-table + hr { | |
| margin: 50px 0; | |
| margin: 5rem 0; | |
| padding: 0; | |
| } | |
| .pricing-table div { | |
| padding: 30px; | |
| padding: 3rem; | |
| border-radius: 3px; | |
| text-align: center; | |
| } | |
| .pricing-table div ul { | |
| margin: 1em 0; | |
| } | |
| .pricing-table div ul li { | |
| margin: 0; | |
| list-style-type: none; | |
| } | |
| .pricing-table .featured { | |
| border: 1px solid #eceef1; | |
| background-color: #ffffff; | |
| box-shadow: 0 2rem 5rem -1rem rgba(42, 49, 57, 0.0618); | |
| transform: scale(1.05); | |
| } | |
| .pricing-table h4 { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| } | |
| .pricing-table p { | |
| position: relative; | |
| max-width: 768px; | |
| margin: 0 auto; | |
| padding: 0 5%; | |
| } | |
| .pricing-table strong { | |
| display: block; | |
| color: #009cff; | |
| font-size: 2.8em; | |
| font-weight: 700; | |
| } | |
| .pricing-table em { | |
| display: block; | |
| color: #4d5968; | |
| font-size: small; | |
| } | |
| .pricing-table button, | |
| .pricing-table .button { | |
| margin-bottom: 0.5em; | |
| } | |
| .pricing-table .one-fourth strong { | |
| font-size: 2.4em; | |
| } | |
| .pricing-table .one-fourth button, | |
| .pricing-table .one-fourth .button { | |
| padding-right: 2em; | |
| padding-left: 2em; | |
| } | |
| /* ## Avatars | |
| --------------------------------------------- */ | |
| .avatar { | |
| float: left; | |
| margin-right: 20px; | |
| margin-right: 2rem; | |
| border-radius: 50%; | |
| } | |
| .alignright .avatar { | |
| margin-left: 20px; | |
| margin-left: 2rem; | |
| } | |
| /* ## Genesis | |
| --------------------------------------------- */ | |
| .breadcrumb { | |
| width: 100%; | |
| padding: 10px 0 0; | |
| padding: 1rem 0 0; | |
| color: #c6cace; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| text-align: center; | |
| } | |
| .breadcrumb a { | |
| color: #ffffff; | |
| text-decoration: none; | |
| } | |
| .breadcrumb a:hover, | |
| .breadcrumb a:focus { | |
| text-decoration: underline; | |
| } | |
| .after-entry { | |
| width: 100%; | |
| margin: 20px auto; | |
| margin: 2rem auto; | |
| padding: 6vw; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| background-color: #f6f8fa; | |
| text-align: center; | |
| } | |
| .after-entry .enews form { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: 1em 0 0; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .after-entry .enews input { | |
| width: 100%; | |
| margin-bottom: 1em; | |
| background-color: #ffffff; | |
| } | |
| .author-box { | |
| width: 100%; | |
| max-width: 768px; | |
| padding: 6vw 0; | |
| } | |
| .author .author-box { | |
| max-width: 100%; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| padding: 40px; | |
| padding: 4rem; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| background-color: #ffffff; | |
| } | |
| .author-box p { | |
| color: #4d5968; | |
| } | |
| .author-box p:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .author-box-title { | |
| margin-bottom: 0; | |
| font-size: 20px; | |
| font-size: 2rem; | |
| } | |
| /* ## Search Form | |
| --------------------------------------------- */ | |
| .search-form { | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: relative; | |
| width: 100%; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| clear: both; | |
| } | |
| .search-form:before, | |
| .search-form:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .search-form .search-toggle { | |
| display: none; | |
| width: 25px; | |
| width: 2.5rem; | |
| height: 25px; | |
| height: 2.5rem; | |
| background-image: center/17.5px no-repeat url(assets/images/search.svg); | |
| background-image: center/1.75rem no-repeat url(assets/images/search.svg); | |
| cursor: pointer; | |
| } | |
| .shrink .search-form .search-toggle { | |
| background-image: url(assets/images/search.svg); | |
| } | |
| .search-form .search-toggle.active { | |
| background-image: url(assets/images/close.svg); | |
| background-size: 1.4rem; | |
| } | |
| .shrink .search-form .search-toggle.active { | |
| background-image: url(assets/images/close.svg); | |
| } | |
| .search-form input[type='search'] { | |
| width: 300px; | |
| width: 30rem; | |
| margin-right: 1em; | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| .site-header .search-form input[type='search'] { | |
| display: block; | |
| max-width: 79vw; | |
| background-color: #f6f8fa; | |
| } | |
| .site-header.shrink .search-form input[type='search'] { | |
| border: 1px solid #eceef1; | |
| color: #2a3139; | |
| } | |
| .entry-content .search-form input[type='search'] { | |
| background-color: #f6f8fa; | |
| } | |
| .search-form input[type='submit'] { | |
| display: none; | |
| } | |
| .entry .search-form { | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| } | |
| /* ## WordPress | |
| --------------------------------------------- */ | |
| a.aligncenter img { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| a.alignnone { | |
| display: inline-block; | |
| } | |
| .alignleft { | |
| float: left; | |
| text-align: left; | |
| } | |
| .alignright { | |
| float: right; | |
| text-align: right; | |
| } | |
| a.alignleft, | |
| a.alignnone, | |
| a.alignright { | |
| max-width: 100%; | |
| } | |
| img.centered, | |
| .aligncenter { | |
| display: block; | |
| margin: 0 auto 1em; | |
| } | |
| img.alignnone, | |
| .alignnone { | |
| margin-bottom: 1em; | |
| } | |
| a.alignleft, | |
| img.alignleft, | |
| .wp-caption.alignleft { | |
| margin: 0 1em 1em 0; | |
| } | |
| a.alignright, | |
| img.alignright, | |
| .wp-caption.alignright { | |
| margin: 0 0 1em 1em; | |
| } | |
| .wp-caption-text { | |
| margin: 0; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| text-align: center; | |
| } | |
| .entry-content p.wp-caption-text { | |
| margin-bottom: 0; | |
| } | |
| .entry-content .wp-audio-shortcode, | |
| .entry-content .wp-playlist, | |
| .entry-content .wp-video { | |
| margin: 0 0 1em; | |
| } | |
| .sticky, | |
| .bypostauthor { | |
| background-color: transparent; | |
| } | |
| .post-edit-link, | |
| .comment-edit-link { | |
| display: none; | |
| } | |
| /* ## Gutenberg | |
| --------------------------------------------- */ | |
| .alignwide { | |
| position: relative; | |
| left: 50%; | |
| width: 100vw; | |
| max-width: 896px; | |
| transform: translate(-50%); | |
| } | |
| .alignwide img { | |
| display: inline-block; | |
| margin: 1.618em auto; | |
| } | |
| .alignfull { | |
| position: relative; | |
| left: 50%; | |
| width: 100vw; | |
| max-width: none; | |
| margin-left: -50vw; | |
| } | |
| .content-sidebar .alignfull, | |
| .sidebar-content .alignfull { | |
| max-width: calc(100% + 12rem); | |
| } | |
| .alignfull img { | |
| display: inline-block; | |
| width: 100%; | |
| margin: 1.618em auto; | |
| } | |
| .wp-block-image figcaption { | |
| margin: 0 auto 2em; | |
| } | |
| .wp-block-button { | |
| display: block; | |
| width: 100%; | |
| background: transparent; | |
| text-align: center; | |
| clear: both; | |
| } | |
| .wp-block-button:before, | |
| .wp-block-button:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .wp-block-button a { | |
| display: inline-block; | |
| } | |
| .wp-block-button a:hover, | |
| .wp-block-button a:focus { | |
| color: #ffffff; | |
| } | |
| .wp-block-pullquote > p { | |
| font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif; | |
| font-weight: 400; | |
| } | |
| .wp-block-pullquote cite { | |
| font-style: normal; | |
| } | |
| .wp-block-gallery .blocks-gallery-image { | |
| margin-right: 0; | |
| } | |
| .blocks-gallery-image { | |
| display: block; | |
| width: 100%; | |
| margin: 0 0 6vw; | |
| text-align: center; | |
| } | |
| /* ## Site Header | |
| --------------------------------------------- */ | |
| .site-header { | |
| position: absolute; | |
| z-index: 100; | |
| width: 100%; | |
| border-bottom: 1px solid rgba(198, 202, 206, 0.3); | |
| background-color: #ffffff; | |
| transition: all 0.3s ease; | |
| } | |
| .sticky-header .site-header { | |
| position: fixed; | |
| } | |
| .sticky-header .site-header.shrink { | |
| background-color: #ffffff; | |
| box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); | |
| } | |
| .no-js .site-header { | |
| position: relative; | |
| } | |
| .boxed-page .site-header { | |
| max-width: 1152px; | |
| margin: 0 auto; | |
| } | |
| .contact-page .site-header { | |
| background-color: #ffffff; | |
| } | |
| .site-header > .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: relative; | |
| height: 60px; | |
| height: 6rem; | |
| transition: height 0.3s ease; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .no-js .site-header > .wrap { | |
| height: auto; | |
| padding: 30px 6vw; | |
| padding: 3rem 6vw; | |
| } | |
| /* ## Title Area | |
| --------------------------------------------- */ | |
| .title-area { | |
| display: block; | |
| position: relative; | |
| width: 150px; | |
| width: 15rem; | |
| margin: 0 auto 0 0; | |
| } | |
| .site-title { | |
| margin-bottom: 0; | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| } | |
| .site-title a { | |
| color: #2a3139; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .shrink .site-title a { | |
| color: #2a3139; | |
| } | |
| .site-description { | |
| margin-bottom: 0; | |
| opacity: 0.618; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 1; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| position: absolute !important; | |
| width: 1px; | |
| width: 0.1rem; | |
| height: 1px; | |
| height: 0.1rem; | |
| border: 0; | |
| background-color: #ffffff; | |
| } | |
| .custom-logo { | |
| display: block; | |
| } | |
| .shrink .custom-logo { | |
| display: block; | |
| } | |
| .secondary-logo { | |
| display: none; | |
| } | |
| .shrink .secondary-logo { | |
| display: none; | |
| } | |
| /* ## Before Header | |
| --------------------------------------------- */ | |
| .before-header { | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: relative; | |
| height: 40px; | |
| height: 4rem; | |
| border-top: 1px solid rgba(198, 202, 206, 0.3); | |
| border-bottom: 1px solid rgba(198, 202, 206, 0.3); | |
| color: #3f454c; | |
| background-color: #f6f8fa; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| transition: all 0.3s ease; | |
| } | |
| .no-js .before-header { | |
| height: auto; | |
| padding-top: 10px; | |
| padding-top: 1rem; | |
| padding-bottom: 10px; | |
| padding-bottom: 1rem; | |
| } | |
| .menu .before-header { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| height: auto; | |
| margin: 3em 0 0; | |
| padding: 3em 0 0; | |
| border-bottom: none; | |
| background-color: transparent; | |
| clear: both; | |
| } | |
| .menu .before-header:before, | |
| .menu .before-header:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .menu .before-header .widget { | |
| margin-bottom: 1em; | |
| } | |
| .menu .before-header .simple-social-icons { | |
| margin-left: -0.5em; | |
| } | |
| .menu .before-header .simple-social-icons a { | |
| margin: 0 0.5em 0 0; | |
| } | |
| .before-header .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .before-header .wrap:before, | |
| .before-header .wrap:after { | |
| display: none; | |
| } | |
| .before-header .widget { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin-bottom: 0; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .before-header .widget:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .before-header .widget-wrap { | |
| width: 100%; | |
| } | |
| .before-header p { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .before-header .fa { | |
| margin-right: 0.5em; | |
| } | |
| .before-header .fa:before { | |
| line-height: 1.618; | |
| } | |
| .before-header .simple-social-icons ul li a { | |
| background-color: transparent !important; | |
| } | |
| /* ## Header Right | |
| --------------------------------------------- */ | |
| .header-widget-area { | |
| display: none; | |
| margin: 0 1em 0 0; | |
| } | |
| .header-widget-area .widget:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| /* ## Hero Section | |
| --------------------------------------------- */ | |
| .hero-section { | |
| position: relative; | |
| padding: 120px 0 60px; | |
| padding: 12rem 0 6rem; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #f6f8fa; | |
| background-position: center; | |
| background-size: cover; | |
| text-align: center; | |
| } | |
| .hero-section:before { | |
| display: block !important; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(42, 49, 57, 0.5); | |
| content: ''; | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| .hero-section .wrap { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .hero-section h1 { | |
| width: 100%; | |
| margin: 0 auto; | |
| color: #ffffff; | |
| text-align: center; | |
| } | |
| .hero-section p { | |
| width: 100%; | |
| max-width: 512px; | |
| margin: 0.5em auto 0; | |
| color: #ffffff; | |
| text-align: center; | |
| } | |
| /* ## Custom Header | |
| --------------------------------------------- */ | |
| .wp-custom-header { | |
| overflow: hidden; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| margin: auto; | |
| pointer-events: none; | |
| object-fit: cover; | |
| object-position: center; | |
| } | |
| .woocommerce .wp-custom-header img, | |
| .wp-custom-header img, | |
| .wp-custom-header video, | |
| .wp-custom-header iframe { | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| object-position: center center; | |
| } | |
| .wp-custom-header iframe { | |
| position: absolute; | |
| top: -20%; | |
| right: -20%; | |
| bottom: -20%; | |
| left: -20%; | |
| width: 140%; | |
| min-width: 100%; | |
| max-width: 140%; | |
| height: 140%; | |
| min-height: 56.25vw; | |
| max-height: none; | |
| margin: auto; | |
| } | |
| .wp-custom-header img { | |
| display: none; | |
| } | |
| .wp-custom-header-video-button { | |
| display: none; | |
| } | |
| /* ## Menus | |
| --------------------------------------------- */ | |
| .menu { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 600; | |
| text-align: left; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| clear: both; | |
| } | |
| .menu:before, | |
| .menu:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .menu .right { | |
| margin-left: auto; | |
| } | |
| .menu .rss, | |
| .menu .date, | |
| .menu .search, | |
| .menu .twitter { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin-top: 1em; | |
| margin-left: 0; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .menu .rss { | |
| margin-left: 0; | |
| } | |
| .menu .rss a { | |
| margin-left: 1em; | |
| } | |
| .menu-item { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| padding: 10px 0; | |
| padding: 1rem 0; | |
| -ms-flex-order: -1; | |
| order: -1; | |
| } | |
| .menu-item.button { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: 1em 0; | |
| padding: 0; | |
| background: transparent; | |
| box-shadow: none; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .menu-item.button:last-of-type a { | |
| padding-right: 3em; | |
| } | |
| .menu-item.button a { | |
| background: #0072ff; | |
| background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1); | |
| padding: 1em 3em; | |
| border-radius: 9rem; | |
| color: #ffffff; | |
| } | |
| .shrink .menu-item.button a { | |
| color: #ffffff; | |
| } | |
| .menu-item.button a:hover, | |
| .menu-item.button a:focus, | |
| .menu-item.button.current-menu-item > a { | |
| color: #ffffff; | |
| box-shadow: inset 0 0 0 9rem rgba(0, 17, 51, 0.1); | |
| } | |
| .menu-item a { | |
| display: inline-block; | |
| margin: 2px; | |
| color: #2a3139; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .menu-item a:hover, | |
| .menu-item a:focus, | |
| .menu-item.current-menu-item > a { | |
| color: #009cff; | |
| } | |
| .menu-item span { | |
| display: block; | |
| } | |
| /* ## Sub Menus | |
| --------------------------------------------- */ | |
| .sub-menu { | |
| display: none; | |
| clear: both; | |
| } | |
| .sub-menu:before, | |
| .sub-menu:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .sub-menu:before { | |
| display: none; | |
| position: absolute; | |
| z-index: 98; | |
| top: -5px; | |
| top: -0.5rem; | |
| left: 30px; | |
| left: 3rem; | |
| width: 10px; | |
| width: 1rem; | |
| height: 10px; | |
| height: 1rem; | |
| border-top: 1px solid #eceef1; | |
| border-left: 1px solid #eceef1; | |
| opacity: 1; | |
| background-color: #f6f8fa; | |
| content: ''; | |
| transition-delay: 0.3s; | |
| transform: rotate(45deg); | |
| } | |
| .sub-menu .menu-item { | |
| width: 100%; | |
| height: auto; | |
| padding: 0.5em 0; | |
| } | |
| .sub-menu .menu-item:first-of-type { | |
| margin-top: 1em; | |
| } | |
| .sub-menu a { | |
| padding-left: 0.618em; | |
| } | |
| .sub-menu .sub-menu { | |
| padding-left: 1em; | |
| } | |
| /* ## Specific Menus | |
| --------------------------------------------- */ | |
| .nav-primary, | |
| .nav-secondary { | |
| overflow: auto; | |
| position: absolute; | |
| top: 0; | |
| right: -400px; | |
| right: -40rem; | |
| bottom: 0; | |
| width: 93vw; | |
| max-width: 400px; | |
| max-width: 40rem; | |
| height: 100vh; | |
| margin: 0; | |
| padding: 0 40px; | |
| padding: 0 4rem; | |
| border-top: 1px solid #eceef1; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #ffffff; | |
| transition: all 0.3s ease; | |
| } | |
| .nav-primary.activated, | |
| .nav-secondary.activated { | |
| right: 0; | |
| left: auto; | |
| box-shadow: 0 0 4rem rgba(42, 49, 57, 0.2); | |
| } | |
| .no-js .nav-primary, | |
| .no-js | |
| .nav-secondary { | |
| display: block; | |
| position: relative; | |
| right: auto; | |
| width: 100%; | |
| height: auto; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .no-js .nav-primary .wrap, | |
| .no-js | |
| .nav-secondary .wrap { | |
| padding: 0; | |
| } | |
| .no-js .nav-primary .menu, | |
| .no-js | |
| .nav-secondary .menu { | |
| padding: 0; | |
| } | |
| .no-js .nav-primary .menu-item, | |
| .no-js | |
| .nav-secondary .menu-item { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| width: auto; | |
| padding-right: 10px; | |
| padding-right: 1rem; | |
| } | |
| .nav-primary .menu, | |
| .nav-secondary .menu { | |
| position: relative; | |
| padding: 5em 0 7.5em; | |
| } | |
| .nav-secondary { | |
| width: 100%; | |
| } | |
| .nav-secondary .sub-menu .menu-item { | |
| height: auto; | |
| } | |
| .site-footer .menu { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| margin-bottom: 0; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| } | |
| .site-footer .menu-item { | |
| width: 100%; | |
| height: auto; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .site-footer .menu-item:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .site-footer .menu-item:last-of-type a { | |
| margin-bottom: 2px; | |
| } | |
| .site-footer .menu-item a { | |
| margin-bottom: 1em; | |
| padding: 0; | |
| color: #4d5968; | |
| } | |
| .site-footer .menu-item a:hover, | |
| .site-footer .menu-item a:focus, | |
| .site-footer .menu-item.current-menu-item > a { | |
| color: #009cff; | |
| } | |
| /* ## Menu Toggle | |
| --------------------------------------------- */ | |
| .menu-toggle { | |
| display: block; | |
| position: relative; | |
| z-index: 1; | |
| height: auto; | |
| margin-right: -0.5em; | |
| padding: 1em 0.5em; | |
| color: #2a3139; | |
| background: transparent; | |
| box-shadow: none; | |
| cursor: pointer; | |
| } | |
| .menu-toggle:hover, | |
| .menu-toggle:focus { | |
| color: #2a3139; | |
| background: none; | |
| box-shadow: none; | |
| } | |
| .menu-toggle.activated, | |
| .shrink .menu-toggle { | |
| color: #2a3139; | |
| } | |
| .menu-toggle.activated span, | |
| .shrink .menu-toggle span { | |
| background: #2a3139; | |
| } | |
| .menu-toggle.activated span:before, | |
| .menu-toggle.activated span:after, | |
| .shrink .menu-toggle span:before, | |
| .shrink .menu-toggle span:after { | |
| background: #2a3139; | |
| } | |
| .menu-toggle span { | |
| display: block; | |
| float: right; | |
| position: relative; | |
| width: 20px; | |
| width: 2rem; | |
| height: 2px; | |
| border-radius: 3px; | |
| background: #2a3139; | |
| } | |
| .menu-toggle span:before, | |
| .menu-toggle span:after { | |
| display: block; | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| height: 2px; | |
| border-radius: 3px; | |
| background-color: #2a3139; | |
| content: ' '; | |
| } | |
| .menu-toggle span:before { | |
| top: -5px; | |
| top: -0.5rem; | |
| transition: top 0.2s 0.2s, transform 0.2s 0s; | |
| } | |
| .menu-toggle span:after { | |
| bottom: -5px; | |
| bottom: -0.5rem; | |
| transition: bottom 0.2s 0.2s, transform 0.2s 0s; | |
| } | |
| .menu-toggle.activated span { | |
| background: none; | |
| } | |
| .menu-toggle.activated span:before { | |
| top: 0; | |
| transition: top 0.2s 0s, transform 0.2s 0.2s; | |
| transform: rotate(45deg); | |
| } | |
| .menu-toggle.activated span:after { | |
| bottom: 0; | |
| transition: bottom 0.2s 0s, transform 0.2s 0.2s; | |
| transform: rotate(-45deg); | |
| } | |
| /* ## Sub Menu Toggle | |
| --------------------------------------------- */ | |
| .sub-menu-toggle { | |
| position: absolute; | |
| top: 0.1em; | |
| right: 3em; | |
| height: auto; | |
| margin: 0 -1em; | |
| padding: 1em; | |
| background: none; | |
| box-shadow: none; | |
| } | |
| .sub-menu-toggle:hover, | |
| .sub-menu-toggle:focus { | |
| background: none; | |
| box-shadow: none; | |
| } | |
| .sub-menu-toggle:focus { | |
| outline: 2px solid #eceef1; | |
| } | |
| .sub-menu-toggle:before { | |
| display: block; | |
| margin: 2px 0 -2px; | |
| margin: 0.2rem 0 -0.2rem; | |
| border: 4px solid transparent; | |
| border: 0.4rem solid transparent; | |
| border-top-color: #2a3139; | |
| content: ''; | |
| } | |
| .sub-menu-toggle.activated:before { | |
| margin: -2px 0 2px; | |
| margin: -0.2rem 0 0.2rem; | |
| transform: rotate(180deg); | |
| } | |
| /* ## Entries | |
| --------------------------------------------- */ | |
| .content .entry { | |
| position: relative; | |
| margin-bottom: 6vw; | |
| border: 1px solid #eceef1; | |
| background-color: #ffffff; | |
| } | |
| .content .entry:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .page .content .entry, | |
| .single .content .entry, | |
| .error404 .content .entry { | |
| width: 100%; | |
| border: 0; | |
| } | |
| /*.home .content .entry,*/ | |
| .blog .content .entry, | |
| .archive .content .entry, | |
| .search-results .content .entry { | |
| width: 100%; | |
| margin-bottom: 6vw; | |
| padding: 30px; | |
| padding: 3rem; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| transition: all 0.3s ease; | |
| } | |
| /*.home .content .entry:hover, | |
| .home .content .entry:focus,*/ | |
| .blog .content .entry:hover, | |
| .blog .content .entry:focus, | |
| .archive .content .entry:hover, | |
| .archive .content .entry:focus, | |
| .search-results .content .entry:hover, | |
| .search-results .content .entry:focus { | |
| box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2); | |
| } | |
| .search-no-results .content .entry { | |
| border: 0; | |
| } | |
| /* ## Entry Content | |
| --------------------------------------------- */ | |
| .entry-content p { | |
| color: #4d5968; | |
| } | |
| .entry-content p a:not(.button) { | |
| color: #4d5968; | |
| box-shadow: inset 0 -1.5px 0 #009cff; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .entry-content p a:not(.button):hover, | |
| .entry-content p a:not(.button):focus { | |
| color: #009cff; | |
| } | |
| .entry-content h2, | |
| .entry-content h3, | |
| .entry-content h4, | |
| .entry-content h5, | |
| .entry-content h6 { | |
| padding-top: 0.618em; | |
| } | |
| .entry-content ol, | |
| .entry-content ul { | |
| margin-bottom: 1.618em; | |
| margin-left: 40px; | |
| margin-left: 4rem; | |
| color: #4d5968; | |
| line-height: 2; | |
| } | |
| .error404 .entry-content ol, | |
| .error404 | |
| .entry-content ul { | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| } | |
| .entry-content ol > li { | |
| list-style-type: decimal; | |
| } | |
| .entry-content ul > li { | |
| list-style-type: disc; | |
| } | |
| .entry-content ol ol, | |
| .entry-content ul ul { | |
| margin-bottom: 0; | |
| } | |
| .entry-content li li { | |
| list-style-type: circle; | |
| } | |
| .entry-content code { | |
| padding: 4px 8px; | |
| padding: 0.4rem 0.8rem; | |
| border: 1px solid #eceef1; | |
| background-color: #f6f8fa; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 2; | |
| } | |
| .entry-content pre { | |
| display: block; | |
| margin: 0 0 1.382em; | |
| padding: 10px 20px; | |
| padding: 1rem 2rem; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| background-color: #f6f8fa; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| } | |
| .entry-content pre code { | |
| padding: 0; | |
| border: none; | |
| background-color: transparent; | |
| } | |
| .entry-content input, | |
| .entry-content select, | |
| .entry-content textarea { | |
| margin-bottom: 1em; | |
| } | |
| .entry-content iframe, | |
| .entry-content video { | |
| width: 100%; | |
| } | |
| .entry-content blockquote { | |
| display: block; | |
| position: relative; | |
| left: 50%; | |
| width: 896px; | |
| max-width: 100vw; | |
| margin: 3em 0; | |
| padding: 0 60px 2em; | |
| padding: 0 6rem 2em; | |
| border: 0; | |
| border-top: 1px solid #eceef1; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #ffffff; | |
| text-align: center; | |
| transform: translate(-50%); | |
| } | |
| .entry-content blockquote:before { | |
| display: block; | |
| width: 1em; | |
| margin: -0.25em auto; | |
| color: rgba(42, 49, 57, 0.2); | |
| background-color: #ffffff; | |
| font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif; | |
| font-size: 80px; | |
| font-size: 8rem; | |
| line-height: 1; | |
| content: '“'; | |
| } | |
| .entry-image-link { | |
| display: block; | |
| margin-bottom: 1em; | |
| clear: both; | |
| } | |
| .entry-image-link:before, | |
| .entry-image-link:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .blog .entry-image-link, | |
| .archive .entry-image-link, | |
| .search-results .entry-image-link { | |
| display: block; | |
| width: calc(100% + 6rem + 0.2rem); | |
| margin: -31px -31px 30px; | |
| margin: -3.1rem -3.1rem 3rem; | |
| border-radius: 3px 3px 0 0; | |
| } | |
| .entry-image-link img { | |
| display: block; | |
| margin: 0; | |
| border-radius: 3px 3px 0 0; | |
| } | |
| /* ## Entry Titles | |
| --------------------------------------------- */ | |
| .entry-title a { | |
| display: block; | |
| color: #2a3139; | |
| font-size: 20px; | |
| font-size: 2rem; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .entry-title a:hover, | |
| .entry-title a:focus { | |
| color: #009cff; | |
| } | |
| /* ## Entry Meta | |
| --------------------------------------------- */ | |
| .entry-meta { | |
| width: 100%; | |
| font-size: small; | |
| } | |
| .entry-footer .entry-meta { | |
| margin-bottom: 0; | |
| } | |
| .entry-categories, | |
| .entry-tags { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| margin-top: 0.2em; | |
| } | |
| .entry-categories img, | |
| .entry-tags img { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| opacity: 0.618; | |
| } | |
| .entry-categories a, | |
| .entry-tags a { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| margin-left: 0.2em; | |
| font-weight: 600; | |
| transition: all 0.3s ease; | |
| } | |
| .entry-author-name { | |
| text-transform: capitalize; | |
| } | |
| .archive-description { | |
| width: 100vw; | |
| margin-right: calc(50% - 50vw); | |
| margin-left: calc(50% - 50vw); | |
| padding: 150px 0; | |
| padding: 15rem 0; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #c6cace; | |
| } | |
| .archive-description h1 { | |
| max-width: 512px; | |
| margin: 0 auto; | |
| color: #ffffff; | |
| text-align: center; | |
| } | |
| /* ## Entry Footer | |
| --------------------------------------------- */ | |
| .entry-footer { | |
| margin-top: 5vw; | |
| padding: 5vw 0; | |
| border-top: 1px solid #eceef1; | |
| border-bottom: 1px solid #eceef1; | |
| } | |
| .blog .entry-footer, | |
| .archive .entry-footer, | |
| .search-results .entry-footer { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .single-portfolio .entry-footer { | |
| display: none; | |
| } | |
| /* ## Pagination | |
| --------------------------------------------- */ | |
| .pagination { | |
| padding: 6vw 0; | |
| clear: both; | |
| } | |
| .pagination:before, | |
| .pagination:after { | |
| display: block; | |
| clear: both; | |
| content: ''; | |
| } | |
| .adjacent-entry-pagination { | |
| padding-bottom: 0; | |
| } | |
| .archive-pagination { | |
| width: 100%; | |
| } | |
| .archive-pagination ul { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .archive-pagination li { | |
| margin: 0 0.25em 0 0; | |
| } | |
| .archive-pagination a { | |
| display: block; | |
| padding: 5px 10px; | |
| padding: 0.5rem 1rem; | |
| border-radius: 3px; | |
| color: #2a3139; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .archive-pagination a:hover, | |
| .archive-pagination a:focus { | |
| color: #009cff; | |
| } | |
| .archive-pagination .active a { | |
| background: #0072ff; | |
| background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1); | |
| color: #ffffff; | |
| } | |
| /* ## Comments | |
| --------------------------------------------- */ | |
| .comment-respond, | |
| .entry-comments, | |
| .entry-pings { | |
| width: 100%; | |
| max-width: 768px; | |
| margin: 0 auto; | |
| padding: 6vw 0; | |
| border-radius: 3px; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| } | |
| .comment-respond .form-submit { | |
| margin-bottom: 0; | |
| } | |
| .comment-respond label { | |
| display: block; | |
| width: 100%; | |
| margin-bottom: 1em; | |
| } | |
| .comment-respond input, | |
| .comment-respond textarea { | |
| display: block; | |
| width: 100%; | |
| } | |
| .comment-respond input[type='submit'] { | |
| width: auto; | |
| } | |
| .comment-author span:first-of-type { | |
| font-weight: 700; | |
| text-transform: capitalize; | |
| } | |
| .comment-list li { | |
| padding: 40px 0 0 5vw; | |
| padding: 4rem 0 0 5vw; | |
| } | |
| .comment-list .depth-1 { | |
| padding-left: 0; | |
| } | |
| .comment-list .comment-respond { | |
| padding-left: 5vw; | |
| } | |
| .comment-list > .comment-respond { | |
| padding-left: 0; | |
| } | |
| .comment-header { | |
| margin-bottom: 5vw; | |
| } | |
| .comment-header p { | |
| margin-bottom: 0; | |
| } | |
| .comment-edit-link { | |
| padding-left: calc(4.8rem + 1em); | |
| } | |
| .entry-pings .comment-edit-link { | |
| display: block; | |
| clear: both; | |
| padding: 0; | |
| } | |
| .comment-meta { | |
| padding-left: calc(4.8rem + 1em); | |
| word-break: break-all; | |
| } | |
| .entry-pings .comment-meta { | |
| padding: 0 0 1em; | |
| } | |
| .comment-meta .comment-time a { | |
| color: #c6cace; | |
| font-size: small; | |
| text-decoration: none; | |
| } | |
| .comment-content { | |
| clear: both; | |
| } | |
| .comment-content ul > li { | |
| list-style-type: disc; | |
| } | |
| .comment-respond input[type='email'] label, | |
| .comment-respond input[type='text'] label, | |
| .comment-respond input[type='url'] label { | |
| display: block; | |
| margin-right: 10px; | |
| margin-right: 1rem; | |
| } | |
| .comment-reply-title a { | |
| font-size: 15px; | |
| font-size: 1.5rem; | |
| } | |
| .entry-pings .reply { | |
| display: none; | |
| } | |
| .pingback:last-of-type p { | |
| margin-bottom: 0; | |
| } | |
| /* ## Sidebars | |
| --------------------------------------------- */ | |
| .sidebar { | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .sidebar ol, | |
| .sidebar ul { | |
| margin-left: 1em; | |
| color: #4d5968; | |
| line-height: 2; | |
| } | |
| .sidebar ol > li { | |
| list-style-type: decimal; | |
| } | |
| .sidebar ul > li { | |
| list-style-type: disc; | |
| } | |
| .sidebar li li { | |
| list-style-type: circle; | |
| } | |
| .sidebar a { | |
| color: #3f454c; | |
| } | |
| .sidebar a:hover, | |
| .sidebar a:focus { | |
| color: #009cff; | |
| } | |
| /* ## Widgets | |
| --------------------------------------------- */ | |
| .sidebar .widget { | |
| padding: 3.5vw 0; | |
| font-size: 15px; | |
| font-size: 1.5rem; | |
| } | |
| .sidebar .widget:first-of-type { | |
| padding-top: 0; | |
| } | |
| .blog .sidebar .widget, | |
| .archive .sidebar .widget { | |
| margin-bottom: 7vw; | |
| padding: 3.5vw; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| background-color: #ffffff; | |
| } | |
| .widget_calendar table { | |
| width: 100%; | |
| } | |
| .widget_calendar td, | |
| .widget_calendar th { | |
| text-align: center; | |
| } | |
| /* ## Site Footer | |
| --------------------------------------------- */ | |
| .site-footer { | |
| position: relative; | |
| width: 100%; | |
| border-top: 1px solid #eceef1; | |
| color: #4d5968; | |
| } | |
| .site-footer a { | |
| color: #3f454c; | |
| } | |
| .site-footer a:hover, | |
| .site-footer a:focus { | |
| color: #009cff; | |
| } | |
| .site-footer .button { | |
| color: #ffffff; | |
| } | |
| .site-footer .button:hover, | |
| .site-footer .button:focus { | |
| color: #ffffff; | |
| } | |
| .site-footer .button.outline { | |
| color: #009cff; | |
| } | |
| .site-footer .button.outline:hover, | |
| .site-footer .button.outline:focus { | |
| color: #ffffff; | |
| } | |
| .site-footer .button.white { | |
| color: #2a3139; | |
| } | |
| .site-footer .button.white:hover, | |
| .site-footer .button.white:focus { | |
| color: #2a3139; | |
| } | |
| .site-footer .button.white.outline { | |
| color: #ffffff; | |
| } | |
| .site-footer .button.white.outline:hover, | |
| .site-footer .button.white.outline:focus { | |
| color: #2a3139; | |
| } | |
| .site-footer .button:disabled { | |
| color: #c6cace; | |
| } | |
| /* ## Before Footer | |
| --------------------------------------------- */ | |
| .before-footer { | |
| padding: 50px 0; | |
| padding: 5rem 0; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #f6f8fa; | |
| } | |
| .blog .before-footer, | |
| .archive .before-footer, | |
| .search-results .before-footer { | |
| background-color: #ffffff; | |
| } | |
| .before-footer .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .before-footer .wrap:before, | |
| .before-footer .wrap:after { | |
| display: none; | |
| } | |
| .before-footer .widget { | |
| margin-bottom: 0; | |
| } | |
| .before-footer .widget:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .before-footer h2, | |
| .before-footer h3, | |
| .before-footer h4, | |
| .before-footer h5, | |
| .before-footer h6 { | |
| color: #2a3139; | |
| } | |
| /* ## Footer Widgets | |
| --------------------------------------------- */ | |
| .footer-widgets { | |
| position: relative; | |
| padding: 50px 0 0; | |
| padding: 5rem 0 0; | |
| font-size: 15px; | |
| font-size: 1.5rem; | |
| } | |
| .footer-widgets .widget-title { | |
| margin-bottom: 1em; | |
| color: #2a3139; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| } | |
| .footer-widgets .widget-area { | |
| margin: 0 auto 40px; | |
| margin: 0 auto 4rem; | |
| } | |
| .footer-widgets .widget-area.footer-widgets-1 i { | |
| display: inline-block; | |
| float: left; | |
| margin-top: 0.2em; | |
| margin-right: 0.618em; | |
| } | |
| .footer-widgets .widget-area.footer-widgets-2 { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .footer-widgets .widget-area.footer-widgets-2 .widget { | |
| width: 48.71795%; | |
| } | |
| .footer-widgets .widget-area .widget { | |
| display: block; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| } | |
| .footer-widgets .widget-area .widget:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .footer-widgets .widget-area .widget.widget_nav_menu { | |
| margin-bottom: 0; | |
| } | |
| /* ## Footer Credits | |
| --------------------------------------------- */ | |
| .footer-credits { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100%; | |
| margin: 0; | |
| padding: 40px 0; | |
| padding: 4rem 0; | |
| border-top: 1px solid #eceef1; | |
| font-size: 15px; | |
| font-size: 1.5rem; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| } | |
| .footer-credits .simple-social-icons { | |
| margin-bottom: 1em; | |
| margin-left: -1em; | |
| } | |
| .footer-credits .menu-item { | |
| width: auto; | |
| margin-left: 2em; | |
| } | |
| .footer-credits p { | |
| margin-bottom: 0; | |
| } | |
| /* ## Genesis eNews Extended | |
| --------------------------------------------- */ | |
| .sidebar .enews input { | |
| margin-bottom: 1em; | |
| } | |
| .site-footer .enews form { | |
| position: relative; | |
| margin-top: 0.618em; | |
| } | |
| .site-footer .enews input[type='text'], | |
| .site-footer .enews input[type='email'] { | |
| margin-top: 10px; | |
| margin-top: 1rem; | |
| } | |
| .site-footer .enews input[type='submit'] { | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| padding-right: 0; | |
| color: transparent; | |
| background: transparent; | |
| box-shadow: none; | |
| } | |
| .site-footer .enews input[type='submit']:hover + .send-icon, | |
| .site-footer .enews input[type='submit']:focus + .send-icon { | |
| opacity: 1; | |
| } | |
| .site-footer .enews .send-icon { | |
| display: block; | |
| position: absolute; | |
| right: 2em; | |
| bottom: 1em; | |
| width: 18px; | |
| width: 1.8rem; | |
| height: 18px; | |
| height: 1.8rem; | |
| margin: 0; | |
| opacity: 0.236; | |
| background: center/contain no-repeat url(assets/images/paper-plane.svg); | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| /* ## Genesis Portfolio Pro | |
| --------------------------------------------- */ | |
| .archive.genesis-pro-portfolio .content { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .archive.genesis-pro-portfolio .entry { | |
| width: 100%; | |
| margin: 0 0 6vw; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .archive.genesis-pro-portfolio .entry:before { | |
| display: block !important; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(42, 49, 57, 0.5); | |
| content: ''; | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| .archive.genesis-pro-portfolio .entry:before { | |
| opacity: 0; | |
| } | |
| .archive.genesis-pro-portfolio .entry:hover:before, | |
| .archive.genesis-pro-portfolio .entry:focus:before { | |
| opacity: 1; | |
| } | |
| .archive.genesis-pro-portfolio .entry:hover .entry-header, | |
| .archive.genesis-pro-portfolio .entry:focus .entry-header { | |
| top: 0; | |
| bottom: 0; | |
| margin: 0; | |
| opacity: 1; | |
| } | |
| .archive.genesis-pro-portfolio .entry-header { | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin-top: 100%; | |
| opacity: 0; | |
| pointer-events: none; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| transition: all 0.3s ease; | |
| } | |
| .archive.genesis-pro-portfolio .entry-header a { | |
| color: #ffffff; | |
| } | |
| /* ## Genesis Simple FAQs | |
| --------------------------------------------- */ | |
| div.gs-faq { | |
| padding: 0; | |
| border-top: 1px solid #eceef1; | |
| box-shadow: 0 2rem 5rem -0.618rem rgba(42, 49, 57, 0.0618); | |
| } | |
| div.gs-faq .gs-faq__question { | |
| display: block; | |
| position: relative; | |
| z-index: 1; | |
| height: auto; | |
| margin: 0; | |
| padding: 1.5em 3em 1.5em 1.5em; | |
| border: 1px solid #eceef1; | |
| border-top: 0; | |
| border-radius: 0; | |
| color: #2a3139; | |
| background-color: #ffffff; | |
| box-shadow: none; | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| font-weight: 600; | |
| line-height: 1; | |
| } | |
| div.gs-faq .gs-faq__question:hover, | |
| div.gs-faq .gs-faq__question:focus { | |
| color: #009cff; | |
| } | |
| div.gs-faq .gs-faq__question:after { | |
| position: absolute; | |
| top: 1.5em; | |
| right: 1em; | |
| line-height: 1; | |
| content: '+'; | |
| } | |
| div.gs-faq .gs-faq__question.gs-faq--expanded:after { | |
| content: '-'; | |
| } | |
| div.gs-faq .gs-faq__question:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| div.gs-faq .gs-faq__answer { | |
| margin: 0; | |
| padding: 30px; | |
| padding: 3rem; | |
| border: 1px solid #eceef1; | |
| border-top: 0; | |
| background-color: #ffffff; | |
| } | |
| /* ## Genesis Simple Share | |
| --------------------------------------------- */ | |
| .share-after { | |
| margin-top: 40px; | |
| margin-top: 4rem; | |
| } | |
| /* ## Genesis Testimonial Slider | |
| --------------------------------------------- */ | |
| .lSSlideWrapper { | |
| max-width: calc(100% + 4em); | |
| margin: 0 -2em; | |
| } | |
| .gts-rating { | |
| margin: 1em auto -1em; | |
| } | |
| .lSSlideOuter { | |
| width: 100%; | |
| } | |
| .lSSlideOuter .lSPager, | |
| .lSSlideOuter .lightSlider { | |
| height: auto !important; | |
| } | |
| ul.testimonials-list li:before { | |
| display: block; | |
| margin: 0 0 -0.5em; | |
| color: rgba(42, 49, 57, 0.2); | |
| font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif; | |
| font-size: 80px; | |
| font-size: 8rem; | |
| line-height: 1; | |
| content: '“'; | |
| } | |
| ul.testimonials-list blockquote { | |
| padding: 0 2em 1em; | |
| border: 0; | |
| } | |
| ul.testimonials-list img { | |
| width: 60px; | |
| width: 6rem; | |
| margin: 20px auto; | |
| margin: 2rem auto; | |
| } | |
| ul.testimonials-list h5 { | |
| color: #2a3139; | |
| font-size: 1em; | |
| } | |
| .lSSlideOuter .lSPager.lSpg > li a { | |
| opacity: 0.1; | |
| background-color: #2a3139; | |
| } | |
| .lSSlideOuter .lSPager.lSpg > li.active a, | |
| .lSSlideOuter .lSPager.lSpg > li:hover a, | |
| .lSSlideOuter .lSPager.lSpg > li:focus a { | |
| opacity: 0.3; | |
| background-color: #2a3139; | |
| } | |
| .gts-company { | |
| display: block; | |
| margin-bottom: 1em; | |
| font-size: small; | |
| } | |
| /* ## Google Map | |
| --------------------------------------------- */ | |
| .contact-page .agm-canvas:before { | |
| display: block; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| background-color: rgba(42, 49, 57, 0.618); | |
| } | |
| /* ## Ninja Forms | |
| --------------------------------------------- */ | |
| .nf-field .nf-field-element input, | |
| .nf-field .nf-field-element select { | |
| height: 3em; | |
| } | |
| /* ## SEO Slider | |
| --------------------------------------------- */ | |
| .slick-initialized .slick-slide { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .no-js .slick-slide:first-of-type { | |
| display: block; | |
| width: 100%; | |
| } | |
| .slick-arrow { | |
| box-shadow: none; | |
| } | |
| /* ## Simple Social Icons | |
| --------------------------------------------- */ | |
| .simple-social-icons { | |
| overflow: hidden; | |
| } | |
| .simple-social-icons svg[class^='social-'], | |
| .simple-social-icons svg[class*=' social-'] { | |
| display: inline-block; | |
| width: 1em; | |
| height: 1em; | |
| stroke-width: 0; | |
| stroke: currentColor; | |
| fill: currentColor; | |
| } | |
| .simple-social-icons ul { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: -0.5em -0.5em 0 0; | |
| padding: 0; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .simple-social-icons ul li { | |
| margin: 0.5em 0.5em 0 0; | |
| padding: 0; | |
| border: none; | |
| background: none; | |
| list-style-type: none; | |
| } | |
| .simple-social-icons ul li a { | |
| display: inline-block; | |
| box-sizing: content-box; | |
| width: 1em; | |
| height: 1em; | |
| margin: 2px; | |
| border: none; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-variant: normal; | |
| line-height: 1; | |
| text-align: center; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .simple-social-icons ul.aligncenter { | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| .simple-social-icons ul.alignleft { | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .simple-social-icons ul.alignright { | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| } | |
| /* ## WooCommerce Menu Cart | |
| --------------------------------------------- */ | |
| .wpmenucartli { | |
| margin-top: 1em; | |
| } | |
| .wpmenucart-contents { | |
| position: relative; | |
| margin-top: 1em; | |
| color: #2a3139; | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| text-decoration: none; | |
| } | |
| .wpmenucart-contents .cartcontents { | |
| display: -ms-flexbox; | |
| display: flex; | |
| position: absolute; | |
| top: -4px; | |
| top: -0.4rem; | |
| right: -4px; | |
| right: -0.4rem; | |
| width: 12px; | |
| width: 1.2rem; | |
| height: 12px; | |
| height: 1.2rem; | |
| border-radius: 1.2rem; | |
| color: #ffffff; | |
| background-color: #009cff; | |
| box-shadow: 0 0 0 1px #ffffff; | |
| font-size: 7px; | |
| font-size: 0.7rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| text-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| /* ## WP Featherlight | |
| --------------------------------------------- */ | |
| .featherlight .featherlight-close-icon { | |
| box-shadow: none; | |
| } | |
| /* ## Front Page | |
| --------------------------------------------- */ | |
| .front-page-widget { | |
| position: relative; | |
| width: 100%; | |
| padding: 60px 0; | |
| padding: 6rem 0; | |
| } | |
| .front-page-widget:nth-of-type(even) { | |
| border-top: 1px solid #eceef1; | |
| border-bottom: 1px solid #eceef1; | |
| background-color: #f6f8fa; | |
| } | |
| .front-page-widget .widget:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .front-page-widget .textwidget { | |
| width: 100%; | |
| } | |
| .front-page-widget p, | |
| .front-page-widget li { | |
| color: #4d5968; | |
| } | |
| /* ## Front Page 1 | |
| --------------------------------------------- */ | |
| .has-hero-slider .front-page-1 { | |
| padding: 0; | |
| background-color: #c6cace; | |
| } | |
| .has-hero-slider .front-page-1 > .wrap { | |
| width: 100%; | |
| max-width: 100%; | |
| padding: 0; | |
| } | |
| .has-hero-slider .front-page-1 .slick-slider { | |
| max-height: 100vh; | |
| } | |
| .has-hero-slider .front-page-1 .slick-slide { | |
| min-height: 100%; | |
| } | |
| .has-hero-slider .front-page-1 .slick-dots { | |
| line-height: 0; | |
| } | |
| .has-hero-slider .front-page-1 .slick-wrap { | |
| max-width: 88vw; | |
| padding-top: 40px; | |
| padding-top: 4rem; | |
| } | |
| .has-hero-slider .front-page-1 .slick-content { | |
| max-width: 768px; | |
| } | |
| .has-hero-slider .front-page-1 .slick-arrow { | |
| visibility: hidden; | |
| overflow: hidden; | |
| } | |
| .has-hero-slider .front-page-1 h2 { | |
| margin-bottom: 0.382em; | |
| font-size: 2em; | |
| } | |
| .has-hero-slider .front-page-1 p { | |
| max-width: 512px; | |
| line-height: 1.382; | |
| } | |
| .front-page-1.hero-section { | |
| padding: calc(15vw + 6rem) 0 15vw; | |
| text-align: left; | |
| } | |
| .front-page-1.hero-section .wrap { | |
| margin: 0 auto; | |
| padding-right: 6vw; | |
| padding-left: 6vw; | |
| } | |
| .front-page-1.hero-section h1 { | |
| text-align: left; | |
| } | |
| .front-page-1.hero-section p { | |
| margin: 0.5em 0 1.5em; | |
| color: #ffffff; | |
| text-align: left; | |
| } | |
| /* ## Front Page 2 | |
| --------------------------------------------- */ | |
| .front-page-2 .wrap { | |
| padding: 0; | |
| } | |
| .front-page-2 .gallery img { | |
| width: 100%; | |
| height: auto; | |
| min-height: 10px; | |
| min-height: 1rem; | |
| margin: 2px; | |
| padding: 0 6vw; | |
| } | |
| .front-page-2 .gallery-item { | |
| margin: 0; | |
| } | |
| .no-js .front-page-2 .gallery-item { | |
| max-width: 50%; | |
| } | |
| .front-page-2 .slick-list { | |
| width: 100%; | |
| } | |
| .front-page-2 .slick-track { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| min-width: 100%; | |
| } | |
| /* ## Front Page 3 | |
| --------------------------------------------- */ | |
| .front-page-3 .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .front-page-3 .wrap:before, | |
| .front-page-3 .wrap:after { | |
| display: none; | |
| } | |
| .front-page-3 .widget hr { | |
| margin: 50px 0; | |
| margin: 5rem 0; | |
| } | |
| .front-page-3 .icon_widget { | |
| -ms-flex-item-align: start; | |
| align-self: flex-start; | |
| } | |
| .front-page-3 .icon_widget .widget-title { | |
| font-size: 19px; | |
| font-size: 1.9rem; | |
| } | |
| .front-page-3 .icon_widget i { | |
| display: inline-block; | |
| } | |
| .front-page-3 .mejs-container { | |
| min-width: 86vw !important; | |
| max-width: 86vw; | |
| border-radius: 6px; | |
| background-color: #f6f8fa; | |
| } | |
| .front-page-3 .mejs-mediaelement { | |
| overflow: hidden; | |
| padding: 0; | |
| border-radius: 5px; | |
| box-shadow: 0 2rem 6rem -2rem rgba(42, 49, 57, 0.236); | |
| } | |
| .front-page-3 .mejs-controls { | |
| display: none; | |
| } | |
| .front-page-3 .mejs-overlay-button { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 60px; | |
| width: 6rem; | |
| height: 60px; | |
| height: 6rem; | |
| border-radius: 9rem; | |
| background-color: #ffffff; | |
| box-shadow: 0 2rem 3rem -1rem rgba(42, 49, 57, 0.5); | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-3 .mejs-overlay-button:hover, | |
| .front-page-3 .mejs-overlay-button:focus { | |
| transform: scale(1.05); | |
| } | |
| .front-page-3 .mejs-overlay-button:after { | |
| display: block; | |
| color: #2a3139; | |
| line-height: 1; | |
| content: '►'; | |
| } | |
| .front-page-3 iframe { | |
| transform: scale(1.01); | |
| } | |
| /* ## Front Page 4 | |
| --------------------------------------------- */ | |
| .front-page-4 .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .front-page-4 .widget:first-of-type { | |
| margin-bottom: 50px; | |
| margin-bottom: 5rem; | |
| } | |
| /* ## Front Page 5 | |
| --------------------------------------------- */ | |
| .front-page-5 { | |
| padding: 0; | |
| border: none !important; | |
| text-align: center; | |
| } | |
| .front-page-5 .wrap { | |
| width: 100%; | |
| min-width: 100%; | |
| padding: 0; | |
| } | |
| .front-page-5 .widget-title { | |
| margin: 0 0 50px; | |
| margin: 0 0 5rem; | |
| text-align: center; | |
| } | |
| .front-page-5 .widget-subtitle { | |
| margin: 100px 0 1em; | |
| margin: 10rem 0 1em; | |
| text-align: center; | |
| } | |
| .front-page-5 .display-posts-listing { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: 100vw; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .front-page-5 .listing-item { | |
| overflow: hidden; | |
| position: relative; | |
| width: 100vw; | |
| margin: 0; | |
| padding: 0; | |
| text-align: center; | |
| } | |
| .front-page-5 .image { | |
| display: block; | |
| } | |
| .front-page-5 .image:before { | |
| display: block !important; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(42, 49, 57, 0.5); | |
| content: ''; | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-5 .image:before { | |
| opacity: 0; | |
| } | |
| .front-page-5 .image:hover:before, | |
| .front-page-5 .image:focus:before { | |
| opacity: 1; | |
| } | |
| .front-page-5 .image:hover + .title, | |
| .front-page-5 .image:focus + .title { | |
| top: 50%; | |
| opacity: 1; | |
| } | |
| .front-page-5 .title { | |
| position: absolute; | |
| z-index: 2; | |
| top: 100%; | |
| left: 50%; | |
| opacity: 0; | |
| color: #ffffff; | |
| font-size: 1em; | |
| font-weight: 700; | |
| text-decoration: none; | |
| transform: translate(-50%, -50%); | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-5 img { | |
| min-width: 100%; | |
| transition: all 0.3s ease; | |
| } | |
| /* ## Front Page 6 | |
| --------------------------------------------- */ | |
| .front-page-6 { | |
| background: #0072ff; | |
| background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1); | |
| border: none !important; | |
| color: #ffffff; | |
| } | |
| .front-page-6 .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .front-page-6 .wrap:before, | |
| .front-page-6 .wrap:after { | |
| display: none; | |
| } | |
| .front-page-6 .widget:last-of-type .button { | |
| margin-bottom: 0; | |
| } | |
| .front-page-6 p { | |
| max-width: 768px; | |
| color: #ffffff; | |
| } | |
| .front-page-6 .alignright { | |
| margin-left: 0; | |
| } | |
| /* ## Front Page 7 | |
| --------------------------------------------- */ | |
| .front-page-7 { | |
| text-align: center; | |
| } | |
| .front-page-7 .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| padding: 0; | |
| } | |
| .front-page-7 .wrap:before, | |
| .front-page-7 .wrap:after { | |
| display: none; | |
| } | |
| .front-page-7 .widget { | |
| width: 100%; | |
| } | |
| .front-page-7 .pricing-table { | |
| margin-right: 6vw; | |
| margin-left: 6vw; | |
| } | |
| .front-page-7 hr { | |
| max-width: 88vw; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| .front-page-7 ul blockquote { | |
| padding-right: calc(2em + 6vw); | |
| padding-left: calc(2em + 6vw); | |
| } | |
| /* ## Front Page 8 | |
| --------------------------------------------- */ | |
| .front-page-8 .wrap { | |
| position: relative; | |
| } | |
| .front-page-8 .widget-wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .front-page-8 .widget-title { | |
| width: 100%; | |
| margin-bottom: 1.618em; | |
| text-align: center; | |
| } | |
| .front-page-8 .widget-subtitle { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .front-page-8 .entry { | |
| padding: 30px; | |
| padding: 3rem; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-8 .entry:hover, | |
| .front-page-8 .entry:focus { | |
| box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2); | |
| } | |
| .front-page-8 .entry > a { | |
| display: block; | |
| width: calc(100% + 6rem); | |
| max-width: calc(100% + 6rem); | |
| margin: 0; | |
| margin: -30px -30px 30px; | |
| margin: -3rem -3rem 3rem; | |
| border-radius: 3px 3px 0 0; | |
| } | |
| .front-page-8 .entry > a img { | |
| border-radius: 3px 3px 0 0; | |
| } | |
| .front-page-8 .entry p:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .front-page-8 .entry-title { | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .front-page-8 p.entry-meta { | |
| -ms-flex-order: 1; | |
| order: 1; | |
| font-size: small; | |
| } | |
| .front-page-8 p.entry-meta:last-of-type { | |
| margin-bottom: 1em; | |
| } | |
| /* ## Front Page 9 | |
| --------------------------------------------- */ | |
| .front-page-9 { | |
| position: relative; | |
| color: #ffffff; | |
| background-position: center; | |
| background-size: cover; | |
| text-align: center; | |
| } | |
| .front-page-9:before { | |
| display: block !important; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(42, 49, 57, 0.5); | |
| content: ''; | |
| pointer-events: none; | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-9 .widget { | |
| position: relative; | |
| z-index: 2; | |
| max-width: 768px; | |
| margin: 0 auto; | |
| } | |
| .front-page-9 .widget-wrap { | |
| height: 100%; | |
| } | |
| .front-page-9 .widget_media_image { | |
| position: absolute; | |
| z-index: 0; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| max-width: 100%; | |
| padding: 0; | |
| } | |
| .front-page-9 .widget_media_image figure { | |
| width: 100%; | |
| min-width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .front-page-9 .widget_media_image img { | |
| width: 100%; | |
| height: 100% !important; | |
| object-fit: cover; | |
| object-position: center; | |
| } | |
| .front-page-9 .widget_media_image figcaption { | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| position: absolute !important; | |
| width: 1px; | |
| width: 0.1rem; | |
| height: 1px; | |
| height: 0.1rem; | |
| border: 0; | |
| background-color: #ffffff; | |
| } | |
| .front-page-9 p { | |
| color: #eceef1; | |
| } | |
| .front-page-9 form { | |
| margin-top: 1.382em; | |
| } | |
| .front-page-9 ::-moz-placeholder { | |
| opacity: 1; | |
| color: #eceef1; | |
| } | |
| .front-page-9 ::-webkit-input-placeholder { | |
| color: #eceef1; | |
| } | |
| .front-page-9 input { | |
| display: block; | |
| margin: 0 auto 1em; | |
| border: 0; | |
| color: #ffffff; | |
| background-color: rgba(255, 255, 255, 0.25); | |
| transition: all 0.3s ease; | |
| } | |
| .front-page-9 input[type='submit'] { | |
| width: auto; | |
| margin-bottom: 0; | |
| } | |
| .front-page-9 input:hover, | |
| .front-page-9 input:focus { | |
| background-color: rgba(255, 255, 255, 0.3); | |
| } | |
| /* # Media Queries | |
| --------------------------------------------- */ | |
| @media (min-width: 384px) { | |
| .before-header p { | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| margin: 0 1em 0 0; | |
| } | |
| .has-hero-slider .front-page-1 h2 { | |
| font-size: 2.2em; | |
| line-height: 1.236; | |
| } | |
| .has-hero-slider .front-page-1 p { | |
| line-height: 1.618; | |
| } | |
| } | |
| @media (min-width: 512px) { | |
| .button + button, | |
| .button + .button, | |
| button + button, | |
| button + .button, | |
| input[type='button'] + button, | |
| input[type='button'] + .button, | |
| input[type='reset'] + button, | |
| input[type='reset'] + .button, | |
| input[type='submit'] + button, | |
| input[type='submit'] + .button, | |
| .wp-block-button a + button, | |
| .wp-block-button a + .button { | |
| clear: none; | |
| margin-top: 0; | |
| } | |
| .gallery-item { | |
| width: 48.71795%; | |
| margin-bottom: 2.5rem; | |
| } | |
| .gallery-item:nth-of-type(odd) { | |
| clear: both; | |
| margin-left: 0; | |
| } | |
| .after-entry .enews input { | |
| max-width: 38.46154%; | |
| margin-left: 2.5641%; | |
| } | |
| .after-entry .enews input:first-of-type { | |
| margin-left: 0; | |
| } | |
| .blocks-gallery-image { | |
| width: 48.71795%; | |
| margin-bottom: 2.5641%; | |
| } | |
| .blocks-gallery-image:nth-of-type(odd) { | |
| clear: both; | |
| margin-left: 0; | |
| } | |
| /*.home .content .entry,*/ | |
| .blog .content .entry, | |
| .archive .content .entry, | |
| .search-results .content .entry { | |
| width: 48.71795%; | |
| margin-bottom: 2.5rem; | |
| margin-left: 2.5641%; | |
| } | |
| /*.home .content .entry:nth-of-type(odd),*/ | |
| .blog .content .entry:nth-of-type(odd), | |
| .archive .content .entry:nth-of-type(odd), | |
| .search-results .content .entry:nth-of-type(odd) { | |
| margin-left: 0; | |
| } | |
| .archive.genesis-pro-portfolio .entry { | |
| width: 48.71795%; | |
| margin-bottom: 2.5rem; | |
| margin-left: 2.5641%; | |
| } | |
| .archive.genesis-pro-portfolio .entry:nth-of-type(odd) { | |
| margin-left: 0; | |
| } | |
| .has-hero-slider .front-page-1 .slick-arrow { | |
| visibility: visible; | |
| } | |
| .front-page-5 .listing-item { | |
| width: 50vw; | |
| } | |
| .front-page-9 input { | |
| display: inline-block; | |
| width: auto; | |
| margin: 0 0.2em 1em; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| body { | |
| font-size: 1.8rem; | |
| } | |
| body > div { | |
| font-size: 1.8rem; | |
| } | |
| h1 { | |
| font-size: 3em; | |
| } | |
| .wp-video-shortcode { | |
| width: auto; | |
| } | |
| .content-sidebar-wrap, | |
| .wrap { | |
| width: 88%; | |
| max-width: 1152px; | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .contact-page .site-inner { | |
| padding-top: 10rem; | |
| } | |
| .contact-page.has-before-header .site-inner { | |
| padding-top: 14rem; | |
| } | |
| .content { | |
| padding: 6rem; | |
| } | |
| /*.home.page .content { | |
| margin: 0; | |
| }*/ | |
| .blog .content, | |
| .archive .content, | |
| .search-results .content { | |
| padding: 6rem 0; | |
| } | |
| .page .content, | |
| .single .content, | |
| .error404 .content { | |
| margin: -6rem auto 0; | |
| } | |
| .page .content:before, | |
| .single .content:before, | |
| .error404 .content:before { | |
| display: block; | |
| } | |
| .landing-page .content { | |
| margin-top: 0; | |
| } | |
| .landing-page .content:before { | |
| display: none; | |
| } | |
| .one-half, | |
| .one-third, | |
| .one-fourth, | |
| .one-fifth, | |
| .one-sixth, | |
| .two-thirds, | |
| .two-fourths, | |
| .two-fifths, | |
| .two-sixths, | |
| .three-fourths, | |
| .three-fifths, | |
| .three-sixths, | |
| .four-fifths, | |
| .four-sixths, | |
| .five-sixths { | |
| float: left; | |
| clear: none; | |
| margin-left: 2.5641%; | |
| } | |
| .one-half, | |
| .three-sixths, | |
| .two-fourths { | |
| width: 48.71795%; | |
| } | |
| .one-third, | |
| .two-sixths { | |
| width: 31.62393%; | |
| } | |
| .four-sixths, | |
| .two-thirds { | |
| width: 65.81197%; | |
| } | |
| .one-fourth { | |
| width: 23.07692%; | |
| } | |
| .three-fourths { | |
| width: 74.35897%; | |
| } | |
| .one-fifth { | |
| width: 17.94872%; | |
| } | |
| .two-fifths { | |
| width: 38.46154%; | |
| } | |
| .three-fifths { | |
| width: 58.97436%; | |
| } | |
| .four-fifths { | |
| width: 79.48718%; | |
| } | |
| .one-sixth { | |
| width: 14.52991%; | |
| } | |
| .five-sixths { | |
| width: 82.90598%; | |
| } | |
| .first { | |
| clear: both; | |
| margin-left: 0; | |
| } | |
| .gallery-item { | |
| margin-bottom: 2.5rem; | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-item:nth-of-type(odd) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-2 .gallery-item { | |
| width: 48.71795%; | |
| } | |
| .gallery-columns-2 .gallery-item:nth-of-type(odd) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-3 .gallery-item { | |
| width: 31.62393%; | |
| } | |
| .gallery-columns-3 .gallery-item:nth-of-type(odd) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-3 .gallery-item:nth-of-type(3n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-4 .gallery-item { | |
| width: 23.07692%; | |
| } | |
| .gallery-columns-4 .gallery-item:nth-of-type(3n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-4 .gallery-item:nth-of-type(4n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-5 .gallery-item { | |
| width: 17.94872%; | |
| } | |
| .gallery-columns-5 .gallery-item:nth-of-type(4n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-5 .gallery-item:nth-of-type(5n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-6 .gallery-item { | |
| width: 14.52991%; | |
| } | |
| .gallery-columns-6 .gallery-item:nth-of-type(5n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-6 .gallery-item:nth-of-type(6n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-7 .gallery-item { | |
| width: 12.08791%; | |
| } | |
| .gallery-columns-7 .gallery-item:nth-of-type(6n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-7 .gallery-item:nth-of-type(7n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-8 .gallery-item { | |
| width: 10.25641%; | |
| } | |
| .gallery-columns-8 .gallery-item:nth-of-type(7n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-8 .gallery-item:nth-of-type(8n + 1) { | |
| margin-left: 0; | |
| } | |
| .gallery-columns-9 .gallery-item { | |
| width: 8.83191%; | |
| } | |
| .gallery-columns-9 .gallery-item:nth-of-type(8n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .gallery-columns-9 .gallery-item:nth-of-type(9n + 1) { | |
| margin-left: 0; | |
| } | |
| .pricing-table + .pricing-table { | |
| margin: 10rem 0; | |
| } | |
| .pricing-table + hr { | |
| margin: 10rem 0; | |
| } | |
| .author-box { | |
| padding: 6rem 0; | |
| } | |
| .blocks-gallery-image { | |
| margin-bottom: 2.5641%; | |
| margin-left: 2.5641%; | |
| } | |
| .blocks-gallery-image:nth-of-type(odd) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-2 .blocks-gallery-image { | |
| width: 48.71795%; | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(odd) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-3 .blocks-gallery-image { | |
| width: 31.62393%; | |
| } | |
| .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(odd) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-4 .blocks-gallery-image { | |
| width: 23.07692%; | |
| } | |
| .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(3n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-5 .blocks-gallery-image { | |
| width: 17.94872%; | |
| } | |
| .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(4n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-6 .blocks-gallery-image { | |
| width: 14.52991%; | |
| } | |
| .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(5n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-7 .blocks-gallery-image { | |
| width: 12.08791%; | |
| } | |
| .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(6n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-8 .blocks-gallery-image { | |
| width: 10.25641%; | |
| } | |
| .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(7n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n + 1) { | |
| margin-left: 0; | |
| } | |
| .wp-block-gallery.columns-9 .blocks-gallery-image { | |
| width: 8.83191%; | |
| } | |
| .wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(8n + 1) { | |
| margin-left: 2.5641%; | |
| } | |
| .wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(9n + 1) { | |
| margin-left: 0; | |
| } | |
| .hero-section { | |
| padding: 16rem 0 16rem; | |
| } | |
| .blog .hero-section, | |
| .archive .hero-section, | |
| .search-results .hero-section { | |
| padding-bottom: 10rem; | |
| } | |
| .hero-section .wrap { | |
| max-width: 896px; | |
| } | |
| .nav-primary, | |
| .nav-secondary { | |
| right: calc(-40rem + -6vw); | |
| } | |
| .nav-primary.activated, | |
| .nav-secondary.activated { | |
| right: -6vw; | |
| } | |
| .entry-footer { | |
| margin-top: 4rem; | |
| padding: 4rem 0; | |
| } | |
| .comment-respond, | |
| .entry-comments, | |
| .entry-pings { | |
| padding: 6rem 0; | |
| } | |
| .comment-header { | |
| margin-bottom: 2em; | |
| } | |
| .sidebar .widget { | |
| padding: 3rem 0; | |
| } | |
| .sidebar .widget:first-of-type { | |
| padding-top: 3rem; | |
| } | |
| .blog .sidebar .widget, | |
| .archive .sidebar .widget { | |
| margin-bottom: 3rem; | |
| padding: 3rem; | |
| } | |
| .site-footer .widget-area { | |
| margin-bottom: 0; | |
| } | |
| .before-footer { | |
| padding: 7.5rem 0; | |
| } | |
| .before-footer p { | |
| margin: 0; | |
| } | |
| .footer-widgets { | |
| padding: 10rem 0 0; | |
| } | |
| .footer-widgets .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .footer-widgets .widget-area { | |
| width: 31.62393%; | |
| margin-left: 2.5641%; | |
| } | |
| .footer-widgets .widget-area.footer-widgets-1 { | |
| margin-left: 0; | |
| } | |
| .footer-widgets .widget-area.footer-widgets-2 { | |
| margin-bottom: 0; | |
| } | |
| .footer-credits { | |
| margin-top: 10rem; | |
| } | |
| .footer-credits .wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .footer-credits .widget:last-of-type { | |
| text-align: right; | |
| } | |
| .footer-credits .simple-social-icons { | |
| margin-bottom: 0; | |
| } | |
| .front-page-widget { | |
| padding: 10rem 0; | |
| } | |
| .has-hero-slider .front-page-1 { | |
| padding: 0; | |
| } | |
| .has-hero-slider .front-page-1 .slick-slider { | |
| max-height: 100vh; | |
| } | |
| .has-hero-slider .front-page-1 .slick-arrow { | |
| top: 50%; | |
| } | |
| .has-hero-slider .front-page-1 h2 { | |
| font-size: 3em; | |
| } | |
| .front-page-1.hero-section { | |
| padding: 16rem 0; | |
| } | |
| .front-page-1.hero-section .wrap { | |
| width: 88%; | |
| max-width: 1152px; | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .front-page-2 { | |
| padding: 5rem 0; | |
| } | |
| .front-page-2 .widget-wrap { | |
| width: calc(100% + 10vw); | |
| max-width: calc(100% + 10vw); | |
| margin: 0 -5vw; | |
| } | |
| .front-page-2 .gallery img { | |
| padding: 0 5vw; | |
| } | |
| .no-js .front-page-2 .gallery img { | |
| padding: 0 1rem; | |
| } | |
| .front-page-2 .gallery-item { | |
| margin: 0 !important; | |
| } | |
| .no-js .front-page-2 .gallery-item { | |
| max-width: 100%; | |
| } | |
| .front-page-3 .widget hr { | |
| margin: 7.5rem 0; | |
| } | |
| .front-page-3 .mejs-container { | |
| min-width: 100% !important; | |
| max-width: 100%; | |
| } | |
| .front-page-3 .mejs-mediaelement { | |
| box-shadow: 0 3rem 9rem -3rem rgba(42, 49, 57, 0.236); | |
| } | |
| .front-page-3 .mejs-overlay-button { | |
| width: 8rem; | |
| height: 8rem; | |
| } | |
| .front-page-4 .pull-left { | |
| position: relative; | |
| right: 0; | |
| width: 150%; | |
| max-width: 150% !important; | |
| margin-left: -50%; | |
| } | |
| .front-page-5 { | |
| padding: 0; | |
| } | |
| .front-page-5 .listing-item { | |
| width: 33.33333333333333vw; | |
| } | |
| .front-page-6 { | |
| padding: 10rem 0; | |
| } | |
| .front-page-6 .widget { | |
| margin-bottom: 0; | |
| } | |
| .front-page-6 p { | |
| margin-bottom: 0; | |
| } | |
| .front-page-7 .pricing-table { | |
| margin-top: 5rem; | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .front-page-7 hr { | |
| max-width: 100%; | |
| } | |
| .front-page-7 ul blockquote { | |
| padding-right: 2em; | |
| padding-left: 2em; | |
| } | |
| .front-page-8 .entry { | |
| clear: none; | |
| width: 31.62393%; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| margin-left: 2.5641%; | |
| } | |
| .front-page-8 .entry:nth-of-type(3n + 1) { | |
| margin-left: 0; | |
| } | |
| .front-page-8 .entry:nth-of-type(1n + 4) { | |
| margin-top: 2.5641%; | |
| } | |
| .front-page-9 .wrap { | |
| padding: 5rem 0; | |
| } | |
| .front-page-9 input { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media (min-width: 896px) { | |
| .content-sidebar-wrap { | |
| display: -ms-flexbox; | |
| display: flex; | |
| padding: 0; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| } | |
| .content-sidebar-wrap:before, | |
| .content-sidebar-wrap:after { | |
| display: none; | |
| } | |
| .sidebar-content .content-sidebar-wrap { | |
| -ms-flex-direction: row-reverse; | |
| flex-direction: row-reverse; | |
| } | |
| .single .content, | |
| .contact-page .content { | |
| width: 768px; | |
| } | |
| .single-product .content { | |
| width: 896px; | |
| } | |
| .content { | |
| width: 100%; | |
| } | |
| .sidebar-primary { | |
| width: 25%; | |
| padding-top: 3rem; | |
| } | |
| .blog .sidebar-primary, | |
| .archive .sidebar-primary { | |
| padding-top: 6rem; | |
| } | |
| .sidebar-content .content, | |
| .content-sidebar .content { | |
| width: calc(75% - 5rem); | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| .single .gallery { | |
| max-width: 896px; | |
| } | |
| .after-entry { | |
| width: calc(100% + 12rem); | |
| max-width: calc(100% + 12rem); | |
| margin: 0 -6rem; | |
| padding: 6rem; | |
| } | |
| .search-form .search-toggle { | |
| display: block; | |
| } | |
| .site-header .search-form input[type='search'] { | |
| display: none; | |
| position: absolute; | |
| top: 0; | |
| right: 2em; | |
| bottom: 0; | |
| margin: auto 1em auto 0; | |
| } | |
| .sticky-header .site-header.shrink > .wrap { | |
| height: 7rem; | |
| } | |
| .site-header > .wrap { | |
| height: 10rem; | |
| padding: 0; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| .no-js .site-header > .wrap { | |
| padding: 0; | |
| } | |
| .site-description { | |
| line-height: 1.382; | |
| text-align: left; | |
| } | |
| .before-header { | |
| width: 100vw; | |
| max-width: 100%; | |
| } | |
| .sticky-header .shrink .before-header { | |
| margin-top: -4rem; | |
| } | |
| .before-header .wrap { | |
| width: 88%; | |
| max-width: 1152px; | |
| padding: 0; | |
| } | |
| .header-widget-area { | |
| display: block; | |
| margin: 0 0 0 0.5em; | |
| -ms-flex-order: 5; | |
| order: 5; | |
| } | |
| .hero-section { | |
| padding: 20rem 0 16rem; | |
| } | |
| .has-before-header .hero-section { | |
| padding-top: 24rem; | |
| } | |
| .has-nav-secondary .hero-section { | |
| padding-top: 26rem; | |
| } | |
| .has-before-header.has-nav-secondary .hero-section { | |
| padding-top: 30rem; | |
| } | |
| .blog .hero-section, | |
| .archive .hero-section, | |
| .search-results .hero-section { | |
| padding-bottom: 10rem; | |
| } | |
| .menu { | |
| font-size: 1.4rem; | |
| } | |
| .menu .rss, | |
| .menu .date, | |
| .menu .search, | |
| .menu .twitter { | |
| margin-top: 0; | |
| margin-left: 0.618em; | |
| } | |
| .menu-item { | |
| display: -ms-flexbox; | |
| display: flex; | |
| width: auto; | |
| height: 10rem; | |
| padding: 0 0.618em; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex-order: initial; | |
| order: initial; | |
| } | |
| .shrink .menu-item { | |
| height: 7rem; | |
| } | |
| .menu-item:first-of-type > a { | |
| padding-left: 0; | |
| } | |
| .menu-item:last-of-type a { | |
| padding-right: 0; | |
| } | |
| .menu-item.button { | |
| margin: 0 0 0 1em; | |
| } | |
| .sub-menu { | |
| position: absolute; | |
| z-index: 99; | |
| top: 100%; | |
| left: 0; | |
| width: 20rem; | |
| margin-left: -1em; | |
| padding: 1em 0; | |
| border: 1px solid #eceef1; | |
| border-radius: 3px; | |
| background-color: #f6f8fa; | |
| } | |
| .sub-menu:before { | |
| display: block; | |
| } | |
| .sub-menu .menu-item { | |
| height: auto; | |
| padding: 0.5em 1em; | |
| } | |
| .sub-menu .menu-item:first-of-type { | |
| margin-top: 0; | |
| } | |
| .sub-menu a { | |
| position: relative; | |
| padding: 0; | |
| color: #90959f; | |
| word-wrap: break-word; | |
| } | |
| .sub-menu .sub-menu { | |
| top: -0.5em; | |
| left: -0.1rem; | |
| margin: -0.1rem 0 0 19.9rem; | |
| padding-left: 0; | |
| border: 1px solid #eceef1; | |
| } | |
| .nav-primary, | |
| .nav-secondary { | |
| display: block; | |
| overflow: visible; | |
| position: relative; | |
| top: auto; | |
| right: auto; | |
| bottom: auto; | |
| left: auto; | |
| width: auto; | |
| max-width: none; | |
| height: auto; | |
| margin: 0; | |
| padding: 0; | |
| border: none; | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| .nav-primary.activated, | |
| .nav-secondary.activated { | |
| right: auto; | |
| box-shadow: none; | |
| } | |
| .no-js .nav-primary, | |
| .no-js | |
| .nav-secondary { | |
| display: block; | |
| width: auto; | |
| } | |
| .nav-primary .menu, | |
| .nav-secondary .menu { | |
| padding: 0; | |
| } | |
| .nav-secondary { | |
| width: 100%; | |
| border-top: 1px solid rgba(198, 202, 206, 0.3); | |
| } | |
| .nav-secondary .menu-item { | |
| height: 6rem; | |
| } | |
| .sticky-header .shrink .nav-secondary .menu-item { | |
| height: 5rem; | |
| } | |
| .nav-secondary .menu > .menu-item:first-of-type { | |
| padding-left: 0; | |
| } | |
| .menu-toggle { | |
| display: none; | |
| } | |
| .sub-menu-toggle { | |
| display: none; | |
| } | |
| /*.home .content .entry,*/ | |
| .blog .content .entry, | |
| .archive .content .entry, | |
| .search-results .content .entry { | |
| width: 31.62393%; | |
| margin-bottom: 2.5rem; | |
| } | |
| /*.home .content .entry:nth-of-type(odd),*/ | |
| .blog .content .entry:nth-of-type(odd), | |
| .archive .content .entry:nth-of-type(odd), | |
| .search-results .content .entry:nth-of-type(odd) { | |
| margin-left: 2.5641%; | |
| } | |
| /*.home .content .entry:nth-of-type(3n + 1),*/ | |
| .blog .content .entry:nth-of-type(3n + 1), | |
| .archive .content .entry:nth-of-type(3n + 1), | |
| .search-results .content .entry:nth-of-type(3n + 1) { | |
| margin-left: 0; | |
| } | |
| .pagination { | |
| padding: 5rem 0; | |
| } | |
| .wpmenucart-contents { | |
| margin-left: 1em; | |
| } | |
| .has-hero-slider .front-page-1 .slick-wrap { | |
| width: 88%; | |
| max-width: 1152px; | |
| padding-top: 10rem; | |
| } | |
| .has-before-header .has-hero-slider .front-page-1 .slick-wrap { | |
| padding-top: 14rem; | |
| } | |
| .has-nav-secondary .has-hero-slider .front-page-1 .slick-wrap { | |
| padding-top: 16rem; | |
| } | |
| .has-nav-secondary.has-before-header .has-hero-slider .front-page-1 .slick-wrap { | |
| padding-top: 20rem; | |
| } | |
| } | |
| @media (min-width: 1152px) { | |
| .header-widget-area { | |
| margin: 0 0 0 2em; | |
| } | |
| .menu-item { | |
| padding: 0 1em; | |
| } | |
| .front-page-2 { | |
| padding: 7.5rem 0; | |
| } | |
| .front-page-2 .widget-wrap { | |
| width: calc(100% + 7.5rem); | |
| max-width: calc(100% + 7.5rem); | |
| margin: 0 -3.75rem; | |
| } | |
| .front-page-2 .gallery img { | |
| padding: 0 3.75rem; | |
| } | |
| } | |
| @media (min-width: 1280px) { | |
| .hero-section { | |
| padding: 24rem 0 20rem; | |
| } | |
| .has-before-header .hero-section { | |
| padding-top: 28rem; | |
| } | |
| .has-nav-secondary .hero-section { | |
| padding-top: 30rem; | |
| } | |
| .has-before-header.has-nav-secondary .hero-section { | |
| padding-top: 34rem; | |
| } | |
| .blog .hero-section, | |
| .archive .hero-section, | |
| .search-results .hero-section { | |
| padding-bottom: 14rem; | |
| } | |
| .menu .rss, | |
| .menu .date, | |
| .menu .search, | |
| .menu .twitter { | |
| margin-left: 1.5em; | |
| } | |
| .comment-respond input[type='email'], | |
| .comment-respond input[type='text'], | |
| .comment-respond input[type='url'] { | |
| width: 50%; | |
| } | |
| } | |
| @media (max-width: 768px) { | |
| .pricing-table div { | |
| width: 100%; | |
| } | |
| .contact-page .agm-canvas { | |
| height: 30rem !important; | |
| } | |
| } | |
| @media print { | |
| *, | |
| *:before, | |
| *:after { | |
| color: #2a3139 !important; | |
| background: transparent !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important; | |
| } | |
| a, | |
| a:visited { | |
| text-decoration: underline; | |
| } | |
| a[href]:after { | |
| content: ' (' attr(href) ')'; | |
| } | |
| abbr[title]:after { | |
| content: ' (' attr(title) ')'; | |
| } | |
| a[href^='javascript:']:after, | |
| a[href^='#']:after, | |
| .site-title > a:after { | |
| content: ''; | |
| } | |
| thead { | |
| display: table-header-group; | |
| } | |
| img, | |
| tr { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| max-width: 100% !important; | |
| } | |
| @page { | |
| margin: 2cm 0.5cm; | |
| } | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| blockquote, | |
| pre { | |
| border: 1px solid #eceef1; | |
| page-break-inside: avoid; | |
| } | |
| .content, | |
| .content-sidebar { | |
| width: 100%; | |
| } | |
| button, | |
| input, | |
| select, | |
| textarea, | |
| .breadcrumb, | |
| .comment-edit-link, | |
| .comment-form, | |
| .comment-list .reply a, | |
| .comment-reply-title, | |
| .edit-link, | |
| .entry-comments-link, | |
| .entry-footer, | |
| .genesis-box, | |
| .header-widget-area, | |
| .hidden-print, | |
| .home-top, | |
| .nav-primary, | |
| .nav-secondary, | |
| .post-edit-link, | |
| .sidebar { | |
| display: none !important; | |
| } | |
| .title-area { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .site-title > a { | |
| margin: 0; | |
| text-decoration: none; | |
| text-indent: 0; | |
| } | |
| .site-inner { | |
| position: relative; | |
| top: -10rem; | |
| padding-top: 0; | |
| } | |
| .author-box { | |
| margin-bottom: 0; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| orphans: 3; | |
| page-break-after: avoid; | |
| page-break-inside: avoid; | |
| widows: 3; | |
| } | |
| img { | |
| page-break-after: avoid; | |
| page-break-inside: avoid; | |
| } | |
| blockquote, | |
| pre, | |
| table { | |
| page-break-inside: avoid; | |
| } | |
| dl, | |
| ol, | |
| ul { | |
| page-break-before: avoid; | |
| } | |
| } | |
| /*# sourceMappingURL=style.css.map */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment