/* Globals */ @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes showreadmore { 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes showreadmore { 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes showex { 100% { opacity: 1; } } @keyframes showex { 100% { opacity: 1; } } @-webkit-keyframes showrmbox { 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); } } @keyframes showrmbox { 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .body-font { font-family: "Source Sans Pro", sans-serif; } .title-font { font-family: "Arvo", sans-serif; } body { font-family: "Source Sans Pro", sans-serif; background: white; word-wrap: break-word; } #page { overflow-x: hidden; } .mega-container { background: white; max-width: 1170px; margin: auto; margin-top: 20px; overflow: visible; } a { color: #5b4a9b; cursor: pointer; } a:hover { text-decoration: none; color: #5b4a9b; } .container { margin: auto; } .panel { background: none; } #masthead { color: #333; min-height: 650px; position: relative; overflow-x: hidden; } #masthead .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } #masthead .masthead-container { position: relative; } @media screen and (max-width: 767px) { #masthead .masthead-container { padding: 0; } #masthead .masthead-container:before { content: none; } } #masthead #searchicon { color: white; position: absolute; left: calc(50% - 11px); top: 83px; font-size: 22px; cursor: pointer; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; z-index: 15; transform-origin: bottom; } @media screen and (max-width: 767px) { #masthead #searchicon { display: none; } } #masthead #searchicon:hover { transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); } #masthead #mobile-search { padding: 5px; padding-bottom: 0px; overflow: auto; background: rgba(229, 212, 231, 0.8); } @media screen and (min-width: 768px) { #masthead #mobile-search { display: none; } } #masthead #mobile-search input[type=submit] { display: none; } #masthead #mobile-search label { width: 100%; } #masthead #mobile-search label input[type=search] { width: 100%; background: rgba(153, 153, 153, 0.5); outline: none; color: black; border: none; padding: 8px 5px; text-align: center; } #masthead #mobile-search label input[type=search]::-webkit-input-placeholder { color: #444; } #masthead #mobile-search label input[type=search]:-moz-placeholder { color: #444; } #masthead #mobile-search label input[type=search]::-moz-placeholder { color: #444; } #masthead #mobile-search label input[type=search]:-ms-input-placeholder { color: #444; } #masthead .masthead-inner { display: flex; align-items: stretch; max-height: 175px; } @media screen and (max-width: 767px) { #masthead .masthead-inner { display: block; overflow: initial; max-height: initial; } } #masthead .masthead-inner .site-branding { background: #5b4a9b; right: 5px; position: relative; padding: 30px 0; z-index: 9; margin-right: 60px; } @media screen and (max-width: 767px) { #masthead .masthead-inner .site-branding { right: 0; padding: 20px; text-align: center; } } #masthead .masthead-inner .site-branding .site-title { font-size: 30px; margin: 5px 0; } #masthead .masthead-inner .site-branding .site-title a { color: white; } #masthead .masthead-inner .site-branding .site-description { color: white; font-size: 14px; margin: 5px 0px; } #masthead .masthead-inner .site-branding:before { content: ""; height: 100%; width: 2000px; background: #5b4a9b; position: absolute; left: -2000px; top: 0; } #masthead .masthead-inner .site-branding:after { content: ""; height: 175px; width: 175px; background: rgba(122, 96, 218, 0); position: absolute; right: -180px; top: -57px; border-left: solid 90px #5b4a9b; border-top: solid 90px #5b4a9b; border-bottom: solid 90px transparent; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform-origin: left bottom; border-right: solid 90px transparent; z-index: 7; } @media screen and (max-width: 767px) { #masthead .masthead-inner .site-branding { margin-right: 0; } #masthead .masthead-inner .site-branding:after { content: none; } } #masthead .masthead-inner .social-icons { background: rgba(91, 74, 155, 0.5); float: right; text-align: right; padding: 30px 0; position: relative; margin-left: 60px; } @media screen and (max-width: 767px) { #masthead .masthead-inner .social-icons { text-align: center; padding: 20px; } } #masthead .masthead-inner .social-icons:after { content: ""; height: 100%; top: 0; width: 2000px; background: rgba(91, 74, 155, 0.5); position: absolute; right: -2000px; } #masthead .masthead-inner .social-icons:before { content: ""; height: 175px; width: 175px; background: rgba(91, 74, 155, 0); position: absolute; left: -179px; top: -57px; border-left: solid 89px transparent; border-bottom: solid 90px transparent; border-top: solid 90px rgba(91, 74, 155, 0.5); transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform-origin: bottom right; border-right: solid 90px rgba(91, 74, 155, 0.5); z-index: 5; } @media screen and (max-width: 767px) { #masthead .masthead-inner .social-icons { margin: 0; width: 100%; } #masthead .masthead-inner .social-icons:before { content: none; } #masthead .masthead-inner .social-icons:after { content: none; } } #masthead .social-icons { float: left; } #masthead .social-icons a { font-size: 17px; display: inline-block; color: rgba(255, 255, 255, 0.3); float: none; margin-right: 6px; transition: ease 0.2s; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; -ms-transition: ease 0.2s; -o-transition: ease 0.2s; width: 46px; height: 46px; text-align: center; vertical-align: middle; padding-top: 7px; border: solid 4px rgba(230, 230, 230, 0.3); border-radius: 50%; } #masthead .social-icons a:hover { color: white; border-color: white; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } #top-search { display: inline-block; float: right; padding: 15px 25px; padding-right: 0; margin-left: 5px; padding-left: 5px; } @media screen and (max-width: 991px) { #top-search { float: none; } } #top-search label { margin-bottom: 0; min-width: 300px; } @media screen and (max-width: 768px) { #top-search label { min-width: 150px; } } #top-search input[type=search] { background: #ffffff; border: dashed 1px #737373; border-right: none; padding: 10px 10px; outline: none; width: 100%; } #top-search input[type=search]::-webkit-input-placeholder { color: #4d4d4d; } #top-search input[type=search]:-moz-placeholder { color: #4d4d4d; } #top-search input[type=search]::-moz-placeholder { color: #4d4d4d; } #top-search input[type=search]:-ms-input-placeholder { color: #4d4d4d; } #top-search button { background: #404040; box-shadow: none; border: solid 1px #404040; text-shadow: none; padding: 10px 13px; border-left: none; margin-left: -7px; border-bottom-left-radius: 0; border-top-left-radius: 0; outline: none; color: white; } #masthead.single { min-height: 400px; position: relative; } #masthead.single .in-header-title { font-weight: bold; width: 100%; text-align: center; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8); font-family: "Arvo", sans-serif; margin-top: 119px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform-origin: center center; clear: both; } @media screen and (max-width: 767px) { #masthead.single .in-header-title { margin-top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; padding-top: 40px; padding-bottom: 40px; } #masthead.single .in-header-title h1 { font-size: 22px; } } #masthead.single #mobile-search { position: absolute; width: 100%; bottom: 0; } #top-cart { display: inline-block; float: right; min-width: 100px; padding-top: 18px; } @media screen and (max-width: 991px) { #top-cart { float: none; position: relative; top: 10px; } } #top-cart:hover i { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); } #top-cart i { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; font-size: 34px; float: right; } #top-cart .cart-contents { float: right; margin-left: 10px; font-size: 12px; } #top-cart a { color: white; } #site-logo { display: inline-block; float: left; } #site-logo img { height: 63px; width: auto; } @media screen and (max-width: 768px) { #site-logo { float: none; } } #jumbosearch { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 99; text-align: center; display: none; } #jumbosearch .form { margin-top: 20%; } #jumbosearch .form label { width: 80%; text-align: center; } #jumbosearch .form input[type=search] { background: none; outline: none; padding: 20px; font-size: 28px; border: solid 3px #FFF; background: rgba(0, 0, 0, 0.5); border-radius: 0; color: white; width: 80%; text-align: center; clear: both; } #jumbosearch .form input[type=submit] { display: none; text-transform: uppercase; } #jumbosearch .closeicon { position: absolute; right: 30px; top: 40px; color: #eee; font-size: 37px; padding: 15px; cursor: pointer; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } /* -------- Nav Menu ---------- */ #site-navigation { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; background: rgba(0, 0, 0, 0.5); } #site-navigation ul { /* for the Currently active page */ } #site-navigation ul li a { padding: 20px 12px; color: white; font-weight: 300; font-size: 13px; text-transform: uppercase; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; } #site-navigation ul li:hover a { background: rgba(0, 0, 0, 0.6); } #site-navigation ul li ul li .menu-desc { display: none; } #site-navigation ul li ul.sub-menu, #site-navigation ul li ul.children { background: rgba(0, 0, 0, 0.6); bottom: 100%; display: block; transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; perspective: 1000; box-shadow: none; -webkit-perspective: 1000; transform-origin: bottom; -webkit-transform-origin: bottom; transform: perspective(350px) rotateX(40deg) translateY(-20px) scale(1.1); -webkit-transform: perspective(350px) rotateX(40deg) translateY(-20px) scale(1.1); -moz-transform: perspective(350px) rotateX(40deg); opacity: 0; visibility: hidden; } #site-navigation ul li ul.sub-menu li ul, #site-navigation ul li ul.children li ul { transform-origin: left; -webkit-transform-origin: left; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; left: 100%; top: auto; bottom: 0; opacity: 0; visibility: hidden !important; opacity: 0 !important; -webkit-transform: rotateY(65deg) !important; transform: rotateY(65deg) !important; -moz-transform: rotateY(65deg) !important; } #site-navigation ul li ul.sub-menu li ul li ul, #site-navigation ul li ul.children li ul li ul { display: none !important; } #site-navigation ul li ul.sub-menu li:hover, #site-navigation ul li ul.children li:hover { transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; /* -webkit-transition: 0.2s all ease !important; */ } #site-navigation ul li ul.sub-menu li:hover ul, #site-navigation ul li ul.children li:hover ul { opacity: 1 !important; visibility: visible !important; transform: rotateY(5deg) !important; -webkit-transform: rotateY(5deg) !important; -moz-transform: rotateY(5deg) !important; } #site-navigation ul li ul.sub-menu a, #site-navigation ul li ul.children a { padding: 7px 15px; font-weight: 300; font-size: 11px; background: rgba(31, 31, 31, 0.5); transition: 0.4s background ease, 0.6s padding ease; } #site-navigation ul li ul.sub-menu a:hover, #site-navigation ul li ul.children a:hover { background: black; } #site-navigation ul li ul.sub-menu li:nth-child(odd) a, #site-navigation ul li ul.children li:nth-child(odd) a { background: rgba(20, 20, 20, 0.5); } #site-navigation ul li ul.sub-menu li:nth-child(odd) a:hover, #site-navigation ul li ul.children li:nth-child(odd) a:hover { background: black; } #site-navigation ul li:hover { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; -webkit-transition: 0.4s all ease !important; } #site-navigation ul li:hover ul.sub-menu, #site-navigation ul li:hover ul.children { display: block; transform: rotateX(0deg) translateY(0px) scale(1); -webkit-transform: rotateX(0deg) translateY(0px) scale(1); opacity: 1; visibility: visible; } #site-navigation .fa { padding: 0 5px 0 0; } #site-navigation .menu-desc { font-size: 12px; font-weight: 300; color: #ffffff; display: inline-block; margin-top: -5px; text-transform: lowercase; } .slicknav_menu { display: none; } @media screen and (max-width: 600px) { .slicknav_menu { display: block; } .slicknav_menu .slicknav_menutxt { margin-top: 2px; } #site-navigation ul.menu { display: none; } .slicknav_nav .menu-desc { display: none !important; } .slicknav_nav a { color: #f2f2f2; } .slicknav_nav a:hover { background: #333; color: white; } .slicknav_nav a .fa { margin-right: 5px; } .slicknav_nav li:hover { background: #333; } .slicknav_nav li:hover a { color: white; } .slicknav_nav .slicknav_arrow { display: none; } .slicknav_nav .slicknav_row:hover { background: #333; } .slicknav_menu { background: #1f1f1f; padding: 0 5px; } .slicknav_btn { background: #141414; border: solid 1px #262626; } .slicknav_menutxt { color: white !important; text-shadow: none !important; font-weight: lighter !important; float: right !important; } .slicknav_icon-bar { background-color: #777 !important; position: relative; top: 2px; } .slicknav_menu .slicknav_icon { position: relative; left: -7px; } } #site-navigation.single { clear: both; position: relative; background: none; margin-bottom: 40px; } #site-navigation.single ul li a { color: #333; font-weight: normal; position: relative; padding: 15px 15px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; font-size: 14px; } #site-navigation.single ul li a:after { content: ""; position: absolute; width: 60%; margin-left: 20%; left: 0; bottom: 0; height: 2px; background: #5b4a9b; transition: 0.4s all ease 0.2s; -webkit-transition: 0.4s all ease 0.2s; -moz-transition: 0.4s all ease 0.2s; -ms-transition: 0.4s all ease 0.2s; -o-transition: 0.4s all ease 0.2s; } #site-navigation.single ul li a:hover { background: #f2f2f2; color: #333; transition: 0.4s all ease 0.2s; -webkit-transition: 0.4s all ease 0.2s; -moz-transition: 0.4s all ease 0.2s; -ms-transition: 0.4s all ease 0.2s; -o-transition: 0.4s all ease 0.2s; } #site-navigation.single ul li a:hover:after { transform: translateY(-46px); -webkit-transform: translateY(-46px); -moz-transform: translateY(-46px); -ms-transform: translateY(-46px); -o-transform: translateY(-46px); transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -moz-transition: 0.6s all ease; -ms-transition: 0.6s all ease; -o-transition: 0.6s all ease; background: #473a78; height: 4px; } #site-navigation.single ul li ul { position: absolute; top: 100%; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; transform: perspective(350px) rotateX(5deg) translateY(20px) scale(1); -webkit-transform: perspective(350px) rotateX(5deg) translateY(20px) scale(1); -moz-transform: perspective(350px) rotateX(5deg) translateY(20px) scale(1); -ms-transform: perspective(350px) rotateX(5deg) translateY(20px) scale(1); -o-transform: perspective(350px) rotateX(5deg) translateY(20px) scale(1); } #site-navigation.single ul li ul li a { background: #f2f2f2; color: #333; } #site-navigation.single ul li ul li a:after { content: none; } #site-navigation.single ul li ul li a:hover { background: #ebebeb; } #site-navigation.single ul li ul li:nth-child(odd) a { background: #f2f2f2; } #site-navigation.single ul li ul li:nth-child(odd) a:hover { background: #ebebeb; } #site-navigation.single ul li ul li ul { bottom: auto; top: 0; } #site-navigation.single ul li:hover ul { transition: 0.7s all ease 0.2s; -webkit-transition: 0.7s all ease 0.2s; -moz-transition: 0.7s all ease 0.2s; -ms-transition: 0.7s all ease 0.2s; -o-transition: 0.7s all ease 0.2s; } #site-navigation.single ul li:hover a { background: #f2f2f2; color: #333; } #site-navigation.single ul li:hover a:after { transform: translateY(-46px); -webkit-transform: translateY(-46px); -moz-transform: translateY(-46px); -ms-transform: translateY(-46px); -o-transform: translateY(-46px); transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -moz-transition: 0.6s all ease; -ms-transition: 0.6s all ease; -o-transition: 0.6s all ease; background: #473a78; height: 4px; } /* TOP MENU */ #top-menu { float: right; padding-right: 15px; } @media screen and (max-width: 991px) { #top-menu { float: none; } } @media screen and (max-width: 600px) { #top-menu { float: none; text-align: center; padding: 15px; } } #top-menu ul { list-style: none; margin-bottom: 0; margin-left: 0px; } #top-menu ul ul { display: none; } #top-menu ul li { display: inline; } #top-menu ul li a { padding: 8px 5px; display: inline-block; color: white; font-size: 13px; position: relative; font-weight: normal; z-index: 5; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; } #top-menu ul li a::before { position: absolute; top: 50%; left: 50%; width: 80%; height: 30px; border: 2px solid #d9d9d9; border-radius: 0%; border-top: none; border-right: none; border-left: none; content: ''; opacity: 0; z-index: 4; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); } #top-menu ul li a:hover { color: #e6e6e6; } #top-menu ul li a:hover::before { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); } /* Swiper Coverflow */ #coverflow, #coverflow-posts { position: relative; margin-bottom: 20px; overflow: hidden; } #coverflow .section-title, #coverflow-posts .section-title { margin-left: 25px; margin-bottom: -10px; margin-top: 40px; } #coverflow .swiper-container, #coverflow-posts .swiper-container, #coverflow .swiper-container-posts, #coverflow-posts .swiper-container-posts { width: 100%; padding-top: 50px; padding-bottom: 50px; } #coverflow .swiper-container .swiper-slide, #coverflow-posts .swiper-container .swiper-slide, #coverflow .swiper-container-posts .swiper-slide, #coverflow-posts .swiper-container-posts .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 300px; } #coverflow .product-details, #coverflow-posts .product-details { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } #coverflow h3, #coverflow-posts h3 { background: rgba(51, 51, 51, 0.8); color: white; text-align: center; display: inline-block; padding: 10px; clear: both; font-size: 14px; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } #coverflow h3:hover, #coverflow-posts h3:hover { background: #333; } #coverflow .price, #coverflow-posts .price { background: rgba(255, 255, 255, 0.8); color: #5b4a9b; padding: 9px 5px; padding-bottom: 8px; margin-left: -4px; font-size: 13px; } #coverflow .price del, #coverflow-posts .price del { font-size: 12px; } #coverflow .swiper-pagination-bullet-active, #coverflow-posts .swiper-pagination-bullet-active { background: #5b4a9b; } /* swiper fp - 3d Cube & grid */ #featured-products, #featured-posts { position: relative; padding: 15px; padding-right: 10px; } /* 3d Cube */ .fp-container, .fposts-container { width: auto; height: auto; } .fp-container .swiper-slide .product-details, .fposts-container .swiper-slide .product-details { background: rgba(51, 51, 51, 0.8); text-align: center; position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 7px; color: white; } .fp-container .swiper-slide .product-details ins, .fposts-container .swiper-slide .product-details ins { background: none; } .fp-container .swiper-slide .product-details h3, .fposts-container .swiper-slide .product-details h3 { margin: 0; } @media screen and (max-width: 991px) { .fp-container .swiper-slide .product-details h3, .fposts-container .swiper-slide .product-details h3 { font-size: 14px; } } .swiper-wrapper { margin-bottom: 25px; } /* featured Posts */ .fpfull-container { margin: 20px 0; padding: 0; margin-bottom: 80px; margin-top: 15px; } .fpfull-container .fg-item-container { padding: 0; overflow: hidden; position: relative; } .fpfull-container .fg-item-container .post-details { position: absolute; bottom: 0; padding: 0; width: 100%; } .fpfull-container .fg-item-container .post-details h3 { text-align: center; background: #5b4a9b; color: white; width: 100%; padding: 15px 10px; font-size: 15px; font-style: italic; margin: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .fpfull-container .fg-item-container:hover .post-details h3 { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); } .fposts2 { margin-bottom: 60px; display: block; overflow: auto; clear: both; } .fposts2 .fg-item-container { padding: 2px; position: relative; } .fposts2 .fg-item-container img { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .fposts2 .fg-item-container .post-details { position: absolute; bottom: 2px; left: 2px; right: 2px; background: rgba(0, 0, 0, 0.3); padding: 20px 12px; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .fposts2 .fg-item-container .post-details h3 { color: white; text-transform: uppercase; font-size: 14px; line-height: 1em; margin: 0; font-weight: 300; } .fposts2 .fg-item-container:hover .post-details { opacity: 0; } .fposts2 .fg-item-container:hover img { filter: brightness(0.8); } /* top slider */ .slider-container { margin-top: 20px; margin-bottom: 40px; position: relative; } .slider-container .swiper-slide { position: relative; } .slider-container .swiper-slide img { width: 100%; } .slider-container .slidecaption { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; font-family: inherit; background: none; pointer-events: none; } @media screen and (max-width: 600px) { .slider-container .slidecaption { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); bottom: 15px; left: -50px; } } .slider-container .slidecaption a { text-decoration: none; border-bottom: none; } .slider-container .slidecaption .slide-title { display: inline-block; font-size: 28px; padding: 10px; background: rgba(91, 74, 155, 0.5); border-radius: 5px; color: white; font-weight: normal; } .slider-container .slidecaption .slide-desc span { box-shadow: inset 0 3px 2px rgba(74, 74, 74, 0.3); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); /* border-left: solid 4px black; */ display: inline-block; color: white; font-size: 15px; padding: 8px; } .slider-container .slidecaption .slide-cta span { background: rgba(0, 0, 0, 0.7); font-weight: bold; display: inline-block; font-size: 16px; margin-top: 5px; padding: 10px; border-bottom: solid 2px black; color: white; } /* Flex Images */ .flex-images { border: none; padding: 15px 30px; margin-bottom: 30px; } .flex-images .section-title:after { width: 5%; } .flex-images .item { margin: 6px; border: none; position: relative; } .flex-images .item .viewtext { position: absolute; top: 35%; left: 40%; font-size: 14px; z-index: 9999; display: none; } .flex-images .item img { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .flex-images .item:after { content: ""; position: absolute; display: block; width: 0%; height: 5px; bottom: 0px; background: rgba(91, 74, 155, 0.8); transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .flex-images .item:hover:after { width: 100%; } .flex-images .item:hover img { -webkit-filter: blur(3px) grayscale(0.9); } .flex-images .item:hover .flex-caption { padding-left: 20px; } .flex-images .item:hover .viewtext { display: block; color: #eee; text-shadow: 0 0 2px #000; background: #000; padding: 10px; border-radius: 10px; } .flex-images .flex-caption { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); position: absolute; bottom: 0px; display: block; pointer-events: none; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; width: 100%; color: #eee; font-weight: bold; text-shadow: 1px 1px 0 #222; font-size: 16px; padding: 50px 10px 20px 10px; } /* section titles */ .section-title { font-weight: normal; color: #333; font-size: 20px; margin-bottom: 20px; margin-top: 20px; width: 100%; text-align: center; padding-bottom: 15px; text-transform: uppercase; } @media screen and (max-width: 991px) { .section-title { margin-top: 20px; } } /* Second Featured Area */ .featured-2 { margin: 20px 0; position: relative; } .featured-2 .popular-articles { overflow: auto; overflow-x: hidden; } .featured-2 .popular-articles .imgcontainer { padding: 6px; position: relative; } .featured-2 .popular-articles .popimage { position: relative; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .featured-2 .popular-articles .popimage img { display: block; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } @media screen and (max-width: 991px) { .featured-2 .popular-articles .popimage img { width: 100%; } } .featured-2 .popular-articles .popimage:hover img { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; } .featured-2 .popular-articles .popimage:hover .titledesc { display: block; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); /* left: 0; */ opacity: 1; } .featured-2 .popular-articles .titledesc { display: block; position: absolute; background: rgba(0, 0, 0, 0.6); transition: 0.8s all ease; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; -ms-transition: 0.8s all ease; -o-transition: 0.8s all ease; transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .featured-2 .popular-articles .titledesc h2 { font-size: 16px; text-align: center; color: white; font-weight: bold; } .featured-2 .popular-articles .titledesc a { color: #eee; background: #5b4a9b; text-align: center; display: block; width: 40%; padding: 5px; margin: auto; margin-top: 25px; } .featured-2 .popular-articles .imgcontainer:nth-child(odd) .titledesc { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); } .featured-2 .popular-articles .imgcontainer:nth-child(odd) .popimage:hover img { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } .featured-2 .popular-articles .imgcontainer:nth-child(odd) .popimage:hover .titledesc { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } /* sb slider */ .latest-hap { position: relative; } .sb-slider .sb-description { pointer-events: none; z-index: 88; background: rgba(0, 0, 0, 0.4); border-left-color: #5b4a9b; padding: 10px; } .sb-slider .sb-description h3 { margin: 0; } .nav-arrows { position: absolute; top: 50%; } .nav-arrows a { background-color: rgba(0, 0, 0, 0.5); transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; box-shadow: 0px 0px 1px #5b4a9b; outline: none; } .nav-arrows a:hover { background-color: rgba(91, 74, 155, 0.5); } .nav-arrows a:first-child { right: -535px; } @media screen and (max-width: 1199px) { .nav-arrows a:first-child { right: -435px; } } @media screen and (max-width: 991px) { .nav-arrows a:first-child { right: -675px; } } @media screen and (max-width: 768px) { .nav-arrows a:first-child { display: none; } } .nav-arrows a:nth-child(2) { right: -47px; } @media screen and (min-width: 768px) and (max-width: 991px) { .nav-arrows a:nth-child(2) { right: -57px; } } @media screen and (max-width: 768px) { .nav-arrows a:nth-child(2) { display: none; } } #content { margin-top: 30px; clear: both; overflow: auto; } @media screen and (min-width: 991px) { #content { padding: 0; } } .grid-row { margin: 0; } /* Grid */ .grid { margin: 10px 0; padding-left: 0; padding-bottom: 17px; border-bottom: solid 1px #eee; } @media screen and (max-width: 768px) { .grid { border-bottom: none; } } .grid:nth-last-child(2) { border: none; } .grid .featured-thumb { border-top: #5b4a9b solid 3px; overflow: hidden; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; padding: 0; } @media screen and (max-width: 768px) { .grid .featured-thumb img { width: 100%; } } .grid .featured-thumb img { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .grid .featured-thumb:hover img { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; -moz-filter: brightness(0.9); -webkit-filter: brightness(0.9); filter: brightness(0.9); } @media screen and (max-width: 768px) { .grid .out-thumb { padding: 10px 3px; } } .grid .out-thumb h1 { margin: 5px 0; margin-top: 1px; font-weight: normal; font-size: 19px; } .grid .out-thumb h1 a { color: #000000; padding-bottom: 2px; } .grid .out-thumb h1 a:before { height: 1px; background: #000000; width: 98%; left: 1%; } .grid .out-thumb .postedon { font-size: 12px; color: #aaa; font-weight: lighter; margin-bottom: 5px; } .grid .out-thumb .postedon a { color: #999; text-decoration: underline; } .grid .out-thumb .postedon a:hover { color: #5b4a9b; } .grid .out-thumb .entry-excerpt { color: #777; line-height: 1.6em; font-weight: 400; } .grid .readmore { display: block; clear: both; } .grid .hvr-underline-from-center:before { height: 1px; background: #5b4a9b; } .grid_2_column { padding: 0; border-bottom: none; } .grid_2_column .out-thumb { padding: 12px 0; } @media screen and (max-width: 768px) { .grid_2_column { padding-right: 0px; } } @media screen and (min-width: 768px) { .grid_2_column:nth-child(even) { padding-left: 10px; } .grid_2_column:nth-child(odd) { padding-right: 10px; clear: left; } } .grid_3_column { padding: 0 10px; } @media screen and (min-width: 768px) { .grid_3_column:nth-child(odd) { padding-right: 10px; clear: none; } .grid_3_column:nth-child(3n+1) { clear: left; } } .anim .featured-thumb .entry-header { position: absolute; top: 0; left: 0; padding: 0px; padding-right: 0; margin-top: 0; } .anim .featured-thumb .entry-header .entry-title { font-weight: normal; margin-top: 0; text-shadow: none; font-size: 16px; text-align: center; padding-bottom: 20px; width: 100%; background: -webkit-linear-gradient(top, rgba(91, 74, 155, 0.6), rgba(0, 0, 0, 0)); padding: 10px; } .anim .featured-thumb .entry-header .entry-title a { color: #FFF; } .anim .featured-thumb .entry-header .entry-excerpt { color: #f7f7f7; } .anim .featured-thumb .entry-excerpt p { display: inline-block; margin: 0 0 5px; padding: 0.4em 1em; background: rgba(255, 255, 255, 0.9); color: #333; width: 90%; border-radius: 5px; margin-left: 5%; text-transform: none; font-weight: lighter; pointer-events: none; font-size: 14px; opacity: 0; transform-origin: top; -webkit-transform-origin: top; } .anim .featured-thumb:hover p { -webkit-animation: showex 1s 0.5s forwards linear; } .anim .featured-thumb img { max-width: none; width: 100%; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; } .anim .featured-thumb .out-thumb { margin-bottom: -30px; } .anim .featured-thumb .out-thumb i { color: white; font-size: 22px; position: relative; top: 7px; left: 8px; } .anim .featured-thumb .out-thumb::before, .anim .featured-thumb .readmore { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .anim .featured-thumb .out-thumb::before { position: absolute; right: -21px; bottom: -21px; width: 80px; height: 80px; border: 2px solid #fff; background: rgba(0, 0, 0, 0.5); border-radius: 50%; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); content: ''; opacity: 0; color: white; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .anim .featured-thumb .readmore { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; transform: translate3d(20px, 20px, 0); -webkit-transform: translate3d(20px, 20px, 0); } .anim .featured-thumb:hover { /* .featured-thumb */ } .anim .featured-thumb:hover img { opacity: 1; -webkit-filter: brightness(0.8); transition: 3s all ease; -webkit-transition: 3s all ease; -moz-transition: 3s all ease; -ms-transition: 3s all ease; -o-transition: 3s all ease; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .anim .featured-thumb:hover .out-thumb::before { -webkit-animation: showrmbox 0.2s 1.5s linear forwards; } .anim .featured-thumb:hover .out-thumb .readmore { -webkit-animation: showreadmore; animation: showreadmore; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .store-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .etrigan { padding: 0px; border-bottom: none; background: #ffffff; margin-bottom: 0; margin-top: 0; } .etrigan .featured-thumb { border-top: none; margin: 5px 10px; background: #333; } .etrigan .featured-thumb img { position: relative; bottom: 0; transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -moz-transition: 0.6s all ease; -ms-transition: 0.6s all ease; -o-transition: 0.6s all ease; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); } .etrigan .out-thumb { padding: 15px; position: absolute; bottom: -100px; left: 0; right: 0; background: #333; color: white; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .etrigan .out-thumb h1.entry-title { font-size: 20px; text-align: center; } .etrigan .out-thumb h1.entry-title a { color: white; font-family: "Source Sans Pro", sans-serif; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; } .etrigan:hover .featured-thumb img { bottom: 30px; } .etrigan:hover .out-thumb { bottom: 0; } .plum { position: relative; padding: 15px; border-bottom: none; overflow: hidden; } .plum .plum-container { overflow: hidden; padding: 0; position: relative; } .plum .featured-thumb { border-top: none; overflow: hidden; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; border-right: solid 7px #5b4a9b; } .plum .out-thumb { padding: 15px; background: white; position: absolute; right: 0; top: 15px; bottom: 15px; text-align: right; max-width: 50%; border-left: solid 10px #5b4a9b; opacity: 1; transform: rotate(0deg) scale(1.65) translateX(200px); -webkit-transform: rotate(0deg) scale(1.65) translateX(200px); -moz-transform: rotate(0deg) scale(1.65) translateX(200px); -ms-transform: rotate(0deg) scale(1.65) translateX(200px); -o-transform: rotate(0deg) scale(1.65) translateX(200px); transition: 0.75s all ease; -webkit-transition: 0.75s all ease; -moz-transition: 0.75s all ease; -ms-transition: 0.75s all ease; -o-transition: 0.75s all ease; } @media screen and (max-width: 1199px) { .plum .out-thumb { width: 50%; } } .plum .out-thumb .entry-header { transform: rotate(-15deg) scale(0.7); -webkit-transform: rotate(-15deg) scale(0.7); -moz-transform: rotate(-15deg) scale(0.7); -ms-transform: rotate(-15deg) scale(0.7); -o-transform: rotate(-15deg) scale(0.7); padding: 15px; padding-top: 0; position: relative; height: 100%; top: -12px; } .plum .out-thumb .entry-header .postdate { font-weight: bolder; margin-bottom: 25px; transition: 0.5s all ease 0.6s; -webkit-transition: 0.5s all ease 0.6s; -moz-transition: 0.5s all ease 0.6s; -ms-transition: 0.5s all ease 0.6s; -o-transition: 0.5s all ease 0.6s; opacity: 1; transform-origin: top; } .plum .out-thumb .entry-header .postdate .day, .plum .out-thumb .entry-header .postdate .month { clear: both; } .plum .out-thumb .entry-header .postdate .day { display: block; font-size: 20px; color: #5b4a9b; } .plum .out-thumb .entry-header .postdate .month { text-transform: uppercase; font-size: 11px; } .plum .out-thumb .entry-header h1.entry-title { font-size: 14px; width: calc(100% + 60px); left: -75px; position: absolute; bottom: 0; opacity: 1; transition: 0.5s all ease 0.6s; -webkit-transition: 0.5s all ease 0.6s; -moz-transition: 0.5s all ease 0.6s; -ms-transition: 0.5s all ease 0.6s; -o-transition: 0.5s all ease 0.6s; transform-origin: bottom; } .plum:hover .out-thumb { transform: rotate(15deg) scale(1.65) translateX(0px); -webkit-transform: rotate(15deg) scale(1.65) translateX(0px); -moz-transform: rotate(15deg) scale(1.65) translateX(0px); -ms-transform: rotate(15deg) scale(1.65) translateX(0px); -o-transform: rotate(15deg) scale(1.65) translateX(0px); opacity: 1; } .plum:hover .out-thumb .postdate { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } .plum:hover .out-thumb h1.entry-title { opacity: 1; } .plum:hover .out-thumb a:hover { color: #5b4a9b; } .plum:hover .featured-thumb { transform: scale(1) translateX(-50px); -webkit-transform: scale(1) translateX(-50px); -moz-transform: scale(1) translateX(-50px); -ms-transform: scale(1) translateX(-50px); -o-transform: scale(1) translateX(-50px); filter: brightness(0.8); -webkit-filter: brightness(0.8); transition: 0.6s all ease 0.2s; -webkit-transition: 0.6s all ease 0.2s; -moz-transition: 0.6s all ease 0.2s; -ms-transition: 0.6s all ease 0.2s; -o-transition: 0.6s all ease 0.2s; } /* --------------- pagination ------------ */ .pagination { margin: 20px 0; padding-top: 25px; text-align: center; width: 100%; clear: both; } .pagination ul { list-style: none; display: inline-block; text-align: center; margin-bottom: 0; margin-left: 0px; } .pagination ul > li { display: inline; } .pagination ul > li > a { color: #594898; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .pagination ul > li > a:hover { color: #5b4a9b; background: white; } .pagination .current { background: #5b4a9b; color: white; cursor: auto; } .pagination .current:hover { background: #5b4a9b; color: white; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; margin-right: 5px; background-color: white; border: 1px solid rgba(91, 74, 155, 0.5); border-radius: 3px; display: inline-block; color: #333; } .pagination ul > li > a:hover, .pagination ul > li > span:hover { background: #5b4a9b; color: white; } #secondary { /* aside:nth-child(odd) { background: #fafafa; border: solid 1px #eee; } */ /* Some Styling for Default WordPress Widgets */ /* Pulse Grow */ } #secondary aside { padding: 10px; } #secondary h1.widget-title { font-weight: normal; text-transform: uppercase; color: #333; font-size: 18px; margin-bottom: 20px; margin-top: 0px; text-align: center; } #secondary h1.widget-title:after { content: ""; display: block; width: 30%; margin-left: 35%; height: 2px; margin-top: 14px; background: #5b4a9b; } #secondary .widget { font-size: 14px; } #secondary .widget a { color: #333; font-weight: normal; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } #secondary .widget a:hover { color: #5b4a9b; } #secondary .widget ul { font-size: 13px; margin-left: 0px; } #secondary .widget ul li { list-style: none; border-bottom: solid 1px #f2f2f2; padding: 6px; } #secondary .widget ul li:last-child { border-bottom: none; } #secondary .widget_search { margin-bottom: 20px; } #secondary .widget_search label { width: 100%; } #secondary .widget_search input[type=search] { background: white; border: solid 2px #f4f4f4; border-radius: 0px; padding: 15px; font-size: 16px; padding-bottom: 10px; outline: none; width: 80%; } #secondary .search-submit { display: none; } #secondary .widget_recent_entries ul li:before, #secondary .widget_recent_comments ul li:before, #secondary .widget_categories ul li:before, #secondary .widget_pages ul li:before, #secondary .widget_archive ul li:before, #secondary .widget_meta ul li:before, #secondary .widget_nav_menu ul li:before { content: "\f054"; font-family: "FontAwesome"; color: #737373; font-size: 10px; margin-right: 5px; color: #5b4a9b; } #secondary .widget_recent_entries ul li, #secondary .widget_recent_comments ul li, #secondary .widget_categories ul li, #secondary .widget_pages ul li, #secondary .widget_archive ul li, #secondary .widget_meta ul li, #secondary .widget_nav_menu ul li { transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } #secondary .widget_recent_entries ul li:hover, #secondary .widget_recent_comments ul li:hover, #secondary .widget_categories ul li:hover, #secondary .widget_pages ul li:hover, #secondary .widget_archive ul li:hover, #secondary .widget_meta ul li:hover, #secondary .widget_nav_menu ul li:hover { transform: translateX(2px); -webkit-transform: translateX(2px); -moz-transform: translateX(2px); -ms-transform: translateX(2px); -o-transform: translateX(2px); } #secondary .widget_tag_cloud .tagcloud a, #secondary .widget_product_tag_cloud .tagcloud a { background: #5b4a9b; font-size: 14px !important; text-transform: uppercase; font-weight: lighter; color: #f4f4f4; padding: 7px 5px; margin-bottom: 5px; display: inline-block; } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(0.95); transform: scale(0.95); } } #secondary .tagcloud a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } #secondary .tagcloud a:hover, #secondary .tagcloud a:focus, #secondary .tagcloud a:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } #secondary .widget_plum_rp li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 13px; } #secondary .widget_plum_rp .rp-thumb { width: 52px; float: left; display: inline-block; margin-right: 6px; } #secondary .widget_plum_rp .rp-date { color: #4d4d4d; font-size: 11px; } #secondary button { background: #d9d9d9; color: #333; } #secondary input[type=text], #secondary input[type=search], #secondary textarea { background: #f2f2f2; border: solid 1px #4d3e83; outline: none; color: #333; } #secondary input[type=text]::-webkit-input-placeholder, #secondary input[type=search]::-webkit-input-placeholder, #secondary textarea::-webkit-input-placeholder { color: #404040; } #secondary input[type=text]:-moz-placeholder, #secondary input[type=search]:-moz-placeholder, #secondary textarea:-moz-placeholder { color: #404040; } #secondary input[type=text]::-moz-placeholder, #secondary input[type=search]::-moz-placeholder, #secondary textarea::-moz-placeholder { color: #404040; } #secondary input[type=text]:-ms-input-placeholder, #secondary input[type=search]:-ms-input-placeholder, #secondary textarea:-ms-input-placeholder { color: #404040; } #infinite-handle { text-align: center; margin-bottom: 40px; margin-top: 40px; width: 100%; clear: both; } #infinite-handle span { background: rgba(0, 0, 0, 0); } #infinite-handle span button, #infinite-handle span button:hover { background: #e6e6e6; box-shadow: none; font-size: 15px; font-weight: 300; color: black; text-shadow: none; border-radius: 0px; border-bottom: solid 2px #cccccc; padding: 5px 10px; outline: none; } /* infinite Loader */ span.infinite-loader .spinner { left: 50% !important; } .infinity-end.neverending #main { margin-bottom: 100px; } /* Footer Sidebar */ #footer-sidebar { background: #ddd; border-top: solid 3px #e5d4e7; clear: both; } #footer-sidebar .footer-column { /* Pulse Grow */ } #footer-sidebar .footer-column h1.widget-title { font-weight: normal; font-size: 18px; text-align: center; color: #1a1a1a; border-bottom: solid 1px #e5d4e7; padding-bottom: 15px; text-transform: uppercase; margin-bottom: 10px; } #footer-sidebar .footer-column .widget { color: #ffffff; font-size: 13px; background: white; padding: 15px; margin-top: 25px; border-radius: 5px; border: solid 1px #cccccc; } #footer-sidebar .footer-column .widget a { color: #7463b5; font-weight: normal; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } #footer-sidebar .footer-column .widget a:hover { color: #d1b3d5; } #footer-sidebar .footer-column .widget ul { margin-left: 0px; } #footer-sidebar .footer-column .widget ul li { list-style: none; padding: 5px; } #footer-sidebar .footer-column .widget ul li ul { margin-left: 5px; } #footer-sidebar .footer-column .widget ul li li { margin-left: 2px; border-bottom: none; padding: 2px; } #footer-sidebar .footer-column .widget_tag_cloud .tagcloud a { background: #5b4a9b; font-size: 14px !important; text-transform: uppercase; font-weight: lighter; color: #f4f4f4; padding: 7px 5px; margin-bottom: 5px; display: inline-block; } #footer-sidebar .footer-column .widget_price_filter .ui-slider .ui-slider-handle { background-color: #3d3167; } #footer-sidebar .footer-column .widget_price_filter .ui-slider .ui-slider-range { background-color: #8475bd; } #footer-sidebar .footer-column .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #473a78; } #footer-sidebar .footer-column button { background: #3d3167; color: white; } #footer-sidebar .footer-column input[type=text], #footer-sidebar .footer-column input[type=search], #footer-sidebar .footer-column textarea { background: #4b3d7f; border: solid 1px #473a78; outline: none; color: white; } #footer-sidebar .footer-column input[type=text]::-webkit-input-placeholder, #footer-sidebar .footer-column input[type=search]::-webkit-input-placeholder, #footer-sidebar .footer-column textarea::-webkit-input-placeholder { color: #f2f2f2; } #footer-sidebar .footer-column input[type=text]:-moz-placeholder, #footer-sidebar .footer-column input[type=search]:-moz-placeholder, #footer-sidebar .footer-column textarea:-moz-placeholder { color: #f2f2f2; } #footer-sidebar .footer-column input[type=text]::-moz-placeholder, #footer-sidebar .footer-column input[type=search]::-moz-placeholder, #footer-sidebar .footer-column textarea::-moz-placeholder { color: #f2f2f2; } #footer-sidebar .footer-column input[type=text]:-ms-input-placeholder, #footer-sidebar .footer-column input[type=search]:-ms-input-placeholder, #footer-sidebar .footer-column textarea:-ms-input-placeholder { color: #f2f2f2; } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(0.95); transform: scale(0.95); } } #footer-sidebar .footer-column .tagcloud a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } #footer-sidebar .footer-column .tagcloud a:hover, #footer-sidebar .footer-column .tagcloud a:focus, #footer-sidebar .footer-column .tagcloud a:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } #footer-sidebar .footer-column .widget_plum_rp li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 13px; } #footer-sidebar .footer-column .widget_plum_rp .rp-thumb { width: 52px; float: left; display: inline-block; margin-right: 6px; } #footer-sidebar .footer-column .widget_plum_rp .rp-date { color: #999999; font-size: 11px; } #footer-sidebar .footer-column .widget_recent_entries ul li:before, #footer-sidebar .footer-column .widget_recent_comments ul li:before, #footer-sidebar .footer-column .widget_categories ul li:before, #footer-sidebar .footer-column .widget_pages ul li:before, #footer-sidebar .footer-column .widget_archive ul li:before, #footer-sidebar .footer-column .widget_meta ul li:before, #footer-sidebar .footer-column .widget_nav_menu ul li:before { content: "\f054"; font-family: "FontAwesome"; color: #a6a6a6; font-size: 10px; margin-right: 5px; } #colophon { background: #473a78; padding: 15px 10px 15px 10px; color: #f5f5f5; font-size: 13px; text-align: center; } #colophon a { color: white; text-decoration: underline; } /* Single Posts Area */ #primary { padding: 0; } #primary-mono { padding: 0 10px; } @media screen and (max-width: 767px) { #primary-mono { padding-left: 10px; } } #primary-mono .entry-header { min-width: 100px; overflow: auto; } #primary-mono h1.entry-title { font-weight: normal; color: #333; font-size: 34px; margin-top: 0px; padding: 10px; padding-left: 0; margin-bottom: 0px; } #primary-mono h1.entry-title:after { content: ""; display: block; width: 10%; height: 2px; margin-top: 5px; background: #5b4a9b; } #primary-mono .entry-meta, #primary-mono .entry-footer { font-size: 12px; padding-bottom: 7px; overflow: auto; } #primary-mono .entry-meta a, #primary-mono .entry-footer a { color: #333; text-decoration: underline; } #primary-mono .entry-meta a:hover, #primary-mono .entry-footer a:hover { color: #5b4a9b; } #primary-mono .posted-on, #primary-mono .byline { font-weight: 600; display: block; margin-left: 0; font-size: 13px; text-transform: uppercase; margin-bottom: 6px; color: #5b4a9b; text-align: right; } #primary-mono .posted-on a, #primary-mono .byline a { text-decoration: none; color: #5b4a9b; font-family: "Arvo", sans-serif; } #primary-mono .entry-footer { border-top: solid 1px #f2f2f2; border-bottom: solid 2px #e6e6e6; padding-top: 7px; margin-top: 25px; } #primary-mono .entry-footer .post-edit-link { float: right; } #primary-mono .entry-footer .cat-links { margin-right: 6px; } #primary-mono .entry-content { color: #333; line-height: 1.7em; font-size: 14px; } #primary-mono .nav-links { padding: 10px 0px; padding-top: 20px; border-bottom: solid 2px #e6e6e6; overflow: auto; } #primary-mono .nav-links img { width: 90px; border: solid 5px #f2f2f2; border-radius: 3px; } #primary-mono .nav-links .navl { display: block; clear: both; padding: 10px 0; } #primary-mono .nav-links .navl a { font-weight: normal; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; color: #4d4d4d; font-style: italic; } #primary-mono .nav-links .navl a:hover { color: #5b4a9b; } #primary-mono .nav-links .nav-previous, #primary-mono .nav-links .nav-next { padding: 0; } #primary-mono .product .product_title { display: none; } #primary-mono.page h1.entry-title:after { display: none; } .edit-link { display: inline-block; float: right; } .page-header { margin-top: 0px; border-bottom: none; } .page-header h1 { font-size: 18px; font-weight: lighter; border-bottom: solid 1px #e1e1e1; display: inline-block; padding-bottom: 10px; } /* --------------- comments -------------- */ #respond h3#reply-title { font-weight: bold; font-size: 18px; } #respond input[type=text] { max-width: 550px; } #respond input, #respond textarea { background: #f2f2f2; border: solid 1px #cccccc; color: #333; outline: none; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input, #respond .comment-form-comment input, #respond .comment-form-author textarea, #respond .comment-form-email textarea, #respond .comment-form-url textarea, #respond .comment-form-comment textarea { padding: 4px 5px 5px 10px; border-radius: 0; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #5b4a9b; color: white; border-bottom: solid 1px #5b4a9b; padding: 5px; margin-right: -5px; min-width: 70px; } #respond .comment-form-comment label { margin-bottom: 0px; } #respond .form-submit input[type=submit] { box-shadow: none; text-shadow: none; padding: 10px; background: #ffffff; font-weight: bold; color: #5b4a9b; margin-bottom: 60px; } #respond .comment-notes, #respond .logged-in-as { color: #333; } #comments { margin-top: 55px; } #comments h2.comments-title { font-size: x-large; } #comments ol.comment-list { list-style: none; margin-left: 0px; } #comments li.comment { border: solid 1px #e0e0e0; padding: 10px; margin-top: 15px; list-style: none; background: #f7f7f7; } #comments li.comment .comment-content { color: #333333; font-weight: lighter; } #comments li.trackback { background: #ffffff; padding: 10px; margin-top: 15px; margin-bottom: 15px; border: solid 1px #eee; font-weight: bold; } #comments li.trackback a { font-weight: normal; } #comments .vcard img { border: solid 4px white; border-radius: 5px; margin: 0 10px 10px 0; } #comments .form-allowed-tags { display: none; } #comments .comment-metadata { font-weight: bold; } #comments .comment-metadata time { float: right; color: #b3b3b3; font-weight: lighter; font-style: italic; font-size: 12px; } @media screen and (max-width: 480px) { li.comment { margin-left: -5%; } } /** * Global styles */ p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #5b4a9b; color: white; z-index: 99998; box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); } .admin-bar p.demo_store { top: 32px; } /** * Main WooCommerce styles */ .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: #333 !important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { color: #fff !important; background: red; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f2f2f2; color: #333; list-style: none outside !important; width: auto; overflow: auto; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before { font-family: "FontAwesome"; content: "\f05a"; display: inline-block; position: absolute; top: 1.1em; left: 1.5em; } .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button { float: right; } .woocommerce .woocommerce-message li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li { list-style: none outside !important; padding-left: 0 !important; margin-left: 0 !important; } .woocommerce .woocommerce-message { border-top-color: #8fae1b; } .woocommerce .woocommerce-message:before { font-family: 'FontAwesome'; content: "\f00c"; color: #8fae1b; } .woocommerce .woocommerce-info { border-top-color: #1e85be; } .woocommerce .woocommerce-info:before { color: #1e85be; } .woocommerce .woocommerce-error { border-top-color: #b81c23; } .woocommerce .woocommerce-error:before { content: "\f071"; color: #b81c23; } .woocommerce small.note { display: block; color: #333; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: 1em; text-align: left; color: #333; background: #f5f5f5; border-bottom: solid 1px #e6e6e6; padding: 5px 10px; } .woocommerce .woocommerce-breadcrumb a { color: #5b4a9b; } .woocommerce .woocommerce-breadcrumb .fa { color: #666666; } .woocommerce .quantity .qty { width: 3.331em; text-align: center; } /** * Product loops */ .woocommerce .products ul, .woocommerce ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; } .woocommerce .products ul li, .woocommerce ul.products li { list-style: none outside; } .woocommerce ul.products li.product { background: #f5f5f5; border: solid 1px #e6e6e6; padding: 10px; text-align: center; width: 30.75%; } @media screen and (max-width: 768px) { .woocommerce ul.products li.product { width: 48%; } } .woocommerce ul.products li.product .onsale { position: absolute; top: 5px; right: 5px; background: rgba(91, 74, 155, 0.9); color: white; padding: 10px; z-index: 99; } .woocommerce ul.products li.product .product-desc { text-align: center; } .woocommerce ul.products li.product h3 { padding: 10px; margin: 0; font-size: 16px; color: #333; font-weight: bold; text-align: center; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0; box-shadow: none; border: solid 1px #e6e6e6; -webkit-filter: brightness(0.95); transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .woocommerce ul.products li.product a img:hover { -webkit-filter: brightness(1); } .woocommerce ul.products li.product .button { margin-top: 5px; background: #d9d9d9; color: #262626; padding: 8px 16px; border-radius: 5px; margin-bottom: 5px; display: inline-block; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .woocommerce ul.products li.product .button:hover { background: #5b4a9b; color: white; } .woocommerce ul.products li.product .price { color: #5b4a9b; display: block; font-weight: bold; margin-bottom: .5em; font-size: 14px; } .woocommerce ul.products li.product .price del { color: inherit; opacity: 0.7; } .woocommerce ul.products li.product .price ins { background: none; font-weight: 700; } .woocommerce ul.products li.product .price .from { font-size: 0.67em; margin: -2px 0 0 0; text-transform: uppercase; color: rgba(114, 114, 114, 0.005); } .woocommerce .woocommerce-result-count { margin: 0 0 1em; font-size: 13px; color: #333; font-weight: lighter; } .woocommerce .woocommerce-ordering { margin: 0 0 1em; } .woocommerce .woocommerce-ordering select { vertical-align: top; padding: 20px; position: relative; display: inline-block; background: #f2f2f2; border: solid 1px #e8e8e8; border-radius: 0; } .woocommerce .woocommerce-ordering select:after { content: "\f103"; font-family: "FontAwesome"; color: white; position: absolute; right: 27px; top: 23px; font-size: 18px; } .woocommerce nav.woocommerce-pagination { text-align: center; margin-bottom: 50px; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 3px; text-decoration: none; border: 1px solid #e6e6e6; padding: 0; line-height: 1; font-size: 1em; font-weight: normal; padding: 7px 12px; min-width: 25px; display: block; color: #333; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: #f2f2f2; color: #333; } /** * Star ratings */ .star-rating { float: right; overflow: visible; position: relative; font-size: 18px; display: block; height: 18px; overflow: hidden; font-family: 'FontAwesome'; text-align: center; margin: 1px auto 6px auto !important; width: 78px; } .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #333; top: 0; left: 0; float: left; position: absolute; letter-spacing: 2px; font-size: 15px; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; color: #5b4a9b; top: 0; position: absolute; left: 0; letter-spacing: 2px; font-size: 15px; } .star-rating .rating { display: none; } .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left; } .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .hreview-aggregate .star-rating { margin: 10px 0 0 0; } #review_form #respond { position: static; margin: 0; width: auto; padding: 0 0 0; background: transparent none; border: 0; } #review_form #respond p { margin: 0 0 10px; } #review_form #respond .form-submit input { left: auto; } #review_form #respond textarea { width: 100%; } p.stars { position: relative; font-size: 1em; } p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; } p.stars a:last-child { border-right: 0; } p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5 { border-right: 1px solid #ccc; } p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after { font-family: "FontAwesome"; text-indent: 0; position: absolute; top: 0; left: 0; } p.stars a.star-1 { width: 2em; } p.stars a.star-1:after { content: "\f006"; } p.stars a.star-1:hover:after, p.stars a.star-1.active:after { content: "\f005"; } p.stars a.star-2 { width: 3em; } p.stars a.star-2:after { content: "\f006\f006"; } p.stars a.star-2:hover:after, p.stars a.star-2.active:after { content: "\f005\f005"; } p.stars a.star-3 { width: 4em; } p.stars a.star-3:after { content: "\f006\f006\f006"; } p.stars a.star-3:hover:after, p.stars a.star-3.active:after { content: "\f005\f005\f005"; } p.stars a.star-4 { width: 5em; } p.stars a.star-4:after { content: "\f006\f006\f006\f006"; } p.stars a.star-4:hover:after, p.stars a.star-4.active:after { content: "\f005\f005\f005\f005"; } p.stars a.star-5 { width: 6em; border: 0; } p.stars a.star-5:after { content: "\f006\f006\f006\f006\f006"; } p.stars a.star-5:hover:after, p.stars a.star-5.active:after { content: "\f005\f005\f005\f005\f005"; } ol.commentlist { margin-left: 0; } /** * Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #333; background-color: #ebebeb; border: 0; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce #respond input#submit.loading { opacity: 0.25; padding-right: 2.618em; } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce #respond input#submit.loading:after { font-family: "FontAwesome"; content: "\f110"; margin-left: .53em; vertical-align: bottom; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after, .woocommerce #respond input#submit.added:after { font-family: 'FontAwesome'; content: "\f00c"; margin-left: .53em; vertical-align: bottom; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { text-decoration: none; background-image: none; color: #333; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background-color: #5b4a9b; color: #333; -webkit-font-smoothing: antialiased; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover { color: #333; } .woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce button.button.alt:disabled, .woocommerce input.button.alt:disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover { background-color: #5b4a9b; color: #333; } .woocommerce a.button:disabled, .woocommerce button.button:disabled, .woocommerce input.button:disabled, .woocommerce #respond input#submit:disabled, .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce input.button.disabled, .woocommerce #respond input#submit.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: 0.5; } .woocommerce a.button:disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { color: inherit; background-color: #333; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { margin-top: 5px; background: #d9d9d9; color: #262626; padding: 5px 13px; border-radius: 5px; margin-bottom: 5px; font-size: 13px; font-weight: bold; display: inline-block; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; } .woocommerce a.added_to_cart:hover { background: #5b4a9b; color: white; } /** * Product Page */ .woocommerce .panel { box-shadow: none; } .woocommerce div.product { margin-bottom: 0; position: relative; /** * to display related posts in 3 Columns */ } @media screen and (min-width: 768px) { .woocommerce div.product .images { width: 40% !important; } } .woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0; } .woocommerce div.product .entry-summary { margin-top: 0px; color: #333; } @media screen and (min-width: 768px) { .woocommerce div.product .entry-summary { width: 56% !important; } } .woocommerce div.product h1.product_title { padding-top: 0; } .woocommerce div.product .star-rating { height: 23px; } .woocommerce div.product .woocommerce-review-link { color: #333; padding: 4px; position: relative; top: 2px; } .woocommerce div.product .single_add_to_cart_button { background: #ebebeb; border: solid 1px #e6e6e6; padding: 8px 10px; } .woocommerce div.product span.price, .woocommerce div.product p.price { color: #5b4a9b; font-size: 1.25em; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins { background: inherit; font-weight: 700; } .woocommerce div.product span.price del, .woocommerce div.product p.price del { opacity: 0.5; display: block; } .woocommerce div.product > span.onsale { background: rgba(91, 74, 155, 0.8); padding: 10px; color: white; position: absolute; top: 5px; left: 5px; } .woocommerce div.product form.cart { overflow: auto; margin-bottom: 10px; } .woocommerce div.product form.cart .quantity .qty { padding: 5px; border-radius: 3px; outline: none; border: solid 1px #e6e6e6; } .woocommerce div.product .product_meta { clear: both; border-top: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; padding: 5px 0px; margin-top: 5px; } .woocommerce div.product p.stock { font-size: 0.92em; } .woocommerce div.product .stock { color: #5b4a9b; } .woocommerce div.product .out-of-stock { color: red; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 5px; } .woocommerce div.product div.images { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 0 0 2px; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .woocommerce div.product div.social iframe { float: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #e6e6e6; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; margin: 0 -5px; padding: 0 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: #ededed; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 0; font-weight: 700; color: #333; text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #4d4d4d; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #ededed; z-index: 2; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #333; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #333; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #e6e6e6; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce div.product .related h2, .woocommerce div.product .upsells.products h2, .woocommerce div.product .cross-sells h2 { font-size: 17px; font-weight: bold; } .woocommerce div.product .related ul.products, .woocommerce div.product .upsells.products ul.products, .woocommerce div.product .cross-sells ul.products, .woocommerce div.product .related ul, .woocommerce div.product .upsells.products ul, .woocommerce div.product .cross-sells ul { margin-bottom: 0; } .woocommerce div.product .related ul.products li.product, .woocommerce div.product .upsells.products ul.products li.product, .woocommerce div.product .cross-sells ul.products li.product, .woocommerce div.product .related ul li.product, .woocommerce div.product .upsells.products ul li.product, .woocommerce div.product .cross-sells ul li.product { width: 30.75%; margin-bottom: 20px; } .woocommerce div.product p.cart { margin-bottom: 2em; } .woocommerce div.product form.cart { margin-bottom: 10px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 0 0; } .woocommerce div.product form.cart table { border-width: 0 0 1px 0; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; } .woocommerce div.product form.cart .variations label { font-weight: bold; color: #333; font-size: 16px; display: inline-block; padding-right: 0; padding-top: 1px; } .woocommerce div.product form.cart .variations select { width: 100%; float: left; } .woocommerce div.product form.cart .variations .reset_variations { font-weight: lighter; font-size: x-small; padding-left: 5px; } .woocommerce div.product form.cart .variations td.label { padding-right: 0; display: inline-block; } .woocommerce div.product form.cart .variations td { vertical-align: top; } .woocommerce div.product form.cart .variations #pa_color { background: #ebebeb; border: solid 1px #e6e6e6; outline: none; width: auto; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } /** * Reviews */ .woocommerce #comments { margin-top: 0px; } .woocommerce h3#review-title { font-size: 16px; } .woocommerce #reviews h2 { font-size: 15px; font-weight: bold; margin-top: 5px; } .woocommerce #reviews .comment_container img { float: left !important; margin-right: 10px; } .woocommerce #reviews .comment_container .comment-text { display: block; overflow: auto; } /** * Cart page */ .woocommerce-cart table.cart .product-thumbnail { min-width: 100px; } .woocommerce-cart table.cart img { width: 100px; box-shadow: none; } .woocommerce-cart table.cart th, .woocommerce-cart table.cart td { vertical-align: middle; } .woocommerce-cart table.cart td.actions .coupon .input-text { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 1px solid #e6e6e6; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0; line-height: 1; } .woocommerce-cart table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout { padding: 1em 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; text-align: center; float: right; margin-bottom: 1em; background: #e6e6e6; font-weight: bold; } .woocommerce-cart .cart-collaterals .cross-sells h2 { font-size: 15px; font-weight: bold; } .woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator .button { float: none; display: inline-block; } .woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button { font-weight: lighter; font-size: 12px; } .woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button:after { /* icon here */ content: "\f072"; font-family: "FontAwesome"; padding-left: 5px; position: relative; top: 2px; font-size: 15px; color: #333; } .woocommerce-cart .cart-collaterals .cart_totals h2 { font-size: 15px; font-weight: bold; } .woocommerce-cart .cart-collaterals .cart_totals p small { color: $content; font-size: 0.83em; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 6px; padding: 0; border-left: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 6px 12px 0 0; width: 25%; } .woocommerce-cart .cart-collaterals .cart_totals table td { padding: 6px 0; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; padding: 6px 0; line-height: 2em; } .woocommerce-cart .cart-collaterals .cart_totals table small { color: #333; } .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #5b4a9b; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid #f2f2f2; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product h3 { font-size: 13px; } /** * Tables */ table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 1.618em; width: 100%; } table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5; } table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5; } table.shop_attributes td p { margin: 0; padding: 8px 0; } table.shop_attributes .alt td, table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.025); } table.shop_table { border: 1px solid #e6e6e6; margin: 0px -1px 24px 0px; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } table.shop_table th { font-weight: 700; padding: 9px 12px; } table.shop_table td { border-top: 1px solid #e6e6e6; padding: 6px 12px; vertical-align: middle; } table.shop_table td small { font-weight: normal; } table.shop_table tbody:first-child tr:first-child th, table.shop_table tbody:first-child tr:first-child td { border-top: 0; } table.shop_table tbody tr:nth-of-type(odd) { background: #f7f7f7; } table.shop_table #coupon_code { width: 100px !important; } table.shop_table tfoot td, table.shop_table tfoot th, table.shop_table tbody th { font-weight: 700; border-top: 1px solid rgba(0, 0, 0, 0.1); } table.my_account_orders { font-size: 0.85em; } table.my_account_orders th, table.my_account_orders td { padding: 4px 8px; vertical-align: middle; } table.my_account_orders .button { white-space: nowrap; } table.my_account_orders .order-actions { text-align: right; } table.my_account_orders .order-actions .button { margin: .125em 0 .125em .25em; } td.product-name dl.variation { margin: .25em 0; } td.product-name dl.variation dt, td.product-name dl.variation dd { display: inline-block; float: left; margin-bottom: 1em; } td.product-name dl.variation dt { font-weight: 700; padding: 0 0 .25em 0; margin: 0 4px 0 0; clear: left; } td.product-name dl.variation dd { padding: 0 0 .25em 0; } td.product-name dl.variation dd p:last-child { margin-bottom: 0; } td.product-name p.backorder_notification { font-size: 0.83em; } td.product-quantity { min-width: 80px; } /** * Forms */ form ::-webkit-input-placeholder { position: relative; top: 2px; } form ::-moz-input-placeholder { position: relative; top: 2px; } form .form-row { padding: 3px; margin: 0 0 6px; } form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } form .form-row label { line-height: 2; } form .form-row label.hidden { visibility: hidden; } form .form-row label.inline { display: inline; } form .form-row select { cursor: pointer; margin: 0; } form .form-row .required { color: red; font-weight: 700; border: 0; } form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } form .form-row input.input-text, form .form-row textarea { width: 100%; margin: 0; outline: 0; line-height: 1; background: #f7f7f7; border: solid 1px #ebebeb; } form .form-row select { background: white; border: solid 1px #ebebeb; outline: none; } form .form-row textarea { height: 4em; line-height: 1.5; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form .form-row .select2-container { width: 100%; line-height: 2em; } form .form-row.woocommerce-invalid .select2-container, form .form-row.woocommerce-invalid input.input-text, form .form-row.woocommerce-invalid select { border-color: red; } form.login, form.checkout_coupon, form.register { border: 1px solid #e6e6e6; padding: 10px; padding-top: 15px; margin: 1em 0 1em 0px; text-align: left; border-radius: 5px; } form.login .input-text, form.checkout_coupon .input-text, form.register .input-text { padding: 5px; padding-top: 6px; } form.login .form-row-last, form.checkout_coupon .form-row-last, form.register .form-row-last { float: left; } ul#shipping_method { list-style: none outside; margin: 0; padding: 0; } ul#shipping_method li { margin: 0; padding: .25em 0 .25em 22px; text-indent: -22px; list-style: none outside; } ul#shipping_method .amount { font-weight: 700; } p.woocommerce-shipping-contents { margin: 0; } /** * Checkout */ .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } .woocommerce-checkout .checkout .col-2 .notes { clear: left; } .woocommerce-checkout .checkout .col-2 .form-row-first { clear: left; } .woocommerce-checkout .checkout .create-account small { font-size: 11px; color: $subtext; font-weight: normal; } .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .woocommerce-checkout .checkout .shipping_address { clear: both; } .woocommerce-checkout #payment { background: white; border-radius: 5px; } .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #e6e6e6; margin: 0; list-style: none outside; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: normal; } .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-checkout #payment ul.payment_methods li img + img { margin-left: 2px; } .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce-checkout #payment div.payment_box { position: relative; width: 96%; padding: 1em 2%; margin: 1em 0 1em 0; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #f2f2f2; color: #333; } .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: #d9d9d9; border-top-color: #cccccc; } .woocommerce-checkout #payment div.payment_box input.input-text::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box textarea::-webkit-input-placeholder { color: #333; } .woocommerce-checkout #payment div.payment_box input.input-text:-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-moz-placeholder { color: #333; } .woocommerce-checkout #payment div.payment_box input.input-text::-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea::-moz-placeholder { color: #333; } .woocommerce-checkout #payment div.payment_box input.input-text:-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-ms-input-placeholder { color: #333; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa { background-image: url(../images/icons/credit-cards/visa.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { background-image: url(../images/icons/credit-cards/mastercard.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser { background-image: url(../images/icons/credit-cards/laser.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { background-image: url(../images/icons/credit-cards/diners.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { background-image: url(../images/icons/credit-cards/maestro.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { background-image: url(../images/icons/credit-cards/jcb.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex { background-image: url(../images/icons/credit-cards/amex.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover { background-image: url(../images/icons/credit-cards/discover.png); } .woocommerce-checkout #payment div.payment_box span.help { font-size: .857em; color: #333; font-weight: normal; } .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box:after { content: ""; display: block; border: 8px solid #f2f2f2; /* arrow size / color */ border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: 0.83em; margin-left: 5px; } .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } .woocommerce-checkout #place_order { background: #e6e6e6; font-weight: bold; } .woocommerce-checkout .select2-drop-active, .woocommerce-checkout .select2-drop { border: solid 1px #e6e6e6; background: white; } .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-shipping-fields h3 { font-weight: bold; font-size: 14px; } .woocommerce-checkout .woocommerce-billing-fields h3 label, .woocommerce-checkout .woocommerce-shipping-fields h3 label { display: inline-block; } .woocommerce { /** * Cart sidebar */ /** * Layered nav widget */ /** * Price filter widget */ } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0px; margin: 0; padding-left: 0px !important; list-style: none; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0px; width: 48px; margin-right: 6px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 12px; color: #333; } .woocommerce ul.cart_list li a.remove, .woocommerce ul.product_list_widget li a.remove { display: inline-block; float: right; background: #d9d9d9; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin: 0; padding-left: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { display: inline-block; float: none; margin-bottom: 0; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 .25em 0; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding: 0 0 .25em 0; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; margin: 0 !important; } .woocommerce del { color: #333; } .woocommerce del .amount { color: #333; } .woocommerce ul.cart_list li img { width: 72px; } .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 1px double white; padding: 4px 0 0; float: right; } .woocommerce.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons { float: right; display: block; clear: both; } .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .woocommerce.widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: 0; } .woocommerce .widget_top_rated_products ul li img { width: 64px; } .woocommerce .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span { padding: 1px 0; } .woocommerce .widget_layered_nav ul li.chosen a:before { color: red; } .woocommerce .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 1em; margin-top: 1em; } .woocommerce .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; font-size: 0.8751em; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; } .woocommerce .widget_price_filter .price_slider_amount .button { float: left; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #5b4a9b; border-radius: 1em; cursor: ew-resize; outline: none; top: -3px; margin-left: -0.5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: #51428a; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #473a78; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .5em; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce .widget_top_rated_products li a img { width: 72px; } .woocommerce .widget_top_rated_products .star-rating { float: left !important; width: calc( 100% - 100px ); } .woocommerce #infinite-handle { display: none; } /** * Order page */ .order_details { margin: 0 0 1.5em; list-style: none; } .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1; border-right: 1px dashed #e6e6e6; padding-right: 2em; margin-left: 0; padding-left: 0; } .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .order_details li:last-of-type { border: none; }