/* * Theme Name: Corporate Pro * Theme URI: https://seothemes.com/themes/corporate-pro/ * Author: SEO Themes * Author URI: https://seothemes.com * Description: The Corporate Pro theme for the Genesis Framework. * Version: 1.1.1 * License: GPL-3.0-or-later * License URI: http://www.gnu.org/licenses/gpl-3.0.html * 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, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready * Text Domain: corporate-pro * Domain Path: /languages * Template: genesis */ @charset 'UTF-8'; /* # 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 - 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 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; -webkit-text-decoration: underline dotted; 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 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: -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: 1.6rem; font-weight: 400; line-height: 1.618; word-break: break-word; -webkit-font-smoothing: antialiased; -moz-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale; } body.boxed-page { background-color: #f6f8fa; } body > div { 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: 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: 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: 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: 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 { -o-object-fit: cover; object-fit: cover; } .no-js .wp-video-shortcode { width: 100%; border: 1px solid #eceef1; background-color: #f6f8fa; } /* ## Tables --------------------------------------------- */ table { width: 100%; 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: 0.1rem; 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: 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: 6rem; } .content-sidebar-wrap { position: relative; z-index: 1; max-width: 1152px; } /* ## Content Widths and Positions --------------------------------------------- */ .content { display: flex; width: 100%; min-height: 40rem; padding: 4rem 0; flex-wrap: wrap; } .front-page.page .content { width: 100%; max-width: 100%; margin: 0; padding: 0; } .blog .content, .archive .content, .search-results .content { margin-top: 0; padding: 4rem 0; background-color: transparent; } .blog .content:before, .archive .content:before, .search-results .content:before { display: none; } .front-page.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: 40rem; box-shadow: 0 -5rem 10rem rgba(42, 49, 57, 0.05); content: ''; pointer-events: none; } .sidebar-primary { 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: flex; flex-wrap: wrap; justify-content: space-between; } .gallery a, .gallery img { display: block; } .single .gallery { display: inline-flex; position: relative; left: 50%; width: 100vw; max-width: 768px; margin: 1.618em auto; -webkit-transform: translate(-50%); 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: flex; margin: 0 auto; border: 1px solid #eceef1; border-radius: 3px; flex-wrap: wrap; justify-content: space-between; align-items: center; clear: both; } .pricing-table:before, .pricing-table:after { display: block; clear: both; content: ''; } .pricing-table + .pricing-table { margin: 5rem auto; } .pricing-table + hr { margin: 5rem 0; padding: 0; } .pricing-table div { 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); -webkit-transform: scale(1.05); transform: scale(1.05); } .pricing-table h4 { 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: 2rem; border-radius: 50%; } .alignright .avatar { margin-left: 2rem; } /* ## Genesis --------------------------------------------- */ .breadcrumb { width: 100%; padding: 1rem 0 0; color: #c6cace; 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: 2rem auto; padding: 6vw; border: 1px solid #eceef1; border-radius: 3px; background-color: #f6f8fa; text-align: center; } .after-entry .enews form { display: flex; margin: 1em 0 0; flex-wrap: wrap; 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: 4rem; 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: 2rem; } /* ## Search Form --------------------------------------------- */ .search-form { display: flex; position: relative; width: 100%; align-items: center; justify-content: flex-start; clear: both; } .search-form:before, .search-form:after { display: block; clear: both; content: ''; } .search-form .search-toggle { display: none; width: 2.5rem; height: 2.5rem; background: 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: 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: 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: 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 --------------------------------------------- */ .full-width-content .alignwide { position: relative; left: 50%; width: 100vw; max-width: 896px; -webkit-transform: translate(-50%); transform: translate(-50%); } .full-width-content .alignwide img { display: inline-block; margin: 1.618em auto; } .full-width-content .alignfull { position: relative; left: 50%; width: 100vw; max-width: none; margin-left: -50vw; } .content-sidebar .full-width-content .alignfull, .sidebar-content .full-width-content .alignfull { max-width: calc(100% + 12rem); } .full-width-content .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: relative; z-index: 100; width: 100%; border-bottom: 1px solid rgba(198, 202, 206, 0.3); background-color: #ffffff; transition: all 0.3s ease; } .js.has-sticky-header .site-header { position: fixed; top: 0; } .js.has-sticky-header .site-header.shrink { background-color: #ffffff; box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } .boxed-page .site-header { max-width: 1152px; margin: 0 auto; } .contact-page .site-header { background-color: #ffffff; } .site-header > .wrap { display: flex; position: relative; height: 6rem; transition: height 0.3s ease; align-items: center; justify-content: space-between; flex-wrap: wrap; } .no-js .site-header > .wrap { height: auto; padding: 3rem 6vw; } /* ## Title Area --------------------------------------------- */ .title-area { display: block; position: relative; width: 15rem; margin: 0 auto 0 0; } .site-title { margin-bottom: 0; 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: 1.4rem; line-height: 1; overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 0.1rem; 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: flex; position: relative; 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: 1.2rem; flex-wrap: wrap; align-items: center; transition: all 0.3s ease; } .no-js .before-header { height: auto; padding-top: 1rem; padding-bottom: 1rem; } .menu .before-header { 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: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } .before-header .wrap:before, .before-header .wrap:after { display: none; } .before-header .widget { display: flex; margin-bottom: 0; align-items: center; } .before-header .widget:last-of-type { margin-bottom: 0; } .before-header .widget-wrap { width: 100%; } .before-header p { display: flex; align-items: center; } .before-header .fa { margin-right: 0.5em; } .before-header .fa:before { line-height: 1.618; } /* ## 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: 4rem 0; 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; } .hero-section a { color: #f6f8fa; } .hero-section a:hover, .hero-section a:focus { color: #009cff; } /* ## 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; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .woocommerce .wp-custom-header img, .wp-custom-header img, .wp-custom-header video, .wp-custom-header iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; 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: flex; width: 100%; font-size: 1.6rem; font-weight: 600; text-align: left; flex-wrap: wrap; 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: flex; margin-top: 1em; margin-left: 0; align-items: center; } .menu .rss { margin-left: 0; } .menu .rss a { margin-left: 1em; } .menu-item { display: block; position: relative; width: 100%; padding: 1rem 0; order: -1; } .menu-item.button { display: flex; margin: 1em 0; padding: 0; background: transparent; box-shadow: none; font-size: 1.2rem; 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: -0.5rem; left: 3rem; width: 1rem; height: 1rem; border-top: 1px solid #eceef1; border-left: 1px solid #eceef1; opacity: 1; background-color: #f6f8fa; content: ''; transition-delay: 0.3s; -webkit-transform: rotate(45deg); 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: fixed; top: 0; right: -40rem; bottom: 0; width: 93vw; max-width: 40rem; height: 100vh; margin: 0; 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: inline-flex; width: auto; 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 { justify-content: center; margin-bottom: 0; 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 { position: fixed; right: 6vw; } .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: 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: -0.5rem; transition: top 0.2s 0.2s, -webkit-transform 0.2s 0s; transition: top 0.2s 0.2s, transform 0.2s 0s; transition: top 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s; } .menu-toggle span:after { bottom: -0.5rem; transition: bottom 0.2s 0.2s, -webkit-transform 0.2s 0s; transition: bottom 0.2s 0.2s, transform 0.2s 0s; transition: bottom 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s; } .menu-toggle.activated span { background: none; } .menu-toggle.activated span:before { top: 0; transition: top 0.2s 0s, -webkit-transform 0.2s 0.2s; transition: top 0.2s 0s, transform 0.2s 0.2s; transition: top 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle.activated span:after { bottom: 0; transition: bottom 0.2s 0s, -webkit-transform 0.2s 0.2s; transition: bottom 0.2s 0s, transform 0.2s 0.2s; transition: bottom 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s; -webkit-transform: rotate(-45deg); 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: 0.2rem 0 -0.2rem; border: 0.4rem solid transparent; border-top-color: #2a3139; content: ''; } .sub-menu-toggle.activated:before { margin: -0.2rem 0 0.2rem; -webkit-transform: rotate(180deg); 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; } .front-page .content .entry.post, .blog .content .entry, .archive .content .entry, .search-results .content .entry { width: 100%; margin-bottom: 6vw; padding: 3rem; border: 1px solid #eceef1; border-radius: 3px; transition: all 0.3s ease; } .front-page .content .entry.post:hover, .front-page .content .entry.post: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: 4rem; color: #4d5968; line-height: 2; } .error404 .entry-content ol, .error404 .entry-content ul { 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: 0.4rem 0.8rem; border: 1px solid #eceef1; background-color: #f6f8fa; font-size: 1.4rem; line-height: 2; } .entry-content pre { display: block; margin: 0 0 1.382em; padding: 1rem 2rem; border: 1px solid #eceef1; border-radius: 3px; background-color: #f6f8fa; 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 6rem 2em; border: 0; border-top: 1px solid #eceef1; border-bottom: 1px solid #eceef1; background-color: #ffffff; text-align: center; -webkit-transform: translate(-50%); 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: 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: -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: 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: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 0.2em; } .entry-categories img, .entry-tags img { display: inline-flex; opacity: 0.618; } .entry-categories a, .entry-tags a { 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: 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: flex; justify-content: center; } .archive-pagination li { margin: 0 0.25em 0 0; } .archive-pagination a { display: block; padding: 0.5rem 1rem; border-radius: 3px; color: #2a3139; 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: 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: 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: 1rem; } .comment-reply-title a { 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: 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: 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: flex; flex-wrap: wrap; align-items: center; 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: 5rem 0 0; font-size: 1.5rem; } .footer-widgets .widget-title { margin-bottom: 1em; color: #2a3139; font-size: 1.6rem; } .footer-widgets .widget-area { 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: flex; } .footer-widgets .widget-area.footer-widgets-2 .widget { width: 48.71795%; } .footer-widgets .widget-area .widget { display: block; 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: flex; width: 100%; margin: 0; font-size: 1.5rem; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; } .footer-credits .wrap { padding: 4rem 0; border-top: 1px solid #eceef1; } .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: 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: 1.8rem; 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: flex; flex-wrap: wrap; 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: flex; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin-top: 100%; opacity: 0; pointer-events: none; align-items: 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: #ffffff; box-shadow: none; 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: 3rem; border: 1px solid #eceef1; border-top: 0; background-color: #ffffff; } /* ## Genesis Simple Share --------------------------------------------- */ .share-after { 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: 8rem; line-height: 1; content: '“'; } ul.testimonials-list blockquote { padding: 0 2em 1em; border: 0; } ul.testimonials-list img { width: 6rem; 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 { 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: 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: flex; margin: -0.5em -0.5em 0 0; padding: 0; flex-wrap: wrap; 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 { justify-content: center; } .simple-social-icons ul.alignleft { justify-content: flex-start; } .simple-social-icons ul.alignright { justify-content: flex-end; } /* ## WooCommerce Menu Cart --------------------------------------------- */ .wpmenucartli { margin-top: 1em; } .wpmenucart-contents { position: relative; margin-top: 1em; color: #2a3139; font-size: 1.8rem; text-decoration: none; } .wpmenucart-contents .cartcontents { display: flex; position: absolute; top: -0.4rem; right: -0.4rem; width: 1.2rem; height: 1.2rem; border-radius: 1.2rem; color: #ffffff; background-color: #009cff; box-shadow: 0 0 0 1px #ffffff; font-size: 0.7rem; font-weight: 700; line-height: 1; text-align: center; align-items: center; justify-content: center; } /* ## WP Featherlight --------------------------------------------- */ .featherlight .featherlight-close-icon { box-shadow: none; } /* ## Front Page --------------------------------------------- */ .front-page-widget { position: relative; width: 100%; 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 --------------------------------------------- */ .no-js.has-hero-slider .front-page-1 .slick-slide { min-height: 100%; } .no-js.has-hero-slider .front-page-1 .slick-slide:first-of-type { display: flex; align-items: center; } .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; } .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: 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: flex; align-items: center; justify-content: space-between; min-width: 100%; } /* ## Front Page 3 --------------------------------------------- */ .front-page-3 .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .front-page-3 .wrap:before, .front-page-3 .wrap:after { display: none; } .front-page-3 .widget hr { margin: 5rem 0; } .front-page-3 .icon_widget { align-self: flex-start; } .front-page-3 .icon_widget .widget-title { 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: flex; width: 6rem; height: 6rem; border-radius: 9rem; background-color: #ffffff; box-shadow: 0 2rem 3rem -1rem rgba(42, 49, 57, 0.5); align-items: center; justify-content: center; transition: all 0.3s ease; } .front-page-3 .mejs-overlay-button:hover, .front-page-3 .mejs-overlay-button:focus { -webkit-transform: scale(1.05); transform: scale(1.05); } .front-page-3 .mejs-overlay-button:after { display: block; color: #2a3139; line-height: 1; content: '►'; } .front-page-3 iframe { -webkit-transform: scale(1.01); transform: scale(1.01); } /* ## Front Page 4 --------------------------------------------- */ .front-page-4 .wrap { display: flex; flex-wrap: wrap; align-items: center; } .front-page-4 .widget:first-of-type { 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 5rem; text-align: center; } .front-page-5 .widget-subtitle { margin: 10rem 0 1em; text-align: center; } .front-page-5 .widget-wrap { display: flex; width: 100vw; flex-wrap: wrap; } .front-page-5 .entry.portfolio { overflow: hidden; position: relative; width: 100vw; margin: 0; padding: 0; text-align: center; } .front-page-5 .entry.portfolio > a { display: block; margin: 0; } .front-page-5 .entry.portfolio > a: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 .entry.portfolio > a:before { opacity: 0; } .front-page-5 .entry.portfolio > a:hover:before, .front-page-5 .entry.portfolio > a:focus:before { opacity: 1; } .front-page-5 .entry.portfolio > a:hover + .entry-header, .front-page-5 .entry.portfolio > a:focus + .entry-header { top: 50%; opacity: 1; } .front-page-5 .entry-header { position: absolute; z-index: 2; top: 100%; left: 50%; opacity: 0; color: #ffffff; font-size: 1em; font-weight: 700; text-decoration: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; transition: all 0.3s ease; } .front-page-5 .entry-header a { color: #ffffff; } .front-page-5 img { display: block; 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: flex; flex-wrap: wrap; justify-content: space-between; 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: flex; flex-wrap: wrap; align-items: center; 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: flex; flex-wrap: wrap; 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: 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: -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 { order: 2; } .front-page-8 p.entry-meta { 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; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .front-page-9 .widget_media_image figcaption { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 0.1rem; 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: 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; } .front-page .content .entry.post, .blog .content .entry, .archive .content .entry, .search-results .content .entry { width: 48.71795%; margin-bottom: 2.5rem; margin-left: 2.5641%; } .front-page .content .entry.post: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 .entry.portfolio { 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; } .front-page.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: 6rem 0; } .blog .hero-section .wrap, .archive .hero-section .wrap, .search-results .hero-section .wrap { padding-bottom: 0; } .hero-section .wrap { max-width: 896px; padding-bottom: 6rem; } .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: flex; 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: flex; flex-wrap: wrap; 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 .entry.portfolio { 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: flex; padding: 0; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .content-sidebar-wrap:before, .content-sidebar-wrap:after { display: none; } .sidebar-content .content-sidebar-wrap { 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; } .js.has-sticky-header .site-header.shrink > .wrap { height: 7rem; } .site-header > .wrap { height: 10rem; padding: 0; 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%; } .has-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; order: 5; } .hero-section { padding: 8rem 0; } .menu { font-size: 1.4rem; } .menu .rss, .menu .date, .menu .search, .menu .twitter { margin-top: 0; margin-left: 0.618em; } .menu-item { display: flex; width: auto; max-width: 30rem; height: 10rem; padding: 0 0.618em; align-items: center; 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; } .has-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; } .front-page .content .entry.post, .blog .content .entry, .archive .content .entry, .search-results .content .entry { width: 31.62393%; margin-bottom: 2.5rem; } .front-page .content .entry.post: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%; } .front-page .content .entry.post: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; } .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 .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) { .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 */