/* Theme Name: Vagabondmke Description: Custom child theme created especially for Vagabondmke by Vagabondmke team on the Genesis framework. Author: the Vagabondmke Team Author URI: http://www.web-savvy-marketing.com/ Version: 1.0.3 Template: genesis */ /* Stylesheet from Genesis 1.9.0 */ /* Import Fonts ---------------------------------------------------------------------------------------------------- */ @import url(font/stylesheet.css); @import url(http://fonts.googleapis.com/css?family=Fira+Sans:400,300italic,300,500,400italic,500italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Damion); /* Defaults ---------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, input, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 100%; /* 16px browser default */ -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ } body { background:#273e3b /*url(images/bg.png) center top repeat-y*/; background-size: 100% auto; background-attachment: fixed; } body, input, select, textarea, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:visited, button, input[type="button"], input[type="submit"], .btn { -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #1e1e1e; color: #fff; } ::selection { background-color: #1e1e1e; color: #fff; } a img { border: none; } /* Typography ------------------------------------------------------------------------------------------------------- This section covers font colors, families, size, styles and weight. This style sheet uses rem values with a pixel fallback. The rem values are calculated per the examples below: 12 / 16 = 0.75rem 14 / 16 = 0.875rem 16 / 16 = 1rem 18 / 16 = 1.125rem 20 / 16 = 1.25rem 24 / 16 = 1.5rem 30 / 16 = 1.875rem 36 / 16 = 2.25rem 42 / 16 = 2.625rem 48 / 16 = 3rem Further reading on the use and compatibility of rems: http://caniuse.com/rem http://snook.ca/archives/html_and_css/font-size-with-rem */ /* Font Color ----------- */ a:hover, body, .widget-area a.title, h4.widgettitle a, input, .post-meta, blockquote p, .widget-area ul li a, #header .menu a, #header .menu li.sfHover a.sf-with-ul, .post-comments { color: #fff; } #title a, #title a:hover, .featuredpage, .wsmfeaturedpage, .home-main-content.widget-area ul li a:hover, .widget-area .latest-tweets li a:hover, .widget-area ul li a:hover, h2.entry-title a:hover, span.gform_description, #description { color: #233c74; } a, h1, h2, h3, h4, h5, h6, a:hover.title, h2.entry-title a, h2.entry-title a:visited, .widget-area .latest-tweets li a, .featuredpost .post-info a:hover, .home-main-content.widget-area ul li a, .widget-area .widget_recent_comments li a.url, .widget-area .author, .widget-area .date, .widget-area .post-info, #footer a:hover, .widget-area .post-info, .widget-area .date, .entry-title a { color: #ca281b; } h1, h2, h3, h4, h5, h6, h1 a { color:#41C4DC;} h1.entry-title, h1 { font-size: 40px; color:#fff;} input, select, textarea { color: #8f8f8f; } .author, .date, .post-info, .featuredpost .date, .featuredpost .post-info a, .featuredpost .post-info, span.name { color: #58595b; } button, input[type="button"], input[type="submit"], .btn, .phone, .social-media .phone a, #footer, #footer a, .more-link a, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited, #header .menu li a:hover, #header .menu li:hover a, #header .menu li li a:hover, #header .menu li.sfHover a:hover.sf-with-ul, #header .menu li.sfHover.current-menu-item a, #header .menu li ul.sub-menu a.sf-with-ul, #header .menu .current-menu-item a, .genesis-nav-menu li a:hover, .genesis-nav-menu a, .genesis-nav-menu .current-menu-item a, .cta-box .cta-title a, .sf-with-ul a:hover, .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; } .menu li ul.sub-menu a { background: #184053; min-width: 200px; } ul.sub-menu { color: #fff!important;} /* Font Family ----------- */ body, input, textarea, .author-box h1 { font-family: 'Asap', sans-serif; } h1, .featuredpage, .wsmfeaturedpage, span.gform_description, .entry-title a, #title { font-family: 'Damion', cursive; } h2,h3, h4, h5, h6, h1 a { font-family: 'Fira Sans', sans-serif;} #header .menu li.current_page_item ul.sub-menu li a {color: #fff!important;} #header .menu li.current_page_item ul.sub-menu li a:hover {color: #f00!important;} /* Font Size ----------- */ .home-mid .cta-box .cta-title { font-size: 40px; font-size: 2.5rem; } #title { font-size: 32px; font-size: 2rem; } div.soliloquy-container .soliloquy-caption h2 { font-size: 30px; font-size: 1.875rem; } .sidebar .cta-box .cta-title { font-size: 25px; font-size: 1.5625rem; } h1, .entry-title a { font-size: 25px; } h2, h3.reply-title, .archive-title, #comments h3, #respond h3, .taxonomy-description h1, .widgettitle { font-size: 23px; } h3 { font-size: 18px; } h4, .author-box h4, .sidebar h2 a { font-size: 16px; } body, input, select, textarea, .entry-content p, .post-info, .post-meta, .wp-caption { font-size: 16px; line-height: 24px; } #footer, #footer p, span.gform_description { font-size: 14px; } /* Font Miscellaneous ----------- */ blockquote span.name { font-style: italic; } cite { font-style: normal; } button, input[type="button"], input[type="submit"], .btn, .entry-title a, .genesis-nav-menu, .post-comments, .post-info .author, .post-info .date, .wp-caption, #footer p, #title { font-weight: 400; } h1, h2, h3, h4, h5, h6 {font-weight: normal;} b, strong, .wsmfeaturedpost .post-info .date { font-weight: 700; } .wp-caption { text-align: center; } a, h2 a, h2 a:visited, #header .menu li a, .genesis-nav-menu a, .navigation li a, .widgettitle a, #title a { text-decoration: none; } /* Layout ---------------------------------------------------------------------------------------------------- */ /* Structure ----------- */ #wrap { margin: 0; max-width: 100%; } #inner { clear: both; width: 100%; float: left; z-index: 11; position: relative; } .home #inner .wrap { margin: 0 auto; max-width: 1024px; } /* 1152px CSS Grid ----------- */ .sidebar { width: 28%; } .home .sidebar { width: 26%; } .home.content-sidebar #content, .home.content-sidebar #content { width: 70%; } .content-sidebar #content, .sidebar-content #content { width: 68%; } #title-area, .header-full-width #title-area { width: 100%; } #header .widget-area { width: 58%; } .content-sidebar #content-sidebar-wrap, .full-width-content #content, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; } .footer-widgets-1, .footer-widgets-2, .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar, #content, #content-sidebar-wrap, #footer .gototop, #sidebar-alt, #title-area { float: left; } .content-sidebar-sidebar #sidebar-alt, .footer-widgets-3, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content, .sidebar-sidebar-content #content-sidebar-wrap, #footer .creds, #header .widget-area { float: right; } .home.content-sidebar #content-sidebar-wrap { padding: 24px 0 0; padding: 1.5rem 0 0; } /* Header ----------- */ #header { float: left; width: 100%; } #header .wrap { margin: 0 auto; max-width: 1024px; } #header { border-bottom: 0; padding-bottom: 16px; } #title { margin: 20px 0 0; text-transform: uppercase; } .header-image #title { margin: 22px 0 0 0; } #description { line-height: 1.25; } .header-full-width #title, .header-full-width #title a { width: 100%; } .header-image #title { background: url(images/logo.png) no-repeat 0 0; width: 100%; } .header-image #title, .header-image #title a, .header-image #title-area { display: block; float: left; min-height: 82px; overflow: hidden; text-indent: -9999px; } .header-image #title a { width: 100%; } .header-image #title { width: 28%; } .header-image #description { display: block; overflow: hidden; } #header .widget-area { margin-right: 16px; margin-right: 1rem; } /* Social Icon ----------- */ /* Header Right ----------- */ .header-right { clear: both; float: right; margin-top: 16px; margin-top: 1rem; text-align: right; } /* Home Content ----------- */ .home-top { margin-bottom: 16px; overflow: hidden; width: 100%; } .home-top .wrap { margin: 0 auto; max-width: 1024px; position: relative; } .topleft-feature { float: left; width: 70.7465277777%; } .topright-feature { position: absolute; right: 16px; top: 12px; width: 31.684027777%; } .topright-feature .widget { background-color: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #b3b5b8; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 16px 10px; padding: 1rem 0.625rem; } .topright-feature p { margin-bottom: 10px; margin-bottom: 0.625rem; } .topright-feature ul li { line-height: 1; list-style-image: url("images/bullets.png"); list-style-type: none; margin-bottom: 8px; margin-bottom: 0.5rem; margin-left: 20px; margin-left: 1.25rem; word-wrap: break-word; } .home-mid { margin: 0 auto; max-width: 1152px; } .midbox { overflow: hidden; padding: 0 16px 10px; padding: 0 1rem 0.625rem; } .home-main-content .widget { margin-bottom: 32px; margin-bottom: 2rem; } ol, .home-main-content ul, .home-main-content p { margin-bottom: 16px; margin-bottom: 1rem; } ol ol, .home-main-content ul ul { margin-bottom: 0; } ol li { list-style-type: decimal; } /* CTA Box ----------- */ .cta-box { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden; position: relative; } .home-mid .cta-box { float: left; margin-right: 1.3%; width: 32.4%; } .sidebar .cta-box { margin-bottom: 10px; margin-bottom: 0.625rem; } .cta-box .cta-title { background: url(images/cta-bg.png) repeat 0 0 transparent; bottom: 20px; display: block; line-height: 1; margin: 0; position: absolute; width: 100%; } .home-mid .cta-box .cta-title a { background: url(images/cta-arrow.png) no-repeat 96%; display: block; padding: 4px 60px 4px 10px; padding: 0.25rem 3.75rem 0.25rem 0.625rem; } .home-mid .cta-box.cta-box3 { margin-right: 0; } .widget-area .cta-title a { background: url(images/cta-arrow-small.png) no-repeat 96%; display: block; padding: 4px 60px 4px 10px; padding: 0.25rem 3.75rem 0.25rem 0.625rem; } .widget-area .widget.wsm-cta { border-bottom: 0; } /* Main Content ----------- */ #content { padding-bottom: 40px; padding-bottom: 2.5rem; } .home #content { padding-bottom: 0; } .entry, .page .post.entry { margin-bottom: 16px; margin-bottom: 1rem; } .single .entry { margin-bottom: 40px; margin-bottom: 2.5rem; } .page .entry { margin: 0; } .entry-content { overflow: hidden; } .entry-content, .entry-content p { line-height: 1.625; } .entry-content p { margin-bottom: 26px; margin-bottom: 1.625rem; } .entry-content .one-half iframe { width: 100% !important; } blockquote { background: url(images/blockquote.png) no-repeat; padding: 16px 40px; padding: 1rem 2.5rem; } .entry-content blockquote p { margin-bottom: 0; } blockquote span.name { display: block; margin: 16px 0 0; margin: 1rem 0 0; } .more-link { display: block; margin-top: 10px; margin-top: 0.625rem; overflow: hidden; } .more-link a { background: #40c1d7; border-radius: 6px; float: left; line-height: 1; padding: 10px 20px; text-transform: capitalize; } .more-link a:hover { background-color: #CA281B; } /* Post Info & Meta ----------- */ .post-info, .post-meta { clear: both; line-height: 1.5; } .post-info { margin-bottom: 24px; margin-bottom: 1.5rem; } .widget-area .post-info { clear: none; } .wsmfeaturedpost .post-info { float: left; line-height: 1.3; margin: 0 5px 0 0; margin: 0 0.3125rem 0 0; } .featuredpost .post-info { margin-bottom: 5px; margin-bottom: 0.3125rem; text-transform: none; } .single .post-meta { border-top: 3px solid #dcddde; overflow: hidden; padding: 18px 16px 0; padding: 1.125rem 1rem 0; display: none; } .categories, .tags { display: block; float: left; line-height: 1.2; } .tags { border-left: 1px solid #231f20; margin-left: 8px; padding-left: 8px; } /* 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-bottom: 20px; margin-bottom: 1.25rem; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* Miscellaneous ----------- */ p.subscribe-to-comments { padding: 24px 0 16px; padding: 1.5rem 0 1rem; } p.pages, .clear, .clear-line, .first { clear: both; } .clear-line { border-bottom: 1px solid #ccc; margin-bottom: 26px; margin-bottom: 1.625rem; } .alignleft, .archive-page, .alignnone { float: left; } .alignright { float: right; } .archive-page { width: 50%; } .author-box, .sticky { margin-bottom: 80px; margin-bottom: 5rem; } .author-box, .author-box h1, .taxonomy-description { line-height: 1.5; } .author-box { border-bottom: 3px solid #DCDDDE; margin-bottom: 24px; margin-bottom: 1.5rem; overflow: hidden; padding: 32px 16px 20px; padding: 2rem 1rem 1.25rem; position: relative; } .author-box br { display: none; } .author-box h4 { left: 16px; position: absolute; text-transform: uppercase; top: 0; } /* Menus ---------------------------------------------------------------------------------------------------- */ #nav { overflow: hidden; text-indent: 0; float: right; width: 51%; margin-top: 36px; margin-right: -12px; } .chrome #nav { width: 51%; } #nav .wrap { margin: 0 auto; max-width: 1024px; } .genesis-nav-menu ul { float: left; width: 100%; } #header .menu li, .genesis-nav-menu li { display: inline-block; float: left; list-style-type: none; } #header .menu a, .genesis-nav-menu a { color: #000; display: block; position: relative; padding: 12px 13px; font-size: 15px; line-height: 21px; font-family: 'fira_sansextrabold'; text-transform: uppercase; } #header .menu li.highlight-menu-item, .genesis-nav-menu li.highlight-menu-item { margin-left: 20px; margin-left: 1.25rem; } .genesis-nav-menu .highlight-menu-item a { background-color: #1e1e1e; } .genesis-nav-menu .highlight-menu-item a:hover { background-color: #ff2a00; } #header .menu li ul, .genesis-nav-menu li ul { left: -9999px; position: absolute; width: 212px; z-index: 99; } #header .menu li ul ul, .genesis-nav-menu li ul ul { margin: -34px 0 0 210px; } #header .menu li:hover ul ul, #header .menu li.sfHover ul ul, .genesis-nav-menu li:hover ul ul, .genesis-nav-menu li.sfHover ul ul { left: -9999px; } #header .menu li:hover, #header .menu li.sfHover, .genesis-nav-menu li:hover, .genesis-nav-menu li.sfHover { position: static; } ul.genesis-nav-menu li:hover>ul, ul.genesis-nav-menu li.sfHover ul, #header ul.menu li:hover>ul, #header ul.menu li.sfHover ul { left: auto; } #header .menu li a .sf-sub-indicator, #header .menu li li a .sf-sub-indicator, #header .menu li li li a .sf-sub-indicator, .genesis-nav-menu li a .sf-sub-indicator, .genesis-nav-menu li li a .sf-sub-indicator, .genesis-nav-menu li li li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } #wpadminbar li:hover ul ul { left: 0; } #header .menu .last-menu-item a, .genesis-nav-menu .last-menu-item a { background-image: none; border: none; } #header .menu a:hover, #header .menu li.current_page_item a { color: #F00 !important; } /* Primary Navigation Extras ----------- */ .genesis-nav-menu li.right { float: right; padding: 24px 20px; padding: 1.5rem 1.25rem; } .genesis-nav-menu li.right a { display: inline; padding: 0; } .genesis-nav-menu li.search { padding: 6px 0 0; padding: 0.375rem 0 0; } .genesis-nav-menu li.rss a { background: url(images/rss.png) no-repeat center left; margin-left: 20px; margin-left: 1.25rem; padding-left: 20px; padding-left: 1.25rem; } .genesis-nav-menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding-left: 24px; padding-left: 1.5rem; } /* Headings ---------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .entry-title a { line-height: 1.2; margin-bottom: 16px; margin-bottom: 1rem; } #content h2.entry-title { border-bottom: 2px solid #E5E6E6; padding-bottom: 8px; padding-bottom: 0.5rem; } .author-box h1 { margin: 0 } .taxonomy-description h1 { margin-bottom: 4px; margin-bottom: 0.25rem; } .archive-title { margin-bottom: 24px; margin-bottom: 1.5rem; } .single h1.entry-title { margin-bottom: 0; } /* Lists ---------------------------------------------------------------------------------------------------- */ .entry-content ol, .entry-content ul { margin-bottom: 26px; margin-bottom: 1.625rem; } .entry-content ol li, .entry-content ul li { line-height: 1.625; } .entry-content ol li, .entry-content ul li { margin-left: 20px; margin-left: 1.25rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-image: url(images/bullets.png); list-style-type: none; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } /* Post Navigation ---------------------------------------------------------------------------------------------------- */ .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #40C1D7; border-radius: 3px; cursor: pointer; padding: 8px; } .navigation li a:hover, .navigation li.active a { background-color: #c9291d; } /* Comments ---------------------------------------------------------------------------------------------------- */ #comments, #respond { line-height: 1.5; overflow: hidden; padding: 0 16px; padding: 0 1rem; } #comments h3, #respond h3 { text-transform: uppercase; } #respond p.clearit label { display: none; } .ping-list, #comments { margin-bottom: 20px; margin-bottom: 1.25rem; } #comments { margin-top: 10px; margin-top: 0.625rem; } #author, #email, #url { width: 50%; } .commentmetadata, #author, #email, #url { margin-bottom: 12px; margin-bottom: 0.75rem; } #comment { margin: 12px 0; margin: 0.75rem 0; } label { margin-left: 12px; margin-left: 0.75rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; margin-top: 1.5rem; padding: 16px; padding: 1rem; } .comment-list li ul li { margin-right: -32px; margin-right: -2rem; } .comment-header { overflow: hidden; } .comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: none; } .comment-content p { margin-bottom: 24px; margin-bottom: 1.5rem; } .bypostauthor { } #comments .navigation { margin-top: 32px; margin-top: 2rem; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { display: inline; line-height: 1.5; } .sidebar p { margin-bottom: 16px; margin-bottom: 1rem; } .sidebar .widget { margin: 0 8px 0px; margin: 0 0.5rem 0rem; overflow: hidden; padding-bottom: 16px; padding-bottom: 1rem; } .home .sidebar .widget { border-bottom: 0; margin: 0 24px 16px; margin: 0 1.5rem 1rem; } .widget-area ul li { list-style-type: none; list-style-image: url(images/bullets.png); line-height: 1; margin-bottom: 8px; margin-bottom: 0.5rem; margin-left: 20px; margin-left: 1.25rem; word-wrap: break-word; } .sidebar.widget-area ul li li { margin-bottom: 6px; margin-left: 0; } .sidebar.widget-area li ul { margin-top: 6px; } .widget-area .latest-tweets li, .widget-area .widget_recent_comments li { list-style-image: none; margin-bottom: 10px; margin-bottom: 0.625rem; margin-left: 0; } .widget-area .wsmfeaturedpost a.title { line-height: 1.3; } .sidebar.widget-area .entry, .sidebar.widget-area .page .post.entry { margin-bottom: 10px; margin-bottom: 0.625rem; } .featuredpost h2 { margin-bottom: 0; } /* Footer ---------------------------------------------------------------------------------------------------- */ #wrap{ position:relative} #footer {/* background:#2e4845 url(images/footer_bg.png) center top no-repeat;*/ float: left; /*margin-top: -75px;*/ width: 100%; padding-top: 75px; background-size: 100%; position:relative; z-index:9999 } #wrap:after { background:#273e3b url(../../../wp-content/uploads/2015/02/footer_bg.png) 0 top repeat-x; position:absolute; bottom:-52px; left:0; content:""; height:210px; z-index:0; width:100%;} #footer .wrap { margin: 0 auto; max-width: 1024px; overflow: hidden; padding: 20px 0; } #footer .creds { text-align: right; } #footer .creds, #footer .gototop { margin: 8px 0; margin: 0.5rem 0; } #footer .alignright { text-align: right; } .footerarea { text-align: center; font-family: 'fira_sansmedium'; color: #fff; font-size: 17px; } .footerarea p { color: #fff; font-size: 17px !important; padding: 10px 0; line-height: 30px; } .footerarea p span { background: url(images/footer-dot.png) left 4px no-repeat; } .footerarea p a.phone { color: #fff; margin-left: 15px; padding-left: 15px; background: url(images/footer-dot.png) left 7px no-repeat; } .footerarea p span.follow { color: #fff; margin-left: 15px; padding-left: 15px; background: url(images/footer-dot.png) left 5px no-repeat; } .footerarea p a { color: #fff; } .footerarea a { height: 30px; margin-left: 5px; font-size: 0; display: inline-block; width: 24px; } .footerarea a.fb { background: url(images/icon-facebook.png) no-repeat transparent; } .footerarea a.tw { background: url(images/icon-twitter.png) no-repeat transparent; } .footerarea a.yelp { background: url(images/icon-yelp.png) no-repeat transparent; } .footerarea p a:hover { opacity: 0.7; } .footerarea a.phone { width: auto; font-size: 17px; height: auto; } .footerarea a.phone:hover { color: #fff !important; cursor: text; opacity: 1; } .ie .footerarea a.fb, .ie .footerarea a.tw, .ie .footerarea a.yelp { position: relative; top: -15px; } /* Footer Widgets ----------- */ .footer-widgets { border-top: 2px solid #1e1e1e; clear: both; line-height: 1.5; overflow: hidden; padding: 32px 0 16px; padding: 2rem 0 1rem; } .footer-widgets p { margin-bottom: 16px; margin-bottom: 1rem; } .footer-widgets .widget { margin-bottom: 24px; margin-bottom: 1.5rem; } .footer-widgets .widget-area ul li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.375rem; word-wrap: break-word; } .footer-widgets-1 { margin-right: 4.166666666%; /* 48px / 1152px */ } /* Forms & Buttons ---------------------------------------------------------------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; padding: 8px; padding: 0.5; width: 100%; } #header .search-form { float: right; width: 100%; } button, input[type="button"], input[type="submit"], .btn { background-color: #233c74; border-radius: 6px; border: none; box-shadow: none; cursor: pointer; padding: 5px 24px; padding: 0.3125rem 1.5rem; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="submit"], .btn:hover { background-color: #224493; } .enews input[type="submit"], .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Gravity Forms ----------- */ #content div.gform_wrapper input, #content div.gform_wrapper select, #content div.gform_wrapper textarea { font-size: 14px; font-size: 0.875rem; padding: 5px; padding: 0.3125rem; } #content div.gform_wrapper .ginput_complex label { font-size: 12px; font-size: 0.75rem; } #content div.gform_wrapper input[type="submit"] { float: right; padding: 2px 24px; padding: 0.125rem 1.5rem; } #content div.gform_wrapper label.gfield_label { font-weight: 400; } #content div.gform_wrapper .ginput_complex label { padding: 0; } #content div.gform_wrapper { margin: 0; } #content .form-box div.gform_wrapper .gfield_required, #content .form-box h3 { color: #FFF; } div.gform_wrapper ul li.gfield.alignleft, div.gform_wrapper ul li.gfield.alignright { clear: none; width: 48.5%; } div.gform_wrapper form { overflow: hidden; } div.gform_wrapper li, div.gform_wrapper form li { margin: 0 0 8px; margin: 0 0 0.5rem; } div.gform_wrapper li.clearit label.gfield_label { display: none; } div.gform_wrapper .gform_footer input.gform_button { background-color: #233c74; border-radius: 6px; padding: 5px 24px; padding: 0.3125rem 1.5rem; text-transform: uppercase; width: auto; } div.gform_wrapper .gform_footer input:hover.gform_button { background-color: #224493; } /* Gravity Forms Widget ----------- */ .sidebar .gform_widget .widget-wrap { background-color: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #b3b5b8; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 16px 10px; padding: 1rem 0.625rem; } .sidebar.widget-area .gform_widget.widget { background: #FFF; border-bottom: none; margin-bottom: 0; padding-top: 16px; padding-top: 1rem; } .content-sidebar .sidebar .gform_widget.widget { margin-left: -4px; margin-left: -0.25rem; } .sidebar-content .sidebar .gform_widget.widget { margin-right: -4px; margin-right: -0.25rem; } .widget-area div.gform_wrapper label.gfield_label { font-weight: 400; } .widget-area div.gform_wrapper { margin-bottom: 5px; margin-bottom: 0.3125rem; } .widget-area .gform_widget h4.widgettitle { margin-bottom: 5px; margin-bottom: 0.3125rem; } .widget-area div.gform_wrapper .gform_heading { line-height: 1.3; margin-bottom: 10px; margin-bottom: 0.625rem; } .widget-area div.gform_wrapper li, .widget-area div.gform_wrapper form li { margin-left: 0; margin-top: 6px; margin-top: 0.375rem; } .widget-area div.gform_wrapper input, .widget-area div.gform_wrapper select, .widget-area div.gform_wrapper textarea { background-color: #eff0f0; border: 0; font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; } .widget-area div.gform_wrapper .gform_footer { margin: 0; padding: 12px 0 0; padding: 0.75rem 0 0; } .widget-area div.gform_wrapper .gform_footer input.gform_button { float: right; padding: 2px 24px; padding: 0.125rem 1.5rem; } .form-box { background: none repeat scroll 0 0 #189093; border: 1px solid #CCCCCC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #FFFFFF; padding: 1rem; } /* Soliloquy ---------------------------------------------------------------------------------------------------- */ div.soliloquy-container .soliloquy-caption { bottom: auto; top: 80px; } div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none rgba(0, 0, 0, 0); color: #555554; filter: 0; margin-left: 32px; margin-left: 2rem; padding: 0 10px 0 0; padding: 0 0.625rem 0 0; text-align: left; text-shadow: 0 0 0 rgba(0, 0, 0, 0); width: 46%; } div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 { color: #555554; } div.soliloquy-container .soliloquy-control-nav li a { -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } div.soliloquy-container .soliloquy-control-nav { background: url('images/slider-dots.png') no-repeat scroll -9999px -9999px; } div.soliloquy-container .soliloquy-control-nav li a { background: url('images/slider-dots.png') no-repeat scroll 0 0; } div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next, div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next { right: 57px; } div.soliloquy-container .soliloquy-control-nav li a { height: 14px !important; width: 14px !important; } div.soliloquy-container .soliloquy-control-nav li a:hover, div.soliloquy-container .soliloquy-control-nav li a.active, div.soliloquy-container .soliloquy-control-nav li a.soliloquy-active { background-position: 0 -14px !important; } /* Images & Captions ---------------------------------------------------------------------------------------------------- */ embed, img, object, video { max-width: 100%; } img { height: auto; } .alignleft .avatar { margin-right: 24px; margin-right: 1.5rem; } .alignright .avatar { margin-left: 24px; margin-left: 1.5rem; } .author-box .avatar { float: left; margin-right: 24px; margin-right: 1.5rem } .comment-list li .avatar { float: left; margin: 0 16px 24px 0; margin: 0 1rem 1.5rem 0; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 1.5rem } img.alignnone { display: inline; margin-bottom: 12px; margin-bottom: 0.75rem; } .alignleft img, img.alignleft, .post-image, .wp-caption.alignleft, .alignnone { display: inline; margin: 5px 24px 5px 0; margin: 0.3125rem 1.5rem 0.3125rem 0; } .alignright img, img.alignright, .wp-caption.alignright { display: inline; margin: 5px 0 5px 24px; margin: 0.3125rem 0 0.3125rem 1.5rem; } p.wp-caption-text { line-height: 1.2; margin: 10px 0; margin-top: 0.625rem 0; } .gallery-caption { } .alignleft img, .centered img, .alignnone img, .alignright img, img.alignleft, img.centered, img.alignnone, img.alignright { } /* WP Table ---------------------------- */ h2.tablepress-table-name { margin-bottom: 0; } table.tablepress thead th, table.tablepress tfoot th { background-color: #a7a8aa; color: #FFF !important; font-weight: normal; } span.tablepress-table-description { margin-bottom: 16px; margin-bottom: 1rem; } /* Breadcrumb ---------------------------- */ .breadcrumb { margin-bottom: 16px; margin-bottom: 1rem; } /* Color Options ----------------------------------------------------------------- */ /* Brown ----------------------- */ .bradley-brown #title a, .bradley-brown #title a:hover, .bradley-brown .featuredpage, .bradley-brown .wsmfeaturedpage, .bradley-brown .home-main-content.widget-area ul li a:hover, .bradley-brown .widget-area .latest-tweets li a:hover, .bradley-brown .widget-area ul li a:hover, .bradley-brown h2.entry-title a:hover, .bradley-brown span.gform_description, .bradley-brown #description { color: #675134; } .bradley-brown a, .bradley-brown h1, .bradley-brown h2, .bradley-brown h3, .bradley-brown h4, .bradley-brown h5, .bradley-brown h6, .bradley-brown a:hover.title, .bradley-brown h2.entry-title a, .bradley-brown .home-main-content.widget-area ul li a, .bradley-brown h2.entry-title a:visited, .bradley-brown .widget-area .latest-tweets li a, .bradley-brown .featuredpost .post-info a:hover, .bradley-brown .widget-area .widget_recent_comments li a.url, .bradley-brown .widget-area .author, .bradley-brown .widget-area .date, .bradley-brown .widget-area .post-info, .bradley-brown #footer a:hover, .bradley-brown .widget-area .post-info, .bradley-brown .widget-area .date, .bradley-brown .entry-title a { color: #806641; } .bradley-brown .more-link a, .bradley-brown .genesis-nav-menu a { color: #FFF; } .bradley-brown #header .menu li li a, .bradley-brown #header .menu li li a:link, .bradley-brown #header .menu li li a:visited, .bradley-brown .genesis-nav-menu li li a, .bradley-brown .genesis-nav-menu li li a:link, .bradley-brown .genesis-nav-menu li li a:visited, .bradley-brown button, .bradley-brown input[type="button"], .bradley-brown input[type="submit"], .bradley-brown .btn, .bradley-brown .more-link a, .bradley-brown div.gform_wrapper .gform_footer input.gform_button, .bradley-brown .social-media span, .bradley-brown .genesis-nav-menu a:hover, .bradley-brown .genesis-nav-menu .current-menu-item a { background-color: #806641; border-color: #997A4F; } .bradley-brown .form-box, .bradley-brown button:hover, .bradley-brown input:hover[type="button"], .bradley-brown input:hover[type="submit"], .bradley-brown .btn:hover, .bradley-brown .more-link a:hover, .bradley-brown #footer, .bradley-brown #header .menu li li a:hover, .bradley-brown .genesis-nav-menu li li a:hover, .bradley-brown #header .menu a:hover, .bradley-brown div.gform_wrapper .gform_footer input:hover.gform_button, .bradley-brown #header .menu .current-menu-item a, .bradley-brown #nav { background-color: #675134; } .bradley-brown #header .menu a { border-color: #675134; } .bradley-brown.header-image #title { background: url(images/bradley-brown/logo.png) no-repeat 0 0; } .bradley-brown #header .menu li.last-menu-item a { background-image: none; } .bradley-brown .social-media a.fb { background: url(images/bradley-brown/icon-facebook.png) no-repeat transparent; } .bradley-brown .social-media a.tw { background: url(images/bradley-brown/icon-twitter.png) no-repeat transparent; } .bradley-brown .social-media a.li { background: url(images/bradley-brown/icon-linkedin.png) no-repeat transparent; } .bradley-brown .social-media a.gp { background: url(images/bradley-brown/icon-gplus.png) no-repeat transparent; } .bradley-brown .cta-box .cta-title { background: url("images/bradley-brown/cta-bg.png") repeat scroll 0 0 transparent; } .bradley-brown .entry-content ul li, .bradley-brown .widget-area ul li { list-style-image: url(images/bradley-brown/bullets.png); } .bradley-brown.home.content-sidebar #content-sidebar-wrap { background: url("images/bradley-brown/content-sidebar-border.png") repeat-y scroll 74% 0 transparent; } .bradley-brown div.soliloquy-container .soliloquy-control-nav li a { background: url(images/bradley-brown/slider-dots.png) no-repeat scroll 0 0; } .bradley-brown div.soliloquy-container .soliloquy-control-nav { background: url('images/bradley-brown/slider-dots.png') no-repeat scroll -9999px -9999px; } .bradley-brown blockquote { background: url(images/bradley-brown/blockquote.png) no-repeat; } /* Black and Grey ----------------------- */ .bradley-black-grey #title a, .bradley-black-grey #title a:hover, .bradley-black-grey .featuredpage, .bradley-black-grey .wsmfeaturedpage, .bradley-black-grey .widget-area h2 a, .bradley-black-grey .home-main-content.widget-area ul li a:hover, .bradley-black-grey .widget-area .latest-tweets li a:hover, .bradley-black-grey h2.entry-title a:hover, .bradley-black-grey span.gform_description, .bradley-black-grey #description { color: #242729; } .bradley-black-grey a, .bradley-black-grey .home-main-content.widget-area ul li a { color: #0995E7; } .bradley-black-grey h1, .bradley-black-grey h2, .bradley-black-grey h3, .bradley-black-grey h4, .bradley-black-grey h5, .bradley-black-grey h6, .bradley-black-grey .widget-area h2 a:hover, .bradley-black-grey a:hover.title, .bradley-black-grey h2.entry-title a, .bradley-black-grey a:hover, .bradley-black-grey .widget-area ul li a:hover, .bradley-black-grey h2.entry-title a:visited, .bradley-black-grey .widget-area .latest-tweets li a, .bradley-black-grey .featuredpost .post-info a:hover, .bradley-black-grey .widget-area .widget_recent_comments li a.url, .bradley-black-grey .widget-area .author, .bradley-black-grey .widget-area .date, .bradley-black-grey .widget-area .post-info, .bradley-black-grey #footer a:hover, .bradley-black-grey .widget-area .post-info, .bradley-black-grey .widget-area .date, .bradley-black-grey .entry-title a { color: #6F7072; } .bradley-black-grey .more-link a, .bradley-black-grey .genesis-nav-menu a { color: #FFF; } .bradley-black-grey .form-box, .bradley-black-grey #header .menu li li a, .bradley-black-grey #header .menu li li a:link, .bradley-black-grey #header .menu li li a:visited, .bradley-black-grey .genesis-nav-menu li li a, .bradley-black-grey .genesis-nav-menu li li a:link, .bradley-black-grey .genesis-nav-menu li li a:visited, .bradley-black-grey button:hover, .bradley-black-grey input:hover[type="button"], .bradley-black-grey input:hover[type="submit"], .bradley-black-grey .btn:hover, .bradley-black-grey .more-link a:hover, .bradley-black-grey div.gform_wrapper .gform_footer input:hover.gform_button, .bradley-black-grey .social-media span, .bradley-black-grey .genesis-nav-menu a:hover, .bradley-black-grey .genesis-nav-menu .current-menu-item a { background-color: #6F7072; border-color: #828282; } .bradley-black-grey button, .bradley-black-grey input[type="button"], .bradley-black-grey input[type="submit"], .bradley-black-grey .btn, .bradley-black-grey .more-link a, .bradley-black-grey div.gform_wrapper .gform_footer input.gform_button, .bradley-black-grey #footer, .bradley-black-grey #header .menu li li a:hover, .bradley-black-grey .genesis-nav-menu li li a:hover, .bradley-black-grey #header .menu a:hover, .bradley-black-grey #header .menu .current-menu-item a, .bradley-black-grey #nav { background-color: #242729; } .bradley-black-grey #header .menu a { border-color: #242729; } .bradley-black-grey.header-image #title { background: url(images/bradley-black-grey/logo.png) no-repeat 0 0 transparent; } .bradley-black-grey #header .menu li.last-menu-item a { background-image: none; } .bradley-black-grey .social-media a.fb { background: url(images/bradley-black-grey/icon-facebook.png) no-repeat transparent; } .bradley-black-grey .social-media a.tw { background: url(images/bradley-black-grey/icon-twitter.png) no-repeat transparent; } .bradley-black-grey .social-media a.li { background: url(images/bradley-black-grey/icon-linkedin.png) no-repeat transparent; } .bradley-black-grey .social-media a.gp { background: url(images/bradley-black-grey/icon-gplus.png) no-repeat transparent; } .bradley-black-grey .cta-box .cta-title { background: url("images/bradley-black-grey/cta-bg.png") repeat scroll 0 0 transparent; } .bradley-black-grey .entry-content ul li, .bradley-black-grey .widget-area ul li { list-style-image: url(images/bradley-black-grey/bullets.png); } .bradley-black-grey.home.content-sidebar #content-sidebar-wrap { background: url("images/bradley-black-grey/content-sidebar-border.png") repeat-y scroll 74% 0 transparent; } .bradley-black-grey div.soliloquy-container .soliloquy-control-nav li a { background: url(images/bradley-black-grey/slider-dots.png) no-repeat scroll 0 0; } .bradley-black-grey div.soliloquy-container .soliloquy-control-nav { background: url('images/bradley-black-grey/slider-dots.png') no-repeat scroll -9999px -9999px; } .bradley-black-grey blockquote { background: url(images/bradley-black-grey/blockquote.png) no-repeat; } /* Red ----------------------- */ .bradley-red #title a, .bradley-red #title a:hover, .bradley-red .featuredpage, .bradley-red .wsmfeaturedpage, .bradley-red .home-main-content.widget-area ul li a:hover, .bradley-red .widget-area .latest-tweets li a:hover, .bradley-red .widget-area ul li a:hover, .bradley-red h2.entry-title a:hover, .bradley-red span.gform_description, .bradley-red #description { color: #861C1C; } .bradley-red a, .bradley-red h1, .bradley-red h2, .bradley-red h3, .bradley-red h4, .bradley-red h5, .bradley-red h6, .bradley-red a:hover.title, .bradley-red h2.entry-title a, .bradley-red h2.entry-title a:visited, .bradley-red .widget-area .latest-tweets li a, .bradley-red .home-main-content.widget-area ul li a, .bradley-red .featuredpost .post-info a:hover, .bradley-red .widget-area .widget_recent_comments li a.url, .bradley-red .widget-area .author, .bradley-red .widget-area .date, .bradley-red .widget-area .post-info, .bradley-red #footer a:hover, .bradley-red .widget-area .post-info, .bradley-red .widget-area .date, .bradley-red .entry-title a { color: #C12929; } .bradley-red .more-link a, .bradley-red .genesis-nav-menu a { color: #FFF; } .bradley-red #header .menu li li a, .bradley-red #header .menu li li a:link, .bradley-red #header .menu li li a:visited, .bradley-red .genesis-nav-menu li li a, .bradley-red .genesis-nav-menu li li a:link, .bradley-red .genesis-nav-menu li li a:visited, .bradley-red button, .bradley-red input[type="button"], .bradley-red input[type="submit"], .bradley-red .btn, .bradley-red .more-link a, .bradley-red div.gform_wrapper .gform_footer input.gform_button, .bradley-red .genesis-nav-menu a:hover, .bradley-red .genesis-nav-menu .current-menu-item a { background-color: #C12929; border-color: #CE3737; } .bradley-red .social-media span { background-color: #AB0019; } .bradley-red .form-box, .bradley-red button:hover, .bradley-red input:hover[type="button"], .bradley-red input:hover[type="submit"], .bradley-red .btn:hover, .bradley-red .more-link a:hover, .bradley-red #footer, .bradley-red #header .menu li li a:hover, .bradley-red .genesis-nav-menu li li a:hover, .bradley-red #header .menu a:hover, .bradley-red div.gform_wrapper .gform_footer input:hover.gform_button, .bradley-red #header .menu .current-menu-item a, .bradley-red #nav { background-color: #861C1C; } .bradley-red #header .menu a { border-color: #861C1C; } .bradley-red.header-image #title { background: url(images/bradley-red/logo.png) no-repeat 0 0; } .bradley-red #header .menu li.last-menu-item a { background-image: none; } .bradley-red .social-media a.fb { background: url(images/bradley-red/icon-facebook.png) no-repeat transparent; } .bradley-red .social-media a.tw { background: url(images/bradley-red/icon-twitter.png) no-repeat transparent; } .bradley-red .social-media a.li { background: url(images/bradley-red/icon-linkedin.png) no-repeat transparent; } .bradley-red .social-media a.gp { background: url(images/bradley-red/icon-gplus.png) no-repeat transparent; } .bradley-red .cta-box .cta-title { background: url("images/bradley-red/cta-bg.png") repeat scroll 0 0 transparent; } .bradley-red .entry-content ul li, .bradley-red .widget-area ul li { list-style-image: url(images/bradley-red/bullets.png); } .bradley-red.home.content-sidebar #content-sidebar-wrap { background: url("images/bradley-red/content-sidebar-border.png") repeat-y scroll 74% 0 transparent; } .bradley-red div.soliloquy-container .soliloquy-control-nav li a { background: url(images/bradley-red/slider-dots.png) no-repeat scroll 0 0; } .bradley-red div.soliloquy-container .soliloquy-control-nav { background: url('images/bradley-red/slider-dots.png') no-repeat scroll -9999px -9999px; } .bradley-red blockquote { background: url(images/bradley-red/blockquote.png) no-repeat; } /* Pastel ----------------------- */ .bradley-pastel .featuredpage, .bradley-pastel .wsmfeaturedpage, .bradley-pastel span.gform_description, .bradley-pastel .widget-area h2 a:hover, .bradley-pastel a:hover, .bradley-pastel .home-main-content.widget-area ul li a:hover, .bradley-pastel .widget-area .latest-tweets li a:hover, .bradley-pastel .widget-area ul li a:hover, .bradley-pastel h2.entry-title a:hover, .bradley-pastel #description { color: #396f7c; } .bradley-pastel .home-main-content.widget-area ul li a, .bradley-pastel #footer a:hover, .bradley-pastel a { color: #227FAA; } .bradley-pastel h1, .bradley-pastel h2, .bradley-pastel h3, .bradley-pastel h4, .bradley-pastel h5, .bradley-pastel h6, .bradley-pastel #title a, .bradley-pastel #title a:hover, .bradley-pastel a:hover.title, .bradley-pastel h2.entry-title a, .bradley-pastel .widget-area h2 a, .bradley-pastel h2.entry-title a:visited, .bradley-pastel .widget-area .latest-tweets li a, .bradley-pastel .featuredpost .post-info a:hover, .bradley-pastel .widget-area .widget_recent_comments li a.url, .bradley-pastel .widget-area .author, .bradley-pastel .widget-area .date, .bradley-pastel .widget-area .post-info, .bradley-pastel .widget-area .post-info, .bradley-pastel .widget-area .date, .bradley-pastel .entry-title a { color: #6BA7B5; } .bradley-pastel .more-link a, .bradley-pastel .genesis-nav-menu a { color: #FFF; } .bradley-pastel #header .menu li li a, .bradley-pastel #header .menu li li a:link, .bradley-pastel #header .menu li li a:visited, .bradley-pastel .genesis-nav-menu li li a, .bradley-pastel .genesis-nav-menu li li a:link, .bradley-pastel .genesis-nav-menu li li a:visited, .bradley-pastel button, .bradley-pastel input[type="button"], .bradley-pastel input[type="submit"], .bradley-pastel .btn, .bradley-pastel .more-link a, .bradley-pastel div.gform_wrapper .gform_footer input.gform_button, .bradley-pastel .social-media span, .bradley-pastel .genesis-nav-menu a:hover, .bradley-pastel .genesis-nav-menu .current-menu-item a { background-color: #F9B7B8; border-color: #FCCCCC; } .bradley-pastel .form-box, .bradley-pastel button:hover, .bradley-pastel input:hover[type="button"], .bradley-pastel input:hover[type="submit"], .bradley-pastel .btn:hover, .bradley-pastel .more-link a:hover, .bradley-pastel #footer, .bradley-pastel #header .menu li li a:hover, .bradley-pastel .genesis-nav-menu li li a:hover, .bradley-pastel #header .menu a:hover, .bradley-pastel div.gform_wrapper .gform_footer input:hover.gform_button, .bradley-pastel #header .menu .current-menu-item a, .bradley-pastel #nav { background-color: #6BA7B5; } .bradley-pastel table.tablepress thead th { background-color: #BEC9B7; } .bradley-pastel #header .menu a { border-color: #6BA7B5; } .bradley-pastel.header-image #title { background: url(images/bradley-pastel/logo.png) no-repeat 0 0; } .bradley-pastel #header .menu li.last-menu-item a { background-image: none; } .bradley-pastel .social-media a.fb { background: url(images/bradley-pastel/icon-facebook.png) no-repeat transparent; } .bradley-pastel .social-media a.tw { background: url(images/bradley-pastel/icon-twitter.png) no-repeat transparent; } .bradley-pastel .social-media a.li { background: url(images/bradley-pastel/icon-linkedin.png) no-repeat transparent; } .bradley-pastel .social-media a.gp { background: url(images/bradley-pastel/icon-gplus.png) no-repeat transparent; } .bradley-pastel .cta-box .cta-title { background: url("images/bradley-pastel/cta-bg.png") repeat scroll 0 0 transparent; } .bradley-pastel .entry-content ul li, .bradley-pastel .widget-area ul li { list-style-image: url(images/bradley-pastel/bullets.png); } .bradley-pastel.home.content-sidebar #content-sidebar-wrap { background: url("images/bradley-pastel/content-sidebar-border.png") repeat-y scroll 74% 0 transparent; } .bradley-pastel div.soliloquy-container .soliloquy-control-nav li a { background: url(images/bradley-pastel/slider-dots.png) no-repeat scroll 0 0; } .bradley-pastel div.soliloquy-container .soliloquy-control-nav { background: url('images/bradley-pastel/slider-dots.png') no-repeat scroll -9999px -9999px; } .bradley-pastel blockquote { background: url(images/bradley-pastel/blockquote.png) no-repeat; } /* -----------My Custom Css------------- */ .mid { margin: 0 auto; max-width: 1024px; } .midbox_row1 h4 { display: none; } .midbox_row2 h4 { display: none; } .page-template-template_with_two_column #sidebar { display: none; } #wrap { padding-top: 120px; float: left; width: 100%; background: url(images/body_bg.jpg) center bottom no-repeat; background-size: 100% auto; background-attachment: fixed; background-size: cover !important; } .product_section .post_box { background-size: 100% auto !important; } /* #nav .menu { float: left; width: 100%; background: url(images/nav_bg.png) no-repeat; } */ #nav .menu { float: left; } #header .menu li a { text-decoration: none; color: #fff;} .slider_container { float: left; width: 100%; } #genesis-responsive-slider { padding: 1% !important; } .slider_container .slider, .genesis_responsive_slider { width: 100%; margin-bottom: 10px; } .slider_container .slider #genesis-responsive-slider { width: 98%; } .safari .slider_container .slider #genesis-responsive-slider { width: 100%; } .flexslider .slides > li { width: 100%; white-space: normal; } .slider .flexslider .slide-image img { width: 100%; max-height: 500px; } .slider #genesis-responsive-slider { background: #fff; border: none; } .slider .flexslider .slide-excerpt { width: 100%; border: none; background: none; display: none; } .slider .flexslider .slide-excerpt-border { border: none; } .slider .flexslider li h2 a { font-size: 53px; line-height: 57px; font-family: 'omnibusregular'; color: #fff; text-shadow: 3px 2px 0px #000000; } .slider .flexslider li h2 span.yellow_heading { color: #fbaa35; display: block; margin-top: 20px; } .slider .flexslider li p { font-size: 19px; line-height: 23px; color: #fff; font-family: 'fira_sansmedium'; text-shadow: 2px 3px 1px #000000; } .slider .flex-direction-nav li a { background: url(images/direction_nav.png) no-repeat; width: 70px; height: 70px; transition: none; -webkit-transition: none; } .slider .flex-direction-nav li .prev { left: -30px } .slider .flex-direction-nav li .next { background-position: -66px 0; right: -20px; } .slider .flex-direction-nav li .prev:hover { background-position: 0 -73px !important; } .slider .flex-direction-nav li .next:hover { background-position: -66px -73px; } /* -----------Slider Loop Content CSS------------ */ .slider li.item5 .slide-excerpt-border, .slider li.item2 .slide-excerpt-border { position: relative; top: 10px; left: 65px; } .slider li.item5 h2 a { color: #f8ab35 !important; } .flexslider .slides > li h2 { margin-bottom: 0; } .slider li.item3 .slide-excerpt-border { float: left; width: 30%; bottom: 190px; left: 10px; } .slider .flexslider li.item5 p { padding: 0 60px; } .slider li.item2 .slide-excerpt-border { position: relative; top: 10px; left: 25px; } .slider .flexslider li.item4 .slide-excerpt-border { float: right; width: 43%; right: 0px; bottom: 98px; } .slider .flexslider li.item4 .slide-excerpt-border h2 a { font-size: 70px; line-height: 75px; letter-spacing: 3px; } .slider .flexslider li.item4 .slide-excerpt-border p { font-size: 35px; line-height: 39px; text-align: center; } /* -----------Home Post Content CSS------------ */ #inner .post_row { float: left; width: 100%; } .post_row img { margin: 0; } .post_row .widget { display: list-item; list-style: none; list-style-type: none; margin-bottom: 25px; float: left; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .post_row .widget + .widget { float: right; } .post_row .widget + .widget + .widget { float: left; margin-bottom: 0; margin-left: -9px; margin-right: 2.5%; } .post_row .widget + .widget + .widget + .widget { margin-right: 0; } .post_row .widget + .widget + .widget + .widget + .widget { margin: 0; float: right; margin-right: -9px; } .twocolumn { margin-bottom: 70px; max-width: 957px; padding: 50px 2% 50px; background: #fff; margin: 0 auto; } .safari .twocolumn { max-width: 1024px; } .left_sidebar { float: left; width: 20%; } .mid_section { float: left; width: 54%; padding: 0 3%; } .right_sidebar { float: right; width: 20%; } .widget { margin-bottom: 25px; } .twocolumn p { margin-bottom: 30px; } .full_width_content { margin-bottom: 70px; max-width: 990px; padding: 50px 2% 50px; background: #fff; margin: 0 auto; } .safari .full_width_content { max-width: 1024px; } .full_width_content img { margin-bottom: 40px; } .full_width_content p { margin-bottom: 30px; } .page-template-page_blog #inner, .archive #inner, .search #inner, .archive #inner, .single #inner, .page-template-default #inner, .error404 #inner { max-width: 1024px; float: none; margin: 0 auto; } .page-template-page_blog #inner .wrap, .archive #inner .wrap, .search #inner .wrap, .single #inner .wrap, .page-template-default #inner .wrap, .error404 #inner .wrap { float: left; margin: 0 auto; padding: 0px; width: 100%; } .safari .page-template-page_blog #inner .wrap, .safari .archive #inner .wrap, .safari .search #inner .wrap, .safari .single #inner .wrap, .safari .page-template-default #inner .wrap, .safari .error404 #inner .wrap { width: 100%; } .page-template-page_blog ul, .archive ul, .search ul, .archive #inner, .single ul { list-style: none; list-style-type: none; } ul.info li { padding: 5px 0; color: #727272; } .sidebar .widget li { border-bottom: 1px solid #E7E7E7; margin: 0; padding: 14px 0; } .sidebar .widget li a { color: #727272; font-size: 16px; } .error404 #inner .entry-content h4, .error404 #inner .entry-content ul { display: none; } .error404 #inner #content.hfeed { width: 100%; text-align: center; padding: 150px 0; } .error404 .sidebar { display: none; } .search-no-results #inner .wrap { min-height: 600px; } #header { position: fixed; left: 0; top: 0; z-index: 11111; width: 100%; } #header.fix { padding-bottom: 0; position: fixed; left: 0; top: 0; z-index: 11111; background: url(images/header-fix.jpg) top center no-repeat; background-size: 100%; } #header.fix #title { margin-top: 14px; min-height: 57px; background: url(images/logo-fix.png) left top no-repeat; } #header.fix #nav { margin-top: 15px; } #header.fix.headerfix { transform: translate3d(0px, 0, 0px); -webkit-transform: translate3d(0px, 0, 0px); } #header.fix #title a, #header.fix #title-area { min-height: 57px; } #dedicated-mobile { clear: both; width: 100%; margin: auto; position: relative; display: none; } #dedicated-mobile a.trigger { text-indent: 0; position: absolute; right: 0; top: -47px; background-size: 100%; border-radius: 5px; width: 100px; height: 30px; line-height: 30px; font-size: 16px; line-height: 28px; color: #41c2d8; display: block; background: url(images/hum.png) right center no-repeat; font-weight: bold; } #dedicated-mobile ul#dedicated-mobilemenu { background: url(images/mob-menu.png) left top repeat; list-style: none outside none; margin: 0; padding: 0 4%; position: relative; top: 100%; z-index: 9; width: 91%; border: 2px solid #ca2a1e; } #dedicated-mobilemenu ul { margin: -1px 0 0 0; padding: 0 0 0 0; } #dedicated-mobilemenu li { display: block; } #dedicated-mobilemenu li:first-child a { border-top: 0; } #dedicated-mobilemenu li a { display: block; padding: 8px 4px; font-size: 14px; line-height: 1; border-top: 1px solid #ca2a1e; text-transform: uppercase; font-family: 'Open Sans', sans-serif; text-align: left; text-indent: 0; color: #0e212f; } #dedicated-mobilemenu li.current-menu-item a, #dedicated-mobilemenu li a:hover { color: #ca2a1e; } #dedicated-mobilemenu ul { } #dedicated-mobilemenu ul li a { padding-left: 20px; } #dedicated-mobilemenu li.menu-item-has-children a:after { font-size: 25px; line-height: 15px; content: " "; float: right; } #dedicated-mobilemenu li.menu-item-has-children a.opwn:after { content: " - "; line-height: 9px; } #dedicated-mobilemenu li.menu-item-has-children li a:after { content: " " !important; } #dedicated-mobilemenu li.menu-item-has-children li a.opwn:after { content: " " !important; } #nav { display: block; } .page-template-template_with_banner .full_width_content ul { margin-left: 15px; } .page-template-template_with_banner .full_width_content ol { margin-left: 24px; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ /* Desktops, laptops and iPads (landscape) ----------- */ @media only screen and (max-width: 1024px) { #header { width: 100%; padding-left: 2%; padding-right: 2%; } #nav { width: 53%; } .slider_container { padding: 0 3%; width: 100%; } #inner .post_row { padding: 0 3%; width: 100%; } .post_row .widget { width: 66%; } .post_row .widget + .widget { width: 32%; } .post_row .widget + .widget + .widget { width: 30%; } .post_row .widget + .widget + .widget { margin-left: -5px; width: 32%; float: left; } .post_row .widget + .widget + .widget + .widget + .widget { margin-right: -5px; width: 33.5%; } .post_row .widget + .widget + .widget { height: 307px; } .post_row .widget + .widget + .widget img { height: 324px; } .full_width_content, .twocolumn { max-width: 94%; } .safari .full_width_content, .safari .twocolumn { max-width: 94%; } .safari .mid_section { width: 60%; } .page-template-page_blog #inner, .archive #inner, .search #inner, .archive #inner, .single #inner, .page-template-default #inner, .error404 #inner { max-width: 100% } .page-template-page_blog #inner, .archive #inner, .search #inner, .archive #inner, .single #inner, .page-template-default #inner, .error404 #inner { max-width: 94%; } body { background-size: cover !important; } #footer { background-size: auto !important; } #wrap { background-size: cover !important; } } @media only screen and (max-width: 1023px) { #nav { width: 61%; } .header-image #title { background-size: contain !important; width: 28%; } } /* iPads (portrait) ----------- */ @media only screen and (max-width: 900px) { .header-image #title { width: 25%; background-size: 100%; } #nav { width: 71%; } .post_row .widget + .widget + .widget { height: auto; } .post_row .widget + .widget + .widget img { height: 229px; } body { background-size: cover !important; } .slider .flex-direction-nav li .prev { left: -15px; } .slider .flex-direction-nav li .next { right: -9px; } } /* iPhones (portrait and landscape) ----------- */ @media only screen and (max-width: 767px) { #nav { display: none; } #dedicated-mobile { display: block; } #header { width: 96%; } .header-image #title { width: 90%; } .post_row .widget { width: 100% !important; float: left !important; margin: 0 0 20px 0 !important; } .post_row .widget img { display: block; margin: 0 auto; float: none; height: auto !important; } .full_width_content, .twocolumn { padding: 25px 2%; max-width: 92%; } .footerarea { max-width: 94%; padding-left: 2%; padding-right: 2%; } .left_sidebar { width: 100%; max-width: 320px; } .sidebar .widget li { padding: 4px 0; } .mid_section { width: 100%; padding: 0; } .right_sidebar { width: 100%; max-width: 320px; float: left; } .content-sidebar #content, .sidebar-content #content { width: 100%; } .page-template-page_blog #inner .wrap, .archive #inner .wrap, .search #inner .wrap, .single #inner .wrap, .page-template-default #inner .wrap, .error404 #inner { width: 96%; padding: 25px 2%; } .sidebar { float: left; width: 100%; max-width: 320px; } .safari .mid_section { width: 100%; } #wrap { margin-top: 0; padding-top: 0; } #header { position: relative; } #header { width: 100%; } #dedicated-mobile ul#dedicated-mobilemenu { width: 100%; } .page-template-default #footer { margin-top: -30px; } .page-template-page_blog #footer, .archive #footer, .search #footer, .single #footer, .page-template-default #footer, .error404 #footer { margin-top: -30px; } .header-image #title { max-width : 200px; } } @media only screen and (max-width: 480px) { .header-image #title { width: 63%; background-size: 100% !important; } .flex-direction-nav { display: none; } #footer { padding-top: 30px; } #dedicated-mobile a.trigger { top: -32px; } .header-image #title, .header-image #title a, .header-image #title-area { min-height: 59px; } #dedicated-mobile ul#dedicated-mobilemenu { width: 100%; } #header { width: 100%; } #wrap { overflow: hidden; } .error404 #inner #content.hfeed { padding: 50px 0; } } @media only screen and (max-width: 380px) { } @media only screen and (max-width: 280px) { }