/* Theme Name: TKinkade Theme URI: http://www.gammafx.com/ Version: 1.1 Description: Custom Theme for ThomasKinkade.com Author: GammaFX, Inc - Design Studio Author URI: http://www.gammafx.comart */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } input[type="submit"] { -webkit-appearance: none; border-radius: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } body { font-family: 'Droid Serif',Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #464646; background-color: #fff; } body, html { height: 100%; } .noscroll{ overflow:hidden; } a { text-decoration: none; color: #fff; } a:hover { text-decoration: underline; } body.archive #main-content a, body.single #main a, body.page #main a { color: #6ab3b2; } body.single #info-area, body.page #info-area { color: #fff; } body.single #main h1, body.single #main h2, body.single #main h3, body.single #main h4, body.single #main h5, body.single #main h6, body.page #main h1, body.page #main h2, body.page #main h3, body.page #main h4, body.page #main h5, body.page #main h6, body.error404 #main h1, body.error404 #main h2, body.error404 #main h3, body.error404 #main h4, body.error404 #main h5, body.error404 #main h6 { color: #000; } mark { background-color:transparent; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #fff; line-height: 1em; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h2, h3, h4 { font-weight: 600;text-transform: uppercase; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 1.5em; } /* vc line-height: 18px; line-height: 24px; */ strong { font-weight: bold; /*color: #1c1c1c;*/ } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, input[type=text],input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #ccc !important; padding: 10px 10px !important; color: #000; } input:focus, input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940 !important; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* #info-bg { position: fixed; top: 0; bottom: 0; z-index: 3; } #main:before { content:''; position:absolute; height:100%; width:1px; background-color:#e9e9e9; top:0; left:0px; z-index:101; } */ #info-area:after { content:''; position:absolute; height:100%; width:1px; background-color:#e9e9e9; top:0; right:0px; z-index: 4; } #info-bg, #main-wrap:before { background: #FFF; } #info-bg-mask { position:absolute; height:100%; width:100%; background:#FFF; z-index:2; top:0; left:0;} #main-wrap:before { content: ''; top: 0; left: 0; position: absolute; height: 100%; } #info-area, #info-bg, #main-wrap:before { width: 280px; border-right: none; } #info-area { z-index: 4; position:fixed; top: 0; bottom: 0; } #logo-area { text-align: center; padding:20px 10px; position:relative; z-index:4; background:#FFF; } #logo-area a { display:block; } img#logo { width:100%; height:auto;} .entry-image .readmore { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); width: 42px; height: 42px; background: #fff; text-indent: -9999px; position: relative; display: inline-block; overflow: hidden; } .entry-image .readmore span { position: absolute; top: 9px; left: 9px; background: url(images/zoom.png) no-repeat; width: 23px; height: 24px; display: block; } #main-wrap { height: auto; min-height: 100%; position: relative; } #main { margin-left: 280px; height: 100%; position: relative; z-index: 2; } #wrapper { float: left; width: 100%; position:relative; } body.archive #main-content.left #articles.posts.single-column .post, body.page #main-content.left #articles.posts.single-column .post, body.page #main-content.left .single-column .masonry-grid-size, body.archive #main-content.left .single-column .masonry-grid-size, body.page #main-content.left .single-column .entry-image, body.archive #main-content.left .single-column .entry-image, .single-column .masonry-grid-size {width: 100% !important;} #articles.posts .post, .masonry-grid-size {width: 25%;} .entry-image { float: none; width: 25%; position: relative; color: #fff; font-size:16px; overflow:hidden; } .entry-image img { display: block; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); width:100%; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s;} /*.entry-image:after { position:absolute; top:0; left:0px; width:100%; height:100%; content:''; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);}*/ .entry-image { border-top: solid 1px #FFF} .entry-image:before{content:''; position:absolute; height:100%; width:1px; top:0px; left:0; background-color:#FFF; z-index:100; } .image-info, #top-menu .link_bg, #info-bg, #info-area { -webkit-transform: translate3d(0,0,0); } .image-info {position:absolute; bottom:0; width:80%; height:auto; text-align:center; padding:5% 10%; background: rgba(0,0,0,0.50); text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); overflow:hidden;} .image-info .title, .image-info .title h2, #articles .image-info .title h2, .image-info .title h3, #articles .image-info .title h3 { color:#fff !important; margin:0 !important; padding:0 !important; } .image-info .description { display:none; margin-top:15px; } .image-info.hover .description { /*display:block;*/ } /*.image-info a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; }*/ #main-content { padding-bottom: 25px; font-size:16px; } .entry-content { position: relative; } .main-title { color: #fff; position: absolute; bottom: 10%; left: 10%; } .et-no-big-image .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: 0; left: 0; margin-bottom: 20px; } .main-title h1, h1#comments, h3#reply-title { /*font-size: 48px;letter-spacing: -2px;*/ font-weight: 600; } .main-title p { font-size: 18px; } body.single #main .meta-info a, body.page #main .meta-info a { color: #4a4b4b; } body.single #main .meta-info a:hover, body.page #main .meta-info a:hover { color: #111; text-decoration: none; } .post-thumbnail { position: relative; } .post-thumbnail img { display: block; width: 100%; } /*.post-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); box-shadow: inset 0 0 7px rgba(0,0,0,0.35); }*/ .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } #main-footer { background:#63afa2; padding: 20px; color: #fff; } #copyright a { font-weight: 600; color: #494b4b !important; } #copyright a:hover { color: #111 !important; text-decoration: none; } #big_thumbnail { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 320px; background-repeat: no-repeat; } .entry-image:hover { z-index: 11; } .image-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; } .entry-image a, #main .posts.products.single-column a {display: block; position:absolute; width:100%; height:100%; z-index:10;} .page-heading { min-height: 100px; position:relative; /*overflow: auto;*/} body.archive .main-title, body.page .main-title { position: absolute; bottom: 10%; left: 10%; color: #FFF; margin-right: 10%; width: 80%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); } body.archive #main .main-title h1, body.page #main .main-title h1 {font-size: 80px; text-transform: uppercase; color:#FFF; } body.archive .no-image .main-title, body.page .no-image .main-title { text-shadow: none; font-weight:normal; position:static; bottom: auto; left: auto; margin-left: 0px; margin-right: 0px; padding:25px; } body.archive #main .no-image .main-title h1, body.page #main .no-image .main-title h1 { font-size: 46px; padding:0; } #infscr-loading { width:200px; /*position: fixed; top: 45%; left:50%; margin-left:-100px;*/ margin:20px auto; background: #ccc; padding: 20px; z-index: 10000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:center; font-size:16px; color:#333;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); opacity:0.8;filter: alpha(opacity=80);} #content_loader{ display:none; width:100%; height:100%; text-align:center; /*padding-top:250px;*/ background: #eee; position:fixed; z-index:10000 } #content_loader div{ width:170px; position: fixed; top: 45%; left:50%; margin-left:-100px; padding:15px; background:#ccc; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); width:200px; color:#999; font-size:16px; color:#333;} /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #top-menu { border-top: 1px solid #545454; } #top-menu a, #top-menu .um-anchoremulator , #mobile-nav { display: block; text-align: center; padding: 12px 5px; border-bottom: 1px solid #545454; position: relative; } #top-menu .sub-menu a, #top-menu .sub-menu .um-anchoremulator { text-align:left; } #top-menu a, #top-menu .um-anchoremulator { text-align:right; padding-right:25px; font-size:16px; } #top-menu .link_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #top-menu .link_text, #top-menu .wpmega-link-title { z-index: 2; position: relative; text-transform:uppercase; } .link_text span, #mobile-nav span { padding-left: 10px; } #top-menu a:hover { text-decoration: none; } #top-menu a:hover .link_bg { background: #fff; } #top-menu ul ul a:hover .link_bg { background: #828282; } .current_page_item > a, .current_page_item .link_text, .current-menu-item > a, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { color:#63afa2; } #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg { background: #fff; } #top-menu a:hover .link_text, .current-menu-item > a, #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { } #top-menu > ul ul { display: none; } #top-menu .et_active_dropdown > li a, #top-menu .et_clicked { border-bottom: 1px solid #efefef; } #mobile-nav, #mobile-menu { display: none; border-bottom: none; cursor: pointer; } #mobile-menu-close{ display:none; } .noscroll #mobile-menu-close { top: 0px; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 3; font-size:11px; overflow:hidden; padding:10px } .noscroll #mobile-menu-close span { display:block; position:absolute; bottom: 30px; right:30px; text-align:right;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); } #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item { width:125px; margin-right:10px; float:left; margin-bottom:10px; } #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(6n) {margin-right:0px; clear:right; } #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(6n+1) {clear:left; } #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item .wpmega-link-title, #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item .wpmega-item-description {display:block; padding-left:0; text-align:center;} #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item > a, #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item > span.um-anchoremulator { margin:0; padding:0;} #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item .wpmega-link-title, #megaMenu .ss-nav-menu-item-depth-2 .wpmega-link-title { text-transform:none; } #megaMenu ul.megaMenu li.menu-item ul.sub-menu a span, #megaMenu ul.megaMenu li.menu-item ul.sub-menu span.um-anchoremulator span { font-size:14px;} #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor > a .wpmega-link-title, #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor > span.um-anchoremulator .wpmega-link-title, #top-menu #megaMenu > li.custom-bgcolor .wpmega-link-title, #top-menu #megaMenu > li.custom-bgcolor > span.um-anchoremulator .wpmega-link-title, body .custom-bgcolor .wpmega-link-title { text-shadow:none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget .searchform { padding:0 30px; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk label.tk-search-label { display:block; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-input { margin:0; font-size:40px; background:#aba8a3; border:none; color:#FFF; width:100%; padding:0; height:45px; line-height:45px;} #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-input-wrapper{ padding:20px 26px 20px 0; background:#aba8a3; margin-left:85px; margin-right:0; width:455px; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-continer {clear:both; margin-top:5px; margin-bottom:5px;} #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-details label { text-transform:uppercase; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-submit-wrapper{ float: left; width:85px; height:85px; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-submit { width:100%; height:100%; display:block; padding:0; margin:0; border:none; background:#aba8a3; color:#FFF; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget.widget_search_tk .tk-search-submit.dashicons {font-size:40px; } #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-mega.ss-nav-menu-item-depth-0.nav-search ul.sub-menu-1 { width:660px !important;} #megaMenu ul.megaMenu #menu-item-1230 li.menu-item.tiles ul.sub-menu li.menu-item { width:105px; } #megaMenu ul.megaMenu #menu-item-1230 li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(7n) {margin-right:0px; clear:right; } #megaMenu ul.megaMenu #menu-item-1230 li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(7n+1) {clear:left; } #megaMenu ul.megaMenu #menu-item-1230 li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(6n) {margin-right:10px; clear:none; } #megaMenu ul.megaMenu #menu-item-1230 li.menu-item.tiles ul.sub-menu li.menu-item:nth-child(6n+1){ clear:none; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item.tiles{padding-top: 5px; padding-bottom: 5px; margin-top:0px; margin-bottom:0px;} /********************************************************************** * UberMenu Skin: Custom * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com **********************************************************************/ /* * UBERMENU 2.4 - DO NOT EDIT!!! * * Under penalty of death, never, ever, not ever, neverneverevernever edit this file. Swear it! * Seriously, just don't. If you edit this file, or change it in any way, consider your (non-existent) * warranty null and void. You have been warned. * * Need to customize your styles? Check out the Customization section of the Support Guide. */ /* Reset */ #megaMenu.megaResetStyles div, #megaMenu.megaResetStyles span, #megaMenu ul.megaMenu, #megaMenu ul.sub-menu, #megaMenu ul.um-sidebar, #megaMenu li.menu-item, #megaMenu li.widget, #megaMenu li.menu-item > a, #megaMenu img.um-img { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-shadow: none; visibility: visible; opacity: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } /**** ALL ****/ #megaMenu { line-height: 1em; overflow: visible; zoom: 1; display: block; float: left; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #megaMenu.megaFullWidth { width: 100%; } #megaMenu ul.megaMenu, #megaMenu ul.sub-menu { /* All UL */ list-style: none outside none; margin: 0px; padding: 0px; overflow: visible; zoom: 1; } #megaMenu ul.megaMenu li.menu-item, #megaMenu ul.megaMenu li.widget { margin-bottom: 0px; list-style-type: none; list-style-image: none; border: none; text-align: left; float: none; } #megaMenu ul.megaMenu li.menu-item > a, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator { line-height: 1.4em; text-decoration: none; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span { color: inherit; font-size: inherit; } /**** TOP LEVEL ****/ #megaMenu ul.megaMenu { float: left; z-index: 100; } #megaMenu.megaMenuHorizontal ul.megaMenu { width: 100%; } #megaMenu ul.megaMenu > li.menu-item { float: left; position: relative; display: inline-block; /*line-height:1em;*/ padding: 0px 0px; margin: 0px; z-index: 200; zoom: 1; } #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator { display: block; padding: 12px 15px; position: relative; float: none; z-index: 400; zoom: 1; border-width: 0px 0px 0px 1px; /* No Bouncing */ border-style: solid; border-color: transparent; } #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a { border-left: none; } #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item:first-child > a { border-top: none; } #megaMenu ul.megaMenu > li.menu-item:hover, #megaMenu ul.megaMenu > li.menu-item.megaHover, #megaMenu ul.megaMenu > li.menu-item:hover > a, #megaMenu ul.megaMenu > li.menu-item.megaHover > a, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator { z-index: 600; } /**** DROP LEVEL ****/ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega { position: static; } #megaMenu.megaMenu-nojs ul ul.sub-menu { display: none; } #megaMenu ul ul.sub-menu { position: absolute; left: auto; z-index: 500; float: left; zoom: 1; overflow: visible; visibility: visible; margin: 0; } /*#megaMenu ul ul.sub-menu-1,*/ #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu-1 { min-width: 99%; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu ul.sub-menu { min-width: 120px; } #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 { /*border-top:none;*/ /* removes border overlap effect */ border-top-left-radius: 2px; border-top-right-radius: 2px; /* IE7 is dumb */ *left: 0; *top: 100%; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item { min-width: 100px; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item { min-width: 50px; position: relative; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator { white-space: nowrap; } #megaMenu ul ul.sub-menu li.menu-item > a, #megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator { padding: 3px 0px; margin: 3px 0px; line-height: 1.4em; width: auto; display: block; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator, #megaMenu ul ul.sub-menu li.menu-item > a, #megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator { background: transparent; } #megaMenu.megaMenu-nojs ul li.menu-item:hover > ul.sub-menu-1 { display: block; visibility: visible; } #megaMenu.megaMenu-withjs ul li.menu-item:hover > ul.sub-menu-1 { display: none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu ul.sub-menu { display: block; position: relative; top: auto; left: auto; } #megaMenu li.menu-item ul.sub-menu { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 { border: 1px solid transparent; padding: 0px; width: auto; white-space: nowrap; left: auto; max-width: 100%; } #megaMenu.wpmega-nojs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu.megaFullWidthSubs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-fullWidth ul.sub-menu.sub-menu-1 { /* Menu Item option */ width: 100%; left: -1px; /*left:0px; box-sizing:border-box;*/ } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega-floatRight { float: right; } /* Align Submenu Left */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignLeft ul.sub-menu.sub-menu-1 { left: 0px; } /* Align Submenu Right */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignRight ul.sub-menu.sub-menu-1 { right: 0px; left: auto; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item { display: inline-block; float: left; margin-top: 5px; margin-bottom: 5px; position: relative; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, #megaMenu .wpmega-widgetarea h2.widgettitle { margin-bottom: .6em; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item, #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.widget { display: block; } #megaMenu ul li.menu-item { font-size: 12px; list-style-image: none; letter-spacing: 0px; } /* Submenu Structure */ #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget { font-size: 11px; min-width: 100px; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > span.um-anchoremulator { width: auto; display: block; background: transparent; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu > li.menu-item:hover > a { background: transparent; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding: 11px 27px; /* Do it in pixels, because IE can't handle rounding ems properly */ } #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu { width: auto; float: none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item { display: block; float: none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-verticaldivision { clear: both; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.sub-menu-newcol { float: left; } #megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header a, #megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header span.um-anchoremulator { font-weight: normal; } #megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header > a, #megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header > span.um-anchoremulator { font-weight: bold; margin-bottom: 4px; } #megaMenu li.menu-item.ss-nav-menu-mega .megaMenu-thumb { width: 15px; height: 15px; margin-right: 5px; vertical-align: middle; } #megaMenu ul li.menu-item.ss-nav-menu-reg a, #megaMenu ul li.menu-item.ss-nav-menu-reg span.um-anchoremulator { display: block; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu-1 { border: 1px solid transparent; padding-top: 6px; padding-bottom: 6px; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator { margin: 0px; padding: 6px 20px 6px 15px; position: relative; } #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu ul.sub-menu { top: -1px; border-style: solid; border-width: 1px; } #megaMenu.megaMenu-nojs ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item:hover > ul.sub-menu { display: block; left: 100%; } #megaMenu.megaMenu-withjs ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu { display: none; left: 100%; top: -1px; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.ss-nav-menu-flyout-left ul.sub-menu > li.menu-item > ul.sub-menu { left: auto; right: 100%; } #megaMenu ul.megaMenu li.menu-item.uber-flyout-left > ul.sub-menu, #megaMenu ul.megaMenu > li.menu-item.uber-flyout-left-all ul ul.sub-menu, #megaMenu ul.megaMenu ul.sub-menu li.menu-item.uber-flyout-left-all ul.sub-menu { left: auto !important; right: 100% !important; border-left: 1px solid #ddd !important; border-right: none !important; box-shadow: none !important; } /* Flyout menus aligned right and flyout left */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-flyout-align-right ul.sub-menu { left: auto; right: 0; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-flyout-align-right ul.sub-menu li.menu-item > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-align-right ul.sub-menu li.menu-item > span.um-anchoremulator { padding-left: 20px; padding-right: 10px; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-flyout-align-right li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-flyout-align-right li.menu-item.megaReg-with-sub > span.um-anchoremulator:after { border-right-color: #ccc; border-left-color: transparent; left: 3px; right: auto; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.um-flyout-align-right ul.sub-menu > li.menu-item > ul.sub-menu { left: auto; right: 100%; box-shadow: none; } /* Highlights */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #4D90FE; } /* Titles and Descriptions */ #megaMenu .wpmega-link-title { display: block; line-height: 1.4em; color: inherit; } #megaMenu .wpmega-item-description { display: block; /* inline */ clear: none; float: none; line-height: 10px; font-size: 11px; padding-bottom: 3px; font-weight: normal; color: inherit; white-space: normal; } /* Non-links */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink { padding: 3px 12px; } #megaMenu .wpmega-nonlink { width: auto; white-space: normal; } #megaMenu .wpmega-nonlink ul { display: block; position: relative; left: auto; top: auto; width: auto; float: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; zoom: 1; width: 100%; } #megaMenu .wpmega-nonlink ul li.widget { margin-bottom: 1em; float: left; clear: none; } #megaMenu .wpmega-nonlink .widgettitle { margin-bottom: .6em; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar { margin-right: 0px; width: 100%; /* widget area must be full width */ padding-left: 0; padding-right: 0; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar > span.um-anchoremulator { margin: 0 2.9% 1em 2.9%; } #megaMenu .wpmega-widgetarea h2.widgettitle { font-size: 12px; line-height: 1.6em; } /* Full Width Menu, Widget & Shortcode Columns */ #megaMenu ul ul .wpmega-nonlink.wpmega-widgetarea ul { float: left; } #megaMenu .ss-colgroup .ss-col, #megaMenu .wpmega-nonlink li.widget, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup > ul > li { float: left; padding-left: 2.9%; padding-right: 2.9%; /* width = FLOOR( ( 100 - (n * (5.8) ) ) / n ), .1 )*/ } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup ul.sub-menu li.menu-item { min-width: 0; white-space: normal; } /* 1 */ #megaMenu .wpmega-nonlink.ss-colgroup-1 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-1 > ul > li { width: 94.2%; } /* 1/2 */ #megaMenu .ss-colgroup-2 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-2 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-2 > ul > li { width: 44.2%; } /* 1/3 */ #megaMenu .ss-colgroup-3 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-3 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-3 > ul > li { width: 27.5%; } /* 2/3 */ #megaMenu .ss-colgroup-3 > .ss-col.ss-colspan-2, #megaMenu .wpmega-nonlink.ss-colgroup-3 li.ss-colspan-2 { width: 60.8%; /* (27.5 + 2.9)*2 */ } /* 1/4 */ #megaMenu .ss-colgroup-4 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-4 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-4 > ul > li { width: 19.2%; } /* 2/4 */ #megaMenu .ss-colgroup-4 > .ss-col.ss-colspan-2, #megaMenu .wpmega-nonlink.ss-colgroup-4 li.ss-colspan-2 { width: 44.2%; } /* 3/4 */ #megaMenu .ss-colgroup-4 > .ss-col.ss-colspan-3, #megaMenu .wpmega-nonlink.ss-colgroup-4 li.ss-colspan-3 { width: 69.2%; } /* 1/5 */ #megaMenu .ss-colgroup-5 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-5 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-5 > ul > li { width: 14.2%; } /* 2/5 */ #megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-2, #megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-2 { width: 34.2%; } /* 3/5 */ #megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-3, #megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-3 { width: 54.2%; } /* 4/5 */ #megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-4, #megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-4 { width: 74.2%; } #megaMenu .wpmega-nonlink li.widget li { width: auto; } /* 1/6 */ #megaMenu .ss-colgroup-6 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-6 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-6 > ul > li { width: 10.8%; } /* 1/7 */ #megaMenu .ss-colgroup-7 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-7 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-7 > ul > li { width: 8.4%; } /* 1/8 */ #megaMenu .ss-colgroup-8 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-8 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-8 > ul > li { width: 6.7%; } /* Start new rows automatically in browsers that support nth-child */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-2 > ul > li.menu-item:nth-child(2n+1), #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-3 > ul > li.menu-item:nth-child(3n+1), #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-4 > ul > li.menu-item:nth-child(4n+1), #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-5 > ul > li.menu-item:nth-child(5n+1), #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-6 > ul > li.menu-item:nth-child(6n+1) { clear: both; } #megaMenu ul ul.sub-menu li.menu-item .wpmega-nonlink a { padding: 0px; } /* ========================================== */ /* ARROW INDICATORS STYLES */ /* ========================================== */ /* Display links as block */ #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { display: block; } /* Pad the right edge to make room for the arrow */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 20px; } /* Add the arrows as pseudo elements */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { content: ''; position: absolute; top: 50%; right: 8px; margin-top: -1px; display: inline-block; background: transparent; border-style: solid dashed dashed; border-color: transparent; border-top-color: #999; font-size: 0; border-width: 3px 3px 0; padding-top: 1px; } /* For second+ level flyout menus, point the arrow right instead of down */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after { width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #999; padding-top: 0; padding-right: 2px; margin-top: -2px; right: 3px; } /* ========================================== */ /* DIVIDER STYLES */ /* ========================================== */ #megaMenu .wpmega-divider-container { width: 100%; margin: 0px; } #megaMenu .wpmega-divider { border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; /*margin:0px 10px 10px 10px;*/ margin: 0px 0px 10px 0px; clear: both; height: 0px; display: block; } #megaMenu .fullWidthRow .wpmega-divider { margin: 0 2.9% 10px 2.9%; } /* ========================================== */ /* VERTICAL MENU STYLES */ /* ========================================== */ #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item { padding: 0px; display: block; } #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator { border-left: none; } #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 { display: block; float: none; clear: none; } #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > a, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > span.um-anchoremulator, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { display: block; } /*#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,*/ #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { top: 50%; right: 8px; margin-top: -1px; border-style: solid none solid solid; border-color: transparent; border-left-color: #999; border-width: 2px 0px 2px 3px; padding-right: 1px; } #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu-1 { top: 0px; left: 100%; width: auto; max-width: 720px; /*margin-left:-1px;*/ } #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu { padding: 4px 0px; } /* ========================================== */ /* LINK + IMAGE STYLES */ /* ========================================== */ #megaMenu .ss-nav-menu-with-img { min-height: 20px; /* Height of Pic + Space */ } #megaMenu > ul > li.menu-item.ss-nav-menu-with-img { min-height: 0px; } #megaMenu .ss-nav-menu-with-img img { float: left; display: block; } #megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > a > img, #megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > img { float: none; } #megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > .wpmega-item-description { padding-left: 0px; padding-bottom: 0px; } #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left: 30px; /* Width of Pic + Space */ display: block; } #megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:before, #megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:after { content: ""; display: table; } #megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:after { clear: both; } #megaMenu ul li.menu-item ul .ss-nav-menu-with-img:not(.megaReg-with-sub) > a:after { border: none !important; } /* ========================================== */ /* CENTERING STYLES */ /* ========================================== */ /* Centering Menu Bar */ #megaMenu.megaCenterMenubar, #megaMenu.megaCenterInner ul.megaMenu { margin: 0 auto; float: none; } #megaMenu.megaCenterMenubar ul.megaMenu { float: none; } /* Center menu items */ #megaMenu.megaCenterMenuItems ul.megaMenu { text-align: center; } #megaMenu.megaCenterMenuItems ul.megaMenu > li.menu-item { float: none; } #megaMenu.megaCenterMenuItems.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a, #megaMenu.megaCenterMenuItems.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > span.um-anchoremulator { box-shadow: none; } #megaMenu.megaCenterMenuItems .ss-nav-menu-with-img.ss-nav-menu-notext > a > img, #megaMenu.megaCenterMenuItems .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > img { display: inline; margin-bottom: -3px; } /* ========================================== */ /* SEARCHBAR STYLES */ /* ========================================== */ /* Top Level Search Bar */ #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea { padding-left: 10px; padding-right: 10px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li { margin: 0px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > .widgettitle { float: left; } /* V2 */ #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 { margin: 2px 0 0 0; padding: 2px 0 0 0; position: relative; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 .ubersearch { position: relative; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"] { width: 155px; height: 26px; border-width: 1px; border-style: solid; float: left; padding: 6px 6px; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; line-height: 18px; margin-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #999; background: rgba(255, 255, 255, 0.2); border: none; color: white; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 label { display: none; } #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]::-webkit-input-placeholder { color: #ddd; } #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]::-moz-input-placeholder { color: #ddd; } #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]:-ms-input-placeholder { color: #ddd; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"] { display: block; position: absolute; top: 0px; right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 26px; border: none; box-shadow: none; margin: 0; line-height: 12px; font-size: 9px; padding: 2px 8px; cursor: pointer; background: #333; background: rgba(0, 0, 0, 0.5); color: #eee; font-weight: bold; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"]:hover { background: #555; background: rgba(0, 0, 0, 0.3); } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"]:active { background: #111; background: rgba(0, 0, 0, 0.8); } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"] { padding-right: 32px; } /* V1 */ #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 div { padding-top: 7px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 input[type="text"] { width: 115px; font-size: 12px; border-width: 1px; border-style: solid; height: 16px; float: left; padding: 1px 3px; border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; line-height: 16px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 input[type="submit"] { width: 20px; height: 20px; background: #000; border: 1px solid #000; display: inline-block; float: left; cursor: pointer; border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; text-indent: -999em; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 { margin: 2px 0 0 0; padding: 0; position: relative; min-width: 160px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 label { display: none; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input { float: left; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="text"] { width: 130px; height: 27px; margin: 0; padding: 5px 6px 4px 6px; border-right: none; border-width: 1px; box-sizing: border-box; } #megaMenu.megaMenuVertical > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="text"] { margin-bottom: 5px; } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="submit"] { position: relative; margin: 0; float: none; box-sizing: border-box; background: #eee; /* Old browsers */ background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6+ */ background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */ background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* Opera11.10+ */ background: #eeeeee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* IE10+ */ background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 2px 8px; color: #444; display: inline-block; font-size: 10px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, 0.75); cursor: pointer; line-height: 21px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: -1px; min-height: 27px; min-height: 20px\9; /* Seriously, IE? */ } #megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="submit"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6+ */ background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */ background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10+,Safari5.1+ */ background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* Opera11.10+ */ background: #dddddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* IE10+ */ background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; } /* ========================================== */ /* RECENT POSTS STYLES */ /* ========================================== */ /* Recent Posts */ #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist { margin-left: 0; list-style: none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist li { margin-bottom: .5em; clear: both; padding-top: .5em; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist img { float: left; /*padding:4px; background:rgba( 255,255,255, .2 ); border:1px solid #e9e9e9;*/ } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist-w-img div.wpmega-postlist-title, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist-w-img div.wpmega-postlist-content { padding-left: 60px; color: inherit; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist div.wpmega-postlist-title a { padding: 0px 0px; font-size: 13px; text-decoration: none; } /* ========================================== */ /* CONTACT FORM 7 STYLES */ /* ========================================== */ .wpmega-nonlink div.wpcf7 form { margin-bottom: 0; } .wpmega-nonlink div.wpcf7 p { margin-bottom: .1em; clear: both; } .wpmega-nonlink div.wpcf7 label { width: 50px; float: left; padding-top: .4em; color: inherit; } .wpmega-nonlink div.wpcf7 span { position: relative; } .wpmega-nonlink div.wpcf7 input[type="text"], .wpmega-nonlink div.wpcf7 input[type="email"], .wpmega-nonlink div.wpcf7 textarea { /*width:255px;*/ width: 95%; padding: .4em; border: 1px solid #dfdfdf; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-family: inherit; max-height: 100px; font-size: 12px; margin-top: .1em; margin-bottom: .1em; position: relative; float: left; } .wpmega-nonlink div.wpcf7 input[type="text"]:focus, .wpmega-nonlink div.wpcf7 input[type="text"]:hover, .wpmega-nonlink div.wpcf7 textarea:focus, .wpmega-nonlink div.wpcf7 textarea:hover { background: #fcfcfc; } .wpmega-nonlink div.wpcf7 input.wpcf7-submit { font-size: 12px; clear: both; border-width: 1px; margin: 5px 0; } .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: absolute; top: -9px; left: 0px; padding: 9px 6px; width: 95%; font-size: 12px; } .wpcf7-form div.wpcf7-response-output { width: 93%; } /* ========================================== */ /* CLEARFIX STYLES */ /* ========================================== */ /* Clearfix */ .uberClearfix:before, .uberClearfix:after, #megaMenu.megaClear ul.megaMenu:before, #megaMenu.megaClear ul.megaMenu:after { content: ""; display: table; } .uberClearfix:after, #megaMenu.megaClear ul.megaMenu:after { clear: both; } .uberClearfix, #megaMenu.megaClear ul.megaMenu { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } /* ========================================== */ /* RESPONSIVE STYLES */ /* ========================================== */ /* Toggle */ #megaMenu #megaMenuToggle { display: none; padding: 12px 15px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-align: left; } #megaMenu #megaMenuToggle .megaMenuToggle-icon { display: inline-block; background: #999; background: rgba(230, 230, 230, 0.7); height: 2px; width: 16px; position: relative; float: right; margin-top: 10px; text-align: left; } #megaMenu #megaMenuToggle .megaMenuToggle-icon:before { content: ''; position: absolute; background: #999; background: rgba(230, 230, 230, 0.8); height: 2px; width: 16px; top: -4px; } #megaMenu #megaMenuToggle .megaMenuToggle-icon:after { content: ''; position: absolute; background: #999; background: rgba(230, 230, 230, 0.9); height: 2px; width: 16px; top: -8px; } /* #Tablet (Landscape) - 960px ================================================== */ @media only screen and (max-width: 960px) { /* Vertical */ #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu-1 { max-width: 767px; left: 0px; top: auto !important; } #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg.ss-nav-menu-item-depth-0 ul.sub-menu-1 ul.sub-menu { left: 0; top: 100%; } } /* #Mobile through Tablet (Portrait) - 767px ================================================== */ @media only screen and (max-width: 767px) { #megaMenu.megaResponsive ul.megaMenu > li.menu-item { width: 100%; } #megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget { width: 80%; padding-left: 10%; padding-right: 10%; max-width: none; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar { padding-left: 0; padding-right: 0; width: 100%; } #megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col { margin-bottom: 1em; } #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 .ubersearch input[type="text"] { width: 100%; margin-bottom: 5px; } /* Remove box shadow and border on menu items, since we're probably wrapping at this poing */ #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator, #megaMenu.megaResponsive ul.megaMenu > li.menu-item:hover > a, #megaMenu.megaResponsive ul.megaMenu > li.menu-item > a:hover, #megaMenu.megaResponsive ul.megaMenu > li.menu-item.megaHover > a { box-shadow: none; border-left: none; } /* No need to float right */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega-floatRight { float: left; } /* Vertical */ #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu > li.menu-item { width: 100%; } #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 { max-width: 420px; } /* Flyout Menus */ #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg { position: static; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item ul.sub-menu { left: -1px; width: 100%; box-shadow: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item ul.sub-menu { top: 100%; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > a:after, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > span.um-anchoremulator:after { border-color: #ddd transparent transparent transparent; border-width: 3px 3px 0px; border-style: solid dashed dashed; right: 10px; padding-top: 0; padding-right: 2px; margin-top: -3px; } /* Mega Menus */ #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 { left: -1px !important; width: 100%; box-sizing: content-box; /*box-sizing:border-box;*/ box-shadow: none !important; border-top-left-radius: 0; border-top-right-radius: 0; } #megaMenu #megaMenuToggle { display: block; } #megaMenu.megaResponsiveToggle ul.megaMenu { display: none; } /* Vertical */ #megaMenu.megaMenuVertical.megaFullWidth { width: 100%; } /* Make centered Items align properly when stacked */ #megaMenu.megaCenterMenuItems ul.megaMenu > li.menu-item { float: left; } } /* #Mobile (Landscape) - 480px - 767px ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #megaMenu.megaResponsive ul.megaMenu > li.menu-item { width: 50%; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item { width: 38%; padding-left: 6%; padding-right: 6%; max-width: none; } #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget { width: 88%; padding-left: 6%; padding-right: 6%; max-width: none; } } @media only screen and (max-width: 479px) { /* Vertical */ #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 { max-width: 300px; } } @media (min-width: 768px) { #megaMenu.megaResponsiveToggle ul.megaMenu { display: block !important; } #megaMenu ul.megaMenu a span.uber-close, #megaMenu ul.megaMenu span.um-anchoremulator span.uber-close { right: -12px !important; z-index: 700; display:none; } } /* Close Button */ #megaMenu ul.megaMenu li.menu-item a span.uber-close, #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.uber-close { position: absolute; box-sizing: border-box; text-decoration: none; top: 0; right: 0; height: 100%; width: 30px; text-align: center; line-height: 40px; background: #999; background: rgba(0, 0, 0, 0.9); z-index: 700; font-size: 20px; font-weight: bold; color: #f5f5f5; display: none; } #megaMenu ul.megaMenu a:hover span.uber-close, #megaMenu ul.megaMenu span.um-anchoremulator:hover span.uber-close, #megaMenu ul.megaMenu li.menu-item.megaHover a span.uber-close, #megaMenu ul.megaMenu li.menu-item.megaHover span.um-anchoremulator span.uber-close { display:none !important; } /* Menu Bar */ #megaMenu { border: none; background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size: 16px; color: #444; padding: 12px 15px; font-weight: normal; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { border-left: 1px solid #f0f0f0; -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9); } /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { border-bottom: 1px solid #f0f0f0 !important; border-top: 1px solid #f0f0f0 !important; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); } /* Menu Items with Dropdowns */ #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.mega-with-sub > a, #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega > a, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 20px; } /* Top Level Menu Item Titles */ #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title { text-transform: uppercase; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { color: #222222; border-bottom-color: transparent !important; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: -webkit-linear-gradient(top, transparent, transparent); background: -moz-linear-gradient(top, transparent, transparent); background: -ms-linear-gradient(top, transparent, transparent); background: -o-linear-gradient(top, transparent, transparent); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); } /* Top Level Items Title - Hover */ #megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { /*text-shadow: 0 -1px 1px #ffffff;*/ } /* Top Level Items - Current Item */ #megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a { color: #444444; } /* Sub Menu Container Style */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border:none; color: #888888; text-shadow: 0px 1px 1px #ffffff; -webkit-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.3); background: rgba(255,255,255,1); /* background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe)); background: -webkit-linear-gradient(top, #f9f9f9, #fefefe); background: -moz-linear-gradient(top, #f9f9f9, #fefefe); background: -ms-linear-gradient(top, #f9f9f9, #fefefe); background: -o-linear-gradient(top, #f9f9f9, #fefefe); */ } /* Horizontal Sub Menus */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-top: 1px solid #e0e0e0; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 100px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { color: #777777; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; padding-bottom: .4em; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { color: #888888; font-size: 12px; text-shadow: 0px 1px 1px #ffffff; background-color: transparent; } /* Sub Menu Link Hover */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a { color: #000000; background-color: transparent; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form.searchform { padding-top: 2px; } /* Highlight color */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #d83f28 !important; } /* Image Spacing */ #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left: 25px; } .ss-nav-menu-with-img { min-height: 16px; } /* Item Description */ #megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description { font-size: 9px; color: #bbbbbb; text-transform: uppercase; } /* Arrow Colors */ #megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #bbbbbb; } #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after { border-left-color: #bbbbbb; } /* Vertical */ #megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator { background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4); } #top-menu #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #top-menu #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #top-menu #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #top-menu #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #top-menu #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #top-menu #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after { display: none; } #megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border: none; /*border-left: 1px solid #e0e0e0;*/ } #megaMenu ul.megaMenu > li.menu-item:hover, #megaMenu ul.megaMenu > li.menu-item.megaHover, #megaMenu ul.megaMenu > li.menu-item:hover > a, #megaMenu ul.megaMenu > li.menu-item.megaHover > a, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator { background:#fff !important; color:#464646 !important; } #megaMenu ul.megaMenu > li.menu-item:hover:after, #megaMenu ul.megaMenu > li.menu-item.megaHover:after, #megaMenu ul.megaMenu > li.menu-item:hover > a:after, #megaMenu ul.megaMenu > li.menu-item.megaHover > a:after, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator:after, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator:after{ background:#fff !important; content:''; position:absolute; height:100%; width:1px; top:0; right:-1px; z-index:5; } #megaMenu ul.megaMenu > li.menu-item:hover > a, #megaMenu ul.megaMenu > li.menu-item.megaHover > a, #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator, #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {border-bottom: 1px solid #f0f0f0 !important;border-top: 1px solid #f0f0f0 !important;} /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; width:100%; } #megaMenu ul ul.sub-menu{ z-index:2; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignLeft ul.sub-menu.sub-menu-1 { padding:5px 10px; } #top-menu #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 { top:-25px !important;display:block !important; left:-900px; z-index:2;} #megaUber:before { content: ''; width: 100%; height: 100%; position: absolute; background: #FFF; z-index: 3; top: 0; bottom: 0;} #megaMenu .link_text > span,#megaMenu .widget_search h2 { display:none; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget{ font-size:14px; text-align:left; } #megaMenu li.mega_columns ul.sub-menu { /*width:100% !important;*/} #megaMenu li.mega_columns ul.sub-menu li.ss-nav-menu-item-depth-1 {float: none !important; clear: none !important; vertical-align: top !important; width: auto !important; margin-left:10px !important;} #megaMenu li.mega_columns ul.sub-menu li.ss-nav-menu-item-depth-1:first-child{margin-left:none !important;} #megaMenu li.mega_columns ul.sub-menu .widgettitle {display:none !important;} #megaMenu li.mega_columns ul.sub-menu .wpmega-link-title {} #megaMenu ul.sub-menu li.menu-item, #megaMenu ul.sub-menu li.widget { text-align:right; } body #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 { border-right: solid 1px #e9e9e9; position:relative; z-index:auto; } /*--------------------Mobile Menu-----------------------*/ #mobile-nav { width:40px; height:100%; background:#e9e9e9 url(images/mobile-menu.png) no-repeat 50% 50%; position:absolute; bottom:0; left:0px; z-index:4; padding-top:0; padding-bottom:0;} #mobile-menu a { color:#000; font-size:16px; text-transform:uppercase; } #mobile-menu ul li { padding:5px; } #mobile-menu ul.sub-menu { margin-left:20px;} #mobile-menu ul.sub-menu li a, #mobile-menu ul.children li a {font-size:14px; text-transform:none; } #mobile-menu { color:#e9e9e9; background:#e9e9e9; padding:10px 0; z-index:4; overflow: hidden; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.4); box-shadow: 0 4px 4px rgba(0,0,0,0.4);} #mobile-menu .inner{overflow: auto;padding:0px 10px;} /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { margin-top: 20px; } .comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; } .comment_avatar { position: absolute; top: 2px; left: 0; } .comment_avatar img { display: block; } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } .comment_postinfo { font-size: 18px; margin-bottom: 10px; } span.fn, body.single #main span.fn a, body.page #main span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; } body.single #main span.fn a:hover, body.page #main span.fn a:hover { color: #111; } .comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; } body.single #main .comment-reply-link, body.page #main .comment-reply-link, #commentform #submit { float: right; text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #464646; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; font-size: 14px; } body.single #main .comment-reply-link:hover, body.page #main .comment-reply-link:hover { text-decoration: none; color: #111; } h1#comments { margin-bottom: 20px; } #respond { margin-top: 20px; } .comment ul { margin-left: 82px; } #reply-title { margin-bottom: 10px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 89%; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); } #reply-title small { display: block; font-size: 13px; font-weight: normal; letter-spacing: 0; } .form-submit { text-align: right; } .form-submit input { font-size: 14px; float: none; } .comment #respond, #trackbacks { margin-bottom: 30px; } #commentform #submit { float: none; } .form-submit { text-align: right; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { color: #fff; } .widget { padding: 35px 42px 29px; position: relative; border-bottom: 1px solid #545454; line-height: 22px; } #sidebar .widget { padding: 10px 25px; text-align:right; } #sidebar .widget_nav_menu { border-top:#eee solid 1px; border-bottom:#eee solid 1px; } #mobile-menu .widget { padding: 0px; margin-bottom: 5px; } #mobile-menu .widget.widget_search_tk { border-bottom:none;} #mobile-menu .widgettitle { display:none; } .widgettitle { font-weight: 600; font-size: 14px; padding-bottom: 7px; } /*.widget li { background: url(images/widget_bullet.png) no-repeat left center; padding: 5px 0 5px 11px; } .widget li:hover { background-image: url(images/widget_bullet_hover.png); }*/ .widget li ul { margin-left: 11px; } .widget a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px;} .wp-caption {max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .page-nav { margin: 20px 0 40px; } .pagination { display: none; } /*body.page .pagination { display: block; }*/ .et_embedded_videos { display: none !important; } .et_pt_blogentry a.readmore { color: #282828 !important; } .et_pt_blogentry a.readmore:hover { color: #111 !important; text-decoration: none; } .et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: both; } #ie8 img { width: auto; } embed, iframe, object, video { max-width: 100%; } /*------------------------------------------------*/ /*---------------------[Custom]-------------------*/ /*------------------------------------------------*/ .flexslider { margin: 0; border:none; overflow:hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #hp-slider, #hp-slider.flexslider .slide { height: 600px;} .flexslider .slides img{ /*height:100%; width:auto; max-width:none;*/} .flexslider .slide .overlay{ background: rgba( 0,0,0,0.20 ); position:absolute; top:0px; left:0px; width:100%; height:100%; } /*.flexslider .slide:hover .overlay{ display:block; }*/ .flex-direction-nav .flex-prev { left: 50px; } .flexslider:hover .flex-prev { left: 30px; } .flex-direction-nav .flex-next { right: 50px; } .flexslider:hover .flex-next { right: 30px; } .flex-direction-nav a { color:#FFF !important; } .featured-description { position: absolute; bottom: 60px; left:10%; color:#FFF; margin-right:10%; width:80%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); } .featured-description h2 { padding-bottom:15px; border-bottom: solid #FFF 1px; font-size:60px; text-transform:uppercase; } .featured-description h2 sup{top: 13px; font-size: 30px; vertical-align: text-top;} .featured-text { margin-top:15px; font-size:24px; padding-bottom: 0px; line-height:normal;} .flex-control-nav { bottom: 20px; z-index:10;} .flex-control-paging li a { background: rgba(255,255,255,0.5); } .flex-control-paging li a.flex-active {background: rgba(255,255,255,0.9); } .flex-carousel-style h2{ color:#FFF !important; } .flex-carousel-style { position:relative; } .flex-carousel-style li { /*margin-right:1px;*/ float:left; width:30%; } .flex-carousel-style .entry-image { width:100% !important; } .flex-direction-nav { z-index:1000; } .flex-carousel-style:hover .flex-next, .flex-carousel-style:hover .flex-prev { opacity: 0.7; } .flex-carousel-style:hover .flex-prev { left: 30px; } .flex-carousel-style:hover .flex-next { right: 30px; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; /* make things invisible upon start */ } .fade-in-trigger:hover .fade-in { -webkit-animation:fadeIn ease-in-out 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in-out 1; animation:fadeIn ease-in-out 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.35s; -moz-animation-duration:0.35s; animation-duration:0.35s; } #hp-banners .entry-image { /*width:33%; margin:0 0.16%;*/ float:left;} .hp-banners-image{ width:100%; } .hp-banners-description {overflow:hidden;} /*#hp-banners .image-info .title { padding: 40% 7px 8px; }*/ #wrapper .entry-image:hover .image-info, #wrapper .entry-image.et_hover .image-info { moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .entry-image:after { } .parallax-container, #hp-explore { height: 460px; position:relative; overflow:hidden; clear:both; } .parallax-item, .hp-explore-item { /*background-attachment: fixed; background-position: top center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; */ overflow: hidden; padding: 0; width:100%; height:460px; font-size:16px; /*background-size: 120% !important;*/ } #hp-explore .parallax-item , #hp-explore .parallax-container{height: 460px;} .parallax-title, .hp-explore-title{ font-size:22px; color:#FFF !important; font-size: 40px;} .parallax-image, .hp-explore-image { height:100%; width:100%; } .parallax-description, .hp-explore-description{ width:80%; position: absolute; bottom: 30px; right: 10%; left:auto; margin-left: 10%; margin-right: 0; color: #FFF; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important; text-align:right; } .parallax-description.left{ left:10%; right: auto; margin-right: 10%; margin-left:0; text-align:left; } .parallax-image-link{ display:block;width: 100%;height: 100%;} #main-footer { font-size:14px; text-align:left; color:#38685F; line-height:24px; } #main-footer .footer-column { width:33.33%; float:left; } #main-footer .footer-widget { padding:25px; } #main-footer .widgettitle { font-size:24px; text-shadow:none; font-weight:normal; color:#38685F !important; border-bottom: solid 1px #38685F; margin-bottom: 15px; } #main-footer a, body.single #main-footer a, body.page #main-footer a { color: #38685F; } #copyright { background:#828282; text-align:center; padding:10px; color:#FFF; } #hp-explore, #hp-banners, .flex-carousel-style {margin-top: 1px;} .flex-carousel-style {margin-bottom: 1px;} #main-footer .current-menu-item > a { background:none;} #sidebar-bottom {text-align:right; color:#777777; position:absolute; bottom:15px; right:0; z-index:4;} #sidebar-bottom .widget {padding: 5px 25px; float:none; display:block; } #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor > a, #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor > span.um-anchoremulator, #top-menu #megaMenu > li.custom-bgcolor, #top-menu #megaMenu > li.custom-bgcolor > span.um-anchoremulator, body .custom-bgcolor {background:#aba8a3; color:#FFF;} #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor, #top-menu #megaMenu.megaMenuVertical > ul > li.custom-bgcolor, #top-menu #megaMenu > li.custom-bgcolor, #top-menu #megaMenu > li.custom-bgcolor { border-right: none; } body.single #main .custom-bgcolor a, body.page #main .custom-bgcolor a {color:#FFF;} body.single #main-content, body.page #main-content, #main-content.left { width:auto; padding:25px; } body.single-art .post-thumbnail, body.page .post-thumbnail, body.page .page-heading.no-image { margin-left:-25px; margin-right:-25px; margin-top:-25px; overflow:visible; } body.single-art .layout_60 .post-thumbnail { margin-right:-2%; } body.archive #main-content.left, body.page-template-page-template-art-php #main-content.left{ padding:0; } body.archive #main-content.left .post-thumbnail, body.page-template-page-template-art-php #main-content.left .post-thumbnail { margin:0; } body.archive #main-content.left #articles.posts .post, body.page #main-content.left #articles.posts .post, body.page #main-content.left .masonry-grid-size, body.archive #main-content.left .masonry-grid-size, body.page #main-content.left .entry-image, body.archive #main-content.left .entry-image, body.search #main-content.left .masonry-grid-size, body.search #main-content.left .entry-image{ width:33.33%} .post-thumbnail { position:relative; margin-bottom: 15px; } .page-heading .post-thumbnail img, .single-art .post-thumbnail img { width:100%; height:auto; } .page-heading.title-bgcolor { background:#797877; } #articles { /*border: solid 1px #FFF;*/ } .masonry-grid article { float:left; } body.search #articles.listings {margin: 0 25px;} .half {width:50%; float:left;} .half.divided {width:45%;} .half.divided:nth-child(even) { margin-left:5%; padding-left:5%; line-height: 1.5em; } /* -vc add line-height: 1.5em; */ .half.divided:nth-child(even):before {content:''; position:absolute; height:100%; width:1px; top:0; left:50%; background-color:#e9e9e9; } .layout_50_wrapper { margin-top:-20px; } .listings article, .listings .masonry-grid-size, .licensees article, .licensees .masonry-grid-size {width:50% !important;} .single-column article {width:100% !important;} .layout_50_wrapper article{ width:48%;float:left; padding-top:20px; border-top:#e9e9e9 solid 1px; } .layout_50_wrapper article:nth-child(odd){ clear:left;} .layout_50_wrapper article:nth-child(even){ margin-left: 2%; clear:right;} .layout_60{width:58%; float:left;} .layout_40{width:38%; float:left;} .layout_40_70 .last { margin-left:2%; padding-left:2%; } .layout_thirds {} body.archive .layout_thirds {padding: 25px;} .layout_one_third {width: 34%; float:right;} .layout_two_thirds { width: 66%; float:left;} .layout_thirds last {} .layout_one_third #sidebar-right { width:100% } .unpad_25{margin-left:-25px; margin-right:-25px;} .unpad_50{margin-left:-50px; margin-right:-50px;} .unpad_top_25{ margin-top:-25px;} /*.layout_40_70 .last:before {content:''; position:absolute; height:100%; width:1px; top:0; left:59%; background-color:#eeeeee; } */ .relative { position:relative;} .post-content{ position:relative; /*display:table-cell;*/line-height: normal; } #main-content.left { margin-right:280px; } body.masonry-page #main-content.left{ min-height:600px; } #sidebar-right{ width:280px; /*float:right;*/ z-index:999; /* */ background:#e9e9e9; position: absolute; top:0px; right: 0px; height: 100%; overflow:hidden; } #sidebar-right:before {content:''; position:absolute; height:100%; width:1px; z-index:100; top:0px; left:0px; background-color:#FFF; } #sidebar-right .widget .widgettitle, #sidebar-right ul.cat-list li, #sidebar-right ul.children li, #sidebar-right ul li { margin-top:5px; font-size:16px; text-transform:uppercase; position:relative; } #main #sidebar-right ul.cat-list > li { padding: 0px; color:#FFF; margin-top:0px; } #main #sidebar-right ul.cat-list > li > a,#main #sidebar-right ul.cat-list > li > a:hover { color:#FFF; } #sidebar-right .widget .widgettitle, #sidebar-right ul.cat-list > li a.cat-list-toggle{ padding: 10px 25px; color:#FFF; background:#63afa2; display:block; } #sidebar-right .widget .widgettitle a{color:#FFF; display:block;} #main #sidebar-right ul li a:hover, #sidebar-right ul.cat-list ul li a:hover, #sidebar-right ul li a:hover { color:#63afa2; } #main #sidebar-right ul li.chosen a, #sidebar-right ul.cat-list ul li.chosen a, #sidebar-right ul li.chosen a{color:#cccccc;} #main #sidebar-right ul li.chosen a:hover, #sidebar-right ul.cat-list ul li.chosen a:hover, #sidebar-right ul li.chosen a:hover { color:#ffffff; } #sidebar-right ul li a, #sidebar-right ul.cat-list li a:hover, #sidebar-right ul.cat-list ul li.current-cat a:hover { color:#000; } #sidebar-right ul.cat-list > li ul { display:none; } #sidebar-right ul.cat-list.expanded > li > ul { display:block; } #main #sidebar-right ul.cat-list li ul { margin-bottom:5px;} #main #sidebar-right ul li a, #sidebar-right ul.cat-list li a, #sidebar-right ul li a { padding: 8px 25px; color:#333; text-decoration:none; display:block; } #main #sidebar-right .widget ul li a, #main #sidebar-right ul.cat-list li ul li a{ /*font-family:'Droid Serif',Georgia, "Times New Roman", Times, serif; */ padding:4px 25px; font-size:14px; text-transform:capitalize; } #main #sidebar-right .widget ul li a{padding:0px 25px;} #sidebar-right .widget .widgettitle { font-weight:normal; letter-spacing:normal; line-height: 16px; text-decoration: none solid rgb(255, 255, 255); } #sidebar-right .widget .widgettitle:first-child {margin-top:0px;} #sidebar-right .widget .price_slider_wrapper { width:90%; margin:20px auto 0} #sidebar-right .widget_layered_nav ul li a { max-width:200px; display: inline-block !important;} #sidebar-right .widget_layered_nav ul li .count { margin-right:10px; font-size:14px; color:#333; display: inline-block; float:right;} #sidebar-right .widget { padding: 0px; border-bottom:none; margin-bottom:20px;} #sidebar-right ul.cat-list li.current-cat, #sidebar-right ul li.current-menu-item, #sidebar-right ul li.current-cat, #sidebar-right ul li.current-post-ancestor{ background:#b9b9b9; } #sidebar-right ul.cat-list li.current-cat a:hover, #sidebar-right ul li.current-cat a:hover, #sidebar-right ul li.current-menu-item a:hover, #sidebar-right ul li.current-post-ancestor a:hover{ color:#000 !important;} #sidebar-right a.cat-list-toggle span { display: inline-block; width: 14px; height: 9px; background: url(images/responsive_arrow.png) no-repeat right center; margin-left: 10px; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #sidebar-right ul.cat-list.collapsed a.cat-list-toggle span { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #sidebar-right .searchform {padding: 10px 25px;} #sidebar-right .widget_archive select { width:90%; margin-right:5%; margin-left:5%; } #sidebar-right .widget_pw_profile_widget {margin: 0 auto; width: auto; height:428px; text-align:center;} .menu-follow-us-container ul.menu {} .menu-follow-us-container ul.menu li { display:inline-block; width:32px; height:32px; background-color: #aba8a3 !important; background-position: 50% 50% !important; border-radius: 5px; margin:6px 3px 0px; } .menu-follow-us-container ul.menu li:hover{ background-color: #63afa2 !important; -webkit-animation:bgOver ease-in-out 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:bgOver ease-in-out 1; animation:bgOver ease-in-out 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.25s; -moz-animation-duration:0.25s; animation-duration:0.25s; } #main-footer .menu-follow-us-container ul.menu li { background-color: #38685F !important; opacity: 0.5; filter: alpha(opacity=50); } #main-footer .menu-follow-us-container ul.menu li:hover{ background-color: #aba8a3 !important; -webkit-animation:none; -moz-animation:none; animation:none; } #main-footer .gform_wrapper .gform_footer { padding: 0; margin: 0; } .menu-follow-us-container ul.menu li { display:inline-block; } .menu-follow-us-container ul.menu li a { padding:0; display:block; width:100%; height:100%; } .menu-follow-us-container .social-facebook { background:url(images/social-fb.png) no-repeat; } .menu-follow-us-container .social-twitter { background:url(images/social-tw.png) no-repeat; } .menu-follow-us-container .social-youtube { background:url(images/social-youtube.png) no-repeat; } .menu-follow-us-container .social-pinterest { background:url(images/social-pin.png) no-repeat; } .menu-follow-us-container .social-instagram { background:url(images/social-instagram.png) no-repeat; } .menu-follow-us-container .social-gplus { background:url(images/social-gplus.png) no-repeat; } .menu-follow-us-container ul.menu li, .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .page-description { padding:25px; } .page-description img.alignright , .page-description img.alignleft{ margin-bottom:20px;} .page-heading.no-image .page-description { margin-top:0px; color:#FFF; padding-top:0px; line-height:24px; } .page-heading.no-image .page-description p { padding:0px; } p.page-description { padding:25px 0 0 0; } /*---------------------[ART PAGE]-------------------*/ .single-art .main-title { display:none; } .signature { text-align:right;} .single-art h2 { font-weight:normal; } a.youtube-link {display:block; background:url(images/youtube-play.png) no-repeat 50% 50%; position:absolute; top:0; left:0; height:100%; width:100%; } .youtube-play { position:relative; margin-top:30px; } .youtube-play img { max-width:100%; height:auto; } #toggle-art-nav { padding:10px 25px; display:block;} .slide-toggle span {display:none;} .slide-toggle.collapsed span.collapsed-title { display:inline; } .slide-toggle.expanded span.expanded-title { display:inline; } .post-gallery { padding: 0 2% 0 0; margin-bottom: 15px;} .post-gallery a { display:inline-block; margin-right: 2%; width:80px; height:80px; position:relative; } .post-gallery a:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);} .sidebar-related {padding: 8px 25px;} .sidebar-related a{display:block; text-align:center; margin-bottom:15px; position:relative; padding:15px; background:#FFF; } .sidebar-related img{ width:100%;} .art_copyright { font-size: 10px;} #related-products article {float:left;} #related-products {padding: 10px 0; } #related-products article.type-product .product-learn-more {top: 25%; } #related-products article.entry-image, #related-products .masonry-grid-size {width: 33.3%; } #related-products .product-info h2{ font-size:12px;} #related-products .product-info .price { font-size:12px;} #related-products article.entry-image img { width:90%; margin:10px auto 0; } .single-art .post-gallery { padding: 0 2% 15px 0; margin-bottom: 15px; border-bottom: 1px solid #eee; } /*---------------------[LICENSEE PAGE]-------------------*/ #main .posts .post_header {position:relative; vertical-align:middle; background:#e9e9e9; height:42px} #main .posts .post_share{ position:absolute; right:5px; top:0px; width:144px; height:32px; z-index:100; } #main .posts .post_pin{ position:absolute; right: 5px; top: 6px; width:36px; height:32px;} #main .posts .post_date{ z-index: 100; position:absolute; left:10px; bottom:-15px; width:auto; height:auto; background: #63afa2; text-align:center; padding:5px 10px; border-radius:5px;} #main .posts .post_date span{ display:block; font-size: 14px; font-weight: bold; text-transform: uppercase; color:#FFF; } #main .posts .post_date span.day {font-size: 30px; font-weight:normal;margin-top: -5px; } #main .posts .post_image{ border: solid 1px #e9e9e9; position:relative; overflow:hidden; max-height:580px;} #main .posts .post_image img{ width:100%; vertical-align:bottom; } #main .posts .post-info { background:rgba(233,233,233,0.8); position:absolute; bottom:0px; left:0px; width:100%;} #main .posts .post-info .description { padding:10px 10px 0 10px; color:#000; text-decoration:none; } #main .posts .post-info .description a { color:#000; text-decoration:underline; } #main .posts .post-info .description a.learn_more{ display:inline-block; padding-bottom:15px;} #main .posts.single-column a { display:inline ;position: relative; width:auto; } #main .posts.single-column .title { position:relative; vertical-align:middle; background:#e9e9e9; } #main .posts.single-column .title h2{ margin-left:70px; margin-right:150px; padding: 10px 0; text-transform:none; } #main .posts.single-column .title h2 a{ color:#000; text-decoration:none; } #main .posts.single-column .title h2 a:hover{ color:#6ab3b2;} #main .posts.single-column { width:auto !important; float:none; margin-bottom:30px; margin-top:20px;} #main .posts.single-column .post_date{ top:-10px; bottom:auto;} #main .posts.single-column .title { height:auto; } #main .posts.single-column article { margin-bottom:30px;} #main .posts.single-column a.post-image-link, #main .posts a.post-image-link{ display:block; } .post_share a { display: inline; position: relative; width: auto; height: auto; z-index: auto; } .licensing_desription{ font-size: 16px;margin-bottom: 20px;} .listings article, .licensees article{ margin-top:20px;} .listings .post_image, .licensees .post_image { float:left; display:block; width:150px; height:150px; position:relative; } .listings .post_image img, .licensees .post_image img{ width:100%; height:auto;} .listings .post-info, .licensees .post-info { margin-left:170px; margin-right:20px;} .listings .post-info.no-thumb, .licensees .post-info .no-thumb {margin-left:0;} .listings .title, .licensees .title { font-weight:bold ;} .listings .title a { color: #6ab3b2; } .listings a.view_all, .licensees a.view_all { display:block;} #licensee_form {margin-top:20px;} #licensee_form a.licensee_form_trigger {background: #aba8a3; display:block; padding:10px; color: #ffffff !important; text-decoration:none; } #licensee_form a.licensee_form_trigger.remove_me {background: none;} #licensee_form .ginput_complex label { margin-left:5px; } #main .layout_40 .posts .post_share { position: absolute; right: -30px; margin-top: 0 !important; top: 0px; width: 26px; height: 136px; z-index: 100; } #main .layout_40 .posts .post_share .addthis_toolbox.addthis_32x32_style span.at300bs{ width:25px !important; height:25px !important; margin-bottom:3px;} #main .layout_40 .posts.single-column .title h2 { margin-right: 20px; } /*---------------------[BreadCrumbs]-------------------*/ #breadcrumbs { padding:10px 25px; text-transform:uppercase; } /*---------------------[Social]-------------------*/ @-webkit-keyframes bgOver { 0% {background-color: #aba8a3;} 100% {background-color: #63afa2;} } @-moz-keyframes bgOver { 0% {background-color: #aba8a3;} 100% {background-color: #63afa2;} } @-o-keyframes bgOver { 0% {background-color: #aba8a3;} 100% {background-color: #63afa2;} } @keyframes bgOver { 0% {background-color: #aba8a3;} 100% {background-color: #63afa2;} } body .addthis_32x32_style .at15t_google_plusone_share { background: url(images/social-gplus.png) no-repeat !important; } body .addthis_32x32_style .at15t_twitter { background: url(images/social-tw.png) no-repeat !important; } body .addthis_32x32_style .at15t_facebook { background: url(images/social-fb.png) no-repeat !important; } body .addthis_32x32_style .at15t_pinterest_share { background: url(images/social-pin.png) no-repeat !important; } body .addthis_32x32_style .at300bs { background-color: #aba8a3 !important; background-position: 50% 50% !important; border-radius: 50%; /*height:20px !important; width:20px !important;*/ background-size:contain !important;} body .addthis_32x32_style .at300bs:hover{ background-color: #63afa2 !important; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -kthtml-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /*---------------------[Single Post]-------------------*/ body.single.single-post #main .meta-info a { color:#6ab3b2;} body.single.single-post #main .meta-info a:hover{ text-decoration:underline; } .single-post .main-title { color: #000; position: relative; bottom: auto; left: auto; } body.single.single-post .main-title h1 { font-weight:normal; } h1#comments, body.single.single-post h3#reply-title { font-size:20px;} body.single.single-post p.meta-date {padding-bottom: 0px;} body.single.single-post .meta-author { padding-top:5px; font-weight:bold; font-size:18px; } body.single.single-post .post_share { padding-bottom: 10px; float: right;} .form-allowed-tags{ display:none; } /*---------------------[Popular Posts]-------------------*/ #popular-posts { margin-top:20px; } /*#popular-posts .post.first {margin-left:0 !important;} #popular-posts .post {display:inline-block; float:none; } #popular-posts .post-thumbnail { margin-bottom: 10px; } #popular-posts a {color:#000 !important;} #popular-posts a:hover {color:#6ab3b2 !important; }*/ #popular-posts .title h3 { font-size:14px;} h3 a, body.single #main h3 a, body.page #main h3 a{ color:#000;} h3 a:hover, body.single #main h3 a:hover, body.page #main h3 a:hover {text-decoration:none; color:#6ab3b2;} /*---------------------[Quick Cart]-------------------*/ #quick-cart { position:absolute; right:0px; top: 0px; padding:10px 25px; z-index: 100; background: rgba(171,168,163,0.8); text-align:center; } /*body.home #quick-cart{position:fixed;}*/ #quick-cart .divider { display:inline-block; margin-left:10px; padding-left:10px; border-left:solid 1px #FFFFFF; height:12px} #quick-cart, #quick-cart a { color:#FFF; } #quick-cart .heading { text-transform: uppercase;} .quickcartcontents { display:none; width:300px; margin-top:-5px; position:absolute; right: -100px; z-index:99999; border:5px solid #026bb7; moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); background:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .quickcartcontents .cart_list li { border-bottom:1px solid #dddddd; padding:5px 0 !important; color:#333; font-size:11px; position:relative; } .quickcartcontents .quickcartimage { float:left; width:13%; margin-left:2%; } .quickcartimage img { width:auto !important; max-width:100%; height:auto; } .quickcartcontents .quickcartproduct { float:left; width:63%; margin-left:2%; } .quickcartproduct a {white-space: normal} #et-addl-icons .quickcartimage img { margin-right: 0px; } .quickcartcontents .quickcartquantity { float:left; width:20%; text-align:right; } .quickcartcontents span.quantity { padding-right:5px; } .quickcartcontents .cart_list li a { font-size:12px; color:#333; padding-left: 0px !important; display: block; } .quickcartcontents .cart_list li img { float:left; padding:2px; background:#fff; box-shadow:0 0 3px 0 #dddddd; -webkit-box-shadow:0 0 3px 0 #dddddd; -moz-box-shadow:0 0 3px 0 #dddddd; } .quickcartcontents p.total { padding:10px; background:#6ba9d5; color:#FFF; text-align:right; } .quickcartcontents p.total .amount {color:#FFF !important; } .quickcartcontents p.buttons { text-align:center; margin-bottom:1em; text-align:center; padding:10px 10px 0px 10px !important; } .quickcartcontents p.buttons a { margin: 0px 5px; } .quickcartcontents .cart_list li.cart_oddrow { background:#fff; } .quickcartcontents .cart_list li.cart_evenrow { background:#f1f1f1; } .quickcartcontents .variation dt { float:left; } .quickcartcontents .variation dl { float:left; } /*---------------------[Woocommerce]-------------------*/ #mobile-cart{ display:none; background: #000 url(images/cart.png) no-repeat 50% 50%; width:34px; height:34px; /*opacity: 0.6;filter: alpha(opacity=60);*/ float:right; } #mobile-cart a{ display:block; width:100%; height:100%;} .category-results-actions{background:#63afa2;} .category-results-actions .orderby {background:#8bbcb3; color:#FFF; border:none; text-transform:uppercase; margin:0; padding:5px 25px; font-weight: bold; font-size: 14px;} body.woocommerce .woocommerce-ordering, body.woocommerce-page .woocommerce-ordering { float:left; margin:0px;} .products .entry-image {} .products article.type-product.entry-image .product-image-container { width:90%; margin:0px auto; text-align:center; position: relative !important; } /* .products article.type-product.entry-image img.gamma_img_loader { width:100%; height:auto; } .products article.type-product.entry-image img.gamma_img_loaded { width:auto; height:auto; margin: 0 auto; } */ .products article.type-product.entry-image img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #articles.products article.product-category {} .products.masonry-grid article.type-product.entry-image .product-image-container{ margin-top:20px} .products article { background:#FFF;} /*.products article.type-product.entry-image:after { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/ /* .products article.entry-image:before{content:''; position:absolute; height:100%; width:1px; top:0px; left:0; background-color:#e9e9e9; z-index:100; } .products article.entry-image { border-top: solid 1px #e9e9e9}*/ /*.products article.type-product:after{content:''; position:absolute; height:1px; width:100%; bottom:-5%; left:0; background-color:#e9e9e9; z-index:100; }*/ .product-overlay{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.30) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.30))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.30) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.30) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.30) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.30) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .product-overlay:after{position: absolute; background:#FFF; right:0; top:0; width:1px; height:100%; content:'';} .product-learn-more {position:relative; margin-top:10px; text-align:center} .type-product .product-learn-more {position:absolute; width:100%; top:50%; left:0px; margin-top:0px;} .product-learn-more span{ background: rgba(0,0,0,0.7); color:#eee; padding: 10px 15px; text-transform:uppercase; border-radius:5px; margin-top:-50%; display: inline-block; text-shadow:none; font-size:14px; } .products article.type-product .product-info {position:relative; } .products article.type-product .product-info .description {/*position:absolute;width:100%; bottom:10px;*/ padding:10px; } .products article.type-product .product-info h2, .products article.type-product .product-info .price { color:#777777 !important; text-transform:none; text-align:center; font-weight:normal;font-size:16px; } .products article.type-product:hover .product-info h2, .products article.type-product:hover .product-info .price { color:#FFF !important;} .products article.product-category .price, .products article.type-product .product-info .price { font-weight:bold; font-size:14px; display:block; } body.woocommerce .woocommerce-error, body.woocommerce .woocommerce-info, body.woocommerce .woocommerce-message, body.woocommerce-page .woocommerce-error, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message { padding: 1em 1em 1em 3.5em!important; margin: 0 !important; position: relative; -webkit-border-radius: 4px; border-radius: 0px; background:none; background-color:#fcfbfc; color: #5e5e5e; text-shadow: 0 1px 0 #fff; list-style: none outside!important; width: auto; -webkit-box-shadow: none; box-shadow: none; border-bottom: solid 1px #e9e9e9; } body.woocommerce-checkout .woocommerce-info { margin-bottom: 20px !important; } body.woocommerce .woocommerce-error:before, body.woocommerce .woocommerce-info:before, body.woocommerce .woocommerce-message:before, body.woocommerce-page .woocommerce-error:before, body.woocommerce-page .woocommerce-info:before, body.woocommerce-page .woocommerce-message:before { left: 0; height: 100%; padding-top: 0; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .etlogin-button{ background: #aba8a3 !important; } .etlogin-button:hover { background:#6ab3b2 !important; } .etlogin-button, body.woocommerce #content input.button, body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce-page #content input.button, body.woocommerce-page #respond input#submit, body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button, body input.button, body a.button { font-size: 100%; margin: 0; line-height: 1em; cursor: pointer; position: relative; font-family: inherit; overflow: visible; padding: 6px 10px; text-decoration: none; font-weight: normal; -webkit-border-radius: 0px; border-radius:0px; left: auto; color: #FFF !important; text-shadow: none; border: none; background: #aba8a3; white-space: nowrap; display: inline-block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform:uppercase; } .etlogin-button:hover, .woocommerce #content input.button:hover,body.woocommerce #respond input#submit:hover,body.woocommerce a.button:hover,body.woocommerce button.button:hover,body.woocommerce input.button:hover,body.woocommerce-page #content input.button:hover,body.woocommerce-page #respond input#submit:hover,body.woocommerce-page a.button:hover,body.woocommerce-page button.button:hover,body.woocommerce-page input.button:hover, body input.button:hover, body a.button:hover { background:#6ab3b2; } body.woocommerce #content table.cart img, body.woocommerce table.cart img, body.woocommerce-page #content table.cart img, body.woocommerce-page table.cart img { width: 150px; } body.woocommerce #content table.cart td.actions .coupon .input-text, body.woocommerce table.cart td.actions .coupon .input-text, body.woocommerce-page #content table.cart td.actions .coupon .input-text, body.woocommerce-page table.cart td.actions .coupon .input-text { padding: 10px 6px 9px !important; border: 1px solid #d3ced2 !important;} body.woocommerce td.product-name dl.variation dd, body.woocommerce-page td.product-name dl.variation dd, body.woocommerce td.product-name dl.variation dt, body.woocommerce-page td.product-name dl.variation dt{ padding: 0 0 7px; margin: 0 0 0 5px;line-height:normal; font-size:14px; } body.woocommerce td.product-name dl.variation dd p, body.woocommerce-page td.product-name dl.variation dd p { padding: 0; line-height:normal;} body.woocommerce .cart-collaterals .cart_totals table, body.woocommerce-page .cart-collaterals .cart_totals table { float: right; width: 100%; } body .woocommerce #content table.cart a.remove:hover, body .woocommerce table.cart a.remove:hover, body.woocommerce-page #content table.cart a.remove:hover, body.woocommerce-page table.cart a.remove:hover { background:#ABA8A3} body.woocommerce .cart-collaterals .cart_totals table th, body.woocommerce-page .cart-collaterals .cart_totals table th{ width:50%; vertical-align: middle;} body.woocommerce .woocommerce_before_shop_loop .post-thumbnail,body.woocommerce-page .woocommerce_before_shop_loop .post-thumbnail{ /*max-height:300px;*/ overflow:hidden;} .woocommerce-cart #coupon_code{ width:150px; } .woocommerce-cart .wc-proceed-to-checkout {clear:both;} .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{ text-align:right;} .woocommerce .cart a.button { float: right; margin-left: 3px; } .woocommerce-cart .cart-collaterals .cart_totals h2{ border-bottom: 1px solid rgba(0,0,0,.1); } /*---------------------[Woocommerce Product Page]-------------------*/ body.single-product #main-content{ padding: 0px;} body.woocommerce #content div.product div.images img, body.woocommerce div.product div.images img, body.woocommerce-page #content div.product div.images img, body.woocommerce-page div.product div.images img { box-shadow: none; -webkit-box-shadow: none; } body.woocommerce #content div.product div.images, body.woocommerce div.product div.images, body.woocommerce-page #content div.product div.images, body.woocommerce-page div.product div.images { padding: 0px; border-bottom:#e9e9e9 solid 1px; position:relative; margin-bottom:0px; } body.woocommerce #content div.product div.images .woocommerce-main-image, body.woocommerce div.product div.images .woocommerce-main-image, body.woocommerce-page #content div.product div.images .woocommerce-main-image, body.woocommerce-page div.product div.images .woocommerce-main-image { display:block; padding:20px; } body.woocommerce #content div.product div.summary, body.woocommerce div.product div.summary, body.woocommerce-page #content div.product div.summary, body.woocommerce-page div.product div.summary{margin-right:1%; padding-top:25px;} body.woocommerce #content div.product div.images:after, body.woocommerce div.product div.images:after, body.woocommerce-page #content div.product div.images:after, body.woocommerce-page div.product div.images:after, body.woocommerce #content div.product div.tabs:after, body.woocommerce div.product div.tabs:after, body.woocommerce-page #content div.product div.tabs:after, body.woocommerce-page div.product div.tabs:after {content:''; position:absolute; height:100%; width:1px; top:0px; right:0; background-color:#e9e9e9; } body.woocommerce #content div.product div.thumbnails a, body.woocommerce div.product div.thumbnails a, body.woocommerce-page #content div.product div.thumbnails a, body.woocommerce-page div.product div.thumbnails a { float: left; width: 50px; height: 50px; margin: 10px} body.woocommerce #content div.product div.tabs, body.woocommerce div.product div.tabs, body.woocommerce-page #content div.product div.tabs, body.woocommerce-page div.product /*div.tabs { float: left; width: 48%; padding: 20px 0px; position:relative; margin:0px;}*/ div.tabs {padding: 20px 0px;} body.woocommerce #content div.product div.tabs .entry-content, body.woocommerce div.product div.tabs .entry-content, body.woocommerce-page #content div.product div.tabs .entry-content, body.woocommerce-page div.product div.tabs .entry-content { padding:0px 20px 20px 20px;} body.woocommerce #main .image-info .description h2, body.woocommerce-page #main .image-info .description h2, body.woocommerce #main .image-info .description span.price, body.woocommerce-page #main .image-info .description span.price { color:#fff !important; } .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce body div.product span.price, body.woocommerce-page #content div.product p.price, body.woocommerce-page #content div.product span.price, body.woocommerce-page div.product p.price, body.woocommerce-page div.product span.price { color:#000;} body #main #comment-wrap h3, body #main h2.section_title { padding: 10px 25px; color: #FFF ; background: #63afa2; display: block; margin:0px; font-weight: normal; letter-spacing: normal; line-height: 16px; text-decoration: none solid rgb(255, 255, 255);} .related.products { width:auto; background:#FFF; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; margin-top:10px; } .related.products .flex-carousel-style { margin:0;} .related.products .flex-carousel-style article.type-product.entry-image { border-top:none;} body.woocommerce .products .flex-carousel-style ul, body.woocommerce .flex-carousel-style ul.products, body.woocommerce-page .products .flex-carousel-style ul, body.woocommerce-page .flex-carousel-style ul.products { margin: 0; } .product_meta .post_share { margin-bottom:15px;} .product_meta .lead_time_wrapper, .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as, .product_meta .related-downloads, .product_meta .related-art{ display:block; text-transform:capitalize; margin-bottom:15px;} .product_meta .related-downloads li { margin-top:15px;} .product_meta .related-downloads .dlm-downloads, .product_meta .related-downloads a, .product_meta .tagged_as a, .product_meta .posted_in a { text-transform:capitalize; } .product_meta .related-art { min-height:50px; overflow: hidden; } .product_meta .related-art .related-art-text { margin-left:55px; display:block;} .product_meta .related-art img { float:left; margin-right:5px;} body.woocommerce #content input.button.alt, body.woocommerce #respond input#submit.alt, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt, body.woocommerce-page #content input.button.alt, body.woocommerce-page #respond input#submit.alt, body.woocommerce-page a.button.alt, body.woocommerce-page button.button.alt, body.woocommerce-page input.button.alt { /* background: #c7b392; background: -webkit-gradient(linear,left top,left bottom,from(#c7b392),to(#bda67d)); background: -webkit-linear-gradient(#c7b392,#bda67d); background: -moz-linear-gradient(center top,#c7b392 0,#bda67d 100%); background: -moz-gradient(center top,#c7b392 0,#bda67d 100%); border-color: #8e724a; color: #000; text-shadow: none; text-transform:uppercase; */ background: #222222; border-color: #c9c9c9; color: #FFF; text-shadow: none; text-transform:uppercase; font-weight:normal; } body.woocommerce #content input.button.alt:hover, body.woocommerce #respond input#submit.alt:hover, body.woocommerce a.button.alt:hover, body.woocommerce button.button.alt:hover, body.woocommerce input.button.alt:hover, body.woocommerce-page #content input.button.alt:hover, body.woocommerce-page #respond input#submit.alt:hover, body.woocommerce-page a.button.alt:hover, body.woocommerce-page button.button.alt:hover, body.woocommerce-page input.button.alt:hover { /*background: #bda67d; background: -webkit-gradient(linear,left top,left bottom,from(#bda67d),to(#c7b392)); background: -webkit-linear-gradient(#bda67d,#c7b392); background: -moz-linear-gradient(center top,#bda67d 0,#c7b392 100%); background: -moz-gradient(center top,#bda67d 0,#c7b392 100%); border-color: #8e724a; color: #fff; text-shadow: none; */ background: #63afa2; } body.woocommerce #content input.button, body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce-page #content input.button, body.woocommerce-page #respond input#submit, body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button, body input.button, body a.button{ padding:10px 15px;} .entry-summary .quantity {display:none !important;} body .entry-summary .price span{ font-size: 26px;} body.woocommerce #content div.product .product_title, body.woocommerce div.product .product_title, body.woocommerce-page #content div.product .product_title, body.woocommerce-page div.product .product_title { margin-bottom:15px; line-height:25px;} body.woocommerce span.onsale, body.woocommerce-page span.onsale { z-index: 1; background: #ce0000; background: -webkit-gradient(linear,left top,left bottom,from(#ce0000),to(#8c0000)); background: -webkit-linear-gradient(#ce0000,#8c0000); background: -moz-linear-gradient(center top,#ce0000 0,#8c0000 100%); background: -moz-gradient(center top,#ce0000 0,#8c0000 100%); text-shadow: 0 -1px 0 #8c0000; padding: 0; top: 5px; left: 5px; } /* Start hardcode for sale */ /*.product .onsale { display: none !important; }*/ /*.price del { text-decoration: none !important; opacity: 1 !important; } .price ins { display: none !important; }*/ /* end, also see file for -> content-product.php commented do_action :54 */ .woocommerce #content div.product .stock.available-on-backorder, .woocommerce div.product .stock.available-on-backorder, .woocommerce-page #content div.product .stock.available-on-backorder, .woocommerce-page div.product .stock.available-on-backorder {font-weight:bold; color:#F00;} /*---------------------[Woocommerce Product Page Variations]-------------------*/ .single_variation { margin-bottom:20px;} .single_add_to_cart_button {white-space: pre-line !important;} a.variation_reset, a.variation_button, a.frame_it{ display:inline-block; margin-right:10px; margin-bottom:10px; background: #63afa2; border-color: #c9c9c9; color: #FFF !important; text-shadow: none; text-transform:uppercase; font-weight:normal; padding:10px; border: solid 1px #c9c9c9;} /* JS - variation.php (change display)*/ #pa_edition_buttons a.variation_button, #pa_size_buttons a.variation_button { opacity: .7; } .ajax_waiting { display: none; width: 70px; height: 20px; position: relative; top: 3px; background: url("images/waiting.gif") no-repeat; } a.variation_reset:hover, a.variation_button:hover, a.frame_it:hover{ background-color:#eee; color:#000 !important; text-decoration:none; } a.frame_it {background: #63afa2 url(images/frame-it.png) no-repeat left center;line-height:30px; padding:10px 15px 10px 75px; margin-left:10px; margin-bottom:0px;} a.variation_reset, a.variation_button{font-size: 12px;} a.variation_button {background:#63afa2; color: #FFF !important;} .variation_description h4 span, a.variation_button span{text-transform:lowercase;} a.variation_button.selected { background:#aba8a3 url(images/close-option.png) no-repeat top right; padding-right:20px;color: #FFF !important;} .variations_form select { display:none; } /*#variation_pa_frame{ display:block !important;}*/ .variations { border-bottom: solid 1px #e9e9e9; } .variation {position:relative; padding:10px 0px 0px; border-top: solid 1px #e9e9e9; overflow:hidden; } .variation_descriptions{overflow:hidden;} .variation_description{ display:none; margin-bottom:10px; line-height:16px; font-size:14px; } .variation_description .image{ margin-bottom:10px; position:relative } .variation_description .image img {width: 100%;} .variation_description .image img.gamma_img_loader{ width:250px; } .reset_variations {display:none; clear:both;} .variation_label {text-transform:uppercase; margin-bottom:10px; display: inline-block; margin-top: 7px;} a.variation_reset {/*background:#900;*/} .variation_buttons_wrapper, .variation_descriptions_wrapper {width:40%; float:left;} .variation_descriptions_wrapper { margin-left:5%; padding-left:5%;} .variation_descriptions_wrapper:before {content:''; position:absolute; height:100%; width:1px; top:0; left:45%; background-color:#e9e9e9; } .variation_name_value{ display:none; } #current_selections{} #current_selections span {text-transform:uppercase;} #current_selections_wrapper strong{text-transform:uppercase; display:block; margin-bottom:10px} /*#current_selections_wrapper{border-top: solid 1px #e9e9e9; padding-top:10px;}*/ .frames_wrapper { padding:10px 0px 0px; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; margin-bottom: 1em;} #pa_frame_buttons .variation_button, .frame_button {width:28%; height:auto; display:inline-block; margin-left:2%; margin-right:2%; margin-bottom:10px; background: #fff; position:relative; padding:0px;} #pa_frame_buttons .variation_button img, .frame_button img {width:90%; height:auto; margin:5%; } /*.frame_button.selected:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}*/ #pa_frame_buttons .variation_button:hover, .frame_button:hover {background:#63afa2;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -kthtml-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #pa_frame_buttons .variation_button.selected, .frame_button.selected { background:#aba8a3;} #current_selections_wrapper/*, #variation_pa_frame*/ {display:none; } .price-prompt{ font-style:italic; clear:both;} .lead-time{ font-style:italic; display:none;margin-top: 15px;clear:both;} .var-notice{color: #fff; background: #aba8a3; position: absolute; width: 55%; right: -100%; bottom: 10px; font-size: 15px; text-transform: uppercase; letter-spacing: 0px; height:30px; } .var-notice div{line-height:30px;} .var-notice:before { content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #aba8a3; position: absolute; left: -15px; z-index: 100; } .current_selection_prompt { margin-bottom:20px; text-transform:uppercase;} #current_selections span { font-weight:bold; } #reviews #comments, #reviews #review_form_wrapper {padding:10px 20px;} #meta-reviews a { margin-bottom:15px; display:block;} /*---------------------[Store locator]-------------------*/ body div.results_entry a { width:auto;} body .results_row_left_column, body .results_row_center_column, body .results_row_right_column { float:left;} .page-template-page-parallax-php h2{ font-size: 40px; } .page-template-page-parallax-php #sidebar-bottom h2{ font-size: 24px; } .page-template-page-parallax-php .page-description { padding: 0 75px 100px 75px; } .page-template-page-parallax-php .page-description { padding: 0 75px 100px 75px; } .page-template-page-parallax-php .parallax-container { margin-left:-100px; margin-right:-100px; margin-bottom:20px;} /*.page-template-page-parallax-php .page-description a { display:inline-block;}*/ .vertPad25 {padding-top: 25px; padding-bottom:25px; } /*---------------------[Page Section Template ]-------------------*/ body.tribe-events-page-template #main .events-main-page .posts.single-column .title h2, body.page-template-page-template-section-php #main .posts.single-column .title h2 { margin-left: 20px; } body.tribe-events-page-template .single-column article, body.page-template-page-template-section-php .single-column article {width:48% !important; float:left;} body.tribe-events-page-template .half .single-column article, body.page-template-page-template-section-php .half .single-column article {width:100% !important; float:none; margin-left: 0% !important;clear: both;} body.tribe-events-page-template .single-column article:nth-child(even), body.page-template-page-template-section-php .single-column article:nth-child(even) { margin-left: 2%; clear:right; } body.tribe-events-page-template .single-column article:nth-child(odd), body.page-template-page-template-section-php .single-column article:nth-child(odd) { clear:left; } body #main #sidebar-right .widget > ul > li.cat-item > a {color:#FFF; background:#63afa2; padding:10px 25px; text-transform:uppercase; font-size:16px; line-height:16px;} body #main #sidebar-right .widget > ul > li.cat-item { margin-top:0; } .footer-widget li {margin-bottom:10px;} /*---------------------[Timeline]-------------------*/ body.page .vco-storyjs{font-family:'Droid Serif', Georgia, 'Times New Roman', serif;} body.page .vco-storyjs .twitter,body.page .vco-storyjs .vcard,body.page .vco-storyjs .messege,body.page .vco-storyjs .credit,body.page .vco-storyjs .caption,body.page .vco-storyjs .zoom-in,body.page .vco-storyjs .zoom-out,body.page .vco-storyjs .back-home,body.page .vco-storyjs .time-interval div,body.page .vco-storyjs .time-interval-major div,body.page .vco-storyjs .nav-container{font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif !important} body.page .vco-storyjs .vco-feature h1.date,body.page .vco-storyjs .vco-feature h2.date,body.page .vco-storyjs .vco-feature h3.date,body.page .vco-storyjs .vco-feature h4.date,body.page .vco-storyjs .vco-feature h5.date,body.page .vco-storyjs .vco-feature h6.date{font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif !important} body.page .vco-storyjs .timenav h1,body.page .vco-storyjs .flag-content h1,body.page .vco-storyjs .era h1,body.page .vco-storyjs .timenav h2,body.page .vco-storyjs .flag-content h2,body.page .vco-storyjs .era h2,body.page .vco-storyjs .timenav h3,body.page .vco-storyjs .flag-content h3,body.page .vco-storyjs .era h3,body.page .vco-storyjs .timenav h4,body.page .vco-storyjs .flag-content h4,body.page .vco-storyjs .era h4,body.page .vco-storyjs .timenav h5,body.page .vco-storyjs .flag-content h5,body.page .vco-storyjs .era h5,body.page .vco-storyjs .timenav h6,body.page .vco-storyjs .flag-content h6,body.page .vco-storyjs .era h6{font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif !important} body.page .vco-storyjs p,body.page .vco-storyjs blockquote,body.page .vco-storyjs blockquote p,body.page .vco-storyjs .twitter blockquote p{font-family:'Droid Serif', Georgia, 'Times New Roman', serif !important} body.page .vco-storyjs .vco-feature h1,body.page .vco-storyjs .vco-feature h2,body.page .vco-storyjs .vco-feature h3,body.page .vco-storyjs .vco-feature h4,body.page .vco-storyjs .vco-feature h5,body.page .vco-storyjs .vco-feature h6{font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif;font-weight:700} body.page .timeline-tooltip{font-family:'Open Sans', Helvetica, Arial, Lucida, sans-serif} body.page .vco-slider .nav-previous .date, body.page .vco-slider .nav-next .date { font-size: 14px; line-height: 14px; } body.page .vco-slider .nav-previous .title, body.page .vco-slider .nav-next .title { font-size: 12px; line-height: 14px; } .hp-slider-image-link { display:block; overflow:hidden; width:100%; height:100%; } .gamma_img_loader.gamma_img_transparent{ width:100% !important; height:100% !important;} .gamma_img_loader, .gamma_img_loaded{/*background:#e5e5e5;*/} .gamma_img_nobg {background:none!important;} .gamma_img_spinner{ /*position:absolute; width:100%; height:100%; background:#CCCCCC url(images/image-loader.gif) 50% 50% no-repeat; opacity:0.5;filter: alpha(opacity=50); top:0; left:0;*/ position: absolute; width: 50px; height: 50px; background: #CCCCCC url(images/ajax-loader.gif) 50% 50% no-repeat; opacity: 0.7; filter: alpha(opacity=70); bottom: 50%; left: 50%; border-radius: 50%; margin-bottom: -25px; margin-left: -25px; } .menu-widget{ z-index: 4; position: relative; } .menu-widget .widget { padding: 0px; } .menu-widget .widget .searchform { /*max-width: 280px;*/ } .menu-widget .widget.widget_search_tk label.tk-search-label { display:block; } .menu-widget .widget.widget_search_tk .tk-search-input { margin:0; font-size:16px; background:#63afa2; border:none !important; color:#FFF; width:100%; padding:0 !important; height:20px; line-height:20px; text-align:right;} .menu-widget .widget.widget_search_tk .tk-search-input-wrapper{ padding:5px; background:#63afa2; margin-right:0px; margin-left:32px; /*width:218px;*/ } .menu-widget .widget.widget_search_tk .tk-search-continer {clear:both; padding:5px 15px 5px 5px; background:#63afa2;} .menu-widget .widget.widget_search_tk .tk-search-details { display:none; margin:5px 10px 10px 10px; text-align:right } #mobile-search .menu-widget .widget.widget_search_tk .tk-search-details { display:block; } .menu-widget .widget.widget_search_tk .tk-search-details label { font-size: 11px; color:#464646; } .menu-widget .widget.widget_search_tk .tk-search-submit-wrapper{ float: left; width:32px; height:32px; } .menu-widget .widget.widget_search_tk .tk-search-submit { width:100%; height:100%; display:block; padding:0; margin:0; border:none; background:#63afa2; color:#FFF; } .menu-widget .widget.widget_search_tk .tk-search-submit.dashicons {font-size:20px; } #sidebar-bottom .menu-follow-us-container ul.menu li{ width:25px; height:25px;background-size: contain;} /*----GRAVITY----*/ body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password] { outline-style: none; font-size: 14px; font-family: inherit; padding: 5px 4px 5px 4px; letter-spacing: normal; } /**/ .configuration-loader-container{position:relative;} .configuration-loader-container .configuration-loader{width: 240px; position:absolute; left:50%; margin-left:-140px; top:20px; background: #ccc; padding: 40px 20px; z-index: 10000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; font-size: 16px; line-height:16px; color: #333; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); opacity:0.9;filter: alpha(opacity=80);} #content.widecolumn {padding:25px;} #content.widecolumn h2 {color: #464646} #content.widecolumn p a {color:#63afa2;} .woocommerce-main-image, .variation_button, .variation_description .image {position:relative;} article.gallery-item a {position:relative; color: #464646; text-decoration:none; } article.gallery-item p{ text-align:center; padding: 5px 5% 10px; color: #464646;} article.gallery-item img {width:90%; margin:5% auto 0;} .phone-right-wrapper .phone-left {margin-bottom:10px;} .product_meta .download-link img, img.tiny {width:50px; vertical-align: middle;} /* -vc .dlm-downloads .download-link img { float: left; margin-right: 6px; } */ /* EVENTS */ #events-gallery, #events-scroll{ margin-left: -25px; margin-right: -25px; width: auto; background: #FFF; overflow:hidden; position:relative; } .flex-carousel-autoplay { opacity:0; } #events-gallery {margin-bottom: -25px;border-bottom:solid 1px #FFFFFF;} #events-gallery .slides a { display:block; position:relative; } #events-gallery .slides a img { width:100%} #events-gallery .slides .product-learn-more { position: absolute; width: 100%; top: 50%; left: 0px; margin-top: 0px; } #events-scroll .entry-image{color:#000; text-align:center;} #events-scroll .event-info { padding:10px;} #events-scroll .entry-image:after {content:''; position:absolute; height:90%; width:1px; top:10%; right:0; background-color:#aba8a3; z-index:100; } #tribe-events-content .tribe-events-schedule {margin: 0px;} #tribe-events-content .post_share { float:right; } #tribe-events-content .tribe-events-button {background-color: #e9e9e9; } #tribe-events-content a.tribe-events-ical, #tribe-events-content a.tribe-events-gcal { display:none;/* font-size: 12px; font-weight: normal; padding: 3px 10px; border-radius: 0px; margin-top:10px;*/ } #tribe-events-content a.tribe-events-ical:hover, #tribe-events-content a.tribe-events-gcal:hover { background:#6AB3B2; color:#fff;} body.archive.tribe-events-page-template #main-content.left {padding: 25px;} #tribe-events-content-wrapper .tribe-events-notices { background: none; border: none; color: #777; text-shadow: none; } #tribe-events-content-wrapper .tribe-events-list .vevent.hentry { border-bottom: none; padding:0; } #tribe-events-bar, #tribe-events-content-wrapper .main-title h1 a, #tribe-events-content-wrapper .tribe-events-list-separator-year, #tribe-events-content-wrapper .tribe-events-list-separator-month { display:none; } #tribe-events-content .event-image { position:relative; } #tribe-events-content .event-image img {width:100%; height:auto;} body.archive.tribe-events-page-template .page-description {line-height:24px;} #tribe-events-content-wrapper #articles{ margin-left: -25px; margin-right: -25px;} #tribe-events-content-wrapper .event_share { position:absolute; top:5px; right: 0px; } #main #tribe-events-content .posts .post_date { top: 10px; left: 10px; bottom: auto; } #main #tribe-events-content .posts .post_date span { } #tribe-events-content-wrapper .page-heading { min-height:0; } .small { font-size:11px; } em.small { line-height: 14px; display: inline-block;} /* BANNERS */ #header-banners{ padding:10px 25px 10px 25px; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.75); -webkit-box-shadow: inset 3px -3px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: inset 3px -3px 10px 0px rgba(0,0,0,0.55); box-shadow: inset 3px -3px 10px 0px rgba(0,0,0,0.25); color: #000; font-size:16px; font-weight:300; background: #eee url(images/body-bg5.png); font-weight:normal; text-align:center; display:none; } .header-banner-text .wpbrbannerinside a { color:#63afa2} .header-banner-text.no-image {/*padding-right: 250px; */ } .header-banner-text.w-image { } .cart-banner-image{ padding-bottom: 10px; text-align:center;} /* shipping_method */ /*.woocommerce ul#shipping_method { padding-left: 30px; } .woocommerce ul#shipping_method li label { font-size:13px; } .woocommerce ul#shipping_method li label:hover { text-decoration: underline; color: #6ab3b2; } .woocommerce ul#shipping_method li label .amount{ font-size:16px; } .woocommerce ul#shipping_method input.shipping_method { float: right; display: inline-block; height: 20px; margin-left: 10px; }*/ .gamma-ship-to-different{ width: 100%; float: left; } .woocommerce-checkout .gamma-ship-to-different label{ font-size:16px; } .woocommerce-checkout .gamma-ship-to-different input{ padding:10px; } .woocommerce .woocommerce-info { border-top-color: #6ab3b2; } .woocommerce .woocommerce-info:before { color: #6ab3b2; } .woocommerce-checkout-review-order-table .variation { font-size:12px; } table.shop_table.woocommerce-checkout-review-order-table td.product-name { padding-top: 15px; padding-bottom: 15px; } h3#order_review_heading, .checkout #customer_details h3{ color: #999 !important; font-size: 26px; margin-bottom: 10px; } #order_review .woocommerce ul#shipping_method { /* padding: 20px 0 20px 20px;*/ width: 40%; margin: auto; } #order_review tr.shipping td{ padding: 20px 20%; vertical-align: middle; } #order_review tr.shipping td h3{ display: inline-block; vertical-align: middle; } #order_review tr.shipping ul#shipping_method { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle; margin-left: 50px;; } #order_review tr.shipping{ } @media screen and (max-width: 768px) { #order_review ul#shipping_method { width: 100%; } .woocommerce-cart #coupon_code { width: 100px; } .woocommerce-cart table.cart td.actions .button { width:auto !important; display:inline-block; } .woocommerce-page table.cart td.actions input.button{ float:right; margin:1px; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; padding-bottom: 0; } #order_review tr.shipping td { padding: 20px; } #order_review table.shop_table .cart_item td, #order_review table.shop_table .cart_item td { padding: 20px !important; } #payment #place_order { font-size:26px } } #payment #place_order { font-size:24px } @media screen and (max-width: 550px) { .woocommerce-cart table.cart td.actions .coupon { float: none; padding-bottom: 0; display: inline-block; } .woocommerce-cart table.cart td.actions { text-align: center; } .woocommerce-page table.cart td.actions > input.button { float: none; display: inline-block; background: #6ab3b2; } #order_review tr.shipping ul#shipping_method { margin-left:0; } } .woocommerce-page .shop_table.woocommerce-checkout-review-order-table { border-radius:0 !important; } #order_review .tax-total td, #order_review .cart-discount td, #order_review th.product-total, #order_review .cart_item td.product-total, #order_review .cart-subtotal td, #order_review .order-total td { text-align:right; } @media screen and (max-width: 850px) { .woocommerce-cart .actions .checkout-button{ display:none; } } .woocommerce-cart .cart-collaterals tr.shipping>td { padding:20px 20%; background-color: #eee; text-align: left; } .woocommerce .cart-collaterals tr.shipping>td .woocommerce-shipping-calculator { float:right; } .woocommerce ul#shipping_method li { padding: .25em 10px .25em 22px; } .woocommerce-checkout .gamma-ship-to-different label:hover, .woocommerce ul#shipping_method li:hover{ background-color: #eee; } .woocommerce ul#shipping_method li label { font-size: 13px; font-weight: normal; } .woocommerce ul#shipping_method li label .amount{ font-size:16px; padding-left: 10px;/*float: right; */ } .woocommerce .cart-collaterals ul#shipping_method .amount { /* display: block;*/ } .woocommerce .cart-collaterals .cart_totals th { color: #999; } .woocommerce-order-received .woocommerce .order_details { margin-top:20px; } .woocommerce-order-received h2, .woocommerce-order-received h3, .woocommerce-order-received table.order_details, .woocommerce-order-received table.customer_details, .woocommerce-order-received address { display:none; } .woocommerce-checkout label { font-size: 12px; font-weight: bold; } #ship-to-different-address { color:#6ab3b2 !important; /*background-color: #6ab3b2 !important;*/ font-family: 'Droid Serif', Georgia, 'Times New Roman', serif; font-size: 16px; font-weight:normal; /*padding:10px 15px;*/ text-transform:none; display:none; } #ship-to-different-address label { font-size: 16px; text-decoration:underline; } #ship-to-different-address-checkbox { display:none; } .woocommerce-shipping-fields .gamma-shipping-fields{ display:none; } .checkout #order_review_heading { margin-top: 15px; padding-top: 15px; border-top: solid 1px #e9e9e9; } woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { /*float: none; width: 100%;*/ } /*.woocommerce-checkout #order_review { background: #ebe9eb; border-radius: 5px; overflow: hidden; }*/ .woocommerce-checkout-payment .payment_methods li label { font-size:13px; } .woocommerce-checkout-payment .payment_methods > li > label { font-size:20px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name, .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal { background: rgba(204, 204, 204, 0.66); color: #666; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name, .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal th { font-size:12px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.order-total{ background:#666; color:#FFF; font-size: 24px; } /*#ship-to-different-address:hover { background: #222222 !important; }*/ .woocommerce-account .addresses .title .edit, .woocommerce-account h2, .woocommerce-account h3 { padding-top:20px; } #et-login input[type=text]{ padding-left: 40px !important; } @media screen and (max-width: 1570px) { .image-info { font-size: 13px; } .image-info .title { padding: 0 7px 0; } .image-info h2 { font-size: 20px; } h3.hp-banners-title { font-size: 14px; } .image-info .description { padding: 0px 5px; } .hp-banners-text {line-height:normal;} #homepage-art .image-info .description p {display:none;} #main .layout_40 .posts.single-column .title h2 {font-size: 20px;} #main .layout_40 .posts .post-info .description { font-size:14px} #main .layout_40 .posts .post-info{ position:relative; bottom: auto;} #related-products article.entry-image, #related-products .masonry-grid-size {width: 50%; } } @media screen and (max-width: 1279px) { body.tribe-events-page-template .single-column article, body.page-template-page-template-section-php .single-column article {width:100% !important; float:none;} body.tribe-events-page-template .single-column article:nth-child(even), body.page-template-page-template-section-php .single-column article:nth-child(even) { margin-left: 0%; clear:both; } .layout_one_third{ display:none;} .layout_two_thirds{ width:100%; float:none; } #related-products article.entry-image, #related-products .masonry-grid-size {width: 100%; } .featured-description h2 {font-size: 50px;} .featured-description h2 sup{top: 11px; font-size: 25px;} } @media screen and (max-width: 1150px) { #megaMenu ul.megaMenu li.menu-item.tiles ul.sub-menu li.menu-item { width:100px; margin-right:10px; float:left; margin-bottom:10px; } #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-mega.ss-nav-menu-item-depth-0.nav-search ul.sub-menu-1 { width:510px !important;} #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 { width: 705px !important; max-width: 705px !important; } .layout_40, .layout_60 {width: 100%; float: none; margin-bottom:10px;} body.single-art .layout_60 .post-thumbnail { margin-right: -25px; } #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-mega.ss-nav-menu-item-depth-0.mega-colgroup-4 ul.sub-menu-1 li.ss-nav-menu-item-depth-1 { padding:10px; } } .woocommerce form .gamma-center, .woocommerce form .gamma-right, .woocommerce form .gamma-left { float: left; width: 33%; overflow: visible; } @media screen and (min-width: 1024px) { /* #top-menu { display: block !important; } */ /* CHECKOUT */ /*.woocommerce-checkout #customer_details { width: 50%; float: left; margin-right: 2%; padding:10px; box-sizing:border-box; } .woocommerce-checkout #order_review { width: 48%; float: right; } .woocommerce-checkout .woocommerce-checkout-review-order-table{ border: none !important; }*/ } @media screen and (min-width: 768px) and (max-width: 1279px) { body.page #main-content.left #articles.posts .post, body.archive #main-content.left #articles.posts .post, body.page #main-content.left .masonry-grid-size, body.archive #main-content.left .masonry-grid-size, body.page #main-content.left .entry-image, body.archive #main-content.left .entry-image, body.search #main-content.left .masonry-grid-size, body.search #main-content.left .entry-image {width: 50%;} #articles.posts .post, .masonry-grid-size, .entry-image { width: 33.33%; } #hp-banners .entry-image { width:25%; } #hp-banners .image-info .title { padding: 10px 7px 8px; } .image-info .title { padding: 0 7px 0; } } @media screen and (min-width: 1150px) and (max-width: 1279px) { #articles.posts .post, .masonry-grid-size, .entry-image { width: 33.33%; } #hp-banners .entry-image { width:25%; } .image-info { font-size: 14px; } .image-info h2 { font-size: 22px; } .image-info .title { padding: 0 7px 0; } } @media screen and (max-width: 960px) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } @media screen and (max-width: 1024px) { #articles.posts .post, .masonry-grid-size, .entry-image { width: 33.33%; } #hp-banners .entry-image { width:25%; } #hp-banners .image-info .title { padding: 10px 7px 8px; } #info-bg, #sidebar, #main-wrap:before { display: none; } #info-area { float: none; width: 100%; border-right: none; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.4); box-shadow: 0 4px 4px rgba(0,0,0,0.4); bottom: auto; top: auto; height:55px; } #main { margin: 0; } #top-menu, #sidebar-bottom/*, #info-area .menu-widget*/ { display: none; } #top-menu .link_bg { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #mobile-nav { display: block; } #top-menu a { text-align:center; padding-right:inherit; } #logo-area { margin: 0; } #desktop-search .menu-widget{ display:none;} #sidebar-right{ width:220px; } #main-content.left{ margin-right:220px;} .menu-widget .widget.widget_search_tk .tk-search-input-wrapper { /*width:138px;*/ } #main #sidebar-right .widget ul li a { padding: 0px 15px; } #sidebar-right .widget .widgettitle, #sidebar-right ul.cat-list > li a.cat-list-toggle { padding: 10px 15px; } .featured-description h2 {font-size: 50px;} .featured-description h2 sup{top: 11px; font-size: 25px;} #mobile-search{ float:right} #quick-cart { display:none; } #mobile-search #quick-cart { display:block; position: relative; } #related-products article.entry-image, #related-products .masonry-grid-size {width: 50%; } #mobile-cart{ display:block; position: absolute; top: 10px; right: 3px; z-index: 4; width:34px; } #header-banners,.header-banner-text.w-image { text-align:center;} #logo-area{text-align: center; padding: 0px 40px 0px 50px; } #logo{max-height:55px;} } @media screen and (max-width: 1023px) { /* #sidebar-right{ width:200px; } #main-content.left{ margin-right:200px;} #info-area, #info-bg, #main-wrap:before { width: 200px; } #main { margin-left: 200px; } .menu-widget .widget.widget_search_tk .tk-search-input-wrapper { width:138px; } #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator, #desktop-search .menu-widget .widget.widget_search_tk .tk-search-input { font-size:14px;} #main-content.left{ margin-right:200px;} #info-area, #info-bg, #main-wrap:before { width: 200px; } #main { margin-left: 200px; } */ #hp-banners .entry-image { width: 33.33%} #hp-banners .entry-image:nth-child(4) { display:none;} } @media screen and (min-width: 930px) and (max-width: 1023px) { .image-info { font-size: 14px; } .image-info h2 { font-size: 22px; } .image-info .title { padding: 0 7px 0; } } @media screen and (min-width: 769px) and (max-width: 960px) { #big_thumbnail { height: 276px; } #related-products article.entry-image, #related-products .masonry-grid-size {width: 100%; } .layout_40 #related-products article.entry-image, .layout_40 #related-products .masonry-grid-size { width: 33%; } } @media screen and (max-width: 768px) { .layout_50_wrapper article{ width:100%;float:none; padding-top:20px; border-top:# solid 1px; } .layout_50_wrapper article:nth-child(even){ margin-left: 0%;} #articles .post, .masonry-grid-size, .entry-image { width: 50%; } .comment ul { margin-left: 0; } .main-title, body.page .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: 0; left: 0; margin-bottom: 20px; } body.masonry-page .main-title { margin-bottom: 0px; } .main-title h1, h1#comments, h3#reply-title { font-size: 32px; } body.archive .main-title, body.page .main-title { position: absolute; bottom: 10%; left: 10%; color: #FFF; margin-right: 10%; width: 80%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); padding:0 !important; top:auto; } body.archive .no-image .main-title, body.page .no-image .main-title { padding: 25px !important; } body.archive .no-image.page-heading .page-description, body.page .no-image .page-heading .page-description { font-size:14px; } body.archive #main .main-title h1, body.page #main .main-title h1 { font-size: 50px; } .page-heading {max-height: 250px; } .page-heading.no-image {max-height:none; } #big_thumbnail { height: 180px; } .image-info .title { padding: 0 7px 0; } .sitemap-col { float: none !important; width: 100% !important; } #main-footer .footer-column { width:100%; float:none; } .et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: none; } .et_portfolio_small .et_pt_portfolio_item:nth-child(2n+1) { clear: both; } .featured-description { position: absolute; bottom: 60px; left:60px; color:#FFF; margin-right:60px; } .featured-description h2 { font-size:40px; text-transform:uppercase; padding-bottom:15px; } .featured-description h2 sup{top: 10px; font-size: 20px;} .featured-text { margin-top: 15px; font-size:18px; } .listings article, .listings .masonry-grid-size, .licensees article, .licensees .masonry-grid-size {width:100% !important;} body.woocommerce #content div.product div.summary:before, body.woocommerce div.product div.summary:before, body.woocommerce-page #content div.product div.summary:before, body.woocommerce-page div.product div.summary:before {content:''; position:absolute; height:0; width:0px; top:0px; left:0; background-color:transparent; } body.woocommerce #content div.product div.summary, body.woocommerce div.product div.summary, body.woocommerce-page #content div.product div.summary, body.woocommerce-page div.product div.summary{width: 90%;padding-right: 5%;padding-left: 5%;} .half.divided:nth-child(even), .half, .half.divided{ float:none; width:100%; margin:20px 0 0 0; padding:0;} .half.divided:nth-child(even):before {content:''; position:absolute; height:0; width:0px; top:0; left:0; background-color:none; } .parallax-item { /*background-size: 200% !important;*/ } .parallax-title{ font-size:30px;} .parallax-text { font-size:14px;} .page-template-page-parallax-php h2 { font-size:30px;} .page-template-page-parallax-php .vertPad25 img {width:150px;} .page-template-page-parallax-php .page-description { padding: 0 50px 50px 50px; } .page-template-page-parallax-php .parallax-container { margin-left: -75px; margin-right: -75px; margin-bottom: 20px; } body .woocommerce table.cart td.actions input, body.woocommerce-page table.cart td.actions input { font-size: 14px; } body .woocommerce table.shop_table .cart_item td, body.woocommerce-page table.shop_table .cart_item td { padding:7px 3px;} body.woocommerce .cart-collaterals .cart_totals table th, body.woocommerce-page .cart-collaterals .cart_totals table th, body.woocommerce .cart-collaterals .cart_totals table td, body.woocommerce-page .cart-collaterals .cart_totals table td{ text-align:right; } body .woocommerce .cart-collaterals .cart_totals h2, body.woocommerce-page .cart-collaterals .cart_totals h2 {text-align:right;} h3.hp-banners-title { font-size: 20px; } #hp-banners .entry-image:nth-child(even){display:none;} #hp-banners .entry-image {width: 50%;} div.tabs {display:none;} #related-products article.entry-image, #related-products .masonry-grid-size {width: 33.3%; } .woocommerce-cart .cart-collaterals tr.shipping>td { text-align:left !important; } } @media screen and (max-width: 767px) { body.page #main-content.left #articles.posts .post, body.archive #main-content.left #articles.posts .post, body.page #main-content.left .masonry-grid-size, body.archive #main-content.left .masonry-grid-size, body.page #main-content.left .entry-image, body.archive #main-content.left .entry-image, body.search #main-content.left .masonry-grid-size, body.search #main-content.left .entry-image {width: 50%;} #sidebar-right { display:none;} #main-content.left{ margin-right:0px;} .parallax-container, .parallax-container .parallax-item, #hp-explore, #hp-explore .parallax-item, #hp-explore .parallax-container { height: 300px;} } @media screen and (min-width: 650px) and (max-width: 767px) { .image-info { font-size: 14px; } .image-info h2 { font-size: 20px; } .image-info .title { padding: 0 7px 0; } } @media screen and (max-width: 479px) { body.page #main-content.left #articles.posts .post, body.archive #main-content.left #articles.posts .post, body.page #main-content.left .masonry-grid-size, body.archive #main-content.left .masonry-grid-size, body.page #main-content.left .entry-image, body.archive #main-content.left .entry-image, body.search #main-content.left #articles .post, .masonry-grid-size, .entry-image, body.search #main-content.left .entry-image { width: 100%; } .main-title h1, h1#comments, h3#reply-title { font-size: 24px; } #big_thumbnail { height: 137px; } .image-info .title { padding: 0 7px 0; } .featured-description { position: absolute; bottom: 30px; left:30px; color:#FFF; margin-right:30px; } .featured-description h2 { font-size:30px; text-transform:uppercase; padding-bottom:15px; border-bottom:none; } .featured-description h2 sup{top: 7px; font-size: 15px;} .featured-text { margin-top: 15px; font-size:16px; } #hp-banners .entry-image { width:100%; margin:3px 0px 0px 0px; float:none; } #hp-banners .image-info .title { padding-top: 20px; } .page-description { padding:20px 0px;} .page-description .unpad_50 { margin-left:-25px; margin-right:-25px;} .page-heading.no-image .page-description{padding:0 20px 20px 20px;} .featured-text{ display:none; } .parallax-item, .hp-explore-item { /*background-size: 250% !important;*/ } #logo-area{text-align: center; padding-right:40px; padding-left:50px; } .parallax-title{ font-size:20px;} .parallax-text { display:none; } .parallax-container, .parallax-container .parallax-item, #hp-explore, #hp-explore .parallax-item, #hp-explore .parallax-container { height: 150px;} .page-template-page-parallax-php .page-description { padding: 0 25px 25px 25px; } .page-template-page-parallax-php .parallax-container { margin-left: -50px; margin-right: -50px; margin-bottom: 20px; } .page-template-page-parallax-php .vertPad25 img {width:auto; float:none;} #main .posts.single-column .title h2, #main .posts .title h2 {font-size: 20px; margin-right:20px; } #main .posts .post-info .description { font-size:14px} #main .posts .post-info{ position:relative; bottom: auto;} #main .posts .post_share { position: absolute; right: 0px; margin-top: 0 !important; top: auto; bottom:-35px; width: auto; height: 35px; z-index: 100; background: rgba(233,233,233,0.8); text-align:right; } #main .posts .post_share .addthis_toolbox.addthis_32x32_style span.at300bs{ width:25px !important; height:25px !important; margin: 5px 3px;;} body.archive #main .no-image .main-title h1, body.page #main .no-image .main-title h1 { font-size: 30px; padding: 0; } body.archive .no-image .main-title, body.page .no-image .main-title { padding: 15px !important; margin: 0; } body .woocommerce table.shop_table.cart thead, body .woocommerce-page table.shop_table.cart thead { display:none;} .page-heading { min-height: 0; } body .woocommerce table.shop_table .cart_item:first-child td, body.woocommerce-page table.shop_table .cart_item:first-child td { border-top:none; } body .cart_item td.product-name{ /*width:100%;*/ } body .cart_item td.product-price, body .cart_item td.product-quantity, body .cart_item td.product-subtotal{ display: inline-block; font-size: 14px; text-align: center; width: 80%; padding: 7px 10%!important; border:none; } body .cart_item td.product-price:before{ content:'Price:'; font-weight:bold; } /*body .cart_item td.product-quantity:before{ content:'Qty:'; font-weight:bold; }*/ body .cart_item td.product-subtotal:before{ content:'Total:'; font-weight:bold; } h3.hp-banners-title { font-size: 20px; } #hp-banners .entry-image:nth-child(even){display:block;} #related-products article.entry-image, #related-products .masonry-grid-size {width: 100%; } #header-banners { font-size:15px;} .woocommerce-cart .cart-collaterals tr.shipping>td { padding: 20px; } } @media screen and (min-width: 400px) and (max-width: 479px) { /* .image-info { font-size: 17px; } .image-info h2 { font-size: 32px; } .image-info .title { padding: 80px 7px 0; } */ } /* ---------------- MOBILE ---------------- */ @media screen and (max-width: 1920px) { #hp-slider, #hp-slider.flexslider .slide { height: 600px; } } @media screen and (max-width: 1600px) { #hp-slider, #hp-slider.flexslider .slide { height: 480px; } } @media screen and (max-width: 1280px) { #hp-slider, #hp-slider.flexslider .slide { height: 360px; } } @media screen and (max-width: 960px) { #hp-slider, #hp-slider.flexslider .slide { height: 355px; } } @media screen and (max-width: 768px) and (orientation:portrait) { #hp-slider, #hp-slider.flexslider .slide { height: 270px;} .flex-direction-nav .flex-next { right:10px;} .flex-direction-nav .flex-prev { left:10px;} div.tabs {display:none;} a.frame_it { margin-right: 0px; margin-left: 0px;} a.variation_reset, a.variation_button { padding:6px;margin-right: 7px;margin-bottom: 7px;} .var-notice { width: 45%; font-size: 18px; text-transform: uppercase; } .variation_buttons_wrapper { width: 58%; } .variation_descriptions_wrapper { width: 40%; } #pa_frame_buttons .variation_button, .frame_button { margin-left: 0%; margin-right: 4%; } .variation_descriptions_wrapper { margin-left:1%; padding-left:1%;} .variation_descriptions_wrapper:before { display:none; } .variation_description {line-height: 13px;font-size: 11px;} #current_selections{font-size: 12px;} a.variation_reset { font-size: 10px; } } /*HTC - Landscape*/ @media screen and (max-width: 640px) and (orientation:landscape) { #logo-area { padding: 5px 0; } .flex-direction-nav .flex-next { right:10px;} .flex-direction-nav .flex-prev { left:10px;} #quick-cart, #quick-cart a, ul#menu-mobile-menu li a, .menu-widget .widget.widget_search_tk .tk-search-input { font-size:14px;} ul#menu-mobile-menu li {padding:4px 5px;} .hide_phone_l { display:none;} } /*iPhone - Landscape*/ @media screen and (max-width: 568px) and (orientation:landscape) { #hp-slider, #hp-slider.flexslider .slide { height: 200px; } .featured-description h2 { font-size: 36px; } .featured-description h2 sup{top: 10px; font-size: 18px;} .featured-text { display:none; } .hide_phone_l { display:none;} #mobile-search { width:170px; } #mobile-search #quick-cart { margin-bottom:1px; padding: 6px 10px; } #mobile-search #quick-cart, #mobile-search #quick-cart a { font-size:11px; } #mobile-search #quick-cart .divider{ height:10px; display:inline-block;} .menu-widget .widget.widget_search_tk .tk-search-input-wrapper { padding: 0px; } .menu-widget .widget.widget_search_tk .tk-search-input{height: 12px; line-height: 12px; font-size:12px; } .menu-widget .widget.widget_search_tk .tk-search-submit.dashicons { font-size: 14px; } .menu-widget .widget.widget_search_tk .tk-search-submit-wrapper { width: 26px; height: 26px; } .menu-widget .widget.widget_search_tk .tk-search-submit-wrapper { float: left; width: 22px; height: 22px; } .menu-widget .widget.widget_search_tk .tk-search-details label { font-size: 11px; color: #464646; display: inline-block; margin-left:10px; } .tk-search-details input { float: right; } } /*HTC - iPhone (320) - Portrait*/ @media screen and (max-width: 360px) and (orientation:portrait) { #mobile-search {width:100%;} .menu-widget .widget.widget_search_tk .tk-search-input-wrapper { padding: 0px; } .menu-widget .widget.widget_search_tk .tk-search-input{height: 12px; line-height: 12px; font-size:12px; } .menu-widget .widget.widget_search_tk .tk-search-submit.dashicons { font-size: 14px; } .menu-widget .widget.widget_search_tk .tk-search-submit-wrapper { width: 26px; height: 26px; } .menu-widget .widget.widget_search_tk .tk-search-submit-wrapper { float: left; width: 22px; height: 22px; } .menu-widget .widget.widget_search_tk .tk-search-details label { font-size: 11px; color: #464646; display: inline-block; margin-left:10px; } #mobile-search #quick-cart {display:none;} .hide_phone_p { display:none;} .tk-search-details input { float: right; } .flex-carousel-style .image-info .title h3, .flex-carousel-style .image-info .title h2{font-size: 16px;} #breadcrumbs { padding: 8px 15px; text-transform: uppercase; font-size: 11px; line-height: 16px; width: auto; } /* #mobile-search { float:none; display:block; max-width:none; } .menu-widget .widget .searchform { max-width:none; } .menu-widget .widget.widget_search_tk .tk-search-input{ text-align:center; } #quick-cart, #quick-cart a, ul#menu-mobile-menu li a, .menu-widget .widget.widget_search_tk .tk-search-input { font-size:14px;}*/ } /* Fix little images vc*/ .thumbnails { margin-left: 10px; margin-top: -26px; } .thumbnails a img { max-width: 50px; max-height: 50px; } .wp-image-374605 { max-height: 296px !important; max-width: 227px !important; } .woocommerce span.onnew { min-height: 3.236em; min-width: 3.236em; padding: .202em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 100%; background-color: #CF7F0C; color: #fff; font-size: .857em; -webkit-font-smoothing: antialiased; } /* * 7/11 * */ .hide-new-frame { display: none !important; }