/* Theme Name: eleven40 Child Theme Theme URI: http://www.studiopress.com/themes/eleven40 Description: eleven40 is a two or three column child theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 1.1 Tags: black, blue, green, orange, red, white, dark, light, three-columns, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments Template: genesis Template Version: 1.8.2 License: GNU General Public License v2.0 (or later) License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Import Fonts * Defaults * Hyperlinks * Body * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Header / Primary / Secondary Navigation * Primary Navigation Extras * Inner * Page Title * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Featured Post Grid * Headlines * Ordered / Unordered Lists * Post Info * Post Meta * Author Box * Sticky Posts * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews & Updates Widget * Calendar Widget * Footer Widgets * Footer * Comments * Gravity Forms * eleven40 Blue * eleven40 Green * eleven40 Red * Responsive Design */ /* Import Fonts ------------------------------------------------------------ */ @import url(https://fonts.googleapis.com/css?family=Lato:400,700); /* Defaults ------------------------------------------------------------ */ body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea { color: #333; font-family: 'Lato', serif; font-size: 16px; line-height: 1.5625; margin: 0; padding: 0; text-decoration: none; } body{background:#fff;} blockquote, input, select, textarea, .author-box, .breadcrumb, .sticky, .taxonomy-description, .wp-caption { background-color: #fff; border: 1px solid #ddd; } input, label, select, textarea { box-sizing: border-box; color: #333; font-family: 'Lato', serif; font-size: 14px; } li, ol, ul { margin: 0; padding: 0; } ol li { list-style-type: decimal; } /* Hyperlinks ------------------------------------------------------------ */ a, a:visited { color: #ed702b; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* Body ------------------------------------------------------------ */ ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } /* Wrap ------------------------------------------------------------ */ #wrap { background: url("https://i.imgur.com/JFRjH6h.png") repeat-x; } .wrap { margin: 0 auto; max-width: 1140px; } /* Header ------------------------------------------------------------ */ #header .wrap { min-height: 90px; } #title-area { float: left; width: 35%; } #title { border-top: 0; display: inline-block; font-family: 'Lato', arial, serif; font-size: 30px; line-height: 1; min-height: 33px; margin: 0; padding: 18px 25px 17px; position: relative; text-shadow: 0 1px #96430d; font-variant: small-caps; color:#ebebeb; text-transform: capitalize; } #title:before { display: block; height: 66px; left: 0px; position: absolute; top: 0px; width: 7px; } #title:after { display: block; height: 66px; position: absolute; right: 0px; top: 0px; width: 7px; } #title a, #title a:hover { color: #fff; text-decoration: none; } #description { display: none; } #header .widget-area { float: right; width: 60%; } /* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 90px; overflow: hidden; padding: 0; text-indent: -9999px; width: 265px; } .header-image #description { display: block; overflow: hidden; } /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 100%; } /* Header / Primary / Secondary Navigation ------------------------------------------------------------ */ .menu-primary, .menu-secondary { clear: both; color: #333; font-size: 14px; margin: 0 auto; overflow: hidden; width: 100%; } #header .menu { float: right; font-size: 16px; font-variant: small-caps; text-transform: uppercase; font-weight:700; } .menu-primary { border-bottom: double #ddd; border-top: double #ddd; } .menu-primary ul, .menu-secondary ul { float: left; width: 100%; } .menu-primary li, .menu-secondary li, #header .menu li { float: left; list-style-type: none; } .menu-primary a, .menu-secondary a, #header .menu a { color: #333; display: block; font-family: 'Lato', arial, serif; padding: 10px 15px; position: relative; text-decoration: none; } #header .menu a { color: #fff; padding: 20px 15px 17px; } .menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { color: #fff; } .menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { background: none; background-color: #fff; border: 1px solid #ddd; border-top: none; color: #333; font-size: 16px; padding: 9px 10px 8px; position: relative; text-align: left; text-transform: none; width: 138px; } #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited { background: url(images/bg-pattern.png); border: 1px solid #333; border-top: none; color: #fff; } .menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover, #header .menu li li a:active, #header .menu li li a:hover { color: #ed702b; } #header .menu li li a:active, #header .menu li li a:hover { background: url(images/bg-pattern.png); } .menu-primary li ul, .menu-secondary li ul, #header .menu li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 160px; z-index: 9999; } .menu-primary li ul a, .menu-secondary li ul a, #header .menu li ul a { width: 140px; } .menu-primary li ul ul, .menu-secondary li ul ul, #header .menu li ul ul { margin: -36px 0 0 159px; } .menu li:hover ul ul, .menu li.sfHover ul ul { left: -9999px; } .menu li:hover, .menu li.sfHover { position: static; } ul.menu li:hover>ul, ul.menu li.sfHover ul, #header .menu li:hover>ul, #header .menu li.sfHover ul { left: auto; } .menu li a .sf-sub-indicator, .menu li li a .sf-sub-indicator, .menu li li li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } #wpadminbar li:hover ul ul { left: 0; } /* Primary Navigation Extras ------------------------------------------------------------ */ .menu li.right { float: right; font-family: 'Lato', arial, serif; padding: 10px 15px; } .menu li.right a { background: none; border: none; color: #333; display: inline; text-decoration: none; } .menu li.right a:hover { color: #ed702b; text-decoration: none; } .menu li.search { padding: 0 10px; } .menu li.rss a { background: url(images/rss.png) no-repeat center left; margin: 0 0 0 10px; padding: 0 0 0 16px; } .menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding: 0 0 0 20px; } /* Inner ------------------------------------------------------------ */ #inner { clear: both; } #inner .wrap { border-bottom: double #ddd; margin: 0 auto 30px; overflow: hidden; } /* Page Title ------------------------------------------------------------ */ .page-title { border-bottom: double #ddd; border-top: double #ddd; font-family: 'Lato', serif; font-size: 30px; line-height: 1.0; overflow: hidden; padding: 25px 0; text-align: center; } .page-title p { font-size: inherit; line-height: 1.0; margin: 0; } /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb { border: none; font-size: 14px; margin: -10px 0 30px; padding: 10px 15px; } /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description { background-color: #fff; margin: -10px 0 30px; padding: 0 0 15px; } .taxonomy-description p { font-size: 14px; padding: 15px 15px 0; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap { float: left; width: 950px; } .content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } /* Content ------------------------------------------------------------ */ #content { border:1px solid #ddd; float: left; padding: 25px 20px 30px 20px; width: 580px; } .content-sidebar #content, .sidebar-content #content { width: 760px; } .content-sidebar #content { background:#fff; padding: 25px 20px 30px 20px; } .content-sidebar-sidebar #content { border-left: none; padding: 25px 39px 30px 0; width: 620px; } .sidebar-content #content { border-right: none; float: right; padding: 25px 0 30px 39px; } .sidebar-sidebar-content #content { border-right: none; float: right; padding: 25px 0 30px 39px; width: 620px; } .full-width-content #content { border: none; padding: 25px 0; width: 1140px; } .post { margin: 0 0 40px; border-bottom:solid 1px #ddd; } .entry-content { overflow: hidden; } .entry-content p { margin: 0 0 25px; text-align:justify; } blockquote { background: url(images/blockquote.png) no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px; } blockquote p { color: #999; font-style: italic; } p.subscribe-to-comments { padding: 20px 0 10px; } .clear { clear: both; } .clear-line { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 25px; } /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Featured Post Grid ------------------------------------------------------------ */ .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; padding: 0 0 15px; width: 48%; } .genesis-grid-even { float: right; } .genesis-grid-odd { clear: both; float: left; } /* Headlines ------------------------------------------------------------ */ h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 { font-family: 'Lato', arial, serif; font-weight: normal; line-height: 1.25; margin: 0 0 10px; } h1 { font-size: 48px; } .taxonomy-description h1 { margin: 0; } h2, h2 a, h2 a:visited { font-size: 36px; } h2 a, h2 a:visited { color: #333; font-family: 'Lato', arial, serif; } h2 a:hover { color: #ed702b; text-decoration: none; } .genesis-grid h2, .genesis-grid h2 a, .genesis-grid h2 a:visited { font-size: 24px; line-height: 1.4; } .widget-area h2, .widget-area h2 a { font-size: 14px; margin: 0 0 5px; } h4.widget-title { font-variant: small-caps; padding-bottom: 10px; border-bottom: solid 2px #ddd; } h3 { font-size: 30px; } h4 { font-size: 24px; } .after-post h4 { color: #aaa; margin: 0 0 15px; } .taxonomy-description h1, .widget-area h4 { font-size: 20px; } .widget-area h4 a { color: #333; text-decoration: none; } #footer-widgets h4 { color: #ddd; font-size: 20px; margin: 0 0 20px; padding: 0; text-shadow: 0 2px #111; } #footer-widgets h4 a { color: #ddd; } h5 { font-size: 20px; } h6 { font-size: 18px; } /* Ordered / Unordered Lists ------------------------------------------------------------ */ .after-post ul, .entry-content ol, .entry-content ul { margin: 0; padding: 0 0 25px; } .after-post ul li, .archive-page ul li, .entry-content ul li { background: url(images/list.png) no-repeat top left; list-style-type: none; margin: 0 0 5px 20px; padding: 0 0 0 15px; word-wrap: break-word; } .after-post ul li { background: url(images/list-after-post.png) no-repeat top left; margin: 0 0 5px 15px; } .entry-content ol li { margin: 0 0 0 35px; } .archive-page ul ul, .entry-content ol ol, .entry-content ul ul { padding: 0; } .entry-title{font-variant: small-caps;} /* Post Info ------------------------------------------------------------ */ .post-info { color: #666; font-size: 14px; margin: -5px 0 15px; font-variant: small-caps; } /* Post Meta ------------------------------------------------------------ */ .post-meta { clear: both; color: #666; font-size: 14px; padding: 5px 0 0; font-variant: small-caps; } /* Author Box ------------------------------------------------------------ */ .author-box { background-color: #f5f5f5; margin: 0 0 40px; overflow: hidden; padding: 10px; } .author-box p { font-size: 14px; } /* After Post ------------------------------------------------------------ */ .after-post { background: url(images/bg-pattern.png); border: double #ddd; clear: both; color: #fff; margin: 30px 0; padding: 25px; overflow: hidden; text-shadow: 0 1px #111; } .after-post p { color: #fff; } .after-post form { background: url(images/arrow.png) no-repeat 40px 0; display: block; padding: 10px 0 10px 120px; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { background-color: #f5f5f5; margin: -10px 0 40px; padding: 20px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0 0; width: 50%; } /* Post Icons ------------------------------------------------------------ */ .post-comments, .tags { background: url(images/icon-dot.png) no-repeat left; margin: 0 0 0 3px; padding: 0 0 0 10px; } /* Images ------------------------------------------------------------ */ img { height: auto; max-width: 100%; } .avatar, .featuredpage img, .featuredpost img, .post-image { background-color: #f5f5f5; border: 1px solid #ddd; padding: 4px; } .author-box .avatar { background-color: #fff; float: left; margin: 0 10px 0 0; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { background-color: #fff; float: right; margin: 5px 0 0 10px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 0 15px 10px 0; } img.alignright { display: inline; margin: 0 0 10px 15px; } .alignleft { float: left; margin: 0 15px 10px 0; } .alignright { float: right; margin: 0 0 10px 15px; } .wp-caption { padding: 5px; text-align: center; } p.wp-caption-text { font-size: 14px; margin: 5px 0; } .wp-smiley, .wp-wink { border: none; float: none; } .gallery-caption { } /* Post Navigation ------------------------------------------------------------ */ .navigation { overflow: hidden; padding: 20px 0; width: 100%; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { background-color: #444; border: none; color: #fff; font-family: 'Lato', arial, serif; font-size: 14px; padding: 5px 12px; } .navigation li a:hover, .navigation li.active a { background-color: #ed702b; border: none; text-decoration: none; } /* Primary / Secondary Sidebars ------------------------------------------------------------ */ .sidebar { display: inline; float: right; font-size: 14px; padding: 25px 0 0; width: 300px; } #sidebar-alt { float: left; padding: 25px 0 0; width: 150px; } .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } .content-sidebar-sidebar #sidebar-alt { float: right; } .sidebar p { font-size: inherit; margin: 0 0 15px; } .sidebar .widget { margin: 0 0 40px; } .sidebar.widget-area ul li, #footer-widgets ul li { border-bottom: 1px solid #ddd; list-style-type: none; margin: 0 0 10px; padding: 0 0 10px; word-wrap: break-word; } #footer-widgets ul li { border-bottom: 1px solid #444; } /* Dropdowns ------------------------------------------------------------ */ .widget_archive select, #cat { display: inline; padding: 3px; width: 85%; } /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; overflow: hidden; } .featuredpage .page, .featuredpost .post { border-bottom: 1px solid #ddd; margin: 0 0 5px; overflow: hidden; padding: 0 0 10px; } #footer-widgets .featuredpage .page, #footer-widgets .featuredpost .post { margin: 0 0 10px; padding: 0; } /* User Profile ------------------------------------------------------------ */ .user-profile { overflow: hidden; } /* Buttons ------------------------------------------------------------ */ input[type="button"], input[type="submit"] { background: url(images/gradient.png) 0 0; border: 1px solid #ed702b; color: #fff; cursor: pointer; line-height: 19px; padding: 8px 10px; text-decoration: none; } input:hover[type="button"], input:hover[type="submit"] { background: url(images/gradient.png) 0 -33px; text-decoration: none; } /* Search Form ------------------------------------------------------------ */ #header .searchform { float: right; padding: 12px 0 0; } .s { margin: 0 -7px 0 0; padding: 9px 8px; width: 70%; } #nav .s { background-color: #fff; margin: 2px -7px 0 0; } /* eNews and Update Widget ------------------------------------------------------------ */ .enews #subbox { margin: 5px -7px 0 0; padding: 9px 8px; width: 70%; } /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 12px; font-style: italic; padding: 2px 5px 0 0; text-align: right; } #wp-calendar thead { background-color: #f5f5f5; font-weight: bold; margin: 10px 0 0; } #wp-calendar td { background-color: #f5f5f5; padding: 2px; text-align: center; } /* Footer Widgets ------------------------------------------------------------ */ #footer-widgets { background: url(images/footer-widgets.png); border-top: 3px solid #222; clear: both; font-size: 14px; overflow: hidden; } #footer-widgets .wrap { margin: 0 auto; overflow: hidden; padding: 0 0 25px; } #footer-widgets .widget { background: none; border: none; clear: both; color: #888; padding: 30px 0 0; } #footer-widgets p { color: #888; font-size: inherit; margin: 0 0 10px; } #footer-widgets ul { margin: 0; } #footer-widgets .latest-tweets { background: url(images/footer-twitter.png) top right no-repeat; } #footer-widgets .latest-tweets li span a, #footer-widgets .latest-tweets li span a:visited { color: #bbb; text-decoration: none; } #footer-widgets .latest-tweets li span a:hover { color: #bbb; text-decoration: underline; } #footer-widgets #wp-calendar thead, #footer-widgets #wp-calendar td { background: none; } .footer-widgets-1 { float: left; margin: 0 40px 0 0; width: 350px; } .footer-widgets-2 { float: left; width: 360px; } .footer-widgets-3 { float: right; width: 350px; } /* Footer ------------------------------------------------------------ */ #footer { clear: both; } #footer .wrap { font-size: 14px; overflow: hidden; padding: 20px 0; } #footer p { font-size: inherit; } #footer a, #footer a:visited { color: #333; } #footer a:hover { color: #ed702b; text-decoration: none; } #footer .gototop { float: left; width: 30%; font-variant: small-caps; text-decoration: overline; } #footer .creds { float: right; text-align: right; width: 65%; font-variant: small-caps; } /* Comments ------------------------------------------------------------ */ #comments, #respond { margin: 0 0 15px; overflow: hidden; } #author, #comment, #email, #url { margin: 10px 5px 0 0; padding: 5px; width: 250px; } #comment { height: 150px; margin: 10px 0; width: 98%; } .ping-list { margin: 0 0 40px; } .comment-list ol, .ping-list ol { padding: 10px; } .comment-list li, .ping-list li { list-style-type: none; margin: 15px 0 5px; padding: 10px 15px; } .comment-list li ul li { list-style-type: none; margin-right: -16px; } .comment-content p { font-size: 14px; margin: 0 0 20px; } .comment-list cite, .ping-list cite { font-style: normal; } .commentmetadata { font-size: 12px; margin: 0 0 5px; } .reply { font-size: 14px; font-weight: 300; } .nocomments { text-align: center; } #comments .navigation { display: block; } .bypostauthor { } .thread-alt, .thread-even { background-color: #f5f5f5; } .alt, .depth-1, .even { border: 1px solid #ddd; } /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { box-sizing: border-box; font-size: 14px !important; padding: 4px 5px !important; } div.gform_footer input.button { color: #fff; } div.gform_wrapper .ginput_complex label { font-size: 14px; } div.gform_wrapper li, div.gform_wrapper form li { background: none; margin: 0 0 10px; padding: 0; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } /* eleven40 Blue ------------------------------------------------------------ */ .eleven40-blue a, .eleven40-blue a:visited { color: #2b97ed; } .eleven40-blue .menu-primary a, .eleven40-blue .menu-secondary a, .eleven40-blue h2 a, .eleven40-blue h2 a:visited { color: #333; } .eleven40-blue #header .menu li li a, .eleven40-blue #header .menu li li a:link, .eleven40-blue #header .menu li li a:visited { color: #fff; } .eleven40-blue h2 a:hover, .eleven40-blue .menu li.right a:hover, .eleven40-blue .menu-primary li a:active, .eleven40-blue .menu-primary li a:hover, .eleven40-blue .menu-primary li li a:active, .eleven40-blue .menu-primary li li a:hover, .eleven40-blue .menu-primary .current_page_item a, .eleven40-blue .menu-primary .current-cat a, .eleven40-blue .menu-primary .current-menu-item a, .eleven40-blue .menu-secondary li a:active, .eleven40-blue .menu-secondary li a:hover, .eleven40-blue .menu-secondary li li a:active, .eleven40-blue .menu-secondary li li a:hover, .eleven40-blue .menu-secondary .current_page_item a, .eleven40-blue .menu-secondary .current-cat a, .eleven40-blue .menu-secondary .current-menu-item a, .eleven40-blue #footer a:hover, .eleven40-blue #header .menu li a:active, .eleven40-blue #header .menu li a:hover, .eleven40-blue #header .menu li li a:active, .eleven40-blue #header .menu li li a:hover, .eleven40-blue #header .menu .current_page_item a, .eleven40-blue #header .menu .current-cat a, .eleven40-blue #header .menu .current-menu-item a { color: #fff; } .eleven40-blue .navigation li a:hover, .eleven40-blue .navigation li.active a { background-color: #2b97ed; } .eleven40-blue input[type="button"], .eleven40-blue input[type="submit"] { background: url(images/blue/gradient.png) 0 0; border: 1px solid #2b97ed; } .eleven40-blue input:hover[type="button"], .eleven40-blue input:hover[type="submit"] { background: url(images/blue/gradient.png) 0 -33px; } /* eleven40 Green ------------------------------------------------------------ */ .eleven40-green a, .eleven40-green a:visited { color: #27d665; } .eleven40-green #title { background: url(images/green/logo-texture.png); text-shadow: 0 1px #27743f; } .eleven40-green #title:before { background: url(images/green/logo-vert-left.png) repeat-y; } .eleven40-green #title:after { background: url(images/green/logo-vert-right.png) repeat-y; } .eleven40-green .menu-primary a, .eleven40-green .menu-secondary a, .eleven40-green h2 a, .eleven40-green h2 a:visited { color: #333; } .eleven40-green #header .menu li li a, .eleven40-green #header .menu li li a:link, .eleven40-green #header .menu li li a:visited { color: #fff; } .eleven40-green h2 a:hover, .eleven40-green .menu li.right a:hover, .eleven40-green .menu-primary li a:active, .eleven40-green .menu-primary li a:hover, .eleven40-green .menu-primary li li a:active, .eleven40-green .menu-primary li li a:hover, .eleven40-green .menu-primary .current_page_item a, .eleven40-green .menu-primary .current-cat a, .eleven40-green .menu-primary .current-menu-item a, .eleven40-green .menu-secondary li a:active, .eleven40-green .menu-secondary li a:hover, .eleven40-green .menu-secondary li li a:active, .eleven40-green .menu-secondary li li a:hover, .eleven40-green .menu-secondary .current_page_item a, .eleven40-green .menu-secondary .current-cat a, .eleven40-green .menu-secondary .current-menu-item a, .eleven40-green #footer a:hover, .eleven40-green #header .menu li a:active, .eleven40-green #header .menu li a:hover, .eleven40-green #header .menu li li a:active, .eleven40-green #header .menu li li a:hover, .eleven40-green #header .menu .current_page_item a, .eleven40-green #header .menu .current-cat a, .eleven40-green #header .menu .current-menu-item a { color: #27d665; } .eleven40-green .navigation li a:hover, .eleven40-green .navigation li.active a { background-color: #27d665; } .eleven40-green input[type="button"], .eleven40-green input[type="submit"] { background: url(images/green/gradient.png) 0 0; border: 1px solid #27d665; } .eleven40-green input:hover[type="button"], .eleven40-green input:hover[type="submit"] { background: url(images/green/gradient.png) 0 -33px; } /* eleven40 Red ------------------------------------------------------------ */ .eleven40-red a, .eleven40-red a:visited { color: #ed2b46; } .eleven40-red #title { background: url(images/red/logo-texture.png); text-shadow: 0 1px #711f26; } .eleven40-red #title:before { background: url(images/red/logo-vert-left.png) repeat-y; } .eleven40-red #title:after { background: url(images/red/logo-vert-right.png) repeat-y; } .eleven40-red .menu-primary a, .eleven40-red .menu-secondary a, .eleven40-red h2 a, .eleven40-red h2 a:visited { color: #333; } .eleven40-red #header .menu li li a, .eleven40-red #header .menu li li a:link, .eleven40-red #header .menu li li a:visited { color: #fff; } .eleven40-red h2 a:hover, .eleven40-red .menu li.right a:hover, .eleven40-red .menu-primary li a:active, .eleven40-red .menu-primary li a:hover, .eleven40-red .menu-primary li li a:active, .eleven40-red .menu-primary li li a:hover, .eleven40-red .menu-primary .current_page_item a, .eleven40-red .menu-primary .current-cat a, .eleven40-red .menu-primary .current-menu-item a, .eleven40-red .menu-secondary li a:active, .eleven40-red .menu-secondary li a:hover, .eleven40-red .menu-secondary li li a:active, .eleven40-red .menu-secondary li li a:hover, .eleven40-red .menu-secondary .current_page_item a, .eleven40-red .menu-secondary .current-cat a, .eleven40-red .menu-secondary .current-menu-item a, .eleven40-red #footer a:hover, .eleven40-red #header .menu li a:active, .eleven40-red #header .menu li a:hover, .eleven40-red #header .menu li li a:active, .eleven40-red #header .menu li li a:hover, .eleven40-red #header .menu .current_page_item a, .eleven40-red #header .menu .current-cat a, .eleven40-red #header .menu .current-menu-item a { color: #ed2b46; } .eleven40-red .navigation li a:hover, .eleven40-red .navigation li.active a { background-color: #ed2b46; } .eleven40-red input[type="button"], .eleven40-red input[type="submit"] { background: url(images/red/gradient.png) 0 0; border: 1px solid #ed2b46; } .eleven40-red input:hover[type="button"], .eleven40-red input:hover[type="submit"] { background: url(images/red/gradient.png) 0 -33px; } /* Responsive Design ------------------------------------------------------------ */ @media only screen and (max-width: 1200px) { .wrap { max-width: 960px; } #content-sidebar-wrap { width: 770px; } #content { width: 400px; } .content-sidebar #content, .sidebar-content #content { width: 630px; } .content-sidebar-sidebar #content, .sidebar-sidebar-content #content { width: 440px; } .full-width-content #content { width: 100%; } .genesis-grid-even, .genesis-grid-odd { float: left; margin: 0 0 30px; padding: 0; width: 100%; } .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { padding: 0; width: 100%; } .footer-widgets-1 { width: 290px; } .footer-widgets-2 { width: 300px; } .footer-widgets-3 { width: 290px; } } @media only screen and (max-width: 800px) { body { width: 100%; margin: 0 auto; } .archive-page, .content-sidebar #content, .content-sidebar-sidebar #content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content, .wrap, #content-sidebar-wrap, #footer .creds, #footer .gototop, #sidebar-alt { width: 100%; } #inner .wrap { padding: 20px; width: auto; } #title { width: 100%; padding: 18px 0 17px; } .menu-primary, .menu-secondary, #header ul.menu, #header .widget-area, #title-area { float: none; text-align: center; width: 100%; } #header .searchform { float: center; } #header ul.menu { background: #0078d7; float: left; } .menu-primary li, .menu-secondary li, #header ul.menu li { display: inline-block; float: none; } .menu-primary a, .menu-secondary a, #header .menu a { padding: 10px; } .menu li.right { display: none; } .page-title { font-size: 24px; padding: 10px 20px; } .page-title p { line-height: 1.2; } .content-sidebar #content, .content-sidebar-sidebar #content, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content { border: none; padding: 20px 0; width: 100%; } h1, h2, h2 a, h2 a:visited { font-size: 30px; } .after-post form { background: none; padding: 0; } #footer-widgets .widget { padding: 20px 20px 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { margin: 0; } #footer .creds, #footer .gototop { float: none; } #footer p { padding: 0 20px; text-align: center; } }