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 */ /* FONTS ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ /*@font-face { font-family: 'missionscript'; src: url('fonts/Mission-Script.eot'); src: url('fonts/Mission-Script.eot?#iefix') format('embedded-opentype'), url('fonts/Mission-Script.ttf') format('truetype'), url('fonts/Mission-Script.svg') format('svg'); font-weight: normal; font-style: normal; }*/ /*@font-face { font-family: 'mission_scriptregular'; src: url('fonts/mission-script-webfont.eot'); src: url('fonts/mission-script-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mission-script-webfont.woff') format('woff'), url('fonts/mission-script-webfont.ttf') format('truetype'), url('fonts/mission-script-webfont.svg#missionscriptreg') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'blanchcaps'; src: url('fonts/blanch_caps-webfont.eot'); src: url('fonts/blanch_caps-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/blanch_caps-webfont.woff') format('woff'), url('fonts/blanch_caps-webfont.ttf') format('truetype'), url('fonts/blanch_caps-webfont.svg#blanchcaps') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'trajanpro'; src: url('fonts/trajanpro-regular-webfont.eot'); src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/trajanpro-regular-webfont.woff') format('woff'), url('fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('fonts/trajanpro-regular-webfont.svg#blanchcaps') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family: featureditem; src: url("fonts/featuredItem.eot") /* EOT file for IE */ /*} @font-face { font-family: featureditem; src: url("fonts/featuredItem.ttf") /* TTF file for CSS3 browsers */ /*} @font-face { font-family: mavenprolight; src: url("fonts/MavenProLight-300.eot") /* EOT file for IE */ /*} @font-face { font-family: mavenprolight; src: url("fonts/MavenProLight-300.ttf") /* TTF file for CSS3 browsers */ /*}*/ @font-face { font-family: 'futura'; src: url('fonts/futura-webfont.eot'); src: url('fonts/futura-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura-webfont.woff') format('woff'), url('fonts/futura-webfont.ttf') format('truetype'), url('fonts/futura-webfont.svg#futura') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'futuramedium'; src: url('fonts/futura_medium-webfont.eot'); src: url('fonts/futura_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura_medium-webfont.woff') format('woff'), url('fonts/futura_medium-webfont.ttf') format('truetype'), url('fonts/futura_medium-webfont.svg#futuramedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswald_regular'; src: url('fonts/oswald-regular-webfont.eot'); src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldregularfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'missionscript'; src: url('fonts/mission-script-webfont.eot'); src: url('fonts/mission-script-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mission-script-webfont.woff') format('woff'), url('fonts/mission-script-webfont.ttf') format('truetype'), url('fonts/mission-script-webfont.svg#misscript') format('svg'); font-weight: normal; font-style: normal; } /* FACEBOOK SHARE WIDGET BUTTON CSS HACK ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ .fb_iframe_widget span { width: 85px !important; padding:10px !important; } .fb_iframe_widget iframe { height: 30px !important; width: 80px !important; } body { background: none no-repeat scroll center top #61377f; color: #321D42; /* font-family: "Istok Web",sans-serif;*/ font-family:"futura",Helvetica,sans-serif; font-size: 1.4em; line-height: 1.618; text-rendering: optimizelegibility; } h1, h2, h3, h4, h5, h6 { color: #321D42; margin: 0 0 0.618em; } a { color: #BE2BCB; text-decoration: none; } blockquote {border-left: 1px solid; color: #743E9D; margin-left:20px;margin-right:40px; padding-left: 6%;} /*#top { background: none repeat scroll 0 0 #2B1F34; padding: 0 1.618em; }*/ /* ADDED CF APRIL 2014 */ #top { background: none repeat scroll 0 0 #2B1F34; float: left; height: auto; padding: 0; width: 100%; } #topsocialicons { /* width: 35%; */ width: 40%; height: auto; display: inline-block; position: relative; left: 0; padding-left:1%; float:left; } #topsocialicons a img { margin-bottom:4px; } #topsocialicons a.textlink {color: #FFFFFF; font-family: helvetica;} #topsocialicons a:hover.textlink {color:#c5a3de;} #topsocialicons a.textlink { display:inline-block; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; background-color: #5e4372; text-transform:uppercase; text-decoration:none; font-weight:normal; font-size:12px; box-sizing:border-box; padding: 6px 15px 6px 14px; line-height:1.85em; } #topsocialicons a.textlink:before { font-family: 'FontAwesome'; padding-right:6px; content: '\f005'; } @media only screen and (max-width: 1040px) { #topsocialicons { width: 99%; margin: 10px 0; text-align:center; padding-left:0; } } #top-links-search-holder { /*width: 63%;*/ width: 57%; height: auto; display: inline-block; position: relative; right: 0; text-align:right; float:right; overflow:hidden; } .top-menu-links { width:auto; height:35px; display:inline-block; background-color:transparent; text-align:center; } .top-menu-links a { color: #ffffff; text-transform: uppercase; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px; display: inline-block; box-sizing: border-box; padding: 6px 15px 6px 14px; line-height: 1.85em; } .top-menu-links a:hover { color:#c5a3de; } .top-menu-links a:last-child { border-right: none; } .top-menu-links a:before { font-family: 'FontAwesome'; padding-right:6px; } .top-menu-links a.normal { background-color: #483854; border-right: 1px solid #887397; border-left: 1px solid #2b1f34; } .top-menu-links a.club-member { background-color: #5e4372; border-right: 1px solid #887397; border-left: 1px solid #2b1f34; } .top-menu-links a.club-member:hover { color: #e8d8f3; } .top-menu-links a.search-icon { background-color: #2b1f34; border-right: none; border-left: none; } .top-menu-links a.search-icon:hover { color:#c5a3de; } .top-menu-links a.club-member:before {content: '\f005';} .top-menu-links a.profile:before {content: '\f007';} .top-menu-links a.wishlist:before {content: '\f004';} .top-menu-links a.cartbtn:before {content: '\f07a';} .top-menu-links a.search-icon:before {content: '\f002';} @media only screen and (max-width: 1040px) { #top-links-search-holder { width: 100%; background-color: #483854; text-align:center; } .top-menu-links { height:40px; } .top-menu-links a {padding: 9px 15px 8px 14px;} } @media only screen and (max-width: 690px) { .top-menu-links a.profile, .top-menu-links a.wishlist, .top-menu-links a.cartbtn { font-size:0; border-right: none; border-left: none;} .top-menu-links a.profile:before, .top-menu-links a.wishlist:before, .top-menu-links a.cartbtn:before {font-size:12px;} } @media only screen and (max-width: 600px) { body.logged-in .top-menu-links a.club-member {display:block;} /*.top-menu-links a.club-member { display:block; }*/ .top-menu-links { height:auto; width:100%; } .top-menu-links a.normal, .top-menu-links a.club-member { border-right: none; border-left: none; } .top-menu-links a { line-height: 3em; } } @media only screen and (max-width: 396px) { .top-menu-links a { padding: 6px 10px 6px 10px; } .top-menu-links a.club-member {display:block;} } /* ADDED CF APRIL 2014 */ #top ul.nav li.menu-header-search { float: right; list-style: none outside none; position: relative; width: 40%; } /* ADDED CF APRIL 2014 */ #top ul.nav li.menu-header-search #searchform { background: none repeat scroll 0 0 padding-box #FFFFFF; border: 1px solid #EAEAEA; border-radius: 100em 100em 100em 100em; float: right; margin: 0; width: 200px; } input[type="text"], input.input-text, textarea, input.txt, input[type="tel"], input[type="email"] {font-family: arial;} #top ul.nav > li a { color: #BAA2CB; font-weight:bold; } #top ul.nav > li.menu-item { display:none; } .top-search-holder { width: 100%; height: auto; overflow: hidden; float: right; background-color: #5e4372; position: absolute; top: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top-search-holder.active { top: 0; } .top-search-holder .top-search { height:35px; width:auto; margin:0; } /*.top-search-holder .top-search:after { content: '\f00d'; color: #ffffff; text-transform: uppercase; text-decoration:none; font-family: 'FontAwesome'; font-weight: normal; font-size:18px; box-sizing: border-box; padding: 6px 15px 6px 14px; line-height: 1.25em; position:absolute; top:0; right:0; }*/ .top-search-holder .top-search .search-close { color: #ffffff; text-transform: uppercase; text-decoration:none; font-family: 'FontAwesome'; font-weight: normal; font-size:18px; box-sizing: border-box; padding: 6px 15px 6px 14px; line-height: 1.25em; position:absolute; top:0; right:0; } .top-search-holder .top-search .search-close:hover { color:#c5a3de; cursor:pointer; } .top-search-holder .top-search .search-close:after { content: '\f00d'; } .top-search-holder .top-search #searchform { margin:0; background:transparent; -webkit-border-radius: 0; border-radius: 0; border:0; width:90%; } .top-search-holder .top-search #searchform .search-submit, .top-search-holder .top-search #searchform #searchsubmit { background: url('images/ico-headersearch.png') no-repeat left top !important; opacity:1; } .top-search-holder .top-search #searchform #s { color:#ffffff; } @media only screen and (max-width: 1040px) { .top-search-holder .top-search {height:40px;} } @media only screen and (max-width: 600px) { .top-search-holder .top-search { line-height:2.9em; padding:6px; height:auto; } body.logged-in .top-search-holder { height:100%; box-sizing:border-box; /*padding: 6% 10px;*/ } body.logged-in .top-search-holder .top-search .search-close { /* padding: 7% 19px 6px 14px;*/ } } @media only screen and (max-width: 396px) { .top-search-holder { height:100%; } .top-search-holder .top-search { line-height:2.5em; } } #headerarea-bg { height: 187px; width: 600px; background: url('images/pd-alt-header-bg.png') no-repeat right top; display: block; float: right; margin-top:-20px; display:block; } @media only screen and (max-width: 825px) { #headerarea-bg { display:none; } } @media only screen and (min-width: 826px) and (max-width: 1010px) { #headerarea-bg { width: 400px; background: url('images/pd-alt-header-bg-sm.png') no-repeat right top; } } #header { padding: 1.5em 0 0.382em; } #header #logo { margin-bottom: 2.244em; margin-top: 0; } /*#headersignup {width:605px; height:135px; margin-top: 10px; float:right; background:url("https//www.plumdeluxe.com://www.plumdeluxe.com/wp-content/themes/function/images/headersignupbg.jpg") no-repeat scroll 0 0 transparent;}*/ #headersignup {width:63%; height:auto; margin-top: 10px; display: inline; background:url("https://www.plumdeluxe.com/wp-content/themes/function/images/headersignupbg.jpg") no-repeat scroll 0 0 transparent;} /*#headersignuptop {text-align:center;}*/ #headersignuptop {height: auto; text-align: center; width: 100%; margin-top: 15px;} /*#headersignuptop h3 {background-color: #FFFFFF; color: #653C82; font-size: 2.2em; font-family:'mission_scriptregular'; letter-spacing: 3px; line-height: 43px; margin: 0 auto; width: 300px;}*/ #headersignuptop h3 {background-color: #FFFFFF; color: #653C82; font-family: 'mission_scriptregular'; font-size: 2.2em; letter-spacing: 0.1em; line-height: 1.35em; margin: 0 auto; width: 100%;} #headersignuptop p {color: #AB25BB; /*font-family: Arial;georgia; font-size: 17px;*/ font: normal 18px/1.4em "futura",Helvetica,sans-serif; margin-bottom: 18px;} #headersignup input[type="text"], #headersignup input.input-text, textarea, #headersignup input.txt, #headersignup input[type="tel"], #headersignup input[type="email"] { -moz-box-sizing: border-box; background-clip: padding-box; border: 1px solid #EAEAEA; border-radius: 0.236em 0.236em 0.236em 0.236em; font-family: inherit; font-size: 1em; line-height: 1.618em; margin-right: 10px; outline: medium none; padding: 0.327em 0.5em; width: 195px; } #headersignup a.button, #headersignup a.comment-reply-link, #headersignup.submit, #headersignup input[type="submit"], #headersignup input.button, #headersignup button.button { border-radius: 0.4em 0.4em 0.4em 0.4em; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 1em; line-height: 1.618em; overflow: visible; padding: 0.327em 0.618em; text-align: center; text-decoration: none; width: 145px; background: #E6460F; /* old browsers */ background: -moz-linear-gradient(top, #FB7041 0%, #E6460F 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB7041), color-stop(100%,#E6460F)); /* webkit */ box-shadow: inset 0px 0px 6px #822506; -webkit-box-shadow: inset 0px 0px 6px #822506; border: 1px solid #ffffff; } #headerform {} #navigation { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-clip: padding-box; background-color: #d2d1d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d2d1d3)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #d2d1d3); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #d2d1d3); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #d2d1d3); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #d2d1d3); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #d2d1d3); border-color: #c7c6c6; border-image: none; border-radius: 0; border-style: solid; border-width: 1px 0 0 0; box-shadow: none; margin-bottom: 1.618em; padding: 0; } /* #navigation ul.nav > li:hover { text-decoration: none; background-color: #F2EFF6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F2EFF6), to(#E5DFE9)); /* Saf4+, Chrome */ /* background-image: -webkit-linear-gradient(top, #F2EFF6, #E5DFE9); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* background-image: -moz-linear-gradient(top, #F2EFF6, #E5DFE9); /* FF3.6+ */ /* background-image: -ms-linear-gradient(top, #F2EFF6, #E5DFE9); /* IE10 */ /* background-image: -o-linear-gradient(top, #F2EFF6, #E5DFE9); /* Opera 11.10+ */ /* background-image: linear-gradient(to bottom, #F2EFF6, #E5DFE9); color: #563174; text-shadow: 0 1px 0 #FFFFFF; }*/ #navigation ul.nav > li a { padding: 0.618em 1.8em; border-color: #FFFFFF; border-style: solid; border-width: 0 0 0 1px; border-image: none; border-radius: 0 0 0 0; box-shadow: 2px 0 0 0 #D1C5DB; color: #563174; text-shadow: 0 1px 0 #FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px; } /*#navigation ul.nav > li a:hover { /*background-color:#744893; background-image:none;*/ /* text-decoration: underline; background-color: #F2EFF6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F2EFF6), to(#E5DFE9)); /* Saf4+, Chrome */ /* background-image: -webkit-linear-gradient(top, #F2EFF6, #E5DFE9); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* background-image: -moz-linear-gradient(top, #F2EFF6, #E5DFE9); /* FF3.6+ */ /* background-image: -ms-linear-gradient(top, #F2EFF6, #E5DFE9); /* IE10 */ /* background-image: -o-linear-gradient(top, #F2EFF6, #E5DFE9); /* Opera 11.10+ */ /* background-image: linear-gradient(to bottom, #F2EFF6, #E5DFE9); color: #563174; text-shadow: 0 1px 0 #FFFFFF; }*/ #navigation ul.nav > li a:hover { /*background-color:#744893; background-image:none;*/ text-decoration: underline; background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); color: #ffffff !important; text-shadow: 0 1px 0 #291B34 !important; /*box-shadow: 2px 0 0 0 #d1c5db;*/ } /*#navigation ul.nav ul > li a:hover { background-color:#f7f5f9; background-image:none; }*/ #navigation ul.nav > li.parent {} #navigation ul.nav > li.parent a:hover {} #navigation ul.nav ul > li a:hover { background: none repeat scroll 0 0 #4c2e62 !important; } #navigation ul.nav ul { font-size: 0.8em; background: none repeat scroll 0 0 padding-box #4c2e62 !important; } ul.nav li {font-family: helvetica;} #navigation ul.nav > li {font-family: helvetica;} #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, #navigation ul.nav > li.li.current-menu-item a { margin-top: 0; background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); color: #ffffff; text-shadow: 0 1px 0 #291B34; } /* #navigation ul.nav > li:last-child a { border-width: 1px; box-shadow: 1px 0 0 0 #D1C5DB; }*/ #navigation ul.nav > li:last-child a { border-width: 0 0 0 1px; box-shadow: 0 0 0 0 #D1C5DB; } #navigation ul.nav ul > li.current-menu-item a { } #navigation ul.nav ul > li a { background-color: #4c2e62 !important; background-image: none !important; border: 0 none; box-shadow: 0 0 0 0 #5B5B5B !important; padding: 0.618em 1em; border-color: #FFFFFF; border-style: solid; border-width: 0 0 0 0; border-image: none; border-radius: 0 0 0 0; color: #dfd4e5 !important; text-shadow: 0 1px 0 #1c0f26 !important; background-color: transparent !important; font-weight:bold; text-transform:uppercase; font-size:11px; } #navigation ul.nav ul > li a:hover {background-color: transparent !important;} ul.nav ul { width: 17em;} /* CODE FOR MENU CENTERED ---------------- */ ul#main-nav { /* min-width: 696px;*/ list-style: none; } ul#main-nav li { display: inline; } .menus { display: table; /* Allow the centering to work */ margin: 0 auto; } ul.nav { margin-right: 0; } /* CODE FOR HORIZONTAL DROP DOWN MENU ---------------- */ @media only screen and (min-width: 800px) { #navigation {margin-bottom: 5em;} body.home #navigation {margin-bottom: 2em;} .menus {width: 100%;} ul#main-nav { position:relative; width: 100%; } ul.nav ul { width:100%; } ul.nav ul li { float: left; } ul.nav li { position: static; } /* ----- Include Teashop Submenu on pages where it doesn't default ----- */ body.archive.woocommerce ul.nav li#menu-item-37593 ul, body.single.woocommerce ul.nav li#menu-item-37593 ul, body.page-id-37485 ul.nav li#menu-item-37593 ul, body.page-id-40868 ul.nav li#menu-item-37593 ul, body.page-id-40821 ul.nav li#menu-item-37593 ul, body.page-id-39841 ul.nav li#menu-item-37593 ul { visibility:visible; z-index:9998; } body.page-template-latest-articles ul.nav li#menu-item-37412 ul, body.single-post ul.nav li#menu-item-37412 ul, body.category ul.nav li#menu-item-37412 ul, body.tag ul.nav li#menu-item-37412 ul { visibility:visible; z-index:9998;} body.single-product.woocommerce #navigation ul#main-nav li#menu-item-37593.menu-item-has-children a, body.tax-product_tag.woocommerce #navigation ul#main-nav li#menu-item-37593.menu-item-has-children a, body.tax-product_cat.woocommerce #navigation ul#main-nav li#menu-item-37593.menu-item-has-children a { margin-top: 0; background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); color: #ffffff; text-shadow: 0 1px 0 #291B34;} #navigation ul.nav ul.sub-menu li.current-menu-item a {color:#edb2fa !important;} #navigation ul.nav > li:hover { margin-top: 0; background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); } #navigation ul.nav > li:hover a {color: #ffffff; text-shadow: 0 1px 0 #291B34;} /* ADDING ACTIVE STYLE TO ARTICLES MENU ITEM ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ body.tag #menu-item-37412, body.category #menu-item-37412, body.single-post #menu-item-37412 { } } @media only screen and (min-width: 868px) { #navigation {margin-bottom: 4em;}} /* ADDING IMAGE TO DROP DOWN MENU ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ /* #navigation ul.nav #menu-item-73 ul { width:300px; background-image:url("images/orange-walls.jpg") !important; background-color: #F2EFF6 !important; background-repeat:no-repeat !important; background-position: right top !important; background-size: contain;} #navigation ul.nav #menu-item-73 ul li {width: 50%;}*/ /* HOMEPAGE FEATURE BANNER ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #featurebanner { margin-bottom: 40px; padding: 30px; width: 94%; height:auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; clear: both; display: block; float: left; background-color:#5e367b; background-image: -webkit-gradient(linear, left top, left bottom, from(#5e367b), to(#1f1326)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #5e367b, #1f1326); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #5e367b, #1f1326); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #5e367b, #1f1326); /* IE10 */ background-image: -o-linear-gradient(top, #5e367b, #1f1326); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #5e367b, #1f1326);} #featurebanner h2 {border-bottom: 1px solid #FFFFFF; color: #FFFFFF; float: right; font: 45px/1em "trajanpro",Helvetica,sans-serif; padding-bottom: 20px; text-align: center; margin-bottom:20px; width: 62%;} #featurebanner h3 {color: #FFFFFF; float: right; text-align: center; width: 62%;} #featurebanner a{color: #BE2BCB; text-decoration:none;} #featurebanner a:visited{color: #BE2BCB; text-decoration:none;} #featurebanner a:hover{color: #BE2BCB; text-decoration:underline;} #featurebanner img {width: 34%; height:211px; float:left; border:solid 4px #ffffff;} #seecollectionsbtn {display:block; float:left; width:100%; height:auto; text-align:center;margin-bottom: 40px; } #seecollectionsbtn a {font: 36px/1em "futuramedium",Helvetica,sans-serif; color:#ffffff; padding-top:10px; padding-bottom:10px;display:block; width:100%; height:auto; background-color:#BE2BCB; background-image: -webkit-gradient(linear, left top, left bottom, from(#BE2BCB), to(#61377f)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #BE2BCB, #61377f); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #BE2BCB, #61377f); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #BE2BCB, #61377f); /* IE10 */ background-image: -o-linear-gradient(top, #BE2BCB, #61377f); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #BE2BCB, #61377f);} #intro-message h1 { color: #572B71; font-weight: normal; margin: 0; text-align: center; font: normal 27px "futura",Helvetica,sans-serif; } /*#homeposts_heading {background: url("images/featureheading_bg.png") repeat-y scroll 400px 0 #d2d0d0; float: left; height: 100%; width: 980px; margin-bottom: 20px;}*/ #homeposts_heading {background: url("images/featureheading_bg.png") repeat-y scroll 400px 0 #d2d0d0; height: 100%; width: 100%; margin-bottom: 20px; clear: both;} #homeposts_heading h3 {background: url("images/happy_icon.png") no-repeat scroll 20px 22px transparent; color: #5D337B; font: normal 36px/1em "futuramedium",Helvetica,sans-serif !important; height: 100%; margin-bottom: 10px; padding: 18px 10px 16px 55px; /*width: 900px;*/ text-transform:uppercase; letter-spacing: 1px;} /*#homeposts {background: url("") no-repeat scroll 0 0 transparent; float: left; height: 100%; margin-left: -1.7em; width: 1010px;}*/ #homeposts {background: url("") no-repeat scroll 0 0 transparent; height: 100%; width: 100%;} /*.featuredposts {background: url("") no-repeat scroll right 0 transparent; float: left; height: auto; margin-left: 25px; margin-bottom: 20px; width: 310px;}*/ /* REMOVED by Tweaky on 30.05.2013 */ /* .featuredposts {background: url("") no-repeat scroll right 0 transparent; float: left; height: auto; margin-left: 6px; margin-right: 10px; margin-bottom: 20px; width: 310px;} .featuredposts img { border: medium none; float: left; height: 200px !important; margin: 0; padding: 0; width: 310px !important; } */ /* ADDED by Tweaky on 30.05.2013 */ .featuredposts {background: url("") no-repeat scroll right 0 transparent; float: left; height: auto; /*margin-left: 6px; margin-right: 10px;*/ margin-left: 1%; margin-bottom: 20px; /*width: 310px;*/ max-width: 32.66%} .featuredposts:nth-child(3n+0){ margin-left: 0; margin-right: 0; } .featuredposts img { border: medium none; float: left; /*height: 200px !important; width: 310px !important;*/ min-width: 100%; height: auto; margin: 0; padding: 0; } /* end */ .featuredpoststext {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #5f357c; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststext p {color: #271a30; float: left; font-family: Futura, Arial; font-size: 18px; line-height:20px; margin-bottom: 0; padding: 8px; text-align:center; text-decoration: none;} .featuredpoststext p a {color: #271a30;text-decoration: none;} .featuredpoststext p a:visited {color: #271a30;text-decoration: none;} .featuredpoststext p a:hover {color: #562e72;text-decoration: none;} /* REMOVED by Tweaky on 30.05.2013 */ /*.featuredpoststextfood {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #ab25bb; float: left; height: 80px; margin: 0; text-align:center; width: 308px;} .featuredpoststextdrink {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #14a0a2; float: left; height: 80px; margin: 0; width: 308px;} .featuredpoststextgoods {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #2f85bc; float: left; height: 80px; margin: 0; width: 308px;} .featuredpoststexthaberdashery {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #541bb2; float: left; height: 80px; margin: 0; width: 308px;} .featuredpoststexthealth {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #c5c71e; float: left; height: 80px; margin: 0; width: 308px;} .featuredpoststextlifestyle {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #d65e15; float: left; height: 80px; margin: 0; width: 308px;} .featuredpoststextstyle {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #1bd88a; float: left; height: 80px; margin: 0; width: 308px;} */ /* ADDED by Tweaky on 30.05.2013 */ .featuredpoststextfood {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #ab25bb; float: left; height: 80px; margin: 0; text-align:center; width: 100%;} .featuredpoststexttravel {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #82ba3a; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststextdrink {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #14a0a2; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststextgoods {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #2f85bc; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststexthaberdashery {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #541bb2; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststexthealth {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #c5c71e; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststextlifestyle {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #d65e15; float: left; height: 80px; margin: 0; width: 100%;} .featuredpoststextstyle {background: url("") no-repeat scroll right 0 #fafafa; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:8px solid #1bd88a; float: left; height: 80px; margin: 0; width: 100%;} /* end */ .featuredpoststextfood p, .featuredpoststexttravel p, .featuredpoststextdrink p, .featuredpoststextgoods p, .featuredpoststexthaberdashery p, .featuredpoststexthealth p, .featuredpoststextlifestyle p, .featuredpoststextstyle p, .featuredpoststext p {color: #271a30; float: left; font: normal 22px/1em "futuramedium",arial,sans-serif; margin-bottom: 0; padding: 8px; text-align:center; text-decoration: none; letter-spacing: 1px;} .featuredpoststextfood p a, .featuredpoststexttravel p a, .featuredpoststextdrink p a, .featuredpoststextgoods p a, .featuredpoststexthaberdashery p a, .featuredpoststexthealth p a, .featuredpoststextlifestyle p a, .featuredpoststextstyle p a {color: #271a30;text-decoration: none;} .featuredpoststextfood p a:visited, .featuredpoststexttravel p a:visited, .featuredpoststextdrink p a:visited, .featuredpoststextgoods p a:visited, .featuredpoststexthaberdashery p a:visited, .featuredpoststexthealth p a:visited, .featuredpoststextlifestyle p a:visited, .featuredpoststextstyle p a:visited {color: #271a30;text-decoration: none;} .featuredpoststextfood p a:hover, .featuredpoststexttravel p a:hover, .featuredpoststextdrink p a:hover, .featuredpoststextgoods p a:hover, .featuredpoststexthaberdashery p a:hover, .featuredpoststexthealth p a:hover, .featuredpoststextlifestyle p a:hover, .featuredpoststextstyle p a:hover {color: #562e72;text-decoration: none;} #sidebar { display: none; } /*#main { width: 100%; } .post header {float: right; width: 78%;} .post header h1, .type-page header h1, .search .type-page header h1 { float: right; width: 99%; } .post img.woo-image, .type-page img.woo-image { float: right; margin: 0 2.4em 1.618em !important; } .post .article-inner, .type-page .article-inner, .search .type-page .article-inner { float: right; width: 77%; }*/ .post .alignleft, .type-page .alignleft { float: right; margin: 0 1.618em 1em 0; } .post img, .type-page img, .post img.thumbnail, .type-page img.thumbnail { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EAEAEA; height: auto; max-width: 89%; padding: 0.53em; } .post .entry {font-family: Helvetica,sans-serif;font-size: 17px !important;} .page .entry {font-family: Helvetica,sans-serif; font-size: 17px !important; padding-left: 0; padding-right: 0;} .post header h1, .type-page header h1 { font-family:"futuramedium",Helvetica,sans-serif; font-size: 2.844em; letter-spacing:1px; } /*.post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4, .post .entry h5, .post .entry h6, .page .entry h1, .page .entry h2, .page .entry h3, .page .entry h4, .page .entry h5, .page .entry h6, { font-family:"futuramedium",Helvetica,sans-serif; }*/ .post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4, .post .entry h5, .post .entry h6 { font-family:"futuramedium",Helvetica,sans-serif; letter-spacing:1px; } .page .entry h1, .page .entry h2, .page .entry h3, .page .entry h4, .page .entry h5, .page .entry h6 { font-family:"futuramedium",Helvetica,sans-serif; letter-spacing:1px; } /* AUTHOR BIO ----------------- */ #post-author { background: none repeat scroll 0 0 #372147; border-radius: 15px 15px 15px 15px; /* ADDED BY CRAIG 12/6/2015------*/margin: 0; } #post-author .profile-image { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border: 1px dotted #EAEAEA; float: left; margin: 0 1.618em 0.382em 1.6em; padding: 0.382em; } #post-author .profile-content { color: #FFFFFF; padding: 0 1.5em; } #post-author .profile-content h3 { color: #BDA4CB; font-family:"futuramedium",Helvetica,sans-serif; font-size: 1.9em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.1em; } .post .post-meta li { font-size:14px; } .post .post-meta img, .type-page .post-meta img { border: 0 none; } /* CUSTOM SHOP PAGE ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ p.shopintrotext {color: #572B71; font: 28px/1.4em "futura",Helvetica,sans-serif; margin: 0; text-align: center;} #collectionscontainer {float: left; width: 105%; margin-top: 40px;} #collectionsrange {background-color: #EDEDED; height: 370px; width: 30%; float: left; margin-right: 3.2%; margin-bottom: 40px;} #collectionsrange a:hover {text-decoration:none;} #collectionsrange img {border-bottom: 7px solid #BE2BCB; height: 200px; padding: 0; width: 100%; max-width: 100%;} #collectionsrange h3 {color: #271A30; float: left; font: 26px/1em "futuramedium",helvetica,sans-serif; letter-spacing: 1px; margin: 0 0 0.382em; padding: 0 8px; width: 93%;} #collectionsrange h3:hover { text-decoration:underline; } /* WOO COMMERCE STUFF --------------------------------------------------------------------------------------- */ #woocatimage {float: right;width: 40%;padding: 10px 0 20px 20px;} #woocatimage img {width:100%} .term-description {width: 100%;} .term-description p {color: #572B71; font-family: "futura",Helvetica,sans-serif; font-size: 20px; font-weight: normal;} .tag-term-description p {color: #572B71; font-family: "futura",Helvetica,sans-serif; font-size: 20px; font-weight: normal;} .woocommerce-result-count {display: none;} form.woocommerce-ordering { display: none; } ul.products li.product .btn, ul.products li.product .button {display: none;} /*.description_tab {display: none !important;}*/ .reviews_tab {display: none;} .woocommerce-tabs h2 {display: none;} .woocommerce #infinite-handle {display: none;} ul.products.grid {width: 100%;float:left;} .pagination-wrap {clear: both;} .woocommerce-columns-5 ul.products.grid li.product { width: 29.3%; background-color: #ededed; height: 330px;} /*ul.products li.product img { border-top: none; border-left: none; border-bottom: 10px solid #BE2BCB; border-right: none; padding: 0; width: 100%; }*/ ul.products li.product img { width: 100%; border-bottom: 7px solid #BE2BCB; padding: 0; height:200px; } ul.products.grid li.product h3 { color: #271A30; float: left; font: 22px/1em "futuramedium",helvetica,sans-serif; letter-spacing: 1px; margin: 0 0 0.382em; padding: 0 8px; width: 93%; } ul.products.list li.product h3 { color: #271A30; font: 22px/1em "futuramedium",helvetica,sans-serif; letter-spacing: 1px; } ul.products.grid li.product .price { clear: right; color: #AB25BB; float: left; font-weight: bold; margin: 0.14em 0 0 0.6em; } ul.products.list li.product .price { color: #AB25BB; font-weight: bold; } .archive h1.page-title { font-family: "futuramedium",Helvetica,sans-serif; font-size: 2.844em; letter-spacing: 1px; margin-bottom: 0.5em; } li.wooshare {display:inline-block; margin-top: 10px;} a.button, a.comment-reply-link, .submit, input[type="submit"], input.button, button.button { background: none repeat scroll 0 0 padding-box #E4440E !important; border: 0 none; border-radius: 0.146em; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: "futuramedium",Helvetica,sans-serif; font-size: 1.2em !important; letter-spacing: 1px; line-height: 1.618em !important; overflow: visible; text-align: center; text-decoration: none; width: auto; -webkit-appearance: none; font-weight: 400 !important; } a.button:hover, a.comment-reply-link:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover { background: #f4521c; } /* WOO COMMERCE SINGLE PRODUCT PAGE --------------------------------------------------------------------------------------- */ .woocommerce-tabs { float: right; width: 47%; clear: none !important; } .single-product .summary { float: right; width: 47%; } .wl-tab-wrap.woocommerce-tabs { float: none; width: 100%; } .single-product h1.product_title { font-family: "futuramedium",Helvetica,sans-serif; font-size: 2.844em; letter-spacing: 1px; margin-bottom: 0.5em; } #tab-description p { font-family: Helvetica,sans-serif; font-size: 17px !important;} .related.products {float:left;clear: both;} span.posted_in {background-color: #EDEDED; padding: 0 0.5em; /* text-transform: uppercase; */ font-size:12px;} .upsells.products { clear: both; display: block; } .upsells ul.products li.product, .related ul.products li.product { /*width: 40.75%;*/ /*width: 30%;*/ width: 29.5%; background: #efefef none repeat scroll 0 0; } .upsells ul.products li.product.first, .upsells ul.products li.product.last { clear: none !important; margin-right: 3% !important; background: #efefef none repeat scroll 0 0; } .upsells ul.products li.product h3 {width:100%; padding: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font: 24px/1em "futuramedium",helvetica,sans-serif; color: #271a30; letter-spacing: 1px;} .upsells ul.products li.product .price { color: #52a0cd; font-weight: bold; padding: 10px; display:none; } .related.products .price {display:none !important;} .related.products h3 {width:100% !important; color: #271A30 !important; font: 22px/1em "futuramedium",helvetica,sans-serif !important; letter-spacing: 1px !important;} .singleshare {float:right; width:47%;} .single-product .images h2 { background-color: #edece8; box-sizing: content-box; color: #6f448e; font-family: "oswald_regular"; font-size: 18px; font-style: normal; font-weight: normal; padding: 10px; width: 100%; background-image: url("images/subtlelinepattern.jpg"); background-position: 0 0; background-repeat: repeat; } /* WOO COMMERCE ON HOMEPAGE --------------------------------------------------------------------------------------- */ .home-section ul li .item { background-color: #EDEDED; margin: 0 3% 2.244em 0; padding-bottom: 20px; width: 22.7%; } #home-shop h3 { color: #271A30; float: left; font: 22px/1em "futuramedium",helvetica,sans-serif; letter-spacing: 1px; padding: 0 8px; width: 93%; } .home-section ul .item h2 a, .home-section ul .item h3 a { color: #271A30; } #home-shop .price { clear: right; color: #AB25BB; float: left; font-weight: bold; margin: 0.14em 0 1em 0.6em; } .home-section ul .item img { border-bottom:7px solid #BE2BCB; padding: 0; width:100%; } /* WOO COMMERCE CART --------------------------------------------------------------------------------------- */ table thead th.product-remove {background:none repeat scroll 0 0 #dbdbdb !important;} table thead th.product-thumbnail {background:none repeat scroll 0 0 #dbdbdb !important;} table thead th.product-name {background:none repeat scroll 0 0 #dbdbdb !important;} table thead th.product-price {background:none repeat scroll 0 0 #dbdbdb !important;} table thead th.product-quantity {background:none repeat scroll 0 0 #dbdbdb !important;} table thead th.product-subtotal {background:none repeat scroll 0 0 #dbdbdb !important;} table tbody td.product-remove {background:none repeat scroll 0 0 #eaeaea !important;} table tbody td.product-thumbnail {background:none repeat scroll 0 0 #eaeaea !important;} table tbody td.product-name {background:none repeat scroll 0 0 #eaeaea !important;} table tbody td.product-price {background:none repeat scroll 0 0 #eaeaea !important;} table tbody td.product-quantity {background:none repeat scroll 0 0 #eaeaea !important;} table tbody td.product-subtotal {background:none repeat scroll 0 0 #eaeaea !important;} .cart_totals table tbody tr th {background:none repeat scroll 0 0 #dbdbdb !important;} .cart_totals table tbody tr.shipping th {font-weight: normal;} .cart_totals table tbody tr td {background:none repeat scroll 0 0 #eaeaea !important;} /* WOO COMMERCE CHECKOUT --------------------------------------------------------------------------------------- */ .woocommerce-info { border-top-color: #1e85be; background-color: #e7eef4; font-weight: bold; } .woocommerce form.login, .woocommerce form.register { background-color: #f2e4de; } .woocommerce-checkout .page .entry { padding-left: 0px; padding-right: 0px;} .woocommerce-checkout .page .entry .form-row {margin-bottom: 1em;} .woocommerce-checkout .page .entry .form-row label {font-size: 12px;} .woocommerce-checkout .page .entry .form-row.validate-email {width: 100%;} .woocommerce-checkout .page .entry .form-row.validate-phone {width: 100%;} .woocommerce-checkout .page .entry input[type="text"], .woocommerce-checkout .page .entry input.input-text, .woocommerce-checkout .page .entry textarea, .woocommerce-checkout .page .entry input.txt, .woocommerce-checkout .page .entry input[type="tel"], .woocommerce-checkout .page .entry input[type="email"] { border: 2px solid #eaeaea; font-size: 0.9em; line-height: 1.2em; padding: 0.2em 0.4em; } .woocommerce-billing-fields p#billing_company_field, .woocommerce-shipping-fields p#shipping_company_field {display:none;} .woocommerce-checkout .page .entry table { background: none repeat scroll 0 0 #dbdbdb; } .woocommerce-checkout .page .entry table thead th { background: none repeat scroll 0 0 #dbdbdb !important; font-size: 0.8em; padding: 1.1em; } .woocommerce-checkout .page .entry table tbody td { background-color: #eaeaea; background-image: none; } .woocommerce-checkout .page .entry table td, table th { border-bottom: 1px solid #ffffff; font-size: 0.8em; } .woocommerce-checkout .page .entry table tfoot tr.cart-subtotal {display:none;} .woocommerce-checkout .page .entry table tfoot tr.shipping th {font-weight:normal;} .woocommerce-checkout .page .entry table tfoot tr.order-total {background-color:#311148;color: #ffffff;} .payment_box p.form-row {width: 100% !important;} .payment_box p.form-row.form-row-first, .payment_box p.form-row.form-row-last {width: 50% !important;} #payment .payment_methods { border-bottom: none; margin: 0 !important; padding: 0 !important; float:left; width:100%; } #payment .payment_methods li { float:left; width:100%; box-sizing: border-box; } #payment .place-order { margin-top: 0; } #payment .payment_methods li img {max-width: 100%;} /* removing the default paypal styling */ a.about_paypal { display: none; } li.payment_method_paypal img { display: none !important; } /* WOO COMMERCE EXTRA INFO ON CATEGORY AND TAG CSS --------------------------------------------------------------------------------------- */ p.extraproductinfo { box-sizing: border-box; display: block; float: left; font-family: arial; font-size: 13px; padding: 0 10px; width: 100%; color: #575757;} /* RECIPE CSS ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #recipe {font-weight: normal; background-image:url('https//www.plumdeluxe.com://www.plumdeluxe.com/wp-content/themes/function/images/spoongraphic.png'); background-position: 95% 1%; background-repeat:no-repeat; background-color: #f0ecf2;border-color: #61377F;border-style: solid;border-width:10px;margin-bottom: 10px;margin-right: 20px;padding: 25px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 8px; /* Firefox 1-3.6 */ -moz-border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 8px;} #recipe h2 {font-size: 36px; letter-spacing: 1px; width: 82%; color: #121212 !important; } #recipe .ingredients { border-color: #ffffff; border-style: solid; border-width: 1px; margin-bottom: 40px; margin-right: 0px; padding: 20px; padding-bottom:0px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 10px; /* Firefox 1-3.6 */ -moz-border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 10px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0efef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0efef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0efef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f0efef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f0efef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f0efef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0efef',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: 1px 1px 2px 0 #B2A9B8; -webkit-box-shadow: 1px 1px 2px 0 #B2A9B8; box-shadow: 1px 1px 2px 0 #B2A9B8; font-size:15px !important; color: #121212 !important; } #recipe .ingredients img {float:right;padding: 0;} #recipe .ingredients p {margin-bottom: 0.7em;} #recipe p {color: #121212 !important;} /* EVENTS CALENDAR */ #tribe-bar-form .tribe-bar-filters {display:none;} .tribe-events-list h2.tribe-events-page-title {font-family: "futuramedium",Helvetica,sans-serif; font-size: 2.844em; letter-spacing: 1px;} .single-tribe_events h2.tribe-events-single-event-title {font-family: "futuramedium",Helvetica,sans-serif; font-size: 2.844em; letter-spacing: 1px;} .tribe-events-list .tribe-events-loop .tribe-events-content {font-family:Arial;} #tribe-events-pg-template .tribe-events-content p, .tribe-events-before-html p, .tribe-events-after-html p {font-family:Arial;} .tribe-events-after-html {font-family:Arial; padding-bottom:12px;} #tribe-events-content {margin-bottom:2px !important;} .single-tribe_events .tribe-events-event-image { text-align: center; width: 500px; float: right; padding-left: 15px; } .tribe-events-before-html ul li, .tribe-events-after-html ul li, .tribe-events-before-html ol li, .tribe-events-after-html ol li, #tribe-events-pg-template .tribe-events-content ul li, #tribe-events-pg-template .tribe-events-content ol li { margin: 0 0 20px; line-height: 1.7; font-family: Arial; margin-left: 20px; } /* AUTHOR PAGE ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #authorstuffcontainer {display:block; width:100%; margin-bottom:20px;float: left;border-bottom: 1px solid #D1D1D1;} .authorpageimage {float:left;margin: 0 20px 20px 0;} .authorpageimage img {border:5px solid #e2e2e2;} .authorpagetext {font-family: Helvetica,sans-serif; font-size: 17px !important;font-weight: normal;padding-bottom: 10px;} /*#headersignup {width:605px; height:135px; margin-top: 10px; float:right; background:url("//www.plumdeluxe.com//www.plumdeluxe.com/wp-content/themes/function/images/headersignupbg.jpg") no-repeat scroll 0 0 transparent;}*/ #footersignupcontainer {background: none repeat scroll 0 0 #372147; border-radius: 15px 15px 15px 15px; padding: 0.6em; width: 100%;} /*#headersignuptop {text-align:center;}*/ #footersignuptop {height: auto; margin-top: 15px; text-align: center; width: 100%;} /*#headersignuptop h3 {background-color: #FFFFFF; color: #653C82; font-size: 2.2em; font-family:'mission_scriptregular'; letter-spacing: 3px; line-height: 43px; margin: 0 auto; width: 300px;}*/ #footersignuptop h3 { color: #ffffff; font-family: 'mission_scriptregular'; font-size: 40px !important; letter-spacing: 0.1em; line-height: 1.35em; margin: 0 auto 5px !important; width: 100%;} #footersignuptop p {color: #FFFFFF; /*font-family: Arial; font-size: 17px;*/ font: normal 18px/1.4em "futura",Helvetica,sans-serif; margin-bottom: 18px;} #footersignupcontainer input[type="text"], #footersignupcontainer input.input-text, textarea, #footersignupcontainer input.txt, #footersignupcontainer input[type="tel"], #footersignupcontainer input[type="email"] { -moz-box-sizing: border-box; background-clip: padding-box; border: 1px solid #EAEAEA; border-radius: 0.236em 0.236em 0.236em 0.236em; clear: both; display: block; float: left; font-family: inherit; font-size: 1em; line-height: 1.618em; margin-bottom: 0.3em; margin-right: 10px; outline: medium none; padding: 0.327em 0.5em; width: 65%; } #footersignupcontainer a.button, #footersignupcontainer a.comment-reply-link, #footersignupcontainer.submit, #footersignupcontainer input[type="submit"], #footersignupcontainer input.button, #footersignupcontainer button.button { border-radius: 0.4em 0.4em 0.4em 0.4em; color: white; cursor: pointer; font-family: inherit; font-size: 1em; height: 60px; line-height: 1.618em; overflow: visible; padding: 0.327em 0.618em; text-align: center; text-decoration: none; width: 125px; background: #653c82; /* old browsers */ background: -moz-linear-gradient(top, #825A9E 0%, #653C82 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#825A9E), color-stop(100%,#653C82)); /* webkit */ box-shadow: inset 0px 0px 6px #1f1526; -webkit-box-shadow: inset 0px 0px 6px #1f1526; border: 1px solid #ffffff; } #footer-wrapper { background: none repeat scroll 0 0 #1F1526 !important; color: #ffffff; } .widget ul li { margin-bottom: 0.6em !important; background:url(https://www.plumdeluxe.com/wp-content/themes/function/images/libg.png) no-repeat scroll 0 5px transparent; line-height: 33px; } ul.product_list_widget span.product-title { font-weight: 700 !important; } #footer { color: #825A9E; } #footer-widgets .widget { font-size: 1em !important; } /* ADDED by Tweaky on 30.05.2013 */ #top div.menu-header-search { float: right; list-style: none outside none; position: relative; width:450px; margin-bottom: 2px; display:none; } #top div.menu-header-search #searchform { background: none repeat scroll 0 0 padding-box #FFFFFF; border: 1px solid #EAEAEA; border-radius: 100em 100em 100em 100em; float: right; margin: 0.102em 0 0; width: 200px; } #main-nav .subscribetab { display: none; } #infinite-handle { float: left; } .col-left:after { content: ""; display: table; clear: both; } .group:after { content: ""; display: table; clear: both; } .showoption { display: none; } /* TEASHOP PAGE ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #teashoppromobanner { background-image: url("images/subtlelinepattern.jpg"); background-position: 0 0; background-repeat:repeat; height:auto; width:100%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 40px;} #teashoppromobanner h4 { color: #5b357a; font-size: 21px; font-weight: normal; line-height: 26px; margin-bottom: 0; /* text-transform: uppercase; */ } #teashoppromobanner h4:before { content: "\f0a4"; font-family: FontAwesome; font-size: 18px; padding-right: 10px; } #teashoppromobanner h4 a { color:#ee610b;} #teashoppromobanner h4 a:hover, #teashoppromobanner h4 a:focus { color: #be2bcb;} #teashopintrobanner { width:100%; height:309px; margin: 20px auto; background-image: url("images/teashop-autumn.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center 0; background-repeat: no-repeat; overflow:hidden; text-align:center; } #teashopintrobanner span {display: block; /*height: 158px;*/ height: auto; margin: 46px auto; position: relative; text-align: center; width:100%; max-width: 540px; font: 40px/1.5em "missionscript",Helvetica,sans-serif; color:#ffffff;} #teashopintrobanner span img {background:none; border:none; padding: 0.53em 0.53em 4px;} #teashopintrobanner span p { font: 40px/1.5em "missionscript",Helvetica,sans-serif; color:#ffffff; } #teashopintrobanner .foot {/*margin-top: -43px;*/ position: relative; /*top: 100%;*/} #teashopintrobanner .foot h4 { width:100%; height:auto; text-align:center; /* text-transform:uppercase; */ font: 16px/1.5em "oswald_regular",Helvetica,sans-serif; padding: 10px 20px; margin:0 auto; color:#ffffff; background:#604f5b; background: rgba(96, 79, 91, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 685px) { #teashopintrobanner {height:259px;} #teashopintrobanner span {margin: 34px auto 20px; font: 30px/1.5em "missionscript",Helvetica,sans-serif;} } #teashoppopular { background-image: url("images/subtlelinepattern.jpg"); background-position: 0 0; background-repeat:repeat; height:auto; width:100%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px 20px 40px 20px; } #teashoppopular h3 { color: #6f448e; font: 36px/1.2em "missionscript",Helvetica,sans-serif; display:block; width:100%; margin: 10px auto; } #teashoppopular h4 { font-size: 18px; font-weight: normal; line-height: 36px; margin: 0 auto; /* text-transform: uppercase; */ width: 100%; } #teashoppopular h4 a { color: #be2bcb; } #teashoppopular h4 a:hover, #teashoppopular h4 a:focus { color:#e5780d; } #teaofthemonthbanner { width:100%; height:608px; margin: 20px auto; background-image: url("images/teashop_club_banner_bg.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center 0; background-repeat: no-repeat; overflow:hidden; text-align:center; position:relative; } #teaofthemonthbanner .teaofthemonthmask { position:absolute; left:0; top:0; background-image: url("images/teaclub_mask.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 0 0; background-repeat: no-repeat; height:608px; width:272px; z-index:1;} #teaofthemonthbanner .teaofthemonthcontent { display: block; height: 430px; position: relative; width: 100%; z-index: 2; text-align:left; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbadge { /*background-image: url("images/teaofthemonth_badge.png");*/ background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 243px; margin: 60px 20px; width: 26%; vertical-align:top; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbadge img { background:none; border:none; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody { display: inline-block; height: 300px; margin-top: 42px; text-align: center; vertical-align: top; width: 66%;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody h3 { color: #ffffff; font: 53px/1.5em "missionscript",Helvetica,sans-serif; margin-bottom: 3px;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody h4 { color: #ffffff; font-size: 24px; font-weight: normal; line-height: 31px; margin-bottom: 24px;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody h4 span { color:#fe7726;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody h4 a { color:#ffffff; text-decoration:underline; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody .teaofthemonthlist { width:100%; height:auto; border-radius: 8px; background:#ffffff; background: rgba(255, 255, 255, 0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left; padding:20px; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody .teaofthemonthlist ul {margin-bottom: -10px; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody .teaofthemonthlist ul li { list-style:none; text-transform:uppercase; font: 14px/1.5em "oswald_regular",Helvetica,sans-serif; color:#3e155b; margin-bottom:10px;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody .teaofthemonthlist ul li:before { content: "\f05d"; font-family: FontAwesome; font-size: 18px; padding-right: 10px; color:#f7792c; } #teaofthemonthbanner .teaofthemonthaction { display:block; width:100%; height:auto; background:#3e1253; background: rgba(62, 18, 83, 0.6); z-index:3; position: relative;} #teaofthemonthbanner .teaofthemonthaction h4 { color: #ffffff; font-size: 36px; line-height: 44px; font-weight: normal; text-transform: uppercase; margin-bottom:0; padding: 22px 20px; } #teaofthemonthbanner .teaofthemonthaction h4 a { color:#f16a18; text-decoration:underline; } #teaofthemonthbanner .teaofthemonthaction h4 a:hover, #teaofthemonthbanner .teaofthemonthaction h4 a:focus { color:#f1a718; } #teaofthemonthbanner .teaofthemonthextra { background: #3e1253 none repeat scroll 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ffffff; display: block; font-style: italic; height: auto; padding: 15px; position: relative; width: 100%; z-index: 3;} @media (max-width: 985px) { #teaofthemonthbanner {height:auto;} #teaofthemonthbanner .teaofthemonthcontent {height:auto;margin-bottom: 20px;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbadge { margin: 0; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 30px 20px 10px; text-align: center; width: 100%; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbadge img { width:214px; height:203px; } #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody { height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 93%; padding: 10px; margin: 0 auto; } #teaofthemonthbanner .teaofthemonthmask { display:none;} #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbody h3 { font: 53px/1.2em "missionscript",Helvetica,sans-serif;} } @media (max-width: 685px) { #teaofthemonthbanner .teaofthemonthcontent .teaofthemonthbadge img { width:184px; height:173px; } } /* feb 2016 update to teashop page */ #featured_tea_cat { /* used for some extra spacing when 2 rows. Comment this margin out when number of teas is 9 or less */ margin:10px !important; height:100px; width:96px; display:inline-block; padding:0; margin:0; box-sizing:border-box; vertical-align: top;} #featured_tea_cat a.featuredtea_black { background-image: url("images/categorycircles.png"); background-position: 22px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_black:hover {background-position: 22px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_green { background-image: url("images/categorycircles.png"); background-position: -97px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_green:hover {background-position: -97px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_white { background-image: url("images/categorycircles.png"); background-position: -217px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_white:hover {background-position: -217px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_unflavored, #featured_tea_cat a.featuredtea_oolong { background-image: url("images/categorycircles.png"); background-position: -338px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_unflavored:hover, #featured_tea_cat a.featuredtea_oolong:hover {background-position: -338px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_caffeinated { background-image: url("images/categorycircles.png"); background-position: -457px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_caffeinated:hover {background-position: -457px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_herbal { background-image: url("images/categorycircles.png"); background-position: -577px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_herbal:hover {background-position: -577px 0px; color:#e5780d;} #featured_tea_cat a.featuredtea_caffeinlow { background-image: url("images/categorycircles.png"); background-position: -697px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_caffeinlow:hover {background-position: -697px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_gifts { background-image: url("images/categorycircles.png"); background-position: -816px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_gifts:hover {background-position: -816px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_accessories { background-image: url("images/categorycircles.png"); background-position: -937px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_accessories:hover {background-position: -937px 0px;color:#e5780d;} #featured_tea_cat a.featuredtea_chai { background-image: url("images/categorycircles.png"); background-position: -1057px 4px; background-repeat: no-repeat; padding-top:63px; text-align:center; display:block; height:auto; text-decoration: none; text-transform: uppercase; color: #6f448e; font-family: futura; font-size: 14px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #featured_tea_cat a.featuredtea_chai:hover {background-position: -1057px 0px;color:#e5780d;} @media (max-width: 985px) { #featured_tea_cat {margin:10px; } } #featured_tea_extralinks { background-color:#e9e9e8; box-sizing: border-box; height: auto; padding: 10px; text-align: center; width: 100%; border: 1px solid #b4b4b4; } /* SALES PAGE ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #sales-page #header {display:none;} #sales-page .page .entry { padding-left: 0; padding-right: 0; } #leadimage {background-image:url("//www.plumdeluxe.com//www.plumdeluxe.com/wp-content/uploads/2014/08/sales-page-banner.jpg"); background-repeat:no-repeat; background-position:center top; width:100%; height:auto; padding-top:0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #sales-page #wrapper { margin: 0 auto; max-width:none; padding: 0 0; width: 1080px; } #leadimage h1 {background-color: rgba(0, 0, 0, 0.4); color: #ffffff; font-family: 'oswald_regular'; font-size: 36px; font-weight: normal; letter-spacing: 1px; padding: 20px 0; text-align: center; text-transform: uppercase; width: 100%; margin-bottom:0;} #salesstrap {background-color:#19150c; width:100%; height:auto;} #salesstrap h2 {color: #ffffff; font: 22px/1.2em "futuramedium",Helvetica,sans-serif; letter-spacing: 2px; padding: 23px 0; text-align: center; text-transform: uppercase; } #dotseparator {width:100%; height:20px; background-image:url("//www.plumdeluxe.com//www.plumdeluxe.com/wp-content/themes/function/images/salesdotbg.jpg"); background-color:#ffffff; background-repeat:repeat-x; } #howitworks {width:100%;margin-top: 60px;margin-bottom: 50px;} #howitworks h2 { font: 42px/1em "futuramedium",Helvetica,sans-serif; color: #593176; text-align:center; width:100%;text-transform: uppercase;letter-spacing: 2px;} .howitworks_block {display:inline-block; width:33%;text-align: center;vertical-align: top;} .howitworks_block img {border:none;} .howitworks_block p {text-align:center;padding: 0 40px;} #subscribeblock {width:100%;margin-top: 30px;} #subscribeblock h2 { font: 42px/1em "futuramedium",Helvetica,sans-serif; color: #593176; text-align:center; width:100%;text-transform: uppercase;letter-spacing: 2px;} #subscribeblock p {text-align:center;padding: 0 40px;} #subscribeblock p.orderby {color:#f06009;font-size: 20px; border-bottom: 1px solid #dddddd;padding-bottom:30px;margin-bottom:15px;} #subscribeboxcontainer {width:100%; display:block; height:auto;text-align:center;margin: 50px 0;} .subscribeboxone {width:42%; display:inline-block; height:auto; background: none repeat scroll 0 0 #efefef; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; border: 1px solid #dddddd; box-sizing:border-box; padding:40px 20px; margin-right: 50px;} #subscribeboxcontainer .subscribeboxone h2 { color: #f06009; font: 32px/1em "oswald_regular"; letter-spacing: 1px; text-align: center; text-transform: uppercase; width: 100%;} #subscribeboxcontainer .subscribeboxone p span {background: none repeat scroll 0 0 #ddd; border: 1px solid #c3c2c2; padding: 5px; font: 22px/1em "futuramedium",Helvetica,sans-serif; letter-spacing: 2px; text-transform:uppercase;} #subscribeboxcontainer .subscribeboxone p {padding: 0;} #subscribeboxcontainer .subscribeboxone a.woo-sc-button {margin:0;} #subscribeboxcontainer .subscribeboxone a.woo-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background-color: #d25e00; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)); background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%); } #subscribeboxcontainer .subscribeboxone a.woo-sc-button.orange:hover { background: #b3420b; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ca6223),color-stop(1, #b3420b)); background: -moz-linear-gradient(center top,#ca6223 20%,#b3420b 100%); } .subscribeboxtwo {width:42%; display:inline-block; height:auto; background: none repeat scroll 0 0 #efefef; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; border: 1px solid #dddddd; box-sizing:border-box; padding:40px 20px;} #subscribeboxcontainer .subscribeboxtwo h2 { color: #f06009; font: 32px/1em "oswald_regular"; letter-spacing: 1px; text-align: center; text-transform: uppercase; width: 100%;} #subscribeboxcontainer .subscribeboxtwo p span {background: none repeat scroll 0 0 #ddd; border: 1px solid #c3c2c2; padding: 5px; font: 22px/1em "futuramedium",Helvetica,sans-serif; letter-spacing: 2px; text-transform:uppercase;} #subscribeboxcontainer .subscribeboxtwo p {padding: 0;} #subscribeboxcontainer .subscribeboxtwo a.woo-sc-button {margin:0;} #subscribeboxcontainer .subscribeboxtwo a.woo-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background-color: #d25e00; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)); background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%); } #subscribeboxcontainer .subscribeboxtwo a.woo-sc-button.orange:hover { background: #b3420b; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ca6223),color-stop(1, #b3420b)); background: -moz-linear-gradient(center top,#ca6223 20%,#b3420b 100%); } #subscribeblock .subscribefoot {width:100%; height:auto; display:block;margin-bottom: 40px;} #subscribeblock .subscribefoot p.canada {text-align:left;display:inline-block; vertical-align: middle; width: 77%;} #subscribeblock .subscribefoot p.gift {text-align:right;display:inline-block;padding: 0;} #subscribeblock .subscribefoot p.gift img {border:none;} #wepurchase {background-image:url("https://www.plumdeluxe.com/wp-content/themes/function/images/grey_speckle_bg.jpg"); background-repeat:repeat; width:100%; height: auto; padding-top: 30px;margin-top: 0px;padding-bottom: 15px;text-align:center;} #wepurchase h3 {font: 36px/1.2em "futura",Helvetica,sans-serif;color: #593176; text-align:center; width:100%; letter-spacing: 0;} #teasubscribe {width:100%;margin-top: 50px;} .teasubscribe_block {display:inline-block; width:33%;text-align: center;vertical-align: top;} .teasubscribe_block img {border:none;} #included_in {background-image:url("images/grey_speckle_bg.jpg"); background-repeat:repeat; width:100%; height: auto; padding-top: 30px;margin-top: 50px;} #included_in h2 { font: 42px/1em "futuramedium",Helvetica,sans-serif; color: #593176; text-align:center; width:100%;text-transform: uppercase;padding-top: 30px;letter-spacing: 2px;} #included_in ul { text-align: center;list-style-type: none;padding-bottom: 50px;} #included_in li {padding-bottom: 10px;} #included_in li::before { content:url("https://www.plumdeluxe.com/wp-content/themes/function/images/teacheck.png"); padding-right: 10px; vertical-align: text-top; } #peoplelove {width:100%;margin-top: 80px;} #peoplelove h2 { background-image:url("images/teaheart.jpg"); background-repeat:no-repeat; background-position:50% 0; padding-top: 45px; font: 42px/1em "futuramedium",Helvetica,sans-serif; color: #593176; text-align:center; width:100%;text-transform: uppercase;letter-spacing: 2px;} .peoplelove_block {display:inline-block; width:33%;text-align: center;vertical-align: top;} .peoplelove_block img {border:none;} .peoplelove_block p {margin: 0 30px 5px; font-family: georgia; font-size: 16px; font-style: italic; text-align: center;} .peoplelove_block p span {font-family:Helvetica, Arial; color:#61377f;font-size:13px; font-style:normal;font-weight: bold;line-height: 50px;} #teafaqs {width:100%;background-color:#f4f2f6; padding-bottom: 50px;} #teafaqs h2 { font: 42px/1em "futuramedium",Helvetica,sans-serif; color: #593176; text-align:center; width:100%;text-transform: uppercase;letter-spacing: 2px;padding-top: 70px;} #teafaqs p {text-align:center;} #teafaqs p.teaquestion {color: #593176; margin-bottom: 5px;padding: 0 40px;} #teafaqs p.teaquestion:before {content: "Q"; padding-right:5px; font-weight:bold;} #teafaqs p.teaanswer { border-bottom: 1px solid #c1b2cd; color: #302f2f; margin: 0 30px 30px; padding: 0 0 30px;} #teafaqs p.teaanswer:before {content: "A"; padding-right:5px; font-weight:bold; color:#d46921;} /* SALES PAGE RESPONSIVE -----------------*/ @media (max-width: 1075px) { #sales-page #wrapper { width: 100%; }} @media (max-width: 1030px) {.howitworks_block {width:32%;} .teasubscribe_block {width:32%;} .peoplelove_block {width: 32%;}} @media (max-width: 985px) {#subscribeblock .subscribefoot p.canada { box-sizing: border-box; display: inline-block; margin-bottom: 10px; text-align: center; vertical-align: middle; width: 100%; } #subscribeblock .subscribefoot p.gift { display: inline-block; padding: 0; text-align: center; width: 100%; }} @media (max-width: 885px) {.howitworks_block {width:32%;}} @media (max-width: 785px) {.howitworks_block {width:32%;}} @media (max-width: 735px) {.howitworks_block {width:100%;} #included_in li {line-height: 20px;} .subscribeboxone {width:82%;margin-right: 0; margin-bottom: 40px;} .subscribeboxtwo {width:82%;}} @media (max-width: 685px) {.teasubscribe_block {width:100%;} .teasubscribe_block img.giveasgift{border-bottom:1px solid #b7b7b7;margin-bottom:20px;}} @media (max-width: 585px) {.peoplelove_block {width: 100%;}} /* ANNOUNCEMENTS WIDGET */ /* hide on email optin page template */ body.page-template-emailoptin-page div.saw_announcements_announcementtop {display:none;} div.saw_announcements_announcementtop { background-image: url("https://plumdeluxe.com/wp-content/themes/function/images/subtlelinepattern.jpg") !important; background-position: 0 0; background-repeat: repeat; box-sizing: border-box; font-size: 17px; font-weight: bold; overflow: hidden; padding: 10px; text-align: center; /* text-transform: uppercase; */ width: 100% !important; height: auto; /* hide by default */ display:none; } body.single-post div.saw_announcements_announcementtop { /* show only on single post */ display:block; } div.saw_announcements_announcementtop:empty, div.saw_announcements_announcementtop.horizontal ul#announcementtop:empty, ul#announcementtop li:empty, ul#announcementtop li span:empty {} div.saw_announcements_announcementtop.horizontal ul#announcementtop { height: auto !important; text-align: center !important; width: 100% !important; } ul#announcementtop li { display: inline-block !important; float: none !important; height: auto !important; width: 100% !important; } ul#announcementtop li span p { margin:0; } ul#announcementtop li a { text-decoration: underline; } ul#announcementtop li a:hover, ul#announcementtop li a:focus { color: #be2bcb; } span.saw_content div#jp-relatedposts {display:none !important;} /* RECIPE THUMBNAILS */ div.riview ul li { background-color: #ededed !important; border-radius: 0 !important; border-color: #ededed !important; } div.riview.light ul li { border-color: #ededed !important; } div.riview ul li div.riback { background-color: transparent !important; } div.riview ul li a img { border-bottom: 7px solid #be2bcb !important; box-sizing: border-box !important; max-width: 100% !important; padding: 0 !important; } div.riview ul li div.rititle.always { height: 35%; } /* END RECIPE THUMBNAILS */ /* end */ /* DESKTOP STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ /* MENU CENTERING STUFF*/ @media (max-width: 1075px) { #navigation ul.nav > li a { padding: 0.618em 1.8em; }} @media (max-width: 975px) { #navigation ul.nav > li a { padding: 0.618em 1.6em; }} @media (max-width: 925px) { #navigation ul.nav > li a { padding: 0.618em 1.4em; }} @media (max-width: 875px) { #navigation ul.nav > li a { padding: 0.618em 1.2em; }} @media (max-width: 825px) { #navigation ul.nav > li a { padding: 0.618em 1em; }} @media (max-width: 768px) { .menus {width: 99%;} ul.nav ul {width: auto;} } /* OVERRIDING MENU CENTERING STUFF*/ @media (max-width: 1075px) { #navigation ul.nav > li a { padding: 0.618em 1.2em; }} @media (max-width: 975px) { #navigation ul.nav > li a { padding: 0.618em 1em; }} @media (max-width: 925px) { #navigation ul.nav > li a { padding: 0.618em 0.8em; }} @media (max-width: 875px) { #navigation ul.nav > li a { padding: 0.618em 0.8em; }} @media (max-width: 825px) { #navigation ul.nav > li a { padding: 0.618em 0.8em; }} /*ARTICLE COLUMN WIDTH AND SOCIAL*/ @media (max-width: 1075px) { .post .article-inner, .type-page .article-inner, .search .type-page .article-inner {width: 74%;}} @media (max-width: 875px) { .post .article-inner, .type-page .article-inner, .search .type-page .article-inner {width: 72%;}} @media (max-width: 768px) { .post .article-inner, .type-page .article-inner, .search .type-page .article-inner { width: 97%; border-left: 0 none; padding-left: 0;} .post .post-meta, .type-page .post-meta { text-align:center; } .post .post-meta li, .type-page .post-meta li { display: inline-block; }} @media (max-width: 600px) { .post .article-inner, .type-page .article-inner, .search .type-page .article-inner { width: 97%; border-left: 0 none; padding-left: 0; }} /*WOOCOMMERCE CHECKOUT PAGE */ @media (max-width: 1034px) { .woocommerce-checkout .page .entry input[type="text"], .woocommerce-checkout .page .entry input.input-text, .woocommerce-checkout .page .entry textarea, .woocommerce-checkout .page .entry input.txt, .woocommerce-checkout .page .entry input[type="tel"], .woocommerce-checkout .page .entry input[type="email"] { width: 100%; } .woocommerce-checkout .page .entry input[id="billing_postcode"] {width: 150px;} .woocommerce-checkout .page .entry input[id="billing_phone"] {width: 300px;} } /*WOOCOMMERCE SINGLE PRODUCT PAGE */ @media (max-width: 1034px) { .single-product .images { float: left; width: 47%; } } @media (max-width: 838px) { #recipe .ingredients img {float:none;}} @media (max-width: 825px) { .upsells ul.products li.product, .related ul.products li.product { /*width: 48.75%;*/ width: 42.75%; }} @media (max-width: 799px) { #navigation ul#main-nav { width:99%; } #navigation { background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); } #navigation ul.nav > li a {box-shadow: 0 0 0 0 #D1C5DB;border-width: 0;text-shadow: none;color:#ffffff; border-bottom: 1px solid #65447e;} #navigation ul.nav > li:last-child a {border-width: 0;box-shadow: 0 0 0 0 #D1C5DB;} #navigation ul.nav > li:hover, #navigation ul.nav > li a:hover { background-color: #E5DFE9; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); color: #ffffff; text-shadow: 0 1px 0 #291B34; } #navigation ul.nav ul { margin-left: 0; border-bottom: 1px solid #65447e; } ul.nav ul li { float: none; } } /* REMOVED by Tweaky on 30.05.2013 */ /*@media only screen and (min-width: 768px) {*/ /* Desktop styles go here */ /*}*/ /* ADDED by Tweaky on 30.05.2013 */ @media (max-width: 767px) { #top { /*width: 94%;*/ width: 100%; } #top ul.nav {margin: 0 0 0;padding-top: 5px;} #top ul.nav li.menu-header-search {display:none;} #top ul.nav li.subscribetab {display:none;} #topsocialicons {float: none;text-align: center;width: 100%;} div.menu-header-search{ width: 100% !important; margin: 0 auto !important; display: block; padding-top: 10px; position: relative; } div.menu-header-search form{ margin: 0 auto !important; float: none !important; } #navigation ul#main-nav { width:99%; } #navigation { background-color: #4c2e62; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); } #navigation ul.nav > li a {box-shadow: 0 0 0 0 #D1C5DB;border-width: 0;text-shadow: none;color:#ffffff; border-bottom: 1px solid #65447e;} #navigation ul.nav > li:last-child a {border-width: 0;box-shadow: 0 0 0 0 #D1C5DB;} #navigation ul.nav > li:hover, #navigation ul.nav > li a:hover { background-color: #E5DFE9; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c2e62), to(#4c2e62)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4c2e62, #4c2e62); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4c2e62, #4c2e62); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4c2e62, #4c2e62); /* IE10 */ background-image: -o-linear-gradient(top, #4c2e62, #4c2e62); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4c2e62, #4c2e62); color: #ffffff; text-shadow: 0 1px 0 #291B34; } #navigation ul.nav ul { margin-left: 0; border-bottom: 1px solid #65447e; } #featurebanner {width: 91%; } #featurebanner h2 {float: left;width: 100%;} #featurebanner h3 {float: left;width: 100%;} #featurebanner img {width: 100%; height:auto; margin-bottom: 20px;} .term-description p {font-size: 18px;} ul.products.grid {width: 100%; margin-top:20px;} .woocommerce-columns-5 ul.products.grid li.product { width: 46.5%; } .single-product .images {width: 95%;} .woocommerce-tabs {float: left; width: 100%;} .single-product .summary { float: left; width: 100%;} .singleshare {float:left; width:100%;} .home-section ul li .item {width: 48.1%;} .upsells ul.products li.product, .related ul.products li.product { /*width: 48.75%;*/ width: 42.75%; } ul.products.list li.product img {height: 100%;} #collectionscontainer { width: 108%;} #collectionsrange {width: 46%;} .related.products { margin-top: 50px; } } @media only screen and (max-width: 680px) {#featurebanner {width: 89%; }} @media only screen and (max-width: 600px) {#featurebanner {width: 88%; }/*#top {width: 92%;}*/} @media only screen and (max-width: 480px) { body {background: black;} /*#top {width: 90%;}*/ #featurebanner {width: 86%; } #homeposts_heading h3 {font: 26px/1em "futuramedium",Helvetica,sans-serif !important;} #seecollectionsbtn a {font: 26px/1em "futuramedium",Helvetica,sans-serif;} .featuredposts { margin-left: 0; margin-bottom: 20px; /*width: 310px;*/ max-width: 100%; } .featuredposts{ margin-left: 0; margin-right: 0; } .term-description {width: 100%;} #woocatimage { float: none; padding: 0px 0px 10px 0px; width: 100%;} .woocommerce-columns-5 ul.products.grid li.product { width: 100%; height:auto; padding-bottom: 12px; } .home-section ul li .item {width: 100%;} ul.products li.product img { height:auto; } .upsells ul.products li.product, .related ul.products li.product { width: 100%; } #collectionscontainer { width: 105%; } #collectionsrange {width: 95%; height:auto;} #collectionsrange img {height: auto;} } @media (max-width: 768px) and (min-width:480px) { .featuredposts { margin-left: 0; margin-bottom: 20px; /*width: 310px;*/ max-width: 49%} .featuredposts:nth-child(2n){ margin-left: 2%; margin-right: 0; } } @media only screen and (min-width: 768px) { /* Desktop styles go here */ div.menu-header-search{ display: none; } } ul.products.grid li.product .price {display:none;} @media (max-width: 495px) { #topsocialicons a.textlink { display: block; width: 95%; margin: 0 auto; } #recipe {background-image:none; border-width:1px; padding: 15px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 4px; /* Firefox 1-3.6 */ -moz-border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 4px;} #recipe h2 { width: 100%;font-size: 28px;font-family: "futura",Helvetica,sans-serif;} } /* Style woocommerce tags */ span.tagged_as { background-color: #EDEDED; padding: 0 0.5em; text-transform: uppercase; font-size: 12px; } span.posted_in { display:none; } /* .single-product .summary .price {display:none !important;} */ /* hiding customer matched zone message */ .woocommerce-message {padding-bottom:15px;} .single-product .summary .onsale {position: inherit;} p.productinfo { background: none repeat scroll 0 0 #efefef; border: 1px solid; display: block; clear:both; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding: 30px; margin-top: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:16px; } /* ALTERNATIVE HOMEPAGE TEMPLATE STYLES ---------------------------------------------- -------------------------------------------------------------------------------------- */ /*intro text */ .alt-template-intro-text { width:100%; height:auto; margin-bottom:2em; text-align:center; } .alt-template-intro-text h3 { font-family: "missionscript",Helvetica,sans-serif; font-size: 3em; text-transform:none; color:#5d3679; line-height: 1.4em; } .alt-template-intro-text h3 span { font-family: "futura",Helvetica,sans-serif; font-size: 0.5em; text-transform:uppercase; display:block; } /* feature banner */ #alt-featurebanner { width:100%; height:auto; display:block; background-color:#2a0b41; color:#ffffff; text-align:center; background-size:cover; background-repeat:no-repeat; box-sizing:border-box; padding:20px; margin: 0 0 2em 0; } #alt-featurebanner h2 { color:#ffffff; font-size: 36px; margin: 1.5em 0.5em 0.5em; } #alt-featurebanner .points { width:80%; margin: 1em 10% 2em; padding: 10px; display:block; box-sizing: border-box; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); font-size:16px; } #alt-featurebanner .points ul { list-style:none; margin-bottom: 0; } #alt-featurebanner .points ul li { display:inline-block; margin: 0 10px; } #alt-featurebanner .points ul li:before { content: "\f05d"; font-family: FontAwesome; font-size: 18px; padding-right: 5px; color: #f7792c; } #alt-featurebanner .feature-btn { display:inline-block; padding: 12px 30px; font-size:20px; text-transform:uppercase; color:#ffffff; text-align:center; background-color:#ff6600; box-sizing:border-box; margin: 0.2em 0 2.3em; } #alt-featurebanner .feature-btn:hover { background-color: #ff9000; } #alt-featurebanner .feature-btn:active, #alt-featurebanner .feature-btn:focus { background-color: #ff9000; outline:none; } /* left and right pull features */ .pull-feature { width: 100%; height: auto; display:block; background: #efefef; box-sizing:border-box; margin-bottom: 2em; overflow:hidden; position:relative; } .pull-feature .text-block { display:inline-block; position:relative; width: 35%; height:auto; box-sizing:border-box; padding: 3.5em 1em; text-align:center; } .pull-feature .text-block h3 { font-size: 2em; } .pull-feature .text-block .feature-btn { display:inline-block; padding: 12px 30px; font-size:20px; text-transform:uppercase; color:#ffffff; text-align:center; background-color:#BE2BCB; background-color:#f35824; box-sizing:border-box; margin: 0.2em 0 2.3em; } .pull-feature .text-block .feature-btn:hover { opacity: 0.8; } .pull-feature .text-block .feature-btn:active, .pull-feature .text-block .feature-btn:focus { background-color: #BE2BCB; background-color:#f35824; outline:none; opacity: 0.8; } .pull-feature .pull-feature-image-link { width: 63%; height:100%; } .pull-feature .pull-feature-image-link .img-block { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; } .pull-feature .pull-feature-image-link:hover .img-block { opacity: 0.75; } .pull-feature.left .text-block { /*float:left;*/ } .pull-feature.left .pull-feature-image-link { float:right; } .pull-feature.right .text-block { left:1%; } .pull-feature.right .pull-feature-image-link { float:left; } .pull-feature .mobile-mask { width:100%; height:100%; position:absolute; left:0; top:0; background:#381a4e; background: rgba(35, 12, 51, 0.7); z-index: 2; display:none; } @media only screen and (max-width: 700px) { .pull-feature .text-block { width: 100%; padding: 3.5em 2em; z-index:3; } .pull-feature .text-block h3 { color: #ffffff; } .pull-feature .mobile-mask { display:block; } .pull-feature .pull-feature-image-link { float:none; position:absolute; left:0; top:0; width:100%; z-index:1; } } @media only screen and (max-width: 410px) { .alt-template-intro-text h3 { font-size: 2.2em; } } @media only screen and (max-width: 360px) { #alt-featurebanner h2 { font-size: 30px; } #alt-featurebanner .points { font-size:14px; } } /* END OF ALTERNATIVE HOMEPAGE TEMPLATE STYLES ------- */ /* FEATURED TEA SIDEBAR ITEM ---------------------------------------------- -------------------------------------------------------------------------------------- */ .featured-tea-sidebar { width:18%; max-width:170px; float:left; height:auto; background-color:#f1f1f0; text-align:center; padding:10px; box-sizing:border-box; } .featured-tea-sidebar.fixed { width:16%; top:10px; position:fixed; } .featured-tea-sidebar.bottom { bottom:0; position:absolute; } /* parent styles to enable the positioning of sidebar element */ .post { position:relative; } .featured-tea-footer { width:100%; height:auto; background-color:#f1f1f0; text-align:center; padding:10px; box-sizing:border-box; border-radius: 15px; margin-bottom: 20px; display:none; } .featured-tea-sidebar h3, .featured-tea-footer h3 { color:#61377f; font-family: 'mission script', ' futura', Helvetica, Arial; font-size: 28px; line-height: 1.5em; margin: 10px 0 5px; } .featured-tea-sidebar h4, .featured-tea-footer h4 { font-size: 1.2em; word-wrap:break-word; } .featured-tea-sidebar h4 a, .featured-tea-footer h4 a { color: #BE2BCB; } .featured-tea-sidebar h4 a:hover, .featured-tea-footer h4 a:hover { color: #BE2BCB; text-decoration:underline; } .featured-tea-sidebar a.featuredteaimage, .featured-tea-footer a.featuredteaimage { display:block; } .featured-tea-sidebar a.featuredteaimage .featured-tea-sidebar-image, .featured-tea-footer a.featuredteaimage .featured-tea-sidebar-image { width: 150px; height: 150px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto; opacity:1; } .featured-tea-sidebar a:hover.featuredteaimage .featured-tea-sidebar-image, .featured-tea-footer a:hover.featuredteaimage .featured-tea-sidebar-image { opacity: 0.8; } .featured-tea-sidebar .featured-tea-sidebar-text{ margin: 20px 0; } .featured-tea-footer .featured-tea-sidebar-text { margin: 20px auto; width: 80%; } .post .post-meta { width:100%; padding: 0; margin: 0; } .post .post-meta li { text-align: left; } @media only screen and (max-width: 1050px) { .featured-tea-sidebar a.featuredteaimage .featured-tea-sidebar-image { width: 100px; height: 100px; } } @media only screen and (max-width: 800px) { .featured-tea-sidebar { display:none; } .featured-tea-footer { display:block; } } @media only screen and (max-width: 430px) { .featured-tea-footer .featured-tea-sidebar-text { width: 90%; } } /* END OF FEATURED TEA SIDEBAR ITEM -------------------------- */ /* REVIEWS WIDGET ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ .reviews-title { font-size:24px; } .reviews-holder { display:block; width:100%; height:300px; background-color:#f6eff7; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; margin: 30px 0px 80px; padding:20px; box-sizing:border-box; position:relative; overflow:visible; } .reviews-holder:before { content: ''; width:61px; height:30px; position:absolute; top:100%; left:10px; display:block; background-image: url('https://plumdeluxe.com/wp-content/themes/function/images/reviews-bubble.png'); background-repeat:no-repeat; background-position: 0 0; } .reviews-holder:after { content: 'Verified Purchase'; font-family:Helvetica,sans-serif; font-style:italic; font-weight:bold; text-transform:uppercase; width:auto; height:auto; padding-left:17px; display:block; font-size:11px; color:#61377f; background-image: url('https://plumdeluxe.com/wp-content/themes/function/images/reviews-verified.png'); background-repeat:no-repeat; background-position: 0 3px; position:relative; top:-7px; } .reviews-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } .reviews-slider-holder { width:100%; height:100%; position:relative; overflow:hidden; } .reviews-slider-holder p.reviews-quote { color:#a436ae; font-style:italic; text-align:center; position:relative; /*top:15%;*/ height:100%; padding: 8% 12% 5%; width:100%; box-sizing:border-box; margin-bottom: 0; } .reviews-slider-holder p.reviews-quote span { font-weight:bold; display:block; width:100%; padding-top:15px; } /* Slide Arrows */ .left-review-arrow, .right-review-arrow { background-color:#ebdfed; color:#62377f; position:absolute; height:40px; width:40px; font-family:'FontAwesome'; font-size:16px; top: 45%; opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .left-review-arrow:hover, .right-review-arrow:hover, .left-review-arrow:focus, .right-review-arrow:focus { opacity:1; cursor:pointer; background-color: #d8cbda; } .left-review-arrow.inactive, .right-review-arrow.inactive {opacity:0.6; pointer-events:none;} .left-review-arrow {left:-10px;} .right-review-arrow {right:-10px;} .left-review-arrow::before, .right-review-arrow::before { content: "\f053"; padding-left: 33%; padding-top: 20%; position: absolute;} .right-review-arrow::before { content: "\f054"; } .submit-review-btn { position:absolute; top:100%; right:0; display:block; width:166px; height:36px; background-color:#ebe1ec; -webkit-border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -ms-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; border:0; text-decoration:none; } .submit-review-btn:hover { background-color:#62377f; } .submit-review-btn a { text-decoration:none; font-family: Helvetica,sans-serif; font-weight:800; text-transform:uppercase; color:#62377f; font-size:11px; position:relative; top:0; left:0; display:block; width:100%; height:100%; box-sizing:border-box; padding: 9px 17px; } .submit-review-btn a:hover { color:#be2bcb; color:#f6eff7; } .submit-review-btn:after { content: '\f0da'; position:absolute; right:13px; top:7px; color:#be2bcb; font-size:14px; font-family:'FontAwesome'; } @media (max-width: 400px) { .reviews-slider-holder p.reviews-quote { font-size:16px !important; } } @media (max-width: 360px) { .reviews-slider-holder p.reviews-quote { font-size:15px !important; } } @media (max-width: 340px) { .reviews-slider-holder p.reviews-quote { font-size:14px !important; } } @media (max-width: 320px) { .reviews-slider-holder p.reviews-quote { font-size:13px !important; } } /* END OF REVIEWS WIDGET ------ */ /* ADD ON PRODUCTS ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ .sfn-cart-addons ul.products li.product { background-color: #efefef; display: inline-block; float: none; margin-right: 2.5%; width: 30%; vertical-align: top; } .sfn-cart-addons ul.products li.product img { border-bottom: 7px solid #be2bcb; height: 200px; max-width: 100%; padding: 0; width: 100%; } .sfn-cart-addons ul.products li.product h3 { color: #4c4c4c; float: left; font-size: 1.2em; font-weight: normal; margin: 0 0 0.382em 0.3em; width: 75%; } .sfn-cart-addons ul.products li.product .price { clear: right; color: #4c4c4c; float: right; margin: 0.14em 0.5em 0; display:none; } @media (max-width: 1095px) { .sfn-cart-addons ul.products li.product {width: 30%;}} @media (max-width: 825px) { .sfn-cart-addons ul.products li.product {width: 47%;}} @media (max-width: 525px) { .sfn-cart-addons ul.products li.product {width: 95%;}} .term-2077.amount:after{ content: "per oz"; text-size: 13px; } @media (max-width: 425px) { .woocommerce-columns-5 ul.products.grid li.product { width: 100%; height:auto; } #featurebanner {width: 82%; } #post-author .profile-image {float: none;width: 102px;} } @media (max-width: 400px) {#featurebanner {width: 80%; } #featurebanner h2 {font: 40px/1em "trajanpro",Helvetica,sans-serif;}/*#top {width: 88%;}*/} @media (max-width: 375px) {#featurebanner {width: 79%; } #featurebanner h2 {font: 40px/1em "trajanpro",Helvetica,sans-serif;}/*#top {width: 87%;}*/} @media (max-width: 325px) { #featurebanner {width: 77%; } #featurebanner h2 {font: 40px/1em "trajanpro",Helvetica,sans-serif;}/*#top {width: 86%;}*/} /* PRODUCT CAT AND TAG RESPONSIVE BLOCKS ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ @media (max-width: 1000px) { ul.products li.product { clear: none; display: inline-block; float: none; margin-bottom: 1.618em; margin-right: 2%; position: relative; vertical-align: top; width: 29.3%; height:auto; } .last { clear: none; margin-right: 2% !important; } ul.products li.product:nth-child(2n) { clear: none; float: none; } .woocommerce-columns-5 ul.products.grid li.product { height: auto;} } #hc_bc ul li span {display:none;} .hc_r_layout_v2_full #hc_r_1 {text-align:center;font-size:17px;} /* turn off qty spinner for firefox */ .quantity .qty { -moz-appearance: textfield; } /* WOOCOMMERCE SINGLE PRODUCT CART TWEAKS ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ .single-product .summary {margin-bottom: 0 !important;} .priceleft {display: inline-block; float: left; margin-right: 0.5em;} .single-product .summary .price { font-size: 2.2em !important; } /*.peroz {font-size: 20px;font-weight: bold;margin-top: -20px;}*/ .peroz {font-size: 20px; font-weight: bold; float: left; display: inline-block; margin-top: -12px; margin-bottom: 12px;} .cart { /*display: inline-block; float: right;*/ width: 100%; margin-bottom: 0; /* fix for full width table */ display: inline-table; float: none; } .variations_form { display: inline-block; width: 100%; margin-bottom: 0; } .single-product .summary .quantity { display: inline-block; margin: 0.53em 1em 1.387em 0; } .single-product .summary .single_add_to_cart_button { display: inline-block; padding: 0.327em 1.387em; } .single_variation_wrap {} .single_variation { display: inline-block; width: auto;} .single_variation .price {} .single-product table.variations {} .single-product table.variations tbody td.label label { font-size: 1.1em; } .variations_button { display: inline-block; float: right;} .cart thead { width: 100% !important; } .shop_table.cart > tbody { width: 100% !important; } @media (max-width: 425px) { .cart { float: none; width: 100%; } .cart thead th { padding: 1em; } .shop_table.cart > tbody td { padding: 1em; font-size: 14px; } table.cart .actions .coupon .button { font-size: 1em; } } .single .article-ad { padding:10px; text-align:center; font-size:18px; background-color: #683b7c; background: url("images/article_banner_desktopbg.jpg"); background-size:cover; color: white; margin-bottom: 15px; font-family: "oswald_regular"; /* text-transform: uppercase; */ } .single .article-ad a { color: #ffe506; /*color: #525252; font-style:normal; font-weight:bold;*/ } /* Cart */ /* Dont forget your sssentials Div and upsell feature box */ .essentials { display:block; background-color:#dddddd; width:48%; height:auto; float:right; margin-bottom: 20px; } .essentials.no-essentials { display:none; } @media only screen and (max-width: 1033px) { .essentials { width:100%; } } .essentials h4.essentialTitle { background-color: #61377f; color: #fff; padding: 12px 0; text-align: center; text-transform: uppercase; width: 100%; font-weight: normal; } .essentials p.essentiallist { text-align: center; width: 100%; margin-bottom: 15px; } .cartbuttons { width:100%; display:block; clear:both; margin-top: 20px; } .upsell { width:48%; float:left; display:block; background-color:#39184f; background:url('https://plumdeluxe.com/wp-content/themes/function/images/somethingnewbg.jpg'); background-size:cover; background-repeat:no-repeat; box-sizing:border-box; padding:30px; } .upsell h4 { color:#ffffff; text-transform:uppercase; font-size:24px; width:100%; display:block; font-weight: normal; } .upsell img { width:105px; height:105px; float:left; margin-right:15px; margin-bottom:15px; border:none; } .upsell p { color:#ffffff; font-size:14px; margin-left:140px; text-align:left; } @media only screen and (max-width: 1033px) { .upsell { width:100%; } } @media only screen and (min-width: 630px) and (max-width: 1033px) { .upsell h4 { font-size:34px; } .upsell p { font-size:17px; } } @media only screen and (max-width: 490px) { .upsell h4 { text-align:center; line-height:30px; } .upsell img { display:none; } .upsell p { text-align:center; margin-left:0px; } } /* END of essentials div and upsell feature box on cart */ /* GRAVITY FORM IN HEADER ---------------------------------------------------------------------- -------------------------------------------------------------------------------------- */ #headersignuptop { margin-top: 0; } #headerarea_form { /*background-color: #61377f;*/ /*purple*/ /* background-color: #f47555;*/ /*orange*/ background-color: #f1f1f2; /*light grey*/ border: medium none; border-radius: 6px; display: inline-block; float: right; padding: 10px 20px; width: 60%; margin-bottom: 20px;} #headerarea_form.postbtm { background-color: #f47555; border: medium none; border-radius: 6px; display: block; float: none; margin-bottom: 20px; padding: 10px 20px; width: 96%; } .headerarea_formheadline { font-family: "Source Sans Pro",sans-serif; font-size: 30px; font-weight: 700; margin: 10px 0; /* text-transform: uppercase; */ color:#ffffff; text-align:center; } .headerarea_formdescription { /*color: #fff;*/ color: #a42fb1; font-family: "futura",Helvetica,sans-serif; font-size: 18px; font-weight: bold; line-height: 1.8; margin: 0; } #headerarea_form.postbtm .headerarea_formdescription { color: #ffffff; font-family: "futura",Helvetica,sans-serif; font-size: 24px; font-weight: bold; line-height: 1.2; margin: 0 0 15px; text-align: center; } #headerarea_form .gform_wrapper { margin:0; max-width: 100%; overflow: inherit; } #headerarea_form.postbtm .gform_wrapper { margin: 0 auto 10px; max-width: 100%; overflow: inherit; width: 80%; } #headerarea_form .gform_wrapper form { margin-bottom: 0; } #headerarea_form .ginput_container { margin-bottom: 0; } #headerarea_form .gform_wrapper ul.gform_fields { background-color:transparent; border-radius: 4px; margin-bottom: 0px !important; overflow: visible; padding: 0; } #headerarea_form .gfield { margin-bottom: 0.2em; } #headerarea_form .gfield_contains_required {background-color:transparent;} #headerarea_form input[type="text"], #headerarea_form input.input-text, textarea, #headerarea_form input.txt, #headerarea_form input[type="tel"], #headerarea_form input[type="email"] { /* background-color: #4e256b;*/ /*purple*/ /* background-color: #e6542d;*/ /*orange*/ /* background-color: #ffffff;*/ /*white*/ /* border: 1px solid #8b5faa;*/ background-color: #ffffff; border: 1px solid #cdc4d3; box-shadow: none; color: #e63509 !important; font-family: arial; font-weight: bold; opacity: 1 !important; text-align: center; width: 100%; } #headerarea_form .gform_wrapper ul.gfield_checkbox {margin:10px 0px;} #headerarea_form .gform_wrapper ul.gfield_checkbox, #headerarea_form .gform_wrapper ul.gfield_radio { text-align: center; width: 100%; /*color: #ffffff;*/ color: #5d337b; } #headerarea_form .gform_wrapper ul.gfield_checkbox li, #headerarea_form .gform_wrapper ul.gfield_radio li { display: inline-block; margin-right: 20px; } #headerarea_form .gfield_label { float: left; width: auto; margin: 0; } #headerarea_form .gform_wrapper .gfield_required { font-family: arial; } .home #headerarea_form .gform_wrapper .gfield_required {color: #ffffff;} #headerarea_form.submit, #headerarea_form input[type="submit"], #headerarea_form input.button { background: #ee610b none repeat scroll 0 0 padding-box !important; box-shadow: 1px 1px 0 0 #4c4c4c !important; color: #ffffff !important; font-family: "futuramedium",Helvetica,sans-serif !important; font-size: 1.2em !important; margin-top: 8px; transition: all 0.2s ease 0s; width: 60% !important; border:none !important; border-radius: 0.2em !important; } #headerarea_form input[type="submit"]:hover { background: none repeat scroll 0 0 padding-box #fa5329 !important; color: #ffffff !important; } #headerarea_form .gform_wrapper .gform_footer { clear: both; margin: 0; padding: 0 0 0.625em; text-align: center; } #header hgroup { position: static; top: 0; } @media (max-width: 825px) { #headerarea_form { box-sizing: border-box; width: 100%; } #headerarea_form.postbtm { width: 100%; } #header #logo { display: block; float: none; margin-bottom: 2em !important; text-align: center; width: 100% !important; } .headerarea_formdescription { color: #a42fb1; font-family: "futuramedium",Helvetica,sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 26px; margin: 6px 0 10px; } #headerarea_form.postbtm .headerarea_formdescription { color: #ffffff; font-family: "futuramedium",Helvetica,sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 26px; margin: 6px 0 10px; } #headerarea_form.postbtm .gform_wrapper { width: 100%; } #headerarea_form.postbtm.submit, #headerarea_form.postbtm input[type="submit"], #headerarea_form.postbtm input.button { width: 100% !important; } } @media (max-width: 685px) { #headerarea_form.submit, #headerarea_form input[type="submit"], #headerarea_form input.button { font-size: 1em !important; width: 100% !important; } .headerarea_formheadline { font-size: 28px; line-height: 32px; margin: 10px 0; } } .stock { text-align:right;font-size:16px;} .term-description p a { text-decoration:underline;color:purple;} #main { width: 100%; } li.post-category { display: none !important; } .post .post-meta li { font-size: 14px; font-weight: 700 !important; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display:none; } @media screen and (min-width: 768px) { #post-author { padding: 30px 15px; } } .woocommerce table.my_account_orders .order-actions { text-align: left; } .woocommerce #reviews #comments ol.commentlist li img.avatar {display:none;} .woocommerce #reviews #comments ol.commentlist li .comment-text {margin:0px;} Time.woocommerce-review__published-date {display:none;} strong.woocommerce-review__author {display:none;} Span.woocommerce-review__dash {display:none;} .comment-form-rating {display:none;} .woocommerce #review_form #respond p {display:none;} .woocommerce-variation-price {display:none;} .woocommerce #reviews #comments ol.commentlist li .comment-text {font-size:16px;} .sumome-react-wysiwyg-component.sumome-react-wysiwyg-inline-popup-background.sumome-react-wysiwyg-background { margin-top: -15px !important; } .woocommerce div.product form.cart .variations select { min-width: 100% !important; }