Last active
September 10, 2018 23:03
-
-
Save srikat/0940d3f070d3355c6e94 to your computer and use it in GitHub Desktop.
How to edit Altitude Pro's style.css to fix the background images' loading problem. https://sridharkatakam.com/how-to-edit-altitude-pros-style-css-to-fix-the-background-images-loading-problem/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .front-page-2, | |
| .front-page-3, | |
| .front-page-4, | |
| .front-page-5, | |
| .front-page-6, | |
| .front-page-7 { | |
| border-top: 54px solid transparent; | |
| margin-top: -54px; | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| position: relative; | |
| z-index: 9; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .front-page-2, | |
| .front-page-3, | |
| .front-page-4, | |
| .front-page-5, | |
| .front-page-6, | |
| .front-page-7 { | |
| /*border-top: 54px solid transparent; | |
| margin-top: -54px; | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| position: relative;*/ | |
| z-index: 9; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .bottom-image { | |
| margin-bottom: -120px; | |
| margin-top: 100px; | |
| } | |
| .bottom-image img { | |
| margin-bottom: -10px; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .bottom-image { | |
| /*margin-bottom: -120px;*/ | |
| margin-top: 100px; | |
| } | |
| .bottom-image img { | |
| /*margin-bottom: -10px;*/ | |
| vertical-align: top; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .front-page-2 .flexible-widgets { | |
| padding-bottom: 0; | |
| } | |
| .front-page-2 .flexible-widgets .widget { | |
| margin-bottom: 0; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .front-page-2 .flexible-widgets.widget-full .widget { | |
| margin-bottom: 0; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .bottom-image { | |
| margin-top: 60px; | |
| margin-bottom: -80px; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .front-page-2 .solid-section .flexible-widgets { | |
| padding-bottom: 0; | |
| } | |
| .bottom-image { | |
| margin-top: 60px; | |
| /*margin-bottom: -80px;*/ | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Altitude Pro Theme | |
| Theme URI: http://my.studiopress.com/themes/altitude/ | |
| Description: Make a stunning first impression, grab attention, and dynamically tell your story with beautiful images and clean typography. | |
| Author: StudioPress | |
| Author URI: http://www.studiopress.com/ | |
| Version: 1.0.0 | |
| Tags: black, white, blue, green, orange, pink, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page | |
| Template: genesis | |
| Template Version: 2.1 | |
| License: GPL-2.0+ | |
| License URI: http://www.opensource.org/licenses/gpl-license.php | |
| */ | |
| /* Table of Contents | |
| - HTML5 Reset | |
| - Baseline Normalize | |
| - Box Sizing | |
| - Float Clearing | |
| - Defaults | |
| - Typographical Elements | |
| - Headings | |
| - Objects | |
| - Gallery | |
| - Forms | |
| - Buttons | |
| - Structure and Layout | |
| - Site Containers | |
| - Column Widths and Positions | |
| - Column Classes | |
| - Common Classes | |
| - Avatar | |
| - Genesis | |
| - Search Form | |
| - Titles | |
| - WordPress | |
| - Widgets | |
| - Plugins | |
| - Genesis eNews Extended | |
| - Jetpack | |
| - Site Header | |
| - Title Area | |
| - Widget Area | |
| - Site Navigation | |
| - Primary Navigation | |
| - Secondary Navigation | |
| - Footer Navigation | |
| - Responsive Menu | |
| - Content Area | |
| - Front Page | |
| - Dashicons | |
| - Flexible Widgets | |
| - Content | |
| - Entries | |
| - Entry Meta | |
| - After Entry | |
| - Pagination | |
| - Content Boxes | |
| - Comments | |
| - Sidebar | |
| - Footer Widgets | |
| - Site Footer | |
| - Media Queries | |
| - Max-width: 1280px | |
| - Max-width: 1200px | |
| - Max-width: 1023px | |
| - Max-width: 800px | |
| - Max-width: 480px | |
| */ | |
| /* | |
| HTML5 Reset | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Baseline Normalize | |
| normalize.css v2.1.3 | MIT License | git.io/normalize | |
| --------------------------------------------- */ | |
| article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} | |
| /* Box Sizing | |
| --------------------------------------------- */ | |
| *, | |
| input[type="search"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* Float Clearing | |
| --------------------------------------------- */ | |
| .author-box:before, | |
| .clearfix:before, | |
| .entry:before, | |
| .entry-content:before, | |
| .pagination:before, | |
| .site-container:before, | |
| .site-footer:before, | |
| .site-header:before, | |
| .site-inner:before, | |
| .widget:before, | |
| .wrap:before { | |
| content: " "; | |
| display: table; | |
| } | |
| .author-box:after, | |
| .clearfix:after, | |
| .entry:after, | |
| .entry-content:after, | |
| .pagination:after, | |
| .site-container:after, | |
| .site-footer:after, | |
| .site-header:after, | |
| .site-inner:after, | |
| .widget:after, | |
| .wrap:after { | |
| clear: both; | |
| content: " "; | |
| display: table; | |
| } | |
| /* | |
| Defaults | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Typographical Elements | |
| --------------------------------------------- */ | |
| body { | |
| background-color: #fff; | |
| color: #000; | |
| font-family: "Ek Mukta", sans-serif; | |
| font-size: 20px; | |
| font-weight: 200; | |
| line-height: 1.5; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| body.altitude-home { | |
| background: none; | |
| } | |
| a, | |
| input:focus, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| textarea:focus, | |
| .button, | |
| .site-header.dark { | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -ms-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| ::-moz-selection { | |
| background-color: #000; | |
| color: #fff; | |
| } | |
| ::selection { | |
| background-color: #000; | |
| color: #fff; | |
| } | |
| a { | |
| color: #22a1c4; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| color: #000; | |
| } | |
| p { | |
| margin: 0 0 30px; | |
| padding: 0; | |
| } | |
| ol, | |
| ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| li { | |
| list-style-type: none; | |
| } | |
| b, | |
| strong { | |
| font-weight: 800; | |
| } | |
| cite, | |
| em, | |
| i { | |
| font-style: italic; | |
| } | |
| blockquote { | |
| color: #999; | |
| margin: 40px; | |
| } | |
| blockquote::before { | |
| content: "\201C"; | |
| display: block; | |
| font-size: 30px; | |
| height: 0; | |
| left: -20px; | |
| position: relative; | |
| top: -10px; | |
| } | |
| /* Headings | |
| --------------------------------------------- */ | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-family: "Ek Mukta", sans-serif; | |
| font-weight: 200; | |
| line-height: 1.2; | |
| margin: 0 0 20px; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| } | |
| h2 { | |
| font-size: 32px; | |
| } | |
| .image-section h2, | |
| .solid-section h2 { | |
| font-size: 80px; | |
| font-weight: 200; | |
| line-height: 1; | |
| } | |
| .front-page-2.solid-section h2 { | |
| font-size: 48px; | |
| } | |
| h3 { | |
| font-size: 30px; | |
| } | |
| h4 { | |
| font-size: 24px; | |
| } | |
| .image-section h4, | |
| .solid-section h4 { | |
| font-size: 16px; | |
| font-weight: 800; | |
| letter-spacing: 3px; | |
| text-transform: uppercase; | |
| } | |
| h5 { | |
| font-size: 20px; | |
| } | |
| h6 { | |
| font-size: 18px; | |
| } | |
| /* Objects | |
| --------------------------------------------- */ | |
| embed, | |
| iframe, | |
| img, | |
| object, | |
| video, | |
| .wp-caption { | |
| max-width: 100%; | |
| } | |
| img { | |
| height: auto; | |
| } | |
| .full-width-content img.pull-left { | |
| float: left; | |
| margin: 0 40px 40px -200px; | |
| } | |
| .full-width-content img.pull-right { | |
| float: right; | |
| margin: 0 -200px 40px 40px; | |
| } | |
| .featured-content img, | |
| .gallery img { | |
| width: auto; | |
| } | |
| /* Gallery | |
| --------------------------------------------- */ | |
| .gallery { | |
| margin-bottom: 28px; | |
| overflow: hidden; | |
| } | |
| .gallery-item { | |
| float: left; | |
| margin: 0; | |
| padding: 0 4px; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .gallery-columns-2 .gallery-item { | |
| width: 50%; | |
| } | |
| .gallery-columns-3 .gallery-item { | |
| width: 33%; | |
| } | |
| .gallery-columns-4 .gallery-item { | |
| width: 25%; | |
| } | |
| .gallery-columns-5 .gallery-item { | |
| width: 20%; | |
| } | |
| .gallery-columns-6 .gallery-item { | |
| width: 16.6666%; | |
| } | |
| .gallery-columns-7 .gallery-item { | |
| width: 14.2857%; | |
| } | |
| .gallery-columns-8 .gallery-item { | |
| width: 12.5%; | |
| } | |
| .gallery-columns-9 .gallery-item { | |
| width: 11.1111%; | |
| } | |
| .gallery-columns-2 .gallery-item:nth-child(2n+1), | |
| .gallery-columns-3 .gallery-item:nth-child(3n+1), | |
| .gallery-columns-4 .gallery-item:nth-child(4n+1), | |
| .gallery-columns-5 .gallery-item:nth-child(5n+1), | |
| .gallery-columns-6 .gallery-item:nth-child(6n+1), | |
| .gallery-columns-7 .gallery-item:nth-child(7n+1), | |
| .gallery-columns-8 .gallery-item:nth-child(8n+1), | |
| .gallery-columns-9 .gallery-item:nth-child(9n+1) { | |
| clear: left; | |
| } | |
| .gallery .gallery-item img { | |
| border: none; | |
| height: auto; | |
| margin: 0; | |
| } | |
| /* Forms | |
| --------------------------------------------- */ | |
| input, | |
| select, | |
| textarea { | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| border-radius: 0; | |
| box-shadow: none; | |
| color: #000; | |
| font-size: 20px; | |
| font-weight: 200; | |
| padding: 20px; | |
| width: 100%; | |
| } | |
| input:focus, | |
| textarea:focus { | |
| border: 1px solid #999; | |
| outline: none; | |
| } | |
| .front-page input:focus, | |
| .front-page textarea:focus { | |
| border: 1px solid #22a1c4; | |
| outline: none; | |
| } | |
| input[type="checkbox"], | |
| input[type="image"], | |
| input[type="radio"] { | |
| width: auto; | |
| } | |
| ::-moz-placeholder { | |
| color: #000; | |
| opacity: 1; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #000; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| .button, | |
| .widget .button { | |
| background-color: #22a1c4; | |
| border: 2px solid #22a1c4; | |
| border-radius: 5px; | |
| color: #fff; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-weight: 800; | |
| letter-spacing: 2px; | |
| padding: 15px 25px; | |
| text-transform: uppercase; | |
| -webkit-font-smoothing: antialiased; | |
| white-space: normal; | |
| width: auto; | |
| } | |
| button:hover, | |
| input:hover[type="button"], | |
| input:hover[type="reset"], | |
| input:hover[type="submit"], | |
| .button.clear:hover, | |
| .button:hover, | |
| .footer-widgets button, | |
| .footer-widgets input[type="button"], | |
| .footer-widgets input[type="reset"], | |
| .footer-widgets input[type="submit"], | |
| .footer-widgets .widget .button, | |
| .widget .button:hover, | |
| .widget .button.clear:hover { | |
| background-color: #000; | |
| border: 2px solid #000; | |
| color: #fff; | |
| } | |
| .button { | |
| display: inline-block; | |
| } | |
| .widget .button.clear { | |
| background-color: transparent; | |
| border: 2px solid #000; | |
| color: #000; | |
| } | |
| button:disabled, | |
| button:disabled:hover, | |
| input:disabled, | |
| input:disabled:hover, | |
| input[type="button"]:disabled, | |
| input[type="button"]:disabled:hover, | |
| input[type="reset"]:disabled, | |
| input[type="reset"]:disabled:hover, | |
| input[type="submit"]:disabled, | |
| input[type="submit"]:disabled:hover { | |
| background-color: #ddd; | |
| border-color: #ddd; | |
| cursor: not-allowed; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-results-button { | |
| display: none; | |
| } | |
| /* Buttons | |
| --------------------------------------------- */ | |
| .image-section .button { | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| margin-top: 20px; | |
| } | |
| .image-section .button.clear { | |
| border-color: #fff; | |
| color: #fff; | |
| } | |
| .footer-widgets button:hover, | |
| .footer-widgets input:hover[type="button"], | |
| .footer-widgets input:hover[type="reset"], | |
| .footer-widgets input:hover[type="submit"], | |
| .footer-widgets .widget .button:hover, | |
| .image-section button:hover, | |
| .image-section input:hover[type="button"], | |
| .image-section input:hover[type="reset"], | |
| .image-section input:hover[type="submit"], | |
| .image-section .widget .button:hover { | |
| background-color: #fff; | |
| border: 2px solid #fff; | |
| color: #000; | |
| } | |
| /* | |
| Structure and Layout | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Site Containers | |
| --------------------------------------------- */ | |
| .site-inner, | |
| .wrap { | |
| float: none; | |
| margin: 0 auto; | |
| max-width: 1200px; | |
| } | |
| .site-inner { | |
| background-color: #fff; | |
| clear: both; | |
| margin-top: 170px; | |
| position: relative; | |
| z-index: 9; | |
| -word-wrap: break-word; | |
| } | |
| .front-page .site-container .site-inner { | |
| margin-top: 0; | |
| max-width: 100%; | |
| } | |
| .altitude-landing .site-container .site-inner { | |
| margin-top: 100px; | |
| } | |
| .secondary-nav .site-inner { | |
| margin-top: 250px; | |
| } | |
| /* 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 { | |
| float: left; | |
| margin-left: 2.564102564102564%; | |
| } | |
| .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%; | |
| } | |
| .first { | |
| clear: both; | |
| margin-left: 0; | |
| } | |
| /* | |
| Common Classes | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Avatar | |
| --------------------------------------------- */ | |
| .avatar { | |
| border-radius: 50%; | |
| float: left; | |
| } | |
| .author-box .avatar { | |
| height: 88px; | |
| width: 88px; | |
| } | |
| .entry-comments .avatar { | |
| height: 60px; | |
| width: 60px; | |
| } | |
| .alignleft .avatar, | |
| .author-box .avatar { | |
| margin-right: 24px; | |
| } | |
| .alignright .avatar { | |
| margin-left: 24px; | |
| } | |
| .comment .avatar { | |
| margin: 0 20px 24px 0; | |
| } | |
| /* Genesis | |
| --------------------------------------------- */ | |
| .breadcrumb { | |
| border-bottom: 2px solid #f5f5f5; | |
| font-size: 20px; | |
| margin-bottom: 60px; | |
| padding-bottom: 10px; | |
| } | |
| .archive-description, | |
| .author-box { | |
| border-bottom: 1px solid #000; | |
| border-top: 1px solid #000; | |
| font-size: 20px; | |
| margin-bottom: 100px; | |
| padding: 40px 0; | |
| } | |
| .author-box-title { | |
| font-size: 22px; | |
| margin-bottom: 8px; | |
| } | |
| .archive-description p:last-child, | |
| .author-box p:last-child { | |
| margin-bottom: 0; | |
| } | |
| /* Search Form | |
| --------------------------------------------- */ | |
| .search-form { | |
| overflow: hidden; | |
| } | |
| .search-form input[type="search"] { | |
| margin-right: 10px; | |
| width: auto; | |
| } | |
| .search-form input[type="submit"] { | |
| padding: 25px; | |
| } | |
| .widget_search input[type="submit"] { | |
| border: 0; | |
| clip: rect(0, 0, 0, 0); | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| } | |
| /* Titles | |
| --------------------------------------------- */ | |
| .archive-title { | |
| font-size: 24px; | |
| line-height: 1; | |
| margin-bottom: 20px; | |
| } | |
| .entry-title { | |
| font-size: 48px; | |
| } | |
| .sidebar .entry-title { | |
| font-size: 24px; | |
| text-align: left; | |
| } | |
| .entry-title a { | |
| color: #000; | |
| } | |
| .entry-title a:hover { | |
| color: #22a1c4; | |
| } | |
| .widget-full .widget-title { | |
| margin-bottom: 40px; | |
| } | |
| /* WordPress | |
| --------------------------------------------- */ | |
| .alignleft { | |
| float: left; | |
| text-align: left; | |
| } | |
| .alignright { | |
| float: right; | |
| text-align: right; | |
| } | |
| a.alignleft, | |
| a.alignnone, | |
| a.alignright { | |
| max-width: 100%; | |
| } | |
| a.alignnone { | |
| display: inline-block; | |
| } | |
| a.aligncenter img { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| img.centered, | |
| .aligncenter { | |
| display: block; | |
| margin: 0 auto 24px; | |
| } | |
| img.alignnone, | |
| .alignnone { | |
| margin-bottom: 12px; | |
| } | |
| 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: 18px; | |
| line-height: 1.2; | |
| text-align: center; | |
| } | |
| .entry-content p.wp-caption-text { | |
| margin-bottom: 0; | |
| } | |
| .gallery-caption, | |
| .entry-content .gallery-caption { | |
| margin: 0 0 10px; | |
| } | |
| .post-password-form input { | |
| width: auto; | |
| } | |
| .post-password-form input[type="submit"] { | |
| padding: 25px; | |
| } | |
| /* | |
| Widgets | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .widget { | |
| word-wrap: break-word; | |
| } | |
| .widget ol > li { | |
| list-style-position: inside; | |
| list-style-type: decimal; | |
| padding-left: 20px; | |
| text-indent: -20px; | |
| } | |
| .widget ul li { | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .widget li li { | |
| border: none; | |
| margin: 0 0 0 30px; | |
| padding: 0; | |
| } | |
| .widget_calendar table { | |
| width: 100%; | |
| } | |
| .widget_calendar td, | |
| .widget_calendar th { | |
| text-align: center; | |
| } | |
| /* Featured Content | |
| --------------------------------------------- */ | |
| .featured-content .entry-title { | |
| font-size: 24px; | |
| } | |
| /* Simple Social Icons | |
| --------------------------------------------- */ | |
| .altitude-home .content .simple-social-icons { | |
| margin-top: 40px; | |
| } | |
| .altitude-home .content .simple-social-icons ul li { | |
| margin: 0 20px !important; | |
| } | |
| .altitude-home .content .simple-social-icons ul li a, | |
| .altitude-home .content .simple-social-icons ul li a:hover { | |
| padding: 30px; | |
| } | |
| /* | |
| Plugins | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Genesis eNews Extended | |
| --------------------------------------------- */ | |
| .enews-widget input { | |
| font-size: 18px; | |
| margin-bottom: 20px; | |
| } | |
| .enews-widget input[type="submit"] { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .enews form + p { | |
| margin-top: 24px; | |
| } | |
| /* Jetpack | |
| --------------------------------------------- */ | |
| #wpstats { | |
| display: none; | |
| } | |
| /* | |
| Site Header | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .site-header { | |
| background-color: #000; | |
| left: 0; | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| z-index: 999; | |
| } | |
| .featured-section .site-header { | |
| background-color: transparent; | |
| } | |
| .featured-section .site-header > .wrap { | |
| border-bottom: 1px solid #fff; | |
| } | |
| .site-header.dark { | |
| background-color: #000; | |
| } | |
| .site-header.dark > .wrap { | |
| border-bottom: none; | |
| } | |
| .site-header.dark .nav-secondary { | |
| display: none; | |
| } | |
| .admin-bar .site-header { | |
| top: 32px; | |
| } | |
| /* Title Area | |
| --------------------------------------------- */ | |
| .title-area { | |
| float: left; | |
| padding: 25px 0; | |
| width: 360px; | |
| } | |
| .site-header.dark .title-area { | |
| padding: 15px 0; | |
| } | |
| .site-title { | |
| font-size: 24px; | |
| font-weight: 800; | |
| letter-spacing: 2px; | |
| line-height: 1; | |
| margin-bottom: 0; | |
| text-transform: uppercase; | |
| } | |
| .site-title a, | |
| .site-title a:hover { | |
| color: #fff !important; | |
| } | |
| .header-image .title-area, | |
| .header-image .site-header.dark .title-area { | |
| padding: 0; | |
| } | |
| .header-image .site-title > a { | |
| background-size: contain !important; | |
| display: block; | |
| height: 76px; | |
| text-indent: -9999px; | |
| } | |
| .header-image .dark .site-title > a { | |
| height: 56px; | |
| } | |
| .site-description { | |
| display: block; | |
| height: 0; | |
| margin-bottom: 0; | |
| text-indent: -9999px; | |
| } | |
| /* | |
| Site Navigation | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .genesis-nav-menu { | |
| line-height: 1; | |
| } | |
| .genesis-nav-menu .menu-item { | |
| display: inline-block; | |
| text-align: left; | |
| } | |
| .genesis-nav-menu li li { | |
| margin-left: 0; | |
| } | |
| .genesis-nav-menu a { | |
| color: #fff; | |
| display: block; | |
| font-size: 14px; | |
| font-weight: 200; | |
| letter-spacing: 1px; | |
| padding: 30px 15px; | |
| text-transform: uppercase; | |
| } | |
| .site-header.dark .genesis-nav-menu a { | |
| padding: 20px 15px; | |
| } | |
| .genesis-nav-menu li.highlight a:hover::before { | |
| color: #fff; | |
| } | |
| .genesis-nav-menu li.highlight > a { | |
| font-weight: 800; | |
| } | |
| .front-page .genesis-nav-menu li.current-menu-item > a, | |
| .genesis-nav-menu > li > a { | |
| border-bottom: 2px solid transparent; | |
| } | |
| .front-page .genesis-nav-menu li.current-menu-item > a:hover, | |
| .genesis-nav-menu li.current-menu-item > a, | |
| .genesis-nav-menu > li > a:hover { | |
| border-color: #fff; | |
| } | |
| .genesis-nav-menu > .menu-item > a { | |
| text-transform: uppercase; | |
| } | |
| .genesis-nav-menu .sub-menu { | |
| left: -9999px; | |
| letter-spacing: 0; | |
| opacity: 0; | |
| position: absolute; | |
| -webkit-transition: opacity .4s ease-in-out; | |
| -moz-transition: opacity .4s ease-in-out; | |
| -ms-transition: opacity .4s ease-in-out; | |
| -o-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: #111; | |
| padding: 20px; | |
| position: relative; | |
| width: 200px; | |
| } | |
| .genesis-nav-menu .sub-menu a:hover, | |
| .genesis-nav-menu .sub-menu li.current-menu-item > a { | |
| background-color: #222; | |
| } | |
| .genesis-nav-menu .sub-menu .sub-menu { | |
| margin: -54px 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 { | |
| color: #fff; | |
| display: inline-block; | |
| list-style-type: none; | |
| padding: 27px 20px; | |
| text-transform: uppercase; | |
| } | |
| .genesis-nav-menu > .right > a { | |
| display: inline; | |
| padding: 0; | |
| } | |
| .genesis-nav-menu > .rss > a { | |
| margin-left: 48px; | |
| } | |
| .genesis-nav-menu > .search { | |
| display: block; | |
| margin: 0 auto; | |
| padding: 0 20px 20px; | |
| width: 50%; | |
| } | |
| /* Primary Navigation | |
| --------------------------------------------- */ | |
| .nav-primary { | |
| text-align: center; | |
| } | |
| .nav-primary .genesis-nav-menu { | |
| float: right; | |
| } | |
| /* Secondary Navigation | |
| --------------------------------------------- */ | |
| .nav-secondary { | |
| border-bottom: 1px solid #fff; | |
| } | |
| /* Footer Navigation | |
| --------------------------------------------- */ | |
| .nav-footer .genesis-nav-menu { | |
| padding: 20px 0; | |
| } | |
| .nav-footer .genesis-nav-menu a { | |
| border: none; | |
| font-weight: 800; | |
| letter-spacing: 3px; | |
| margin: 0 20px; | |
| padding: 0; | |
| } | |
| /* Responsive Menu | |
| --------------------------------------------- */ | |
| .responsive-menu-icon { | |
| cursor: pointer; | |
| display: none; | |
| margin-bottom: 10px; | |
| text-align: center; | |
| } | |
| .responsive-menu-icon::before { | |
| color: #fff; | |
| content: "\f333"; | |
| font: normal 24px/1 "dashicons"; | |
| margin: 0 auto; | |
| } | |
| .nav-secondary .responsive-menu-icon { | |
| margin: 10px auto 0; | |
| } | |
| /* | |
| Content Area | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Front Page | |
| --------------------------------------------- */ | |
| .image-section, | |
| .solid-section { | |
| clear: both; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .image-section { | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); | |
| background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); | |
| background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); | |
| background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 ); | |
| display: table; | |
| overflow: hidden; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| .image-section .widget-area { | |
| display: table-cell; | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| .image-section, | |
| .image-section a { | |
| color: #fff; | |
| } | |
| .image-section a:hover, | |
| .image-section .featured-content .entry-title a:hover { | |
| color: #22a1c4; | |
| } | |
| .solid-section { | |
| background-color: #fff; | |
| } | |
| .front-page-2, | |
| .front-page-3, | |
| .front-page-4, | |
| .front-page-5, | |
| .front-page-6, | |
| .front-page-7 { | |
| /*border-top: 54px solid transparent; | |
| margin-top: -54px; | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| position: relative;*/ | |
| z-index: 9; | |
| } | |
| .front-page-1, | |
| .front-page-3, | |
| .front-page-5, | |
| .front-page-7 { | |
| background-attachment: fixed; | |
| background-color: #fff; | |
| background-position: 50% 0; | |
| background-repeat: no-repeat; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| background-size: cover; | |
| } | |
| .front-page-1 { | |
| position: relative; | |
| } | |
| .front-page-1 .image-section { | |
| padding-top: 75px; | |
| } | |
| .secondary-nav .front-page-1 .image-section { | |
| padding-top: 150px; | |
| } | |
| .front-page-4 .solid-section { | |
| background-color: #f3f3f3; | |
| } | |
| .bottom-image { | |
| /*margin-bottom: -120px;*/ | |
| margin-top: 100px; | |
| } | |
| .bottom-image img { | |
| /*margin-bottom: -10px;*/ | |
| vertical-align: top; | |
| } | |
| .front-page .field-wrap:last-child { | |
| margin-bottom: 0; | |
| } | |
| .small-disclaimer { | |
| font-size: 14px; | |
| font-style: italic; | |
| } | |
| /* Dashicons | |
| --------------------------------------------- */ | |
| .front-page .dashicons { | |
| font-size: 40px; | |
| height: 40px; | |
| margin-bottom: 20px; | |
| width: 40px; | |
| } | |
| /* Flexible Widgets | |
| --------------------------------------------- */ | |
| .flexible-widgets { | |
| padding-bottom: 60px; | |
| padding-top: 100px; | |
| } | |
| .flexible-widgets .widget { | |
| float: left; | |
| margin: 0 0 40px 2.564102564102564%; | |
| } | |
| .flexible-widgets.widget-full .widget, | |
| .flexible-widgets.widget-area .widget:nth-of-type(1), | |
| .flexible-widgets.widget-halves.uneven .widget:last-of-type { | |
| background: none; | |
| margin-left: 0; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| .widget-area.flexible-widgets.widget-half .widget, | |
| .flexible-widgets.widget-halves .widget { | |
| width: 48.717948717948715%; | |
| } | |
| .flexible-widgets.widget-thirds .widget { | |
| width: 31.623931623931625%; | |
| } | |
| .flexible-widgets.widget-fourths .widget { | |
| width: 23.076923076923077%; | |
| } | |
| .flexible-widgets.widget-halves .widget:nth-child(even), | |
| .flexible-widgets.widget-thirds .widget:nth-child(3n+2), | |
| .flexible-widgets.widget-fourths .widget:nth-child(4n+2) { | |
| clear: left; | |
| margin-left: 0; | |
| } | |
| .solid-section .widget { | |
| background-color: #fff; | |
| padding: 40px; | |
| } | |
| .solid-section .widget-title { | |
| border-bottom: 1px solid #ddd; | |
| margin-bottom: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .flexible-widgets.widget-halves h2, | |
| .flexible-widgets.widget-thirds h2, | |
| .flexible-widgets.widget-fourths h2 { | |
| font-size: 36px; | |
| } | |
| /* Content | |
| --------------------------------------------- */ | |
| .content { | |
| float: left; | |
| width: 700px; | |
| } | |
| .page .content { | |
| padding-bottom: 50px; | |
| } | |
| .sidebar-content .content { | |
| float: right; | |
| } | |
| .full-width-content .content { | |
| padding: 0 200px 50px; | |
| width: 100%; | |
| } | |
| .full-width-content.front-page .content { | |
| padding: 0; | |
| } | |
| /* Entries | |
| --------------------------------------------- */ | |
| .entry { | |
| margin-bottom: 100px; | |
| } | |
| .widget .entry { | |
| margin-bottom: 40px; | |
| } | |
| .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: #000; | |
| color: #ddd; | |
| } | |
| /* Entry Meta | |
| --------------------------------------------- */ | |
| p.entry-meta { | |
| font-size: 20px; | |
| margin-bottom: 0; | |
| } | |
| .entry-header, | |
| .entry-footer { | |
| text-align: center; | |
| } | |
| .entry-header p.entry-meta { | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| margin-bottom: 16px; | |
| text-transform: uppercase; | |
| } | |
| .entry-header::after { | |
| border-bottom: 1px solid #000; | |
| content: ""; | |
| display: block; | |
| margin: 0 auto 60px; | |
| padding-bottom: 30px; | |
| width: 25%; | |
| } | |
| .image-section .entry-header::after { | |
| border-color: #fff; | |
| } | |
| .entry-footer::before { | |
| border-top: 1px solid #000; | |
| content: ""; | |
| display: block; | |
| margin: 30px auto 0; | |
| padding-top: 60px; | |
| width: 25%; | |
| } | |
| .sidebar .entry-header::after { | |
| display: none; | |
| } | |
| .entry-categories::before, | |
| .entry-tags::before { | |
| display: inline-block; | |
| font: normal 20px/1 "dashicons"; | |
| margin-right: 5px; | |
| margin-top: 2px; | |
| vertical-align: top; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .entry-comments-link::before { | |
| content: "\2014"; | |
| margin: 0 6px 0 2px; | |
| } | |
| /* After Entry | |
| --------------------------------------------- */ | |
| .after-entry { | |
| border-top: 1px solid #000; | |
| padding: 40px 0; | |
| } | |
| .after-entry .widget { | |
| margin-bottom: 40px; | |
| } | |
| .after-entry p:last-child, | |
| .after-entry .widget:last-child { | |
| margin: 0; | |
| } | |
| .after-entry li { | |
| list-style-type: none; | |
| } | |
| /* Pagination | |
| --------------------------------------------- */ | |
| .pagination { | |
| clear: both; | |
| margin: 40px 0; | |
| } | |
| .adjacent-entry-pagination { | |
| margin-bottom: 0; | |
| } | |
| .archive-pagination li { | |
| display: inline; | |
| } | |
| .archive-pagination li a { | |
| background-color: #000; | |
| box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-size: 14px; | |
| letter-spacing: 1px; | |
| padding: 8px 12px; | |
| text-transform: uppercase; | |
| } | |
| .archive-pagination li a:hover, | |
| .archive-pagination .active a { | |
| background-color: #22a1c4; | |
| color: #fff; | |
| } | |
| /* Comments | |
| --------------------------------------------- */ | |
| .comment-respond, | |
| .entry-comments, | |
| .entry-pings { | |
| margin-bottom: 100px; | |
| } | |
| p.comment-meta, | |
| .entry-comments .comment, | |
| .entry-comments .comment-reply { | |
| margin-bottom: 40px; | |
| } | |
| .comment-header { | |
| font-size: 20px; | |
| } | |
| .entry-comments .comment { | |
| border-bottom: 1px solid #000; | |
| } | |
| .comment-content, | |
| .entry-comments .comment { | |
| clear: both; | |
| } | |
| p.form-submit, | |
| .entry-comments .children .comment, | |
| .entry-comments .comment-author { | |
| margin: 0; | |
| } | |
| .entry-comments .children .comment { | |
| border: none; | |
| } | |
| .comment-respond label { | |
| display: block; | |
| font-weight: 800; | |
| } | |
| .comment-respond input[type="email"], | |
| .comment-respond input[type="text"], | |
| .comment-respond input[type="url"] { | |
| width: 100%; | |
| } | |
| .comment-list li, | |
| .ping-list li { | |
| list-style-type: none; | |
| } | |
| .entry-comments ul.children { | |
| margin-left: 40px; | |
| } | |
| .ping-list .reply { | |
| display: none; | |
| } | |
| /* | |
| Sidebar | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .sidebar { | |
| float: right; | |
| width: 360px; | |
| } | |
| .sidebar-content .sidebar { | |
| float: left; | |
| } | |
| .sidebar p:last-child { | |
| margin-bottom: 0; | |
| } | |
| .sidebar li { | |
| list-style-type: none; | |
| margin-bottom: 6px; | |
| word-wrap: break-word; | |
| } | |
| .sidebar ul > li:last-child { | |
| margin-bottom: 0; | |
| } | |
| .sidebar .widget { | |
| margin-bottom: 40px; | |
| } | |
| /* | |
| Footer Widgets | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .footer-widgets { | |
| background-color: #22a1c4; | |
| clear: both; | |
| text-align: center; | |
| position: relative; | |
| z-index: 9; | |
| } | |
| .footer-widgets .wrap { | |
| padding-bottom: 100px; | |
| padding-top: 100px; | |
| } | |
| .footer-widgets, | |
| .footer-widgets .wrap a, | |
| .footer-widgets .wrap a.button { | |
| color: #fff; | |
| } | |
| .footer-widgets a:hover { | |
| color: #000; | |
| } | |
| .footer-widgets li { | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .footer-widgets .widget { | |
| margin-bottom: 40px; | |
| } | |
| .footer-widgets p:last-child { | |
| margin-bottom: 0; | |
| } | |
| /* | |
| Site Footer | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .site-footer { | |
| background-color: #000; | |
| padding: 20px; | |
| text-align: center; | |
| } | |
| .site-footer, | |
| .site-footer a, | |
| .site-footer p { | |
| color: #fff; | |
| } | |
| .site-footer a:hover { | |
| color: #22a1c4; | |
| } | |
| .site-footer p { | |
| font-size: 14px; | |
| letter-spacing: 1px; | |
| margin-bottom: 0; | |
| text-transform: uppercase; | |
| } | |
| /* Custom styles by Sridhar */ | |
| .front-page-2 .flexible-widgets { | |
| padding-bottom: 0; | |
| } | |
| .front-page-2 .flexible-widgets .widget { | |
| margin-bottom: 0; | |
| } | |
| /* | |
| Media Queries | |
| ---------------------------------------------------------------------------------------------------- */ | |
| @media only screen and (max-width: 1280px) { | |
| .site-inner, | |
| .wrap { | |
| max-width: 1140px; | |
| } | |
| } | |
| @media only screen and (max-width: 1200px) { | |
| .site-inner, | |
| .wrap { | |
| max-width: 960px; | |
| } | |
| .site-header .widget-area { | |
| width: 580px; | |
| } | |
| .content { | |
| width: 520px; | |
| } | |
| .full-width-content .content { | |
| padding: 0 110px; | |
| } | |
| .genesis-nav-menu a { | |
| padding: 30px 10px; | |
| } | |
| .site-header.dark .genesis-nav-menu a { | |
| padding: 20px 10px; | |
| } | |
| .front-page-1, | |
| .front-page-3, | |
| .front-page-5, | |
| .front-page-7 { | |
| background-attachment: scroll; | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .site-inner, | |
| .wrap { | |
| max-width: 768px; | |
| } | |
| .secondary-nav .site-inner { | |
| margin-top: 80px; | |
| } | |
| .front-page .site-inner { | |
| max-width: none; | |
| } | |
| .site-header { | |
| position: static; | |
| } | |
| .front-page .site-header { | |
| background-color: #000; | |
| } | |
| .front-page .site-header > .wrap { | |
| border: none; | |
| } | |
| .content, | |
| .sidebar, | |
| .site-header .widget-area, | |
| .title-area { | |
| width: 100%; | |
| } | |
| .site-header .title-area, | |
| .site-header.dark .title-area { | |
| padding: 15px 0; | |
| } | |
| .header-image .dark .site-title > a { | |
| height: 76px; | |
| } | |
| .genesis-nav-menu, | |
| .site-header .widget-area, | |
| .site-title { | |
| text-align: center; | |
| } | |
| .header-image .site-title > a { | |
| background-position: center !important; | |
| } | |
| .nav-primary .genesis-nav-menu { | |
| float: none; | |
| } | |
| .nav-secondary, | |
| .site-header.dark .nav-secondary { | |
| border-bottom: none; | |
| display: block; | |
| } | |
| .genesis-nav-menu a, | |
| .site-header.dark .genesis-nav-menu a { | |
| padding: 10px; | |
| } | |
| .front-page .site-inner { | |
| margin-top: 0; | |
| } | |
| .site-inner { | |
| margin-top: 80px; | |
| } | |
| .full-width-content .content { | |
| padding: 0; | |
| } | |
| .full-width-content img.pull-left { | |
| margin-left: 0; | |
| } | |
| .full-width-content img.pull-right { | |
| margin-right: 0; | |
| } | |
| .five-sixths, | |
| .four-sixths, | |
| .one-fourth, | |
| .one-half, | |
| .one-sixth, | |
| .one-third, | |
| .three-fourths, | |
| .three-sixths, | |
| .two-fourths, | |
| .two-sixths, | |
| .two-thirds { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .flexible-widgets.widget-full .widget, | |
| .flexible-widgets.widget-halves .widget, | |
| .flexible-widgets.widget-thirds .widget, | |
| .flexible-widgets.widget-fourths .widget { | |
| margin: 0 auto 20px; | |
| width: 100%; | |
| } | |
| .front-page-2 .flexible-widgets.widget-full .widget { | |
| margin-bottom: 0; | |
| } | |
| .image-section h2, | |
| .solid-section h2 { | |
| font-size: 60px; | |
| } | |
| .front-page-1 .image-section, | |
| .secondary-nav .front-page-1 .image-section { | |
| padding-top: 0; | |
| } | |
| } | |
| @media only screen and (max-width: 800px) { | |
| .site-inner, | |
| .wrap { | |
| max-width: none; | |
| width: 100%; | |
| } | |
| .site-inner, | |
| .wrap { | |
| padding: 0 5%; | |
| } | |
| .front-page .site-inner { | |
| padding: 0; | |
| } | |
| .genesis-nav-menu.responsive-menu { | |
| display: none; | |
| float: none; | |
| padding-bottom: 20px; | |
| } | |
| .genesis-nav-menu.responsive-menu .menu-item, | |
| .responsive-menu-icon { | |
| display: block; | |
| } | |
| .genesis-nav-menu.responsive-menu .menu-item:hover { | |
| position: static; | |
| } | |
| .genesis-nav-menu.responsive-menu li.current-menu-item > a, | |
| .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover, | |
| .genesis-nav-menu.responsive-menu li a, | |
| .genesis-nav-menu.responsive-menu li a:hover { | |
| background: none; | |
| border: none; | |
| display: block; | |
| padding: 10px 0; | |
| text-transform: none; | |
| } | |
| .genesis-nav-menu.responsive-menu .menu-item-has-children { | |
| cursor: pointer; | |
| } | |
| .genesis-nav-menu.responsive-menu .menu-item-has-children > a { | |
| margin-right: 60px; | |
| } | |
| .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { | |
| content: "\f347"; | |
| float: right; | |
| font: normal 20px/1 "dashicons"; | |
| height: 20px; | |
| padding: 7px 20px; | |
| right: 0; | |
| text-align: right; | |
| z-index: 9999; | |
| } | |
| .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { | |
| content: "\f343"; | |
| } | |
| .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu { | |
| display: none; | |
| } | |
| .genesis-nav-menu.responsive-menu .sub-menu { | |
| background-color: rgba(255, 255, 255, 0.05); | |
| left: auto; | |
| opacity: 1; | |
| position: relative; | |
| -moz-transition: opacity .4s ease-in-out; | |
| -ms-transition: opacity .4s ease-in-out; | |
| -o-transition: opacity .4s ease-in-out; | |
| -webkit-transition: opacity .4s ease-in-out; | |
| transition: opacity .4s ease-in-out; | |
| width: 100%; | |
| z-index: 99; | |
| } | |
| .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { | |
| background-color: transparent; | |
| margin: 0; | |
| padding-left: 25px; | |
| } | |
| .genesis-nav-menu.responsive-menu .sub-menu li a, | |
| .genesis-nav-menu.responsive-menu .sub-menu li a:hover { | |
| padding: 10px 0; | |
| position: relative; | |
| text-transform: none; | |
| width: 100%; | |
| } | |
| .genesis-nav-menu.responsive-menu .current-menu-item > a, | |
| .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover, | |
| .genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a, | |
| .genesis-nav-menu.responsive-menu a:hover { | |
| background: none; | |
| } | |
| .site-header .genesis-nav-menu.responsive-menu .current-menu-item > a, | |
| .site-header .genesis-nav-menu.responsive-menu .sub-menu li a, | |
| .site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover, | |
| .site-header .genesis-nav-menu.responsive-menu .sub-menu, | |
| .site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before, | |
| .site-header .genesis-nav-menu.responsive-menu > li:hover > a, | |
| .site-header .genesis-nav-menu.responsive-menu a:hover { | |
| color: #fff; | |
| } | |
| .altitude-home .simple-social-icons ul li { | |
| margin: 0 20px 20px !important; | |
| } | |
| .footer-widgets .wrap { | |
| padding-top: 60px; | |
| padding-bottom: 60px; | |
| } | |
| .front-page-2, | |
| .front-page-3, | |
| .front-page-4, | |
| .front-page-5, | |
| .front-page-6, | |
| .front-page-7 { | |
| border-top: 0; | |
| margin-top: 0; | |
| } | |
| .image-section .flexible-widgets { | |
| padding-bottom: 80px; | |
| } | |
| .solid-section .flexible-widgets { | |
| padding-bottom: 40px; | |
| padding-top: 60px; | |
| } | |
| .front-page-2 .solid-section .flexible-widgets { | |
| padding-bottom: 0; | |
| } | |
| .bottom-image { | |
| margin-top: 60px; | |
| /*margin-bottom: -80px;*/ | |
| } | |
| } | |
| @media only screen and (max-width: 480px) { | |
| .image-section h2, | |
| .solid-section h2 { | |
| font-size: 40px; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment