/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles in this file instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ /* GLOBAL STYLES ---------------- Add styles beneath this line that you want to be applied across your entire site */ #comments, #post-author, .nav-prev { display: none; } .widget_woothemes_features .feature h3.feature-title { padding-right: 20px; } #content a, #content a:hover { color: #00468C !important; } #content a:hover { text-decoration: underline; } #main li, #sidebar li { list-style-position: outside; margin-left: 15px; padding-right: 30px; } h4 { font-size: 1em; font-weight: bold; color: #066C46; } .entry .wp-caption { line-height: 1.3em; overflow: auto; margin-bottom: 30px;} footer { background: #DDEBC5; border-top: 6px solid #089A0C !important; } #footer-container { width: 100%; } #footer.col-full { max-width: none !important; color: #066949;} #footer.col-full a { color: #044631; } .thumb { border: 1px solid #eee; margin-right: 15px; padding: 10px; } /* body.full-width #content { margin-right: 4em; } */ .woo-sc-box { background-color: #DFECC9 !important; } .woo-sc-box h2 { margin-top: 0 !important; } .post-105 .subnav li, .post-6 .subnav li, .post-375 .subnav li { margin: 0 6px 0 4px !important } #loopedSlider { background: #DFECC9; padding: 10px 10px 60px 10px; margin-left: 63px; width: auto !important; } #loopedSlider .content { top: 0 !important; left: 402px !important; background: #fff !important; color: #666; padding-left: 20px; opacity: 1; width: 585px !important; border-top: 6px solid #A7CB63; border-right: 6px solid #A7CB63; border-bottom: 6px solid #A7CB63; } #loopedSlider .content p { color: #666; padding-left: 0; padding-right: 30px; } .slide img { border-top: 6px solid #A7CB63; border-left: 6px solid #A7CB63; border-bottom: 6px solid #A7CB63; } #loopedSlider h3 { font-size: 16px; color: #066C46; font-style: italic; padding: 0 0 6px 0; border-bottom: 1px solid #C9DFA0; margin: 0 20px 0 0; } #loopedSlider .content h2 { font-size: 36px !important; font-weight: normal; font-family: Georgia, serif; color: #06990A !important; padding-left: 0 !important; padding-bottom: 0 !important; margin-top: .25em !important; border-bottom: none; margin-bottom: 0 !important; } #loopedSlider a { color: #00468C; font-size: 16px; font-style: italic; font-weight: bold; } .home article h1 { color: #066C46; font-style: italic; font-size: 18px; width: 980px; text-align: center; margin: -92px 0 50px 0; } .archive h1.entry-title { color: #066C46; font-style: italic; font-size: 18px; margin: 0 0 5px 0; padding: 0; } .archive .post-meta, .archive .post-more { display: none; } .archive .testimonial { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; } #loopedSlider .fa { background: #06990A; color: #fff; opacity: .65; border: none !important; top: 38% !important; font-size: 30px !important; width: 30px !important; height: 30px !important; margin: 0 5px 0 5px; } #navigation ul.nav > li a:hover { background: #0A922C !important; } #navigation ul.nav > li:hover { background: #0A922C !important; } #navigation ul.nav li { margin-left: 0; } .home.page h2 { color: #06990A; font-family: Georgia, serif; font-size: 30px; font-weight: normal; border-bottom: 1px solid #C9DFA0; padding: 0; margin: 1em 0 .5em 0 !important; } .page h1.title, h1.archive_header { color: #06990A; font-family: Georgia, serif; font-size: 30px; font-weight: normal; padding: 0; margin: 0 0 .5em 0 !important;} .entry strong { color: #777; } .entry strong a { color: #777; text-decoration: underline; } .entry strong a:hover { color: #044631; } .entry p { margin-bottom: .8em; } .entry ul { overflow: hidden; padding: 0 0 0 10px; } .widget_woothemes_features .feature h3.feature-title { color: #066D46; font-style: italic; } #sidebar { text-align: left !important; margin-right: 0; } .widget_woothemes_features .feature { text-align: left !important; margin-bottom: 0; background: #DFECC9; padding: 15px 25px 15px 15px; } .widget_woothemes_testimonials { padding: 15px 25px 15px 15px; } #woothemes_features-2 .feature { margin-bottom: 15px; } #sidebar .widget { text-align: left !important; margin-bottom: 15px; } .widget_woothemes_features .feature .feature-content { padding-right: 20px; } #woothemes_features-7 .feature, .widget_woothemes_testimonials { background: #E6EEEA !important; margin-bottom: 0; } .feature h3, .widget h3 { font-size: 1.3em; font-style: italic; border-bottom: none; } .widget_woothemes_testimonials .quote { border-bottom: 1px solid #C4D7CD; margin-bottom: 15px; } .widget_woothemes_testimonials .quote.last { border-bottom: none; margin-bottom: 0; } .widget_woothemes_testimonials h3 { color: #00468C !important; font-size: 1.2em !important; margin-bottom: 0 !important; padding-bottom: .8em !important; margin-top: 5px !important; } .widget_woothemes_testimonials .author { padding: 0 0 15px 0; } .widget_woothemes_testimonials .quote.last .author { padding: 0 !important; } .widget_woothemes_testimonials p { margin: 0; } .widget_woothemes_testimonials .testimonials-text p { padding-bottom: 10px; } /* Testimonials page */ .entry .widget_woothemes_testimonials { background: none !important; padding: 0; margin-bottom: 25px; margin-right: 80px; } .entry .widget_woothemes_testimonials .quote { border-bottom: 1px solid #eee; padding: 15px 0 15px 0; } .entry .widget_woothemes_testimonials .quote p { font-size: 14px; font-style: normal; } .page h2 { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; color: #066C46; border: none; margin: 20px 0 0 0; padding: 0; } .page h3 { color: #066C46; font-weight: bold; font-style: italic; font-size: 1.1em; margin: 20px 0 0 0; padding: 0; } .subnav { border-top: 1px solid #C9DFA0; border-bottom: 1px solid #C9DFA0; font-size: .9em; margin-bottom: 20px; } .subnav ul, .subnav li { margin: 0; padding: 0; list-style-type: none !important; } .subnav li { float: left; margin: 0 10px 0 0 !important; padding: 5px 0 0 11px !important; background: url( https://elizabethvenart.com/wordpress/wp-content/uploads/2015/01/arrow-bullet.png ) 0 12px no-repeat; height: 27px; } .subnav li a.on { font-weight: bold; } body { background: url(https://elizabethvenart.com/wordpress/wp-content/uploads/2015/01/bg.png) top left repeat-x; } #header { height: 130px; padding: 0; background: url(https://elizabethvenart.com/wordpress/wp-content/uploads/2015/01/banner2.png) top center no-repeat; } #nav-container, #navigation { background: none; color: #fff; } #navigation a { color: #fff; border-right: 1px solid #34A05A; } #navigation ul.nav ul, .current-menu-item, .current-menu-item a, ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background-color: #0A922C !important; color: #fff; } #navigation ul.nav ul a { color: #fff !important; padding: .5em 1.1em; } #nav-container #navigation ul#main-nav > li:first-child { border-left: 1px solid #34A05A; margin-left: 77px; } header .site-title, header .site-description { display: none !important; } /* DESKTOP AND MOBILE STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media all and (min-width: 1120px) { /* Desktop only styles go below this line */ .home #content #main { padding-left: 65px !important; width: 60% !important; } .page #content #main { padding-left: 80px !important; width: 60% !important; } .archive #content #main { padding-left: 80px !important; width: 90% !important; } .one-col #content #main { width: auto !important; } #sidebar { width: 28% !important; } #loopedSlider.business-slider img.woo-image { max-width: 435px; } } @media all and (max-width: 1119px) { #nav-container #navigation ul#main-nav > li:first-child { margin-left: 0 !important; } #nav-container { padding-left: 0; padding-right: 0; } .home #content #main, .page #content #main, .archive #content #main { padding-left: 10px !important; width: 60% !important; } #sidebar { width: 32% !important; } body { background: url(https://elizabethvenart.com/wordpress/wp-content/uploads/2015/01/bg.png) top left repeat-x; } #loopedSlider { background: #DFECC9; padding: 10px 10px 60px 10px; margin-left: 10px; width: auto !important; } #loopedSlider .content { top: 0 !important; left: 360px !important; background: #fff !important; color: #666; padding-left: 20px; opacity: 1; max-width: 550px !important; border-top: 6px solid #A7CB63; border-right: 6px solid #A7CB63; border-bottom: 6px solid #A7CB63; } #loopedSlider.business-slider img.woo-image { max-width: 425px; } #loopedSlider .content h2 { font-size: 24px !important; margin-top: 0 !important; } #loopedSlider .content p { padding: 5px 15px 5px 0; line-height: 20px; } } @media all and (max-width: 990px) { ul.nav li a { padding: .5em .65em; } #navigation .nav li.parent > a:after { width: 1em; } #nav-container { margin: 0 0 2em 0; } .entry p { font-size: 14px; } .home article h1 { font-size: 14px; text-align: left; width: 700px; margin-left: 15px; } #loopedSlider .content { max-width: 450px !important; } .home #content #main, .page #content #main, .archive #content #main { padding-left: 10px !important; width: 60% !important; } #sidebar { width: 28% !important; } } @media all and (max-width: 767px) { body { background: none !important; } #header { background-color: #E8F1D7; border-bottom: 3px solid #077243; padding-left: 1em; padding-right: 1em; height: auto; } .nav-toggle { background: #089A0C; font-size: 1em !important; line-height: 1em !important; } #nav-container { margin: 0 !important; } #loopedSlider.business-slider img.woo-image { display: none; } #loopedSlider .content { width: 92% !important; border-left: 6px solid #A7CB63; max-width: none !important; } .home article h1 { display: none; } #loopedSlider { padding-bottom: 10px !important; margin-bottom: 10px; margin-left: 0; } .home #content #main, .page #content #main, .archive #content #main { padding-left: 0 !important; width: 100% !important; } #sidebar { width: 100% !important; margin-top: 1em; } #content { padding-bottom: 0; } h1.title { font-size: 24px !important; } .subnav li { padding: 3px 0 3px 10px !important; height: 22px; } .page h2 { font-size: 1.2em; } } @media all and (max-width: 767px) { #navigation h3 { display: none; } #navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents { background: #fff; color: #0A922C; } #navigation { background: #0A922C; } } @media all and (max-width: 400px) { img.size-medium { width: 50%; } } @media all and (min-width: 767px) and (max-width: 800px) { #loopedSlider .content { max-width: 400px !important; padding: 15px; left: 220px !important; } #loopedSlider .content p { line-height: 18px; } #loopedSlider a { font-size: 14px; } #loopedSlider.business-slider img.woo-image { max-width: 60%; } .home article h1 { display: none; } #loopedSlider { padding-bottom: 10px; !important; } .home.page h2 { margin-top: 0 !important; padding-top: 0; font-size: 25px !important; } .widget_woothemes_features .feature .feature-content, #sidebar li { padding-right: 0; } #content { padding-bottom: 0; } } @media all and (min-width: 801px) and (max-width: 990px) { .home #content #main, .page #content #main, .archive #content #main { width: 65% !important; } .page-id-110 #content #main, .page-id-112 #content #main { width: 100% !important; } .home.page h2 { font-size: 24px; } .widget_woothemes_features .feature .feature-content { padding-right: 0; } .widget_woothemes_features .feature { padding-right: 10px; } #content { padding-bottom: 0; } #loopedSlider .content { max-width: 440px !important; padding: 15px; left: 280px !important; } #loopedSlider .content p { line-height: 18px; } #loopedSlider a { font-size: 14px; } #loopedSlider.business-slider img.woo-image { max-width: 55%; } } @media all and (min-width: 767px) and (max-width: 990px) { /* Columns & Containers */ .col-left { float: left; } .col-right { float: right; } .col-full, #wrapper { max-width: 960px; margin: 0 auto; } #wrapper #sidebar { margin-top: 0; } #wrapper { padding: 0 1em 2em; } #inner-wrapper { padding: 0; } /* Sidebar */ #sidebar { overflow: hidden; clear: none; } #main-sidebar-container { position: relative; } #main-sidebar-container #main { position: relative; } #main-sidebar-container #sidebar { display: inline; } #sidebar-alt { display: inline; margin: 0; } /* Footer */ #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-4 .footer-widget-2 { margin-right: 3.8%; } /* Column Widths */ .one-col #main { float: none; } .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 64.89%; } /* 610 / 940 */ .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 31.91%; } /* 300 / 940 */ .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar { width: 39.47%; } /* 300 / 760 */ .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container { width: 80.85%; } /* 760 / 940 */ .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main { width: 57.89%; } /* 440 / 760 */ #sidebar-alt { width: 17.02%; } /* 160 / 940 */ /* Column Floating */ .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #sidebar, .three-col-left #main-sidebar-container, .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-middle #sidebar-alt, .three-col-right #main-sidebar-container #sidebar, .three-col-right #sidebar-alt { float: left; } .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #main, .three-col-left #main-sidebar-container #sidebar, .three-col-left #sidebar-alt, .three-col-middle #main-sidebar-container, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container, .three-col-right #main-sidebar-container #main { float: right; } } @media all and (min-width: 767px) and (max-width: 877px) { ul.nav li a { padding: .6em .6em; font-size: 90%; } ul.nav { margin-right: 0; } #nav-container { border: none; padding-top: 3px; } } @media all and (max-width: 1120px) { .entry .widget_woothemes_testimonials { margin-right: 0; } .page-id-426 #content #main { width: 90% !important; } } @media all and (max-width: 768px) { #loopedSlider, .home article h1 { display: none; } .home.page h2 { margin-top: 0 !important; } }