/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * G R A Y * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * _ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Wrap a Section Block Include with a div that has the class of "Gray" * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*================================================================================================================================================================================ Gray :: Body ================================================================================================================================================================================*/ body.Gray { background: #f8f8f8; } #content-wrap.Gray { background: #f8f8f8; } /*================================================================================================================================================================================ Gray :: Header :: Default ================================================================================================================================================================================*/ .Gray .header-top { background: #eee; } .Gray .header-bottom { background: #f8f8f8; } /*================================================================================================================================================================================ Gray :: Header :: Alternate ================================================================================================================================================================================*/ .Gray .header_Alternate .header-bottom { } .Gray .header_bottom_alternate { background: #eee; border-bottom: 1px solid #e1e1e1; } .Gray .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #444; } .Gray .header_bottom_alternate a.nav-button:link, .Gray .header_bottom_alternate a.nav-button:visited { color: #444; } /*----------------------------------------------------------------- Gray :: Clear :: Default -------------------------------------------------------------------*/ .Gray .headerClear .header-bottom { background: rgba(255,255,255,0.0); } .Gray .headerClear .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); } .Gray .headerClear .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #fff; } .Gray .headerClear .header_bottom_alternate a.nav-button:link, .Gray .headerClear .header_bottom_alternate a.nav-button:visited { color: #fff; } /* On Scroll */ .Gray .headerClear.navScroll .header_bottom_alternate { background: #eee; border-bottom: 1px solid #e1e1e1; } .headerAlternate_Body .Gray .headerClear.navScroll .header-bottom { background: #f8f8f8; } .Gray .headerClear.navScroll .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #444; } .Gray .headerClear.navScroll .header_bottom_alternate a.nav-button:link, .Gray .headerClear.navScroll .header_bottom_alternate a.nav-button:visited { color: #444; } /*----------------------------------------------------------------- Gray :: Clear :: Light -------------------------------------------------------------------*/ .Gray .headerClear.headerClear_light .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); } .Gray .headerClear.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #222; } .Gray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:link, .Gray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #222; } /* On Scroll */ .Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate { background: #eee; border-bottom: 1px solid #e1e1e1; } .Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #444; } .Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:link, .Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #444; } /*================================================================================================================================================================================ Gray :: Section Blocks ================================================================================================================================================================================*/ .Gray .section-block { background: #f8f8f8; } .Gray .section-block .big-section-title h1:after { background: #ddd; } /*------------------------------------ Gray :: Tabs -------------------------------------*/ .Gray .nav-tabs>li.active>a, .Gray .nav-tabs>li.active>a:hover, .Gray .nav-tabs>li.active>a:focus { background: #f8f8f8; } .Gray .responsiveTabs .Gray .nav>li>a:hover, .Gray .nav>li>a:focus { background: #eee; } /*------------------------------------ Gray :: Icon List ------------------------------------*/ .Gray .TwoCols-IconList .two-col-left p:after { background: #ddd; } .Gray .two-col h1:after { background: #ddd; } .Gray .endCap { background: #ddd; } /*------------------------------------ Gray :: Image Boxes ------------------------------------*/ .Gray .imageBox-Box { background: #fff; } /*------------------------------------ Gray :: Image Buttons ------------------------------------*/ .Gray .imageButton .bottom { background: #fff; } .Gray .imageButton .bottom:before { border-bottom: 8px solid #fff; } /*------------------------------------ Gray :: Fluid Rows ------------------------------------*/ .Gray .FluidRow-Box { background: #f8f8f8; } /*------------------------------------ Gray :: Fluid Row Gallery ------------------------------------*/ .Gray .FluidRowGallery_textBox { background: #f8f8f8; } /*------------------------------------ Gray :: Draggable Columns ------------------------------------*/ .Gray .DragCols-Wrapper { background: #f8f8f8; } /*------------------------------------ Gray :: Hot Spot Banner ------------------------------------*/ .Gray .hotSpot_fallback { background: #f8f8f8; } .Gray .hotSpot_fallback_text { background: #fff; } /*================================================================================================================================================================================ Gray :: Option Blocks ================================================================================================================================================================================*/ .Gray .optionsBlock_empty_Message { background: #fff; } .Gray .optionsBlock_newsletter_Box { background: #fff; border: 1px solid rgba(0,0,0,0.1); } .Gray .optionsBlock_newsletter_Box input.promoInput { background: #f8f8f8; box-shadow: none !important; border: 1px solid #e8e8e8; } /*================================================================================================================================================================================ Gray :: Footer ================================================================================================================================================================================*/ .Gray .footer-top { background: #f5f5f5; } .Gray .footer-bottom { background: #ededed; } .Gray .footer-block { border-color: #e1e1e1; } .Gray .footer-ImageLinks .image-frame { border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); } /*================================================================================================================================================================================ Gray :: Misc ================================================================================================================================================================================*/ /*------------------------------------ Gray :: Promo Box ------------------------------------*/ .Gray .promoBox { background: #fff; } .Gray .promoBox-newsletterSignup-twoFields .promoInput { background: #f8f8f8; box-shadow: none !important; border: 1px solid #e8e8e8; } /*================================================================================================================================================================================ Gray :: Widgets ================================================================================================================================================================================*/ /* Image Tabs */ .Gray .imageTabs-nav li { border-color: #e1e1e1 !important; } .Gray .imageTabs-nav a:link, .Gray .imageTabs-nav a:visited { background: #fff; } .Gray .imageTabs-content-text { background: #fff !important; } /*================================================================================================================================================================================ Gray :: Media Queries ================================================================================================================================================================================*/ @media all and (max-width: 992px) { /* Gray :: Header :: Alternate :: Clear :: Default */ .headerAlternate_Body .Gray .headerClear .header-top { background: #eee; padding: 0; } .headerAlternate_Body .Gray .headerClear .header-bottom { background: #f8f8f8; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .headerAlternate_Body .Gray .headerClear .header-bottom a.nav-button:link, .headerAlternate_Body .Gray .headerClear .header-bottom a.nav-button:visited { color: #444; border-color: #e1e1e1; } .headerAlternate_Body .Gray .header-bottom h1.logo a img.headerClear_Logo { display: none !important; } .headerAlternate_Body .Gray .header-bottom h1.logo a img.headerSolid_Logo { display: inline-block !important; } /* Gray :: Header :: Alternate :: Clear :: Light */ .headerAlternate_Body.headerClear_Light_Body .Gray .headerClear_light .header-bottom a.nav-button:link, .headerAlternate_Body.headerClear_Light_Body .Gray .headerClear_light .header-bottom a.nav-button:visited { color: #444; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * D A R K G R A Y * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * _ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Wrap a Section Block Include with a div that has the class of "darkGray" * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*================================================================================================================================================================================ Dark Gray :: Body ================================================================================================================================================================================*/ body.darkGray { background: #1b1b1b; } #content-wrap.darkGray { background: #1b1b1b; } .darkGray .basic-title-box .basic-title { color: #f4f4f4; border-color: #333; } .darkGray .basic-title-box .basic-title a { color: #f4f4f4; } /*================================================================================================================================================================================ Dark Gray :: Header :: Default ================================================================================================================================================================================*/ .darkGray .header-top { background: #111; } .darkGray .header-bottom { background: #1b1b1b; border-top: 1px solid #222; border-bottom: 1px solid #222; } .darkGray .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, .darkGray .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited, .darkGray .header-bottom a.nav-button { color: #bbb; } .darkGray .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, .darkGray .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited { color: #bbb; } .darkGray .headerClear.navScroll .header-bottom a.nav-button:link, .darkGray .headerClear.navScroll .header-bottom a.nav-button:visited { color: #bbb; } .darkGray .header-top .social-media a { color: rgba(255,255,255,0.5); } .darkGray .header-top .phone .fa { color: rgba(255,255,255,0.5); } .darkGray .header-bottom nav ul li .iw_menu_group_header a:before { /* background: #1b1b1b; */ } .darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links { background: #1b1b1b; border-top: 1px solid #1b1b1b; } .darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a { background: #1b1b1b; } .darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a { color: #bbb; } .darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:hover, .darkGray .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:active { } /* Clear Header */ .darkGray .headerClear .header-top { background: rgba(248,248,248,0.0); padding: 10px 0 0 0; } .darkGray .headerClear .header-bottom { background: rgba(255,255,255,0.0); border-top: 1px solid rgba(0,0,0,0.0); border-bottom: 1px solid rgba(0,0,0,0.0); } .darkGray .headerClear.navScroll .header-top { background: #111; padding: 0; } .darkGray .headerClear.navScroll .header-bottom { background: #1b1b1b; border-top: 1px solid #222; border-bottom: 1px solid #222; } /*================================================================================================================================================================================ Dark Gray :: Header :: Alternate ================================================================================================================================================================================*/ .darkGray .header_Alternate .header-bottom { border: none; } .darkGray .header_bottom_alternate { background: #111; border-bottom: 1px solid #222; } .darkGray .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .darkGray .header_bottom_alternate a.nav-button:link, .darkGray .header_bottom_alternate a.nav-button:visited { color: #999; } /*----------------------------------------------------------------- Dark Gray :: Clear :: Default -------------------------------------------------------------------*/ .darkGray .headerClear .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); } .darkGray .headerClear .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #fff; } .darkGray .headerClear .header_bottom_alternate a.nav-button:link, .darkGray .headerClear .header_bottom_alternate a.nav-button:visited { color: #fff; } /* On Scroll */ .darkGray .headerClear.navScroll .header_bottom_alternate { background: #111; border-bottom: 1px solid #222; } .darkGray .headerClear.navScroll .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .darkGray .headerClear.navScroll .header_bottom_alternate a.nav-button:link, .darkGray .headerClear.navScroll .header_bottom_alternate a.nav-button:visited { color: #999; } /*----------------------------------------------------------------- Dark Gray :: Clear :: Light -------------------------------------------------------------------*/ .darkGray .headerClear.headerClear_light .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); } .darkGray .headerClear.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #222; } .darkGray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:link, .darkGray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #222; } /* On Scroll */ .darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate { background: #000; border-bottom: 1px solid #222; } .darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:link, .darkGray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #999; } .headerAlternate_Body .darkGray .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerSolid_Logo { display: none !important; } .headerAlternate_Body .darkGray .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerClear_Logo { display: inline-block !important; } /*----------------------------------------------------------------- Dark Gray :: Clear :: Dark -------------------------------------------------------------------*/ /* Header Clear Dark on scroll menu active logo status */ .darkGray .headerClear_dark.Mobile_Menu_Not_Active .header-bottom .logo .headerSolid_Logo { display: none !important; } .darkGray .headerClear_dark.Mobile_Menu_Not_Active .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerClear_Logo { display: none !important; } .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerSolid_Logo { display: inline-block !important; } .darkGray .headerClear_dark.Mobile_Menu_Not_Active.navScroll .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .darkGray .headerClear_dark.Mobile_Menu_Not_Active.navScroll .header-bottom .logo .headerSolid_Logo { display: none !important; } /* Mobile Icons */ .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); } /*================================================================================================================================================================================ Dark Gray :: Section Blocks ================================================================================================================================================================================*/ .darkGray .section-block { background: #1b1b1b; border-bottom: 1px solid #333; } .darkGray .section-block .big-section-title h1, .darkGray .section-block .big-section-title h2, .darkGray .two-col h1, .darkGray .two-col h2 { color: #f8f8f8; } .darkGray .section-block .big-section-title h1:after, .darkGray .two-col h1:after, .darkGray .TwoCols-IconList .two-col-left p:after { background: #333; } .darkGray .section-block p { color: #9b9b9b; } .darkGray .two-col h2 { color: #f8f8f8; } .darkGray .endCap { background: #333; } /*------------------------------------ Dark Gray :: Tabs ------------------------------------*/ .darkGray .OneCol-Tabs .tabsIcons h3 { color: #f8f8f8; } .darkGray .OneCol-Tabs .nav-tabs>li.active>a, .darkGray .OneCol-Tabs .nav-tabs>li.active>a:hover, .darkGray .OneCol-Tabs .nav-tabs>li.active>a:focus { color: #bbb; background-color: #1b1b1b; border: 1px solid #333; border-bottom-color: transparent; } .darkGray .OneCol-Tabs .nav-tabs { border-bottom: 1px solid #333; } .darkGray .OneCol-Tabs .responsiveTabs .nav>li>a:hover, .darkGray .OneCol-Tabs .nav>li>a:focus { background: #111; border-color: #111 #111 #333; } .darkGray .OneCol-Tabs .panel-default>.panel-heading { background: #1b1b1b; } .darkGray .OneCol-Tabs .panel-default { border-color: #333; } .darkGray .OneCol-Tabs .responsiveTabs-pane { background: #1b1b1b; } .darkGray .OneCol-Tabs .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #333; } /*--------------------------------------------------- Dark Gray :: 1 Col :: Testimonials Cycle ---------------------------------------------------*/ .darkGray .onCol_testCycle_iconBox { background: rgba(0,0,0,0.5); } .darkGray .oneCol_testCycle_text h2 { color: #f8f8f8; } .darkGray .oneCol_testCycle_text h5 { color: #999; } .darkGray .OneCol_Testimonials_Cycle .flex-prev span { opacity: .5; } .darkGray .OneCol_Testimonials_Cycle .flex-next span { opacity: .5; } /*--------------------------------------------------- Dark Gray :: 2 Cols :: Testimonials Cycle ---------------------------------------------------*/ .darkGray .twoCols_testCycle_quote { border-color: #333; background: #333; } .darkGray .twoCols_testCycle_quote:before { border-top-color: #333; } .darkGray .twoCols_testCycle_quote:after { border-top-color: #333; } .darkGray .twoCols_testCycle_icon.fa { color: rgba(0,0,0,0.2); } /*------------------------------------ Dark Gray :: Icon List ------------------------------------*/ .darkGray .two-col-icons ul li .icon-box { background: #555; } /*------------------------------------ Dark Gray :: Image Boxes ------------------------------------*/ .darkGray .imageBox-Box { background: #333; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); } .darkGray .imageBox-Box h2 { color: #f8f8f8; } /*------------------------------------ Dark Gray :: Image Buttons ------------------------------------*/ .darkGray .imageButton .bottom { background: #333; } .darkGray .imageButton .bottom:before { border-bottom: 8px solid #333; } .darkGray .imageButton h4, .darkGray .imageButton h4 a:link, .darkGray .imageButton h4 a:visited { color: #f8f8f8; } /*------------------------------------ Dark Gray :: Small Icon Blocks ------------------------------------ */ .darkGray .SmallIconBlocks .IconBlock-TextWrap h2 { color: #f8f8f8; } /* Galleria */ .darkGray .two-col .galleriaBox .galleria-container { background: #111; border-color: #111; } .darkGray .two-col .galleriaBox .galleria-thumbnails .galleria-image { border-color: #333; background: #111; } /*------------------------------------ Dark Gray :: Blog Posts ------------------------------------*/ .darkGray .imageBox-title a:link, .darkGray .imageBox-title a:visited { color: #f8f8f8; } /*------------------------------------ Dark Gray :: Testimonials ------------------------------------*/ .darkGray .TestimonialsBlock h2 { color: #f8f8f8; } .darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:first-child, .darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(3), .darkGray .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(4) { border-color: #333; } /*================================================================================================================================================================================ Dark Gray :: Option Blocks ================================================================================================================================================================================*/ /*--------------------------------------------------- Dark Gray :: Empty Message :: Option Block ---------------------------------------------------*/ .darkGray .optionsBlock_empty_Message { background: #333; color: #fff; } /*--------------------------------------------------- Dark Gray :: Testimonials :: Option Block ---------------------------------------------------*/ .darkGray .OptionsBlock ul.flex-direction-nav li a span { color: rgba(255,255,255,0.3); } .darkGray .optionsBlock_quoteTop p { color: #999; } .darkGray .optionsBlock_quoteTop { background: #333; border-color: #333; } .darkGray .optionsBlock_quoteTop:before, .darkGray .optionsBlock_quoteTop:after { border-top-color: #333; } .darkGray .optionsBlock_quoteText h2 { color: #f4f4f4; } .darkGray .optionsBlock_quoteText h5 { color: #999; } /*--------------------------------------- Dark Gray :: Thumbs :: Option Blocks ----------------------------------------*/ .darkGray .optionsBlock_thumbsFrame { background: #444; } .darkGray .optionsBlock_thumbsText h2 a { color: #f4f4f4; } /*--------------------------------------------------- Dark Gray :: Newsletter Signup :: Option Block ---------------------------------------------------*/ .darkGray .optionsBlock_newsletter_Box { background: #111; border: 1px solid rgba(0,0,0,0.1); } .darkGray .optionsBlock_newsletter_Text h2 { color: #f8f8f8; } .darkGray .optionsBlock_newsletter_Box input.promoInput { background: #333; box-shadow: none !important; border: 1px solid #222; color: #999; } /*================================================================================================================================================================================ Dark Gray :: Full Width ================================================================================================================================================================================*/ /*------------------------------------ Dark Gray :: Fluid Rows ------------------------------------*/ .darkGray .FluidRow-Box { background: #1b1b1b; border-color: #333; } .darkGray .FluidRow-BoxInner h2 { color: #f8f8f8; } .darkGray .FluidRow-BoxInner h2:after { background: #333; } .darkGray .FluidRow-BoxInner p { color: #9b9b9b; } /*------------------------------------ Dark Gray :: Fluid Row Gallery ------------------------------------*/ .darkGray .Fluid_Section_Block { border-bottom: 1px solid #333; } .darkGray .FluidRowGallery_textBoxInner { background: #1b1b1b; } .darkGray .FluidRowGallery_textBox h2 { color: #f8f8f8; } .darkGray .FluidRowGallery_textBox h2:after { background: #333; } .darkGray .FluidRowGallery_textBox p { color: #9b9b9b; } /*------------------------------------ Dark Gray :: Draggable Columns ------------------------------------*/ .darkGray .DragCols-Wrapper { background: #1b1b1b; } .darkGray .DragCols_slide .DragCols_text h4 { color: #f8f8f8 !important; } .darkGray .DragCols_slide .DragCols_text p { color: #9b9b9b; } .darkGray .DragCols_slide:hover .DragCols_text, .darkGray .DragCols_slide:hover .DragCols_text h2, .darkGray .DragCols_slide:hover .DragCols_text h4, .darkGray .DragCols_slide:hover .DragCols_text p { color: #fff; border-color: #fff; } .darkGray .DragCols_text h4 { border-color: #333; } .darkGray .DragCols .swiper-slide:first-child:hover .DragCols_text h4 { border-color: #333; } .darkGray .DragCols .swiper-slide:first-child:hover .DragCols_text p { color: #9b9b9b; } /*------------------------------------ Dark Gray :: Hot Spot Banner ------------------------------------*/ .darkGray .hotSpot_fallback, .darkGray .hotSpot_fallback_btn, .darkGray .hotSpot_fallback_text { background: #1b1b1b; border-color: #333; color: #fff; } .darkGray .hotSpot_fallback_text:before { border-right-color: #1b1b1b; } .darkGray .hotSpot_fallback_text:after { border-right-color: #333; } .darkGray .hotSpot_fallback_text p { color: #999; } /*------------------------------------ Dark Gray :: Contact ------------------------------------*/ .darkGray .contact-form-title, .darkGray .contact-header { color: #f8f8f8; } .darkGray .contact-message { color: #9b9b9b; } .darkGray .contact-block { color: #9b9b9b; } .darkGray .contact-form .formInput, .darkGray .contact-form .formTextarea { background: #333; border: 1px solid #555; } /*------------------------------------------------------- Dark Gray :: Image Carousel -------------------------------------------------------*/ /* Text */ .darkGray .ImageCarousel h2.ImageCarousel_title { color: #fefefe; } .darkGray .ImageCarousel h2.ImageCarousel_title a { color: #fefefe; } /*================================================================================================================================================================================ Dark Gray :: Footer ================================================================================================================================================================================*/ .darkGray .footer-top { background: #1b1b1b; } .darkGray .footer-block p { color: rgba(255,255,255,0.5); } .darkGray .footer-bottom { background: #0f0f0f; border: none; } .darkGray h4.footer-block-title { color: rgba(255,255,255,0.9); } .darkGray .footer-ImageLinks .image-text h5 { color: rgba(255,255,255,0.5); } .darkGray .footer-ImageLinks .image-text h5 a { color: rgba(255,255,255,0.5); } .darkGray .footer-ImageLinks .image-frame { border: 3px solid #0f0f0f; box-shadow: none; } .darkGray .footer-SiteLinks .iw_menu li a:link, .darkGray .footer-SiteLinks .iw_menu li a:visited { color: rgba(255,255,255,0.5); } .darkGray p.quote-name { color: rgba(255,255,255,0.8); } .darkGray p.quote-name span { color: rgba(255,255,255,0.5); } .darkGray .footer-ContactInfo .contact-info { color: rgba(255,255,255,0.5); } .darkGray .footer-bottom p { color: rgba(255,255,255,0.3); } .darkGray .footer-bottom p a { color: #555; } .darkGray .footer-NewsletterSignup form input.signup { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.1); } .darkGray .footer-ContactForm input.formInput, .darkGray .footer-ContactForm textarea { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.1); } .darkGray .footer_SocialMediSmall a { color: rgba(255,255,255,0.7); } .darkGray .footer_SocialMediSmall a span { border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.0); } /*------------------------------------ Dark Gray :: Misc ------------------------------------*/ /* Promo Box */ .darkGray .promoBox { background: #111; border: 1px solid #0f0f0f; color: #f8f8f8; } .darkGray .promoBox-newsletterSignup-twoFields .promoInput { background: #333; box-shadow: none !important; border: 1px solid #222; } /*================================================================================================================================================================================ Dark Gray :: Widgets ================================================================================================================================================================================*/ /*------------------------------------ Dark Gray :: Image Tabs ------------------------------------*/ .darkGray .imageTabs-nav li { border-color: #333 !important; } .darkGray .imageTabs-nav a:link, .darkGray .imageTabs-nav a:visited { background: #1b1b1b; } .darkGray .imageTabs-nav a:hover, .darkGray .imageTabs-nav a:active { background: rgba(255,255,255,.05) !important; } .darkGray span.imageTabs-nav-text { background: #1b1b1b !important; color: #f8f8f8 !important; } .darkGray .imageTabs-content-text { background: #000 !important; } .darkGray .imageTabs-content-title { color: #fff !important; } .darkGray .imageTabs-content-text-body { color: #9b9b9b; } /*------------------------------------ Dark Gray :: Media Gallery ------------------------------------*/ .darkGray .MediaGallery, .darkGray .MediaGallery-Controls, .darkGray .MG-CycleButtonBox, .darkGray .MG-button-Next, .darkGray .MG-button-Prev { background: #1b1b1b; color: #fff; border-color: #333; } .darkGray .MG-button span, .darkGray a.MG-CycleButton span { color: #fff; } /*----------------------------------- Dark Gray :: Twitter Panels -------------------------------------*/ .darkGray .socialFeed_Wall .item-box { background: rgba(0,0,0,0.6); color: rgba(255,255,255,0.5); } /*================================================================================================================================================================================ Dark Gray :: Media Queries ================================================================================================================================================================================*/ @media all and (max-width: 992px) { .darkGray .headerClear_dark .header-top .social-media a { color: rgba(255,255,255,0.5); } .darkGray .headerClear_dark.Mobile_Menu_Active .header-top .social-media a { color: rgba(0,0,0,0.5); } .darkGray .headerClear_dark .header-top .phone .fa { color: rgba(255,255,255,0.5); } .darkGray .headerClear_dark.Mobile_Menu_Active .header-top .phone .fa { color: rgba(0,0,0,0.5); } .darkGray .header-bottom nav.tablet a:link, .darkGray .header-bottom nav.tablet a:visited { border-color: rgba(255,255,255,0.2); color: #f4f4f4; } .darkGray .navScroll .header-bottom nav.tablet a:link, .darkGray .navScroll .header-bottom nav.tablet a:visited { border-color: #333; color: #f4f4f4; } } @media all and (max-width: 768px) { .darkGray .headerClear .header-top { background: #111; padding: 0; } .darkGray .headerClear_dark .header-top .social-media a { color: rgba(255,255,255,0.5); } .darkGray .headerClear_dark.Mobile_Menu_Active .header-top .social-media a { color: rgba(255,255,255,0.5); } .darkGray .headerClear_dark .header-top .phone .fa { color: rgba(255,255,255,0.5); } .darkGray .headerClear_dark.Mobile_Menu_Active .header-top .phone .fa { color: rgba(255,255,255,0.5); } .darkGray .headerClear .header-bottom { background: #1b1b1b; border-top: 1px solid #222; border-bottom: 1px solid #222; } .darkGray .headerSolid .header-bottom nav.tablet a.nav-menu.active { background: none; } /* Dark Gray :: Header :: Alternate :: Clear :: Default */ .headerAlternate_Body .darkGray .headerClear .header-top { background: #111; border-bottom: 1px solid #333; } .headerAlternate_Body .darkGray .headerClear .header-bottom { background: #1b1b1b; border-bottom: 1px solid #333; } /* Dark Gray :: Header :: Alternate :: Clear :: Light */ .headerAlternate_Body.headerClear_Light_Body .darkGray .headerClear_light .header-bottom a.nav-button:link, .headerAlternate_Body.headerClear_Light_Body .darkGray .headerClear_light .header-bottom a.nav-button:visited { color: #999; border-color: #333; } .headerAlternate_Body .darkGray .headerClear_light .header-bottom h1.logo a .headerSolid_Logo { display: none !important; } .headerAlternate_Body .darkGray .headerClear_light .header-bottom h1.logo a .headerClear_Logo { display: inline-block !important; } /*----------------------------------------------------------------- Dark Gray :: Clear :: Dark -------------------------------------------------------------------*/ /* Header Clear Dark on scroll menu active logo status */ .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerSolid_Logo { display: none !important; } /* Mobile Icons */ .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .darkGray .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(255,255,255,0.2); color: #f4f4f4; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * B L A C K * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * _ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Wrap a Section Block Include with a div that has the class of "Black" * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*================================================================================================================================================================================ Black :: Body ================================================================================================================================================================================*/ body.Black { background: #000; } #content-wrap.Black { background: #000; } .Black .basic-title-box .basic-title { color: #f4f4f4; border-color: #222; } .Black .basic-title-box .basic-title a { color: #f4f4f4; } /*================================================================================================================================================================================ Black :: Header :: Default ================================================================================================================================================================================*/ .Black .header-top { background: #000; } .Black .header-bottom { background: #000; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; } .Black .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, .Black .header-bottom nav ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited, .Black .header-bottom a.nav-button { color: #bbb; } .Black .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:link, .Black .navScroll .header-bottom nav.desktop ul.iw_menu li.iw_menu_group div.iw_menu_group_header a:visited { color: #bbb; } .Black .headerClear.navScroll .header-bottom a.nav-button:link, .Black .headerClear.navScroll .header-bottom a.nav-button:visited { color: #bbb; } .Black .header-top .social-media a { color: rgba(255,255,255,0.5); } .Black .header-top .phone .fa { color: rgba(255,255,255,0.5); } .Black .header-bottom nav ul li .iw_menu_group_header a:before { /* background: #000; */ } .Black .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links { background: #000; border-top: 1px solid #000; } .Black .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a { background: #000; } .Black .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a { color: #bbb; } .Black .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:hover, .Black .header-bottom nav.desktop ul.iw_menu li ul.iw_menu_group_links li.iw_menu_link a:active { } .Black .header-bottom nav.tablet a:link, .Black .header-bottom nav.tablet a:visited { border-color: #333; color: #f4f4f4; } .Black .navScroll .header-bottom nav.tablet a:link, .Black .navScroll .header-bottom nav.tablet a:visited { border-color: #333; color: #f4f4f4; } /*------------------------------------ Black :: Clear Header ------------------------------------*/ .Black .headerClear .header-top { background: rgba(248,248,248,0.0); padding: 10px 0 0 0; } .Black .headerClear .header-bottom { background: rgba(255,255,255,0.0); border-top: 1px solid rgba(0,0,0,0.0); border-bottom: 1px solid rgba(0,0,0,0.0); } .Black .headerClear.navScroll .header-top { background: #000; padding: 0; } .Black .headerClear.navScroll .header-bottom { background: #000; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; } /*================================================================================================================================================================================ Black :: Header :: Alternate ================================================================================================================================================================================*/ .Black .header_Alternate .header-bottom { border: none; } .Black .header_bottom_alternate { background: #000; border-bottom: 1px solid #222; border-top: 1px solid #222; } .Black .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .Black .header_bottom_alternate a.nav-button:link, .Black .header_bottom_alternate a.nav-button:visited { color: #999; } /*----------------------------------------------------------------- Black :: Clear :: Default -------------------------------------------------------------------*/ .Black .headerClear .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); border-top: none; } .Black .headerClear .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #fff; } .Black .headerClear .header_bottom_alternate a.nav-button:link, .Black .headerClear .header_bottom_alternate a.nav-button:visited { color: #fff; } /* On Scroll */ .Black .headerClear.navScroll .header_bottom_alternate { background: #111; border-bottom: 1px solid #222; } .Black .headerClear.navScroll .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .Black .headerClear.navScroll .header_bottom_alternate a.nav-button:link, .Black .headerClear.navScroll .header_bottom_alternate a.nav-button:visited { color: #999; } /*----------------------------------------------------------------- Black :: Clear :: Light -------------------------------------------------------------------*/ .Black .headerClear.headerClear_light .header_bottom_alternate { background: rgba(255,255,255,0.0); border-bottom: 1px solid rgba(255,255,255,0.0); } .Black .headerClear.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #222; } .Black .headerClear.headerClear_light .header_bottom_alternate a.nav-button:link, .Black .headerClear.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #222; } /* On Scroll */ .Black .headerClear.navScroll.headerClear_light .header_bottom_alternate { background: #000; border-bottom: 1px solid #222; } .Black .headerClear.navScroll.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a { color: #999; } .Black .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:link, .Black .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:visited { color: #999; } .headerAlternate_Body .Black .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerSolid_Logo { display: none !important; } .headerAlternate_Body .Black .headerClear.navScroll.headerClear_light .header-bottom h1.logo a .headerClear_Logo { display: inline-block !important; } /*----------------------------------------------------------------- Black :: Clear :: Dark -------------------------------------------------------------------*/ /* Header Clear Dark on scroll menu active logo status */ .Black .headerClear_dark.Mobile_Menu_Not_Active .header-bottom .logo .headerSolid_Logo { display: none !important; } .Black .headerClear_dark.Mobile_Menu_Not_Active .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .Black .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerClear_Logo { display: none !important; } .Black .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerSolid_Logo { display: inline-block !important; } .Black .headerClear_dark.Mobile_Menu_Not_Active.navScroll .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .Black .headerClear_dark.Mobile_Menu_Not_Active.navScroll .header-bottom .logo .headerSolid_Logo { display: none !important; } /* Mobile Icons */ .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); } /*================================================================================================================================================================================ Black :: Section Blocks ================================================================================================================================================================================*/ .Black .section-block { background: #000; border-bottom: 1px solid #1b1b1b; } .Black .section-block .big-section-title h1, .Black .section-block .big-section-title h2, .Black .two-col h1, .Black .two-col h2 { color: #f8f8f8; } .Black .section-block .big-section-title h1:after, .Black .two-col h1:after, .Black .TwoCols-IconList .two-col-left p:after { background: #1b1b1b; } .Black .section-block p { color: #9b9b9b; } .Black .two-col h2 { color: #f8f8f8; } .Black .endCap { background: #1b1b1b; } /*------------------------------------ Black :: Tabs ------------------------------------*/ .Black .OneCol-Tabs .tabsIcons h3 { color: #f8f8f8; } .Black .OneCol-Tabs .nav-tabs>li.active>a, .Black .OneCol-Tabs .nav-tabs>li.active>a:hover, .Black .OneCol-Tabs .nav-tabs>li.active>a:focus { color: #bbb; background-color: #000; border: 1px solid #1b1b1b; border-bottom-color: transparent; } .Black .OneCol-Tabs .nav-tabs { border-bottom: 1px solid #1b1b1b; } .Black .OneCol-Tabs .responsiveTabs .nav>li>a:hover, .Black .OneCol-Tabs .nav>li>a:focus { background: #000; border-color: #000 #000 #1b1b1b; } .Black .OneCol-Tabs .panel-default>.panel-heading { background: #000; } .Black .OneCol-Tabs .panel-default { border-color: #1b1b1b; } .Black .OneCol-Tabs .responsiveTabs-pane { background: #000; } .Black .OneCol-Tabs .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #1b1b1b; } /*--------------------------------------------------- Black :: 1 Col :: Testimonials Cycle ---------------------------------------------------*/ .Black .onCol_testCycle_iconBox { background: #222; } .Black .oneCol_testCycle_text h2 { color: #f8f8f8; } .Black .oneCol_testCycle_text h5 { color: #999; } .Black .OneCol_Testimonials_Cycle .flex-prev span { opacity: .5; } .Black .OneCol_Testimonials_Cycle .flex-next span { opacity: .5; } /*--------------------------------------------------- Black :: 2 Cols :: Testimonials Cycle ---------------------------------------------------*/ .Black .twoCols_testCycle_quote { border-color: #222; background: #222; } .Black .twoCols_testCycle_quote:before { border-top-color: #222; } .Black .twoCols_testCycle_quote:after { border-top-color: #222; } .Black .twoCols_testCycle_icon.fa { color: rgba(0,0,0,0.4); } /*------------------------------------ Black :: Icon List ------------------------------------*/ .Black .two-col-icons ul li .icon-box { background: #555; } /*------------------------------------ Black :: Image Boxes ------------------------------------*/ .Black .imageBox-Box { background: #1b1b1b; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); } .Black .imageBox-Box h2 { color: #f8f8f8; } /*------------------------------------ Black :: Image Buttons ------------------------------------*/ .Black .imageButton .bottom { background: #1b1b1b; } .Black .imageButton .bottom:before { border-bottom: 8px solid #1b1b1b; } .Black .imageButton h4, .Black .imageButton h4 a:link, .Black .imageButton h4 a:visited { color: #f8f8f8; } /*------------------------------------ Black :: Small Icon Blocks ------------------------------------*/ .Black .SmallIconBlocks .IconBlock-TextWrap h2 { color: #f8f8f8; } /*------------------------------------ Black :: Galleria ------------------------------------*/ .Black .two-col .galleriaBox .galleria-container { background: #000; border-color: #333; } .Black .two-col .galleriaBox .galleria-thumbnails .galleria-image { border-color: #000; background: #333; } /*------------------------------------ Black :: Blog Posts ------------------------------------*/ .Black .imageBox-title a:link, .Black .imageBox-title a:visited { color: #f8f8f8; } /*------------------------------------ Black :: Testimonials Blocks ------------------------------------*/ .Black .TestimonialsBlock h2 { color: #f8f8f8; } .Black .TwoCols-Testimonials .TestimonialsBlock-Wrapper:first-child, .Black .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(3), .Black .TwoCols-Testimonials .TestimonialsBlock-Wrapper:nth-child(4) { border-color: #333; } /*================================================================================================================================================================================ Option Blocks ================================================================================================================================================================================*/ /*--------------------------------------------------- Black :: Empty Message :: Option Block ---------------------------------------------------*/ .Black .optionsBlock_empty_Message { background: #222; color: #fff; } /*--------------------------------------------------- Testimonials :: Option Block ---------------------------------------------------*/ .Black .OptionsBlock ul.flex-direction-nav li a span { color: rgba(255,255,255,0.3); } .Black .optionsBlock_quoteTop p { color: #999; } .Black .optionsBlock_quoteTop { background: #222; border-color: #222; } .Black .optionsBlock_quoteTop:before, .Black .optionsBlock_quoteTop:after { border-top-color: #222; } .Black .optionsBlock_quoteText h2 { color: #f4f4f4; } .Black .optionsBlock_quoteText h5 { color: #999; } /*--------------------------------------- Black :: Thumbs :: Option Blocks ----------------------------------------*/ .Black .optionsBlock_thumbsFrame { background: #333; } .Black .optionsBlock_thumbsText h2 a { color: #f4f4f4; } /*--------------------------------------------------- Black :: Newsletter Signup :: Option Block ---------------------------------------------------*/ .Black .optionsBlock_newsletter_Box { background: #000; border: 1px solid #333; } .Black .optionsBlock_newsletter_Text h2 { color: #f8f8f8; } .Black .optionsBlock_newsletter_Box input.promoInput { background: #333; box-shadow: none !important; border: 1px solid #222; color: #999; } /*================================================================================================================================================================================ Black :: Full Width ================================================================================================================================================================================*/ /*------------------------------------ Black :: Fluid Rows ------------------------------------*/ .Black .FluidRow-Box { background: #000; border-color: #333; } .Black .FluidRow-BoxInner h2 { color: #f8f8f8; } .Black .FluidRow-BoxInner h2:after { background: #333; } .Black .FluidRow-BoxInner p { color: #9b9b9b; } /*------------------------------------ Black :: Fluid Row Gallery ------------------------------------*/ .Black .Fluid_Section_Block { border-bottom: 1px solid #222; } .Black .FluidRowGallery_textBoxInner { background: #000; } .Black .FluidRowGallery_textBox h2 { color: #f8f8f8; } .Black .FluidRowGallery_textBox h2:after { background: #333; } .Black .FluidRowGallery_textBox p { color: #9b9b9b; } /*------------------------------------ Black :: Draggable Columns ------------------------------------*/ .Black .DragCols-Wrapper { background: #000; } .Black .DragCols_slide .DragCols_text h4 { color: #f8f8f8 !important; } .Black .DragCols_slide .DragCols_text p { color: #9b9b9b; } .Black .DragCols_slide:hover .DragCols_text, .Black .DragCols_slide:hover .DragCols_text h2, .Black .DragCols_slide:hover .DragCols_text h4, .Black .DragCols_slide:hover .DragCols_text p { color: #fff; border-color: #fff; } .Black .DragCols_text h4 { border-color: #222; } .Black .DragCols .swiper-slide:first-child:hover .DragCols_text h4 { border-color: #222; } .Black .DragCols .swiper-slide:first-child:hover .DragCols_text p { color: #9b9b9b; } /*------------------------------------ Black :: Hot Spot Banner ------------------------------------*/ .Black .hotSpot_fallback, .Black .hotSpot_fallback_btn, .Black .hotSpot_fallback_text { background: #000; border-color: #333; color: #fff; } .Black .hotSpot_fallback_text:before { border-right-color: #000; } .Black .hotSpot_fallback_text:after { border-right-color: #333; } .Black .hotSpot_fallback_text p { color: #999; } /*------------------------------------ Black :: Promo Box ------------------------------------*/ .Black .promoBox { background: #000; border: 1px solid #333; color: #f8f8f8; } .Black .promoBox-newsletterSignup-twoFields .promoInput { background: #333; box-shadow: none !important; border: 1px solid #222; } /*------------------------------------ Black :: Contact ------------------------------------*/ .Black .contact-form-title, .Black .contact-header { color: #f8f8f8; } .Black .contact-message { color: #9b9b9b; } .Black .contact-block { color: #9b9b9b; } .Black .contact-form .formInput, .Black .contact-form .formTextarea { background: #333; border: 1px solid #333; } /*------------------------------------------------------- Black :: Image Carousel -------------------------------------------------------*/ /* Text */ .Black .ImageCarousel h2.ImageCarousel_title { color: #fefefe; } .Black .ImageCarousel h2.ImageCarousel_title a { color: #fefefe; } /*================================================================================================================================================================================ Black :: Footer ================================================================================================================================================================================*/ .Black .footer-top { background: #000; } .Black .footer-block p { color: #777; } .Black .footer-bottom { background: #000; border-top: 1px solid #222; border-bottom: 1px solid #222; } .Black h4.footer-block-title { color: #c9c9c9; } .Black .footer-ImageLinks .image-text h5 { color: #777; } .Black .footer-ImageLinks .image-frame { border: 3px solid #0f0f0f; box-shadow: none; } .Black p.quote-name { color: #c9c9c9; } .Black p.quote-name span { color: #777; } .Black .footer-ContactInfo .contact-info { color: #777; } .Black .footer-bottom p { color: #555; } .Black .footer-bottom p a { color: #555; } .Black .footer-NewsletterSignup form input.signup { background: #222; border-color: #333; color: #666 } .Black .footer-ContactForm input.formInput, .Black .footer-ContactForm textarea { background: #222; border-color: #333; color: #666 } .Black .footer_SocialMediSmall a { color: #999; } .Black .footer_SocialMediSmall a span { border: 1px solid #222; color: #999; background: #000; } /*================================================================================================================================================================================ Black :: Widgets ================================================================================================================================================================================*/ /*------------------------------------ Black :: Image Tabs ------------------------------------*/ .Black .imageTabs-nav li { border-color: #222 !important; } .Black .imageTabs-nav a:link, .Black .imageTabs-nav a:visited { background: #000; } .Black .imageTabs-nav a:hover, .Black .imageTabs-nav a:active { background: rgba(255,255,255,.05) !important; } .Black span.imageTabs-nav-text { background: #000 !important; color: #f8f8f8 !important; } .Black .imageTabs-content-text { background: #000 !important; } .Black .imageTabs-content-title { color: #fff !important; } .Black .imageTabs-content-text-body { color: #9b9b9b; } /*------------------------------------ Black :: Media Gallery ------------------------------------*/ .Black .MediaGallery, .Black .MediaGallery-Controls, .Black .MG-CycleButtonBox, .Black .MG-button-Next, .Black .MG-button-Prev { background: #000; color: #fff; border-color: #222; } .Black .MG-button span, .Black a.MG-CycleButton span { color: #fff; } /*----------------------------------- Black :: Twitter Panels -------------------------------------*/ .Black .socialFeed_Wall .item-box { background: rgba(0,0,0,0.6); color: rgba(255,255,255,0.5); } /*================================================================================================================================================================================ Black :: Media Queries ================================================================================================================================================================================*/ @media all and (max-width: 992px) { .Black .headerClear_dark .header-top .social-media a { color: rgba(255,255,255,0.5); } .Black .headerClear_dark.Mobile_Menu_Active .header-top .social-media a { color: rgba(0,0,0,0.5); } .Black .headerClear_dark .header-top .phone .fa { color: rgba(255,255,255,0.5); } .Black .headerClear_dark .header-bottom nav.tablet a:link, .Black .headerClear_dark .header-bottom nav.tablet a:visited { border-color: rgba(255,255,255,0.2); } .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); } .Black .headerClear_dark.Mobile_Menu_Active .header-top .phone .fa { color: rgba(0,0,0,0.5); } .Black .header-bottom nav.tablet a:link, .Black .header-bottom nav.tablet a:visited { border-color: #222; color: #f4f4f4; } .Black .navScroll .header-bottom nav.tablet a:link, .Black .navScroll .header-bottom nav.tablet a:visited { border-color: #222; color: #f4f4f4; } } @media all and (max-width: 768px) { .Black .headerClear .header-top { background: #000; padding: 0; } .Black .headerClear_dark .header-top .social-media a { color: rgba(255,255,255,0.5); } .Black .headerClear_dark.Mobile_Menu_Active .header-top .social-media a { color: rgba(255,255,255,0.5); } .Black .headerClear_dark .header-top .phone .fa { color: rgba(255,255,255,0.5); } .Black .headerClear_dark.Mobile_Menu_Active .header-top .phone .fa { color: rgba(255,255,255,0.5); } .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(255,255,255,0.2); color: #f4f4f4; } .Black .headerClear .header-bottom { background: #000; border-top: 1px solid #222; border-bottom: 1px solid #222; } .Black .headerSolid .header-bottom nav.tablet a.nav-menu.active { background: none; } /* Black :: Header :: Alternate :: Clear :: Default */ .headerAlternate_Body .Black .headerClear .header-top { background: #000; border-bottom: 1px solid #222; } .headerAlternate_Body .Black .headerClear .header-bottom { background: #000; border-bottom: 1px solid #222; } /* Black :: Header :: Alternate :: Clear :: Light */ .headerAlternate_Body.headerClear_Light_Body .Black .headerClear_light .header-bottom a.nav-button:link, .headerAlternate_Body.headerClear_Light_Body .Black .headerClear_light .header-bottom a.nav-button:visited { color: #999; border-color: #222; } .headerAlternate_Body .Black .headerClear_light .header-bottom h1.logo a .headerSolid_Logo { display: none !important; } .headerAlternate_Body .Black .headerClear_light .header-bottom h1.logo a .headerClear_Logo { display: inline-block !important; } /*----------------------------------------------------------------- Black :: Clear :: Dark -------------------------------------------------------------------*/ /* Header Clear Dark on scroll menu active logo status */ .Black .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerClear_Logo { display: inline-block !important; } .Black .headerClear_dark.Mobile_Menu_Active .header-bottom .logo .headerSolid_Logo { display: none !important; } /* Mobile Icons */ .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:link, .Black .headerClear_dark.Mobile_Menu_Active .header-bottom nav.tablet a:visited { border-color: rgba(255,255,255,0.2); color: #f4f4f4; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * B A C K G R O U N D I M A G E * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * _ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Wrap a Section Block Include with a div that has the class of "Image-Background" * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Applied to section blocks that are using the album based background image option * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .section-block.Image-Background { -webkit-transform:translateZ(0) !important; } .section-block.Image-Background .basic-title-box .basic-title { color: #f4f4f4; border-color: #222; } .section-block.Image-Background .basic-title-box .basic-title a { color: #f4f4f4; } /*======================================================================================================= BG Image :: Features ========================================================================================================*/ /*--------------------------------------------------- BG Image :: Promo Box ---------------------------------------------------*/ .section-block.Image-Background .promoBox { background: rgba(255,255,255,0.3); } .section-block.Image-Background .promoBox-newsletterSignup h4 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.2); } .section-block.Image-Background .promoBox-newsletterSignup-twoFields .promoInput { border: 1px solid #fff; background: rgba(255,255,255,0.8); } /*======================================================================================================= BG Image :: Section Blocks ========================================================================================================*/ /*--------------------------------------------------- BG Image :: Defaults ---------------------------------------------------*/ .section-block.Image-Background { border-bottom: none; } .section-block.Image-Background .big-section-title h1, .section-block.Image-Background .big-section-title h2, .section-block.Image-Background .two-col h1, .section-block.Image-Background .two-col h2 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.2); } .section-block.Image-Background .big-section-title h1:after, .section-block.Image-Background .two-col h1:after, .section-block.Image-Background.TwoCols-IconList .two-col-left p:after { background: rgba(255,255,255,0.3); text-shadow: 0 1px 1px rgba(0,0,0,0.2); } .section-block.Image-Background .endCap { background: rgba(255,255,255,0.3); text-shadow: 0 1px 1px rgba(0,0,0,0.2); } .section-block.Image-Background p { color: #fff; } .section-block.Image-Background .two-col h2 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.2); } /*--------------------------------------------------- BG Image :: 1 Col :: Testimonials Cycle ---------------------------------------------------*/ .section-block.Image-Background .oneCol_testCycle_text, .section-block.Image-Background .oneCol_testCycle_text h2, .section-block.Image-Background .oneCol_testCycle_text h5 { color: #fff; } /*--------------------------------------------------- BG Image :: 2 Cols :: Testimonials Cycle ---------------------------------------------------*/ .section-block.Image-Background .twoCols_testCycle_quote { background: #fff; color: #555; } .section-block.Image-Background .twoCols_testCycle_quoteBox p { color: #555; } .section-block.Image-Background .twoCols_testCycle_text h5 { color: rgba(255,255,255,0.8); } .section-block.Image-Background .twoCols_testCycle_BoxWrapper .flex-control-paging li a { background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.1); } .section-block.Image-Background .twoCols_testCycle_BoxWrapper .flex-control-paging li a.flex-active { background: rgba(255,255,255,.3); } /*--------------------------------------------------- BG Image :: Tabs ---------------------------------------------------*/ .section-block.Image-Background .tabsIcons h3 { color: #fff; } .section-block.Image-Background .nav-tabs>li.active>a, .section-block.Image-Background .nav-tabs>li.active>a:hover, .section-block.Image-Background .nav-tabs>li.active>a:focus { color: #fff; background: none; border: 1px solid rgba(255,255,255,0.5); border-bottom-color: transparent; text-shadow: 0 1px 1px rgba(0,0,0,0.2); } .section-block.Image-Background .nav-tabs { border-bottom: 1px solid rgba(255,255,255,0.5); } .section-block.Image-Background .responsiveTabs .nav>li>a:hover, .section-block.Image-Background .nav>li>a:focus { background: none; } .section-block.Image-Background .panel-default>.panel-heading { background: none; } .section-block.Image-Background .panel-default { border-color: rgba(255,255,255,0.5); background: none; } .section-block.Image-Background .responsiveTabs-pane { background: none; } .section-block.Image-Background .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; } /*--------------------------------------------------- BG Image :: Galeria ---------------------------------------------------*/ .section-block.Image-Background .galleriaBox .galleria-container { background: rgba(255,255,255,0.3); border: none; } .section-block.Image-Background .galleriaBox .galleria-thumb-nav-left:before, .section-block.Image-Background .galleriaBox .galleria-thumb-nav-right:before { color: #fff; } /*--------------------------------------------------- BG Image :: Icon List ---------------------------------------------------*/ .section-block.Image-Background .two-col-icons ul li .icon-box { background: rgba(0,0,0,0.3); } /*--------------------------------------------------- BG Image :: Image Boxes ---------------------------------------------------*/ .section-block.Image-Background .imageBox-Box { background: rgba(255,255,255,0.9); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); } .section-block.Image-Background .imageBox-Box h2 { color: #444; } .section-block.Image-Background .imageBox-Box h2 a { color: #fff; } .section-block.Image-Background .imageBox-Box p { color: #444; } /*--------------------------------------------------- BG Image :: Image Blocks ---------------------------------------------------*/ .section-block.Image-Background.ImageBlocks h2 { color: #fff; } .section-block.Image-Background.ImageBlocks p { color: #fff; } /*--------------------------------------------------- BG Image :: Image Buttons ---------------------------------------------------*/ .section-block.Image-Background .imageButton .bottom { background: rgba(255,255,255,0.8); } .section-block.Image-Background .imageButton h4 a:link, .section-block.Image-Background .imageButton h4 a:visited { color: #383838; } .section-block.Image-Background .imageButton p { color: #787676; } .section-block.Image-Background .imageButton .bottom:before { border-bottom: 8px solid #1b1b1b; } .section-block.Image-Background .imageButton h4, .section-block.Image-Background .imageButton h4 a:link, .section-block.Image-Background .imageButton h4 a:visited { color: #383838; } /*--------------------------------------------------- BG Image :: Blog Post ---------------------------------------------------*/ .section-block.BlogPost-ImageBoxes.Image-Background .imageBox-Box h2 a, .section-block.News-ImageBoxes.Image-Background .imageBox-Box h2 a { color: #fff; } /*--------------------------------------------------- BG Image :: Testimonials ---------------------------------------------------*/ .section-block.Image-Background .TestimonialsBlock p { color: #fff; } .section-block.Image-Background .TestimonialsBlock h2 { color: #fff; } .section-block.Image-Background .TestimonialsBlock-TextWrap h2, .section-block.Image-Background .TestimonialsBlock-TextWrap h5 { color: #fff; } .section-block.Image-Background .TestimonialsBlock-Wrapper { border-color: rgba(255,255,255,0.4); } /*--------------------------------------------------- BG Image :: Small Icon Block ---------------------------------------------------*/ .section-block.Image-Background.SmallIconBlocks .IconBlock-TextWrap h2 { color: #fff; } /*--------------------------------------------------- BG Image :: Contact ---------------------------------------------------*/ .section-block.Image-Background .contact-form-title, .section-block.Image-Background .contact-header { color: #fff; } .section-block.Image-Background .contact-message { color: #fff; } .section-block.Image-Background .contact-block { color: #fff; } .section-block.Image-Background ::-webkit-input-placeholder { color: #fff; padding: 2px 0 0 0; opacity: 1 !important; } .section-block.Image-Background :-moz-placeholder { /* Firefox 18- */ color: #fff; padding: 2px 0 0 0; opacity: 1 !important; } .section-block.Image-Background ::-moz-placeholder { /* Firefox 19+ */ color: #fff; padding: 2px 0 0 0; opacity: 1 !important; } .section-block.Image-Background :-ms-input-placeholder { color: #fff; padding: 2px 0 0 0; opacity: 1 !important; } .section-block.Image-Background .contact-form .formInput, .section-block.Image-Background .contact-form .formTextarea { background: rgba(255,255,255,0.6); border: none; } /*======================================================================================================= BG Image :: Options Blocks ========================================================================================================*/ /*-------------------------------------------------- BG Image :: Empty Message :: Option Block ---------------------------------------------------*/ .section-block.Image-Background .optionsBlock_empty_Message { background: rgba(255,255,255,0.8); color: #555; } /*-------------------------------------------------- BG Image :: Testimonials :: Option Block ---------------------------------------------------*/ .section-block.Image-Background .OptionsBlock ul.flex-direction-nav li a span { color: rgba(255,255,255,0.3); } .section-block.Image-Background .optionsBlock_quoteTop p { color: #fff; } .section-block.Image-Background .optionsBlock_quoteTop { background: #222; border-color: #222; } .section-block.Image-Background .optionsBlock_quoteTop:before, .section-block.Image-Background .optionsBlock_quoteTop:after { border-top-color: #222; } .section-block.Image-Background .optionsBlock_quoteText h2 { color: #f4f4f4; } .section-block.Image-Background .optionsBlock_quoteText h5 { color: #999; } /*--------------------------------------------------- BG Image :: Thumbs :: Option Blocks ----------------------------------------*/ .section-block.Image-Background .optionsBlock_thumbsFrame { background: rgba(255,255,255,0.3); } .section-block.Image-Background .optionsBlock_thumbsText h2 a { color: #f4f4f4; } /*--------------------------------------------------- BG Image :: Newsletter Signup :: Option Block ---------------------------------------------------*/ .section-block.Image-Background .optionsBlock_newsletter_Box { background: rgba(255,255,255,.1); border: none; } .section-block.Image-Background .optionsBlock_newsletter_Text h2 { color: #f8f8f8; } .section-block.Image-Background .optionsBlock_newsletter_Box input.promoInput { box-shadow: none !important; color: #000; border: 1px solid #fff; background: rgba(255,255,255,0.8); } /*======================================================================================================= BG Image :: Footer ========================================================================================================*/ .section-block.Image-Background .footer-top { background: #000; } .section-block.Image-Background .footer-bottom { background: #000; border-top: 1px solid #222; border-bottom: 1px solid #222; } .section-block.Image-Background h4.footer-block-title { color: #c9c9c9; } .section-block.Image-Background .footer-ImageLinks .image-text h5 { color: #777; } .section-block.Image-Background .footer-ImageLinks .image-frame { border: 3px solid #0f0f0f; } .section-block.Image-Background p.quote-name { color: #c9c9c9; } .section-block.Image-Background p.quote-name span { color: #777; } .section-block.Image-Background .footer-ContactInfo .contact-info { color: #777; } .section-block.Image-Background .footer-bottom p { color: #555; } .section-block.Image-Background .footer-bottom p a { color: #555; }