/* Theme Name: Kreativ Pro Theme URI: http://themesquare.com/themes/kreativ/ Description: Kreativ Pro Portfolio WordPress theme for Genesis Framework Author: ThemeSquare Author URI: http://themesquare.com/ Version: 1.2.2 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, rtl-language-support, translation-ready, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments Template: genesis Template Version: 2.5.3 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: kreativ-pro */ /*! # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Secondary Navigation - Skip Links - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Print Styles */ /*! # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /*! ## Baseline Normalize --------------------------------------------- */ /* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } template, [hidden] { display: none } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } button, input, optgroup, select, textarea { font: inherit; margin: 0 } optgroup { font-weight: bold } button, input { overflow: visible } button, select { text-transform: none } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-input-placeholder { color: inherit; opacity: 0.54 } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } /*! ## Box Sizing --------------------------------------------- */ html, input[type="search"] { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /*! ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .prev-next-links:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before, .blog .content-sidebar-wrap:before, .single-post .content-sidebar-wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .prev-next-links:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after, .blog .content-sidebar-wrap:after, .single-post .content-sidebar-wrap:after { clear: both; content: " "; display: table; } /*! # Defaults ---------------------------------------------------------------------------------------------------- */ /*! ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /*! 10px browser default */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /*! RTL Support */ body { direction: ltr; unicode-bidi: embed; } /*! Chrome fix */ body > div { font-size: 1.8rem; } body { background-color: #ffffff; color: #333333; font-family: 'Lato', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.7; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .more-link, .gallery img { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #34ae6e; text-decoration: none; } a:hover, a:focus { color: #db9d2a; text-decoration: none; } p { margin: 0 0 30px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #ddd; clear: both; margin: 2em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /*! ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #231f20; font-weight: 400; line-height: 1.2; margin: 0 0 20px; } h1, .as-heading-1 { font-size: 33px; font-size: 3.3rem; font-weight: 600; font-family: 'Montserrat', sans-serif; } h2, .as-heading-2 { font-size: 29px; font-size: 2.9rem; font-weight: 600; font-family: 'Montserrat', sans-serif; } h3, .as-heading-3 { font-size: 25px; font-size: 2.5rem; color: #2e62d8; font-weight: 600; font-family: 'Cormorant Garamond', serif; } h4, .as-heading-4 { font-size: 30px; font-size: 3rem; color: #000; font-weight: 300; font-family: 'Montserrat', sans-serif; } h5, .as-heading-5 { font-size: 24px; font-size: 2.4rem; font-family: 'Cormorant Garamond', serif; } h6, .as-heading-6 { font-size: 16px; font-size: 1.6rem; font-family: 'Montserrat', sans-serif; } .as-heading-2 { line-height: 1.2; margin-bottom: 0; } .top-title h1 { margin-bottom: 0; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, .4); display: inline-block; } .equal-half h1 { color: #fff; margin-bottom: 35px; min-height: 150px; display: flex; align-items: center; max-width: 660px; } .center.bottom-strap h2, .bg_img_two_column_section h4, .bg_img_two_column_section h5, .five_icons_grid_col_section h2 { margin-bottom: 0; } @media only screen and (min-width:860px) { h1, .as-heading-1 { font-size: 42px; font-size: 4.2rem; } h2, .as-heading-2 { font-size: 44px; font-size: 4.4rem; } h3, .as-heading-3 { font-size: 41px; font-size: 4.1rem; } } /*! ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } /* .content img { border: 2px solid #adadb0; padding: 10px; border-radius: 10px; } */ .content img { border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius: 10px; } .ss-price-boxes .icon-box-contents .icon-img, .icon-box-item .icon-img, .content .icon-img img, img.icon-img { box-shadow: none; } /* body .content .icon-img img {box-shadow: 0;} */ figure { margin: 0; } .featured-content img, .gallery img { width: auto; } /*! ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin-left: 0; margin-bottom: 30px; margin-top: 0; text-align: center; width: 100%; } @media only screen and (min-width:860px) { .gallery-item { margin-left: 2.564102564102564%; margin-bottom: 2.564102564102564%; } .gallery-columns-2 .gallery-item { width: 48.717948717948715%; } .gallery-columns-3 .gallery-item { width: 31.623931623931625%; } .gallery-columns-4 .gallery-item { width: 23.076923076923077%; } .gallery-columns-5 .gallery-item { width: 17.94871794871795%; } .gallery-columns-6 .gallery-item { width: 14.52991452991453%; } .gallery-columns-7 .gallery-item { width: 12.08791208791209; } .gallery-columns-8 .gallery-item { width: 10.25641025641026%; } .gallery-columns-9 .gallery-item { width: 8.831908831908832%; } .gallery-columns-2 .gallery-item:nth-of-type(2n+1), .gallery-columns-3 .gallery-item:nth-of-type(3n+1), .gallery-columns-4 .gallery-item:nth-of-type(4n+1), .gallery-columns-5 .gallery-item:nth-of-type(5n+1), .gallery-columns-6 .gallery-item:nth-of-type(6n+1), .gallery-columns-7 .gallery-item:nth-of-type(7n+1), .gallery-columns-8 .gallery-item:nth-of-type(8n+1), .gallery-columns-9 .gallery-item:nth-of-type(9n+1) { margin-left: 0; clear: left; } } .gallery-caption { } .gallery-item img { border: medium none; padding: 0; } .gallery-item .gallery-icon > a { position: relative; display: block; } .gallery-item .gallery-icon > a img { vertical-align: middle; float: none; margin: 0; } .gallery-item .gallery-icon > a:after { background: #db9d2a none repeat scroll 0 0; content: "\f105"; border-radius: 50%; color: #fff; font-family: FontAwesome; font-size: 24px; font-size: 2.4rem; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 50px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gallery-item .gallery-icon > a:hover:after { opacity: 1; } /*! ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; color: #777; font-size: 16px; font-size: 1.6rem; -webkit-font-smoothing: antialiased; font-weight: 300; padding: 8px 12px; width: 100%; } input:focus, textarea:focus { border: 1px solid #ccc; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #777; font-weight: 300; opacity: 1; } ::-webkit-input-placeholder { color: #777; font-weight: 300; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link { background: #2e62d8 none repeat scroll 0 0; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: "Source Sans Pro", sans-serif; -webkit-font-smoothing: antialiased; padding: 8px 20px; width: auto; box-shadow: none; } @media only screen and (min-width:860px) { .button { padding: 8px 20px; } } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .more-link:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus, .more-link:focus { box-shadow: none; color: #fff; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /*! ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 600; } /*! ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /*! Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); } .more-link { position: relative; margin: 30px 0 0; padding: 6px 20px; display: table; } /*! # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /*! ## Site Containers --------------------------------------------- */ .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } .site-inner { clear: both; padding-top: 30px; } /*.header-btn-items { display: none; }*/ @media only screen and (min-width:860px) { .site-inner { padding-top: 40px; } .site-inner, .wrap { max-width: 800px; margin: 0 auto; padding-left: 0; padding-right: 0; } } @media only screen and (min-width:1023px) { .site-inner, .wrap { max-width: 960px; } } @media only screen and (min-width:1200px) { .site-inner, .wrap { margin: 0 auto; max-width: 1170px; } .header-btn-items { display: flex; float: right; padding: 5.5px 0; } .blog .content-sidebar-wrap, .single-post .content-sidebar-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 60px 0; } .three_fourth_one_fourth_section .one-fourth .button { margin-top: 90px; } } .landing-page .site-inner { max-width: 800px; } .template-full-width .site-inner, .template-blank .site-inner { max-width: none; padding: 0; } /*! ## Column Widths and Positions --------------------------------------------- */ /*! ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } @media only screen and (min-width:1023px) { .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } } @media only screen and (min-width:1200px) { .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 950px; } } /*! ### Content */ .content { width: 100%; } @media only screen and (min-width:1023px) { .content { width: 640px; float: right; } } @media only screen and (min-width:1200px) { .content { width: 800px; } } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } @media only screen and (min-width:1023px) { .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 420px; } } @media only screen and (min-width:1200px) { .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 580px; } } .full-width-content .content { width: 100%; } /*! ### Primary Sidebar */ @media only screen and (min-width:1023px) { .sidebar-primary { width: 280px; float: right; } } @media only screen and (min-width:1200px) { .sidebar-primary { width: 330px; } } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /*! ### Secondary Sidebar */ @media only screen and (min-width:1023px) { .sidebar-secondary { float: left; width: 180px; } } .content-sidebar-sidebar .sidebar-secondary { float: right; } /*! ## Column Classes --------------------------------------------- */ /*! Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds, .equal-half { float: left; margin: 0; width: 100%; } .one-fifth { float: left; margin: 0; width: 50%; } @media only screen and (min-width:860px) { .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin-left: 2.564102564102564%; } /* .one-fifth { margin: 1.282051282051282% }*/ .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .one-fifth { width: 19%; } .first { clear: both; margin-left: 0; } .equal-half { width: 50%; margin: 0; } /* .first.one-fifth { margin-left: 0; margin-right: 0; }*/ } /*! # Common Classes ---------------------------------------------------------------------------------------------------- */ .custom-two-third .one-half { width: 65.81196581196582%; } .custom-two-third .one-half.first { width: 31.623931623931625%; } /*! ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; border-radius: 50%; } .comment .avatar { left: 0; margin: 0 15px 0 0; position: relative; } @media only screen and (min-width:860px) { .comment .avatar { left: -80px; border-radius: 50%; margin: 0; position: absolute; top: 0; } } /*! ## Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; } .archive-description { font-size: 16px; font-size: 1.6rem; margin-bottom: 30px; } .author-box { background: #f7f5f5; padding: 30px; font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; border-radius: 0; border-top: 3px solid #2e62d8; margin-top: 5%; border-left: 1px solid rgba(119, 119, 119, .1); border-bottom: 1px solid rgba(119, 119, 119, .1); border-right: 1px solid rgba(119, 119, 119, .1); } .archive-description .entry-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 0; margin-top: 0; padding: 0; } .author-box-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } .comment-form textarea#comment { border-color: rgba(119, 119, 119, .1); margin-top: 15px; } /*! ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; position: relative; } .site-header .search-form { text-align: left; float: right; padding-top: 16px; padding-bottom: 16px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } @media only screen and (min-width:1023px) { .site-header .search-form { text-align: center; display: inline-block; padding-top: 0; padding-bottom: 0 } } .entry-content .search-form { width: 50%; } .site-header .search-form input[type="submit"], .genesis-nav-menu .search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .widget_search input[type="submit"] { margin-top: 10px; } /*! ## Titles --------------------------------------------- */ .archive-title, .entry-title { text-align: center; padding: 10px 0; } .entry-title a, .sidebar .widget-title a { color: #363f48; } .entry-title a:hover, .entry-title a:focus { color: #db9d2a; } h2.entry-title { text-align: left; } h2.entry-title a { font-size: 35px; } .widget-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } .footer-widgets .widget-title { font-size: 20px; font-size: 2rem; color: #fff; } /*! ## 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 24px; } img.alignnone, .alignnone { margin-bottom: 0px; display: block; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .sticky { } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /*! # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget ol li:before { content: ""; } .widget li li { border: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /*! ## Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 30px; padding: 0 0 30px; } .featured-content .entry .entry-title { font-size: 20px; font-size: 2rem; margin: 20px 0; padding: 0 30px; } .featured-content .entry .entry-content { padding: 0 30px; } .featured-content .entry .entry-meta { padding: 0 30px; margin-bottom: 15px; } .featured-content .entry .entry-image { vertical-align: middle; margin-bottom: 0; } /*! # Plugins ---------------------------------------------------------------------------------------------------- */ /*! ## Genesis eNews Extended --------------------------------------------- */ .enews-widget input { margin-bottom: 16px; } .enews-widget input[type="submit"] { margin: 0; } .enews form + p { margin-top: 24px; } .enews .screenread { left: -1000em; } /*! ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /*! # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /*! Display outline on focus */ :focus { color: #777; outline: transparent; } /*! # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #f7f5f5; box-shadow: none; } .site-header > .wrap { padding: 0 5%; } @media only screen and (min-width:1024px) { .site-header > .wrap { padding: 0; display: block; align-items: center; max-width: 1250px; } } .custom-header .site-header { background-position: center !important; background-size: cover !important; } /*! ## Title Area --------------------------------------------- */ .title-area { float: left; width: 100%; text-align: center; padding: 14px 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } @media only screen and (min-width:860px) { .title-area { width: auto; text-align: left; } } .site-title { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-size: 3.6rem; line-height: 1.2; text-transform: uppercase; } @media only screen and (min-width:860px) { .site-title { font-size: 40px; font-size: 4rem; } } .site-title a, .site-title a:hover, .site-title a:focus { color: #363f48; } .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } /*! ## Custom Logo --------------------------------------------- */ .wp-custom-logo .title-area { padding: 0; } .wp-custom-logo .custom-logo-link { display: block; line-height: 58px; height: 58px; } .wp-custom-logo .custom-logo-link img { width: auto; max-height: 100%; margin: auto; vertical-align: middle; } /*! ## Widget Area --------------------------------------------- */ .site-header .widget-area { padding: 18px 0; text-align: center; } @media only screen and (min-width:860px) { .site-header .widget-area { padding: 0; text-align: right; } .site-header .widget-area .menu-toggle { margin-top: 20px; } } @media only screen and (min-width:1023px) { .site-header .widget-area { float: right; } } /*! # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; color: #000; font-size: 16px; font-size: 1.6rem; line-height: inherit; width: 100%; background-color: #f7f5f5; } .genesis-nav-menu .sub-menu { line-height: 1.2; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { text-decoration: none; display: block; padding: 24px; margin: 0; color: #000; font-weight: 400; } .genesis-nav-menu a:hover { color: #db9d2a; } .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { color: #db9d2a; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: 0; padding: 12px 18px; font-size: 15px; font-size: 1.5rem; position: relative; width: 200px; word-wrap: break-word; margin: 0; } .genesis-nav-menu .sub-menu .sub-menu { margin: -42px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { float: right; list-style-type: none; padding: 15px 0; } .genesis-nav-menu > .right > a { padding: 0; display: inline-block; } .genesis-nav-menu > .rss > a { margin-left: 30px; } .genesis-nav-menu > .search { padding: 8px 0 0; } .site-header .genesis-nav-menu > li > a { padding-left: 17px; padding-right: 17px; } @media only screen and (min-width:1023px) { .genesis-nav-menu > .menu-item.highlight a, .site-header.sticky .genesis-nav-menu > .menu-item.highlight a { border: 1px solid #ddd; border-radius: 2px; padding: 3px 15px; margin-left: 10px; } .genesis-nav-menu > .menu-item-has-children > a:after { color: #ddd; content: "\f107"; font-family: fontawesome; padding: 0 0 0 8px; display: inline-block; } .genesis-nav-menu .sub-menu > .menu-item-has-children > a:after { color: #ddd; content: "\f105"; float: right; font-family: fontawesome; padding: 0 0 0 8px; display: inline-block; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } } /*! Genesis Responsive Menus */ @media only screen and (max-width:1023px) { /* Hide nav menu initially */ .nav-primary, .nav-secondary { display: none; } nav.genesis-responsive-menu { display: none; position: relative; } .genesis-nav-menu { text-align: center; } .genesis-nav-menu li { float: none; } .js .genesis-nav-menu .sub-menu, .js .genesis-nav-menu .sub-menu a { width: 100%; } .js .site-header nav .wrap { padding: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .menu-toggle, .sub-menu-toggle { background-color: transparent; border: 0; color: transparent; position: relative; padding: 0; display: inline-block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; cursor: pointer; } .header-widget-area .menu-toggle { display: inline-block; width: auto; } .header-widget-area nav { clear: both; float: none; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { color: #333; } .menu-toggle:focus, .sub-menu-toggle:focus { border-color: #fff; } .menu-toggle:focus { outline-offset: -1px; } .menu-toggle { position: relative; z-index: 1000; width: 100%; color: transparent; } .menu-toggle::before { color: #333; content: "\f0c9"; font-family: 'FontAwesome'; font-size: 15px; font-size: 3rem; margin-right: 10px; text-rendering: auto; vertical-align: middle; } .sub-menu-toggle { float: right; padding: 10px 12px; position: absolute; right: 1px; top: 1px; z-index: 100; font-size: 16px; font-size: 1.6rem; border-radius: 0; } .sub-menu-toggle::before { color: #333; content: "\f107"; font-family: 'FontAwesome'; display: inline-block; text-rendering: auto; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: transform .25s ease-in-out; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } .sub-menu-toggle.activated::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .genesis-responsive-menu .genesis-nav-menu .menu-item { display: block; float: none; position: relative; text-align: center; } .genesis-responsive-menu .genesis-nav-menu .menu-item:focus, .genesis-responsive-menu .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-responsive-menu .genesis-nav-menu a:focus, .genesis-responsive-menu .genesis-nav-menu a:hover { color: #db9d2a; } .genesis-responsive-menu .genesis-nav-menu a:focus { color: #db9d2a; } .genesis-responsive-menu .genesis-nav-menu .menu-item a { border-top: 1px solid #eee; margin-bottom: 1px; padding: 10px 20px; width: 100%; } .genesis-responsive-menu .genesis-nav-menu > .menu-item:first-child > a { border-top: 0; } .genesis-responsive-menu .site-header .genesis-nav-menu .menu-item a { padding: 10px 0; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { border: none; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { border: none; } .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu, .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu { left: 0; margin-left: 0; } .genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after { content: none; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { clear: both; display: none; margin: 0; opacity: 1; padding-left: 0; position: static; width: 100%; } .genesis-responsive-menu .genesis-nav-menu .sub-menu a { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #eee; padding-left: 30px; } .genesis-responsive-menu .genesis-nav-menu .sub-menu a::before { content: "-"; padding-right: 8px; } .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } } /*! ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /*! ## Primary Navigation --------------------------------------------- */ .nav-primary { background: #fff; } .nav-primary .wrap { padding: 0; } /*! ## Secondary Navigation --------------------------------------------- */ .nav-secondary { background: #fff; border-bottom: 1px solid #e6e9ed; } @media only screen and (min-width:1023px) { .nav-secondary { border-top: 1px solid #e6e9ed; } } /*! ## Site Header Navigation --------------------------------------------- */ .site-header .nav-primary { clear: both; } .header-btn-item + .header-btn-item { margin-left: 10px; } .header-btn-item { width: 240px; } @media only screen and (min-width:1023px) { .site-header .nav-primary { border: 0 none; clear: none; display: inline-block; } } .site-header .menu-toggle { float: none; clear: both; margin: 0; width: auto; position: absolute; top: 30px; right: 30px; min-width: 1px; border-radius: 0; } @media only screen and (min-width:1024px) { .site-header .menu-toggle { float: none; clear: right; margin: 20px auto; } } .site-header .sub-menu { border-top: 1px solid #eee; } .site-header .sub-menu .sub-menu { margin-top: -44px; } .site-header .genesis-nav-menu > li { margin: 0; } .site-header .genesis-nav-menu > li > a { padding-top: 20px; padding-bottom: 20px; margin: 0; line-height: inherit; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .site-header .genesis-nav-menu li li { margin-left: 0; } /*! # Sticky Header ---------------------------------------------------------------------------------------------------- */ .site-header.sticky { position: fixed; top: 0; width: 100%; z-index: 100; } .site-header.sticky .title-area { padding: 5px 0; } .site-header.sticky .genesis-nav-menu > li > a { padding-top: 16px; padding-bottom: 16px; line-height: inherit; } .site-header.sticky .search-form { padding-top: 8px; padding-bottom: 8px; line-height: inherit; } .admin-bar .site-header.sticky { top: 32px; } /*! ## Sticky Primary & Secondary Nav --------------------------------------------- */ .nav-primary.sticky, .nav-secondary.sticky { position: fixed; top: 0; width: 100%; z-index: 100; } .admin-bar .nav-primary.sticky, .admin-bar .nav-secondary.sticky { top: 32px; } /*! # Content Area ---------------------------------------------------------------------------------------------------- */ /*! ## Entries --------------------------------------------- */ .entry { background-color: #fff;/* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-radius: 2px;*/ margin-bottom: 30px; padding: 0; } .entry > p { padding: 30px 30px 0; } .entry-image { vertical-align: middle; } .entry-title { margin: 30px 0 20px; padding: 0 30px; } @media only screen and (min-width:860px) { .entry { margin-bottom: 40px; } } .entry-meta { padding: 0 30px; text-align: center; } @media only screen and (min-width:860px) { .entry-meta { padding: 0 50px; } } .entry-footer .entry-meta { padding: 20px 30px; } @media only screen and (min-width:860px) { .entry-footer .entry-meta { padding: 20px 50px; } } .entry-content { padding: 0 30px; } @media only screen and (min-width:860px) { .entry-content { padding: 0 50px; } } .entry-content ol, .entry-content ul { margin-bottom: 30px; margin-left: 40px; } .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 code { background-color: #333; color: #ddd; } /*! ## Entry Meta --------------------------------------------- */ p.entry-meta { color: #363f48; font-size: 15px; font-size: 1.5rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 5%; text-align: center; } .entry-footer .entry-meta { padding-top: 20px; } .entry-categories, .entry-tags { } .entry-meta a { color: #363f48; margin-bottom: 0; } .entry-meta a:hover { color: #db9d2a; } .entry-meta .entry-time::after { content: "|"; padding: 0 10px; } .entry-meta .entry-comments-link::before { content: "|"; padding: 0 10px; } .entry-meta .entry-tags::before { content: "|"; padding: 0 10px; } .post-edit-link { display: inline-block; margin-bottom: 20px; } .blog article.post.type-post { border-bottom: solid 1px #adadb0; padding-bottom: 25px; margin-bottom: 60px; } /*! ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a, .pagination-next a, .pagination-previous a { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); color: #777; display: inline-block; padding: 6px 16px; margin-right: 5px; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background: #db9d2a none repeat scroll 0 0; color: #fff; } /*! ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-top: 40px; padding: 0; } .comment-header { font-size: 16px; font-size: 1.6rem; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { margin-top: 30px; padding: 0; } .comment-list .comment-time a { font-size: 14px; font-size: 1.4rem; color: #777; } .comment-list .comment-time a:hover { color: #db9d2a; } .comment-list li article { background: #fff none repeat scroll 0 0; margin: 0; padding: 10px 20px; position: relative; border-radius: 2px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } @media only screen and (min-width:860px) { .comment-list li article { margin: 0 0 0 80px; } } .comment-list li article p { margin-bottom: 10px; } .comment-form p { margin-bottom: 15px; } .comment-form .form-submit { margin-bottom: 30px; } .comment-list li li { margin-right: 0; margin-left: 0; } @media only screen and (min-width:860px) { .comment-list li li { margin-left: 80px; } } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 100%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { color: #363f48; margin-bottom: 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 16px; font-size: 1.6rem; padding: 24px; } /*! # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; } .sidebar p { margin-bottom: 20px; } .sidebar li { margin-bottom: 5px; padding-left: 20px; position: relative; } .sidebar li:before { content: "\f105"; color: #db9d2a; font-family: fontawesome; left: 5px; padding-right: 8px; position: absolute; top: 0; } .sidebar li a { color: #777; } .sidebar li a:hover { color: #db9d2a; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { margin-bottom: 30px; } @media only screen and (min-width:860px) { .sidebar .widget { margin-bottom: 40px; } } .sidebar .button { /*font-size: 14px; font-size: 1.4rem; padding: 6px 16px;*/ } /*! # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #242424; clear: both; font-size: 14px; font-size: 1.4rem; padding-top: 40px; padding-bottom: 10px; } .footer-widgets { color: #999; } .footer-widgets input { background: #f7f7f7; border: none; font-size: 13px; font-size: 1.3rem; margin-bottom: 10px; } .footer-widgets a.button, .footer-widgets a:hover, .footer-widgets a:focus { color: #fff; } .footer-widgets li { margin-bottom: 5px; padding-left: 20px; position: relative; } .footer-widgets li a { color: #999; } .footer-widgets li:before { content: "\f105"; font-family: fontawesome; left: 5px; padding-right: 8px; position: absolute; top: 0; } .footer-widgets .widget { margin-bottom: 30px; } .footer-widgets p:last-child { margin-bottom: 0; } .footer-widgets .widget i { display: inline-block; padding: 0 8px 0 0; text-align: center; width: 24px; } @media only screen and (min-width:1023px) { .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 31.623931623931625%; } .footer-widgets-2, .footer-widgets-3 { margin-left: 2.564102564102564%; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { float: left; } } /*! # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #191919; font-size: 14px; font-size: 1.4rem; line-height: 1; padding: 40px 0 20px; position: relative; text-align: center; } .site-footer .menu-item { padding: 15px 5px; } .site-footer .menu-item a { font-size: 18px; font-weight: 400; } .footercontent .menu-location-links-container li a { font-size: 16px; } .bottomfootercontent.ss-site-cred { margin-top: 20px; } @media only screen and (min-width:1023px) { .site-footer { text-align: center; } } .site-footer, .site-footer a { color: #fff; } .site-footer a:hover { color: #db9d2a; } .site-footer p { margin-bottom: 0; display: inline-block; } iframe#chekkit-frame { margin-bottom: 50px; } /*! Footer navigation --------------------------------------------- */ .nav-footer { margin: 20px 0 0; } @media only screen and (min-width:1023px) { .nav-footer { float: right; margin: 0; } } .nav-footer .genesis-nav-menu { line-height: 1; } .nav-footer .genesis-nav-menu li { display: inline-block; } .nav-footer .genesis-nav-menu a { display: inline-block; margin: 0 0 0 10px; padding: 10px 0; font-size: 14px; font-size: 1.4rem; font-weight: normal; text-transform: none; } @media only screen and (min-width:1023px) { .nav-footer .genesis-nav-menu a { padding: 0; } } .nav-footer .genesis-nav-menu a:hover { color: #db9d2a; } .nav-footer .genesis-nav-menu li:first-child a { margin: 0; } .nav-footer .genesis-nav-menu li:first-child:before { content: ""; padding: 0; } @media only screen and (min-width:1023px) { .nav-footer .genesis-nav-menu li:before { content: "-"; padding: 0 0 0 10px; font-weight: bold; } } /*! Footer widgets --------------------------------------------- */ .footer-widgets .enews { max-width: 300px; } .footer-widgets .enews form { position: relative; } .footer-widgets .enews-widget input[type="email"] { position: relative; margin: 0; padding: 10px; } .footer-widgets .enews-widget input[type="submit"] { background: #db9d2a none repeat scroll 0 0; border-radius: 0 3px 3px 0; bottom: 0; margin: 0; padding: 10px; position: absolute; right: 0; } /*! Scroll Up --------------------------------------------- */ .scroll-up { position: relative; } .scrollup:before { content: "\f106"; font-family: "fontawesome"; font-size: 20px; font-size: 2rem; } .scrollup, .scrollup:focus, .scrollup:hover { position: fixed; display: none; right: 20px; bottom: 14px; color: #fff; line-height: 1; z-index: 10; padding: 5px 10px; background: #333 none repeat scroll 0 0; border-radius: 2px; } .site-footer .scrollup, .site-footer .scrollup:hover { color: #fff; } /*! Archive page template --------------------------------------------- */ .page-template-page_archive h2 { font-size: 24px; font-size: 2.4rem; } /*! 404 Error page --------------------------------------------- */ .error404 .entry-content .search-form { margin-bottom: 30px; } .error404 .entry-content .search-form input[type="submit"] { margin-top: 10px; } .error-entry-header.bg-sec-area { min-height: 400px; height: 1px; display: flex; justify-content: center; text-align: center; align-items: center; } .error404 .top-title p { font-size: 3.5rem; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; text-shadow: 1px 1px 3px rgba(0, 0, 0, .4); } .error-wrap.wrap { padding: 3% 0; } .error404 h2.entry-title { text-align: center; } .error-wrap.wrap p { text-align: center; max-width: 768px; margin-left: auto; margin-right: auto; } .heading-3.error-head { text-align: center; font-style: italic; } .error404 ul.pages-list-flex { display: flex; flex-wrap: wrap; justify-content: center; } .error404 ul.pages-list-flex > li { flex: 0 0 25%; text-align: center; } .error404 ul.pages-list-flex { display: flex; flex-wrap: wrap; justify-content: center; margin: 35px auto 60px; } /*! Topbar styling --------------------------------------------- */ .site-topbar { background: #fff; font-size: 16px; font-size: 1.6rem; color: #808184; line-height: normal; height: auto; text-align: center; } .site-topbar-left { display: block; } .site-topbar_right { padding: 15px; display: block; width: 100%; text-align: center; } .site-topbar .wrap { max-width: 1200px; } @media only screen and (min-width:860px) { .site-topbar { display: block; height: 85px; line-height: 85px; overflow: hidden; text-align: left; } .site-topbar-left { display: inline-block; } .site-topbar_right { float: right; width: calc(100% - 350px); text-align: right; padding: 0; } } .site-topbar a { color: #808184; font-family: 'Cormorant Garamond', serif; font-weight: 400; } .site-topbar a:hover { color: #db9d2a; } .site-topbar li { display: inline-block; } .site-topbar i { padding: 0 6px 0 0; } .site-topbar li.menu-item { padding: 1px 9px; line-height: 1.3; } @media only screen and (min-width:550px) { .site-topbar li.menu-item { padding: 1px 38px; line-height: 1; } } .site-topbar li.menu-item + li.menu-item { display: inline-block; margin: 0; border-left: 1px solid #aaa; } /*! ## Portfolio Widget --------------------------------------------- */ .featured-portfolio .entry { margin-bottom: 30px; padding: 0; } .featured-portfolio .entry .entry-title { font-size: 20px; font-size: 2rem; margin: 20px 0; padding: 0 30px; text-align: center; } .featured-portfolio .entry .entry-content { padding: 0 30px; } .featured-portfolio .entry .entry-meta { padding: 0 30px; margin-bottom: 15px; } .featured-portfolio .entry .entry-thumbnail { position: relative; margin: 0; width: 100%; } .featured-portfolio .entry .entry-thumbnail img { vertical-align: middle; margin-bottom: 0; width: 100%; } .featured-portfolio .entry .entry-thumbnail:after { background: #db9d2a none repeat scroll 0 0; content: "\f105"; border-radius: 50%; color: #fff; font-family: fontawesome; font-size: 24px; font-size: 2.4rem; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 50px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured-portfolio .entry .entry-thumbnail:hover:after { opacity: 1; } /*! Portfolio archive --------------------------------------------- */ .genesis-pro-portfolio .entry { width: 100%; text-align: center; } @media only screen and (min-width:860px) { .genesis-pro-portfolio .entry { float: left; width: 31.623931623931625%; margin-left: 2.564102564102564%; padding: 0; } .genesis-pro-portfolio .entry:nth-of-type(3n+1) { margin-left: 0px; clear: both; } .one-third.left-border + .one-third.left-border { border-left: solid 1px #adadb0; } .one-third.first.left-border { border: 0 !important; } .three_column_section .one-third { margin-top: 25px; margin-bottom: 25px; } } .genesis-pro-portfolio .entry .entry-title { font-size: 20px; font-size: 2rem; margin: 0; padding: 20px; } .genesis-pro-portfolio .entry .entry-content { padding: 0; } .genesis-pro-portfolio .entry .portfolio-featured-image { position: relative; display: block; } .genesis-pro-portfolio .entry .portfolio-featured-image img { vertical-align: middle; margin: 0; width: 100%; } .genesis-pro-portfolio .entry .portfolio-featured-image:after { background: #db9d2a none repeat scroll 0 0; content: "\f105"; border-radius: 50%; color: #fff; font-family: fontawesome; font-size: 24px; font-size: 2.4rem; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 50px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .genesis-pro-portfolio .entry .portfolio-featured-image:hover:after { opacity: 1; } /*! # Simple Social Icons ---------------------------------------------------------------------------------------------------- */ .simple-social-icons { overflow: hidden; } .simple-social-icons ul { margin: 0; padding: 0; } .simple-social-icons ul li { background: none !important; border: none !important; float: left; list-style-type: none !important; margin: 2px 4px !important; padding: 0 !important; } .simple-social-icons ul li:before { content: ""; left: auto; padding: 0; } .simple-social-icons ul li a { border: none !important; box-sizing: content-box; display: inline-block; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: 1em; line-height: 1em; text-align: center; text-decoration: none !important; text-transform: none !important; width: 1em; } .simple-social-icons ul li a:focus { outline: 1px solid #ddd !important; } .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; } /*! Topbar Social Icons */ .one-fifth.boder-line { background: url(/wp-content/uploads/2019/03/solar-5-grid-bg.png); background-size: 102% 96%; } @media only screen and (min-width:860px) { .site-topbar .simple-social-icons { float: none; text-align: center; } .one-fifth.boder-line { background-size: 100% 100%; } .one-fifth.boder-line:nth-child(5n) { background-size: 102% 100%; } .five_icons_grid_col_section .wrap:after { content: ''; background: #fff; height: 20px; width: 100%; top: -10px; position: relative; } .five_icons_grid_col_section .wrap { margin: 40px auto 0; } } .site-topbar .simple-social-icons ul li { float: none; } .site-topbar .simple-social-icons li a, .site-topbar .simple-social-icons li a:hover, .site-topbar .simple-social-icons li a:focus { display: inline-block; font-size: 14px; font-size: 1.4rem; padding: 11px 10px; text-align: center; } .site-topbar .simple-social-icons li a:focus { outline: 1px solid #ddd !important; } /*! Sidebar Social Icons */ .sidebar .simple-social-icons li a:focus { outline: 1px solid #ddd !important; } .footercontent .menu-location-links-container { font-size: 16px; font-family: 'Cormorant Garamond', serif; } ul.social-icons { position: relative; display: inline-flex; } .social-icons li { display: inline-block; margin: 0 20px 0 0; } .social-icons a i { color: #000000; padding: 5px; border-radius: 100px; background: #fff; line-height: 0.9; font-size: 14px; transition: 0.4s; } .social-icons a:hover i { color: #fff; background: #34ae6e; } .bottomfootercontent p { font-size: 10px; font-weight: 100; letter-spacing: 1px; } /* additional CSS edits */ .color-bg p { margin-bottom: 0; } .blog.inner .site-inner { padding-left: 5%; padding-right: 5%; } .home .wrap.full-bg-area.color-bg { background: #f7f5f5; } .home .wrap.full-bg-area.color-bg h4, .home .wrap.full-bg-area.color-bg p { color: #000; } .home .equal-half:first-child, section.bg_img_two_column_section.inner-banner-border .equal-half:first-child { border-right: 15px solid #f5f5f5; } .home .equal-half:last-child, section.bg_img_two_column_section.inner-banner-border .equal-half:last-child { border-left: 15px solid #f5f5f5; } /* @-moz-document url-prefix(){ section.bg_img_two_column_section.inner-banner-border {margin-top: 90px;} } */ /* section.bg_img_two_column_section.inner-banner-border {margin-top: 90px;} */ .entry-header.inner-page-banner-bg.color-banner-bg { min-height: 150px; background-color: #db9d2a; background-image: none !important; display: none; } .equal-half h2 { color: #fff; } .home section.three_column_section.sec-space.ss-price-boxes { padding: 0px 0 30px; } .home .one_column_section h2:after, span.flourish:after { content: ""; background: url(/wp-content/uploads/2019/03/solar-strap.png); background-size: cover; height: 20px; width: 118px; display: block; margin: 30px auto; } .header-btn-items.mobile-header-row { display: none; } .header-btn-item .button.btn-1 .h-btn-text { font-size: 1.6rem; } .five_icons_grid_col_section .wrap { display: flex; flex-wrap: wrap; justify-content: center; margin: 65px auto 50px; min-height: 1px; } .five_icons_grid_col_section .one-fifth.boder-line:last-of-type { background: none; } .site-footer .container { display: flex; /* flex-direction: column; */ justify-content: center; /* align-items: center; */ } .site-footer .container > .footercontent { flex: 0 0 100%; width: 100%; } .footercontent .textwidget > p { display: flex; justify-content: center; margin-bottom: 25px; } .footercontent .textwidget > p img { max-width: 80px; margin: 0 30px 25px; width: 100%; display: block; } .footercontent .textwidget p.footer-license { margin: 25px auto 0; font-size: 1.4rem; text-transform: uppercase; letter-spacing: .2rem; font-weight: 400; } .footercontent .textwidget > p.footer-phone { font-size: 4.5rem; margin-top: 35px; margin-bottom: 35px; } .footercontent .textwidget > p.footer-phone a { color: #db9d2a; transition: .4s; } .footercontent .textwidget > p.footer-phone a:hover { color: #fff; transition: .4s; } footer .social-icons li:last-of-type { margin-right: 0; } .two_column_section .one-half:last-of-type { padding-left: 2%; } .ss-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .ss-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #505050; font-size: 1.6rem; } #gf_1, #gf_2, #gf_3, #gf_4, #gf_5, #gf_6 { padding-top: 200px; display: block; margin-top: -200px; } #gform_confirmation_message_2 { text-align: center; padding: 10% 0; } #reply-title { font-family: 'Montserrat', sans-serif; font-size: 3.5rem; margin-top: 5%; } .sfsiaftrpstwpr { display: flex; justify-content: center; min-height: 1px; margin: 20px auto 0; } .services-page .two_column_section .one-half.first img { margin: 10px auto 35px; } .member-want .one-fifth { width: 25%; } .member-want .icon-text { max-width: 210px; text-align: center; margin-left: auto; margin-right: auto; } .entry-header .wp-post-image { max-width: 594px; margin: 0 auto; display: block; width: 100%; } body #commentform .g-recaptcha { margin-bottom: 25px !important; } .blog article.post.type-post .entry-title, .blog article.post.type-post .entry-content, .blog article.post.type-post p.entry-meta { padding-left: 0; text-align: left; } .ss-price-boxes .wrap { display: flex; align-content: baseline; flex-wrap: wrap; } .ss-price-boxes .icon-box-contents { min-height: 550px; margin-left: 0; } .home section.three_column_section.sec-space.ss-price-boxes .icon-box-contents { min-height: 150px; } /* .ss-price-boxes .wrap > .one-third { flex: 0 0 31%; margin-left: auto; margin-right: auto; border: 3px solid #db9d2a !important; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } */ .ss-price-boxes .wrap > .one-third { flex: 0 0 31%; margin-left: auto; margin-right: auto; border: 0 !important; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .ss-price-boxes .icon-link { background: #db9d2a; color: #fff; font-style: normal; min-width: 256px; display: inline-block; text-align: center; border-radius: 99px; padding: 20px 25px; line-height: 1.2; border: solid 1px; cursor: pointer; font-family: 'Montserrat', sans-serif; font-weight: 600; transition: .4s; } .ss-price-boxes .icon-link:hover { background: transparent; color: #db9d2a; transition: .4s; } .ss-price-boxes .icon-link em { font-style: normal; } .ss-price-boxes h2 { font-size: 3.5rem; margin: 20px auto 35px; clear: both; } .ss-price-boxes .as-heading-4 { font-size: 2.2rem; line-height: 1.4; } .inner .ss-price-boxes .icon-box-contents p { min-height: 1px; font-size: 1.6rem; } .ss-price-boxes .wrap ul { max-width: 300px; margin: 0 30px 0 60px; } .ss-price-boxes .wrap ul > li { font-size: 1.6rem; line-height: 1.3; text-align: left; } .ss-price-boxes .wrap li.yes-bullet::before { content: '\f00c'; font-family: fontawesome; background-image: none; color: #34ae6e; left: -25px; margin: 0; } .ss-price-boxes .wrap li.no-bullet::before { content: '\f00d'; font-family: fontawesome; background-image: none; color: red; left: -25px; margin: 0; } .ss-price-boxes .wrap .primary-text { font-size: 2.5rem; margin: 20px auto 10px; display: block; } .ss-price-boxes { padding-top: 0; } .ss-price-boxes .wrap p:first-of-type, .home .ss-price-boxes .wrap p:first-of-type { min-height: 40px; } /* .inner .ss-price-boxes .one-third:last-child .icon-box-contents p .primary-text { margin-top: 95px; display: inline-block; } */ /* .inner .ss-price-boxes .one-third:last-child .icon-box-contents p { margin-bottom: 20px; } */ h3.widgettitle.widget-title { font-size: 3rem; } a.footer-location-title { font-size: 18px; font-weight: 400; display: block; } .footermap { margin-bottom: 10px; } .sidebar-primary { margin-top: 100px; } span.entry-comments-link { position: absolute; left: -9999rem; top: -9999rem; } /* Commercial page */ .ss-commercial h2 { font-family: 'Cormorant Garamond', serif; font-size: 5rem; margin-bottom: 0; text-align: center; } .ss-commercial h3 { text-align: center; } .ss-commercial hr { border-color: #918f90; } img.ss-noborder.lazyloaded { border: none; border-radius: 0; margin: 5em auto; padding: 0; } .lead { font-size: 2.8rem; color: #333; } .ss-util .lead.ss-left { padding: 45px 0; } /* .ss-commercial .double-sec-space img, .ss-util img { padding: 7px; border-radius: 12px; } */ .ss-accent::before { content: ""; background: url('/wp-content/uploads/2019/03/solar-strap.png'); background-size: cover; height: 20px; width: 118px; display: block; margin: 30px auto; } .ss-util img { width: 100%; max-width: 370px; } .ss-commercial .ss-left { margin-left: 0; text-align: left; } .ss-commercial .ss-grey.color-bg { background: #f9f9f9; padding: 75px 0; } .ss-commercial .ss-grey.color-bg h2, .ss-commhalf .ss-grey.color-bg p, .ss-commhalf.ss-grey.color-bg li, .ss-commercial .ss-grey.color-bg li { color: #000; } .ss-commercial .ss-hspace h2 { margin-bottom: 60px; } .ss-commercial .two_column_section.ss-commhalf h2, .ss-commercial .ss-thirds h2 { text-align: left; } .ss-commercial .content .ss-list ul>li::before { content: ""; position: absolute; line-height: 1.4; width: 19px; height: 19px; margin-top: .7rem; margin-left: -35px; background-image: url('/wp-content/uploads/2019/03/bolt-icon.png'); background-size: cover; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap { display: flex; flex-wrap: wrap; height: 100%; min-height: 1px; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap .first { flex: 0 0 63%; width: 100%; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap .one-fourth { flex: 0 0 34%; margin: 0 0 0 auto; width: 100%; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds img { max-width: 100%; width: 100%; float: none; margin: 10px auto 0; } .three_fourth_one_fourth_section.double-sec-space.ss-upgrades { background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url('/wp-content/uploads/2019/03/solar-panels-bg.jpg'); padding: 120px 0; background-repeat: no-repeat; background-size: cover; } .three_fourth_one_fourth_section.double-sec-space.ss-invert .wrap { flex-direction: row-reverse; } .three_fourth_one_fourth_section.double-sec-space.ss-invert .wrap .one-fourth { margin-left: 0; margin-right: auto; } .three_fourth_one_fourth_section.double-sec-space.ss-invert .wrap .three-fourths.first { margin: 0 0 0 auto; padding: 0 0 0 3%; } .ss-commercial .double-sec-space { padding: 75px 0; } .ss-commercial .ss-white h2, .ss-commercial .ss-white li, .ss-commercial .ss-white p { color: #fff; } .ss-commercial .ss-white img { border-color: #fff; } .vid-content { width: 100%; text-align: center; position: absolute; top: 40%; } .ss-video-banner { width: 100%; position: relative; } .vid-content { width: 100%; text-align: center; position: absolute; height: 100%; top: 0; display: flex; justify-content: center; min-height: 1px; align-items: center; } .vid-content h2 { color: #fff; font-family: 'Lato', sans-serif; font-size: 4.5rem; text-shadow: 0 4px 5px rgba(0, 0, 0, .3); padding-bottom: 1%; /* letter-spacing: -.05rem; */ } .ss-video-banner video#ss-loop { width: 100%; } .ss-upgrades h2 { padding-bottom: 10px; } .ss-upgrades .lead.primary-text { padding-bottom: 10px; } .three_fourth_one_fourth_section.double-sec-space.ss-perform { background: linear-gradient(rgba(73, 126, 218, 1), rgba(32, 105, 208, .5)), url('/wp-content/themes/kreativ-pro/images/solar-service-preventative-maintenance-bg.jpg'); padding: 120px 0 115px; background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; } .ss-commercial section.one_column_section.sec-space:first-of-type { padding-top: 45px; padding-bottom: 140px; } section.three_fourth_one_fourth_section.double-sec-space.ss-multi { padding: 120px 0; } .three_fourth_one_fourth_section.double-sec-space.ss-multi h2 { padding-bottom: 45px; } @media only screen and (min-width:550px) { .site-footer .menu-item { display: inline-block; } .site-footer .center-footer .menu-item { display: block; } } .entry-content h2 { font-size: 3.8rem; } .entry-content h3 { font-size: 4rem; font-family: 'Montserrat', sans-serif; } /* general */ .flex-center div + .wrap, .flex-align-center > .wrap { display: flex; flex-wrap: wrap; align-items: center; } #sb_instagram { box-shadow: 0 0 10px rgba(0, 0, 0, .2); padding: 5px; border-radius: 10px; margin-bottom: 30px; } img.img-shadow { border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius: 10px; } .heading-2 { font-size: 34px; } .skyline-section { clear: both; margin-bottom: 60px; } .flex-center #sb_instagram { max-width: 560px; width: 100%; } .content .ss-noborder { box-shadow: none; border: 0; } .footermap iframe, .content iframe, .ss-container, .ss-container .rll-youtube-player { border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .one-fifth.boder-line { margin-top: 30px; } /*! # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !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 #999; 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 { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, .as-heading-1, h2, .as-heading-2, h3, .as-heading-3, h4, .as-heading-4, h5, .as-heading-5, h6, .as-heading-6 { 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; } } /*-- Normal inner --*/ .home .site-inner, .inner .site-inner { padding-top: 0; max-width: 100%; padding-left: 0; padding-right: 0; } .normal-inner-page section ul, .entry-content ul, .r-tabs-panel ul { margin-left: 30px; position: relative; } .normal-inner-page section ul li, .entry-content ul li, .r-tabs-panel ul li { line-height: 1.5; margin-top: .5em; font-size: 20px; } .normal-inner-page section ul li:first-child, .entry-content ul li:first-child { margin-top: 0; } .normal-inner-page section ul > li:before, .entry-content ul > li:before, .r-tabs-panel ul > li:before { content: ""; position: absolute; line-height: 1.4; width: 19px; height: 19px; margin-top: .7rem; margin-left: -35px; background-image: url(/wp-content/uploads/2019/03/bolt-icon.png); background-size: cover; } .normal-inner-page section.color-bg ul > li:before, .entry-content .color-bg ul > li:before { background-image: url(/wp-content/uploads/2019/03/bolt-white-icon.png); } .gform_wrapper .gform_body ul li:before { content: none; } .top_one_column_contents { padding-bottom: 25px; text-align: center; } .full-width { max-width: 1400px; margin: auto; } .wrap.full-bg-area { max-width: 100%; margin: auto; padding-left: 0; padding-right: 0; } .support-text { color: #231f20; } .tertiary-text { color: #db9d2a; } .secondary-text { color: #2e62d8; } .primary-text { color: #34ae6e; } .support { background: #231f20; } .support1 { background: #f9f9f9; } .tertiary { background: #db9d2a; } .secondary { background: #2e62d8; } .primary { background: #34ae6e; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .double-sec-space { padding: 120px 0; } .sum-sec-space { padding: 90px 0; } .sec-space { padding: 60px 0; } .sub-sec-space { padding: 30px 0; } .color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg h5, .color-bg h6, .color-bg p, .color-bg ul li { color: #fff; } .center.bottom-strap:after, .two_column_section.img-bg h2:after, .one_column_section.img-bg h2:after { content: ""; background: url(/wp-content/uploads/2019/03/solar-strap.png); background-size: cover; height: 20px; width: 118px; display: block; margin: 30px auto; } .color-bg .center.bottom-strap, .two_column_section.img-bg h2, .one_column_section.img-bg h2 { filter: brightness(0) invert(1); } .sec-space.ss-price-boxes.padding-top0 { padding-top: 0; } /*Custom Style Css*/ button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link { min-width: 256px; text-align: center; border-radius: 99px; border: solid 1px; cursor: pointer; display: inline-block; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; padding: 20px 25px; width: auto; box-shadow: none; font-size: 14px; font-weight: 600; letter-spacing: 2px; line-height: 1.2; transition: 0.4s; } .button.btn-1, input.gform_button.button { background: #34ae6e; border-color: #34ae6e; color: #fff; } input.gform_button.button { font-size: 14px !important; } .button.btn-1:hover, input.gform_button.button:hover { background: #fff; color: #34ae6e; } .button.btn-2 { background: #2e62d8; border-color: #2e62d8; color: #fff; } .button.btn-2:hover { background: #fff; color: #2e62d8; } .button.btn-3 { background: #db9d2a; border-color: #db9d2a; color: #fff; } .button.btn-3:hover { background: #fff; color: #db9d2a; } .entry-header.inner-page-banner-bg { background-size: cover; min-height: 273px; display: flex; justify-content: center; align-items: center; background-position: center center; height: 1px; } .header-btn-item .button .h-btn-text { font-size: 13px; font-weight: 500; } .header-btn-item .button .h-btn-text b { font-size: 18px; font-weight: 500; display: block; line-height: 1.5; } .header-btn-item .button { padding: 10px; font-size: 18px; max-height: 56px; line-height: 1.1; min-height: 55px; min-width: 240px; position: relative; } .header-btn-item:first-child .button { display: flex; justify-content: center; align-items: center; min-height: 1px; height: 100%; } .header-btn-item a img { position: absolute; left: 15px; width: 32px; top: 12px; filter: brightness(0) invert(1); transition: 0.4s; } .header-btn-item:hover > a > img { filter: unset; filter: hue-rotate(100deg); } .h-btn-text-space { text-align: left; padding-left: 45px; } .equal-half { min-height: 765px; padding: 50px 30px 110px; display: flex; justify-content: center; align-items: center; text-align: center; height: 1px; } .wrap.full-bg-area.color-bg { position: absolute; bottom: 0; width: 100%; background: rgba(35, 31, 32, .9); padding: 25px 10px; } .bg_img_two_column_section { position: relative; } .icon-img img { width: 130px; } .icon-text { min-height: 90px; padding-bottom: 25px; clear: both; } .five_icons_grid_col_section:after { content: ""; background: #999798; max-width: 1170px; width: 100%; position: absolute; bottom: 0; min-height: 1px; max-height: 1px; left: 50%; right: 0; transform: translateX(-50%); } /* .normal-inner-page .wrap.full-bg-area.color-bg {background: none;} */ .inner-banner-border .wrap.full-bg-area.color-bg { display: none; } section.five_icons_grid_col_section.home-border-fix:before { content: ""; background: #999798; max-width: 1170px; width: 100%; position: absolute; top: 0; min-height: 1px; max-height: 1px; left: 50%; right: 0; transform: translateX(-50%); } .five_icons_grid_col_section { position: relative; } .icon-box-item .icon-img { width: 66px; margin-bottom: 30px; } .inner .icon-box-item .icon-img, .home .ss-price-boxes .icon-box-item .icon-img { width: 100px; margin-bottom: 20px; } .content .icon-img img, img.icon-img { border: none; padding: 0; } .icon-box-contents h3 { font-size: 30px; min-height: 72px; display: flex; align-items: center; justify-content: center; } .icon-box-contents h4 { font-size: 26px; font-weight: 400; max-width: 250px; margin-left: auto; margin-right: auto; min-height: 65px; display: flex; align-items: center; justify-content: center; } .icon-box-contents p, .icon-box-contents h3 { max-width: 339px; margin-left: auto; margin-right: auto; } .icon-link { font-weight: 600; font-style: italic; color: #2e62d8; } .three_column_section .one-third { padding-top: 30px; padding-bottom: 30px; } .big-font { font-size: 20px; } .one-half p:last-child { margin-bottom: 0; } .three_fourth_one_fourth_section.img-bg .one-fourth { display: flex; align-items: flex-end; justify-content: center;/* min-height: 155px;*/ } .icon-box-contents { margin-left: 30px; } .rplg-slider .rplg-slider-prev, .rplg-slider .rplg-slider-next { background: transparent; } /*Vertical Timeline (connected li) */ .what-process ul li { position: relative; /* so that pseudoelements are positioned relatively to their "li"s*/ /* use padding-bottom instead of margin-bottom.*/ margin-bottom: 0; /* This overrides previously specified margin-bottom */ padding-bottom: 2.5em; } .what-process ul li:after { width: 70px; height: 70px; position: absolute; left: -84px; border-radius: 50%; padding: 5px; border: 2px solid #34ae6e; background-color: #fff; background-size: 65%; background-repeat: no-repeat; background-position: center; content: ""; top: 0; } .what-process ul li.step-1:after { /* bullets */ background-image: url("/wp-content/uploads/2019/03/contact-methods.png"); } .what-process ul li.step-2:after { background-image: url("/wp-content/uploads/2019/03/conversation.png"); } .what-process ul li.step-3:after { background-image: url("/wp-content/uploads/2019/03/repairs-support.png"); } .what-process ul li.step-4:after { background-image: url("/wp-content/uploads/2019/03/invoice-report.png"); } .what-process ul li.step-5:after { background-image: url("/wp-content/uploads/2019/03/thumbs-up.png"); } .what-process ul > li:before { /* lines */ content: ""; position: absolute; left: -6px; /* adjust manually */ border-left: 2px dashed black; background-image: none !important; height: 100% !important; margin-left: -42px !important; margin-top: 1rem !important; width: 1px; } .what-process ul { margin-left: 50px !important; } .what-process ul li:first-child:before { /* first li's line */ top: 6px; /* moves the line down so that it disappears under the bullet. Adjust manually */ } .what-process ul > li:last-child:before { /* last li's line */ height: 6px !important; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */ } /*Gravity Form Css*/ .gform_wrapper .hidden_label input, .gform_wrapper .hidden_label select, .gform_wrapper .top_label select, .gform_wrapper li.hidden_label input, .gform_wrapper textarea { padding: 20px 50px !important; letter-spacing: normal; border-radius: 33px !important; background-color: #F8F8F8; border-color: #e6e6e6; line-height: 1.2; } .gform_wrapper select { -webkit-appearance: none; -webkit-border-radius: 33px; background-image: url('/wp-content/uploads/2019/03/arrow.png'); background-position: 90% 55%; background-size: 24px; background-repeat: no-repeat; } .gform_wrapper form .top_label li.gfield.gf_left_half:before { display: none; } .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] { margin-bottom: 0 !important; } .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper li.hidden_label input { margin: 0 !important; } .gf_placeholder { font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } ::placeholder { /* Most modern browsers support this now. */ color: #505050; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; opacity: 1; text-transform: uppercase; letter-spacing: 3px; } .gform_wrapper .hidden_label input, .gform_wrapper .hidden_label select, .gform_wrapper .top_label select, .gform_wrapper li.hidden_label input, .gform_wrapper textarea { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #231f20; font-size: 1.6rem !important; } /* Accordions */ section.accordions-area.sub-sec-space:nth-child(even) { background: #f9f9f9; } .acc-menu-wrap h2.center { font-family: 'Cormorant Garamond', serif; color: #2e62d8; } summary { cursor: pointer; font-size: 22px; font-weight: 800; transition-timing-function: ease-in-out; transition-delay: .4s; } details { background: transparent; color: #000; padding: 10px; border: none; text-align: left; outline: none; font-size: 18px; margin-bottom: 5px; font-weight: bold; transition-timing-function: ease-in-out; transition-delay: .4s; } .accordion:focus { color: #000 !important; } .accordion details summary:before { font-family: "FontAwesome"; content: "\f055"; display: inline-block; padding-right: 15px; vertical-align: middle; font-weight: 900; color: #db9d2a; } .accordion details[open] summary:before { font-family: "FontAwesome"; content: "\f056"; display: inline-block; padding-right: 15px; vertical-align: middle; font-weight: 900; color: #db9d2a; } .accordion p { margin: 0px 35px; border-top: 2px solid; padding-top: 5px; } /* Gavin Stuff */ .adjusted-head-gavin-2::after { content: ""; background: url(/wp-content/uploads/2019/03/solar-strap.png); background-size: cover; height: 25px; width: 155px; display: block; margin: auto; } .awd-spacing h2 { margin-bottom: 30px; } .text-center { text-align: center; } /* */ @media only screen and (min-width:860px) { .icon-box-contents p { min-height: 255px; } .home section.three_column_section.sec-space.ss-price-boxes .icon-box-contents p:last-of-type { min-height: 100px; } .inner .icon-box-contents p { min-height: 150px; } .big-font p em { font-size: 28px; line-height: 1.2; } img.right-area-img { max-width: 230px; float: right; width: 100%; } .three_fourth_one_fourth_section p { font-size: 25px; font-weight: 100; } .three_fourth_one_fourth_section.img-bg p { font-weight: 400; } .one_contents_area p span { font-size: 25px; font-weight: 400; } .one_contents_area p span.as-heading-3 { font-size: 4.1rem; font-weight: 400; } .one_contents_area p { text-align: center; max-width: 1060px; margin-left: auto; margin-right: auto; } img.indent-below { margin-bottom: 100px !important; } img.consultation-mobile { display: none; } img.consultation-desktop { display: block; } } @media only screen and (max-width:859px) { img.consultation-mobile { display: block; } img.consultation-desktop { display: none; } .hide-mobile { display: none; } } .center-thanks { margin-top: 80px; text-align: center; } /* .ss-multi-btns a:last-child { margin-left: 10px; } */ .ss-multi-btns { margin: 45px 0 25px; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 20px; } /* media query edits */ @media only screen and (max-width:1250px) { .site-topbar .wrap { max-width: 90%; } .site-header > .wrap { max-width: 95%; } .header-btn-item .button .h-btn-text { font-size: 11px; text-align: center; padding-left: 20px; position: relative; } .footercontent .textwidget > p { flex-wrap: wrap; } } @media only screen and (max-width:1200px) { .header-btn-items.desktop-header-row { display: flex; float: right; padding: 5.5px 0; justify-content: center; } .header-btn-items.desktop-header-row .button .h-btn-text b { font-size: 1.5rem; } .header-btn-items.desktop-header-row .header-btn-item a img { left: 30px; width: 25px; top: 14px; } .header-btn-items.desktop-header-row .header-btn-item .button { padding: 7px 10px; min-height: 50px; } .site-header .genesis-nav-menu > li > a { padding-left: 13px; padding-right: 13px; } .genesis-nav-menu > .menu-item-has-children > a::after { content: none; } h2, .as-heading-2 { font-size: 3.7rem; } #field_2_2, #field_2_3 { width: 100%; } .five_icons_grid_col_section .boder-line { flex: 0 0 49%; margin-bottom: 20px; background: none; } .entry-header .wp-post-image { margin-top: 50px; } .author-box { max-width: 90%; margin-left: auto; margin-right: auto; } #commentform { margin-bottom: 65px; } #respond { max-width: 90%; margin: 10px auto 75px; } .service-boxes .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; min-height: 1px; max-width: 90%; margin-left: auto; margin-right: auto; } .service-boxes .wrap .one-third { flex: 0 0 50%; margin-left: auto; margin-right: auto; padding-bottom: 0; } .service-boxes .wrap .one-third:nth-child(2n+1) { border: none; } .service-boxes .wrap .one-third:nth-child(2n) { border-right: none; border-left: solid 1px #adadb0 !important; } .service-boxes .icon-box-contents p, .service-boxes .icon-box-contents h3 { max-width: 380px; margin-left: auto; margin-right: auto; } .service-boxes .icon-box-contents { margin-left: auto; } .ss-price-boxes .wrap > .one-third, .home .ss-price-boxes .three_column_section .wrap > .one-third { flex: 0 0 48%; } .inner .ss-price-boxes .one-third:last-child .icon-box-contents p .primary-text { margin-top: 0; display: inline-block; } .ss-price-boxes .wrap > .one-third:last-of-type .icon-box-contents { min-height: inherit; margin-bottom: 15%; } .ss-price-boxes .wrap > .one-third .icon-box-item { max-width: 410px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .blog.inner .site-inner { padding-left: 5%; padding-right: 5%; margin-top: 100px; } .skyline-section img { display: block; float: none; max-width: 200px; width: 100%; } .skyline-section { clear: both; margin-bottom: 25px; } } @media only screen and (max-width:1140px) { .site-header .wrap { display: flex; flex-direction: column-reverse; min-height: 1px; } .header-btn-items.desktop-header-row { padding: 20px 0 0; } .equal-half h1 { font-size: 3rem; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link { padding: 20px 15px; } .site-topbar-left { width: 100%; text-align: center; } .service-boxes { padding-top: 0; padding-bottom: 0; } .site-header .genesis-nav-menu > li > a { padding-left: 18px; padding-right: 18px; } } @media only screen and (max-width:1023px) { .site-topbar .wrap { max-width: 100%; } .site-topbar-left { display: block; width: 100%; text-align: center; margin: 15px auto; } .site-topbar { height: auto; min-height: 80px; } .site-topbar_right { float: none; width: 100%; text-align: center; line-height: 1.7; padding: 5px 0 20px; } .header-btn-items.desktop-header-row { display: flex; justify-content: center; width: 100%; height: 100%; min-height: 1px; padding: 10px; } .ss-top-sticky { z-index: 999999; position: fixed; top: -1px; width: 100%; height: 1px; } .home .site-inner, .entry-header.inner-page-banner-bg { margin-top: 90px; } body { overflow-x: hidden; } .site-header .wrap { max-width: 100%; width: 100%; display: block; background: #f7f5f5; } #genesis-nav-primary #menu-main-menu { max-width: 600px; width: 100%; margin: 0 auto; border: 1px solid #eee; background: #fff; } .header-btn-item .button.btn-2 { display: flex; justify-content: center; align-items: center; } .header-btn-item .button { min-width: 1px; } .header-btn-item .button.btn-1 .h-btn-text { padding: 0; } .contact-us .two_column_section .one-half, .contact-us .three_col_bullets .one-third { width: 100%; text-align: center; margin-left: 0; margin-right: 0; } .contact-us .two_column_section .one-half.first { margin-bottom: 65px; } .contact-us .three_col_bullets .one-third { border-bottom: 1px solid #eee; padding: 25px; margin-bottom: 45px; } .contact-us .three_col_bullets .one-third:last-of-type { border: none; padding-bottom: 15px; } .home .equal-half, section.bg_img_two_column_section.inner-banner-border .equal-half { min-height: 600px; } .five_icons_grid_col_section { padding-left: 3%; padding-right: 3%; } .home .three_column_section .wrap { display: flex; flex-wrap: wrap; justify-content: center; } .home .three_column_section .wrap .one-third { flex: 0 0 42%; margin-left: auto; margin-right: auto; border: none; } .home .three_column_section .wrap .one-third:last-of-type { border: none; flex: 0 0 100%; width: 100%; margin-top: 0; padding-top: 30px; max-width: 410px } .home .three_column_section .wrap .one-third:last-of-type .icon-box-contents { margin-left: 0; } .icon-box-contents p, .icon-box-contents h3, .icon-box-contents h4 { max-width: 100%; margin-left: auto; margin-right: auto; min-height: 1px; } .home .three_column_section .wrap .one-third .icon-box-contents { margin-left: 0; } .home .equal-half, section.bg_img_two_column_section.inner-banner-border .equal-half { min-height: 700px; } .service-boxes h3 { font-size: 2.5rem; min-height: 50px; } .service-boxes .icon-box-contents p { font-size: 1.6rem; } .service-boxes .one-third.first:first-of-type { padding-top: 0; } .home .equal-half:first-child, section.bg_img_two_column_section.inner-banner-border .equal-half:first-child { border-right: 10px solid #f5f5f5; } .home .equal-half:last-child, section.bg_img_two_column_section.inner-banner-border .equal-half:last-child { border-left: 10px solid #f5f5f5; } .header-btn-items .button.btn-2 { background: #3956A6; border-color: #3956A6; color: #fff; } .header-btn-items .button.btn-1 { background: #DB9C28; border-color: #DB9C28; color: #fff; } .header-btn-items .button.btn-1:hover { background: #3956A6; color: #fff; border-color: #3956A6; } .header-btn-items .button.btn-2:hover { background: #db9c28; color: #fff; border-color: #db9c28; } .header-btn-item:hover > a > img { filter: brightness(0) invert(1); } .header-btn-items.desktop-header-row { background: #f5f5f5; } .blog.inner .site-inner { margin-top: 165px; } .sidebar-primary { padding: 5% 0 10%; } .site-footer .container { display: block; } .left-footer, .center-footer, .right-footer { width: 100%; margin-left: 0; margin-bottom: 20px; } .ss-video-banner { margin-top: 150px; } .section.ss-util .first.one-third { width: 100%; margin: 0 auto 35px; } .one-third.ss-commlist { width: 48%; margin-left: auto; margin-right: auto; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap { flex-direction: column-reverse; flex-wrap: wrap; } .ss-util .lead.ss-left { text-align: center; max-width: 510px; margin-left: auto; margin-right: auto; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap .one-fourth, .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap .first { width: 100%; flex: 0 0 100%; margin-bottom: 45px !important; padding-left: 0 !important; padding-right: 0 !important; } .three_fourth_one_fourth_section.double-sec-space.ss-thirds .wrap img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .three_fourth_one_fourth_section.ss-hspace.ss-ops .wrap img { max-width: 300px; margin-left: auto; margin-right: auto; display: block; } .ss-commercial .ss-hspace h2 { text-align: center !important; } .ss-commercial .two_column_section.ss-commhalf h2, .ss-commercial .ss-thirds h2 { text-align: center; } .ss-upgrades .lead.primary-text { text-align: center; } @-moz-document url-prefix() { section.bg_img_two_column_section.inner-banner-border { margin-top: 90px; } } section.bg_img_two_column_section.inner-banner-border { margin-top: 90px; } .top-accordion { padding-top: 150px; } body.page-id-16 .site-container { margin-top: 90px; } } @media only screen and (max-width:860px) { .flex-center div + .wrap { flex-direction: column; } .flex-center div + .wrap .one-half { flex: 0 0 100%; width: 100%; padding-left: 0; margin-left: auto; margin-right: auto; } .skyline-section img { display: inline-block; float: left; max-width: 250px; width: 100%; margin-right: 5% !important; } .flex-center div + .wrap .one-half.first { margin-bottom: 0px; text-align: center; } .ss-multi-btns { justify-content: center; } } @media only screen and (min-width:860px) { .adjusted-head-gavin-membership { padding-top: 50px; margin-bottom: -100px; text-align: center; } .adjusted-head-gavin-2 { padding-top: 50px; margin-bottom: -100px; text-align: center; } .tablet-show { display: none; } } @media only screen and (max-width:859px) { .header-btn-items.mobile-header-row .header-btn-item:first-of-type { flex: 0 0 66%; } h3, .as-heading-3 { font-size: 3rem; } .home .bg_img_two_column_section .wrap.full-bg-area { display: flex; } .home .wrap.full-bg-area.color-bg { display: block; } .equal-half h1 { font-size: 2.5rem; min-height: 120px; } .home .equal-half, section.bg_img_two_column_section.inner-banner-border .equal-half { min-height: 540px; } .home .two_column_section .one-half:last-of-type { padding-left: 0; margin-top: 60px; } .home .three_column_section .wrap .one-third, .home .three_column_section .wrap .one-third:last-of-type { flex: 0 0 75%; } .home .two_column_section img { margin-left: auto; margin-right: auto; } .three_fourth_one_fourth_section .one-fourth img { max-width: 230px; margin: 50px auto 0; } .error-wrap.wrap { padding: 3%; } .service-boxes .wrap .one-third, .service-boxes .wrap .one-third:nth-child(2n), .service-boxes .wrap .one-third:nth-child(2n+1) { flex: 0 0 100%; border-left: none !important; border-right: none !important; border: none !important; padding-bottom: 30px; padding-top: 30px; margin-bottom: 10px; } .service-boxes h3 { font-size: 3rem; min-height: inherit; } .service-boxes .icon-box-contents { margin-left: 0; } .service-boxes .icon-box-contents p { max-width: 440px; } .service-boxes .icon-box-contents p { font-size: 1.8rem; } .service-boxes .icon-box-contents h3 { max-width: 320px; } .two_column_section.sum-sec-space { padding-left: 5%; padding-right: 5%; } .one_contents_area p { text-align: center; } .ss-price-boxes .wrap > .one-third { flex: 0 0 75%; margin: 0 auto 60px; padding-left: 10px; padding-right: 10px; } .ss-price-boxes .wrap p:first-of-type, .ss-price-boxes .wrap p, .home .ss-price-boxes .ss-price-boxes .wrap p:first-of-type { min-height: 1px; margin-bottom: 20px; } .ss-price-boxes .icon-box-contents { min-height: 1px; margin-left: 0; padding-bottom: 10%; } .ss-price-boxes .wrap > .one-third { border: 4px solid #db9d2a !important; } .ss-price-boxes .wrap > .one-third .icon-box-item { max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .home .equal-half:first-child { border-right: 7px solid #f5f5f5; } section.bg_img_two_column_section.inner-banner-border .equal-half:first-child { border-right: none; border-bottom: 5px solid #f5f5f5; } .home .equal-half:last-child { border-left: 7px solid #f5f5f5; } section.bg_img_two_column_section.inner-banner-border .equal-half:last-child { border-left: none; } .vid-content h2 { font-size: 3.4rem; } .ss-commercial h2 { font-size: 3.7rem; } .lead { font-size: 2.3rem; } .ss-multi-btns { margin: 45px auto; text-align: center; } .adjusted-head-gavin-2::after { margin-bottom: 1em; } .rplgsw-container { padding-bottom: 30px !important; } .two_column_section.flex-center.skyline-intro > .wrap { flex-direction: column-reverse; row-gap: 20px; } .tablet-hide { display: none; } h2.tablet-show { text-align: center; } .tablet-top-title .center.bottom-strap { display: none; } .sum-sec-space { padding: 60px 0; } } @media only screen and (max-width:781px) { .wp-block-columns.has-2-columns .wp-block-column { flex: 0 0 100%; margin-left: auto; margin-right: auto; } .wp-block-columns.has-2-columns { flex-wrap: wrap; } @-moz-document url-prefix() { section.bg_img_two_column_section.inner-banner-border { margin-top: 157px; } } /* section.bg_img_two_column_section.inner-banner-border {margin-top: 157px;} */ } @media only screen and(max-width:781px) and @-moz-document url-prefix() { section.bg_img_two_column_section.inner-banner-border { margin-top: 157px; } } @media only screen and (max-width:768px) { .site-footer .site-footer .menu-footer-menu-container .menu-item { padding: 45px 25px; } .home .equal-half, section.bg_img_two_column_section.inner-banner-border .equal-half { min-height: 520px; } .equal-half h1 { font-size: 2rem; min-height: 80px; } h2, .as-heading-2 { font-size: 3rem; } .ss-commercial section.one_column_section.sec-space:first-of-type { padding-top: 45px; padding-bottom: 75px; } .skyline-section img { display: block; float: none; max-width: 250px; width: 100%; margin-right: auto !important; margin: 40px auto; } .flex-center { text-align: center; } .mobile-hide { position: absolute; left: -9999rem; top: -9999rem; } .heading-2 { font-size: 28px; } } @media only screen and (max-width:700px) { .one-third.ss-commlist { width: 100%; } .one-third.ss-commlist p:empty { display: none; } .one-third.ss-commlist ul { margin-bottom: 15px; } } @media only screen and (max-width:640px) { .header-btn-item a img { width: 15px; margin-right: 10px; } .mobile-header-row .header-btn-item, .mobile-header-row .header-btn-item .button { min-height: 38px; } .header-btn-items.mobile-header-row .header-btn-item:first-of-type { flex: 0 0 75%; } .site-footer .menu-footer-menu-container .menu-item { display: block; padding: 15px 0; } .menu-footer-menu-container { clear: both; margin: 35px auto 50px; } .footercontent .menu-location-links-container li:not(:first-child) { border-left: 1px solid #fff; } .home .bg_img_two_column_section .wrap.full-bg-area { flex-direction: column; clear: both; } .home .equal-half, section.bg_img_two_column_section.inner-banner-border .equal-half { min-height: 440px; width: 100%; flex: 0 0 100%; align-items: center; justify-content: center; } .home .wrap.full-bg-area.color-bg { position: relative; } .equal-half h1 { font-size: 3.5rem; min-height: 180px; } .five_icons_grid_col_section { padding-left: 5%; padding-right: 5%; } .center.bottom-strap .as-heading-3, .center.bottom-strap h2 { display: block; line-height: 1.3; margin: 25px auto; font-size: 2.55rem; } .three_fourth_one_fourth_section .one-fourth img { display: block; } .awd-site-credit { display: block; padding: 5px 0; } .site-header .wrap { padding: 0; width: 100%; } .header-btn-items.desktop-header-row { padding: 0; } .header-btn-item { width: 100%; } .header-btn-items.desktop-header-row .header-btn-item .button { margin: 0; border-radius: 0; } .header-btn-item + .header-btn-item { margin-left: 0; } .error404 ul.pages-list-flex > li { flex: 0 0 45%; text-align: center; } .error404 h1.heading-1 { font-size: 2.5rem; } .error404 .top-title p { font-size: 2.2rem; margin-top: 25px; } .ss-price-boxes .wrap { max-width: 100%; padding-left: 3%; padding-right: 3%; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1.1; min-height: inherit; } .gform_wrapper .hidden_label input, .gform_wrapper .hidden_label select, .gform_wrapper .top_label select, .gform_wrapper li.hidden_label input, .gform_wrapper textarea { padding: 15px 30px !important; } .contact-us .two_column_section .one-half:last-of-type { padding-left: 0; } .contact-us .two_column_section .one-half:last-of-type h2 { margin-bottom: 35px; } .gf_placeholder { font-size: 15px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #505050; font-size: 15px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #505050; font-size: 15px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #505050; font-size: 15px; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #505050; font-size: 15px; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #505050; font-size: 15px; } ::placeholder { /* Most modern browsers support this now. */ color: #505050; } .home .equal-half:first-child, section.bg_img_two_column_section.inner-banner-border .equal-half:first-child { border-right: none; border-bottom: 7px solid #f5f5f5; } .home .equal-half:last-child, section.bg_img_two_column_section.inner-banner-border .equal-half:last-child { border-left: none; } .entry-header.inner-page-banner-bg.color-banner-bg { border-top: 10px solid #f7f5f5; } .header-btn-item:first-child { margin-right: 3px; } .ss-video-banner { margin-top: 135px; } .vid-content h2 { font-size: 2rem; text-transform: uppercase; } .ss-multi-btns { display: flex; flex-direction: column; justify-content: center; } .ss-multi-btns a:last-child { margin-left: auto; margin-top: 40px; } .ss-multi-btns .button { max-width: 260px; margin: 0 auto; } @-moz-document url-prefix() { section.bg_img_two_column_section.inner-banner-border { margin-top: 90px; } } summary { font-size: 18px; } details { margin-bottom: 0px; } .accordion p { font-size: 16px; } .mobile-640-hide { position: absolute; left: -9999rem; top: -9999rem; } .heading-2 { font-size: 24px; } } @media only screen and (max-width:560px) { .header-btn-item .button .h-btn-text b { display: block; padding: 0; font-size: 1.4rem; } .header-btn-item .button .h-btn-text b::before { content: ''; } .header-btn-item a img { width: 25px; margin-right: 15px; } .header-btn-items.mobile-header-row .header-btn-item:first-of-type { flex: 0 0 66%; } .mobile-header-row .header-btn-item, .mobile-header-row .header-btn-item .button { min-height: 45px; } .header-btn-item .button { padding: 7px 5px; } #menu-location-links-1 { display: block; margin: 35px auto 20px; } .footercontent .menu-location-links-container li:not(:first-child) { border-left: none; padding: 3px 0; } /* .footercontent .textwidget > p { flex-direction: column; justify-content: center; align-items: center; } .footercontent .image { max-width: 200px !important; width: 100%; margin-bottom: 20px; } */ .footercontent .textwidget p.footer-license { font-size: 1.2rem; } .footercontent .textwidget > p.footer-phone { font-size: 3rem; } .equal-half h1 { font-size: 3rem; min-height: 130px; } .home .bg_img_two_column_section .wrap.full-bg-area.color-bg h4 { font-size: 2.4rem; } h5, .as-heading-5 { font-size: 2rem; } .five_icons_grid_col_section .boder-line { flex: 0 0 100%; margin-bottom: 20px; background: none; width: 100%; } .menu-location-links-container { padding: 30px 0 10px; } .home .equal-half:first-child, section.bg_img_two_column_section.inner-banner-border .equal-half:first-child { border-bottom: 5px solid #f5f5f5; } .vid-content h2 { font-size: 1.5rem; text-transform: uppercase; } } @media only screen and (max-width:480px) { .site-topbar li.menu-item a { font-size: 1.4rem; line-height: 1; } .header-btn-items.desktop-header-row .header-btn-item a img { display: none; } .header-btn-item .button .h-btn-text { padding-left: 0; } .wp-custom-logo .custom-logo-link { height: auto; max-width: 66%; /* margin: 10px auto 0; */ } .rplgsw-container { padding-bottom: 60px !important; } } @media only screen and (max-width:360px) { .site-header .menu-toggle { top: 26px; right: 15px; } } /**** Safari iOS only ****/ @supports (-webkit-overflow-scrolling:touch) { body { margin-top: 46px; } } .rplg-slider .rplg-stars { display: block !important; } /* New Split Header */ section.bg_img_two_column_section.instagram-section .equal-half { min-height: 765px; padding: 50px 30px 180px; } section.bg_img_two_column_section.instagram-section .equal-half.left-section-instagram { padding: 0px 30px 180px; } section.bg_img_two_column_section.instagram-section.gold-title h1 { color: #db9d2a; font-size: 3.5rem; } img.left-image-instagram-banner-section { max-width: 300px; border: none; display: block; margin: 0 auto 30px; } span.sbi_caption { font-weight: 600 !important; } section.bg_img_two_column_section.instagram-section div#sb_instagram { margin-top: 40px; } /* padding sections */ .sub-sec-space.padding-60-60 { padding-top: 60px; padding-bottom: 60px; } @media screen and (min-width:860px) { .two_column_section.flex-center > .wrap { display: flex; align-items: center; } } .gform_heading .gform_required_legend { display: none !important; } .rplg-box .rplg-google-logo { display: none; } /* new color scheme */ .site-topbar .wrap .site-topbar-left { width: 100%; } .wp-custom-logo .custom-logo-link { height: 160px; } .site-topbar { height: 160px; background-color: #5630db; } .button.btn-1, input.gform_button.button, .ss-price-boxes .icon-link { background: #5630db; border-color: #5630db; } .button.btn-1:hover, input.gform_button.button:hover, .ss-price-boxes .icon-link:hover { color: #5630db; } .button.btn-2 { background: #574e95; border-color: #574e95; } .button.btn-2:hover { color: #574e95; } .button.btn-3 { background: #574e95; border-color: #574e95; } .button.btn-3:hover { color: #574e95; } .header-btn-item a:hover img { filter: hue-rotate(28deg); } h2, .as-heading-2, h3, .as-heading-3, .acc-menu-wrap h2.center { color: #5630db; } .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu a:hover { color: #5630db; } .accordion details summary::before, .accordion details[open] summary::before { color: #574e95; } .site-footer a:hover, .footercontent .textwidget > p.footer-phone a { color: #5630db; } .social-icons a:hover i { background: #5630db; } .rplg-grid-row.rplg-businesses .rplg-box a { color: #5630db; } .rplg-stars use { fill: #574e95; } .rplg .rplg-review-name { color: #5630db !important; } .rplgsw-pagination-bullet-active { background: #5630db; } .primary-text, .ss-price-boxes .wrap li.yes-bullet::before { color: #574e95; } a { color: #5630db; font-weight: 400; } a:hover, a:focus { color: #574e95; } .entry-title a:hover, .entry-title a:focus, .entry-meta a:hover { color: #5630db; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background: #574e95 none repeat scroll 0 0; } .rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score { color: #5630db !important; } #responsiveTabsDemo li.r-tabs-tab.r-tabs-state-active a.r-tabs-anchor { background: #5630db !important; } .r-tabs .r-tabs-nav .r-tabs-anchor { background-color: #574e95 !important; } .css-1qysb6y.right { background: #574e95 !important; }