/****************************************************************** Theme Name: Crossroads GPS Theme URI: http://www.targetedvictory.com Description: Genesis Child Theme, this is a child development theme for the Genesis Framework based on Bones for Genesis. Author: Targeted Victory Author URI: http://www.targetedvictory.com/ Version: 1.0 Tags: html5, css3, responsive, hb5 Template: genesis Template Version: 1.8.2 /****************************************************************** TABLE OF CONTENTS To skip to a certain section, search for "=01" where the number is the section you're looking for. 01 - Normalize.css 1a - Clearing Floats 02 - Commonly Used Elements (buttons, alerts, ect.) 2a - Links 2b - Selection Text 2c - Buttons 2d - CSS3 Rounded Corners 2e - CSS3 Transitions 2f - CSS3 Gradients 2g - Font Face Example 2h - Search Inputs 03 - Base Mobile Styles 3a - Wordpress Body Classes 3b - Grid & Layout 3b1 - Wraps & Inner 3c - Links & Text Selection 3c1 - Text Selection 3d - Title & Headlines 3e - Header 3e1 - Image Header (PARTIAL) 3e2 - Image Header (FULL) 3e3 - Header Right Nav 3e4 - Header Search 3f - Navigation 3f1 - Nav Extras 3f2 - SubNav 3f3 - Nav Search 3g - Posts & Content 3g1 - Breadcrumbs 3g2 - Descriptions 3g3 - Post Classes 3g4 - Post Info 3g5 - Entry Content 3g6 - Lists 3g7 - Blockquotes 3g8 - Datalists 3g9 - Post Images 3g10 - Post Videos 3g11 - Wp-Caption 3g12 - Post Galleries 3g13 - Post Meta 3g14 - Author Box 3g15 - Featured Posts 3g16 - Homepage Promo Boxes 3h - Post Navigation 3i - Sidebars & Asides 3i1 - Sidebar 1 3i2 - Sidebar 2 3i3 - Widgets 3j - Comments 3j1 - Ping List 3k - Comment Form 3k1 - Form Validation 3k2 - No Comments 3l - Footer 3l1 - Footer Widgets 3m - Gravity Form Styles 04 - Tablets & Mid Range (min-600px) 05 - Desktop & Laptops (min-960px) 5a - Wordpress Body Classes 5b - Grid & Layout 5b1 - Wraps & Inner 5c - Header 5c1 - Image Header (PARTIAL) 5c2 - Image Header (FULL) 5c3 - Header Left 5c3a - Header Right 5c4 - Header Search 5d - Navigation 5d1 - Nav Extras 5d2 - SubNav 5d3 - Nav Search 5e - Posts & Content 5e1 - Breadcrumbs 5e2 - Descriptions 5e3 - Post Classes 5e4 - Post Info 5e5 - Entry Content 5e6 - Lists 5e7 - Blockquotes 5e8 - Datalists 5e9 - Post Images 5e10 - Post Videos 5e11 - Wp-Caption 5e12 - Post Galleries 5e13 - Post Meta 5e14 - Author Box 5e15 - Featured Posts 5f - Post Navigation 5g - Sidebars & Asides 5g1 - Sidebar 1 5g2 - Sidebar 2 5g3 - Widgets 5h - Comments 5h1 - Ping List 5i - Comment Form 5i1 - Form Validation 5i2 - No Comments 5j - Footer 5j1 - Footer Widgets 5k - Gravity Form Styles 06 - Large Monitors (min-1382px) 07 - IE Fixes 08 - Print Stylesheet 09 - Font Face ******************************************************************/ /****************************************************************** =01 GENERAL NORMALIZE (http://necolas.github.com/normalize.css/) Normalize works a lot like a classic CSS Reset only instead of reseting EVERYTHING, it only changes what's inconsistent across the different browsers. It's much slimmer and compact than resets. ******************************************************************/ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; } audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* base styles */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body,button,input,select,textarea { font-family: sans-serif; color: #333; } /* margins, padding, & borders */ body,figure,form,blockquote,button,input,select,textarea,dd,h1,h2,h3,h4,h5,h6,ol,ul,fieldset { margin: 0; } ul,ol,button::-moz-focus-inner,input::-moz-focus-inner,fieldset,input[type="checkbox"],input[type="radio"] { padding: 0; } img,legend,button::-moz-focus-inner,input::-moz-focus-inner,fieldset { border: 0; } /* images */ img { -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } /* links & typography */ a:focus { outline: thin dotted; } a:hover,a:active { outline: 0; } h1 { font-size: 2em; } p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; margin: 0; } ol,ul { list-style-type: none; } abbr[title] { border-bottom: 1px dotted; } b,strong, { font-weight: bold; } dfn,em { font-style: italic; } small,sub,sup { font-size: 75%; } sub,sup { line-height: 0; position: relative; vertical-align: baseline; } q { quotes: none; } q:before,q:after { content: ''; content: none; } mark { background: #ff0; color: #000; } pre,code,kbd,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sup { top: -0.5em; } sub { bottom: -0.25em; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } nav ul,nav ol,.widget ol,.widget ul,.comment-list { list-style: none; list-style-image: none; } /* forms */ legend { *margin-left: -7px; } button,input,select,textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; } button,input { line-height: normal; } button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } tarea,textarea { overflow: auto; vertical-align: top; } /* tables */ table { border-collapse: collapse; border-spacing: 0; } /* hidden elements */ .hidden { display: none; visibility: hidden; } /* clearing floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* wordpress junk */ .wp-smiley, .wp-wink { margin: 0 !important; max-height: 1em; } /********************* =1a CLEARFIXING GENESIS What's this? Fixing floats is one of the oldest headaches in web design. Instead of using overflow:hidden, we are going to clear them using a cool trick used in the HTML5 Boilerplate: http://nicolasgallagher.com/micro-clearfix-hack/ To do this though, we have to manually add the items we want to clearfix here. Kind of a pain, yes, but it's a much more natural solution. *********************/ #inner:before, #inner:after, #title-area:before, /* you've got to be kidding */ #title-area:after, .entry-content:before, .entry-content:after, .author-box:before, .author-box:after, .navigation:before, .navigation:after, /* is all this really efficient? */ .user-profile:before, .user-profile:after, .featuredpage:before, .featuredpost:before, .featuredpage:after, .featuredpost:after, .featuredpage .page:before, .featuredpost .post:before, .featuredpage .page:after, .featuredpost .post:after, #footer:before, /* nope. probably not */ #footer:after, #footer-widgets:before, #footer-widgets:after, #footer-widgets .widget-area:before, #footer-widgets .widget-area:after, .wrap:before, .wrap:after, #comments:before, #respond:before, #comments:after, /* but it's easier than dealing with overflow: hidden */ #respond:after, .menu:before, .menu:after, .breadcrumb:before, .breadcrumb:after, #content-sidebar-wrap:before, #content-sidebar-wrap:after { content: ""; display: table; } #inner:after, #title-area:after, .entry-content:after, .author-box:after, .navigation:after, /* i tried a ton of solutions */ .user-profile:after, .featuredpage:after, .featuredpost:after, .featuredpage .page:after, .featuredpost .post:after, #footer:after, /* but until Genesis adds a clearfix */ .wrap:after, #comments:after, #respond:after, #footer-widgets:after, #footer-widgets .widget-area:after, .menu:after, .breadcrumb:after, #content-sidebar-wrap:after { clear: both; } #inner, #title-area, .entry-content, /* this is what I'm going with */ .author-box, .navigation, .user-profile, .featuredpage, .featuredpost, /* suggestions? hit me on twitter: @eddiemachado */ .featuredpage .page, .featuredpost .post, #footer, .wrap, #comments, /* I'd love to hear your thoughts */ #respond, #footer-widgets, #footer-widgets .widget-area, .menu, .breadcrumb, #content-sidebar-wrap { zoom: 1; } /****************************************************************** =02 COMMONLY USED ELEMENTS ******************************************************************/ /********************* =2a LINKS *********************/ a, a:link, a:visited { color: #003a5d; text-decoration: none; transition: all 0.25s ease-in-out; } a:hover, a:focus, a:active { color: #0d72c7; text-decoration: none; } /********************* =2b SELECTION TEXT *********************/ ::-moz-selection { background-color: #003a5d; color: #fff; } ::selection { background-color: #003a5d; color: #fff; } /********************* =2c BUTTONS *********************/ input[type="button"], input[type="submit"], .button { background: #005696; color: #fff; padding: 20px 30px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; transition: all 0.25s ease-in-out; } a.button { color: #fff; } input[type="button"]:hover, input[type="submit"]:hover, .button:hover { background-color: #0062ab; } /********************* =2d CSS3 ROUNDED CORNERS *********************/ .rounded-corners { -khtml-border-radius: 3px; border-radius: 3px; } /********************* =2e CSS3 TRANSITIONS *********************/ .transition { transition: all 0.2s ease-out; } /********************* =2f CSS3 GRADIENTS Be careful with gradients as they can really affect the speed of your CSS. Don't overdue it. :) *********************/ .gradient { background-color: #414141; background-image: linear-gradient(top, rgb(65, 65, 65), rgb(51, 51, 51)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#414141', EndColorStr='#333333'); } /********************* =2g FONT FACT EXAMPLE *********************/ /* @font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ /********************* =2h SEARCH INPUTS *********************/ .s { margin: 10px -7px 0 0; padding: 6px 5px; width: 180px; } /****************************************************************** =03 BASE MOBILE STYLES Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. Don't use px, you'll want to use %s or ems. ******************************************************************/ body { color: #003a5d; background: #f2f2f2; font-family: 'Maven Pro', sans-serif; font-weight: 400; line-height: 1.5; } html, body { min-height: 100%; } /********************* =3a BODY CLASSES Remember, you want to keep mobile as light as possible so don't overload it with background images. Save those for larger screens and better connections. *********************/ .rtl {} .home {} /* home page */ .blog {} .archive {} /* archive page */ .date {} /* date archive page */ .date-paged-1 {} /* replace the number to the corresponding page number */ .search {} /* search page */ .search-results {} /* search result page */ .search-no-results {} /* no results search page */ .search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ .error404 {} /* 404 page */ .single {} /* single post page */ .postid-1 {} /* individual post page by id (i.e. body.postid-73) */ .single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ .attachment {} /* attatchment page */ .attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ .attachment-mime-type {} /* style mime type pages */ .author {} /* author page */ .author-nicename {} /* user nicename (i.e. body.author-samueladams) */ .author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ .category {} /* category page */ .category-1 {} /* individual category page (i.e. body.category-6) */ .category-paged-1 {} /* replace the number to the corresponding page number */ .tag {} /* tag page */ .tag-slug {} /* individual tag page (i.e. body.tag-news) */ .tag-paged-1 {} /* replace the number to the corresponding page number */ .page-template {} /* custom page template page */ .page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ .page-paged-1 {} /* replace the number to the corresponding page number */ .page-parent {} .page-child {} .parent-pageid-1 {} /* replace the number to the corresponding page number */ .logged-in {} /* if user is logged in */ .paged {} /* paged items like search results or archives */ .paged-1 {} /* individual paged (i.e. body.paged-3) */ /********************* =3b GRID & LAYOUT *********************/ /* no need to put anything here since there's no room for a grid on mobile layouts. So, we save even more bytes here. :) */ /********************* =3b1 WRAPS & INNER *********************/ #wrap {} .wrap { position: relative; } #content-sidebar-wrap { width: auto; padding: 20px; } /* there are others you probably won't use at this size, so I removed them. Remember, keep things light. */ #inner { margin: 0 auto; } /********************* =3d TITLES & HEADLINES What's with the classes? It's a great way to keep your CSS slim. Instead of adding another selector to make a title look like an H1, you simply add the .h1 class to it. ( i.e.
). So easy. *********************/ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 { line-height: 1.25em; margin: 0 0 10px; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {} h1, .h1 { font-size: 1.875em; } h2, .h2 { font-size: 1.75em; } h3, .h3 { font-size: 1.5em; } h4, .h4 { font-size: 1.25em; } h5, .h5 { font-size: 1.125em; } h6, .h6 { font-size: 1em; } /********************* =3e HEADER *********************/ #header { width: 100%; min-height: 100px; margin: 0 auto; /* questionable */ } #title-area { text-align: center; width: 20%; float: left; } #title { font-size: 2.25em; line-height: 1.125; text-transform: uppercase; text-align: center; margin: 0; } #title a, #title a:hover { color: #333; text-decoration: none; } #title a { background: transparent url('/wp-content/uploads/2015/06/CGPS_logo.png') center center no-repeat; display: block; height: 100px; width: 80px; text-indent: -9999px; margin: 0 auto; } #description { font-size: 0.875em; text-align: center; display: none; } #header .widget-area { width: 40%; float: left; } /********************* =3e1 IMAGE HEADER (PARTIAL) *********************/ .header-image #title-area { /*height: 100px;*/ overflow: hidden; text-indent: -9999; /*width: 100%;*/ padding: 0; } .header-image #title a {} .header-image #description {} /********************* =3e2 IMAGE HEADER (FULL) *********************/ .header-full-width #title-area {} /********************* =3e3 HEADER RIGHT NAV *********************/ #header .menu { box-sizing: border-box; } #header .menu ul {} #header .menu li {} #header .menu li a {} #header .menu li a:hover, #header .menu li a:active, #header .menu li:hover a, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {} #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited {} #header .menu li li a:hover, #header .menu li li a:active {} #header .menu li ul {} #header .menu li ul a {} #header .menu li ul ul {} #header .menu li:hover>ul {} /********************* =3e3a HEADER RIGHT *********************/ #header-right .widget { float: right; text-align: right; margin: 0; } #header-right .widget.social {} #header-right .widget.social li { display: inline; } #header-right .widget.social li a, #header-right .widget.social li a:link, #header-right .widget.social li a:visited { display: block; float: left; width: 50px; text-align: center; } #header-right .widget.social li a [class^="icon-"] { font-size: 1.25em; width: 50px; height: 100px; line-height: 100px; transition: all 0.25s ease-in-out; } #header-right .widget.social li.facebook a i { color: #3b5998; } #header-right .widget.social li.facebook a:hover i { color: #4469b4; } #header-right .widget.social li.twitter a i { color: #00aced; } #header-right .widget.social li.twitter a:hover i { color: #2bb9f6; } #header-right .widget.social li.instagram a i { color: #517fa4; } #header-right .widget.social li.instagram a:hover i { color: #005080; } #header-right .widget.social li.youtube a i { color: #b31217; } #header-right .widget.social li.youtube a:hover i { color: #e52d27; } #header-right .widget.donate { margin-left: 30px; } #header-right .widget.donate a, #header-right .widget.donate a:link, #header-right .widget.donate a:visited { letter-spacing: 2px; color: #fff; background: #b5121b; display: inline-block; padding: 0 25px; height: 100px; line-height: 100px; font-weight: 700; text-transform: uppercase; } #header-right .widget.donate a:hover, #header-right .widget.donate a:active, #header-right .widget.donate a:focus { background: #cd131e; } /********************* =3e4 HEADER SEARCH *********************/ #header .searchform { text-align: center; } #header .s { margin: 0 -7px 0 0; } /******************** =3e5 HEADER LEFT *********************/ #header-left .widget { float: left; margin: 0; } #header-left .widget.toggle { display: none; } #header-left .widget.toggle button { background: #005696; border: none; padding: 0 30px; height: 100px; line-height: 100px; transition: all 0.25s ease-in-out; } #header-left .widget.toggle button span { position: relative; width: 45px; height: 8px; background: #fff; border-radius: 3px; display: block; transition: all 0.25s ease-in-out; } #header-left .widget.toggle button span:before, #header-left .widget.toggle button span:after { position: absolute; left: 0; right: 0; height: 8px; background: #fff; display: block; content: ''; border-radius: 3px; transition: all 0.25s ease-in-out; } #header-left .widget.toggle button span:before { top: -15px; } #header-left .widget.toggle button span:after { bottom: -15px; } #header-left .widget.toggle button:hover, #header-left .widget.toggle button:focus, #header-left .widget.toggle button:active { background: #0062ab; outline: none; } #header-left .widget.toggle button.active span { background: transparent; } #header-left .widget.toggle button.active span:before, #header-left .widget.toggle button.active span:after { top: 0; bottom: 0; } #header-left .widget.toggle button.active span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #header-left .widget.toggle button.active span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /********************* =3f NAVIGATION *********************/ .menu { clear: both; } .menu-primary {} .menu-secondary {} .menu ul { list-style: none; } .menu li {} .menu li a { display: block; position: relative; text-decoration: none; } /* hover & current page highlight */ .menu li a:hover, .menu li a:active, .menu .current_page_item a, .menu .current-cat a, .menu .current-menu-item a {} /* drop downs & sub menus So I'm hiding these. Why? Because on mobile, every bit of space counts. Do you really want your users to have to scroll down for 2 min. just to read the article? This is why you'll want to really plan out your menu. You obviously don't have to do it this way, but it's an option. :) */ .menu li ul { display: none; background: #333; position: inherit; } .menu li li a, .menu li li a:link, .menu li li a:visited { color: #fff; } .menu li li a:hover, .menu li li a:focus, .menu li li a:focus {} .menu li li a:active {} #header-left .widget_nav_menu { margin: 0; padding: 0; width: 100%; } #header-left .widget_nav_menu li { float: left; width: 25%; } #header-left .widget_nav_menu li a, #header-left .widget_nav_menu li a:link, #header-left .widget_nav_menu li a:visited { letter-spacing: 2px; text-transform: uppercase; padding: 0; height: 100px; line-height: 100px; display: block; position: relative; text-align: center; color: #0d5c93; font-size: 1em; } #header-left .widget_nav_menu li a:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0d5c93; opacity: 0; content: ''; transition: all 0.25s ease-in-out; } #header-left .widget_nav_menu li a:hover:after { opacity: 1; } #header-left .widget_nav_menu li a:hover, #header-left .widget_nav_menu li a:focus, #header-left .widget_nav_menu li a:active {} /********************* =3f1 NAV EXTRAS *********************/ #nav li.right { /* hiding this for mobile */ display: none; } #nav li.right a {} #nav li.right a:hover {} #nav li.rss a {} #nav li.twitter a {} /********************* =3f2 SUBNAV *********************/ #subnav {} #subnav li a:hover, #subnav li a:active, #subnav li:hover a, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a {} #subnav li li a, #subnav li li a:link, #subnav li li a:visited {} #subnav li li a:hover, #subnav li li a:active {} #subnav li ul {} #subnav li ul a {} #subnav li ul ul {} /********************* =3f3 NAV SEARCH *********************/ #nav li.search {} #nav .searchform {} #nav .s { background-color: #fff; margin: 2px 2px 0 0; } /********************* =3g POSTS & CONTENT *********************/ #content {} /* layout options */ .content-sidebar #content, .sidebar-content #content {} .sidebar-content #content, .sidebar-sidebar-content #content {} .full-width-content #content {} /********************* =3g1 BREADCRUMBS *********************/ .breadcrumb { font-size: 0.875em; padding: 5px 10px; margin: 0 20px 20px; background-color: #f5f5f5; border: 1px solid #ddd; } /********************* =3g2 DESCRIPTIONS *********************/ .taxonomy-description { background-color: #fff; margin: 0 20px 20px; } .taxonomy-description h1 { font-size: 0.875em; margin: 0; padding: 9px 10px 8px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; } .taxonomy-description p { font-size: 0.875em; padding: 15px; } .archive-page { padding: 20px 0 0; } .archive-page ul, .archive-page ol { padding-bottom: 25px; } .archive-page ul ul { padding-bottom: 0; } /********************* =3g3 POST CLASSES *********************/ .hentry {} .post-id {} /* post by id (i.e. post-3) */ .post { padding: 0 20px; margin: 0 0 40px; } /* general post style */ .page { } /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky { background-color: #f5f5f5; margin: -10px 0 40px; padding: 20px; } /* sticky post style */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /********************* =3g4 POST INFO *********************/ .post-info { font-size: 1em; margin: 0 0 20px; } .post-info .time {} .post-info .vcard {} .post-info .post-comments {} .post-edit-link {} .status-publish.entry .post-info { font-size: 1em; } .status-publish.entry .post-info .categories, .status-publish.entry .post-info .tags { display: block; } .status-publish.entry .post-info a, .status-publish.entry .post-info a:link, .status-publish.entry .post-info a:visited { text-decoration: underline; } .status-publish.entry .post-info a:hover, .status-publish.entry .post-info a:focus, .status-publish.entry .post-info a:active { text-decoration: none; } /********************* =3g5 ENTRY CONTENT *********************/ .entry-content {} .error404 .entry-content { text-align: center; } .entry-content p { padding: 0 0 25px; } .more-videos { text-align: right; } .more-videos .button { display: inline-block; *display: block; *zoom: 1; } .entry-content .issues {} .entry-content .issues:after { content: ''; display: table; clear: both; } .issues-icon { float: left; padding: 10px; } .issues-quote { padding: 15px; } .issues-quote p { font-size: 18px; line-height: 20px; padding-top: 15px; text-align: center; color: #333; text-shadow: 1px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1); } .issues-quote-bg { background: rgb(226,226,226); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); /* IE6-8 */ border-radius: 10px; border: #999 1px solid; float: left; height: 92px; min-height: 92px; max-height: 92px; width: 460px; margin-top: 14px; } .goals-container { max-width: 100%; height: auto; margin-bottom: 30px; } .goals-menu { float: left; width: 215px; } .goals-menu-button { cursor: pointer; display: block; color: #fff; text-decoration: none; padding: 30px 0; text-align: center; font-weight: 500; background-position: center; background-repeat: no-repeat; margin-top: 1px; } .goals-menu-button#obamacare { background-color: #5751d9; background-image: url('/wp-content/uploads/2015/07/icon-health-kit.png'); } .goals-menu-button#world-energy-leader { background-color: #ffcd00; background-image: url('/wp-content/uploads/2015/07/icon-lightning-bolt.png'); } .goals-menu-button#tax-system { background-color: #44db5e; background-image: url('/wp-content/uploads/2015/07/icon-coin.png'); } .goals-menu-button#debt-crisis { background-color: #ff3824; background-image: url('/wp-content/uploads/2015/07/icon-graph.png'); } .goals-menu-button#immigration-system { background-color: #54c7fc; background-image: url('/wp-content/uploads/2015/07/icon-man-woman.png'); } .goals-menu-dropdown { display: none; } .goals-menu-dropdown select { width: 100%; -webkit-appearance: none; background: #fff; border-radius: 0; padding: 10px; } .goals-menu-dropdown select option.purple { background-image: linear-gradient(to bottom, #6959D8 0%, #B14FFC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6959D8', endColorstr='#B14FFC',GradientType=0 ); } .goals-menu-dropdown select option.blue { background-image: linear-gradient(to top, #66E3C8 0%, #4AC0F3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66E3C8', endColorstr='#4AC0F3',GradientType=0 ); } .goals-menu-dropdown select option.green { background-image: linear-gradient(to top, #8BF25C 0%, #2AD200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BF25C', endColorstr='#2AD200',GradientType=0 ); } .goals-menu-dropdown select option.yellow { background-image: linear-gradient(to top, #FD9226 0%, #FC623F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD9226', endColorstr='#FC623F',GradientType=0 ); } .goals-menu-dropdown select option.red { background-image: linear-gradient(to top, #FC5626 0%, #FB2769 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC5626', endColorstr='#FB2769',GradientType=0 ); } .goals-content { background-repeat: no-repeat; margin-left: 215px; } .purple .goal-Box, .purple .how-Box, .purple .progress-Box, .purple .checkout-Box { background-image: linear-gradient(to bottom, #6959D8 0%, #B14FFC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6959D8', endColorstr='#B14FFC',GradientType=0 ); } .blue .goal-Box, .blue .how-Box, .blue .progress-Box, .blue .checkout-Box { background-image: linear-gradient(to top, #66E3C8 0%, #4AC0F3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66E3C8', endColorstr='#4AC0F3',GradientType=0 ); } .green .goal-Box, .green .how-Box, .green .progress-Box, .green .checkout-Box { background-image: linear-gradient(to top, #8BF25C 0%, #2AD200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BF25C', endColorstr='#2AD200',GradientType=0 ); } .yellow .goal-Box, .yellow .how-Box, .yellow .progress-Box, .yellow .checkout-Box { background-image: linear-gradient(to top, #FD9226 0%, #FC623F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD9226', endColorstr='#FC623F',GradientType=0 ); } .red .goal-Box, .red .how-Box, .red .progress-Box, .red .checkout-Box { background-image: linear-gradient(to top, #FC5626 0%, #FB2769 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC5626', endColorstr='#FB2769',GradientType=0 ); } .goal-Box, .how-Box, .progress-Box, .checkout-Box { width: 50%; } .goal-Box {} .how-Box { opacity: 0.7; } .progress-Box { opacity: 0.6; } .checkout-Box { opacity: 0.8; } .box-title { margin-left: 15px; padding-top: 20px; color: #fff; font-size: 19px; } .larger { font-size: 26px; } .icon-left-flag, .icon-left-bulb, .icon-left-swirl { right: 20px; top: 20px; position: absolute; } .icon-left-flag { width: 31px; height: 28px; background: url('/wp-content/uploads/2015/07//images/flagicon.png'); background-repeat: no-repeat; } .icon-left-bulb { width: 22px; height: 32px; background: url('/wp-content/uploads/2015/07//images/bulbicon.png'); background-repeat: no-repeat; } .icon-left-swirl { width: 28px; height: 29px; background: url('/wp-content/uploads/2015/07//images/swirlicon.png'); background-repeat: no-repeat; } .top-square { display: flex; } .top-square .even-height { margin-top: 1px; margin-left: 1px; position: relative; } .bottom-square { display: flex; } .bottom-square .even-height2 { margin-top: 1px; margin-left: 1px; position: relative; } .goal-Box h1 { font-size: 36px; color: #fff; padding: 15px; margin: 0; } .how-Box h1 { line-height: 1.2; font-size: 15px; color: #fff; padding: 15px; margin: 0; } .progress-Box h3 { line-height: 1.2; font-size: 15px; color: #fff; padding: 15px; opacity: 1; margin: 0; } .checkout-video { line-height: 1.2; font-size: 17px; color: #fff; padding: 15px; opacity: 1; margin: 0; } .page-template-goals-template-php .blanket { background:none; background-color: #fff !important; } .readmore { color: #003366; } .checkout-Box a { color: #fff; } /********************* =3g6 LISTS *********************/ .entry-content ul, .entry-content ol, .entry-content table, .entry-content dl {} .entry-content ul, .entry-content ol { padding-bottom: 25px; } .entry-content ul { list-style: square; } .entry-content ol { list-style: decimal; } .entry-content li { margin-left: 30px; } .entry-content ul li {} .entry-content ol li {} .entry-content ul ul, .entry-content ol ol { padding-bottom: 0; } /********************* =3g7 BLOCKQUOTES *********************/ .entry-content blockquote { margin: 5px 5px 20px; padding: 25px 30px 5px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } blockquote p { color: #999; font-style: italic; } /********************* =3g8 DATALISTS *********************/ .entry-content dl {} .entry-content dt {} .entry-content dd {} /********************* =3g9 POST IMAGES *********************/ .entry-content img { height: auto; max-width: 100%; } .post-image {} .alignnone, img.alignnone { display: inline; margin: 0 0 10px; } .alignleft, img.alignleft { display: inline; float: left; margin: 0 15px 10px 0; } .alignright, img.alignright { display: inline; float: right; margin: 0 0 10px 15px; } .aligncenter, img.aligncenter, .entry_content .centered { display: block; margin: 0 auto 10px; } /********************* =3g10 POST VIDEOS *********************/ .entry-content video {} .entry-content object {} .entry-content pre, .entry-content code { font-size: 0.875em; padding: 10px; background: #f5f5f5; border: 1px solid #ddd; } .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-container object, .video-container embed, .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /********************* =3g11 WP-CAPTION *********************/ .wp-caption { padding: 5px; text-align: center; } .wp-caption img {} .wp-caption .wp-caption-text { font-size: 0.875em; padding: 5px 0; } /********************* =3g12 POST GALLERIES *********************/ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /********************* =3g13 POST META *********************/ .post-meta {} .post-meta .categories {} .post-meta .tags {} /********************* =3g14 AUTHOR BOX *********************/ .author-box { background-color: #f5f5f5; margin: 0 20px 40px; padding: 10px; } .author-box p { font-size: 0.875em; } .author-box .avatar { background-color: #fff; float: left; margin: 0 10px 0 0; } /********************* =3g15 FEATURED POSTS *********************/ .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; padding: 0 0 15px; width: 48%; } .genesis-grid-even { float: left; } .genesis-grid-odd { float: right; clear: both; } .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; } .featuredpage img, .featuredpost img { background: #f5f5f5; border: 1px solid #ddd; padding: 4px; } .featuredpage .page, .featuredpost .post { border-bottom: 1px solid #ddd; margin: 0 0 5px; padding: 5px 15px 10px; } .more-from-category { padding: 5px 15px 0; } /********************* =3g16 HOMEPAGE BOXES *********************/ /********************* =3g16 HOMEPAGE BOXES *********************/ .home #content .homepage-slider { margin-bottom: 10px; background: #e5e4ea; } /** RESET AND LAYOUT ===================================*/ .home #content .homepage-slider .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .home #content .homepage-slider .bx-wrapper ul.bxslider { padding: 0; } .home #content .homepage-slider .bx-wrapper img { max-width: 100%; height: auto; display: block; } .home #content .homepage-slider .bx-wrapper img.desktop { display: block; } .home #content .homepage-slider .bx-wrapper img.mobile { display: none; } .home #content .homepage-slider .bx-wrapper .caption { position: absolute; top: 25%; left: 0; width: 50%; font-size: 1.5em; text-transform: uppercase; text-align: center; line-height: 1; color: #1070b2; } .home #content .homepage-slider .bx-wrapper .caption strong { display: block; font-size: 2.5em; color: #05263c; font-weight: 800; } .home #content .homepage-slider .bx-wrapper .caption .button { display: block; color: #fff; font-size: 0.75em; margin: 20px auto 0; padding: 20px 0; max-width: 200px; letter-spacing: 2px; } .home #content .homepage-slider .bx-wrapper .caption .button:hover { color: #fff; } /** THEME ===================================*/ .home #content .homepage-slider .bx-wrapper .bx-viewport { background: transparent; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translatez(0); } .home #content .homepage-slider .bx-wrapper .bx-pager, .home #content .homepage-slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: 30px; left: 0; width: 50%; } /* LOADER */ .home #content .homepage-slider .bx-wrapper .bx-loading { min-height: 50px; /*background: url('images/bx_loader.gif') center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .home #content .homepage-slider .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 0; } .home #content .homepage-slider .bx-wrapper .bx-pager .bx-pager-item, .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .home #content .homepage-slider .bx-wrapper .bx-pager.bx-default-pager a { background: #cfd1d5; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; border-radius: 50%; } .home #content .homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .home #content .homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #abaeb1; } /* DIRECTION CONTROLS (NEXT / PREV) */ .home #content .homepage-slider .bx-wrapper .bx-prev { left: 10px; /*background: url('images/controls.png') no-repeat 0 -32px;*/ } .home #content .homepage-slider .bx-wrapper .bx-next { right: 10px; /*background: url('images/controls.png') no-repeat -43px -32px;*/ } .home #content .homepage-slider .bx-wrapper .bx-prev:hover { background-position: 0 0; } .home #content .homepage-slider .bx-wrapper .bx-next:hover { background-position: -43px 0; } .home #content .homepage-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .home #content .homepage-slider .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .home #content .homepage-slider .bx-wrapper .bx-controls-auto { text-align: center; } .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover, .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover, .home #content .homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .home #content .homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .home #content .homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .home #content .homepage-slider .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .home #content .homepage-slider .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* promo boxes */ .home #content .widget.promo-boxes { padding: 0; margin: 0 0 10px; letter-spacing: 2px; } .home #content .widget.promo-boxes .promo-box { /*width: 33.33333333333333%;*/ width: 50%; float: left; } .home #content .widget.promo-boxes .promo-box.read, .home #content .widget.promo-boxes .promo-box.learn, .home #content .widget.promo-boxes .promo-box.view { text-align: center; } .home #content .widget.promo-boxes a, .home #content .widget.promo-boxes a:link, .home #content .widget.promo-boxes a:visited { display: block; padding: 20px 0; margin: 0 5px; color: #005696; background: #e5e4ea; text-transform: uppercase; } .home #content .widget.promo-boxes .promo-box:first-child a, .home #content .widget.promo-boxes .promo-box:first-child a:link, .home #content .widget.promo-boxes .promo-box:first-child a:visited { margin-left: 0; } .home #content .widget.promo-boxes .promo-box:last-child a, .home #content .widget.promo-boxes .promo-box:last-child a:link, .home #content .widget.promo-boxes .promo-box:last-child a:visited { margin-right: 0; } .home #content .widget.promo-boxes a:hover, .home #content .widget.promo-boxes a:focus, .home #content .widget.promo-boxes a:active {} .home #content .widget.promo-boxes span { display: block; width: 95px; height: 95px; margin: 0 auto 10px; background: transparent url('/wp-content/uploads/2015/07/icons-promo-boxes.png') no-repeat; position: relative; } .home #content .widget.promo-boxes span:before { opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 95px; height: 95px; background: transparent url('/wp-content/uploads/2015/07/icons-promo-boxes.png') no-repeat; transition: all 0.25s ease-in-out; } .home #content .widget.promo-boxes .read span { background-position: left top; } .home #content .widget.promo-boxes .read span:before { background-position: right top; } .home #content .widget.promo-boxes .read a:hover span:before { opacity: 1; } .home #content .widget.promo-boxes .learn span { background-position: left center; } .home #content .widget.promo-boxes .learn span:before { background-position: right center; } .home #content .widget.promo-boxes .learn a:hover span:before { opacity: 1; } .home #content .widget.promo-boxes .view span { background-position: left bottom; } .home #content .widget.promo-boxes .view span:before { background-position: right bottom; } .home #content .widget.promo-boxes .view a:hover span:before { opacity: 1; } .home #content .widget.promo-boxes strong { display: block; color: #005696; text-transform: uppercase; font-size: 1.5em; font-weight: 800; line-height: 1; } /* ar post feed */ .home #content .news-feed { display: flex; flex-flow: row wrap; } .home #content .news-feed .news-feed-item { width: 49%; margin: 0; padding: 0 0 20px; } .home #content .news-feed .news-feed-item:after { content: ''; display: table; clear: both; } .home #content .news-feed .news-feed-item .post-image { overflow: hidden; margin: 0 0 30px; min-height: 1px; } .home #content .news-feed .news-feed-item .post-image a, .home #content .news-feed .news-feed-item .post-image a:link, .home #content .news-feed .news-feed-item .post-image a:visited { display: block; } .home #content .news-feed .news-feed-item .post-image img.wp-post-image { margin-bottom: 0; max-width: 100%; height: auto; } .home #content .news-feed .news-feed-item .post-content { text-align: center; padding: 0 5px; } .home #content .news-feed .news-feed-item p.date { text-align: center; color: #003a5d; position: relative; text-transform: uppercase; font-weight: 400; font-size: 1.125em; margin: 0; padding: 0; } .home #content .news-feed .news-feed-item img.wp-post-image + p.date { margin-top: 30px; } .home #content .news-feed .news-feed-item p.date:after { content: ''; display: block; width: 15%; height: 2px; margin: 10px auto 0; background: #b5121b; } .home #content .news-feed .news-feed-item h3.title { border: none; margin: 30px 0 0; padding: 0 0 20px; font-size: 1.5em; line-height: 1.25; font-weight: 700; text-align: center; } .home #content .news-feed .news-feed-item h3.title a, .home #content .news-feed .news-feed-item h3.title a:link, .home #content .news-feed .news-feed-item h3.title a:visited {} .home #content .news-feed .news-feed-item h3.title a:hover, .home #content .news-feed .news-feed-item h3.title a:focus, .home #content .news-feed .news-feed-item h3.title a:active {} .home #content .news-feed .news-feed-item .excerpt { font-size: 1.15em; color: inherit; padding: 0; margin: 0 0 30px; } .home #content .news-feed .news-feed-item a.read-more, .home #content .news-feed .news-feed-item a.read-more:link, .home #content .news-feed .news-feed-item a.read-more:visited { background: #005696; color: #fff; text-transform: uppercase; box-shadow: none; padding: 20px 30px; transition: all 0.25s ease-in-out; display: inline-block; *display: block; *zoom: 1; letter-spacing: 2px; } .home #content .news-feed .news-feed-item a.read-more:hover, .home #content .news-feed .news-feed-item a.read-more:focus, .home #content .news-feed .news-feed-item a.read-more:active { background: #0062ab; } .home #content .news-feed .news-feed-item .social-share { margin: 30px 0; } .home #content .news-feed .news-feed-item .social-share a, .home #content .news-feed .news-feed-item .social-share a:link, .home #content .news-feed .news-feed-item .social-share a:visited { font-size: 1.5em; transition: all 0.25s ease-in-out; } .home #content .news-feed .news-feed-item .social-share a + a { margin-left: 10px; } .home #content .news-feed .news-feed-item .social-share a.facebook i { color: #3b5998; } .home #content .news-feed .news-feed-item .social-share a.facebook:hover i { color: #4469b4; } .home #content .news-feed .news-feed-item .social-share a.twitter i { color: #00aced; } .home #content .news-feed .news-feed-item .social-share a.twitter:hover i { color: #2bb9f6; } .home #content .load-more { text-align: center; margin-bottom: 20px; } .home #content .load-more a.button, .home #content .load-more a.button:link, .home #content .load-more a.button:visited { display: inline-block; *display: block; *zoom: 1; background: transparent; color: #005696; text-transform: uppercase; box-shadow: none; padding: 10px 30px; font-weight: 700; transition: all 0.25s ease-in-out; letter-spacing: 2px; position: relative; } .home #content .load-more a.button:hover, .home #content .load-more a.button:focus, .home #content .load-more a.button:active { background: #0062ab; color: #fff; } .home #content .load-more a.button:after { content: '\2193'; display: block; text-align: center; padding: 5px 0 0; } .home #content .load-more.loading a.button:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('images/loading.gif') center center no-repeat; opacity: 0.5; } .home #content .widget.issues {} .home #content .widget.issues ul { padding: 0; margin: 0; } .home #content .widget.issues ul li { padding: 0; margin: 0; } .home #content .widget.issues ul li + li { margin-top: 10px; } .home #content .widget.issues ul li a, .home #content .widget.issues ul li a:link, .home #content .widget.issues ul li a:visited { display: block; color: #fff; text-decoration: none; padding: 30px 0; text-align: center; font-weight: 500; background-position: center; background-repeat: no-repeat; } .home #content .widget.issues ul li a:hover, .home #content .widget.issues ul li a:focus, .home #content .widget.issues ul li a:active { text-decoration: none; } .home #content .widget.issues ul li a.obamacare { background-color: #5751d9; background-image: url('/wp-content/uploads/2015/07/icon-health-kit.png'); } .home #content .widget.issues ul li a.world-energy-leader { background-color: #ffcd00; background-image: url('/wp-content/uploads/2015/07/icon-lightning-bolt.png'); } .home #content .widget.issues ul li a.tax-system { background-color: #44db5e; background-image: url('/wp-content/uploads/2015/07/icon-coin.png'); } .home #content .widget.issues ul li a.debt-crisis { background-color: #ff3824; background-image: url('/wp-content/uploads/2015/07/icon-graph.png'); } .home #content .widget.issues ul li a.immigration-system { background-color: #54c7fc; background-image: url('/wp-content/uploads/2015/07/icon-man-woman.png'); } /********************* =3h POST NAVIGATION *********************/ .navigation { font-size: 0.875em; padding: 20px 0; margin: 0 20px 20px; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #ddd; padding: 5px 8px; } .navigation li a:hover, .navigation li.active a { background-color: #f5f5f5; } /********************* =3i SIDEBARS & ASIDES *********************/ /********************* =3i1 SIDEBAR 1 *********************/ .sidebar {} /* sidebar 1 alternate layouts */ .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {} /********************* =3i2 SIDEBAR 2 *********************/ #sidebar-alt {} /* sidebar 2 alt layouts */ .content-sidebar-sidebar #sidebar-alt {} /* sidebar search */ .sidebar .searchform { padding: 5px 0 0 15px; } .sidebar p { font-size: inherit; line-height: inherit; } /********************* =3i3 WIDGET STYLES *********************/ .widget {} .widget-area h4 {} .widget ul, .widget ol { padding: 0; } .widget li { /*border-bottom: 1px solid #ddd;*/ /*margin: 0 0 7px;*/ /*padding: 0 0 5px;*/ word-wrap: break-word; } /* remove the border for the last item in a list */ .widget li:last-child { border-bottom: 0; } .widget li ul {} /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} #sidebar .widget.promo-boxes { padding: 0; margin: 0; letter-spacing: 2px; } #sidebar .widget.promo-boxes .promo-box { clear: both; text-align: center; } #sidebar .widget.promo-boxes .promo-box + .promo-box { margin-top: 10px; } #sidebar .widget.promo-boxes a, #sidebar .widget.promo-boxes a:link, #sidebar .widget.promo-boxes a:visited { display: block; padding: 20px; margin: 0; color: #005696; background: #e5e4ea; text-transform: uppercase; } #sidebar .widget.promo-boxes a:after { content: ''; display: table; clear: both; } #sidebar .widget.promo-boxes a:hover, #sidebar .widget.promo-boxes a:focus, #sidebar .widget.promo-boxes a:active {} #sidebar .widget.promo-boxes span { display: block; width: 95px; height: 95px; margin: 0 auto 10px; background: transparent url('/wp-content/uploads/2015/07/icons-promo-boxes.png') no-repeat; position: relative; /*float: left;*/ } #sidebar .widget.promo-boxes span:before { opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 95px; height: 95px; background: transparent url('/wp-content/uploads/2015/07/icons-promo-boxes.png') no-repeat; transition: all 0.25s ease-in-out; } #sidebar .widget.promo-boxes .read span { background-position: left top; } #sidebar .widget.promo-boxes .read span:before { background-position: right top; } #sidebar .widget.promo-boxes .read a:hover span:before { opacity: 1; } #sidebar .widget.promo-boxes .learn span { background-position: left center; } #sidebar .widget.promo-boxes .learn span:before { background-position: right center; } #sidebar .widget.promo-boxes .learn a:hover span:before { opacity: 1; } #sidebar .widget.promo-boxes .view span { background-position: left bottom; } #sidebar .widget.promo-boxes .view span:before { background-position: right bottom; } #sidebar .widget.promo-boxes .view a:hover span:before { opacity: 1; } #sidebar .widget.promo-boxes strong { display: block; color: #005696; text-transform: uppercase; font-size: 1.5em; line-height: 1; font-weight: 800; } /********************* =3j COMMENT STYLES **********************/ #comments { margin: 0 0 15px; padding: 0 20px; } #comments .navigation {} .subscribe-to-comments { padding: 20px 0 10px; } .comment-list {} .comment-list li { font-weight: 700; margin: 15px 0 5px; padding: 10px 5px 10px 10px; } .comment-list li[class*=depth-] {} .comment-list li.depth-1 { border: 1px solid #ddd; } .comment-list li:not(.depth-1) {} .comment-list li.depth-2 {} .comment-list li.depth-3 {} .comment-list li.depth-4 {} .comment-list li.depth-5 {} .comment-list li:last-child { } .comment-list li ul.children li { margin-left: 10px; margin-right: -6px; } .comment-list li ul.children li.alt {} .comment-list li ul.children li.byuser {} .comment-list li ul.children li.comment {} .comment-list li ul.children li.depth-1 {} /* change number for different depth */ .comment-list li ul.children li.bypostauthor {} .comment-list li ul.children li.comment-author-admin {} .comment-list li ul.children .alt {} .comment-list li ul.children .odd {} .comment-list li ul.children .even {} .comment-list .alt { border: 1px solid #ddd; } .comment-list .odd {} .comment-list .even { border: 1px solid #ddd; } .comment-list .parent {} .comment-list .comment {} .comment-list .children {} .comment-list .pingback {} .comment-list .bypostauthor {} .comment-list .comment-author {} .comment-list .comment-author-admin {} .comment-list .thread-alt { background-color: #f5f5f5; } .comment-list .thread-odd {} .comment-list .thread-even { background-color: #f5f5f5; } .comment-list .vcard {} .comment-list .vcard cite.fn { font-style: normal; } .comment-list .vcard cite.fn a.url {} .comment-list .vcard .says {} .comment-list .vcard img.avatar { background: #fff; float: right; margin: 0 5px 0 10px; } .commentmetadata { margin: 0 0 5px; font-size: 0.75em; } .commentmetadata a {} .comment-content {} .comment-content p { font-size: 0.875em; padding: 0 0 20px; } .comment-list li ul {} .reply { font-weight: 300; font-weight: 0.875em; } .reply:hover {} /********************* =3j1 PING LIST *********************/ .ping-list { margin: 0 0 40px; } .ping-list ol {} .ping-list li { font-weight: 700; margin: 15px 0 5px; padding: 10px 5px 10px 10px; } .ping-list cite { font-style: normal; } /********************** =3k COMMENT FORM STYLES *********************/ #respond { margin: 0 0 15px; padding: 0 20px; } #reply-title { } #cancel-comment-reply {} #cancel-comment-reply a {} #commentform {} .comments-logged-in-as {} #commentform label {} #commentform .required {} #author, #email, #url, #comment { margin: 10px 5px 0 0; padding: 5px; width: 250px; } #author:focus, #email:focus, #url:focus, #comment:focus { } #comment { height: 150px; margin: 10px 0; width: 98%; } #submit {} /********************* =3k1 FORM VALIDATION *********************/ #author:invalid, #email:invalid, #url:invalid {} /********************* =3k2 NO COMMENTS *********************/ .nocomments { text-align: center; } /********************* =3l FOOTER STYLES *********************/ #footer { background-color: #191919; clear: both; color: #b9b9b9; color: rgba( 255, 255, 255, 0.6 ); } #footer .wrap {} #footer a, #footer a:visited { color: #f5f5f5; } #footer a:hover, #footer a:focus { color: #fff; } /********************* =3l1 FOOTER WIDGETS *********************/ #footer-widgets { clear: both; } #footer-widgets .wrap {} #footer-widgets h4 { background: none; border: none; margin: 0 0 5px; padding: 0; } #footer-widgets .widget { background: none; border: 0; } #footer-widgets p.simple-image { padding: 0; } #footer-widgets .widget ul, #footer-widgets .widget ol { padding: 0; } .footer-widgets-1, .footer-widgets-2 { color: #b9b9b9; color: rgba( 255, 255, 255, 0.6 ); } .footer-widgets-1 { padding-bottom: 30px; } .footer-widgets-1 .wrap, .footer-widgets-2 .wrap { max-width: 1280px; margin: 0 auto; } .footer-widgets-1 .widget { margin-top: 30px; text-align: center; } .footer-widgets-1 .widget.widget_simpleimage, .footer-widgets-1 .widget.social { margin-bottom: 0; } .footer-widgets-1 .widget.social li { display: inline; float: none; } .footer-widgets-1 .widget.social li + li { margin-left: 15px; } #footer .footer-widgets-1 .widget.social li a, #footer .footer-widgets-1 .widget.social li a:link, #footer .footer-widgets-1 .widget.social li a:visited { display: inline-block; *display: block; *zoom: 1; width: 28px; height: 23px; color: #b9b9b9; color: rgba( 255, 255, 255, 0.6 ); font-size: 1.25em; } #footer .footer-widgets-1 .widget.social li a:hover, #footer .footer-widgets-1 .widget.social li a:focus, #footer .footer-widgets-1 .widget.social li a:active { color: #fff; } .footer-widgets-1 .widget.widget_nav_menu { margin-bottom: 0; } .footer-widgets-1 .widget.widget_nav_menu .menu { text-align: center; } .footer-widgets-1 .widget.widget_nav_menu .menu li { float: none; display: inline-block; *display: block; *zoom: 1; } .footer-widgets-1 .widget.widget_nav_menu .menu li a, .footer-widgets-1 .widget.widget_nav_menu .menu li a:link, .footer-widgets-1 .widget.widget_nav_menu .menu li a:visited { display: block; padding: 0 0 5px; position: relative; color: #fff; text-transform: uppercase; margin: 0 10px; letter-spacing: 2px; } .footer-widgets-1 .widget.widget_nav_menu .menu li.donate a, .footer-widgets-1 .widget.widget_nav_menu .menu li.donate a:link, .footer-widgets-1 .widget.widget_nav_menu .menu li.donate a:visited { color: #b5121b !important; font-weight: 700; } .footer-widgets-1 .widget.widget_nav_menu .menu li a:hover, .footer-widgets-1 .widget.widget_nav_menu .menu li a:focus, .footer-widgets-1 .widget.widget_nav_menu .menu li a:active, .footer-widgets-1 .widget.widget_nav_menu .menu .current_page_item a, .footer-widgets-1 .widget.widget_nav_menu .menu .current-cat a, .footer-widgets-1 .widget.widget_nav_menu .menu .current-menu-item a { background: none; color: #fff !important; } .footer-widgets-1 .widget.widget_nav_menu .menu li a:after { opacity: 0; content: ''; width: 100%; height: 2px; background: #0062ab; position: absolute; left: 0; bottom: 0; transition: all 0.25s ease-in-out; } .footer-widgets-1 .widget.widget_nav_menu .menu li a:hover:after { opacity: 1; } .footer-widgets-2 { background: #090909; padding: 0; } .footer-widgets-2 .widget { /*width: 50%;*/ /*float: left;*/ margin: 0; padding: 0; text-transform: uppercase; font-size: 0.85em; } .footer-widgets-2 .widget.enhanced-text-widget { margin-top: 15px; text-align: center; } .footer-widgets-2 .widget.enhanced-text-widget p { padding: 15px; letter-spacing: 2px; display: inline-block; *display: block; *zoom: 1; border: 1px solid #b9b9b9; border-color: rgba( 255, 255, 255, 0.6 ); } .footer-widgets-2 .widget.widget_nav_menu { text-align: center; } .footer-widgets-2 .widget.widget_nav_menu .menu li { display: inline-block; *display: block; *zoom: 1; float: none; padding: 15px 0; } .footer-widgets-2 .widget.widget_nav_menu .menu li a, .footer-widgets-2 .widget.widget_nav_menu .menu li a:link, .footer-widgets-2 .widget.widget_nav_menu .menu li a:visited { display: inline; color: #b9b9b9 !important; color: rgba( 255, 255, 255, 0.6 ) !important; padding: 0 15px; letter-spacing: 2px; } .footer-widgets-2 .widget.widget_nav_menu .menu li a:hover, .footer-widgets-2 .widget.widget_nav_menu .menu li a:focus, .footer-widgets-2 .widget.widget_nav_menu .menu li a:active, .footer-widgets-2 .widget.widget_nav_menu .menu .current_page_item a, .footer-widgets-2 .widget.widget_nav_menu .menu .current-cat a, .footer-widgets-2 .widget.widget_nav_menu .menu .current-menu-item a { background: none; color: #fff !important; } /* overrides for the featured posts */ #footer-widgets .featuredpage .page, #footer-widgets .featuredpost .post { margin: 0 0 10px; padding: 0; } /* override for tag cloud */ #footer-widgets .widget_tag_cloud div div { padding: 0; } /* override for the text widgets */ #footer-widgets .textwidget { padding: 0; } /********************* =3m GRAVITY FORM STYLES *********************/ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { box-sizing: border-box; color: #333; font-family: sans-serif; font-size: 0.875em !important; padding: 4px 5px !important; } div.gform_footer input.button { color: #333; } div.gform_wrapper .ginput_complex label { font-size: 0.875em; } div.gform_wrapper li, div.gform_wrapper form li { margin: 0 0 10px; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } /****************************************************************** =04 TABLET & MID-RANGE STYLES This is used for tablets like iPads and Android tablets or if someone resizes their browser to a medium size. Here, we'll add to our already simple base styles. ******************************************************************/ @media only screen and (max-width: 768px) { /* This is for tablets so if you set great styles for mobile, than they should expand pretty well here. You can setup a few styles here as overrides if you want to spruce it up more. */ #header #header-left.widget-area { width: 20%; } #header #header-right.widget-area { width: 60%; } .home #content .homepage-slider .bx-wrapper img.desktop { display: none; } .home #content .homepage-slider .bx-wrapper img.mobile { display: block; opacity: 0.75; } .home #content .homepage-slider .bx-wrapper .caption { top: 20%; left: 0; right: 0; width: auto; } .home #content .homepage-slider .bx-wrapper .caption strong { font-size: 1.5em; } .home #content .homepage-slider .bx-wrapper .bx-pager, .home #content .homepage-slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; left: 0; right: 0; width: auto; } .home #content .widget.promo-boxes .promo-box { float: none; width: auto; } .home #content .widget.promo-boxes a, .home #content .widget.promo-boxes a:link, .home #content .widget.promo-boxes a:visited { margin: 0 !important; } .home #content .widget.promo-boxes .promo-box + .promo-box a { margin-top: 10px !important; } .home #content .news-feed { display: block; } .home #content .news-feed .news-feed-item { width: 100%; } .footer-widgets-2 .widget { width: auto; float: none; } .footer-widgets-2 .widget.enhanced-text-widget, .footer-widgets-2 .widget.widget_nav_menu { text-align: center; } .footer-widgets-2 .widget.enhanced-text-widget p { display: block; } } @media only screen and (max-width: 767px) { .goals-menu-button { display: none; } .goals-menu-dropdown { display: block !important; position: relative; } .goals-menu-dropdown:before { content: '\2193'; position: absolute; right: 10px; top: 10px; } .goals-menu { float: none; width: auto; } .goals-content { margin: 0; } .top-square, .bottom-square { display: block; } .top-square .even-height, .bottom-square .even-height2 { margin: 1px 0 0; width: auto; } } @media only screen and (max-width: 600px) { #header #header-left.widget-area { width: 20%; } #header #header-left.widget-area li.donate { display: block; } #title-area { width: 80%; } #header #header-right.widget-area { display: none; } } /* end of media query (DO NOT DELETE) */ /****************************************************************** =05 DESKTOP STYLES This is your standard view. It's what most of your visitors will see and it will be on a good connection so we can really add some hefty styles here without worrying it will overload mobile. ******************************************************************/ @media only screen and (min-width: 960px) { body {} /********************* =5a BODY CLASSES *********************/ .rtl {} .home {} /* home page */ .blog {} .archive {} /* archive page */ .date {} /* date archive page */ .date-paged-1 {} /* replace the number to the corresponding page number */ .search {} /* search page */ .search-results {} /* search result page */ .search-no-results {} /* no results search page */ .search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ .error404 {} /* 404 page */ .single {} /* single post page */ .postid-1 {} /* individual post page by id (i.e. body.postid-73) */ .single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ .attachment {} /* attatchment page */ .attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ .attachment-mime-type {} /* style mime type pages */ .author {} /* author page */ .author-nicename {} /* user nicename (i.e. body.author-samueladams) */ .author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ .category {} /* category page */ .category-1 {} /* individual category page (i.e. body.category-6) */ .category-paged-1 {} /* replace the number to the corresponding page number */ .tag {} /* tag page */ .tag-slug {} /* individual tag page (i.e. body.tag-news) */ .tag-paged-1 {} /* replace the number to the corresponding page number */ .page-template {} /* custom page template page */ .page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ .page-paged-1 {} /* replace the number to the corresponding page number */ .page-parent {} .page-child {} .parent-pageid-1 {} /* replace the number to the corresponding page number */ .logged-in {} /* if user is logged in */ .paged {} /* paged items like search results or archives */ .paged-1 {} /* individual paged (i.e. body.paged-3) */ /********************* =5b GRID & LAYOUT We have room now so start working in our grid and lay things out a bit more. Things should still be light, but you can customize it a bit for a unique tablet experience. *********************/ .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; padding: 0; box-sizing: border-box; } .one-sixth { width: 16.666666666667%; } .one-fifth { width: 20%; } .one-fourth { width: 25%; } .one-third,.two-sixths { width: 33.333333333333%; } .two-fifths { width: 40% } .one-half,.three-sixths,.two-fourths { width: 50%; } .three-fifths { width: 60% } .four-sixths,.two-thirds { width: 66.666666666667%; } .three-fourths { width: 75%; } .four-fifths { width: 80%; } .five-sixths { width: 83.333333333333%; } .first { clear: both; } /********************* =5b1 WRAPS & INNER *********************/ #wrap { margin: 0 auto; } #wrap .blanket { margin: 0 auto; max-width: 1280px; } .single-tvlanding #wrap .blanket { max-width: 100%; } #content-sidebar-wrap { width: 750px; } .content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: auto; padding: 20px; } .home.full-width-content #content-sidebar-wrap { padding: 0; } .full-width-content #content-sidebar-wrap { float: none; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } #inner { padding: 0; } /********************* =5c HEADER *********************/ #header {} #title-area { text-align: center; width: 20%; float: left; } #title { text-align: left; } #description { text-align: left; } #header .widget-area { width: 40%; float: left; padding: 0; } /********************* =5c1 IMAGE HEADER *********************/ .header-image #title-area { /*float: left;*/ /*width: 400px;*/ } .header-image #description {} /********************* =5c2 IMAGE HEADER (FULL) *********************/ .header-full-width #title-area {} li:hover ul ul {} li:hover {} #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul, #nav li a.sf-with-ul, #subnav li a.sf-with-ul {} li a .sf-sub-indicator {} li li a .sf-sub-indicator {} /********************* =5c3 HEADER LEFT *********************/ #header-left .widget { float: left; margin: 0; } #header-left .widget.toggle { display: none; } /********************* =5c3a HEADER RIGHT *********************/ /********************* =5c4 HEADER SEARCH *********************/ #header .searchform { float: right; padding: 12px 0 0; } #header .s { margin: 10px -7px 0 0; } /********************* =5d NAVIGATION *********************/ .menu { clear: both; /*background-color: #f5f5f5;*/ /*border-bottom: 1px solid #ddd;*/ color: #333; } .menu-primary { /*border-top: 1px solid #ddd;*/ } .menu-secondary { border-top: 0; } .menu ul {} .menu li { float: left; } .menu li a { /*border-right: 1px solid #ddd;*/ display: block; /*padding: 5px 15px 4px;*/ border-bottom: 0; } /* hover & current page highlight */ .menu li a:hover, .menu li a:active, .menu .current_page_item a, .menu .current-cat a, .menu .current-menu-item a {} /* drop downs & sub menus */ .menu li ul { display: block; position: absolute; height: auto; left: -9999em; margin: 0 0 0 -1px; width: 160px; z-index: 8999; } /* show sub-menu on hover */ .menu li:hover > ul { left: auto; } .menu li li a, .menu li li a:link, .menu li li a:visited { background-color: #fff; color: #333; border: 1px solid #ddd; border-top: 0; font-size: 0.75em; padding: 5px 10px; width: 138px; text-transform: none; } .menu li ul li:first-child a { border-top: 1px solid #ddd; } .menu li ul a { width: 140px; } .menu li li a:hover, .menu li li a:focus, .menu li li a:focus { background-color: #f5f5f5; } .menu li li a:active {} /* if you change the font, size, or text-transform of the menu than you'll need to adjust the top margin so things line up neatly. */ .menu li ul ul { margin: -30px 0 0 159px; } /********************* =3d1 NAV EXTRAS *********************/ .menu li.right { display: inherit; float: right; } .menu li.right a { background: none; border: 0; display: inline; } .menu li.right a:hover { color: #003a5d; } .menu li.rss a {} .menu li.twitter a {} /********************* =3d2 SUBNAV *********************/ #subnav {} #subnav li a:hover, #subnav li a:active, #subnav li:hover a, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a {} #subnav li li a, #subnav li li a:link, #subnav li li a:visited {} #subnav li li a:hover, #subnav li li a:active {} #subnav li ul {} #subnav li ul a {} #subnav li ul ul {} /********************* =3d3 NAV SEARCH *********************/ #nav li.search {} #nav .searchform {} #nav .s { background-color: #fff; margin: 2px 2px 0 0; } /********************* =5e POSTS & CONTENT *********************/ #content { float: left; } /* layout options */ .content-sidebar #content, .sidebar-content #content { width: 68%; max-width: 890px; } .sidebar-content #content, .sidebar-sidebar-content #content { float: right; } .full-width-content #content { width: auto; padding: 0; float: none; } /********************* =5e1 BREADCRUMBS *********************/ .breadcrumb { margin: -10px 0 30px; } /********************* =5e2 DESCRIPTIONS *********************/ .taxonomy-description { margin: -10px 0 30px; } .archive-page { float: left; width: 45%; } /********************* =5e3 POST CLASSES *********************/ .hentry {} .post-id {} /* post by id (i.e. post-3) */ .post { padding: 0; } /* general post style */ .page { padding: 0; } /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky {} /* sticky post style */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /********************* =5e4 POST INFO *********************/ .post-info {} .post-info .time {} .post-info .vcard {} .post-info .post-comments {} .post-edit-link {} /********************* =5e5 ENTRY HEADER *********************/ .entry-header {} h1.entry-title { text-align: center; font-size: 2em; text-transform: uppercase; font-weight: 800; } /********************* =5e5 ENTRY CONTENT *********************/ .entry-content {} .entry-content p {} .entry-content a, .entry-content a:link, .entry-content a:visited { text-decoration: underline; } .entry-content a:hover, .entry-content a:focus, .entry-content a:active { text-decoration: none; } /********************* =5e6 LISTS *********************/ .entry-content ul, .entry-content ol, .entry-content table, .entry-content dl {} .entry-content ul, .entry-content ol {} .entry-content li {} .entry-content ul li {} .entry-content ol li {} /********************* =5e7 BLOCKQUOTES *********************/ .entry-content blockquote {} blockquote p {} /********************* =5e8 DATALISTS *********************/ .entry-content dl {} .entry-content dt {} .entry-content dd {} /********************* =5e9 POST IMAGES *********************/ .entry-content img {} .post-image {} .alignnone, img.alignnone {} .alignleft, img.alignleft {} .alignright, img.alignright {} .aligncenter, img.aligncenter, .entry_content .centered {} /********************* =5e10 POST VIDEOS *********************/ .entry-content video {} .entry-content object {} .entry-content pre, .entry-content code {} /********************* =5e11 WP-CAPTION *********************/ .wp-caption {} .wp-caption img {} .wp-caption .wp-caption-text {} /********************* =5e12 POST GALLERIES *********************/ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /********************* =5e13 POST META *********************/ .post-meta { border-top: 1px solid #ddd; clear: both; padding: 5px 0 0; } .post-meta .categories {} .post-meta .tags {} /********************* =5e14 AUTHOR BOX *********************/ .author-box { margin: 0 0 40px; } .author-box .avatar { } /********************* =5e15 FEATURED POSTS *********************/ .genesis-grid-even, .genesis-grid-odd {} .genesis-grid-even {} .genesis-grid-odd {} .featuredpage, .featuredpost {} .featuredpage img, .featuredpost img {} .featuredpage .page, .featuredpost .post {} .more-from-category {} /********************* =5f POST NAVIGATION *********************/ .navigation { margin: 0; } .navigation li {} .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a {} .navigation li a:hover, .navigation li.active a {} /********************* =5g SIDEBARS & ASIDES *********************/ /********************* =5g1 SIDEBAR 1 *********************/ #sidebar { float: right; display: inline; width: 30%; max-width: 380px; } /* sidebar 1 alternate layouts */ .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } /********************* =5g2 SIDEBAR 2 *********************/ #sidebar-alt { float: left; width: 150px; } /* sidebar 2 alt layouts */ .content-sidebar-sidebar #sidebar-alt { float: right; } /* sidebar search */ .sidebar .searchform {} /********************* =5g3 WIDGET STYLES *********************/ .widget { margin: 0 0 15px; } .widget li {} .widget li ul {} .widgettitle {} /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} /* eNews and Update Widget */ .enews p {} .enews #subscribe {} .enews #subbox {} /* User Profile Widget */ .user-profile {} .user-profile p {} .user-profile .posts_link {} /********************* =5h COMMENT STYLES **********************/ #comments { padding: 0; } #comments .navigation {} .subscribe-to-comments {} .comment-list {} .comment-list li {} .comment-list li[class*=depth-] {} .comment-list li.depth-1 {} .comment-list li:not(.depth-1) {} .comment-list li.depth-2 {} .comment-list li.depth-3 {} .comment-list li.depth-4 {} .comment-list li.depth-5 {} .comment-list li:last-child { } .comment-list li ul.children li {} .comment-list li ul.children li.alt {} .comment-list li ul.children li.byuser {} .comment-list li ul.children li.comment {} .comment-list li ul.children li.depth-1 {} /* change number for different depth */ .comment-list li ul.children li.bypostauthor {} .comment-list li ul.children li.comment-author-admin {} .comment-list li ul.children .alt {} .comment-list li ul.children .odd {} .comment-list li ul.children .even {} .comment-list .alt {} .comment-list .odd {} .comment-list .even {} .comment-list .parent {} .comment-list .comment {} .comment-list .children {} .comment-list .pingback {} .comment-list .bypostauthor {} .comment-list .comment-author {} .comment-list .comment-author-admin {} .comment-list .thread-alt {} .comment-list .thread-odd {} .comment-list .thread-even {} .comment-list .vcard {} .comment-list .vcard cite.fn {} .comment-list .vcard cite.fn a.url {} .comment-list .vcard .says {} .comment-list .vcard img.avatar {} .comment-list .comment-meta {} .comment-list .comment-meta a {} .comment-list li .comment_content {} .comment-list li .comment_content p {} .comment-list li ul {} .comment-list .comment-reply-link {} .comment-list a.comment-reply-link:hover {} /********************* =5h1 PING LIST *********************/ .ping-list {} .ping-list ol {} .ping-list li {} .ping-list cite {} /********************** =5i COMMENT FORM STYLES *********************/ #respond { padding: 0; } #reply-title { } #cancel-comment-reply {} #cancel-comment-reply a {} #commentform {} .comments-logged-in-as {} #commentform label {} #commentform .required {} #author, #email, #url, #comment {} #author:focus, #email:focus, #url:focus, #comment:focus { } #comment {} #submit {} /********************* =5i1 FORM VALIDATION *********************/ #author:invalid, #email:invalid, #url:invalid {} /********************* =5i2 NO COMMENTS *********************/ .nocomments {} /********************* =5j FOOTER STYLES *********************/ #footer {} .gototop { float: left; text-align: left; width: 200px; } .creds { float: right; text-align: right; width: 65%; } /********************* =5j1 FOOTER WIDGETS *********************/ #footer-widgets {} #footer-widgets .wrap {} #footer-widgets .widget {} .footer-widgets-1, .footer-widgets-2 { /*width: 280px;*/ } .footer-widgets-1 { /*float: left;*/ /*margin: 0 30px 0 0;*/ } .footer-widgets-2 { /*float: left;*/ } /********************* =5k GRAVITY FORM STYLES *********************/ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea {} div.gform_footer input.button {} div.gform_wrapper .ginput_complex label {} div.gform_wrapper li, div.gform_wrapper form li {} div.gform_wrapper .gform_footer {} } /* end of media query (DO NOT DELETE) */ /****************************************************************** =06 SUPER LARGE MONITORS STYLES This is for super wide monitors for the l33t people. If you worked in a good base in the previous styles, this should work pretty seamlessly. ******************************************************************/ @media only screen and (min-width: 1382px) { /* In here, you can do simple overrides and expand upon a few things. No need to really redo everything. */ } /* end of media query (DO NOT DELETE) */ /****************************************************************** =07 IE FIXES ******************************************************************/ /* See /library/css/ie.css */ /****************************************************************** =08 PRINT STYLESHEET ******************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* end of print stylesheet (DO NOT DELETE) */ /****************************************************************** =08 FONT FACE ******************************************************************/ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?63e2zk'); src:url('fonts/icomoon.eot?#iefix63e2zk') format('embedded-opentype'), url('fonts/icomoon.ttf?63e2zk') format('truetype'), url('fonts/icomoon.woff?63e2zk') format('woff'), url('fonts/icomoon.svg?63e2zk#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-google:before { content: "\ea87"; } .icon-google-plus:before { content: "\ea88"; } .icon-facebook:before { content: "\ea8c"; } .icon-facebook2:before { content: "\ea8d"; } .icon-instagram:before { content: "\ea90"; } .icon-twitter:before { content: "\ea91"; } .icon-youtube:before { content: "\ea97"; } .icon-youtube2:before { content: "\ea98"; } .icon-youtube3:before { content: "\ea99"; } .youtube_channel.ytc_wall_1-6 .ytc_video_container { padding: 5px; box-sizing: border-box; } .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) { max-width: 33.333%; } .youtube_channel.ytc_wall_1-6 .ytc_video_container.ytc_video_mid h3.ytc_title, .youtube_channel.ytc_wall_1-6 .ytc_video_container.ytc_video_last h3.ytc_title { font-size: 1em; min-height: 2.5em; } @media screen and (max-width: 768px) { .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) { max-width: 50%; } } @media screen and (max-width: 480px) { .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) { max-width: 100%; } } @media screen and (max-width: 860px) { #header-left .widget.toggle { display: block; } #header-left .widget_nav_menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 999999; } #header-left .widget_nav_menu li { float: none; display: block; width: auto; background: #fff; } #header-left .widget_nav_menu li a, #header-left .widget_nav_menu li a:link, #header-left .widget_nav_menu li a:visited { padding: 0; display: block; text-align: center; } } .disclaimer { padding: 10px 0; }