/* Theme Name: Florista Online - PH Theme URI: muldava.it@gmail.com Description: muldava.it@gmail.com Version: 1 Author: muldava.it@gmail.com Author URI: muldava.it@gmail.com */ h1 {font-family: 'Indie Flower', cursive;} h2 {font-family: 'Indie Flower', cursive;} a {text-decoration: none; color: inherit;} img {cursor: pointer;} .premium {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #F30; background-color: #f1f1f1} .gold {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #FC0; background-color: #f1f1f1} #premium {position: absolute; top: 0; right: 0; background-color: #F30; color: #fff; padding: 5px; font-family: 'Indie Flower', cursive; font-size: 12px;} #gold {position: absolute; top: 0; right: 0; background-color: #FC0; color: #fff; padding: 5px; font-family: 'Indie Flower', cursive; font-size: 12px;} .tbox {position:absolute; display:none; padding:14px 17px; z-index:9999} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/loading.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800} .tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat} .tclose:hover {background-position:0 -30px;} #error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0} #error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px} #success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0} #bluemask {background:#000; position: fixed;} #frameless {padding:0; border-radius: 20px; overflow: hidden; z-index:9999 !important; background-color: transparent; text-align: center;} #frameless .tclose {left:6px} #frameless img {display: block; margin: 0 auto; width: 100% !important; height: auto !important;} #livechat {position: fixed; bottom: 5px; left: 5px; width: 200px; height: 37px; cursor: pointer; display: block; z-index: 9998 !important} #livechat img {height: 100%; width: 100%;} #chatbox {position: fixed; top: 0; left: 0; width: 320px; height: 96%; background-image:url(images/blacker.png); display: none; z-index: 9997 !important; padding: 2%;} #chatbox #thechats {border: 1px solid #fa3c4c; height: 50%; width: 96%; overflow-y: scroll; overflow-x: hidden; background-color: #fff; color: #000; border-radius: 10px; margin: 0 auto 10px; font-size: 80%; padding: 2%;} #chatbox label {font-size: 80%; color: #fff; text-align: center; display: block; margin: 0; padding: 5px;} #chatbox textarea {width: 96%; height: 50px; resize: none; border-radius: 10px; padding: 2%; margin: 0 auto 10px; border: 1px solid #fa3c4c} #chatbox input[type="text"] {width: 96%; display: block; border-radius: 10px; padding: 2%; margin: 0 auto 10px; border: 1px solid #fa3c4c} #chatbox input[type="number"] {width: 96%; display: block; border-radius: 10px; padding: 2%; margin: 0 auto 10px; border: 1px solid #fa3c4c} #chatbox input[type="button"] {cursor: pointer; width: 100%; display: block; border-radius: 10px; padding: 2%; margin: 0 auto 10px; background-color: #fa3c4c; color: #fff; border: 1px solid #970059} #floating-cart {cursor: pointer; position: fixed; top: 5px; right: 5px; height: 70px; width: 50px; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 3px 5px #ccc; z-index: 9999;} #floating-cart img {width: 80%; height: auto; margin: 5px auto; display: block;} #floating-cart span {font-size: 10px; text-align: center; display: block;} body {margin: 0; padding: 0; background-size: 100% 100%; font-family: 'Quicksand', sans-serif; background-attachment: fixed} #shoplink-bar {display: block; background-color: #83a38c; line-height: 30px; height: 30px; width: 100%; z-index: 9999; position: fixed; top: 0; left: 0;} #shoplink-bar form {display: inline-block;} #shoplink-bar input {border-radius: 5px; margin: 0 10px; border: 1px solid #000; cursor: pointer;} #wrapper {width: 100%; max-width: 1280px; margin: 2% auto 0;} #wrapper #header {background-color: #dee8e0; background-position: top right; background-size: auto 100%; background-repeat: no-repeat} #wrapper #header #divider-small {width: 22%; display: inline-block; padding: 2%; vertical-align: top;} #wrapper #header #divider-small img {display: inline-block; width: 50px; height: 50px; cursor: pointer} #wrapper #header #divider-large {width: 42%; display: inline-block; padding: 2%; vertical-align: top; position: relative;} #wrapper #header #divider-large strong {display: block; font-size: 18px; font-weight: normal} #wrapper #header #divider-large .cart {float: right; width: 50px; height: 50px; position: absolute; top: 30%; right: 0; cursor: pointer;} #wrapper #header #divider-large img {height: 50px; width: 50px; float: left; border-radius: 10px; margin-right: 10px;} #wrapper #header #divider-large .logo {height: 70px !important; width: 70px !important} #wrapper #header #divider-small .logo {width: 70px; height: 70px; display: inline-block} #wrapper #header #divider-small h1 {color: #666560; font-size: 46px; display: inline-block; padding: 0; margin: 0; vertical-align: top; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; margin: 0; padding: 0;} #wrapper #header #divider-small h1 strong {color: #666560;} #wrapper #header #menu {position:relative;} #wrapper #header #menu ul.menu {margin: 0; padding: 0; list-style: none; background-color: #a2254d;} #wrapper #header #menu ul.menu li {display: inline-block; padding: 5px 15px; color: #fff; border-right: 1px solid #fff; cursor: pointer} #wrapper #header #menu ul.menu li.highlight {background-color: #a68dad !important; text-decoration: underline} #wrapper #header #menu ul.menu li.red {background-color: #900 !important; text-decoration: underline} #wrapper #header #menu #mobilemenu {display: none; border-top: 5px solid #dee8e0; border-bottom: 5px solid #dee8e0; width: 100%; padding: 2%; border: 1px solid #e9e9e9; margin: 10px auto; background-color: #a2254d; color: #fff; font-family: 'Indie Flower', cursive; font-size: 150%; background-image: url(images/mobile.jpg); background-repeat: no-repeat; background-position: center right; -moz-appearance: none; -webkit-appearance: none; background-size: auto 100%;} #wrapper #header #menu ul.menu li:hover {background-color: #a68dad;} #wrapper #header #menu #currency-set {position: absolute !important; top: 0; right: 0} #wrapper #header #menu #currency-set select {display: block;} #wrapper #column1 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column1 h1 {margin: 0; padding: 0 0 5px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 30px;} #wrapper #column1 ul {margin: 0; padding: 0; list-style: none; font-size: 14px;} #wrapper #column1 ul.nav li {display: block; padding: 5px 15px; background-color: #e8eeea; color: #a2254d; border-bottom: 1px solid #4e9a83; cursor: pointer} #wrapper #column1 ul.nav li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 ul.tags li {display: inline-block; padding: 5px; margin: 3px 0; border: 1px solid #d74268; border-radius: 10px; cursor: pointer; font-size: 10px;} #wrapper #column1 ul.tags li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 img {width: 100%; height: auto; display: block; margin: 0 auto;} #wrapper #column1 #search {margin: 2% auto;} #wrapper #column1 #search input[type="text"] {padding: 2% 4%; width: 91%;} #wrapper #column1 #search input[type="submit"] {display: block; width: 50%; margin: 5px auto; border: 1px solid #765180; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a48daa; cursor: pointer} #wrapper #column1 #search select {padding: 2% 4%; width: 100%; margin: 5px auto;} #wrapper #column1 #search button {display: block; width: 50%; margin: 5px auto; border: 1px solid #765180; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a48daa; cursor: pointer} #wrapper #column1 #tagmobile {display: none; width: 100%; padding: 5% 2%; border: 1px solid #e9e9e9; margin: 10px auto; background-color: #fff; color: #a2254d; background-image: url(images/mobile.png); background-repeat: no-repeat; background-position: center right; -moz-appearance: none; -webkit-appearance: none; background-size: auto 100%;} #wrapper #column2 {width: 59%; padding: 0 1%; vertical-align: top; background-color: transparent; margin-top: 2%; display: inline-block;} #wrapper #column2.page {background-color: #fff; padding-bottom: 50px;} #wrapper #column2 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column2 #product {width: 24.5%; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%; position: relative;} #wrapper #column2 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column2 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column2 #product span {color: #a10; font-weight: bold;} #wrapper #column2 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2 #product #florist {position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; border-radius: 5px;} #wrapper #column2 #product #florist img {width: 100%; height: 100%; border-radius: 5px;} #wrapper #column2.archive {background-color: transparent} #wrapper #column2.archive #product {position: relative; width: 24% !important; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column2.archive #product #florist {position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; border-radius: 5px;} #wrapper #column2.archive #product #florist img {width: 100%; height: 100%; border-radius: 5px;} #wrapper #column2.archive #post-desc {display: block; background-color: #fff; padding: 10px; border-radius: 5px} #wrapper #column2.page #contact-us label {font-family: 'Indie Flower', cursive; font-size: 24px;} #wrapper #column2.page #contact-us textarea {height: 100px;} #wrapper #column2.page #contact-us {margin-bottom: 50px;} #wrapper #column2.page #contact-us span {display: block; width: 100px; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 20px; background-color: #a2254d; cursor: pointer; text-align: center;} #wrapper #column2.page video {display: inline-block; width: 50%; vertical-align: top;} #wrapper #column2 #thumb-review {display: block;} #wrapper #column2 #thumb-review img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column2.my-account {background-color: #fff; padding-bottom: 50px;} #wrapper #column2.my-account #login-form {display: inline-block; width: 45%; vertical-align: top; text-align: center; padding: 0 2%;} #wrapper #column2.my-account #login-form h1 {text-align: center;} #wrapper #column2.my-account #login-form label {display: block; margin: 5px auto; text-align: left; font-weight: bold;} #wrapper #column2.my-account #login-form input[type="text"] {display: block; padding: 5px 10px; margin: 0 auto; border: 1px solid #000; width: 90% !important;} #wrapper #column2.my-account #login-form input[type="password"] {display: block; padding: 5px 10px; margin: 0 auto; border: 1px solid #000; width: 90% !important;} #wrapper #column2.my-account #login-form input[type="number"] {display: block; padding: 5px 10px; margin: 0 auto; border: 1px solid #000; width: 90% !important;} #wrapper #column2.my-account #login-form button {display: block; width: 50%; margin: 10px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.my-account #login-form input[type="submit"] {display: block; width: 50%; margin: 10px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.my-account #login-form span {display: block; margin: 20px auto} #wrapper #column2.my-account table {width: 100%; font-size: 12px;} #wrapper #column2.my-account table .main {background-color: #a2254d; color: #fff;} #wrapper #column2.my-account table .flowershop {background-color: #FF9;} #wrapper #column2.my-account #change-password {display: inline-block;} #wrapper #column2.my-account #sign-out {display: inline-block;} #wrapper #column2.my-account h3 {cursor: pointer;} #wrapper #column2.my-account #paypalrefund {display: block;} #wrapper #column2.my-account #paypalrefund input[type="text"] {padding: 5px; margin: 3px; width: 45%; display: inline-block;} #wrapper #column2.my-account #paypalrefund select {padding: 5px; display: block; margin: 5px auto; width: 100%;} #wrapper #column2.my-account #paypalrefund input[type="submit"] {padding: 5px; margin: 10px auto; display: block; width: 100%;} #wrapper #column2.my-account #admin-chat {display: block; text-align: center;} #wrapper #column2.my-account #admin-chat .short {width: 22%; padding: 1%; display: inline-block;} #wrapper #column2.my-account #admin-chat .long {width: 72%; padding: 1%; display: inline-block;} #wrapper #column2.my-account #admin-chat select {width: 99%; padding: 1%; display: block; margin: 10px auto;} #wrapper #column2.my-account #admin-chat input[type="button"] {width: 49%; padding: 1%; display: inline-block; margin: 10px auto;} #wrapper #column2.my-account #admin-chat #thechats {text-align: left; height: 300px; width: 100%; overflow-y: scroll; overlow-x: hidden; font-size: 80%;} #wrapper #column2.my-account #admin-chat #thechats p {margin: 0; padding: 0;} #wrapper #column2.my-account #admin-chat #thechats span {cursor: pointer; font-weight: bold; color: #fa3c4c; font-size: 14px; text-decoration: underline} #wrapper #column2.my-account #admin-chat #chattabs {color: #fa3c4c; font-size: 80%; font-style: italic; width: 100%; display: block; border: 1px dashed #fa3c4c; text-align: left; margin: 0 auto 10px;} #wrapper #column2.my-account #admin-chat #chattabs ul {list-style: none; margin: 0; padding: 0;} #wrapper #column2.my-account #admin-chat #chattabs ul li {display: inline-block; border-right: 1px dashed #fa3c4c; border-bottom: 1px dashed #fa3c4c; margin: 5px; padding: 5px; cursor: pointer;} #wrapper #column2.my-account #hidden-clients {display: none;} #wrapper #column2.my-account #hidden-registered {display: none;} #wrapper #column2.archive h1 {display: block; background-color: #fff; padding-left: 10px;} #wrapper #column2.archive #page-nav {display: block; background-color: #fff; padding: 5px;} #wrapper #column2 #single-product {display: block;} #wrapper #column2 #single-product hr {border: 1px solid #f1f1f1;} #wrapper #column2 #single-product #block {width: 48%; display: inline-block; vertical-align: top; position: relative; padding: 0.5%;} #wrapper #column2 #single-product #options {display: block; font-size: 12px; text-align: left !important; margin: 1% auto} #wrapper #column2 #single-product #block #product-image {width: 100%; height: auto;} #wrapper #column2 #single-product #block strong {display: block; color: #7b1b3a; text-align: center; margin: 10px 0; font-family: 'Indie Flower', cursive; font-size: 30px;} #wrapper #column2 #single-product #block label {font-family: 'Indie Flower', cursive; font-size: 24px;} #wrapper #column2 #single-product #block #quantity {width: 50px; text-align: center;} #wrapper #column2 #single-product #block span.quantity {border: 1px solid #000; padding: 0 5px; cursor: pointer; font-size: 14px;} #wrapper #column2 #single-product #block input[type="number"] {padding: 5px 10px;} #wrapper #column2 #single-product #block input[type="text"] {padding: 5px 10px;} #wrapper #column2 #single-product select {padding: 5px 0px; width: 100%; display: block} #wrapper #column2 #single-product #block #date-validator {font-size: 12px; color: #a10;} #wrapper #column2 #single-product #block .addons {width: 45px; height: auto; vertical-align: bottom; display: inline-block; padding: 5px; cursor: pointer} #wrapper #column2 #single-product #block #florist {position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; border-radius: 5px;} #wrapper #column2 #single-product #block #florist img {width: 100%; height: 100%; border-radius: 5px;} #wrapper #column2 #single-product #block #disclaimer {font-style: italic; font-size: 10px;} #wrapper #column2 #single-product #block h5 {display: block; color: #7b1b3a; text-align: center; margin: 5px 0; font-family: 'Indie Flower', cursive; font-size: 14px;} #wrapper #column2 #single-product #wholeblock {width: 100%; display: block; vertical-align: top;} #wrapper #column2 #single-product #wholeblock label {font-family: 'Indie Flower', cursive; font-size: 24px;} #wrapper #column2 #single-product #wholeblock textarea {resize: none; width: 98%;} #wrapper #column2 #single-product #wholeblock #card-message {height: 150px; margin: 1% 0; display: block;} #wrapper #column2 #single-product #wholeblock #options {display: block; font-size: 12px; text-align: left !important; margin: 1% auto} #wrapper #column2 #single-product #wholeblock #additional-notes {height: 80px;} #wrapper #column2 #single-product button {display: inline-block; width: 49%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.page table {border: 1px solid #000; width: 100%; padding: 1%} #wrapper #column2.page table td {border: 1px solid #000; width: 98%; padding: 1%} #wrapper #column2.page table tr {border: 1px solid #000; width: 98%; padding: 1%} #wrapper #column2.page table .heading {background-color: #a2254d; color: #fff;} #wrapper #column2.page table .total {background-color: #a2254d; color: #fff; width: 80% !important; font-size: 12px;} #wrapper #column2.page table .subbing {color: #a2254d; font-weight: bold; width: 80% !important; font-size: 12px;} #wrapper #column2.page table .remove-btn {width: 20% !important; cursor: pointer; font-size: 12px;} #wrapper #column2.page table .remove-btn:hover {color: #fff; background-color: #a2254d;} #wrapper #column2.page table .remove-btn:active {color: #fff; background-color: #a2254d;} #wrapper #column2.page table .remove-btn:focus {color: #fff; background-color: #a2254d;} #wrapper #column2.page table .normal {width: 80% !important; font-size: 12px;} #wrapper #column2.page table .highlight {font-weight: bold !important; color: #a10 !important; font-size: 18px;} #wrapper #column2.page table input[type="text"] {display: block; padding: 1%; width: 47%; display: inline-block;} #wrapper #column2.page table input[type="button"] {cursor: pointer; display: block; padding: 1%; width: 47%; color: #fff; background-color: #a2254d; border: 1px solid #7c0f32; display: inline-block;} #wrapper #column2.page table button {cursor: pointer; display: block; padding: 1%; width: 47%; color: #fff; background-color: #a2254d; border: 1px solid #7c0f32; display: inline-block;} #wrapper #column2.page table #thecouponcode {font-size: 12px; color: #000; display: block; margin: 0 auto;} #wrapper #column2.page .wholeblock {width: 100%; vertical-align: top; text-align: center;} #wrapper #column2.page .wholeblock h1 {text-align: left;} #wrapper #column2.page .wholeblock input[type="text"] {display: block; padding: 1%; width: 97%;} #wrapper #column2.page .wholeblock input[type="number"] {display: block; padding: 1%; width: 97%;} #wrapper #column2.page .wholeblock select {display: block; padding: 1% 0; width: 100%;} #wrapper #column2.page .wholeblock label {font-family: 'Indie Flower', cursive; font-size: 12px; color: #a10; padding: 5px 0; display: block; text-align: left;} #wrapper #column2.page .wholeblock button {display: inline-block; width: 32.5%; border: 1px solid #000; background-color: #fff; color: #000; padding: 10px 0; cursor: pointer} #wrapper #column2.page .wholeblock span {display: inline-block; width: 32.5%; border: 1px solid #000; background-color: #a2254d; color: #fff; padding: 10px 0; cursor: pointer; margin-top: 30px;} #wrapper #column2.page .wholeblock button:active {background-color: #a2254d; color: #fff} #wrapper #column2.page .wholeblock button:focus {background-color: #a2254d; color: #fff} #wrapper #column2.page .wholeblock button:hover {background-color: #a2254d; color: #fff} #wrapper #column2.page .wholeblock strong {display: block; margin: 1% auto;} #wrapper #column2.page #billing {width: 100%; display: block; vertical-align: top; padding-bottom: 50px;} #wrapper #column2.page #shipping {width: 100%; display: none; vertical-align: top; padding-bottom: 50px;} #wrapper #column2.page #payment {width: 100%; display: none; vertical-align: top; padding-bottom: 50px; text-align: left} #wrapper #column2.page #payment span {text-align: center;} #wrapper #column2.page #steps {width: 100%; display: block; vertical-align: top; margin: 3% auto; cursor: pointer} #wrapper #column2.contact input[type="text"] {display: block; padding: 1%; width: 98%;} #wrapper #column2.contact input[type="number"] {display: block; padding: 1%; width: 98%;} #wrapper #column2.contact textarea {display: block; padding: 1%; resize: none; width: 98%} #wrapper #column2.reviews h1 {display: block; background-color: #fff; padding-left: 10px;} #wrapper #column2.reviews #product {display: inline-block; width: 32.5%; vertical-align: top;} #wrapper #column2.reviews #product #image-block {width: 100%; display: block; vertical-align: top;} #wrapper #column2.reviews #product #image-block img {width: 100%; height: auto;} #wrapper #column2.reviews #product #text-block {width: 100%; display: block; text-align: left; vertical-align: top; font-size: 8px; font-style: italic} #wrapper #column2.reviews #page-nav {display: block; background-color: #fff; padding: 5px;} #wrapper #column3 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column3 h1 {margin: 0; padding: 0 0 5px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 30px;} #wrapper #column3 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column3 #product {position: relative; width: 100%; display: block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column3 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column3 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 14px; padding: 10px 5px} #wrapper #column3 #product span {color: #a10; font-weight: bold;} #wrapper #column3 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column3 #product #best-seller {position: absolute; top: 0; left: 0%; width: 80px; height: 80px;} #wrapper #column3 #product #best-seller img {width: 100%; height: auto;} #wrapper #article {display: block; background-color: #83a38c; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer {display: block; background-color: #a68bac; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer #divider {width: 32.5%; display: inline-block; vertical-align: top; text-align: center} #wrapper #footer .details .apps {width: 29%; display: inline-block; height: auto;} #wrapper #footer .details .pymethods {width: 40px !important; height: 40px !important; margin: 5px; border-radius: 5px;} #wrapper #footer #divider #reviews {width: 30%; height: auto; display: inline-block;} #wrapper #footer #divider .reviews {font-style: italic !important; font-size: 12px; text-align: left; display: block; padding: 5px 0;} #wrapper #footer #divider .fb-page {height: 100%; wwidth: 100%;} #wrapper #copyright {display: block; text-align: center; font-size: 12px; margin: 1% auto 4%; background-color: #d51d4d; padding: 1% 0; color: #fff} .ui-datepicker .ui-datepicker-prev {background-color: #fff;} .ui-datepicker .ui-datepicker-next {background-color: #fff;} @media only screen and (max-width: 960px) and (min-width: 768px){ #wrapper {width: 100%; max-width: 1280px; margin: 2% auto 0;} #wrapper #header {background-color: #dee8e0; background-position: top right; background-size: auto 100%; background-repeat: no-repeat} #wrapper #header #divider-small {width: 20%; display: inline-block; padding: 2%; vertical-align: top;} #wrapper #header #divider-small img {display: inline-block; width: 40px; height: 40px; cursor: pointer} #wrapper #header #divider-large {width: 46%; display: inline-block; padding: 2%; vertical-align: top;} #wrapper #header #divider-large strong {display: block; font-size: 100%; font-weight: normal} #wrapper #header #divider-small .logo {width: 50px; height: 50px; display: inline-block} #wrapper #header #divider-small h1 {color: #666560; font-size: 44px; display: inline-block; padding: 0; margin: 0; vertical-align: top;} #wrapper #header #divider-small h1 strong {color: #991346;} #wrapper #header #menu ul.menu {margin: 0; padding: 0; list-style: none; background-color: #a2254d;} #wrapper #header #menu ul.menu li {font-size: 120%; display: inline-block; padding: 5px 15px; color: #fff; border-right: 1px solid #fff; cursor: pointer; border-bottom: 1px solid #fff;} #wrapper #header #menu ul.menu li:hover {background-color: #a68dad;} #wrapper #header #menu #mobilemenu {display: none;} #wrapper #header #menu #currency-set {position: absolute !important; top: 0; right: 0; border-right: 0px solid #dee8e0 !important; border-botttom: 0px solid #dee8e0 !important;} #wrapper #column1 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column1 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 20px;} #wrapper #column1 ul {margin: 0; padding: 0; list-style: none;} #wrapper #column1 ul li {display: block; padding: 5px 15px; background-color: #e8eeea; font-size: 12px; color: #a2254d; border-bottom: 1px solid #4e9a83; cursor: pointer} #wrapper #column1 ul li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 #search {margin: 2% auto;} #wrapper #column1 #search input[type="text"] {padding: 1%; width: 98%;} #wrapper #column1 #search button {display: block; width: 50%; margin: 5px auto; border: 1px solid #765180; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a48daa; cursor: pointer} #wrapper #column1 img {width: 100%; height: auto; display: inline-block;} #wrapper #column2 {width: 58%; padding: 0 1%; vertical-align: top; background-color: transparent; margin-top: 2%; display: inline-block;} #wrapper #column2.page {background-color: #fff} #wrapper #column2 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column2 #product {width: 32.5%; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column2 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column2 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column2 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.archive #product {width: 49% !important;} #wrapper #column2 #single-product #block {width: 98%; display: block; vertical-align: top; padding: 1%;} #wrapper #column2 #single-product #block .addons {width: 30px; height: auto; vertical-align: bottom; display: inline-block; padding: 5px; cursor: pointer} #wrapper #header #divider-large .cart {float: right; width: 30px; height: 30px; position: absolute; top: 20%; right: 0;} #wrapper #column3 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column3 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 20px;} #wrapper #column3 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column3 #product {width: 100%; display: block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column3 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column3 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column3 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #article {display: block; background-color: #83a38c; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer {display: block; background-color: #a68bac; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer #divider {width: 32.5%; display: inline-block; vertical-align: top; text-align: center} #wrapper #footer #divider #reviews {width: 30%; height: auto; display: inline-block;} #wrapper #copyright {display: block; text-align: center; font-size: 12px; margin: 1% auto 4%; background-color: #d51d4d; padding: 1% 0; color: #fff} } @media only screen and (max-width: 767px) and (min-width: 480px){ #chatbox {width: 96% !important; padding: 20% 2% !important;} #chatbox #thechats {height: 40% !important;} #wrapper {width: 100%; max-width: 1280px; margin: 2% auto 0;} #wrapper #header {background-color: #dee8e0; background-position: top right; background-size: auto 100%; background-repeat: no-repeat} #wrapper #header #divider-small {width: 20%; display: inline-block; padding: 2%; vertical-align: top;} #wrapper #header #divider-small img {display: inline-block; width: 30px; height: 30px; cursor: pointer} #wrapper #header #divider-large {width: 46%; display: inline-block; padding: 2%; vertical-align: top;} #wrapper #header #divider-large strong {display: block; font-size: 14px; font-weight: normal} #wrapper #header #divider-small .logo {width: 50px; height: 50px; display: inline-block} #wrapper #header #divider-small h1 {color: #666560; font-size: 30px; display: inline-block; padding: 0; margin: 0; vertical-align: top;} #wrapper #header #divider-small h1 strong {color: #991346;} #wrapper #header #menu ul.menu {margin: 0; padding: 0; list-style: none; background-color: #a2254d; text-align: center} #wrapper #header #menu ul.menu li {display: block; padding: 5px 0; color: #fff; border-right: none; border-bottom: 1px solid #fff; cursor: pointer} #wrapper #header #menu ul.menu li.responsive {display: none !important} #wrapper #header #menu #mobilemenu {display: block !important;} #wrapper #header #menu ul.menu li:hover {background-color: #a68dad;} #wrapper #column1 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column1 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 20px;} #wrapper #column1 ul {margin: 0; padding: 0; list-style: none;} #wrapper #column1 ul li {display: block; padding: 5px 15px; background-color: #e8eeea; font-size: 12px; color: #a2254d; border-bottom: 1px solid #4e9a83; cursor: pointer} #wrapper #column1 ul li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 #search {margin: 2% auto;} #wrapper #column1 #search input[type="text"] {padding: 1%; width: 98%;} #wrapper #column1 #search button {display: block; width: 50%; margin: 5px auto; border: 1px solid #765180; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a48daa; cursor: pointer} #wrapper #column1 img {width: 49%; height: auto; display: inline-block;} #wrapper #column1 .tags {display: none;} #wrapper #column1 #tagmobile {display: block;} #wrapper #column2 {width: 58%; padding: 0 1%; vertical-align: top; background-color: transparent; margin-top: 2%; display: inline-block;} #wrapper #column2.page {background-color: #fff} #wrapper #column2 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column2 #product {width: 49%; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column2 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column2 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column2 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.archive #product {width: 49% !important;} #wrapper #column2 #single-product #block {width: 98%; display: block; vertical-align: top; padding: 1%;} #wrapper #column2 #single-product #block .addons {width: 30px; height: auto; vertical-align: bottom; display: inline-block; padding: 5px; cursor: pointer} #wrapper #header #divider-large .cart {float: right; width: 30px; height: 30px; position: absolute; top: 20%; right: 0;} #wrapper #column2.my-account #login-form {display: block; width: 96%; vertical-align: top; text-align: center; padding: 0 2%;} #wrapper #column2.my-account table {width: 100%; font-size: 12px;} #wrapper #column2.my-account table td {display: block;} #wrapper #column2.my-account #admin-chat .short {width: 96%; padding: 1%; display: block;} #wrapper #column2.my-account #admin-chat .long {width: 96%; padding: 1%; display: block;} #wrapper #column3 {width: 17%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column3 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 20px;} #wrapper #column3 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column3 #product {width: 100%; display: block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column3 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column3 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column3 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #article {display: block; background-color: #83a38c; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer {display: block; background-color: #a68bac; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer #divider {width: 32.5%; display: inline-block; vertical-align: top; text-align: center} #wrapper #footer #divider #reviews {width: 30%; height: auto; display: inline-block;} #wrapper #copyright {display: block; text-align: center; font-size: 12px; margin: 1% auto 4%; background-color: #d51d4d; padding: 1% 0; color: #fff} #wrapper #column2.my-account #admin-chat .short {width: 98%; padding: 1%; display: block;} #wrapper #column2.my-account #admin-chat .long {width: 98%; padding: 1%; display: block;} #wrapper #column2.page .wholeblock button {display: inline-block; width: 100%; border: 1px solid #000; background-color: #fff; color: #000; padding: 10px 0; cursor: pointer} #wrapper #column2.page .wholeblock span {display: inline-block; width: 100%; border: 1px solid #000; background-color: #a2254d; color: #fff; padding: 10px 0; cursor: pointer; margin-top: 30px;} #wrapper #header #menu #currency-set {position: relative !important; top: 0; right: 0} #wrapper #header #menu #currency-set select {width: 50%; display: block; margin: 0 auto;} } @media only screen and (max-width: 479px){ #chatbox {width: 96% !important; padding: 20% 2% !important;} #chatbox #thechats {height: 40% !important;} #wrapper {width: 96%; max-width: 1280px; margin: 2% auto 0; padding: 0 2%;} #wrapper #header {background-color: #dee8e0; background-image: none; background-position: top right; background-size: auto 100%; background-repeat: no-repeat} #wrapper #header #divider-small {width: 96%; display: block; padding: 2%; vertical-align: top; text-align: center;} #wrapper #header #divider-small img {display: inline-block; width: 30px; height: 30px; cursor: pointer} #wrapper #header #divider-large {width: 96%; display: block; padding: 2%; vertical-align: top; text-align: center; position: inherit} #wrapper #header #divider-large strong {display: block; font-size: 100%; font-weight: normal} #wrapper #header #divider-small .logo {width: 50px; height: 50px; display: inline-block} #wrapper #header #divider-small h1 {color: #666560; font-size: 60px; display: inline-block; padding: 0; margin: 0; vertical-align: top;} #wrapper #header #divider-small h1 strong {color: #991346;} #wrapper #header #menu ul.menu {margin: 0; padding: 0; list-style: none; background-color: #a2254d; text-align: center} #wrapper #header #menu ul.menu li {display: block; padding: 5px 0; color: #fff; border-right: none; border-bottom: 1px solid #fff; cursor: pointer} #wrapper #header #menu ul.menu li:hover {background-color: #a68dad;} #wrapper #header #menu ul.menu li.responsive {display: none !important} #wrapper #header #menu #mobilemenu {display: block !important;} #wrapper #column1 {width: 98%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: inline-block;} #wrapper #column1 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 30px;} #wrapper #column1 ul {margin: 0; padding: 0; list-style: none;} #wrapper #column1 ul li {display: block; padding: 5px 15px; background-color: #e8eeea; color: #a2254d; border-bottom: 1px solid #4e9a83; cursor: pointer} #wrapper #column1 ul li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 ul.nav {text-align: center;} #wrapper #column1 ul.nav li {display: inline-block; padding: 2%; margin: 1%; font-size: 100%; background-color: #e8eeea; color: #a2254d; border: 1px solid #4e9a83; border-radius: 10px; cursor: pointer} #wrapper #column1 ul.nav li:hover {background-color: #a68dad; color: #fff} #wrapper #column1 #search {margin: 2% auto;} #wrapper #column1 #search input[type="text"] {padding: 1%; width: 98%;} #wrapper #column1 #search button {display: block; width: 50%; margin: 5px auto; border: 1px solid #765180; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a48daa; cursor: pointer} #wrapper #column1 img {width: 49%; height: auto; display: none;} #wrapper #column1 .tags {display: none;} #wrapper #column1 #tagmobile {display: block;} #wrapper #column2.my-account #admin-chat .short {width: 96%; padding: 1%; display: block;} #wrapper #column2.my-account #admin-chat .long {width: 96%; padding: 1%; display: block;} #wrapper #column2 {width: 98%; padding: 0 1%; vertical-align: top; background-color: transparent; margin-top: 2%; display: block;} #wrapper #column2.page {background-color: #fff} #wrapper #column2 #banner {width: 100%; height: auto; margin-bottom: 2%;} #wrapper #column2 #product {width: 49%; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column2 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column2 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column2 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #column2.archive #product {width: 49% !important;} #wrapper #column2 #single-product #block {width: 98%; display: block; vertical-align: top; padding: 1%;} #wrapper #column2 #single-product #block .addons {width: 30px; height: auto; vertical-align: bottom; display: inline-block; padding: 5px; cursor: pointer} #wrapper #header #divider-large .cart {float: right; width: 30px; height: 30px; position: absolute; top: 2%; right: 0;} #wrapper #column2.my-account #login-form {display: block; width: 96%; vertical-align: top; text-align: center; padding: 0 2%;} #wrapper #column2.my-account table {width: 100%; font-size: 12px;} #wrapper #column2.my-account table td {display: block;} #wrapper #column3 {width: 98%; padding: 1%; vertical-align: top; background-color: #e8eeea; margin-top: 2%; display: block;} #wrapper #column3 h1 {margin: 0; padding: 0 0 10px 0; background-color: #a2254d; color: #fff; text-align: center; font-size: 30px;} #wrapper #column3 #banner {width: 49%; display: inline-block; height: auto; margin-bottom: 2%;} #wrapper #column3 #product {width: 49%; display: inline-block; vertical-align: top; background-color: #fff; padding: 2% 0; border-radius: 10px; margin-bottom: 1%;} #wrapper #column3 #product img {width: 80%; height: auto; margin: 0 auto; display: block} #wrapper #column3 #product strong {font-family: 'Indie Flower', cursive; text-align: center; display: block; font-size: 18px; padding: 10px 5px} #wrapper #column3 #product button {display: block; width: 50%; margin: 5px auto; border: 1px solid #7b1b3a; border-radius: 10px; color: #fff; padding: 10px 0; background-color: #a2254d; cursor: pointer} #wrapper #article {display: block; background-color: #83a38c; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer {display: block; background-color: #a68bac; width: 98%; padding: 1%; color: #fff; margin-top: 1%;} #wrapper #footer #divider {width: 100%; display: block; vertical-align: top; text-align: center} #wrapper #footer #divider #reviews {width: 30%; height: auto; display: inline-block;} #wrapper #copyright {display: block; text-align: center; font-size: 12px; margin: 1% auto 4%; background-color: #d51d4d; padding: 1% 0; color: #fff} #wrapper #column2.page .wholeblock button {display: inline-block; width: 100%; border: 1px solid #000; background-color: #fff; color: #000; padding: 10px 0; cursor: pointer} #wrapper #column2.page .wholeblock span {display: inline-block; width: 100%; border: 1px solid #000; background-color: #a2254d; color: #fff; padding: 10px 0; cursor: pointer; margin-top: 30px;} #wrapper #header #menu #currency-set {position: relative !important; top: 0; right: 0} #wrapper #header #menu #currency-set select {width: 50%; display: block; margin: 0 auto;} } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; -moz-animation-delay: 0; -moz-animation-iteration-count: infinite; -o-animation-delay: 0; -o-animation-iteration-count: infinite; -ms-animation-delay: 0; -ms-animation-iteration-count: infinite; animation-delay: 0; animation-iteration-count: infinite; } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; }