/*----------------------------------------------------------------------------------- Theme Name: Karma HTML Web Template Author: TrueThemes ---------------------------------- Stylesheet Guide --------------------------------- - Global - Layout - General Layout - Top Toolbar - Header - Content - Parallax Banner - Sidebar - Footer - Gallery - Columns - Sitemap - Sliders - jQuery 1 Slider - jQuery 2 Slider - jQuery 3 Slider - Testimonials Slider - Homepage Video - Sitemap - Video + 3D Thumbs - Filterable Gallery - Navigation - Main Menu - Vertical Sub Menu - Horizontal Sub Menu - Top Toolbar Superfish - Breadcrumbs - Links - General Links - Top Link - Custom Buttons - Lists - General Lists - Custom List Bullets - Accordion - Tabs - Typography - General Typography - @font-Face - Message Boxes - Footer - Callouts - Blog - Forms - Images - General - Modern Frame - Shadow Frame - Miscellaneous - Extras - Karma Pagenavi - Mailchimp - Defaults - 404 Error Page - Constant Contact - Widgets + Shortcodes - Default Styles - Blogroll - Footer - Calendar - Recent Posts - Sidebar - Blogroll - Sidebar - Search - Sidebar - Social Media - Latest Tweets - Blog Posts Shortcode - Pricing Tables - PrettyPhoto - PrettySociable - Responsive Design - Content Area - Custom Color Variations -----------------------------------------------------------------------------------*/ /*----------------------------*/ /* Global /*----------------------------*/ 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,font,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 { border: 0; /* outline: 0; */ font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; } html {font-size: 62.5%;} body { background: #f4f4f2; font: 1.2em/20px "helvetica neue",Helvetica,Arial,Verdana,sans-serif; margin: 0; min-width: 1003px; -webkit-text-size-adjust:100%; } header, nav, section, article, aside, footer {display:block;} video, iframe, object, img { max-width: 100%; } #main img {height: auto;} #main .tt-blog-featured img{height: 218px;} blockquote,q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* :focus {outline: 0;} */ ::selection {background: rgba(255, 255, 255, 0.2); /* Safari */} ::-moz-selection {background: rgba(255, 255, 255, 0.2); /* FireFox */} #content ::selection, #sidebar ::selection {background: rgba(0, 0, 0, 0.2);} #content ::-moz-selection, #sidebar ::-moz-selection {background: rgba(0, 0, 0, 0.2);} body, #sub_nav ul a, #main .sitemap_with_child a, #main .sitemap_without_child a, .content-style-default p, .content-style-default ul, .content-style-default ol, .content-style-default #horizontal_nav ul a, .karma-pages a, .karma-pages span, .wp-pagenavi a, .wp-pagenavi span, .karma-pages a:active, .wp-pagenavi a:active, .woocommerce-pagination a, .woocommerce-pagination span, #sidebar .blogroll li, ul.twitterList li:before, #sidebar ul.twitterList li:before, #footer ul.twitterList li:before, #sidebar ul.twitterList li, #content ul.twitterList li, #content.content_full_width ul.twitterList li, #footer ul.twitterList li, #wrapper .tabset a, .ui-state-active a, .contact-form label, #footer div.karma_notify p { color: #444; } /* clearfix */ .top-block .top-holder:after, #header .header-area:after, nav:after, .main-area:after, .tools .frame:after, .blog_wrap:after, .single_blog_wrap:after, .testimonials.flexslider:after, #about-author-wrap:after, ul.social_icons:after, .comment-content:after, .comment-tab-wrap:after, div.woocommerce:after, .footer-content:after, #header .header-holder.tt-logo-center #megaMenu:after { clear: both; display: block; content: ""; } ul.list1 li:before, ul.list2 li:before, ul.list3 li:before, ul.list4 li:before, ul.list5 li:before, ul.list6 li:before, ul.list7 li:before, ul.list8 li:before, #sidebar ul li:before, #sub_nav .sub_nav_sidebar .textwidget ul li:before, #sub_nav ul li .sub-menu li:before, #sub_nav ul li .sub-menu li .sub-menu li:before, .post_comments span:after, .tools .breadcrumb a:after, .tools .breadcrumb .current_crumb:after, a.link-top:before, .search-form .text:before, .lightbox-zoom:before, .tt-blog-placeholder:before, .flex-direction-nav .flex-prev span:before, .flex-direction-nav .flex-next span:before, #tt-mobile-menu-button span:after, .top-block ul.sf-menu a.sf-with-ul:after, table.cart a.remove, .woocommerce-page .tt-woocommerce .breadcrumb span:last-child:after, ul.social_icons.tt_vector_social_icons a:after, .comment-name:after, .comment-email:after, .comment-website:after, #menu-main-nav .sub-menu li.parent a:after, .karma_notify p:before, .tt-social-sharing a:after, .post_footer p:after, #mc_signup .mc_input:after, #footer #footer-callout-content a.footer-callout-link:after, ul.tt-business-contact a:after, a.comment-reply-link:before, a.comment-edit-link:before, .comments-rss-link a:after { font-family: FontAwesome; display: inline-block; } #menu-main-nav li:before, ul.social_icons a, ul.twitterList li:before, #sidebar ul.twitterList li:before, #footer ul.twitterList li:before, .post_cats span:before, .post_tags span:before, .sharelink_small, .sharelink_big, .post_thumb, .comments-rss a:before, .search-form .text, .modern_img_frame.modern_three_col_large, .modern_img_frame.modern_three_col_small, .modern_img_frame.modern_four_col_large, .modern_img_frame.modern_four_col_small, .modern_img_frame.tt-blog-featured, .shadow_img_frame.tt-blog-featured, .accordion .opener strong:before, .testimonials:after, .testimonials_static:after, .jquery2-slider-wrap .slider-content-sub { background: url(images/_global/global-sprite.png) 0 0 no-repeat; } .top-block .top-holder, #header .header-area, .main-area, .footer-content, .info, .jquery3-slider-wrap.flexslider { width: 980px; margin: 0 auto; } #post-comments, #post-comments li ul, form, fieldset, html, .jquery2-slider-wrap ul, .jquery1-slider-wrap ul, .jquery1-slider-wrap .slider-content-sub-full-width, .jquery1-slider-wrap .slider-content-sub-full-width p, #menu-main-nav, #sub_nav ul, #sub_nav .sub-menu li .sub-menu a, #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a, .top-block .toolbar-left, .top-block .toolbar-right, .top-block .toolbar-left ul, .top-block .toolbar-right ul, #footer_bottom ul, .footer-content ul, .top-block p, .related_posts ul, .karma_notify p, ul.accordion, .flexslider, .slides, #content .testimonials.flexslider ol.flex-control-paging, .content_full_width .testimonials.flexslider ol.flex-control-paging, p.top-block-title, ul.tt-recent-posts, #content ul#tt-gallery-nav, .content_full_width ul#tt-gallery-nav { margin: 0; padding: 0; } ul.list, .slides, .flex-control-nav, .flex-direction-nav, #main .sitemap_with_child ul, #main .sitemap_without_child ul, #menu-main-nav, #menu-main-nav .drop ul, #sub_nav ul, #horizontal_nav ul, .top-block .toolbar-left ul, .top-block .toolbar-right ul, #footer_bottom ul, .footer-content ul, .sitemap-list .sub-menu, .sitemap-list .sub-menu li .sub-menu, .accordion, #wrapper .tabset, #post-comments, .blog-tab-box .children, #sidebar ul, #sidebar .blogroll, .social_icons, #content ul.twitterList, .content_full_width ul.twitterList, #ps_websites ul, ul.tt-recent-posts { list-style: none; } .tools, #menu-main-nav .drop, #menu-main-nav ul.sub-menu, #menu-main-nav .drop .c, .message_green, .message_red, .message_blue, .message_yellow, .opener, .callout_button, .testimonials, .colored_box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #menu-main-nav .drop ul a, .post_date, .post_comments, .search-form .text, ul.tt-recent-posts li, ul.tt-recent-posts li a, #sidebar div.tagcloud a, ul.social_icons.tt_vector_social_icons.tt_vector_social_color a, div.comment-content, .comments-rss-link a:after, #footer #mc_signup #mc_signup_submit, .jquery3-slider-wrap .flex-direction-nav .flex-prev span:before, .jquery3-slider-wrap .flex-direction-nav .flex-next span:before { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #content ul.tt-recent-posts li, .colored_box, #footer-callout-content, #footer #footer-callout-content a, #mc_signup .mc_input, .comment-content, .tt-icon-box, .tt-column, .woocommerce-page #sidebar .sidebar-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .callout-wrap, .post_footer { border-top: 1px solid #FEFEFC; border-bottom: 1px solid #FEFEFC; } .callout-wrap:before, .post_footer:before, .hr:before, .hr_top_link:before { content: " "; position: absolute; left:0px; top:-2px; width:100%; height:1px; border-top: 1px solid #D8D8D6; } .callout-wrap:after, .post_footer:after, #horizontal_nav:after, .member-wrap:after { content: " "; position: absolute; left:0px; bottom:0; width:100%; height:1px; border-bottom: 1px solid #D8D8D6; } /*----------------------------*/ /* General Layout /*----------------------------*/ #wrapper { width: 100%; /* display: table; */ display: block; background: #F4F4F2; } #tt-boxed-layout { width: 90%; margin: 0 auto; max-width: 1400px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); } /* requires larger width */ @media only screen and (min-width : 1024px) and (max-width : 1200px){ #tt-boxed-layout {width: 96%;} } /*----------------------------*/ /* Top toolbar /*----------------------------*/ .top-block .top-holder { font-size: 10px; min-height: 5px; height: auto; padding: 5px 0; } .top-block .toolbar-left { float: left; } .top-block .toolbar-right { float: right; } .top-block .toolbar-left ul, .top-block .toolbar-right ul, #footer_bottom ul { float: left; overflow: hidden; } .top-block .toolbar-left ul li, .top-block .toolbar-right ul li { float: left; padding-left: 7px; } .top-block .toolbar-left a, .top-block .toolbar-right a { padding-right: 10px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .top-block .toolbar-left li:last-child a, .top-block .toolbar-right li:last-child a { padding-right: 0; border-right: 0; } .top-block .toolbar-right ul, #footer_bottom #foot_right ul { float: right; } /* font-awesome "drop arrow" */ .top-block ul.sf-menu a.sf-with-ul { position: relative; padding: 3px 20px 3px 3px; } .top-block ul.sf-menu a.sf-with-ul:after { content: "\f107"; font-size: 12px; position: absolute; right: 7px; top: 0; } /* sub-menu styles */ .top-block ul.sf-menu li ul { padding: 6px; float: none; width: 120px; z-index: 999; position: absolute; margin-left: -8px; } .top-block ul.sf-menu li ul { -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .top-block ul.sf-menu li ul li { width: 100%; margin: 0; padding: 0; } .top-block ul.sf-menu a.sf-with-ul + ul li a { border: 0; text-decoration: none; padding: 3px 7px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .top-block ul.sf-menu li.sf-with-ul ul a:after { display:none; } .top-block .top-holder ul.sf-menu li .sub-menu li a:hover { color:#FFF !important; } .top-block ul li ul.sub-menu { display:none; /* hide dropdown on page load to prevent FUOC */ } /*----------------------------*/ /* Header /*----------------------------*/ #wrapper #header { display: block; } #header .header-area { padding: 35px 0; } #header .logo { float: left; /* margin-left: 22px; */ } #header .custom-logo { float: left; margin-left: 12px; text-decoration: none; } #header .custom-logo .logo-text { font-weight: 700; font-size: 2em; letter-spacing: -.5px; color: #FFF; padding-left: 7px; word-spacing: 4px; } #header .custom-logo img { margin-bottom: -17px; } /* centered logo */ #header .header-holder.tt-logo-center { height: auto; } #header .header-holder.tt-logo-center .logo, #header .header-holder.tt-logo-center .custom-logo { float: none; margin: 0 0 10px; } #header .header-holder.tt-logo-center .logo img, #header .header-holder.tt-logo-center .custom-logo { display: block; margin: 0 auto 10px; } #header .header-holder.tt-logo-center .custom-logo { text-align: center; padding-bottom: 8px; } #header .header-holder.tt-logo-center nav { padding-top:15px; } #header .header-holder.tt-logo-center #menu-main-nav, #header .header-holder.tt-logo-center #megaMenu ul.megaMenu { margin: 0; } #header .header-holder.tt-logo-center #menu-main-nav, #header .header-holder.tt-logo-center #megaMenu { float: none; text-align: center; } #header .header-holder.tt-logo-center #menu-main-nav:after, #header .header-holder.tt-logo-center #megaMenu ul.megaMenu:after { clear: both; content: ""; display: block; } #header .header-holder.tt-logo-center #menu-main-nav li, #header .header-holder.tt-logo-center #megaMenu ul.megaMenu li { display: inline-block; float: none; } #header .header-holder.tt-logo-center #megaMenu ul.megaMenu li ul.sub-menu li { float: left; } .tt-logo-center #menu-main-nav li:first-child, .tt-logo-center #megaMenu ul.megaMenu li:first-child { background: none; } /* end centered logo */ /* right logo */ #header .tt-logo-right .logo { float: right; } #header .tt-logo-right .custom-logo { float: right; margin-right: 12px; text-decoration: none; } #header .tt-logo-right #menu-main-nav, #header .header-holder.tt-logo-right #megaMenu { float:left; } /* end right logo */ /*----------------------------*/ /* Content /*----------------------------*/ #main { width: 100%; background: url(images/_global/bg-div-main.png) 0 0 repeat-x; } #main.tt-splash-page { padding: 60px 0; } #main.tt-slider-karma-custom-jquery-2 { margin-top: -189px; } .main-area { padding: 45px 0 25px 0; } #main.tt-slider-karma-custom-jquery-2 .main-area { padding-top: 175px; } #content, #content.content_left_sidebar.content_no_subnav { float: left; margin-left: 20px; width: 720px; } #content.content_left_sidebar.content_no_subnav { float: right; } #content.content_sidebar { float: right; margin: 0 5px 0 0; width: 510px; } #content.content_sidebar.content_right_sidebar { float: left; margin-left: 20px; width: 510px; } #content.content_full_width { width: 940px; margin-left: 0; padding: 0 20px; } #content.portfolio_full_width { margin-left: 0; width: 980px; } .newstitle { color: #666; display: block; font-weight: bold; font-size: 16px; padding: 2px 0; } .newsdate { display: block; font-size: 10px; font-weight: normal; } .newstext { color: #999; font-family: Arial,Tahoma,Verdana; font-size: 13px; font-weight: normal; line-height: 18px; margin: 0 auto; padding: 0; } /* ----- Contact - Google Map ----- */ #google-map-wrap { position: relative; padding-bottom: 30.25%; /* increase % for taller map */ padding-top: 30px; height: 0; overflow: hidden; border-bottom: 1px solid #CCC; } #google-map-wrap iframe, #google-map-wrap object, #google-map-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #google-map-wrap p.no-google-map { width: auto; text-align: center; padding: 15% 0; font-size: 16px; } /* ----- Utility Panel / Breadcrumbs ----- */ .tools { color: #FFF; margin-bottom: 45px; } .tools .frame { padding: 18px 22px 0 20px; } .tools .place { float: right; } .tools .breadcrumb { margin: 0; padding: 4px 0 19px 0; float: right; font-size: .9em; color: #FFF; } .tools .breadcrumb a { padding: 0 15px 0 7px; position:relative; color: #FFF; } .tools .breadcrumb a:after { /* content:"\f101"; double arrow */ /* content:"\f0da"; caret */ content:"\f105"; position: absolute; right: 0; top: -3px; } .tools .breadcrumb a:hover { color: #CCC; } .tools .breadcrumb a:hover:after { color: #FFF; } .tools .breadcrumb .current_crumb, .woocommerce-page .tt-woocommerce .breadcrumb span:last-child { padding: 0 6px 23px 6px; font-weight: bold; position:relative; } .tools .breadcrumb .current_crumb:after, .woocommerce-page .tt-woocommerce .breadcrumb span:last-child:after { bottom: -6px; color: #F4F4F2; content:"\f0d8"; font-weight: normal; font-size: 20px; left: 50%; margin-left: -7px; position: absolute; } .ie8 .tools .breadcrumb a { text-decoration: none; } /*----------------------------*/ /* Parallax Banner /*----------------------------*/ #tt-parallax-banner { text-align: center; width: 100%; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; } #tt-parallax-banner p, #tt-parallax-banner ul, #tt-parallax-banner ol, #tt-parallax-banner h1, #tt-parallax-banner h2, #tt-parallax-banner h3, #tt-parallax-banner h4, #tt-parallax-banner h5, #tt-parallax-banner h6 { color: #FFF; text-shadow: none; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); easy drop shadow */ } #tt-parallax-banner p, #tt-parallax-banner ul, #tt-parallax-banner ol { font-size: 13px; } #tt-parallax-banner p:last-child { margin-bottom: 0; } /*----------------------------*/ /* Sidebar /*----------------------------*/ #sidebar { border-left: 1px solid #D8D8D6; float: right; padding: 0 0 0 25px; position: relative; width: 173px; } #sidebar:before { content: " "; position: absolute; left:0; top:0; width:1px; height:100%; border-left: 1px solid #FEFEFC; } #sidebar.left_sidebar, #sidebar.left_sidebar:before { border-left: none; } #sidebar.left_sidebar { border-right: 1px solid #FEFEFC; padding: 0 25px 0 0; float: left; margin: 0 0 0 25px; } #sidebar.left_sidebar:after { content: " "; position: absolute; right:0px; top:0; width:1px; height:100%; border-right: 1px solid #D8D8D6; } #sidebar h3 { color: #222; font-size: 1.7em; margin-bottom: 15px; } #sidebar ul { margin: -7px 0 0 0; padding: 0; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li { padding-bottom: 2px; } .contact_smartphone { background: url(images/_global/bg-smartphone.png) 100% 0 no-repeat; height: 594px; position: relative; } .smartphone-wrap { background: none !important; padding-top: 5px; margin: 110px 0 0 75px; } .sidebar-smartphone ul.social_icons { float: none !important; margin: 0 !important; padding: 3px 0 0; } .contact_smartphone .sidebar-widget { width: 180px; padding-bottom: 15px; margin-bottom: 15px; } .sidebar-smartphone.sidebar-widget:last-child, .sidebar-smartphone.sidebar-widget:last-child:after { border-bottom: 0; } #main .contact_smartphone .smartphone-header { padding-bottom: 10px; color: #000; font-weight: 400 !important; } #main .contact_smartphone p { color: #444; } .smartphone-header { margin-bottom: 3px; } #content .sidebar-smartphone ul, .content_full_width .sidebar-smartphone ul { margin-left: 0px; } /*----------------------------*/ /* Footer /*----------------------------*/ footer { width: 100%; position: relative; border: none !important; } #footer-callout, .footer-overlay { width: 100%; } .footer-content { /* padding: 55px 0 35px 0; */ padding: 70px 0; position: relative; } #footer-callout { padding: 28px 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset; } #footer-callout.default-callout-link { padding: 0; } #footer-callout-content { text-align: center; } #footer p.footer-callout-heading { color: #FFF; font-size: 14px; margin-bottom: 7px; } #footer p.footer-callout-text { color: rgba(255, 255, 255, 0.65); font-size: 15px; line-height: 24px; padding:0 20px; } #footer #footer-callout-content a.footer-callout-link { text-decoration: none; display: block; width: 100%; height: 100%; padding: 32px 10px; position: relative; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -ms-transition: background .5s ease; transition: background .5s ease; } #footer #footer-callout-content a.footer-callout-link:hover { background: rgba(0,0,0,0.15); } #footer #footer-callout-content a.footer-callout-link:after { font-size: 30px; position: absolute; top:50%; right:2%; content:"\f105"; color: rgba(255, 255, 255, 0.45); font-weight:100; } #footer #footer-callout-content a.footer-callout-link:hover:after { color: rgba(255, 255, 255, 0.95); } #footer .box { width: 333px; float: left; } #footer-top { width: 100%; height: 36px; background:url(images/_global/bg-div-footer-top.png) 0 0 repeat-x; } #footer_bottom { width: 100%; min-height: 89px; height: auto; } #foot_left { float: left; width: 440px; } #foot_left .textwidget { margin-top: -18px; } #foot_right { float: right; width: 520px; text-align: right; } .info { font-size: 11px; overflow: hidden; position: relative; padding: 34px 0 0 8px; } #footer .footer_post { padding: 2px 0 16px; } /*----------------------------*/ /* Columns /*----------------------------*/ .clear { clear: both; } .one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .three_fourth, .two_thirds { float: left; margin-right: 30px; } .one_half_last, .one_third_last, .one_fourth_last, .one_fifth_last, .one_sixth_last, .three_fourth_last, .two_thirds_last { float: right; margin: 0; } /*------------*/ /* one_half /*------------*/ #content .one_half, #content .one_half_last { width: 342px; } #content.content_full_width .one_half, #content.content_full_width .one_half_last, #footer .one_half, #footer .one_half_last { width: 455px; } #content.content_sidebar .one_half, #content.content_sidebar .one_half_last { width: 235px; } #content .tabs-area .one_half, #content .slide .one_half, #content .tabs-area .one_half_last, #content .slide .one_half_last { width: 310px; } #content.content_full_width .tabs-area .one_half, #content.content_full_width .slide .one_half, #content.content_full_width .tabs-area .one_half_last, #content.content_full_width .slide .one_half_last { width: 420px; } #content.content_sidebar .tabs-area .one_half, #content.content_sidebar .slide .one_half, #content.content_sidebar .tabs-area .one_half_last, #content.content_sidebar .slide .one_half_last { width: 205px; } #content.contact_smartphone_content .two_thirds .one_half, #content.contact_smartphone_content .two_thirds .one_half_last { width: 280px; } /*------------*/ /* one_third /*------------*/ #content .one_third, #content .one_third_last { width: 220px; } #content.content_full_width .one_third, #content.content_full_width .one_third_last { width: 293px; } #footer .one_third, #footer .one_third_last { width: 305px; } #content.content_sidebar .one_third, #content.content_sidebar .one_third_last { width: 145px; } #content .tabs-area .one_third, #content .slide .one_third, #content .tabs-area .one_third_last, #content .slide .one_third_last { width: 194px; margin-right: 35px; } #content.content_full_width .tabs-area .one_third, #content.content_full_width .slide .one_third, #content.content_full_width .tabs-area .one_third_last, #content.content_full_width .slide .one_third_last { width: 267px; } #content.content_sidebar .tabs-area .one_third, #content.content_sidebar .slide .one_third, #content.content_sidebar .tabs-area .one_third_last, #content.content_sidebar .slide .one_third_last { width: 125px; } #content.contact_smartphone_content .two_thirds .one_third, #content.contact_smartphone_content .two_thirds .one_third_last { width: 175px; } /*------------*/ /* one_fourth /*------------*/ .one_fourth { margin-right: 36px; } #content .one_fourth, #content .one_fourth_last { width: 152px; } #content.content_full_width .one_fourth, #content.content_full_width .one_fourth_last { width: 208px; } #footer .one_fourth, #footer .one_fourth_last { width: 227px; margin-right: 23px; } #content.content_sidebar .one_fourth, #content.content_sidebar .one_fourth_last { width: 105px; } #content .tabs-area .one_fourth, #content .slide .one_fourth, #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last { width: 141px; margin-right: 30px; } #content.content_full_width .tabs-area .one_fourth, #content.content_full_width .slide .one_fourth, #content.content_full_width .tabs-area .one_fourth_last, #content.content_full_width .slide .one_fourth_last { width: 190px; } #content.content_sidebar .tabs-area .one_fourth, #content.content_sidebar .slide .one_fourth, #content.content_sidebar .tabs-area .one_fourth_last, #content.content_sidebar .slide .one_fourth_last { width: 88px; margin-right: 28px; } #content.contact_smartphone_content .two_thirds .one_fourth, #content.contact_smartphone_content .two_thirds .one_fourth_last { width: 121px ; } /*------------*/ /* one_fifth /*------------*/ .one_fifth { margin-right: 23px; } #content .one_fifth, #content .one_fifth_last { width: 124px; } #content.content_full_width .one_fifth, #content.content_full_width .one_fifth_last { width: 168px; } #footer .one_fifth, #footer .one_fifth_last { width: 177px; } #content .tabs-area .one_fifth, #content .slide .one_fifth, #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last { width: 108px; margin-right: 28px; } #content.content_full_width .tabs-area .one_fifth, #content.content_full_width .slide .one_fifth, #content.content_full_width .tabs-area .one_fifth_last, #content.content_full_width .slide .one_fifth_last { width: 155px; margin-right: 23px; } #content.content_sidebar .tabs-area .one_fifth, #content.content_sidebar .slide .one_fifth, #content.content_sidebar .tabs-area .one_fifth_last, #content.content_sidebar .slide .one_fifth_last { width: 66px; } /*------------*/ /* one_sixth /*------------*/ .one_sixth { margin-right: 20px; } #content .one_sixth, #content .one_sixth_last { width: 100px; } #content.content_full_width .one_sixth, #content.content_full_width .one_sixth_last { width: 140px; } #footer .one_sixth, #footer .one_sixth_last { width: 146px; } #content .tabs-area .one_sixth, #content .slide .one_sixth, #content .tabs-area .one_sixth_last, #content .slide .one_sixth_last { width: 92px; } #content.content_full_width .tabs-area .one_sixth, #content.content_full_width .slide .one_sixth, #content.content_full_width .tabs-area .one_sixth_last, #content.content_full_width .slide .one_sixth_last { width: 127px; } #content.content_sidebar .tabs-area .one_sixth, #content.content_sidebar .slide .one_sixth, #content.content_sidebar .tabs-area .one_sixth_last, #content.content_sidebar .slide .one_sixth_last { width: 56px; } /*------------*/ /* two_thirds /*------------*/ #content .two_thirds, #content .two_thirds_last { width: 470px; } #content.content_full_width .two_thirds, #content.content_full_width .two_thirds_last { width: 605px; } #content.content_sidebar .two_thirds, #content.content_sidebar .two_thirds_last { width: 325px; } #content .tabs-area .two_thirds, #content .slide .two_thirds, #content .tabs-area .two_thirds_last, #content .slide .two_thirds_last { width: 425px; } #content.content_full_width .tabs-area .two_thirds, #content.content_full_width .slide .two_thirds, #content.content_full_width .tabs-area .two_thirds_last, #content.content_full_width .slide .two_thirds_last { width: 575px; } #content.content_sidebar .tabs-area .two_thirds, #content.content_sidebar .slide .two_thirds, #content.content_sidebar .tabs-area .two_thirds_last, #content.content_sidebar .slide .two_thirds_last { width: 280px; } #content.contact_smartphone_content .two_thirds .two_thirds, #content.contact_smartphone_content .two_thirds .two_thirds_last { width: 376px; } /*---------------*/ /* three_fourth /*---------------*/ #content .three_fourth { width: 550px; } #content .three_fourth_last { width: 530px; } #content.content_full_width .three_fourth { width: 690px; } #content.content_full_width .three_fourth_last { width: 685px; } #content .tabs-area .three_fourth, #content .slide .three_fourth, #content .tabs-area .three_fourth_last, #content .slide .three_fourth_last { width: 485px; } #content.content_full_width .tabs-area .three_fourth, #content.content_full_width .slide .three_fourth, #content.content_full_width .tabs-area .three_fourth_last, #content.content_full_width .slide .three_fourth_last { width: 650px; } #content.content_sidebar .tabs-area .three_fourth, #content.content_sidebar .slide .three_fourth, #content.content_sidebar .tabs-area .three_fourth_last, #content.content_sidebar .slide .three_fourth_last { width: 320px; } #content.contact_smartphone_content .two_thirds .three_fourth, #content.contact_smartphone_content .two_thirds .three_fourth_last { width: 417px; } /*---------------*/ /* reset /*---------------*/ #content .tabs-area .one_third_last, #content .slide .one_third_last, #footer .one_fourth_last, #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last, #content.content_sidebar .tabs-area .one_fourth_last, #content.content_sidebar .slide .one_fourth_last, #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last, #content.content_full_width .tabs-area .one_fifth_last, #content.content_full_width .slide .one_fifth_last, #content.content_full_width .two_thirds, #content.content_full_width .three_fourth { margin: 0; } #content.content_full_width .two_thirds_last .one_third, #content.content_full_width .two_thirds_last .one_third_last, #content.content_full_width .two_thirds .one_third, #content.content_full_width .two_thirds .one_third_last { width: 280px; } /*----------------------------*/ /* Sliders /*----------------------------*/ /* .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } */ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } #content.content_full_width .slides, #content .slides { margin: 0; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 0 60px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px } /* Direction Arrow Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { /* margin: -20px 0 0; */ margin: -10px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav a, .flex-direction-nav a:hover { text-decoration: none; } .flex-direction-nav .flex-prev span, .flex-direction-nav .flex-next span { position: relative; color: #000; } .flex-direction-nav .flex-prev span:before, .flex-direction-nav .flex-next span:before { position: absolute; top:0; left:0; content:"\f053"; font-size:28px; } .flex-direction-nav .flex-next span:before { content:"\f054"; } .flex-direction-nav .flex-next { right: -21px; } .flex-direction-nav .flex-prev { left: -35px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.15; } .jquery2-slider-wrap.flexslider:hover .flex-next, .jquery2-slider-wrap.flexslider:hover .flex-prev { opacity: 0.2; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .jquery2-slider-wrap.flexslider:hover .flex-next:hover, .jquery2-slider-wrap.flexslider:hover .flex-prev:hover { opacity: 0.5; } .flex-direction-nav .flex-disabled { opacity: .3!important; cursor: default; display: none; filter: alpha(opacity=30); } /* Circle Pagination Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .testimonials.flexslider .flex-control-nav { bottom: -40px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 12px; height: 12px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #D7D8D6; -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4); box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4); } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #A9AAA8; } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /*----------------------------*/ /* jQuery 1 Slider /*----------------------------*/ .jquery1-slider-wrap { position: relative; width: 940px; height: 283px; margin: 0 auto 51px auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); } .jquery1-slider-wrap .slider-content-main { color: #FFF; float: left; margin: 40px 0 0 45px; width: 375px; } .jquery1-slider-wrap .slider-content-sub, .slider-content-video { float: right; width: 432px; height: 270px; margin: 13px 25px 0 0; } .jquery1-slider-wrap .slider-content-video { margin-top: 0px; padding: 20px 0 14px 0; /* height: 250px; */ } .jquery1-slider-wrap .slider-content-video iframe { height: 264px; } .jquery1-slider-wrap .slider-content-sub img, .jquery1-slider-wrap .slider-content-video iframe { -webkit-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3); } .jquery1-slider-wrap .slider-content-sub img { margin: 14px 0 0 14px; } .jquery1-slider-wrap .slider-content-sub-full-width { width: 940px; height: 283px; } /*----------------------------*/ /* jQuery 2 Slider /*----------------------------*/ .jquery2-slider-bg { background: #E7E9E6; float: left; width: 918px; height: 358px !important; /* (!important) needed to "disable" flexslider() smooth_height */ margin: 11px 0 0 11px; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; } .jquery2-slider-wrap.flexslider { background: url(images/_global/bg-slider-jquery-2.png) 0 0 no-repeat; height: 419px !important; margin: 20px auto 0 auto; width: 940px; position: relative; } .jquery2-slider-wrap .flex-direction-nav a { top: 190px; } .jquery2-slider-wrap .slider-content-main { float: left; margin: 45px 0 0 45px; width: 350px; } .jquery2-slider-wrap .slider-content-sub { background-position: -566px -329px; float: right; margin: 40px 40px 0 0; width: 456px; height: 309px; } .jquery2-slider-wrap .slider-content-sub img, .jquery2-slider-wrap .slider-content-sub-full-width img { margin: 10px 0 0 10px; } .jquery2-slider-wrap .slider-content-video { padding: 10px; background: #FFF; float: right; margin: 40px 40px 0 0; border: 1px solid #D7D7D7; } .jquery2-slider-wrap .slider-content-video iframe { height: 270px; } .jquery2-slider-wrap .slider-content-sub-full-width { width: 860px; height: 304px; background: url(images/_global/shadowBG-full.jpg) 0 0 no-repeat; margin: 40px 0 0 40px; } .jquery2-slider-wrap .flex-control-nav { bottom: -12px; } /*----------------------------*/ /* jQuery 3 Slider /*----------------------------*/ #tt-slider-full-width { width: 100%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset; } .jquery3-slider-wrap { padding: 50px 0; } .jquery3-slider-wrap .slider-content-main { color: #FFF; float: left; /* margin: 45px 0 0 10px; */ width: 450px; } /* .jquery3-slider-wrap .slider-content-sub { float: right; margin: 40px 40px 0 0; width: 456px; height: 309px; } */ /* .jquery3-slider-wrap .slider-content-sub img, .jquery3-slider-wrap .slider-content-sub-full-width img { margin: 10px 0 0 10px; } */ .jquery3-slider-wrap .slider-content-sub, .jquery3-slider-wrap .slider-content-video { background: #FFF; float: right; margin: 0; padding: 8px; } .jquery3-slider-wrap .slider-content-video iframe { height: 270px; } .jquery3-slider-wrap .slider-content-sub-full-width { width: 100%; text-align: center; /* width: 860px; height: 304px; margin: 40px 0 0 40px; */ } .jquery3-slider-wrap .slider-content-sub-full-width img { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); } .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas img { box-shadow: none; } .jquery3-slider-wrap .flex-direction-nav .flex-next { right: -19px; } .jquery3-slider-wrap .flex-direction-nav .flex-prev { left: -38px; } .jquery3-slider-wrap .flex-direction-nav .flex-prev span:before, .jquery3-slider-wrap .flex-direction-nav .flex-next span:before { color: #FFF; } .jquery3-slider-wrap .slider-content-sub img {display: table;} /*----------------------------*/ /* Testimonials Slider /*----------------------------*/ .testimonials { margin-bottom: 50px; } .testimonials, .testimonials_static { background: #E7E9E6; border: 1px solid #D8D9D6; padding-bottom: 20px; margin: 15px 0; width: 100%; } .testimonials:after, .testimonials_static:after { content:""; position:absolute; left: 25px; top: 25px; background-position: -28px -99px; width: 51px; height: 35px; } .testimonials blockquote, .testimonials_static blockquote { padding: 35px 25px 0 95px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #808080; font-style: italic; display: block; } .testimonials blockquote p, .testimonials_static p { margin: 0; padding: 0 0 5px 0; line-height: 22px; } .testimonials blockquote cite, .testimonials_static blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #444; padding-right: 6px; font-family: Arial, Helvetica, sans-serif; } .tt-testimonial-wrapper { padding-bottom: 20px; height: auto; } /*----------------------------*/ /* Homepage Video /*----------------------------*/ .home_video_preload { width: 100%; height: 100%; background: url(images/_global/preload-white.gif) center center no-repeat; } .big-banner .content_home_video { padding-top: 80px !important; } /*----------------------------*/ /* Sitemap /*----------------------------*/ #main .sitemap_with_child, #main .sitemap_without_child { float: left; width: 200px; margin-right: 20px; } #main .sitemap_with_child a, #main .sitemap_without_child a { font-weight: bold; text-decoration: none; } #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a { font-weight: normal; text-decoration: underline; } #main .sitemap_with_child ul, #main .sitemap_without_child ul { margin: 0; padding: 8px 0 0 0; } #main .sitemap_with_child ul { padding: 0; } #main .sitemap_with_child ul a { text-decoration: none !important; } #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover { text-decoration: underline !important; } /*----------------------------*/ /* Video + 3D Thumbs /*----------------------------*/ .video-main { width: 592px; height: 371px; float: left; background: url(images/_global/bg-video.png) 0 0 no-repeat; position: relative; } .video-frame { width: 572px; height: 312px; position: absolute; top: 10px; left: 10px; background: url(images/_global/preload-white.gif) center center no-repeat; } .video-sub { width: 305px; float: right; padding-top: 15px; } .three-d-main { width: 527px; height: 475px; float: left; } .three-d-sub { width: 380px; float: right; padding-top: 15px; } .three-d-wrap { padding-bottom: 12px; } .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main { float: right !important; } .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub { float: left !important; } /*----------------------------*/ /* Filterable Gallery /*----------------------------*/ #horizontal_nav.tt-gallery-nav-wrap, #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav { float: none; } #horizontal_nav.tt-gallery-nav-wrap { text-align: center; } #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav { margin-left: -18px; } #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav li { float: none; display: inline-block; } #tt-gallery-iso-wrap, div.port-1-wrap, #content.content_full_width.portfolio_layout { width: 100%; padding: 0; } /* custom margins to center the columns within isotope gallery layout */ #content.content_full_width.portfolio_layout .one_half, #content.content_full_width.portfolio_layout .one_third { margin: 0 16px 0 16px; } #content.content_full_width.portfolio_layout .one_fourth { margin: 0 18px 0 18px; } #horizontal_nav.tt-gallery-nav-wrap { margin-top: -16px; } /* reset so when user adds custom slider on a gallery page */ .tt-slider-karma-custom-shortcode-slider #horizontal_nav.tt-gallery-nav-wrap { margin-top: 0; } .portfolio_wrap { width: 100%; float: left; padding-bottom: 30px; } .portfolio_content { clear: left; padding-top: 8px; padding-bottom: 20px; } .port_sep { width: 100%; margin: 30px 0; float: left; } .portfolio_one_column { width: 270px; float: left; } .portfolio_one_column.gallery_single { width: 190px; } .portfolio_one_column_last { float: right; width: 722px; height: 602px; } .portfolio_portrait_full_last { float: right; width: 630px; height: 836px; position: relative; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /*----------------------------*/ /* Main Menu /*----------------------------*/ /* UberMenu notes: - #megaMenu is the wrapping div - ul.megaMenu is the main ul - sometimes ".header-area" is needed to overwrite pre-existing UberMenu styles */ #menu-main-nav, #megaMenu ul.megaMenu, .header-area #megaMenu { float: right; } #menu-main-nav { margin: 2px -33px 0 0; } #menu-main-nav a, #megaMenu ul.megaMenu a { text-decoration: none; } #menu-main-nav a, #menu-main-nav .drop ul li.current-menu-ancestor ul a, #menu-main-nav a:hover span.navi-description, /* top-level active navi-description color */ #menu-main-nav li.current_page_item a span.navi-description, #menu-main-nav li.current_page_parent a span.navi-description, #menu-main-nav li.current_page_ancestor a span.navi-description, /* reset sub-sub-level non-active link color */ #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-ancestor ul li.current-menu-item ul li a { color: #FFF; } #menu-main-nav li { float: left; height: 1%; margin-right: 2px; padding: 5px 31px 5px 13px; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.03); vertical-align: top; white-space:nowrap; } #menu-main-nav .sub-menu { white-space:normal; } #menu-main-nav li:before { content:""; position:absolute; left: 0px; top: 9px; background-position: -387px -82px; width: 1px; height: 40px; } .tt-logo-center #menu-main-nav li:first-child:before, .tt-logo-right #menu-main-nav li:first-child:before { display: none; } #menu-main-nav li.parent:hover:before, #menu-main-nav li li:before { background: none; } #menu-main-nav li.parent:hover { position: relative; } #menu-main-nav li strong { text-transform: uppercase; display: block; font-size: 13px; letter-spacing: 0.6px; font-weight: 800; color:#FFF; } #menu-main-nav a, #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop, #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop { display: block; } #menu-main-nav .drop { width: 236px; padding: 0 1px 0 1px; position: absolute; left: -1px; top: 46px; display: none; z-index: 999; } /* lower the dropdown a bit on tt-logo-center option */ .tt-logo-center #menu-main-nav .drop { top: 51px; } .tt-logo-center #menu-main-nav li { padding-bottom: 10px; } #menu-main-nav .sub-menu, #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop { display: none; } #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover { z-index: 10; } #menu-main-nav .drop .c { width: 100%; padding: 10px 0; } #menu-main-nav .drop ul { margin: 0; padding: 5px 0 8px; width: 236px; } #menu-main-nav .drop ul li { float: none; padding: 0; position: relative; height: 1%; padding: 0 8px; background: none; } #menu-main-nav .drop ul a { display: block; height: 1%; width: 220px; } #menu-main-nav .drop ul a span { display: block; padding: 7px 13px; height: 1%; cursor: pointer; } #menu-main-nav .drop ul .drop { top: 0; left: 236px; } #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span { text-decoration: none; } #menu-main-nav li.parent:hover { -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #menu-main-nav li, #menu-main-nav .sub-menu li { text-align:left; } #menu-main-nav .sub-menu li.parent a { position: relative; } #menu-main-nav .sub-menu li.parent .sub-menu a:after, #menu-main-nav .sub-menu li.parent .sub-menu li.parent .sub-menu a:after { content: ""; } #menu-main-nav .sub-menu li.parent a:after, #menu-main-nav .sub-menu li.parent .sub-menu li.parent a:after { content: "\f105"; font-size: 12px; position: absolute; right: 12px; top: 7px; } /* UberMenu - mobile menu */ .header-area #megaMenu #megaMenuToggle { padding: 12px 45px; font-size: 12px; color: #FFF; font-weight: bold; } /*----------------------------*/ /* Vertical Sub Menu /*----------------------------*/ #sub_nav select { display: none; /* hide mobile dropdown */ } #sub_nav, #sub_nav.nav_right_sub_nav { background-image: url(images/_global/bg-sidebar.gif); background-repeat: repeat-y; } #sub_nav { float: left; width: 220px; float: left; background-position: 206px 0; padding-bottom: 65px; overflow: hidden; } #sub_nav ul a { border-bottom: 1px solid #FEFEFC; display: block; height: 1%; margin: 0 13px 0 0; padding: 4px 0 8px 20px; position: relative; } #sub_nav ul a:after { content: " "; position: absolute; left:0; bottom:0; width:100%; height:1px; border-bottom: 1px solid #D8D8D6; } #sub_nav ul a:hover, #sub_nav ul a:hover:after, #sub_nav ul li.current_page_item a, #sub_nav ul li.current_page_item a:after, #sub_nav ul li ul a, #sub_nav ul li ul a:after { margin-right: 0; color: #fff; text-decoration: none; border-color: transparent; } #sub_nav .sub-menu li .sub-menu a, #sub_nav .sub-menu li .sub-menu a:after { border-color: transparent; } #sub_nav ul li { vertical-align: top; height: 1%; } /* right sub menu layout */ #sub_nav.nav_right_sub_nav { float: right; background-position: 12px 0; } #sub_nav.nav_right_sub_nav ul a { margin: 0 0 0 13px; } #sub_nav.nav_right_sub_nav ul a:hover, #sub_nav.nav_right_sub_nav ul li.current_page_item a { margin-left: 0; padding-left: 33px; } #sub_nav.nav_right_sub_nav ul a:hover, #sub_nav.nav_right_sub_nav ul li.current_page_item a { background-position: 0px -39px !important; } /* sub-sub menu */ #sub_nav .sub-menu li .sub-menu { padding-left: 1.4em; margin: 15px 0 15px 30px; } #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu { margin-left: 40px; } #sub_nav .sub-menu li .sub-menu a, #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a { background: none; display:inline-block; } #sub_nav .sub-menu li .sub-menu a:hover, #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a:hover { text-decoration: underline; } /* #sub_nav ul li.current_page_item a { font-weight: bold; } */ #sub_nav ul li.current_page_item .sub-menu a { background: none; font-weight: normal; } #sub_nav .sub-menu li .sub-menu li { margin-bottom: 4px; } /* sub-sub-sub menu */ #sub_nav .sub-menu li .sub-menu li .sub-menu { margin: 8px 0 15px 10px; } /*----------------------------*/ /* Sub-Menu + Custom Sidebar /*----------------------------*/ .sub_nav_sidebar { padding-top: 34px; } .sub_nav_sidebar .sidebar-widget { width: 88%; } #sub_nav .sub_nav_sidebar ul a { border: none; padding: 0; display: inline-block; } #sub_nav .sub_nav_sidebar .textwidget ul a:hover { background: none; color: inherit; text-decoration: underline; } #sub_nav .sub_nav_sidebar ul a, #sub_nav .sub_nav_sidebar ul a:after { border: none !important; } /*----------------------------*/ /* Horizontal Sub Menu /*----------------------------*/ #horizontal_nav { border-bottom: 1px solid #FEFEFC; float: left; margin-bottom: 30px; padding-bottom: 20px; position: relative; width: 100%; } #horizontal_nav ul { float: left; margin: 0 0 0 -18px; padding: 0; height: 1%; overflow: hidden; } #horizontal_nav ul li { float: left; margin-left: 18px; } #horizontal_nav ul a { color: #474747; cursor: pointer; float: left; padding: 0 11px 0 0; padding: 4px 13px; text-decoration: none; } #horizontal_nav ul li, #horizontal_nav ul a, /* tabs */ .tabset .ui-state-active, .tabset .active, .tabset a:hover, /* wp-page-navi */ .karma-pages a, .karma-pages span, .wp-pagenavi a, .wp-pagenavi span, .woocommerce-pagination a, .woocommerce-pagination span { position:relative; /* required for IE (CSSpie) */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item a, #horizontal_nav.tt-gallery-nav-wrap .active a, .content-style-default #horizontal_nav ul a:hover, .content-style-default #horizontal_nav ul .current_page_item a, .content-style-default #horizontal_nav.tt-gallery-nav-wrap .active a, .content-style-steel #horizontal_nav ul a:hover, .content-style-steel #horizontal_nav ul .current_page_item a, .content-style-steel #horizontal_nav.tt-gallery-nav-wrap .active a, .content-style-white #horizontal_nav ul a:hover, .content-style-white #horizontal_nav ul .current_page_item a, .content-style-white #horizontal_nav.tt-gallery-nav-wrap .active a, .content-style-tan #horizontal_nav ul a:hover, .content-style-tan #horizontal_nav ul .current_page_item a, .content-style-tan #horizontal_nav.tt-gallery-nav-wrap .active a, .content-style-grey #horizontal_nav ul a:hover, .content-style-grey #horizontal_nav ul .current_page_item a, .content-style-grey #horizontal_nav.tt-gallery-nav-wrap .active a, .content-custom-bg #horizontal_nav ul a:hover, .content-custom-bg #horizontal_nav ul .current_page_item a, .content-custom-bg #horizontal_nav.tt-gallery-nav-wrap .active a, /* tabs */ .tabset .ui-state-active, .tabset .active, .tabset a:hover, /* wp-page-navi */ .karma-pages span.current, .wp-pagenavi span.current { color: #FFF; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); } .tools + #horizontal_nav { margin-top: -26px; } /*----------------------------*/ /* Links /*----------------------------*/ /* remove for fully accessibile links */ *:active, *:focus { outline: none; } header *:active.non-keyboard-outline, header *:focus.non-keyboard-outline, footer *:active.non-keyboard-outline, footer *:focus.non-keyboard-outline { outline: #FFF auto 5px; } #main *:active.non-keyboard-outline, #main *:focus.non-keyboard-outline { outline: #000 auto 5px; } #main .post_comments a:focus { outline-color: #FFF; } #header .toolbar-left a, #header .toolbar-right a { text-decoration: none; } #header .toolbar-left li, #header .toolbar-right li { color: #575C60; font-size: 14px; font-decoration: bold; } .callout_button { cursor: pointer; letter-spacing: .8px; color: #333; border: 1px solid #999; display: inline-block; font-size: 12px !important; text-decoration: none; margin: 0; padding: 6px 10px !important; } #footer h3 a { color: #FFF; } .post_title h2 a { color: #222 !important; text-decoration: none !important; } #menu-main-nav a, #wrapper .tabset a, #sub_nav a, .callout_button:hover, #footer_bottom a, .footer-content a { text-decoration: none; } .toolbar-left a:hover, .toolbar-right a:hover, .footer-content a:hover, #footer_bottom a:hover, .top-toolbar ul.sub-menu a:hover { color: #FFF; } /*----------------------------*/ /* Top Link /*----------------------------*/ a.link-top { padding: 3px 0 0 17px; position:relative; font-size: 12px; margin: -10px 2px 15px 0; float: right; } a.link-top:before { content:"\f062"; font-weight: normal; position:absolute; left:1px; top:3px; } #footer_bottom a.link-top, #footer_bottom a.link-top:hover { color: #FFF; font-weight: bold; text-decoration: none; margin-top: -9px; } #footer_bottom .top-footer { float: right; padding: 8px 0 0 12px; } /*----------------------------*/ /* Lists /*----------------------------*/ #content ul, .content_full_width ul { margin: 0 0 20px 15px; } #content ol, .content_full_width ol { margin: 0 0 20px 20px; } #content ol li, #content ul li, .content_full_width ol li, .content_full_width ul li { margin-bottom: 8px; } ul.list { margin: 0; padding: 0 0 20px 0; } #sidebar .sidebar-widget ul.list { padding-top:10px; margin-top: 0; } ul.list li, #sidebar ul li, #sub_nav .sub_nav_sidebar .textwidget ul li { padding-left:1.4em; margin-bottom: 10px; } ul.list li h1, ul.list li h2, ul.list li h3, ul.list li h4, ul.list li h5, ul.list li h6 { display: inline-block; } #sidebar ul li, #sub_nav .sub_nav_sidebar .textwidget ul li { margin-bottom: 5px; } ul.list1 li:before, ul.list2 li:before, ul.list3 li:before, ul.list4 li:before, ul.list5 li:before, ul.list6 li:before, ul.list7 li:before, ul.list8 li:before, #sidebar ul li:before, #sub_nav ul li .sub-menu li:before, #sub_nav ul li .sub-menu li .sub-menu li:before, #sub_nav .sub_nav_sidebar .textwidget ul li:before { margin-left: -1.4em; width: 1.4em; } /* arrow */ ul.list1 li:before, ul.list6 li:before, #sidebar ul li:before, #sub_nav ul li .sub-menu li:before, #sub_nav ul li .sub-menu li .sub-menu li:before, #sub_nav .sub_nav_sidebar .textwidget ul li:before { content: "\f054"; font-size:11px; } /* star */ ul.list2 li:before { content: "\f005"; } /* circle */ ul.list3 li:before { content: "\f10c"; font-weight:900; } /* check */ ul.list4 li:before { content: "\f00c"; width: 1.6em; } /* caret */ ul.list5 li:before { content: "\f0da"; margin-left: -1.1em; width: 1.1em; } /* plus */ ul.list6 li:before { content: "\f067"; } /* double angle */ ul.list7 li:before { content: "\f101"; margin-left: -1.1em; width: 1.1em; } /* full arrow "->" instead of ">" */ ul.list8 li:before { content: "\f061"; } ul.list2 li:before, ul.list3 li:before { font-size:10px; width: 1.6em; } .footer-content ul { color: #999; } .footer-content li { margin-bottom: 12px; } .search-list { margin: 0 0 0 15px; padding: 0; } .search-list li { margin-bottom: 20px; } .sitemap-list .sub-menu { margin-left: 10px; padding: 10px 0 5px 0; } .sitemap-list .sub-menu li .sub-menu { margin-left: 15px; padding: 10px 0 0 0; } /*----------------------------*/ /* General Typography /*----------------------------*/ h1, h2, h3, h4, h5, h6, p.comment-author-about { margin: 0 0 20px 0; font-weight: normal; color: #222; } h1 i, h2 i, h3 i, h4 i, h5 i { padding-right: 4px; } .colored_box p strong { color: #FFF;} p { margin-bottom: 15px;} h1 { font-size: 2.1em;} h2 { font-size: 1.9em;line-height: 1.3em;} h3 { font-size: 1.7em;} h4 { font-size: 1.5em;} h5 { font-size: 1.3em;} h6 { font-size: .9em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { padding-top: 20px; } #main ul + h1, #main ul + h2, #main ul + h3, #main ul + h4, #main ul + h5, #main ul + h6, #main ol + h1, #main ol + h2, #main ol + h3, #main ol + h4, #main ol + h5, #main ol + h6 { padding-top: 10px; } p.top-block-title { display: inline-block; font-weight: bold; margin-right: 5px; } #main .tools h1 { padding-bottom: 15px; font-size: 20px; float: left; color: #FFF; margin: 3px 0 0; } .top-block p { font-size: 1.1em; color: #CCC; } #sidebar h2 { padding-bottom: 5px; font-size: 10px; } #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 { padding-bottom: 10px !important; } .jquery1-slider-wrap .slider-content-main h2, .jquery1-slider-wrap .slider-content-main p, .jquery3-slider-wrap .slider-content-main h2, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h1, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h2, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h3, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h4, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h5, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h6, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas p { color: #FFF; } .jquery3-slider-wrap .slider-content-main p, .jquery3-slider-wrap .slider-content-main ul { color: rgba(255,255,255,0.8); } .slider-content-main h2 { color: #222; font-size: 2em; font-weight: 400; } .slider-content-main p { font-size: 1.1em; line-height: 21px; } .sitemap-last p { line-height: 25px; } .search-title { color: #000; font-size: 1.9em; } #content .sub-box3 .cols-holder { padding: 41px 0 0; } h1, h2, h3, h4, h5, h6 { text-shadow: 1px 1px 1px #FFF; line-height: 1.2em; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .tools h1 { text-shadow: none; } .jquery1-slider-wrap .slider-content-main h2, .jquery3-slider-wrap .slider-content-main h2, .logo-text, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h1, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h2, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h3, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h4, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h5, .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h6 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #footer p, #footer_bottom p { margin: 0; } #footer h3 { text-transform: uppercase; color: #FFF; display: block; font-size: 13px; letter-spacing: 0.5px; padding-bottom: 8px; margin-bottom: 22px; font-weight: bold; } #footer .footer_post h4, #footer .footer_post h4 a { text-transform: uppercase; color: #FFF; font-weight: bold; display: block; font-size: 12px; letter-spacing: 0.5px; } #footer .footer_post h4 { padding-bottom: 3px; margin: 0; } #footer_bottom ul li { float: left; margin: 0 4px 0 -4px; padding: 0 9px; } .callout-wrap { border-top: 1px solid #FEFEFC; border-bottom: 1px solid #FEFEFC; float: left; width: 100%; padding-top: 20px; margin: 10px 0 30px 0; position: relative; } .callout-wrap span { padding-bottom: 25px; color: #222; font-size: 1.5em; line-height: 28px; display: block; } .callout2 { color: #222; font-size: 1.5em; line-height: 28px; } .heading-horizontal { position: relative; margin-top: 20px; text-align: center; } .heading-horizontal:before { content: ""; display: block; width: 100%; height: 0px; position: absolute; top: 50%; z-index: 1; } .heading-horizontal span { background: #D9DEE4; padding: 0 20px; position: relative; z-index: 5; } p + .heading-horizontal { padding-top: 0;} /*----------------------------*/ /* Blog /*----------------------------*/ #content.content_blog { width: 660px; padding: 0 0 20px 0; } #sidebar.sidebar_blog { width: 235px; } .blog_wrap, .single_blog_wrap { width: 100%; margin-bottom: 70px; } .single_blog_wrap { background: none; margin-bottom: 80px; } .post_title, .post_content, .post_footer { width:100%; } .post_content { position: relative; min-height: 170px; padding-bottom: 15px; margin: -5px 0 0; overflow: hidden; } #content .tt-blog-no-feature .post_content p, #content .tt-blog-no-feature .post_content h1, #content .tt-blog-no-feature .post_content h2, #content .tt-blog-no-feature .post_content h3, #content .tt-blog-no-feature .post_content h4, #content .tt-blog-no-feature .post_content h5, #content .tt-blog-no-feature .post_content h6 { padding-right: 102px; } #content .post_content .one_half, #content .post_content .one_half_last { width: 47%; } #content .post_content .one_third, #content .post_content .one_third_last { width: 30%; } #content .post_content .one_fourth, #content .post_content .one_fourth_last { width: 22%; } .post_footer { height: 53px; position: relative; margin-bottom: 18px; } .single_blog_wrap .post_footer { margin-bottom: 28px; } .post_title span { color: #4C4C4C; font-weight: 700; } .post_cats span, .post_tags span { padding-left: 22px; position: relative; } .post_footer p { position: relative; padding-left: 18px; margin-top: 15px; } .post_footer p.post_cats { float: left; } .post_footer p.post_tags { float: right; } .post_footer p.post_cats:after, .post_footer p.post_tags:after { position:absolute; left: 0; top: 1px; font-size: 14px; color: rgba(0,0,0,0.6); } .post_footer p.post_cats:after { content:"\f0f6"; } .post_footer p.post_tags:after { content:"\f02b"; } .post_date, .post_comments { position: absolute; width: 62px; right: 12px; } .post_date { height: 64px; top: 2px; box-shadow: 0 0 0 1px #51596C, 0 0 0 2px #000; background-color: #010101; background-image: linear-gradient(to bottom, #303440, #010101); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#303440), to(#010101)); background-image: -webkit-linear-gradient(top, #303440, #010101); background-image: -moz-linear-gradient(top, #303440, #010101); background-image: -webkit-linear-gradient(top, #303440, #010101); background-image: -o-linear-gradient(top, #303440, #010101); background-image: ms-linear-gradient(to bottom, #303440, #010101); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#303440', endColorstr='#010101'); } .post_date .day { font-weight: 700; color: #FFF; font-size: 30px; display: block; text-align: center; margin: 12px 0 0; } .post_date .month { color: #A2A3A4; font-size: 16px; text-transform: uppercase; display: block; text-align: center; margin: -14px 0 0; } .post_comments { height: 28px; border-top: 0; top: 76px; } .post_comments span { position: relative; display: inline-block; color: #FFF; font-size: 13px; font-weight: 700; padding:3px 15px 0 23px; } .post_comments span:after{ content:"\f075"; position: absolute; right:-4px; } .post_comments a { text-decoration: none; } .sharelink_small { width: 65px; height: 30px; float: right; text-indent: -9999em; display: block; background-position: 0 0; margin: 20px 0px 12px 0 !important; position: relative; right: 10px; } .sharelink_big { width: 92px; height: 30px; text-indent: -9999em; display: block; background-position: -66px 0; } .shareme { float: left; padding: 5px 0 30px; } .post_content .small_button { margin-bottom: 15px; } #about-author-wrap { margin-bottom: 50px; } #about-author-wrap.social-sharing-active { margin-bottom: 25px; } #content ol#post-comments li .comment-content { margin-bottom: 20px; } #content ol#post-comments li ul.children li { margin-left: 30px; } .comment-content { background: #e8e9e7; background: -moz-linear-gradient(top, #dbddda 0%, #e8e9e7 31px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddda), color-stop(31px,#e8e9e7)); background: -webkit-linear-gradient(top, #dbddda 0%,#e8e9e7 31px); background: -o-linear-gradient(top, #dbddda 0%,#e8e9e7 31px); background: -ms-linear-gradient(top, #dbddda 0%,#e8e9e7 31px); background: linear-gradient(to bottom, #dbddda 0%,#e8e9e7 31px); border: none; box-shadow: 0 0 0 1px #e8e9e7, 0 0 0 2px #C6C7C4; color: #444; padding: 30px 20px 30px; position: relative; } .comment-gravatar { background: #FFF; float: left; width: 80px; height: 80px; margin: 15px 0 0 15px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } #about-author-wrap .comment-gravatar { width: 100px; height: 100px; margin: 0 0 0 15px; } #about-author-wrap p { margin-bottom: 10px; } .comment-gravatar img { margin: 10px 0 0 10px; } .comment-text { width: 72%; float: left; margin: 6px 0 0 20px; padding: 0 0 15px 10px; } .comment-text .comment-author a, .comment-text .comment-author { font-size: 16px; color: #333; font-weight: 700; display: inline-block; padding: 10px 0; } .comment-author-about { font-size: 12px; letter-spacing: .5px; color: #333; text-transform: uppercase; font-weight: 700; } .comment-date, em { color: #999; font-style: italic; font-size: 1.1em; } /* Discussion + Comments Form */ .comments-rss-link { float: right; } .comments-rss-link a { position: relative; padding-left: 27px; } .comments-rss-link a:after { content:"\f09e"; position: absolute; left: 0; top: 0; font-size: 13px; background-color: #FF8300; color: #FFF; padding:2px 5px 0 6px; } #respond { clear: left; padding-top: 40px; } #content #post-comments { margin:0 0 30px 0; } #blog-tabs ul.tabset { float: right; } #wrapper #content #blog-tabs ul.tabset li:last-child { margin-right: 0; } #wrapper .blog-tab-box { margin: 0 9px 0 0; padding: 0 0 20px 0; width: 100%; } #wrapper #blog-tabs .tabset .active a { color: #FFF !important; } .ui-tabs .ui-tabs-hide { display: none !important; } i.discussion-title { padding-right: 15px; } .related_posts { padding: 0 0 40px; } h6.heading-horizontal.tt-blog-related-post { margin-bottom: 45px; } #content .tt-blog-related-post-list { margin-bottom: 35px; } .post_title h1 { padding-bottom: 25px !important; } #content nav a { font-size: 12px; font-weight: 700; line-height: 2.2em; } #nav-above { display: none; padding: 0 0 1.625em; } .paged #nav-above { display: block; } .nav-next { float: right; text-align: right; width: 100%; } #content ul.tt-social-sharing { margin: 0; list-style: none; padding:15px 0 35px 0; } ul.tt-social-sharing li { float: left; margin-right: 30px; } ul.tt-social-sharing a { position: relative; padding-left: 20px; text-decoration: none; } ul.tt-social-sharing a:hover { text-decoration: underline; } ul.tt-social-sharing a:after, a.comment-reply-link:before, a.comment-edit-link:before { position: absolute; left: 0; top: 0; font-size: 14px; } ul.tt-social-sharing a.twitter:after { content:"\f099"; } ul.tt-social-sharing a.facebook:after { content:"\f09a"; } ul.tt-social-sharing a.email:after { content:"\f0e0"; } ul.tt-social-sharing a.google:after { content:"\f0d5"; } a.comment-reply-link, a.comment-edit-link { margin-right: 12px; } a.comment-reply-link:before, a.comment-edit-link:before { position: relative; margin-right: 4px; top: 1px; } a.comment-reply-link:before { content:"\f112"; } a.comment-edit-link:before { content:"\f044"; } /*----------------------------*/ /* Forms /*----------------------------*/ input, textarea, select { font-size: 100%; vertical-align: middle; } textarea, input { font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .top-block .search-form input.s { font-size: 1.2em; } form, fieldset { border-style: none; } .search-form { width: 168px; } .tools .search-form { float: right; margin: -2px 0 0 35px; } #footer .search-form { float: left; margin: 0; } .search-form label { left: -999em; position: absolute; } .search-form input, .search-form select { color: #fff; } .search-form .text { background-image: none; background: rgba(0, 0, 0, 0.35); display: block; height: 20px; overflow: hidden; padding: 8px 0 0 7px; position: relative; } .search-form .text input { width: 120px; background: none; border: 0; padding: 0; margin: -2px 0 0 20px; float: left; } .search-form .text .searchsubmit { font-size: 0; line-height: 0; text-indent: -9999px; width: 15px; height: 17px; margin: -15px 8px 0 0; cursor: pointer; } .search-form .text:before { content: "\f002"; position: absolute; left:8px; top:4px; font-size:13px; } /* searchform within sidebar */ #sidebar .search-form { width: auto; } #sidebar .search-form input, #sidebar .search-form select { color: #000; } #sidebar .search-form .text { background-image: none; background: none; height: auto; } #sidebar .search-form .text:before { top:14px; } #sidebar .search-form .searchsubmit { display: none !important; } #sidebar .search-form .s { width: 78%; } #sidebar .search-form label { color: #4C4C4C; font-weight: bold; display: none; } /* comment-form */ #commentform { padding-top: 20px; } .comment-input-wrap { float: left; } .comment-input-wrap em { font-size: 11px; } p.comment-name, p.comment-email { margin-right: 15px; } p.comment-name, p.comment-email, p.comment-website { margin-bottom: 0; } .comment-input, .comment-textarea { width: 166px; } .comment-label { display: block; padding: 0 0 6px 3px; } .comment-input, .comment-textarea, .contact-form input, .contact-form textarea, #sidebar .search-form .s, #sidebar #mc_signup .mc_input, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 textarea { background: #FFF; border: 1px solid #c9cac9; font: 12px "lucida grande","helvetica neue",Helvetica,Arial,Verdana,sans-serif; height: 39px; padding: 0 12px 0 30px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px #c9cac9; -moz-box-shadow: inset 1px 1px 2px #c9cac9; box-shadow: inset 1px 1px 2px #c9cac9; } .contact-form input, .contact-form textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 textarea { height: auto; padding: 13px; } #sidebar .search-form .s, #sidebar #mc_signup .mc_input { height: auto; padding: 10px; } .comment-input:focus, .comment-textarea:focus, .contact-form input:focus, .contact-form textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus, #sidebar .search-form .s:focus, #sidebar #mc_signup .mc_input:focus { box-shadow: 0 0 5px rgba(0, 0, 0, .25); border: 1px solid rgba(0, 0, 0, .25); } .comment-name, .comment-email, .comment-website { position: relative; } .comment-name:after, .comment-email:after, .comment-website:after { color: #DCDCDC; top: 39px; left: 13px; position: absolute; } .comment-name:after { content:"\f007"; } .comment-email:after { content:"\f003"; } .comment-website:after { content:"\f0ac"; } .comment-textarea { width: 630px; height: 180px; line-height: 20px; resize: none; padding: 15px; } .comment-textarea-wrap { margin-top: 15px; clear: both; } .contact-form { padding-top: 15px; } .contact-form div { padding-bottom: 5px; } .contact-form .clear-form { clear: both; } .contact-form input[type='text'] { width: 300px; margin-bottom: 13px; } .contact-form select { margin-bottom: 13px; } .contact-form textarea { /* old css width: 430px; height: 150px; */ float: none; height: 125px; margin-bottom: 13px; width: 80%; } .contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; } .contact-form label { margin-bottom: 6px; float: none; font-weight: bold; display: block; } .contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; } .contact-form label span, .wpcf7 span { font-size: 11px; color: #999; font-weight: normal; font-style: italic; padding-left: 5px; } .contact-form label.checkbox, .contact-form label.radio { font-weight: normal; margin-bottom: 8px; } .contact-form .ka-form-submit { width: auto; } #footer .contact-form { padding-top: 0; } #footer .contact-form input, #footer .contact-form input[type="text"], #footer .contact-form textarea { width: 90%; } #sidebar .contact-form input[type="text"] { margin-bottom: 6px !important; width: 126px !important; } #sidebar .contact-form textarea { margin-bottom: 6px !important; width: 146px !important; height: 80px !important; } .ka-form-submit, .contact-form .ka-form-submit, #ka-comment-form-submit, #sidebar .search-form .searchsubmit, #sidebar #mc_signup_submit, .wpcf7-submit { border: 0; color: #F4F4F2; cursor: pointer; display: inline-block; font-size: 0.9em; letter-spacing: 0.6px; line-height: 20px; opacity: 1.0; text-decoration: none; text-transform: uppercase; vertical-align: middle; padding: 10px 18px; position: relative; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ka-form-submit:hover, #ka-comment-form-submit:hover, #sidebar #mc_signup_submit:hover, .wpcf7-submit:hover { opacity: 0.6; } #mc_signup_submit:hover { opacity: 0.75; } .ka-form-submit, .contact-form .ka-form-submit, #ka-comment-form-submit, #sidebar .search-form .searchsubmit, #sidebar #mc_signup_submit, .wpcf7-submit { box-shadow: none; background-color: #424451; background-image: -webkit-gradient(linear, left top, left bottom, from(#424451), to(#101012)); background-image: -webkit-linear-gradient(top, #424451, #101012); background-image: -moz-linear-gradient(top, #424451, #101012); background-image: -webkit-linear-gradient(top, #424451, #101012); background-image: -o-linear-gradient(top, #424451, #101012); background-image: ms-linear-gradient(to bottom, #424451, #101012); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424451', endColorstr='#101012'); } /* Contact Form 7 */ .wpcf7 span.wpcf7-form-control-wrap { padding-left: 0; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { padding: 10px !important; border: 0; } span.wpcf7-not-valid-tip { font-size: 1.1em !important; } /*----------------------------*/ /* Images /*----------------------------*/ img, img a { border: 0; } .attachment-fadeIn, .attachment-post-thumbnail { display: none; } img a, a img { cursor: pointer; } .modern_img_frame, .shadow_img_frame { background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat; margin-bottom: 6px; position: relative; } .modern_img_frame img, .shadow_img_frame img, .modern_img_frame span.tt-blog-placeholder, .shadow_img_frame span.tt-blog-placeholder { left: 9px; position: absolute; top: 8px; } .shadow_img_frame img, .shadow_img_frame span.tt-blog-placeholder { top: 6px; left: 6px; } .shadow_img_frame.shadow_gallery_single img { top: 8px; left: 9px; } .modern_img_frame .img-preload, .shadow_img_frame .img-preload { background: url(images/_global/loader-trans.gif) 50% 48% no-repeat; width: 100%; height: 100%; } .tt-img-left { float: left; margin:0 30px 5px 0; } .tt-img-right { float: right; margin:0 0 5px 30px; } /*----------------------------*/ /* Modern Frames /*----------------------------*/ /* loading .gif not fully transparent so alternate images below */ .content-style-default .modern_img_frame .img-preload { background-image: url(images/_global/loader-default.gif); } .content-style-tan .modern_img_frame .img-preload { background-image: url(images/_global/loader-tan.gif); } .content-style-grey .modern_img_frame .img-preload { background-image: url(images/_global/loader-grey.gif); } .content-style-steel .modern_img_frame .img-preload { background-image: url(images/_global/loader-steel.gif); } /* portraits */ .modern_img_frame.modern_portrait_full { background: url(images/_global/image-frame-portrait-modern.png) 0px 0px no-repeat; height: 836px; max-width: 630px; width: 630px; margin-bottom: 6px; } .modern_img_frame.modern_portrait_thumb { width: 293px; height: 389px; background: url(images/_global/image-frame-portrait-modern.png) -631px 0px no-repeat; margin-bottom: 6px; max-width: 293px; max-height: 389px; } /* gallery 1 column */ .modern_img_frame.modern_gallery_single { background: url(images/_global/image-frame-single.png) 0 0 no-repeat; width: 721px; height: 601px; } /* blog featured image */ .modern_img_frame.tt-blog-featured, .shadow_img_frame.tt-blog-featured { background-position: 0 -140px; height: 255px; max-width: 556px; margin: 0 0 12px; width: 556px; } /* banners */ .modern_img_frame.modern_banner_full, .modern_img_frame.modern_banner_regular, .modern_img_frame.modern_banner_small, .modern_img_frame.modern_square, .shadow_img_frame.shadow_banner_full, .shadow_img_frame.shadow_banner_regular, .shadow_img_frame.shadow_banner_small, .shadow_img_frame.modern_square { margin-bottom: 20px; } .modern_img_frame.modern_banner_full { width: 940px; height: 245px; background-position: -3px -857px; } .modern_img_frame.modern_banner_regular { width: 720px; height: 240px; background-position: 0px -1354px; } .modern_img_frame.modern_banner_small { width: 510px; height: 240px; background-position: -5px -1844px; max-width: 510px; max-height: 240px; } /* 2 cols */ .modern_img_frame.modern_two_col_large { width: 455px; height: 272px; background-position: 0px 0px; max-width: 455px; max-height: 272px; } .modern_img_frame.modern_two_col_small { background-position: -5px -285px; height: 217px; max-width: 342px; width: 342px; } /* 3 cols */ .modern_img_frame.modern_three_col_large { width: 293px; height: 179px; background-position: -647px -2px; max-width: 293px; max-height: 179px; } .modern_img_frame.modern_three_col_small { width: 220px; height: 144px; background-position: -566px -183px; max-width: 220px; max-height: 144px; } /* 4 cols */ .modern_img_frame.modern_four_col_large { width: 208px; height: 140px; background-position: -431px 0; max-width: 208px; max-height: 140px; } .modern_img_frame.modern_four_col_small { width: 152px; height: 102px; background-position: -795px -202px; max-width: 152px; max-height: 102px; } /* square */ .modern_img_frame.modern_square { width: 208px; height: 207px; background-position: -730px -1354px; max-width: 208px; max-height: 207px; } /*----------------------------*/ /* Shadow Frames /*----------------------------*/ /* portraits */ .shadow_portrait_full { background: url(images/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat; height: 829px; margin-bottom: 6px; max-height: 829px; max-width: 624px !important; width: 624px; } .shadow_img_frame.shadow_portrait_thumb { width: 293px; height: 392px; max-width: 293px; max-height: 392px; background: url(images/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat; margin-bottom: 6px; } /* gallery 1 column */ .shadow_img_frame.shadow_gallery_single { background: url(images/_global/image-frame-single-shadow.png) 0 0 no-repeat; width: 721px; height: 601px; } /* blog featured image */ .shadow_img_frame.tt-blog-featured { background-position: 0 -396px; } /* banners */ .shadow_img_frame.shadow_banner_full { width: 934px; height: 238px; max-width: 934px; max-height: 238px; background-position: -5px -1102px; } .shadow_img_frame.shadow_banner_regular { width: 715px; height: 238px; max-width: 715px; max-height: 238px; background-position: -5px -1594px; } .shadow_img_frame.shadow_banner_small { width: 505px; height: 238px; max-width: 505px; max-height: 238px; background-position: -410px -604px; } /* 2 cols */ .shadow_img_frame.shadow_two_col_large { width: 449px; height: 271px; max-width: 449px; max-height: 271px; background-position: -457px -1px; } .shadow_img_frame.shadow_two_col_small { width: 336px; height: 215px; max-width: 336px; max-height: 215px; background-position: -8px -503px; } /* 3 cols */ .shadow_img_frame.shadow_three_col_large { width: 287px; height: 180px; max-width: 287px; max-height: 180px; background-position: -628px -273px; } .shadow_img_frame.shadow_three_col_small { background-position: -478px -454px; height: 147px; max-height: 147px; max-width: 214px; width: 214px; } /* 4 cols */ .shadow_img_frame.shadow_four_col_large { width: 202px; height: 144px; max-width: 202px; max-height: 144px; background-position: -713px -454px; } .shadow_img_frame.shadow_four_col_small { width: 147px; height: 107px; max-width: 147px; max-height: 107px; background-position: -470px -273px; } /* square */ .shadow_img_frame.shadow_square { width: 202px; height: 213px; max-width: 202px; max-height: 213px; background-position: -731px -1572px; } /*----------------------------*/ /* Image Frame Hover /*----------------------------*/ /* @since 4.0 now using FontAwesome to generate hover overlay (you can change "content" below to any fontawesome icon you'd like. */ .lightbox-zoom { background: #FFF; /* update this color to change the "hover color" */ position: relative; z-index: 1; margin: 8px 0 0 9px; } .shadow_img_frame .lightbox-zoom { margin: 6px 0 0 6px; } .shadow_img_frame.shadow_gallery_single .lightbox-zoom { margin: 8px 0 0 9px; } .lightbox-zoom:before { content: "\f002"; color: #9E9E9E; position:absolute; } .lightbox-zoom.zoom-link:before { content: "\f061"; } .lightbox-zoom.zoom-1 {height: 563px; width: 703px;} .lightbox-zoom.zoom-1:before { font-size: 54px; top: 47%; left: 47%; } .lightbox-zoom.zoom-2 {height: 234px; width: 437px;} .lightbox-zoom.zoom-2:before { font-size: 40px; } .lightbox-zoom.zoom-3 {height: 145px; width: 275px;} .lightbox-zoom.zoom-3:before { left: 45%; top: 46%; } .lightbox-zoom.zoom-4 {height: 111px; width: 190px;} .lightbox-zoom.zoom-4:before { font-size: 30px; left: 43%; top: 44.5%; } .lightbox-zoom.zoom-portrait-full {height: 792px; width: 612px;} .lightbox-zoom.zoom-portrait-full:before { font-size: 70px; left: 45%; top: 47%; } .lightbox-zoom.zoom-portrait-small {height: 355px; width: 275px;} .lightbox-zoom.zoom-2-small { height: 180px; width: 324px; } .lightbox-zoom.zoom-3-small {height: 113px; width: 202px;} .lightbox-zoom.zoom-3-small:before { font-size: 28px; top: 45%; left: 44%; } .lightbox-zoom.zoom-4-small {height: 76px; width: 135px;} .lightbox-zoom.zoom-4-small:before { font-size: 25px; top: 40%; left: 42%; } .lightbox-zoom.zoom-banner-full {height: 201px; width: 922px;} .lightbox-zoom.zoom-banner-side-nav {height:201px; width: 703px;} .lightbox-zoom.zoom-banner-side-nav-sidebar {height: 201px; width: 493px;} .lightbox-zoom.zoom-banner-side-nav-sidebar:before { top: 48%; left: 47%; } .lightbox-zoom.zoom-square {height: 180px; width: 190px;} .lightbox-zoom.zoom-square:before { font-size: 30px; top: 45%; left: 44%; } /* constants */ .lightbox-zoom.zoom-banner-full:before, .lightbox-zoom.zoom-banner-side-nav:before { top: 48%; left: 48%; } .lightbox-zoom.zoom-3:before, .lightbox-zoom.zoom-2-small:before, .lightbox-zoom.zoom-banner-full:before, .lightbox-zoom.zoom-banner-side-nav:before, .lightbox-zoom.zoom-banner-side-nav-sidebar:before, .lightbox-zoom.zoom-portrait-small:before { font-size: 33px; } .lightbox-zoom.zoom-2:before, .lightbox-zoom.zoom-2-small:before, .lightbox-zoom.zoom-portrait-small:before { top: 47%; left: 45%; } /*----------------------------*/ /* Miscellaneous /*----------------------------*/ .hr, .hr_top_link { border-top: 1px solid #FEFEFC; position: relative; } .hr_top_link { margin-bottom: 1em; } .hr { margin:20px 0; } .hr_shadow { background: url(images/_global/bg-divider-shadow.png) 0 0 no-repeat; background-size: 100%; border: 0; height: 20px; margin: 15px 0 22px 0; width: 100%; } .hr_gap { display: block; width: 100%; } table { font-size: 1.2em; } table td, table th { padding: 6px; } #footer .contact-form label { color: #FFF; } /*----------------------------*/ /* KARMA Pagenavi /*----------------------------*/ .karma-pages, .wp-pagenavi, .woocommerce-pagination { clear: both; font-size: .8em; text-transform: uppercase; letter-spacing: 1.6px; padding: 25px 0 0 0; height: 40px; text-align: left; } .karma-pages .pages, .wp-pagenavi .pages { margin-right: 6px; background:none; border:0; } .karma-pages a, .karma-pages span, .wp-pagenavi a, .wp-pagenavi span, .woocommerce-pagination a, .woocommerce-pagination span { border:1px solid #D8D8D6; text-decoration: none; padding: 5px 11px 5px 12px; display: inline-block; background: #FFF; margin-right: 6px; } .karma-pages a:hover, .wp-pagenavi a:hover, .woocommerce-pagination a:hover { background: #DCDCDB !important; border-color: transparent; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .karma-pages span.current, .wp-pagenavi span.current, .woocommerce-pagination .current { color: #FFF; border: 0; } /*----------------------------*/ /* MailChimp /*----------------------------*/ #mc_signup form { margin: 0; padding: 0; margin-top:; } #mc_signup .mc_input { border:1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.2); color: #222; width:98%; padding: 10px; position: relative; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } #mc_signup .mc_input:focus { background: rgba(255, 255, 255, 0.45); border:1px solid rgba(255, 255, 255, 0.35); } #mc_signup .mc_merge_var { margin-bottom: 5px; } #sidebar #mc_signup .mc_merge_var { margin-bottom: 0; } #mc_signup .mc_required { font-size: 14px; } #mc-indicates-required { font-size: 11px; } #mc_signup .mc_signup_submit { clear: left; text-align: left; padding: 10px 0 0 0; width: 166px; } #footer #mc_signup #mc_signup_submit { border: 0; color: #5E5E5E; cursor: pointer; display: block; font-size: 11px; font-weight: bold; letter-spacing: .8px; margin: 0; padding: 8px 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.8); text-transform: uppercase; width: auto; } #mc_signup_form .mc_var_label { display: block; padding-bottom: 2px; } .widget_mailchimpsf_widget .widget-title { line-height: 1.4em; margin-bottom: 0.75em; } #mc_subheader { line-height: 1.25em; margin-bottom: 18px; } .mc_merge_var { margin-bottom: 1.0em; } .mc_var_label, .mc_interest_label { display: block; margin-bottom: 0.5em; } .mc_input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .mc_input.mc_phone { width: auto; } select.mc_select { margin-top: 0.5em; width: 100%; } .mc_address_label { margin-top: 1.0em; margin-bottom: 0.5em; display: block; } .mc_address_label ~ select { width: 100%; } .mc_list li { list-style: none; background: none !important; } .mc_interests_header { margin-top: 1.0em; margin-bottom: 0.5em; } .mc_interest label, .mc_interest input { margin-bottom: 0.4em; } #mc_signup_submit { margin-top: 1.5em; width: 80%; } #mc_unsub_link a { font-size: 0.75em; } #mc_unsub_link { margin-top: 1.0em; } .mc_header_address, .mc_email_format { display: block; font-weight: bold; margin-top: 1.0em; margin-bottom: 0.5em; } .mc_email_options { margin-top: 0.5em; } .mc_email_type { padding-left: 4px; } /*----------------------------*/ /* Wordpress Defaults /*----------------------------*/ .entry-content img { margin: 0 0 10px 0; } .alignleft, img.alignleft { margin-right: 10px; display: inline; float: left; } .alignright, img.alignright { margin-left: 10px; display: inline; float: right; } .aligncenter, img.aligncenter { margin: 0 auto; display: block; clear: both; } .wp-caption { margin-bottom: 10px; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .sticky {/* styles go here */} .gallery-caption {/* styles go here */} .bypostauthor {/* styles go here */} /*----------------------------*/ /* 404 Error Page /*----------------------------*/ .four_error { min-height: 222px; background: url(images/_global/404_error.png) left center no-repeat; padding: 40px 30px 0 280px; margin: 0 0 0 80px; } .four_message { width: 460px; } #main .four_message ul { padding: 10px 0 0 14px; } #main .four_o_four { color: #222; font-size: 1.9em; } /*----------------------------*/ /* Constant Contact /*----------------------------*/ #constant-contact-signup input { width: 201px; padding: 5px; color: #222; } #constant-contact-signup .checkbox { width: 15px; font-size: 13px; } #constant-contact-signup .button { border: 0; margin: 0; padding: 6px 10px !important; cursor: pointer; letter-spacing: 0.8px; text-transform: uppercase; color: #333; border: 1px solid #999; display: block; font-size: 11px !important; width: 90px; } /*----------------------------*/ /* Widgets + Shortcodes /*----------------------------*/ .sidebar-widget { border-bottom: 1px solid #FEFEFC; float: left; margin-bottom: 34px; padding-bottom: 34px; position: relative; width: 100%; } .sidebar-widget:after { content: " "; position: absolute; left:0; bottom:0; width:100%; height:1px; border-bottom: 1px solid #D8D8D6; } .sidebar-widget p:last-child { margin: 0; } /*----------------------------*/ /* Blogroll - Footer /*----------------------------*/ .blogroll img { width: 52px; height: 52px; float: left; padding: 0 15px 5px 0; } .blogroll li { width: 100%; float: left; } .blogroll li { margin-bottom: 20px; } #footer .blogroll a, #footer ul.tt-recent-posts h4 { font-weight: bold; } /*----------------------------*/ /* Calendar /*----------------------------*/ table#wp-calendar { width: 100%; } table#wp-calendar td { width: 14%; text-align: center; } td#today { font-weight: bold; } .widget_calendar tfoot td { background-image: none; } .widget_calendar td a { text-decoration: underline; } /*----------------------------*/ /* Recent Posts - Sidebar /*----------------------------*/ #sidebar .footer_post, #sub_nav .sub_nav_sidebar .footer_post { margin-bottom: 5px; } #sidebar .footer_post h4, #sub_nav .sub_nav_sidebar .footer_post h4 { font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0; font-weight: bold; color: #222; } #sidebar .footer_post h4 a, #sub_nav .sub_nav_sidebar .footer_post h4 a { text-decoration: none; color: #222; } #sidebar .footer_post p, #sub_nav .sub_nav_sidebar .footer_post p { margin: 0 0 15px 0; line-height: 19px; } #sidebar .footer_post p a, #sub_nav .sub_nav_sidebar .footer_post p a { text-decoration: none; } #sidebar .footer_post a:hover, #sub_nav .sub_nav_sidebar .footer_post a:hover { text-decoration: underline; } /*----------------------------*/ /* Blogroll - Sidebar /*----------------------------*/ #sidebar .blogroll { margin: 0; } #sidebar .blogroll li { width: 100%; background: none !important; padding: 0; margin-bottom: 8px; } /*----------------------------*/ /* Social Media Icons /*----------------------------*/ #content ul.social_icons { margin-left:0; } #content ul.social_icons { padding: 5px 0; } ul.social_icons li, ul.social_icons a { float: left; width: 32px; height: 32px; } ul.social_icons li { margin: 0 12px 12px 0; padding: 0; } ul.social_icons a { display: block; border: 0; text-decoration: none; text-indent: -9999em; } /* styles to show social media name (checkbox to toggle is built into widget) */ ul.social_icons.tt_show_social_title a, .top-block ul.social_icons.tt_show_social_title a { text-indent: 0; } ul.social_icons.tt_show_social_title a, .top-block ul.social_icons.tt_show_social_title a { text-indent: 16px; font-size: 11px; } #sidebar ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a, #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a { color: #FFF; text-indent: 27px; } #content ul.social_icons.tt_vector_social_icons.tt_show_social_title a, #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a { text-indent: 22px; } #sidebar ul.social_icons.tt_vector_social_icons.tt_show_social_title a, #footer ul.social_icons.tt_vector_social_icons.tt_show_social_title a { text-indent: 24px; } #sidebar ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook, #footer ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook, #content ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook { text-indent: 16px; } .top-block ul.social_icons.tt_show_social_title a.rss, .top-block ul.social_icons.tt_show_social_title a.skype, .top-block ul.social_icons.tt_show_social_title a.linkedin, .top-block ul.social_icons.tt_show_social_title a.foursquare, .top-block ul.social_icons.tt_show_social_title a.digg { text-indent: 15px; } .top-block ul.social_icons.tt_show_social_title a.facebook { text-indent: 10px; } .top-block ul.social_icons.tt_show_social_title a.email, .top-block ul.social_icons.tt_show_social_title a.youtube { text-indent: 18px; } #footer ul.social_icons.tt_show_social_title a { text-indent: 25px; font-size: 13px; } #footer ul.social_icons.tt_show_social_title a.twitter, #footer ul.social_icons.tt_show_social_title a.youtube { text-indent: 26px; } #sidebar .sidebar-widget ul.social_icons, #sidebar ul.social_icons { float: none !important; padding-top: 10px; } #sidebar .sidebar-widget ul.social_icons li, #sidebar ul.social_icons li { padding: 0 !important; background-image: none !important; } .top-block ul.social_icons li { float: left; width: 16px; height: 16px; margin: 0 1px 0 0; padding: 0 6px; } .top-block ul.social_icons a { float: left; width: 16px; height: 16px; display: block; border: 0; padding: 0; text-decoration: none; text-indent: -9999em; } ul.social_icons .rss { background-position: -1px -36px; } ul.social_icons .twitter { background-position: -72px -36px; } ul.social_icons .facebook { background-position: -37px -36px; } ul.social_icons .flickr { background-position: -108px -36px; } ul.social_icons .youtube { background-position: -144px -36px; } ul.social_icons .linkedin { background-position: -179px -36px; } ul.social_icons .pinterest { background-position: -205px -101px; } ul.social_icons .instagram { background-position: -261px -101px; } ul.social_icons .foursquare { background-position: -215px -36px; } ul.social_icons .delicious { background-position: -250px -36px; } ul.social_icons .digg { background-position: -286px -36px; } ul.social_icons .email { background-position: -358px -36px; } ul.social_icons .google { background-position: -322px -36px; } ul.social_icons .dribbble { background-position: -149px -101px; } ul.social_icons .skype { background-position: -93px -101px; } .top-block ul.social_icons .rss { background-position: -1px -77px; } .top-block ul.social_icons .twitter { background-position: -52px -77px; } .top-block ul.social_icons .facebook { background-position: -26px -77px; } .top-block ul.social_icons .flickr { background-position: -77px -77px; } .top-block ul.social_icons .youtube { background-position: -102px -77px; } .top-block ul.social_icons .linkedin { background-position: -127px -77px; } .top-block ul.social_icons .pinterest { background-position: -240px -101px; } .top-block ul.social_icons .instagram { background-position: -298px -102px; } .top-block ul.social_icons .foursquare { background-position: -153px -77px; } .top-block ul.social_icons .delicious { background-position: -178px -77px; } .top-block ul.social_icons .digg { background-position: -203px -77px; } .top-block ul.social_icons .email { background-position: -253px -77px; } .top-block ul.social_icons .google { background-position: -228px -77px; } .top-block ul.social_icons .dribbble { background-position: -184px -101px; } .top-block ul.social_icons .skype { background-position: -128px -101px; } #wrapper .top-block .toolbar-right ul.social_icons li { background: none !important; } #sidebar ul.social_icons li:before, #sub_nav ul.social_icons li:before { content: ""; } /* plain-style retina-ready vector social icons (fontAwesome) */ ul.social_icons.tt_vector_social_icons a { background:none; position:relative; padding:0 2px; } ul.social_icons.tt_vector_social_icons a:after { position: absolute; left: 0; top: 0; text-indent: 0; font-size: 14px; } div.top-holder ul.social_icons.tt_vector_social_icons a:after { color: #FFF; } ul.social_icons.tt_vector_social_icons a, ul.social_icons.tt_vector_social_icons li { width: auto; height: auto; } #content ul.social_icons.tt_vector_social_icons a:after { font-size: 18px; } #content ul.social_icons.tt_vector_social_icons a.email:after, #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after { font-size: 17px; } #content ul.social_icons.tt_vector_social_icons li { margin-right:25px; } #content ul.social_icons.tt_vector_social_icons a:hover { text-decoration: underline; } #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover { text-decoration: none; } .top-block ul.social_icons.tt_vector_social_icons a, #footer ul.social_icons.tt_vector_social_icons a { opacity: 0.6; } .top-block ul.social_icons.tt_vector_social_icons a:hover, #footer ul.social_icons.tt_vector_social_icons a:hover { opacity: 1.0; } #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color a { opacity: 1.0; } #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover { opacity: 0.5; } #footer ul.social_icons.tt_vector_social_icons.tt_no_social_title a, #sidebar ul.social_icons.tt_vector_social_icons.tt_no_social_title a { width: 20px; } #footer ul.social_icons.tt_vector_social_icons a:after, #sidebar ul.social_icons.tt_vector_social_icons a:after { font-size: 20px; } .top-block ul.social_icons.tt_vector_social_icons li { margin-right:10px; } #sidebar ul.social_icons.tt_vector_social_icons li { margin:0 10px 15px 0; } ul.social_icons.tt_vector_social_icons a.rss:after { content:"\f09e"; } ul.social_icons.tt_vector_social_icons a.twitter:after { content:"\f099"; } ul.social_icons.tt_vector_social_icons a.facebook:after { content:"\f09a"; } ul.social_icons.tt_vector_social_icons a.email:after{ content:"\f0e0"; } ul.social_icons.tt_vector_social_icons a.flickr:after { content:"\f16e"; } ul.social_icons.tt_vector_social_icons a.youtube:after { content:"\f16a"; } ul.social_icons.tt_vector_social_icons a.linkedin:after { content:"\f0e1"; } ul.social_icons.tt_vector_social_icons a.pinterest:after { content:"\f0d3"; } ul.social_icons.tt_vector_social_icons a.instagram:after { content:"\f16d"; } ul.social_icons.tt_vector_social_icons a.foursquare:after { content:"\f180"; } ul.social_icons.tt_vector_social_icons a.delicious:after { content:"\f009"; } ul.social_icons.tt_vector_social_icons a.digg:after { content:"\f164"; } ul.social_icons.tt_vector_social_icons a.google:after { content:"\f0d5"; } ul.social_icons.tt_vector_social_icons a.dribbble:after { content:"\f17d"; } ul.social_icons.tt_vector_social_icons a.skype:after { content:"\f17e"; } #footer .social_icons.tt_vector_social_icons + h3 { margin-top: 30px; } /* retina-ready color vector social icons (fontAwesome) */ .main-area ul.social_icons.tt_vector_social_icons.tt_show_social_title li { margin-bottom: 20px !important; } .main-area ul.social_icons.tt_image_social_icons li { margin-bottom: 16px !important; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:after, ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a { color: #FFF !important; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:after { left: 10px; top: 7px; font-size: 13px; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a { padding: 7px 8px; opacity: 1.0; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.rss { background-color: #FF8300; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.twitter { background-color: #00ACED; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.twitter:after {left: 9px;} ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook { background-color: #3B5998; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook:after {left: 14px;} div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook:after {left: 8px;} ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.email { background-color: #731A8B; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.email:after {left: 9px;top: 7px;} ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.flickr { background-color: #0063DB; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.youtube { background-color: #CD332D; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.youtube:after {left: 8px;top:7px;} ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.linkedin { background-color: #007FB1; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.pinterest { background-color: #CB2027; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.instagram { background-color: #B7A28C; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.foursquare { background-color: #87C442; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.delicious { background-color: #3274D1; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.digg { background-color: #14589E; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.google { background-color: #D14836; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.dribbble { background-color: #EA4C89; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.skype { background-color: #00AFF0; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.skype:after {left:9px;} #footer .social_icons.tt_vector_social_icons + h3 { margin-top: 45px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a { padding: 0px 5px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a, div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title li { width: 10px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a:after { left: 5px; top: 1px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after { font-size: 12px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.youtube:after { left: 3px; top: 0px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after, div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.flickr:after, div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.pinterest:after, div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.skype:after { left: 4px; top: 0px; } div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 0.6; } #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a, #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title li { width: 17px; min-height: 17px; } #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.linkedin:after, #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.delicious:after, #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.flickr:after { left: 9px; } /*----------------------------*/ /* Latest Tweets /*----------------------------*/ #content ul.twitterList, .content_full_width ul.twitterList { margin: 0 0 0 0; padding: 0 0 30px 0; } #sidebar ul.twitterList li a, ul.twitterList li a { text-decoration: underline; } ul.twitterList li span.tweet_days { color: #999; font-size: 11px; } ul.twitterList li:before, #sidebar ul.twitterList li:before, #footer ul.twitterList li:before { background-position: -395px -9px; height: 14px; width: 26px; content:""; position:absolute; left: 0; top: 4px; margin:0; } #footer ul.twitterList li:before { background-position: -1px -98px; } #sidebar ul.twitterList li, #content ul.twitterList li, #content.content_full_width ul.twitterList li, #footer ul.twitterList li { margin-bottom: 15px; padding-left: 32px; position: relative; } #footer ul.twitterList li { color: inherit; } /*----------------------------*/ /* Tag Cloud /*----------------------------*/ #sidebar div.tagcloud a { background: rgba(0,0,0,0.1); padding: 4px 7px; float: left; margin: 5px; } #sidebar div.tagcloud a:hover { background: rgba(0,0,0,0.2); text-decoration: none; } #sidebar div.tagcloud a, ul.tt-recent-posts li { -webkit-transition: background 400ms ease; -moz-transition: background 400ms ease; -ms-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease; } /*----------------------------*/ /* Blog Posts /*----------------------------*/ #content ul.tt-recent-posts { margin: 0; } #content ul.tt-recent-posts li { padding: 20px; margin: 0; width: 100%; clear: left; min-height: 71px; overflow: hidden; /* Force growth to cover floated elements */ } ul.tt-recent-posts li:hover { background: rgba(0, 0, 0, 0.10); } ul.tt-recent-posts li a { display: block; height: 100%; width: 100%; text-decoration: none; } #sidebar ul.tt-recent-posts li a:hover { text-decoration: none; } ul.tt-recent-posts .tt-blog-sc-img { border: 4px solid #FFF; float: left; margin: 0 15px 10px 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } ul.tt-recent-posts h4 { margin-bottom: 5px !important; font-size: 15px !important; } ul.tt-recent-posts p { margin:0 !important; padding: 0 !important; font-size: 12px; } /* Default placeholder images */ .tt-blog-placeholder { background-color: #FCFCFC; background-image: linear-gradient(to bottom, #FCFCFC, #DEDEDE); background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE)); background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE); background-image: -moz-linear-gradient(top, #FCFCFC, #DEDEDE); background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE); background-image: -o-linear-gradient(top, #FCFCFC, #DEDEDE); background-image: ms-linear-gradient(to bottom, #FCFCFC, #DEDEDE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFCFC', endColorstr='#DEDEDE'); position: relative; display: inline-block; } .tt-blog-placeholder:before { content: "\f0f6"; color: #C9C9C9; position:absolute; } .tt-blog-placeholder.tt-blog-video:before { content: "\f01d"; } .tt-blog-placeholder.tt-blog-default { height: 65px; width: 65px; margin: 6px 0 0 6px; } .tt-blog-placeholder.tt-blog-default:before { font-size: 27px; top: 23px; left: 23px; } .tt-blog-placeholder.tt-blog-two_col_large { height: 234px; width: 437px; } .tt-blog-placeholder.tt-blog-two_col_large:before { font-size: 40px; top: 107px; left: 204px; } .tt-blog-placeholder.tt-blog-three_col_large { height: 145px; width: 275px; } .tt-blog-placeholder.tt-blog-three_col_large:before { font-size: 32px; top: 63px; left: 126px; } .tt-blog-placeholder.tt-blog-four_col_large { height: 111px; width: 190px; } .tt-blog-placeholder.tt-blog-four_col_large:before { font-size: 28px; top: 47px; left: 85px; } .tt-blog-placeholder.tt-blog-two_col_small { height: 180px; width: 324px; } .tt-blog-placeholder.tt-blog-two_col_small:before { font-size: 34px; top: 80px; left: 150px; } .tt-blog-placeholder.tt-blog-three_col_small { height: 113px; width: 202px; } .tt-blog-placeholder.tt-blog-three_col_small:before { font-size: 28px; top: 48px; left: 91px; } .tt-blog-placeholder.tt-blog-four_col_small { height: 76px; width: 135px; } .tt-blog-placeholder.tt-blog-four_col_small:before { font-size: 23px; top: 28px; left: 59px; } #sidebar ul.tt-recent-posts li:before { display: none; } #footer .tt-blog-placeholder.tt-blog-default, #footer a.tt-recent-post-link img, #sidebar .tt-blog-placeholder.tt-blog-default, #sidebar a.tt-recent-post-link img { height: 50px; width: 50px; } #footer .tt-blog-placeholder.tt-blog-default:before, #sidebar .tt-blog-placeholder.tt-blog-default:before { font-size: 23px; top: 16px; left: 17px; } #footer ul.tt-recent-posts .tt-blog-sc-img, #sidebar ul.tt-recent-posts .tt-blog-sc-img { margin: 0 10px 5px 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } #footer ul.tt-recent-posts h4, #sidebar ul.tt-recent-posts h4 { font-size: 12px !important; } #footer ul.tt-recent-posts p, #sidebar ul.tt-recent-posts p { line-height: 20px; } #footer ul.tt-recent-posts li, #sidebar ul.tt-recent-posts li { padding: 10px; } #footer ul.tt-recent-posts li p, #sidebar ul.tt-recent-posts li p { font-size: 11px; } /*----------------------------*/ /* Buttons /*----------------------------*/ .ka_button, .ka_button:hover { opacity: 1.0; border: 0; display: inline-block; letter-spacing: 1px; position: relative; text-decoration: none; text-transform: uppercase; vertical-align: middle; line-height: 20px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ka_button:hover { opacity: 0.6; } .post_content .ka_button { margin-left: 3px; } .small_button, .medium_button, .large_button { margin: 5px 10px 10px 0; color: #F4F4F2; border: 0; cursor: pointer; } .small_button { font-size: .9em; padding:7px 14px; } .medium_button { font-size: 1em; padding:10px 18px; } .large_button { font-size: 1.1em; padding:20px 30px; } /* FontAwesome icons within Buttons */ .ka_button i { margin-right: 11px; font-size: 15px; } .ka_button.large_button i { font-size: 18px; } /* END FontAwesome */ .callout_button, #footer #mc_signup #mc_signup_submit, #constant-contact-signup .button { background-color: #FDFDFD; background-image: linear-gradient(to bottom, #FDFDFD, #9C9C9C); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#9C9C9C)); background-image: -webkit-linear-gradient(top, #FDFDFD, #9C9C9C); background-image: -moz-linear-gradient(top, #FDFDFD, #9C9C9C); background-image: -webkit-linear-gradient(top, #FDFDFD, #9C9C9C); background-image: -o-linear-gradient(top, #FDFDFD, #9C9C9C); background-image: ms-linear-gradient(to bottom, #FDFDFD, #9C9C9C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFDFD', endColorstr='#9C9C9C'); } .small_autumn, .medium_autumn, .large_autumn, .message_karma_autumn { box-shadow: 0 0 0 1px #CC6810, 0 0 0 2px #671905; background-color: #CC6810; background-image: linear-gradient(to bottom, #CC6810, #671905); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#CC6810), to(#671905)); background-image: -webkit-linear-gradient(top, #CC6810, #671905); background-image: -moz-linear-gradient(top, #CC6810, #671905); background-image: -webkit-linear-gradient(top, #CC6810, #671905); background-image: -o-linear-gradient(top, #CC6810, #671905); background-image: ms-linear-gradient(to bottom, #CC6810, #671905); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC6810', endColorstr='#671905'); } .small_black, .medium_black, .large_black, .message_karma_black { box-shadow: 0 0 0 1px #424451, 0 0 0 2px #101012; background-color: #424451; background-image: linear-gradient(to bottom, #424451, #101012); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#424451), to(#101012)); background-image: -webkit-linear-gradient(top, #424451, #101012); background-image: -moz-linear-gradient(top, #424451, #101012); background-image: -webkit-linear-gradient(top, #424451, #101012); background-image: -o-linear-gradient(top, #424451, #101012); background-image: ms-linear-gradient(to bottom, #424451, #101012); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424451', endColorstr='#101012'); } .small_bluegrey, .medium_bluegrey, .large_bluegrey, .message_karma_bluegrey { box-shadow: 0 0 0 1px #626377, 0 0 0 2px #2E2D3D; background-color: #626377; background-image: linear-gradient(to bottom, #626377, #2E2D3D); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#626377), to(#2E2D3D)); background-image: -webkit-linear-gradient(top, #626377, #2E2D3D); background-image: -moz-linear-gradient(top, #626377, #2E2D3D); background-image: -webkit-linear-gradient(top, #626377, #2E2D3D); background-image: -o-linear-gradient(top, #626377, #2E2D3D); background-image: ms-linear-gradient(to bottom, #626377, #2E2D3D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#626377', endColorstr='#2E2D3D'); } .small_cherry, .medium_cherry, .large_cherry, .message_karma_cherry { box-shadow: 0 0 0 1px #BE1C03, 0 0 0 2px #670600; background-color: #BE1C03; background-image: linear-gradient(to bottom, #BE1C03, #670600); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#BE1C03), to(#670600)); background-image: -webkit-linear-gradient(top, #BE1C03, #670600); background-image: -moz-linear-gradient(top, #BE1C03, #670600); background-image: -webkit-linear-gradient(top, #BE1C03, #670600); background-image: -o-linear-gradient(top, #BE1C03, #670600); background-image: ms-linear-gradient(to bottom, #BE1C03, #670600); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BE1C03', endColorstr='#670600'); } .small_coffee, .medium_coffee, .large_coffee, .message_karma_coffee { box-shadow: 0 0 0 1px #7E6C5E, 0 0 0 2px #2A231D; background-color: #7E6C5E; background-image: linear-gradient(to bottom, #7E6C5E, #2A231D); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#7E6C5E), to(#2A231D)); background-image: -webkit-linear-gradient(top, #7E6C5E, #2A231D); background-image: -moz-linear-gradient(top, #7E6C5E, #2A231D); background-image: -webkit-linear-gradient(top, #7E6C5E, #2A231D); background-image: -o-linear-gradient(top, #7E6C5E, #2A231D); background-image: ms-linear-gradient(to bottom, #7E6C5E, #2A231D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7E6C5E', endColorstr='#2A231D'); } .small_coolblue, .medium_coolblue, .large_coolblue, .message_karma_coolblue { box-shadow: 0 0 0 1px #008BC6, 0 0 0 2px #003C70; background-color: #008BC6; background-image: linear-gradient(to bottom, #008BC6, #003C70); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#008BC6), to(#003C70)); background-image: -webkit-linear-gradient(top, #008BC6, #003C70); background-image: -moz-linear-gradient(top, #008BC6, #003C70); background-image: -webkit-linear-gradient(top, #008BC6, #003C70); background-image: -o-linear-gradient(top, #008BC6, #003C70); background-image: ms-linear-gradient(to bottom, #008BC6, #003C70); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008BC6', endColorstr='#003C70'); } .small_fire, .medium_fire, .large_fire, .message_karma_fire { box-shadow: 0 0 0 1px #FF933B, 0 0 0 2px #DB3D00; background-color: #FF933B; background-image: linear-gradient(to bottom, #FF933B, #DB3D00); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#FF933B), to(#DB3D00)); background-image: -webkit-linear-gradient(top, #FF933B, #DB3D00); background-image: -moz-linear-gradient(top, #FF933B, #DB3D00); background-image: -webkit-linear-gradient(top, #FF933B, #DB3D00); background-image: -o-linear-gradient(top, #FF933B, #DB3D00); background-image: ms-linear-gradient(to bottom, #FF933B, #DB3D00); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF933B', endColorstr='#DB3D00'); } .small_forestgreen, .medium_forestgreen, .large_forestgreen, .message_karma_forestgreen { box-shadow: 0 0 0 1px #7A9045, 0 0 0 2px #354516; background-color: #7A9045; background-image: linear-gradient(to bottom, #7A9045, #354516); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9045), to(#354516)); background-image: -webkit-linear-gradient(top, #7A9045, #354516); background-image: -moz-linear-gradient(top, #7A9045, #354516); background-image: -webkit-linear-gradient(top, #7A9045, #354516); background-image: -o-linear-gradient(top, #7A9045, #354516); background-image: ms-linear-gradient(to bottom, #7A9045, #354516); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7A9045', endColorstr='#354516'); } .small_golden, .medium_golden, .large_golden, .message_karma_golden { box-shadow: 0 0 0 1px #C3A22E, 0 0 0 2px #81570B; background-color: #C3A22E; background-image: linear-gradient(to bottom, #C3A22E, #81570B); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#C3A22E), to(#81570B)); background-image: -webkit-linear-gradient(top, #C3A22E, #81570B); background-image: -moz-linear-gradient(top, #C3A22E, #81570B); background-image: -webkit-linear-gradient(top, #C3A22E, #81570B); background-image: -o-linear-gradient(top, #C3A22E, #81570B); background-image: ms-linear-gradient(to bottom, #C3A22E, #81570B); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C3A22E', endColorstr='#81570B'); } .small_grey, .medium_grey, .large_grey, .message_karma_grey { box-shadow: 0 0 0 1px #585F67, 0 0 0 2px #2B323A; background-color: #585F67; background-image: linear-gradient(to bottom, #585F67, #2B323A); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#585F67), to(#2B323A)); background-image: -webkit-linear-gradient(top, #585F67, #2B323A); background-image: -moz-linear-gradient(top, #585F67, #2B323A); background-image: -webkit-linear-gradient(top, #585F67, #2B323A); background-image: -o-linear-gradient(top, #585F67, #2B323A); background-image: ms-linear-gradient(to bottom, #585F67, #2B323A); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#585F67', endColorstr='#2B323A'); } .small_limegreen, .medium_limegreen, .large_limegreen, .message_karma_limegreen { box-shadow: 0 0 0 1px #BBC701, 0 0 0 2px #638401; background-color: #BBC701; background-image: linear-gradient(to bottom, #BBC701, #638401); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#BBC701), to(#638401)); background-image: -webkit-linear-gradient(top, #BBC701, #638401); background-image: -moz-linear-gradient(top, #BBC701, #638401); background-image: -webkit-linear-gradient(top, #BBC701, #638401); background-image: -o-linear-gradient(top, #BBC701, #638401); background-image: ms-linear-gradient(to bottom, #BBC701, #638401); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBC701', endColorstr='#638401'); } .small_periwinkle, .medium_periwinkle, .large_periwinkle, .message_karma_periwinkle { box-shadow: 0 0 0 1px #598BD0, 0 0 0 2px #4C1066; background-color: #598BD0; background-image: linear-gradient(to bottom, #598BD0, #4C1066); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#598BD0), to(#4C1066)); background-image: -webkit-linear-gradient(top, #598BD0, #4C1066); background-image: -moz-linear-gradient(top, #598BD0, #4C1066); background-image: -webkit-linear-gradient(top, #598BD0, #4C1066); background-image: -o-linear-gradient(top, #598BD0, #4C1066); background-image: ms-linear-gradient(to bottom, #598BD0, #4C1066); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#598BD0', endColorstr='#4C1066'); } .small_pink, .medium_pink, .large_pink, .message_karma_pink { box-shadow: 0 0 0 1px #BD5094, 0 0 0 2px #6B1D47; background-color: #BD5094; background-image: linear-gradient(to bottom, #BD5094, #6B1D47); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#BD5094), to(#6B1D47)); background-image: -webkit-linear-gradient(top, #BD5094, #6B1D47); background-image: -moz-linear-gradient(top, #BD5094, #6B1D47); background-image: -webkit-linear-gradient(top, #BD5094, #6B1D47); background-image: -o-linear-gradient(top, #BD5094, #6B1D47); background-image: ms-linear-gradient(to bottom, #BD5094, #6B1D47); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BD5094', endColorstr='#6B1D47'); } .small_purple, .medium_purple, .large_purple, .message_karma_purple { box-shadow: 0 0 0 1px #893F62, 0 0 0 2px #360F21; background-color: #893F62; background-image: linear-gradient(to bottom, #893F62, #360F21); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#893F62), to(#360F21)); background-image: -webkit-linear-gradient(top, #893F62, #360F21); background-image: -moz-linear-gradient(top, #893F62, #360F21); background-image: -webkit-linear-gradient(top, #893F62, #360F21); background-image: -o-linear-gradient(top, #893F62, #360F21); background-image: ms-linear-gradient(to bottom, #893F62, #360F21); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#893F62', endColorstr='#360F21'); } .small_royalblue, .medium_royalblue, .large_royalblue, .message_karma_royalblue { box-shadow: 0 0 0 1px #436591, 0 0 0 2px #101C32; background-color: #375885; background-image: linear-gradient(to bottom, #375885, #182947); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#375885), to(#182947)); background-image: -webkit-linear-gradient(top, #375885, #182947); background-image: -moz-linear-gradient(top, #375885, #182947); background-image: -webkit-linear-gradient(top, #375885, #182947); background-image: -o-linear-gradient(top, #375885, #182947); background-image: ms-linear-gradient(to bottom, #375885, #182947); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#375885', endColorstr='#182947'); } .small_silver, .medium_silver, .large_silver, .message_karma_silver { box-shadow: 0 0 0 1px #A5A5A5, 0 0 0 2px #525252; background-color: #A5A5A5; background-image: linear-gradient(to bottom, #A5A5A5, #525252); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#A5A5A5), to(#525252)); background-image: -webkit-linear-gradient(top, #A5A5A5, #525252); background-image: -moz-linear-gradient(top, #A5A5A5, #525252); background-image: -webkit-linear-gradient(top, #A5A5A5, #525252); background-image: -o-linear-gradient(top, #A5A5A5, #525252); background-image: ms-linear-gradient(to bottom, #A5A5A5, #525252); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A5A5A5', endColorstr='#525252'); } .small_skyblue, .medium_skyblue, .large_skyblue, .message_karma_skyblue { box-shadow: 0 0 0 1px #00BCD5, 0 0 0 2px #0077AF; background-color: #00BCD5; background-image: linear-gradient(to bottom, #00BCD5, #0077AF); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD5), to(#0077AF)); background-image: -webkit-linear-gradient(top, #00BCD5, #0077AF); background-image: -moz-linear-gradient(top, #00BCD5, #0077AF); background-image: -webkit-linear-gradient(top, #00BCD5, #0077AF); background-image: -o-linear-gradient(top, #00BCD5, #0077AF); background-image: ms-linear-gradient(to bottom, #00BCD5, #0077AF); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00BCD5', endColorstr='#0077AF'); } .small_teal, .medium_teal, .large_teal, .message_karma_teal { box-shadow: 0 0 0 1px #4DA597, 0 0 0 2px #0C4D53; background-color: #4DA597; background-image: linear-gradient(to bottom, #4DA597, #0C4D53); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#4DA597), to(#0C4D53)); background-image: -webkit-linear-gradient(top, #4DA597, #0C4D53); background-image: -moz-linear-gradient(top, #4DA597, #0C4D53); background-image: -webkit-linear-gradient(top, #4DA597, #0C4D53); background-image: -o-linear-gradient(top, #4DA597, #0C4D53); background-image: ms-linear-gradient(to bottom, #4DA597, #0C4D53); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4DA597', endColorstr='#0C4D53'); } .small_tealgrey, .medium_tealgrey, .large_tealgrey, .message_karma_tealgrey { box-shadow: 0 0 0 1px #4E6A75, 0 0 0 2px #1E2F36; background-color: #4E6A75; background-image: linear-gradient(to bottom, #4E6A75, #1E2F36); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#4E6A75), to(#1E2F36)); background-image: -webkit-linear-gradient(top, #4E6A75, #1E2F36); background-image: -moz-linear-gradient(top, #4E6A75, #1E2F36); background-image: -webkit-linear-gradient(top, #4E6A75, #1E2F36); background-image: -o-linear-gradient(top, #4E6A75, #1E2F36); background-image: ms-linear-gradient(to bottom, #4E6A75, #1E2F36); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E6A75', endColorstr='#1E2F36'); } .small_violet, .medium_violet, .large_violet, .message_karma_violet { box-shadow: 0 0 0 1px #822DE0, 0 0 0 2px #3F1966; background-color: #822DE0; background-image: linear-gradient(to bottom, #822DE0, #3F1966); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#822DE0), to(#3F1966)); background-image: -webkit-linear-gradient(top, #822DE0, #3F1966); background-image: -moz-linear-gradient(top, #822DE0, #3F1966); background-image: -webkit-linear-gradient(top, #822DE0, #3F1966); background-image: -o-linear-gradient(top, #822DE0, #3F1966); background-image: ms-linear-gradient(to bottom, #822DE0, #3F1966); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#822DE0', endColorstr='#3F1966'); } /* new button colors */ .small_alphagreen, .medium_alphagreen, .large_alphagreen, .message_karma_alphagreen { box-shadow: 0 0 0 1px #38917F, 0 0 0 2px #035A48; background-color: #035A48; background-image: linear-gradient(to bottom, #38917F, #035A48); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#38917F), to(#035A48)); background-image: -webkit-linear-gradient(top, #38917F, #035A48); background-image: -moz-linear-gradient(top, #38917F, #035A48); background-image: -webkit-linear-gradient(top, #38917F, #035A48); background-image: -o-linear-gradient(top, #38917F, #035A48); background-image: ms-linear-gradient(to bottom, #38917F, #035A48); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#38917F', endColorstr='#035A48'); } .small_buoyred, .medium_buoyred, .large_buoyred, .message_karma_buoyred { box-shadow: 0 0 0 1px #CE4A4B, 0 0 0 2px #951112; background-color: #951112; background-image: linear-gradient(to bottom, #CE4A4B, #951112); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#CE4A4B), to(#951112)); background-image: -webkit-linear-gradient(top, #CE4A4B, #951112); background-image: -moz-linear-gradient(top, #CE4A4B, #951112); background-image: -webkit-linear-gradient(top, #CE4A4B, #951112); background-image: -o-linear-gradient(top, #CE4A4B, #951112); background-image: ms-linear-gradient(to bottom, #CE4A4B, #951112); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CE4A4B', endColorstr='#951112'); } .small_frenchgreen, .medium_frenchgreen, .large_frenchgreen, .message_karma_frenchgreen { box-shadow: 0 0 0 1px #93BEB7, 0 0 0 2px #58837C; background-color: #58837C; background-image: linear-gradient(to bottom, #93BEB7, #58837C); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#93BEB7), to(#58837C)); background-image: -webkit-linear-gradient(top, #93BEB7, #58837C); background-image: -moz-linear-gradient(top, #93BEB7, #58837C); background-image: -webkit-linear-gradient(top, #93BEB7, #58837C); background-image: -o-linear-gradient(top, #93BEB7, #58837C); background-image: ms-linear-gradient(to bottom, #93BEB7, #58837C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#93BEB7', endColorstr='#58837C'); } .small_orange, .medium_orange, .large_orange, .message_karma_orange { box-shadow: 0 0 0 1px #FDA41E, 0 0 0 2px #CA6A00; background-color: #CA6A00; background-image: linear-gradient(to bottom, #FDA41E, #CA6A00); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#FDA41E), to(#CA6A00)); background-image: -webkit-linear-gradient(top, #FDA41E, #CA6A00); background-image: -moz-linear-gradient(top, #FDA41E, #CA6A00); background-image: -webkit-linear-gradient(top, #FDA41E, #CA6A00); background-image: -o-linear-gradient(top, #FDA41E, #CA6A00); background-image: ms-linear-gradient(to bottom, #FDA41E, #CA6A00); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDA41E', endColorstr='#CA6A00'); } .small_politicalblue, .medium_politicalblue, .large_politicalblue, .message_karma_politicalblue { box-shadow: 0 0 0 1px #1E6F92, 0 0 0 2px #013558; background-color: #013558; background-image: linear-gradient(to bottom, #1E6F92, #013558); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#1E6F92), to(#013558)); background-image: -webkit-linear-gradient(top, #1E6F92, #013558); background-image: -moz-linear-gradient(top, #1E6F92, #013558); background-image: -webkit-linear-gradient(top, #1E6F92, #013558); background-image: -o-linear-gradient(top, #1E6F92, #013558); background-image: ms-linear-gradient(to bottom, #1E6F92, #013558); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1E6F92', endColorstr='#013558'); } .small_saffronblue, .medium_saffronblue, .large_saffronblue, .message_karma_saffronblue { box-shadow: 0 0 0 1px #677B89, 0 0 0 2px #2E4250; background-color: #2E4250; background-image: linear-gradient(to bottom, #677B89, #2E4250); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#677B89), to(#2E4250)); background-image: -webkit-linear-gradient(top, #677B89, #2E4250); background-image: -moz-linear-gradient(top, #677B89, #2E4250); background-image: -webkit-linear-gradient(top, #677B89, #2E4250); background-image: -o-linear-gradient(top, #677B89, #2E4250); background-image: ms-linear-gradient(to bottom, #677B89, #2E4250); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#677B89', endColorstr='#2E4250'); } .small_steelgreen, .medium_steelgreen, .large_steelgreen, .message_karma_steelgreen { box-shadow: 0 0 0 1px #6A8D94, 0 0 0 2px #30535A; background-color: #30535A; background-image: linear-gradient(to bottom, #6A8D94, #30535A); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#6A8D94), to(#30535A)); background-image: -webkit-linear-gradient(top, #6A8D94, #30535A); background-image: -moz-linear-gradient(top, #6A8D94, #30535A); background-image: -webkit-linear-gradient(top, #6A8D94, #30535A); background-image: -o-linear-gradient(top, #6A8D94, #30535A); background-image: ms-linear-gradient(to bottom, #6A8D94, #30535A); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6A8D94', endColorstr='#30535A'); } .small_tufgreen, .medium_tufgreen, .large_tufgreen, .message_karma_tufgreen { box-shadow: 0 0 0 1px #7C807D, 0 0 0 2px #3D403E; background-color: #3D403E; background-image: linear-gradient(to bottom, #7C807D, #3D403E); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#7C807D), to(#3D403E)); background-image: -webkit-linear-gradient(top, #7C807D, #3D403E); background-image: -moz-linear-gradient(top, #7C807D, #3D403E); background-image: -webkit-linear-gradient(top, #7C807D, #3D403E); background-image: -o-linear-gradient(top, #7C807D, #3D403E); background-image: ms-linear-gradient(to bottom, #7C807D, #3D403E); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C807D', endColorstr='#3D403E'); } .small_vistablue, .medium_vistablue, .large_vistablue, .message_karma_vistablue { box-shadow: 0 0 0 1px #50C3CF, 0 0 0 2px #168995; background-color: #168995; background-image: linear-gradient(to bottom, #50C3CF, #168995); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#50C3CF), to(#168995)); background-image: -webkit-linear-gradient(top, #50C3CF, #168995); background-image: -moz-linear-gradient(top, #50C3CF, #168995); background-image: -webkit-linear-gradient(top, #50C3CF, #168995); background-image: -o-linear-gradient(top, #50C3CF, #168995); background-image: ms-linear-gradient(to bottom, #50C3CF, #168995); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50C3CF', endColorstr='#168995'); } .small_yogigreen, .medium_yogigreen, .large_yogigreen, .message_karma_yogigreen { box-shadow: 0 0 0 1px #BBC8A7, 0 0 0 2px #818E6D; background-color: #818E6D; background-image: linear-gradient(to bottom, #BBC8A7, #818E6D); /* required first in the list for IE11 */ background-image: -webkit-gradient(linear, left top, left bottom, from(#BBC8A7), to(#818E6D)); background-image: -webkit-linear-gradient(top, #BBC8A7, #818E6D); background-image: -moz-linear-gradient(top, #BBC8A7, #818E6D); background-image: -webkit-linear-gradient(top, #BBC8A7, #818E6D); background-image: -o-linear-gradient(top, #BBC8A7, #818E6D); background-image: ms-linear-gradient(to bottom, #BBC8A7, #818E6D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBC8A7', endColorstr='#818E6D'); } /*----------------------------*/ /* Accordions /*----------------------------*/ ul.accordion { width: 100%; padding: 0 0 20px 0; background: none; } #content ul.accordion { /* margin:20px 0; */ margin-bottom: 30px; } .accordion a.opener { text-decoration: none; } .opener { background-color: #FEFEFE; background-image: linear-gradient(to bottom, #FEFEFE, #CDCDCD); background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#CDCDCD)); background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD); background-image: -moz-linear-gradient(top, #FEFEFE, #CDCDCD); background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD); background-image: -o-linear-gradient(top, #FEFEFE, #CDCDCD); background-image: ms-linear-gradient(to bottom, #FEFEFE, #CDCDCD); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#CDCDCD'); border: 1px solid #C3C3C3; color: #676767; display: block; font-size: 13px; margin-bottom: 3px; padding: 8px 9px; } .accordion .opener:hover, .accordion .opener.ui-state-active strong { color: #222; text-decoration: none; } .accordion .opener strong { cursor: pointer; display: block; height: 1%; padding: 2px 0 2px 32px; position: relative; text-shadow: 1px 1px 1px #FFF; } .accordion .opener strong:before { background-position: -406px -58px; height: 18px; width: 18px; content:""; position:absolute; left: 2px; top: 3px; } .accordion .opener.ui-state-active strong:before { background-position: -400px -37px; } .accordion .slide-holder { width: 100%; overflow: hidden; } .accordion .slide { padding: 20px 27px 0 27px; } /*----------------------------*/ /* Tabs /*----------------------------*/ #wrapper .tabs-area { padding: 20px 0 0 0; } #wrapper .tabset { margin: 0; padding: 0 0 14px 10px; height: 1%; overflow: hidden; } #wrapper .tabset li { float: left; margin-right: 20px; } #wrapper .tabset a:hover, .ui-state-active a span { color: #FFF; } #wrapper .tabset .tab { float: left; padding: 0 11px 0 0; color: #474747; } #wrapper .tabset .active,.ui-state-active, .tabset a:hover { text-decoration: none; color: #FFF; } #wrapper .tabset .tab span { float: left; padding: 3px 0 4px 13px; cursor: pointer; } #wrapper .tab-box, .content-style-white .comment-content { background: #F4F4F2; background: linear-gradient(to bottom, #e8e9e7 0%,#f4f4f2 50px); background: -moz-linear-gradient(top, #e8e9e7 0%, #f4f4f2 50px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9e7), color-stop(50px,#f4f4f2)); background: -webkit-linear-gradient(top, #e8e9e7 0%,#f4f4f2 50px); background: -o-linear-gradient(top, #e8e9e7 0%,#f4f4f2 50px); background: -ms-linear-gradient(top, #e8e9e7 0%,#f4f4f2 50px); border-top: 1px solid #FFF; margin: 0 9px 10px 0; padding: 30px 27px 27px; position:relative; } #wrapper .tab-box:before { content: " "; position: absolute; left:0px; top:-2px; width:100%; height:1px; border-top: 1px solid #E6E6E4; } /*----------------------------*/ /* Business Contact Details /*----------------------------*/ ul.tt-business-contact { list-style: none; } #content ul.tt-business-contact { margin:0 0 0 5px; padding-top: 2px; } ul.tt-business-contact li:before { content:""; } ul.tt-business-contact a { position: relative; padding:2px 0 2px 18px; } ul.tt-business-contact a:after { position: absolute; left:0px; top:0px; font-size: 14px; } ul.tt-business-contact a.tt-biz-phone:after { content: "\f095"; } ul.tt-business-contact a.tt-biz-skype:after { content: "\f17e"; } ul.tt-business-contact a.tt-biz-email:after { content: "\f003"; font-size: 11px; } ul.tt-business-contact a.tt-biz-directions:after { content: "\f041"; } /*----------------------------*/ /* Notification Boxes /*----------------------------*/ .colored_box, .karma_notify, .wpcf7-validation-errors, .wpcf7-mail-sent-ok { -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05); box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05); } .karma_notify { color: #333; padding: 20px 20px 20px 60px; margin: 0 0 20px 0; } .karma_notify p { position: relative; } .karma_notify p a { font-weight: bold; } .karma_notify p:before { position:absolute; left: -37px; /* top: 36%; */ font-size:20px; } .karma_notify#tt-contact-notify p:before { top: -5px; } .message_green, .wpcf7-mail-sent-ok { border: 1px solid #BAC398; background-color:#dde6ba; border-color:#d0e289 #c6d881 #b8cb71; background-image: linear-gradient(to bottom, #e6efc2, #d9e2b7); background-image: -webkit-gradient(linear, left top, left bottom, from(#e6efc2), to(#d9e2b7)); background-image: -webkit-linear-gradient(top, #e6efc2, #d9e2b7); background-image: -moz-linear-gradient(top, #e6efc2, #d9e2b7); background-image: -o-linear-gradient(top, #e6efc2, #d9e2b7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6efc2', endColorstr='#d9e2b7'); } .message_green p:before { content:"\f046"; } .message_green p:before, .message_green a { color: #66B500; } .message_red { border: 1px solid #CDBFBE; border-color:#f7d5d6 #f1c8ca #f2b5b8; background-image: linear-gradient(to bottom, #fbe2e3, #eeccce); background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe2e3), to(#eeccce)); background-image: -webkit-linear-gradient(top, #fbe2e3, #eeccce); background-image: -moz-linear-gradient(top, #fbe2e3, #eeccce); background-image: -o-linear-gradient(top, #fbe2e3, #eeccce); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbe2e3', endColorstr='#eeccce'); } .message_red p:before { content:"\f00d"; } .message_red p:before, .message_red a { color: #CB2A19; } .message_blue { border: 1px solid #BDC4CA; border-color:#b8e1fd #a6d4f4 #9ed1f5; background-image: linear-gradient(to bottom, #e0f4ff, #d4e6f0); background-image: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0)); background-image: -webkit-linear-gradient(top, #e0f4ff, #d4e6f0); background-image: -moz-linear-gradient(top, #e0f4ff, #d4e6f0); background-image: -o-linear-gradient(top, #e0f4ff, #d4e6f0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0f4ff', endColorstr='#d4e6f0'); } .message_blue p:before { content:"\f0eb"; } .message_blue p:before, .message_blue a { color: #0092F5; } .message_yellow, .wpcf7-validation-errors { border: 1px solid #D8D4B7; border-color:#f7dc72 #f4d96c #eace61; background-image: linear-gradient(to bottom, #ffffb9, #f0efae); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffb9), to(#f0efae)); background-image: -webkit-linear-gradient(top, #ffffb9, #f0efae); background-image: -moz-linear-gradient(top, #ffffb9, #f0efae); background-image: -o-linear-gradient(top, #ffffb9, #f0efae); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffb9', endColorstr='#f0efae');/*For IE7-8-9*/ } .message_yellow p:before { content:"\f06a"; } .message_yellow p:before, .message_yellow a { color: #A58100; } /*----------------------------*/ /* Callout Boxes /*----------------------------*/ .colored_box { /* box-shadow: none !important; @since 4.0 - uncomment for old styling */ color: #FFF; padding: 30px; margin: 0 0 20px 0; font-size: 13px; width: 100%; } .colored_box p, .colored_box h1, .colored_box h2, .colored_box h3, .colored_box h4, .colored_box h5, .colored_box h6 { color: #FFF !important; text-shadow: none; } .colored_box p { line-height: 23px; color: #FFF !important; } .colored_box p:last-child { margin-bottom: 0; } .colored_box a { color: rgba(255,255,255,0.5); } .colored_box a:hover { color: rgba(255,255,255,0.8); } /*----------------------------*/ /* Team Members /*----------------------------*/ .member-wrap { border-bottom: 1px solid #FEFEFC; margin-bottom: 41px; overflow: auto; padding-bottom: 25px; position: relative; width: 100%; } .member-wrap.member-last-item, .member-wrap.member-last-item:after { border: 0; } .member-photo { width: 220px; float: left; } .member-bio { width: 678px; float: right; } #content .member-bio h4.team-member-name { margin-bottom: 5px; } /*----------------------------*/ /* Vector Icon Boxes /*----------------------------*/ /* .tt-icon-box can be added to
or depending on users shortcode input */ .tt-icon-box { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); color: #333333; float: left; margin-bottom: 20px; overflow: hidden; padding: 30px; text-align: center; transition: all 0.2s ease-out 0s; width: 100%; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15); -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; } .tt-icon-box span.fa-stack { margin-bottom: 15px; } a.tt-icon-box { text-decoration: none; cursor: pointer; } .tt-icon-box:hover { margin: -6px 0 26px 0; text-decoration: none; } /*----------------------------*/ /* Pricing Tables /*----------------------------*/ div.price_table { float: left; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #dedede; margin-bottom: 21px; width: 940px; /* Changing this value will widen the table, you may also need to adjust the .price_table .column width*/ background: #f1f4f8; /* This is to fix the left and right borders if the box is too wide */ margin-top: 21px; font-size: 13px; } .price_table div { float: left; width: 100%; } .price_table .border { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-top: 1px solid #FFFFFF; } .price_table .column { float: left; width: 19%; /* 19% will work for 5 boxes, down to the .price_table width of 960px. You may need to adjust this if you adjust the .price_table Width */ margin-left: 1px; } .price_table .column.secondary { background: #f1f4f8; } .price_table .column.primary { background: #f9fbfc; } .price_table .column.featured { -moz-border-radius: 3px 3px 3px 3px; -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px 3px 3px 3px; -webkit-shadow: 0 4px 6px rgba(0, 0, 0, 0.25); background: none repeat scroll 0 0 white; border: 5px solid #666; margin-bottom: -17px; margin-top: -23px; padding: 15px; z-index: 5; position: relative; } .price_table .best_deal { background: url("images/_global/pricing-best-deal.png") no-repeat scroll 0 0 transparent; display: inline; float: right; height: 72px; margin-bottom: -56px; margin-right: -18px; margin-top: -18px; width: 72px; position: relative; } .price_table .header { border-bottom: 1px solid #e3e3e3; font-size: 27px; font-style: normal; letter-spacing: -1px; padding-bottom: 22px; text-align: center; margin-bottom: 0; font-weight: bold; color: #666; margin-top: 20px; } .price_table .header span { width: 100%; clear: both; float: left; font-size: 18px; line-height: 15px; color: #616161; padding-top: 10px; } .price_table .footer { height: 50px; border-top: 1px solid white; padding: 5px 0 20px 3px; text-align: center; } .price_table .included { } .price_table .column ul { list-style: none; padding-left: 12px; } .price_table .column li { border-bottom: 1px solid #e3e3e3; border-top: 1px solid white; line-height: 24px; position: relative; padding-left: 18px; } .price_table .column ul.checkmarks li:before { font-family: FontAwesome; display: inline-block; } .price_table .column ul.checkmarks li:before { content: "\f00c"; font-size: 12px; position: absolute; left: 0; top: 0; } .price_table .small_button { font-size: 0.8em; } /* *********************************************************************************** */ /* PRICING COLOR SCHEMES /* *********************************************************************************** */ /* ---------------------- TealGrey ------------------------- */ .tealgrey_table .header { color: #4E6B75 !important; } .tealgrey_table .featured { border: 5px solid #4E6B75 !important; } .tealgrey_table .secondary, .tealgrey_table { background: #E1E8EB !important; } /* ---------------------- Teal ------------------------- */ .teal_table .header { color: #4A9590 !important; } .teal_table .featured { border: 5px solid #4A9590 !important; } .teal_table .secondary, .teal_table { background: #ECF4F3 !important; } /* ---------------------- Royal Blue ------------------------- */ .royalblue_table .header { color: #445E83 !important; } .royalblue_table .featured { border: 5px solid #445E83 !important; } .royalblue_table .secondary, .royalblue_table { background: #ECEEF2 !important; } /* ---------------------- Cool Blue ------------------------- */ .coolblue_table .header { color: #127AAF !important; } .coolblue_table .featured { border: 5px solid #127AAF !important; } .coolblue_table .secondary, .coolblue_table { background: #E7F1F7 !important; } /* ---------------------- Sky Blue ------------------------- */ .skyblue_table .header { color: #0DB5D2 !important; } .skyblue_table .featured { border: 5px solid #0DB5D2 !important; } .skyblue_table .secondary, .skyblue_table { background: #E6F7FA !important; } /* ---------------------- Lime Green ------------------------- */ .limegreen_table .header { color: #92A815 !important; } .limegreen_table .featured { border: 5px solid #92A815 !important; } .limegreen_table .secondary, .limegreen_table { background: #F4F6E7 !important; } /* ---------------------- Forest Green ------------------------- */ .forestgreen_table .header { color: #738646 !important; } .forestgreen_table .featured { border: 5px solid #738646 !important; } .forestgreen_table .secondary, .forestgreen_table { background: #F1F2EC !important; } /* ---------------------- Golden ------------------------- */ .golden_table .header { color: #B9982F !important; } .golden_table .featured { border: 5px solid #B9982F !important; } .golden_table .secondary, .golden_table { background: #F8F4EA !important; } /* ---------------------- Autumn ------------------------- */ .autumn_table .header { color: #994717 !important; } .autumn_table .featured { border: 5px solid #994717 !important; } .autumn_table .secondary, .autumn_table { background: #F4ECE7 !important; } /* ---------------------- Fire ------------------------- */ .fire_table .header { color: #F37E38 !important; } .fire_table .featured { border: 5px solid #F37E38 !important; } .fire_table .secondary, .fire_table { background: #FDF2EB !important; } /* ---------------------- Cherry ------------------------- */ .cherry_table .header { color: #C5250B !important; } .cherry_table .featured { border: 5px solid #C5250B !important; } .cherry_table .secondary, .cherry_table { background: #F9E9E6 !important; } /* ---------------------- Purple ------------------------- */ .purple_table .header { color: #874664 !important; } .purple_table .featured { border: 5px solid #874664 !important; } .purple_table .secondary, .purple_table { background: #F3ECEF !important; } /* ---------------------- Pink ------------------------- */ .pink_table .header { color: #B6548F !important; } .pink_table .featured { border: 5px solid #B6548F !important; } .pink_table .secondary, .pink_table { background: #F7EDF3 !important; } /* ---------------------- Violet ------------------------- */ .violet_table .header { color: #8438D8 !important; } .violet_table .featured { border: 5px solid #8438D8 !important; } .violet_table .secondary, .violet_table { background: #F2EBFB !important; } /*----------------------------*/ /* PrettyPhoto /*----------------------------*/ /* want to un-compress this code? here's a great tool: http://html.fwpolice.com/css/ */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px;}div.pp_default .pp_top .pp_left{background:url(images/_global/prettyPhoto/default/sprite.png) -78px -93px no-repeat;}div.pp_default .pp_top .pp_middle{background:url(images/_global/prettyPhoto/default/sprite_x.png) top left repeat-x;}div.pp_default .pp_top .pp_right{background:url(images/_global/prettyPhoto/default/sprite.png) -112px -93px no-repeat;}div.pp_default .pp_content .ppt{color:#f8f8f8;}div.pp_default .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px;}div.pp_default .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px;}div.pp_default .pp_next:hover{background:url(images/_global/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer;}div.pp_default .pp_previous:hover{background:url(images/_global/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer;}div.pp_default .pp_expand{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px;}div.pp_default .pp_expand:hover{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer;}div.pp_default .pp_contract{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px;}div.pp_default .pp_contract:hover{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer;}div.pp_default .pp_close{background:url(images/_global/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px;}div.pp_default .pp_gallery ul li a{background:url(images/_global/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa;}div.pp_default .pp_social{margin-top:7px;}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static;}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px;}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px;}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/_global/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0;}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px;}div.pp_default .pp_content_container .pp_details{margin-top:5px;}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px;}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px;}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7;}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0;}div.pp_default .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/default/sprite.png) -78px -127px no-repeat;}div.pp_default .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/default/sprite_x.png) bottom left repeat-x;}div.pp_default .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/default/sprite.png) -112px -127px no-repeat;}div.pp_default .pp_loaderIcon{background:url(images/_global/prettyPhoto/default/loader.gif) center center no-repeat;}div.light_rounded .pp_top .pp_left{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_right{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_next:hover{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer;}div.light_rounded .pp_previous:hover{background:url(images/_global/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;}div.light_rounded .pp_expand{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.light_rounded .pp_expand:hover{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.light_rounded .pp_contract{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.light_rounded .pp_contract:hover{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.light_rounded .pp_close{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.light_rounded .pp_nav .pp_play{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_next{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_top .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_next:hover{background:url(images/_global/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer;}div.dark_rounded .pp_previous:hover{background:url(images/_global/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;}div.dark_rounded .pp_expand{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.dark_rounded .pp_expand:hover{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.dark_rounded .pp_contract{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.dark_rounded .pp_contract:hover{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.dark_rounded .pp_close{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.dark_rounded .pp_description{color:#fff;margin-right:85px;}div.dark_rounded .pp_nav .pp_play{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_next{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background:url(images/_global/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000;}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0;}div.dark_square .pp_loaderIcon{background:url(images/_global/prettyPhoto/dark_square/loader.gif) center center no-repeat;}div.dark_square .pp_expand{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.dark_square .pp_expand:hover{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.dark_square .pp_contract{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.dark_square .pp_contract:hover{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.dark_square .pp_close{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.dark_square .pp_nav{clear:none;}div.dark_square .pp_nav .pp_play{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_next{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_next:hover{background:url(images/_global/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer;}div.dark_square .pp_previous:hover{background:url(images/_global/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer;}div.light_square .pp_expand{background:url(images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.light_square .pp_expand:hover{background:url(images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.light_square .pp_contract{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.light_square .pp_contract:hover{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.light_square .pp_close{background:url(images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.light_square .pp_nav .pp_play{background:url(images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_next{background:url(images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_next:hover{background:url(images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer;}div.light_square .pp_previous:hover{background:url(images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer;}div.facebook .pp_top .pp_left{background:url(images/_global/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background:url(images/_global/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background:url(images/_global/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_expand{background:url(images/_global/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.facebook .pp_expand:hover{background:url(images/_global/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.facebook .pp_contract{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.facebook .pp_contract:hover{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.facebook .pp_close{background:url(images/_global/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px;}div.facebook .pp_description{margin:0 37px 0 0;}div.facebook .pp_loaderIcon{background:url(images/_global/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background:url(images/_global/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background:url(images/_global/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background:url(images/_global/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer;}div.facebook .pp_previous:hover{background:url(images/_global/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer;}div.facebook .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;}.pp_content{height:40px;min-width:40px;}* html .pp_content{width:40px;}.pp_content_container{position:relative;text-align:left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float:left;margin:10px 0 2px;}.pp_description{display:none;margin:0;}.pp_social{float:left;margin:0;}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px;}.pp_social .twitter{float:left;}.pp_nav{clear:right;float:left;margin:3px 10px 0 0;}.pp_nav p{float:left;white-space:nowrap;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;}.pp_gallery div{float:left;overflow:hidden;position:relative;}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0;}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;}.pp_gallery li.default a{background:url(images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important;}a.pp_next{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;}a.pp_previous{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0;}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px;}#pp_full_res{line-height:1!important;}#pp_full_res .pp_inline{text-align:left;}#pp_full_res .pp_inline p{margin:0 0 15px;}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px;}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff;}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000;}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative;}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff;}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important;}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/_global/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff;}.pp_top,.pp_bottom{height:20px;position:relative;}* html .pp_top,* html .pp_bottom{padding:0 20px;}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static;}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_fade,.pp_gallery li.default a img{display:none;} /*----------------------------*/ /* Drag-to-Share /*----------------------------*/ /* want to un-compress this code? here's a great tool: http://html.fwpolice.com/css/ */ #ps_hover{left:0;top:0;position:absolute;z-index:1000;}.ps_hd{background:url(images/_global/prettySociable/backgrounds/tr.png) top right no-repeat;padding:0 8px 0 0;}.ps_hd .ps_c{background:url(images/_global/prettySociable/backgrounds/tl.png) top left no-repeat;}.ps_ft{background:url(images/_global/prettySociable/backgrounds/br.png) top right no-repeat;padding:0 8px 0 0;}.ps_ft .ps_c{background:url(images/_global/prettySociable/backgrounds/bl.png) top left no-repeat;}.ps_bd{background:url(images/_global/prettySociable/backgrounds/cr.png) top right repeat-y;padding:0 8px 0 0;}.ps_bd .ps_c{background:url(images/_global/prettySociable/backgrounds/cl.png) top left repeat-y;padding:0 0 0 8px;}.ps_bd .ps_s{background:#fff;}.ps_hd,.ps_bd,.ps_ft{position:relative;z-index:1000;}.ps_hd .ps_c,.ps_ft .ps_c{font-size:1px;height:8px;}#ps_title{background:url(images/_global/prettySociable/backgrounds/tt_r.png) top right no-repeat;color:#fff;font-size:10px;font-weight:normal;left:8px;position:absolute;top:0;z-index:999;padding:0 5px 0 0;}#ps_title .ps_tt_l{background:url(images/_global/prettySociable/backgrounds/tt_l.png) top left no-repeat;line-height:15px;padding:0 0 0 5px;}#ps_tooltip{font-size:10px;left:0;position:absolute;top:0;width:250px;z-index:1010;}#ps_tooltip p{margin:0;}#ps_tooltip strong{font-size:1.2em;}#ps_websites{left:50%;position:absolute;top:50%;z-index:1005;}#ps_websites .ps_label{color:#fff;display:none;font-size:1.6em;left:0;position:absolute;top:0;white-space:nowrap;}#ps_websites ul{position:relative;z-index:1010;width:400px;}#ps_websites li{display:block;float:left;margin:0 30px 40px 0;}#ps_websites a{display:block;}#ps_overlay{background:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1005;}#ps_tooltip .ps_hd{background:url(images/_global/prettySociable/backgrounds/trans/tr.png) top right no-repeat;padding:0 8px 0 0;}#ps_tooltip .ps_hd .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/tl.png) top left no-repeat;}#ps_tooltip .ps_bd{background:url(images/_global/prettySociable/backgrounds/trans/cr.png) top right repeat-y;padding:0 8px 0 0;}#ps_tooltip .ps_ft{background:url(images/_global/prettySociable/backgrounds/trans/br.png) top right no-repeat;padding:0 8px 0 0;}#ps_tooltip .ps_ft .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/bl.png) top left no-repeat;}#ps_tooltip .ps_bd .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/cl.png) top left repeat-y;padding:0 0 0 8px;} /*----------------------------*/ /* Responsive Design /*----------------------------*/ /* - All responsive CSS is located in: /css/_mobile.css - File was separated to allow for disabling of responsive-ness */ #tt-mobile-menu-list { display: none; } #tt-mobile-menu-list, #tt-mobile-menu-list .navi-description, #tt-mobile-menu-list > .menu-item > .sub-menu { display: block; } #tt-mobile-menu-list .navi-description { display: none!important; } #tt-mobile-menu-button span { position: relative; } #tt-mobile-menu-button span:after { content: "\f0c9"; color: #FFF; font-size:19px; font-weight:200; right:0; position:absolute; } /* Custom styling for content area of the website */ /*----------------------------*/ /* Content Area - Default /*----------------------------*/ .content-style-default #main, .content-style-default #footer-top, .content-style-default .heading-horizontal span { background-color: #F4F4F2; } .content-style-default .heading-horizontal:before { border-top: 1px solid #D8D8D6; border-bottom: 1px solid #FEFEFC; } .content-style-default p strong { color: #000; } /*----------------------------*/ /* Content Area - Steel /*----------------------------*/ .content-style-steel #main, .content-style-steel #footer-top, .content-style-steel .heading-horizontal span { background-color: #D9DEE4; } .content-style-steel .tools .breadcrumb .current_crumb:after, .content-style-steel .tt-woocommerce .breadcrumb span:last-child:after { color: #D9DEE4 !important; } .content-style-steel p, .content-style-steel ul, .content-style-steel ol, .content-style-steel #horizontal_nav ul a { color: #646668; } .content-style-steel p strong { color: #535557; } /* ----- Element styling ----- */ .content-style-steel .testimonials, .content-style-steel .testimonials_static { background-color: #C5CACF; border: 1px solid #B8BCC1; } .content-style-steel .heading-horizontal:before { border-top: 1px solid #BABFC4; border-bottom: 1px solid #F1F2F5; } .content-style-steel .callout-wrap, .content-style-steel .post_footer { border-top: 1px solid #F1F2F5; border-bottom: 1px solid #F1F2F5; } .content-style-steel .hr, .content-style-steel .hr_top_link { border-top: 1px solid #F1F2F5; } .content-style-steel .callout-wrap:before, .content-style-steel .post_footer:before, .content-style-steel .hr:before, .content-style-steel .hr_top_link:before { border-top: 1px solid #BABFC4; } .content-style-steel .callout-wrap:after, .content-style-steel .post_footer:after, .content-style-steel #horizontal_nav:after, .content-style-steel .member-wrap:after { border-bottom: 1px solid #BABFC4; } .content-style-steel #horizontal_nav, .content-style-steel .sidebar-widget, .content-style-steel #sub_nav ul a, .content-style-steel .member-wrap { border-bottom: 1px solid #F1F2F5; } .content-style-steel #sidebar { border-left: 1px solid #BABFC4; } .content-style-steel #sidebar:before { border-left: 1px solid #F1F2F5; } .content-style-steel #sidebar.left_sidebar { border-right: 1px solid #F1F2F5; } .content-style-steel #sidebar.left_sidebar:after { border-right: 1px solid #BABFC4; } .content-style-steel #sidebar.left_sidebar, .content-style-steel #sidebar.left_sidebar:before { border-left: none; } .content-style-steel .sidebar-widget:after, .content-style-steel #sub_nav ul a:after { border-bottom: 1px solid #BABFC4; } .content-style-steel #sub_nav { background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y; } .content-style-steel #sub_nav.nav_right_sub_nav { float: right; background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y; } .content-style-steel #wrapper .tab-box, .content-style-steel .comment-content { border-top: 1px solid #F1F2F5; background: #C5CACF; background: linear-gradient(to bottom, #B7BBC0 0%,#C5CACF 50px); background: -moz-linear-gradient(top, #B7BBC0 0%, #C5CACF 50px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7BBC0), color-stop(50px,#C5CACF)); background: -webkit-linear-gradient(top, #B7BBC0 0%,#C5CACF 50px); background: -o-linear-gradient(top, #B7BBC0 0%,#C5CACF 50px); background: -ms-linear-gradient(top, #B7BBC0 0%,#C5CACF 50px); } .content-style-steel #wrapper .tab-box:before { border-top: 1px solid #BABFC4; } .content-style-steel .comment-content { border: none; box-shadow: 0 0 0 1px #C5CACF, 0 0 0 2px #B7BBC0; } .content-style-steel .karma-pages a:hover, .content-style-steel .wp-pagenavi a:hover { background: #C5CACF; border: 1px solid #B1B5B9; } .content-style-steel .flex-control-paging li a { background: #C5CACF; } .content-style-steel .flex-control-paging li a:hover, .content-style-steel .flex-control-paging li a.flex-active { background: #989B9F; } .content-style-steel .opener { background-color: #F7F7F7; background-image: linear-gradient(to bottom, #F7F7F7, #ADB1B6); background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#ADB1B6)); background-image: -webkit-linear-gradient(top, #F7F7F7, #ADB1B6); background-image: -moz-linear-gradient(top, #F7F7F7, #ADB1B6); background-image: -webkit-linear-gradient(top, #F7F7F7, #ADB1B6); background-image: -o-linear-gradient(top, #F7F7F7, #ADB1B6); background-image: ms-linear-gradient(to bottom, #F7F7F7, #ADB1B6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F7F7', endColorstr='#ADB1B6'); border: 1px solid #AFB3B8; color: #676767; } /*----------------------------*/ /* Content Area - White /*----------------------------*/ .content-style-white #main, .content-style-white #footer-top, .content-style-white .heading-horizontal span { background-color: #FFF; } .content-style-white .tools .breadcrumb .current_crumb:after, .content-style-white .tt-woocommerce .breadcrumb span:last-child:after { color: #FFF !important; } .content-style-white p, .content-style-white ul, .content-style-white ol, .content-style-white #horizontal_nav ul a { color: #646668; } .content-style-white p strong { color: #535557; } /* ----- Element styling ----- */ .content-style-white .heading-horizontal:before { border-top: 1px solid #EBEBEB; border-bottom: 1px solid #FFF; } .content-style-white .callout-wrap, .content-style-white .post_footer, .content-style-white .heading-horizontal:before { border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .content-style-white .hr, .content-style-white .hr_top_link { border-top: 1px solid #EBEBEB; } .content-style-white .callout-wrap:before, .content-style-white .post_footer:before, .content-style-white .callout-wrap:after, .content-style-white .post_footer:after, .content-style-white #horizontal_nav:after, .content-style-white .member-wrap:after, .content-style-white #sidebar:before, .content-style-white #sidebar.left_sidebar:after, .content-style-white .sidebar-widget:after, .content-style-white #sub_nav ul a:after, .content-style-white .hr:before, .content-style-white .hr_top_link:before { border: none; } .content-style-white #horizontal_nav, .content-style-white .sidebar-widget, .content-style-white #sub_nav ul a, .content-style-white .member-wrap { border-bottom: 1px solid #EBEBEB; } .content-style-white #sidebar { border-left: 1px solid #EBEBEB; } .content-style-white #sidebar.left_sidebar, .content-style-white #sidebar.left_sidebar:before { border-left: none; } .content-style-white #sidebar.left_sidebar { border-right: 1px solid #EBEBEB; } .content-style-white #sub_nav { background: url(images/_global/bg-sidebar-white.png) 206px 0 repeat-y; } .content-style-white #sub_nav.nav_right_sub_nav { float: right; background: url(images/_global/bg-sidebar-white.png) 12px 0 repeat-y; } .content-style-white .comment-content { border: none; box-shadow: 0 0 0 1px #F4F4F2, 0 0 0 2px #E8E9E7; } /*----------------------------*/ /* Content Area - Tan /*----------------------------*/ .content-style-tan #main, .content-style-tan #footer-top, .content-style-tan .heading-horizontal span { background-color: #E4E3DE; } .content-style-tan .tools .breadcrumb .current_crumb:after, .content-style-tan .tt-woocommerce .breadcrumb span:last-child:after { color: #E4E3DE !important; } /* ----- Element styling ----- */ .content-style-tan .testimonials, .content-style-tan .testimonials_static { background-color: #CFCFCA; border: 1px solid #BABBB5; } .content-style-tan .heading-horizontal:before { border-top: 1px solid #C2C1BD; border-bottom: 1px solid #F4F4F2; } .content-style-tan .callout-wrap, .content-style-tan .post_footer, .content-style-tan .heading-horizontal:before { border-top: 1px solid #F4F4F2; border-bottom: 1px solid #F4F4F2; } .content-style-tan .hr, .content-style-tan .hr_top_link { border-top: 1px solid #F4F4F2; } .content-style-tan .callout-wrap:before, .content-style-tan .post_footer:before, .content-style-tan .hr:before, .content-style-tan .hr_top_link:before { border-top: 1px solid #C2C1BD; } .content-style-tan .callout-wrap:after, .content-style-tan .post_footer:after, .content-style-tan #horizontal_nav:after, .content-style-tan .member-wrap:after { border-bottom: 1px solid #C2C1BD; } .content-style-tan #horizontal_nav, .content-style-tan .sidebar-widget, .content-style-tan #sub_nav ul a, .content-style-tan .member-wrap { border-bottom: 1px solid #F4F4F2; } .content-style-tan #sidebar { border-left: 1px solid #C2C1BD; } .content-style-tan #sidebar:before { border-left: 1px solid #F4F4F2; } .content-style-tan #sidebar.left_sidebar { border-right: 1px solid #F4F4F2; } .content-style-tan #sidebar.left_sidebar:after { border-right: 1px solid #C2C1BD; } .content-style-tan #sidebar.left_sidebar, .content-style-tan #sidebar.left_sidebar:before { border-left: none; } .content-style-tan .sidebar-widget:after, .content-style-tan #sub_nav ul a:after { border-bottom: 1px solid #C2C1BD; } .content-style-tan #sub_nav { background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y; } .content-style-tan #sub_nav.nav_right_sub_nav { float: right; background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y; } .content-style-tan #wrapper .tab-box, .content-style-tan .comment-content { border-top: 1px solid #FFF; background: #D7D7D1; background: -moz-linear-gradient(top, #cacac5 0%, #d7d7d1 50px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacac5), color-stop(50px,#d7d7d1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cacac5 0%,#d7d7d1 50px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cacac5 0%,#d7d7d1 50px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cacac5 0%,#d7d7d1 50px); /* IE10+ */ background: linear-gradient(to bottom, #cacac5 0%,#d7d7d1 50px); /* W3C */ } .content-style-tan #wrapper .tab-box:before { border-top: 1px solid #BABBB5; } .content-style-tan .comment-content { border: none; box-shadow: 0 0 0 1px #d7d7d1, 0 0 0 2px #cacac5; } /*----------------------------*/ /* Content Area - Grey /*----------------------------*/ .content-style-grey #main, .content-style-grey #footer-top, .content-style-grey .heading-horizontal span { background-color: #DFE3E3; } .content-style-grey .tools .breadcrumb .current_crumb:after, .content-style-grey .tt-woocommerce .breadcrumb span:last-child:after { color: #DFE3E3 !important; } /* ----- Element styling ----- */ .content-style-grey .testimonials, .content-style-grey .testimonials_static { background-color: #CBCFCF; border: 1px solid #BCC1C1; } .content-style-tan .heading-horizontal:before { border-top: 1px solid #C0C3C3; border-bottom: 1px solid #F3F4F4; } .content-style-grey .callout-wrap, .content-style-grey .post_footer, .content-style-grey .heading-horizontal:before { border-top: 1px solid #C0C3C3; border-bottom: 1px solid #F3F4F4; } .content-style-grey .hr, .content-style-grey .hr_top_link { border-top: 1px solid #F3F4F4; } .content-style-grey .callout-wrap:before, .content-style-grey .post_footer:before, .content-style-grey .hr:before, .content-style-grey .hr_top_link:before { border-top: 1px solid #C0C3C3; } .content-style-grey .callout-wrap:after, .content-style-grey .post_footer:after, .content-style-grey #horizontal_nav:after, .content-style-grey .member-wrap:after { border-bottom: 1px solid #C0C3C3; } .content-style-grey #horizontal_nav, .content-style-grey .sidebar-widget, .content-style-grey #sub_nav ul a, .content-style-grey .member-wrap { border-bottom: 1px solid #F3F4F4; } .content-style-grey #sidebar { border-left: 1px solid #C0C3C3; } .content-style-grey #sidebar:before { border-left: 1px solid #F3F4F4; } .content-style-grey #sidebar.left_sidebar { border-right: 1px solid #F3F4F4; } .content-style-grey #sidebar.left_sidebar:after { border-right: 1px solid #C0C3C3; } .content-style-grey #sidebar.left_sidebar, .content-style-grey #sidebar.left_sidebar:before { border-left: none; } .content-style-grey .sidebar-widget:after, .content-style-grey #sub_nav ul a:after { border-bottom: 1px solid #C0C3C3; } .content-style-grey #sub_nav { background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y; } .content-style-grey #sub_nav.nav_right_sub_nav { float: right; background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y; } .content-style-grey #wrapper .tab-box, .content-style-grey .comment-content { border-top: 1px solid #F3F4F4; background: #CBCFCF; background: linear-gradient(to bottom, #bbbfbf 0%,#cbcfcf 50px); background: -moz-linear-gradient(top, #bbbfbf 0%, #cbcfcf 50px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbfbf), color-stop(50px,#cbcfcf)); background: -webkit-linear-gradient(top, #bbbfbf 0%,#cbcfcf 50px); background: -o-linear-gradient(top, #bbbfbf 0%,#cbcfcf 50px); background: -ms-linear-gradient(top, #bbbfbf 0%,#cbcfcf 50px); } .content-style-grey #wrapper .tab-box:before { border-top: 1px solid #C0C3C3; } .content-style-grey .comment-content { border: none; box-shadow: 0 0 0 1px #cbcfcf, 0 0 0 2px #bbbfbf; } /*-----------------------------------------------------*/ /* Content Area (custom bgcolor) /*-----------------------------------------------------*/ .content-custom-bg #sub_nav { background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y; } .content-custom-bg #sub_nav.nav_right_sub_nav { float: right; background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y; } /* re-set for proper rendering */ #sub_nav ul a:hover, #sub_nav ul a:hover:after { border-color: transparent; } /*----------------------------------------------------------------------------------- Custom Styling for Easy-editing ---------------------------------- Stylesheet Guide ---------------------------------*/ /*---------------------------------*/ /* Retina-logo /*---------------------------------*/ #header .tt-retina-logo { width: 300px; height: 54px; } /*---------------------------------*/ /* Mobile Options /*---------------------------------*/ /* uncomment to disable "mobile sub-menus" #tt-mobile-menu-list ul { display: none !important; } */ /*---------------------------------*/ /* Interface Options /*---------------------------------*/ /* uncomment to hide subtle gradient within main content area of website div#main, div#footer-top { background-image: none; } */ /*---------------------------------*/ /* Font Settings /*---------------------------------*/ /* This are recommended settings for the OpenSans Google Font */ body, .testimonials blockquote, .testimonials_static blockquote { font-family: 'Open Sans', Arial, sans-serif; } #tt-parallax-banner h1, #tt-parallax-banner h2, #tt-parallax-banner h3, #tt-parallax-banner h4, #tt-parallax-banner h5, #tt-parallax-banner h6 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; } #tt-parallax-banner h1, #tt-parallax-banner h2, #tt-parallax-banner h3 { font-size: 28px; } h1, h2, h3, h4, h5, #footer h3, #menu-main-nav li strong, p.footer-callout-heading, #tt-mobile-menu-button span , .post_date .day { font-family: 'Lato', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; } p { line-height: 2; margin-bottom: 20px; font-size: 13px; } #content ol li, #content ul li, .content_full_width ol li, .content_full_width ul li { font-size: 13px; } #content p.callout2 span { font-size: 15px; } .callout2, .callout-wrap span { line-height: 2; } .slider-content-main p { font-size: 1.5em; line-height: 2; margin-bottom: 14px; } .jquery3-slider-wrap .slider-content-main p { font-size: 1.1em; line-height: 1.8em; } .callout-wrap span, .portfolio_content h3 { font-size: 1.4em; } .testimonials blockquote, .testimonials_static blockquote, p.team-member-title { font-size: 13px; font-style: normal; } .ka_button, .ka_button:hover { letter-spacing: 0.6px; } #footer h3, #menu-main-nav li strong { letter-spacing: 0.7px; font-size: 12.4px; } #footer h3 { font-weight: 300; } #footer p.footer-callout-heading { font-size: 18px; } #footer .blogroll a, #footer ul.tt-recent-posts h4 { font-weight: normal; color: rgba(255,255,255,0.8); } #footer ul.tt-recent-posts h4, #sidebar ul.tt-recent-posts h4 { font-size: 13px !important; } .tools .breadcrumb .current_crumb:after, .woocommerce-page .tt-woocommerce .breadcrumb span:last-child:after { bottom: -16px; } .post_title span { font-weight: normal; } .post_date .day { font-size: 28px; font-weight: normal; } .post_date .month { font-size: 15px; margin-top: -15px; } .tools .search-form { margin-top: 1px; } .accordion .opener strong { font-weight: normal; } .tools .breadcrumb a:after { top: 0; } p.comment-author-about { font-weight: bold; }