/* 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 */ a img:hover { opacity:0.8; filter:alpha(opacity=70); /* For IE8 and earlier */ } a {font-weight: bold} ul.products a h3 {color: #ec008c; line-height: 1.1em !important } ul.products li.product .price {color: #000; font-size: 16px; font-weight: normal; margin-top: 5px} .amount {font-size: 1.2em} .widget h3 {background-color: #ed008c;border-bottom: 0px; padding: 8px 5px 5px; margin-bottom: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px} .widget p {margin: 4px 8px; padding-bottom: 5px; } .widget ul {margin: 4px 8px; padding-bottom: 5px; list-style: none} .widget ul li {margin: 4px 0px;} .widget_layered_nav ul li .count { background: rgba(0, 0, 0, 0.1)} #header #header-search {width: 300px; margin-bottom: 10px; } .searchform {border: 1px solid #EB008B; } .searchform input.s {font-size: 1em; border-color: #EB008B !important; } .icon-search { padding: 20px ; font-size: 1.1em; color: #eb008b} #footer-widgets { border-top: 1px solid #522e91;} /* 3.2 Images */ .entry img {height: auto; padding: 0px; border: none; background: none; } .post-meta .post-comments {display:none} .productin {float:right; margin: 0 0 20px 20px; border: 1px solid #ed008c; width: 180px} .productin ul.products { margin: 0; padding: 10px !important} .productin ul.products li.product { clear: none; width: 100%; margin-right: 0%;} .productin4 {float:right; margin: 0 0 20px 14px; border: 1px solid #ed008c; width: 148px} .productin4 ul.products { margin: 0; padding: 8px !important} .productin4 ul.products li.product { clear: none; width: 100%; margin-right: 0%;} .productin4 ul.products li.product h3 { font-size: 80%} .productinfirst {margin: 0 0 20px 0px; } p.note {color: #fff; font-weight: normal; font-size: 110%; text-align:right; display:inline-block; float:right; background: #339900; padding: 5px 10px} #main .newsletter form {margin-top: 10px; background-color: #ECE3FC; border:2px solid #EB008B; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 20px; color: #444 } #main .newsletter form input, textarea {width: 80%} #main .newsletter form button, #main .newsletter form input[type="button"], #main .newsletter form input[type="reset"], #main .newsletter form input[type="submit"] { color:#fff; font-size: 1.1em; padding: 4px 8px; background: #522C8A; border-radius: 5px; border: 1px solid #EB008B; width: 180px !important} #sidebar .textwidget {padding: 10px} .page-template-template-blog-php img.woo-image { width: 140px; float:left; padding:0; border: 0; margin-right: 20px } .page-template-template-blog-php .post {margin-bottom: 20px} #sidebar .widget select { margin: 00px 20px 10px 20px } .wooslider { margin: 0 0 20px; } body.home .breadcrumb {display: none} /* DESKTOP STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media only screen and (min-width: 768px) { /* Desktop styles go below this line */ .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 69.89%; } /* 610 / 940 */ .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 26.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: 29.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: 67.89%; } .woocommerce .images {width: 32%; } .woocommerce .summary {width: 64%} .threecol-one {margin-bottom: 2%} .single-post #sidebar .widget ul li, .single-post #sidebar .widget ul li a, .page-template-template-blog-php #sidebar .widget ul li a, .page-template-template-blog-php #sidebar .widget ul li {line-height: 1.2em !important; margin: 10px 0} .post-entries {display:none} .single-post #main h1.title {font-size: 1.7em !important} h1.product_title {font-size: 1.7em !important} body.woocommerce-cart .woocommerce .actions .button {float:left} body.woocommerce-cart .woocommerce .actions .button .paypal_checkout_button {float:left} /* body.woocommerce-cart .woocommerce .actions .checkout-button {background: #339900 !important; color:#000!important; background} */ /* MONILE STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media only screen and (max-width: 768px) { /* Desktop styles go below this line */ #header #header-search {float:none; clear:both; margin-top: 10px} .productin { width: 40%;} .nav-toggle a {color: #fff !important} .nav-toggle a:visited {color: #fff !important} p.note {font-size: 100%; text-align:left; display:inline-block; float:left; background: #339900; padding: 5px 10px; } .form-row-last {float:none; clear:both; margin-top: 30px} } /* Mailchimp */ #mc_signup {padding: 10px} #mc_signup_form .mc_input, #mc_signup_form .mc_var_label {margin-bottom: 0.2em} #mc_signup_form #mc_subheader {font-size: 1.1em; font-weight:bold; text-align:center; color: #ec008c} /* Custom woo styles */ #logo .site-title, #logo .site-description { display:none; } body {background-color:#fff;background-image:url(../../uploads/2013/05/bg.png);background-repeat:repeat-x;background-position:top left;background-attachment:scroll;border-top:0px solid #000000;} a:link, a:visited {color:#522e91} a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {color:#ec008e} #header {background-image:url(../../uploads/2013/06/1ts_header1.png);background-repeat:no-repeat;background-position:left top;margin-top:0px;margin-bottom:0px;padding-top:40px;padding-bottom:40px;border:0px solid ;} #logo .site-title a {font:bold 40px/1em "Helvetica Neue", Helvetica, sans-serif;color:#222222;} #logo .site-description {font:300 13px/1em "Helvetica Neue", Helvetica, sans-serif;color:#999999;} #inner-wrapper {padding-left:30px; padding-right:30px;background-color:#ffffff;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-radius:0px;box-shadow: 0px 1px 5px rgba(0,0,0,.1);} .col-full { width: auto; } @media only screen and (max-width:767px) { #inner-wrapper { margin:0; border-radius:none; padding-left:1em; padding-right: 1em; border: none; } } body, p { font:300 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:555555; } h1 { font:bold 28px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#ec008c; }h2 { font:bold 20px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#ec008c; }h3 { font:normal 15px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#ec008c; }h4 { font:bold 16px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#222222; }h5 { font:bold 14px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#222222; }h6 { font:bold 12px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#222222; } .page-title, .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {font:bold 1.3em/1.1em Arial, sans-serif;color:#ec008c;} .post-meta { font:300 1em/1.5em Arial, sans-serif;color:#3E3E3E; } .entry, .entry p{ font:300 15px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:#555555; } .post-more {font:300 13px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:;border-top:0px solid #e6e6e6;border-bottom:0px solid #e6e6e6;} #post-author, #connect {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa} .nav-entries a, .woo-pagination { font:300 13px/1em "Helvetica Neue", Helvetica, sans-serif;color:#888; } .woo-pagination a, .woo-pagination a:hover {color:#888!important} .widget h3 {font:bold 14px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#ffffff;border-bottom:0px solid #e6e6e6;margin-bottom:0;} .widget_recent_comments li, #twitter li { border-color: #e6e6e6;} .widget p, .widget .textwidget { font:normal 13px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:#222; } .widget {font:normal 13px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:#222;background-color:#e0bfe0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #tabs .inside li a, .widget_woodojo_tabs .tabbable .tab-pane li a { font:bold 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:#555555; } #tabs .inside li span.meta, .widget_woodojo_tabs .tabbable .tab-pane li span.meta { font:300 11px/1.5em "Helvetica Neue", Helvetica, sans-serif;color:#999999; } #tabs ul.wooTabs li a, .widget_woodojo_tabs .tabbable .nav-tabs li a { font:300 11px/2em "Helvetica Neue", Helvetica, sans-serif;color:#999999; } @media only screen and (min-width:768px) { ul.nav li a, #navigation ul.rss a, #navigation .cart-contents, #navigation ul.rss { font:bold 14px/1em "Helvetica Neue", Helvetica, sans-serif;color:#522e91; } #navigation ul.rss li a:before { color:#522e91;} #navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a, #navigation ul.nav li ul li a { color:#ed008c!important; } #navigation ul.nav > li a:hover, #navigation ul.nav > li:hover, #navigation ul.nav li ul {background-color:none!important} #navigation ul.nav li ul { border: 1px solid #522e91; } #navigation ul.nav > li { border-right: 0px solid #522e91; }#navigation ul.nav > li > ul { left: 0; } #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a { background-color:none; } #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a { color:#ed008c; } #navigation ul li:first-child, #navigation ul li:first-child a { border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px; } #navigation {background:none;border-top:1px solid #522e91;border-bottom:1px solid #522e91;border-left:0px solid #dbdbdb;border-right:0px solid #dbdbdb;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} #top, #top ul.nav li ul li a:hover { background:#522E91;} #top ul.nav li a:hover, #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a,#top ul.nav li.current-menu-ancestor a,#top ul.nav li.current-cat a,#top ul.nav li.current-menu-item a,#top ul.nav li.sfHover, #top ul.nav li ul, #top ul.nav > li:hover a, #top ul.nav li ul li a { color:#ff0!important;} #top ul.nav li a:hover, #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a,#top ul.nav li.current-menu-ancestor a,#top ul.nav li.current-cat a,#top ul.nav li.current-menu-item a,#top ul.nav li.sfHover, #top ul.nav li ul, #top ul.nav > li:hover { background:#ec008e;} #top ul.nav li a { font:bold 12px/1.6em "Helvetica Neue", Helvetica, sans-serif;color:#fff; } } #footer, #footer p { font:normal 13px/1.4em "Helvetica Neue", Helvetica, sans-serif;color:#ec008c; } #footer {border-top:1px solid #522e91;border-bottom:0px solid ;border-left:0px solid ;border-right:0px solid ;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .magazine #loopedSlider .content h2.title a { font:bold 24px/1em Arial, sans-serif;color:#ffffff; } .magazine #loopedSlider .content .excerpt p { font:300 13px/1.5em Arial, sans-serif;color:#cccccc; } .magazine .block .post .title, .magazine .block .post .title a { font:bold 18px/1.2em "Helvetica Neue", Helvetica, sans-serif;color:#222222; } .business #loopedSlider .content h2 { font:bold 24px/1em Arial, sans-serif;color:#ffffff; } .business #loopedSlider .content h2.title a { font:bold 24px/1em Arial, sans-serif;color:#ffffff; } #wrapper .business #loopedSlider .content p { font:300 13px/1.5em Arial, sans-serif;color:#cccccc; } .archive_header { font:bold 18px/1em Arial, sans-serif;color:#222222; } .archive_header {border-bottom:1px solid #e6e6e6;}