/* 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: "Open Sans", sans-serif;} .title-font { font-family: "Open Sans", sans-serif;} body { font-family: "Open Sans", sans-serif; background: white; word-wrap: break-word;} .entry-content img {padding: 4px 2px;} .post-52 iframe {height: 620px; width: 1200px;} /* @media screen and (width: 1024px) {.post-52 iframe {height: 650px; }} @media screen and (width: 768px) {.post-52 iframe {height: 550px; }} @media screen and (width: 736px) {.post-52 iframe {width: 700px; height: 382px; }} @media screen and (width: 667px) {.post-52 iframe {width: 628px; height: 343px; }} @media screen and (width: 568px) {.post-52 iframe {width: 530px; height: 286px; }} @media screen and (width: 414px) {.post-52 iframe {width: 400px; height: 214px; }} @media screen and (width: 375px) {.post-52 iframe {width: 350px; height: 191px; }} @media screen and (min-width: 320px) {.post-52 iframe {width: 350px; height: 142px; }} @media screen and (min-width: 1980px) {.post-52 iframe {height: 634px; }} @media screen and (min-width: 1680px) and (max-width: 1979px) {.post-52 iframe {height: 634px; }} @media screen and (min-width: 1600px) and (max-width: 1679px) {.post-52 iframe {height: 634px; }} @media screen and (min-width: 1440px) and (max-width: 1599px) {.post-52 iframe {height: 634px; }} */ @media screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {.post-52 iframe {height: 634px; }} @media screen and (min-width: 1024px) and (max-width: 1279px) {.post-52 iframe {height: 520px; }} @media screen and (min-width: 768px) and (max-width: 1023px) {.post-52 iframe {height: 398px; } } @media screen and (min-width: 736px) and (max-width: 767px) {.post-52 iframe {width: 700px; height: 382px; }} @media screen and (min-width: 667px) and (max-width: 735px) {.post-52 iframe {width: 628px; height: 343px; }} @media screen and (min-width: 568px) and (max-width: 666px) {.post-52 iframe {width: 530px; height: 286px; }} @media screen and (min-width: 414px) and (max-width: 567px) {.post-52 iframe {width: 400px; height: 214px; }} @media screen and (min-width: 375px) and (max-width: 413px) {.post-52 iframe { height: 191px; }} @media screen and (min-width: 320px) and (max-width: 374px) {.post-52 iframe { height: 148px; }} @media screen and (max-width: 767px) { /*.post-52 iframe {height: 550px; }*/ body { overflow-x: hidden; }} .mega-container { background: white; max-width: 1170px; margin: auto; margin-top: 20px; overflow: visible;} a { color: #e48d48; cursor: pointer;} a:hover { text-decoration: none; color: #e48d48;} .container { margin: auto;} .panel { background: none;} .gradient-pattern { width: 100%; height: auto; border: none; -o-text-overflow: clip; text-overflow: clip; background: linear-gradient(45deg, rgba(221, 221, 221, 0.8) 0, rgba(221, 221, 221, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(221, 221, 221, 0.8) 75%, rgba(221, 221, 221, 0.8) 100%), linear-gradient(45deg, rgba(221, 221, 221, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(221, 221, 221, 0.8) 75%, rgba(221, 221, 221, 0.8) 0), #f7f7f7; background-position: 0 0, 5px 5px; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: 10px 10px; background-size: 10px 10px;} /* ---------- Header ------------- */ #top-bar { padding: 12px 0px; background: #21506f;} #top-bar .container { padding: 0;} @media screen and (max-width: 991px) { #top-bar .container { text-align: center; }} #top-bar .social-icons { float: left; display: inline-block;} @media screen and (max-width: 991px) { #top-bar .social-icons { float: left; margin-left: 5px; }} #top-bar .social-icons a { background: #e48d48; color: white; float: none; margin-right: 4px; transition: ease 0.4s; -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; -ms-transition: ease 0.4s; -o-transition: ease 0.4s; display: inline-block; width: 50px; text-align: center; border-radius: 13px; border: solid 1px #e48d48; font-size: 30px} #top-bar .social-icons a:last-child { margin-right: 0;} @media screen and (max-width: 767px) { #top-bar .social-icons a { float: left; margin-right: 2px; }} #top-bar .social-icons a:hover { background: #e6e6e6; color: #e48d48; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);} @media screen and (max-width: 767px) { #top-bar .td_mobile_menu_wrap { min-height: 42px; padding: 10px; margin-bottom: 0px; position: relative; display: inline-block; } #top-bar .td_mobile_menu_wrap:after { content: "\f103"; font-family: "FontAwesome"; color: #ebebeb; position: absolute; right: 17px; top: 15px; font-size: 18px; } #top-bar .mobileMenu { padding: 5px 8px; border: none; box-shadow: none; background: #1b425c; border: solid 1px #102634; color: #ebebeb; background-image: none; -webkit-appearance: none; position: relative; min-width: 155px; } #top-bar .mobileMenu:focus { outline: none; }} #top-bar #woocommerce-zone { float: right; padding: 0px 2px;} #top-bar #woocommerce-zone #userlinks { display: inline-block; float: right; text-transform: none; position: relative; margin-right: 50px; margin-left: -5px;} #top-bar #woocommerce-zone #userlinks a { position: relative; display: inline-block; color: #e48d48; background: #f2f2f2; border: 2px solid #f2f2f2; padding: 4px 12px; border-radius: 13px; font-size: 13px;} #top-bar #woocommerce-zone #userlinks a:hover { border-color: #e48d48;} #top-bar #woocommerce-zone #top-cart { display: inline-block; float: right; position: relative; margin-left: 5px;} #top-bar #woocommerce-zone #top-cart i { 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; background: #f2f2f2; border: 2px solid #f2f2f2; padding: 6px 12px; padding-bottom: 7px; border-radius: 13px; font-size: 13px; cursor: pointer;} #top-bar #woocommerce-zone #top-cart i:hover { border-color: #e48d48;} #top-bar #woocommerce-zone #top-cart .cart-contents { position: absolute; right: 0; top: 38px; background: rgba(255, 255, 255, 0.9); border: solid 2px #e48d48; margin-left: 10px; border-radius: 5px; font-size: 14px; z-index: 120; padding: 20px; width: 185px; opacity: 0; 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; visibility: hidden;} #top-bar #woocommerce-zone #top-cart .cart-contents .total { margin-bottom: 10px;} #top-bar #woocommerce-zone #top-cart .cart-contents .total, #top-bar #woocommerce-zone #top-cart .cart-contents .count { text-align: right;} #top-bar #woocommerce-zone #top-cart .cart-contents .total .amount { color: #e48d48; font-weight: bold; font-size: 16px; margin-bottom: 10px;} #top-bar #woocommerce-zone #top-cart .cart-contents a.links { display: inline-block; font-size: 13px; margin-left: 10px; float: right; text-align: right; text-decoration: underline;} #top-bar #woocommerce-zone #top-cart .top-cart-icon { position: absolute; margin-left: 7px; height: 50px; left: -50px;} #top-bar #woocommerce-zone #top-cart .top-cart-icon:hover .cart-contents { display: block; opacity: 1; visibility: visible;} #top-bar #woocommerce-zone #top-cart a { color: #68605f;} #masthead { text-align: left; background: white; color: #68605f; /*border-bottom: solid 2px #275e83;*/ border-top: solid 2px #275e83; z-index: 103; position: relative;} #masthead #text-title-desc { clear: none; vertical-align: middle;} @media screen and (max-width: 991px) { #masthead #text-title-desc { float: none; }} @media screen and (max-width: 768px) { #masthead #text-title-desc { float: none; }} #masthead h1.site-title { font-size: 40px; margin-bottom: 5px; font-weight: bold; margin-top: 0px; padding: 0; text-shadow: 1px 1px 0 white, 2px 2px 0 rgba(228, 141, 72, 0.6);} .site-title { font-size: 40px; margin-bottom: 5px; font-weight: bold; margin-top: 0px; padding: 0; text-shadow: 1px 1px 0 white, 2px 2px 0 rgba(228, 141, 72, 0.6);} .site-branding h3 {margin-top: 0; font-size: 22px;} @media screen and (max-width: 600px) { #masthead h1.site-title { font-size: 26px; } #top-bar .social-icons {float: none;} #top-bar {padding: 10px 0 0 0;} } #masthead h2.site-description { font-weight: 300; font-size: 15px; margin-top: 0px;} #masthead .masthead-container { padding-right: 5px; padding-left: 5px; padding-bottom: 0px;} #masthead #searchicon { float: right; padding: 10px 0px; font-size: 22px; position: relative; overflow: visible; top: 4px; text-shadow: 1px 1px 1px rgba(228, 141, 72, 0.8); cursor: pointer; 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;} #masthead #searchicon:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform-origin: center;} @media screen and (max-width: 767px) { #masthead #searchicon { position: absolute; right: 10px; }} .site-branding { padding: 0px 0; padding-top: 14px; position: relative; top: 0px; overflow: hidden; display: inline-block; width: 100%;/*float: left;*/ text-align: center;} @media screen and (max-width: 767px) { .site-branding { padding: 14px 0; width: 100%; text-align: center; }} @media screen and (max-width: 991px) { .masthead-container { text-align: center; }} #header-image { position: relative; border-bottom: solid 5px #21506f; box-shadow: inset 0px -39px 0px black; overflow: hidden;} #header-image .image { position: relative; opacity: 1; -webkit-filter: brightness(1); filter: brightness(1); transform-origin: center; transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease;} #header-image .header-data { position: absolute; bottom: 65%; text-align: center; width: 100%; transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%);} @media screen and (max-width: 767px) { #header-image .header-data { bottom: 55%; }} #header-image .header-data .header-title { font-size: 36px; font-weight: bold; color: white; text-shadow: 1px 1px 0px #275e83, -1px -1px 0px rgba(228, 141, 72, 0.2);} @media screen and (max-width: 767px) { #header-image .header-data .header-title { font-size: 18px; }} #header-image .header-data .description { font-size: 17px; color: white; text-shadow: 0px 0px 1px #444; max-width: 50%; margin-left: 25%; text-align: center;} @media screen and (max-width: 767px) { #header-image .header-data .description { font-size: 13px; }} #header-image .header-data .buttons { text-align: center; margin-top: 10px;} #header-image .header-data .buttons .button1, #header-image .header-data .buttons .button2 { display: inline-block;} #header-image .header-data .buttons .button1 a, #header-image .header-data .buttons .button2 a { padding: 10px; border: solid 2px transparent; display: inline-block; border-radius: 5px; 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;} @media screen and (max-width: 767px) { #header-image .header-data .buttons .button1 a, #header-image .header-data .buttons .button2 a { padding: 4px; font-size: 12px; }} #header-image .header-data .buttons .button1 a:hover, #header-image .header-data .buttons .button2 a:hover { border-color: white;} #header-image .header-data .buttons .button1 a { background: rgba(228, 141, 72, 0.8);} #header-image .header-data .buttons .button2 a { background: rgba(33, 80, 111, 0.8);} #header-image:hover .image { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); -webkit-filter: brightness(1); filter: brightness(1);} #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: #f9e6d6; border: solid 2px #e17f32; border-right: none; padding: 10px 10px; outline: none; width: 100%;} #top-search input[type=search]::-webkit-input-placeholder { color: #eba974;} #top-search input[type=search]:-moz-placeholder { color: #eba974;} #top-search input[type=search]::-moz-placeholder { color: #eba974;} #top-search input[type=search]:-ms-input-placeholder { color: #eba974;} #top-search button { background: #d97220; box-shadow: none; border: solid 2px #e17f32; text-shadow: none; padding: 10px 13px; border-left: none; margin-left: -7px; border-bottom-left-radius: 0; border-top-left-radius: 0; outline: none;} #site-logo { display: inline-block; float: left;} #site-logo img { max-height: 70px;} @media screen and (max-width: 991px) { #site-logo { float: none; }} #jumbosearch { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 94, 131, 0.98); z-index: 150; text-align: center; display: none;} #jumbosearch .form { margin-top: 10%;} #jumbosearch .form label { width: 80%; text-align: center;} #jumbosearch .form input[type=search] { background: none; outline: none; padding: 20px; font-size: 28px; border: solid 2px #e48d48; border-radius: 0; color: white; width: 80%; text-align: center; clear: both;} #jumbosearch .form input[type=search]::-webkit-input-placeholder { color: #e48d48;} #jumbosearch .form input[type=search]:-moz-placeholder { color: #e48d48;} #jumbosearch .form input[type=search]::-moz-placeholder { color: #e48d48;} #jumbosearch .form input[type=search]:-ms-input-placeholder { color: #e48d48;} #jumbosearch .form input[type=submit] { display: none; text-transform: uppercase;} #jumbosearch .closeicon { position: absolute; right: 30px; top: 40px; color: #eee; font-size: 27px; padding: 15px; cursor: pointer;} /* -------- Nav Menu ---------- */ #site-navigation { float: left; background: none; padding: 7px 20px; /*responsive widths*/} @media screen and (max-width: 767px) { #site-navigation { display: none; }} #site-navigation ul { /* for the Currently active page */} #site-navigation ul li { /* li hover*/} @media screen and (max-width: 991px) { #site-navigation ul li { float: none; display: inline-block; }} #site-navigation ul li a { padding: 17px 13px; color: #68605f; font-size: 12px; text-transform: uppercase; font-weight: normal; 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 { color: #332f2e;} #site-navigation ul li ul li .menu-desc { display: none;} #site-navigation ul li ul.sub-menu, #site-navigation ul li ul.children { background: #e48d48; padding: 5px 0px; border-radius: 5px; border: solid 2px #1b425c; top: 58px; 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; perspective: 1000; -webkit-perspective: 1000; transform-origin: top; -webkit-transform-origin: top; transform: perspective(350px) rotateX(-10deg); -webkit-transform: perspective(350px) rotateX(-10deg); -moz-transform: perspective(350px) rotateX(-10deg); opacity: 0; visibility: hidden; z-index: 112;} #site-navigation ul li ul.sub-menu:before, #site-navigation ul li ul.children:before { /* the top small arrow */ content: ""; display: inline; width: 0px; height: 0px; border: solid 10px transparent; border-bottom: solid 10px #1b425c; position: absolute; top: -20px; left: 30px;} #site-navigation ul li ul.sub-menu ul:before, #site-navigation ul li ul.children ul:before { border: solid 10px transparent; border-right: solid 10px #e6e6e6; left: -20px; top: 1px;} #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: 0; opacity: 0; -webkit-transform: rotateY(15deg) !important; transform: rotateY(15deg) !important; -moz-transform: rotateY(15deg) !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; 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: 3px 15px; font-weight: normal; font-size: 13px; background: #e48d48; color: white; text-transform: none; 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: #e2853b; padding-left: 15px;} #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; opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg);} #site-navigation ul li:hover ul.sub-menu ul, #site-navigation ul li:hover ul.children ul { opacity: 0;} #site-navigation ul .menu-item-has-children:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 5px; top: 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;} #site-navigation ul .menu-item-has-children > a { padding-right: 20px;} #site-navigation ul .menu-item-has-children:hover:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);} #site-navigation ul ul.sub-menu .menu-item-has-children:after { content: "\f105"; right: 8px; top: 4px; color: rgba(255, 255, 255, 0.85);} #site-navigation .fa { padding: 0 5px 0 0;} #site-navigation .menu-desc { font-size: 12px; font-weight: 300; color: #eba974; display: inline-block; margin-top: -5px; font-style: italic; text-transform: lowercase;} .slicknav_menu { display: none;} @media screen and (max-width: 767px) { .slicknav_menu { display: block; background: #275e83; clear: both; margin: 0 -10px; margin-top: 15px; width: calc(100% + 20px); padding-bottom: 0; padding-top: 3px; border-top: solid 2px #275e83; } .slicknav_menu .slicknav_menutxt { margin-top: 2px; } #site-navigation ul.menu { display: none; } .slicknav_nav .menu-desc { display: none !important; } .slicknav_nav a { color: #5b5453; } .slicknav_nav a:hover { background: #e48d48; color: white; } .slicknav_nav a .fa { margin-right: 5px; } .slicknav_nav li:hover { background: #e48d48; } .slicknav_nav li:hover a { color: white; } .slicknav_nav .slicknav_arrow { display: none; } .slicknav_nav .slicknav_row:hover { background: #e48d48; } .slicknav_menu { text-align: center; } .slicknav_btn { background: #e38a44; border: solid 1px #e17f32; display: inline-block; float: none; } .slicknav_menutxt { color: white !important; text-shadow: none !important; } .slicknav_icon-bar { background-color: white !important; position: relative; top: 2px; }} /* TOP MENU */ #top-menu { float: right; padding-right: 3px;} @media screen and (max-width: 991px) { #top-menu { float: none; }} @media screen and (max-width: 767px) { #top-menu { float: none; text-align: center; padding: 0px; }} #top-menu ul { list-style: none; margin-bottom: 0; margin-left: 0px;} #top-menu ul ul { display: none;} #top-menu ul li { display: inline; margin-right: 10px;} #top-menu ul li:last-child { margin-right: 0px;} #top-menu ul li a { padding: 9px 12px; display: inline-block; color: white; background: #e48d48; border-radius: 13px; border: solid 2px #e48d48; font-size: 16px; position: relative; font-weight: 400; z-index: 5; transition: 0.1s all ease; -webkit-transition: 0.1s all ease; -moz-transition: 0.1s all ease; -ms-transition: 0.1s all ease; -o-transition: 0.1s all ease;} #top-menu ul li a:hover { border: white solid 2px;} #top-menu ul li a:hover::before { opacity: 1; transform: translateX(-50%) translateY(-40%) scale(1); -webkit-transform: translateX(-50%) translateY(-40%) scale(1); -moz-transform: translateX(-50%) translateY(-40%) scale(1); -ms-transform: translateX(-50%) translateY(-40%) scale(1); -o-transform: translateX(-50%) translateY(-40%) scale(1);} /* ACCORDIAN POSTS */ #overlap-slider { overflow: hidden; /*Time for some styling*/ margin: 40px auto;} @media screen and (max-width: 767px) { #overlap-slider { margin: 10px auto; }} #overlap-slider .slider-overlap-posts { padding: 0;} #overlap-slider .overlap-wrapper { width: 100%; height: 400px; overflow: hidden;} @media screen and (max-width: 991px) { #overlap-slider .overlap-wrapper { height: 228px; }} #overlap-slider .overlap-wrapper .slide { position: relative; display: block; width: 20%; height: 100%; float: left; background: transparent; box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.4), -3px 0px 0 rgba(39, 94, 131, 0.3); z-index: 102; 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; overflow: hidden;} #overlap-slider .overlap-wrapper .slide:first-child { box-shadow: none; border-left: none;} #overlap-slider .overlap-wrapper .slide img { display: block;} #overlap-slider .overlap-wrapper .slide .image { position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 700px; z-index: 100;} @media screen and (max-width: 991px) { #overlap-slider .overlap-wrapper .slide .image { width: 400px; }} #overlap-slider .overlap-wrapper .slide .post-details { position: absolute; z-index: 101; bottom: 1%; left: 1%; right: 1%; background: rgba(228, 141, 72, 0.8); padding: 15px; font-size: 14px; width: 98%; min-width: 400px; text-align: center; color: white; opacity: 0; 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;} #overlap-slider .overlap-wrapper .slide .post-details h3 { margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase;} @media screen and (max-width: 991px) { #overlap-slider .overlap-wrapper .slide .post-details { min-width: 390px; max-width: 394px; }} @media screen and (max-width: 767px) { #overlap-slider .overlap-wrapper .slide .post-details { padding: 10px; min-width: 200px; max-width: 200px; } #overlap-slider .overlap-wrapper .slide .post-details h3 { font-size: 12px; text-align: left; }} #overlap-slider .overlap-wrapper:hover .slide { width: 11%;} #overlap-slider .overlap-wrapper:hover .slide:hover { width: 56%;} #overlap-slider .overlap-wrapper:hover .slide:hover .post-details { opacity: 1;} /*Image title styles*/ .image_title { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; width: 640px;} .image_title a { display: block; color: #fff; text-decoration: none; padding: 20px; font-size: 16px;} /* Swiper Coverflow */ #coverflow, #coverflow-posts { position: relative; margin-bottom: 20px; overflow: hidden;} @media screen and (max-width: 767px) { #coverflow, #coverflow-posts { margin: 5px auto; }} #coverflow .section-title, #coverflow-posts .section-title { margin-left: 25px; margin-bottom: -10px; margin-top: 40px;} @media screen and (max-width: 767px) { #coverflow .section-title, #coverflow-posts .section-title { margin-top: 10px; }} #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(228, 141, 72, 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: #e48d48;} #coverflow .price, #coverflow-posts .price { background: rgba(255, 255, 255, 0.8); color: #e48d48; 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: #e48d48;} /* 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(228, 141, 72, 0.95); text-align: center; position: absolute; bottom: 6px; left: 6px; right: 6px; padding: 7px; color: white; font-size: 15px;} .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; font-size: 17px; font-weight: bold;} @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 Products Grid */ .featured-grid-container .fg-wrapper .fg-item-container { padding: 0 5px 8px 5px;} .featured-grid-container .fg-wrapper .fg-item { position: relative; overflow: hidden;} .featured-grid-container .fg-wrapper .fg-item img { 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;} .featured-grid-container .fg-wrapper .fg-item:hover .product-details { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} .featured-grid-container .fg-wrapper .fg-item:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transition: 3s all ease; -webkit-transition: 3s all ease; -moz-transition: 3s all ease; -ms-transition: 3s all ease; -o-transition: 3s all ease;} .featured-grid-container .fg-wrapper .product-details { position: absolute; padding: 15px; top: 0; left: 0; right: 0; bottom: 0; background: rgba(228, 141, 72, 0.5); color: white; text-align: center; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} @media screen and (max-width: 991px) { .featured-grid-container .fg-wrapper .product-details { padding: 5px; }} .featured-grid-container .fg-wrapper .product-details h3 { font-size: 14px;} .featured-grid-container .fg-wrapper .product-details ins { background: none;} /* SHOWCASE */ #showcase { position: relative;} #showcase .section-title { margin-top: 35px;} #showcase .showcase-item { position: relative; padding: 5px; overflow: hidden;} @media screen and (max-width: 600px) { #showcase .showcase-item { width: 100%; }} #showcase .showcase-item img { -webkit-filter: brightness(0.9); filter: brightness(0.9); z-index: 80; 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;} #showcase .showcase-item .showcase-caption { position: absolute; top: 5%; bottom: 5%; left: 5%; right: 5%; text-align: center; font-weight: bold; width: 90%; color: white; z-index: 80; height: 90%; 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;} #showcase .showcase-item .showcase-caption .showcase-title { font-size: 28px; text-transform: uppercase; margin-top: 18%; 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: #e48d48; text-shadow: 1px 1px 0 white;} @media screen and (max-width: 600px) { #showcase .showcase-item .showcase-caption .showcase-title { font-size: 22px; }} #showcase .showcase-item .showcase-caption .showcase-desc { font-size: 16px; 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: 600px) { #showcase .showcase-item .showcase-caption .showcase-desc { font-size: 13px; font-weight: normal; }} #showcase .showcase-item:hover .showcase-caption { background: rgba(0, 0, 0, 0.5); z-index: 80;} #showcase .showcase-item:hover .showcase-title, #showcase .showcase-item:hover .showcase-desc { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);} /* top slider */ .slider-container-wrapper { padding: 0; margin-top: 50px;} .slider-container { margin-bottom: 40px; position: relative; margin-top: -1px;} @media screen and (max-width: 767px) { .slider-container { width: 95%; margin-left: 2.5%; margin-right: 2.5%; overflow: hidden; margin-bottom: 5px; }} .slider-container .swiper-wrapper { border: solid 3px #e48d48;} @media screen and (max-width: 767px) { .slider-container .swiper-wrapper { border-left: none; }} .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;} @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: 10px; }} .slider-container .slidecaption a { text-decoration: none; border-bottom: none;} .slider-container .slidecaption .slide-title { display: inline-block; font-size: 28px; padding: 5px 10px; background: rgba(228, 141, 72, 0.8); border-radius: 5px; color: white; font-weight: bold; margin-bottom: 5px;} .slider-container .slidecaption .slide-desc span { background: rgba(39, 94, 131, 0.3); display: inline-block; color: white; font-size: 15px; padding: 8px; border-radius: 3px;} .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;} .slider-container .swiper-pagination-white .swiper-pagination-bullet { background: #275e83;} .slider-container .swiper-pagination-white .swiper-pagination-bullet-active { background: #e48d48;} @media screen and (max-width: 767px) { .slider-container .swiper-pagination { bottom: 30px; }} /* 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(228, 141, 72, 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: bolder; text-transform: uppercase; color: #68605f; text-shadow: 1px 1px 1px #275e83; font-size: 24px; margin-bottom: 42px; text-align: center;} @media screen and (max-width: 991px) { .section-title { margin-top: 20px; }} .section-title:after { content: ""; position: absolute; left: calc(50% - 20px); display: block; width: 40px; height: 5px; margin-top: 8px; margin-bottom: 10px; background: #e38a44;} /* 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: #e48d48; 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: #e48d48; 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 #e48d48; outline: none;} .nav-arrows a:hover { background-color: rgba(228, 141, 72, 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; } #top-bar .social-icons {margin-left: 0;} #top-menu ul li { margin-right: 0px;} #top-menu ul li a {padding: 9px 4px;} #top-bar .social-icons a { margin-right: 0;} } @media screen and (max-width: 768px) { .nav-arrows a:nth-child(2) { display: none; }} #content { margin-top: 30px;} .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: #e48d48 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: #252222; padding-bottom: 2px;} .grid .out-thumb h1 a:before { height: 1px; background: #252222; 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: #e48d48;} .grid .out-thumb .entry-excerpt { color: #68605f; line-height: 1.6em; font-weight: 400;} .grid .readmore { display: block; clear: both;} .grid .hvr-underline-from-center:before { height: 1px; background: #e48d48;} .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(228, 141, 72, 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: #68605f; 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;} .store { padding: 0; border-bottom: none; margin: 0; background: #ffffff;} @media screen and (min-width: 768px) { .store:nth-of-type(odd) { clear: left; }} @media screen and (min-width: 768px) { .store:nth-of-type(even) .out-thumb { border-left: solid 1px #f2f2f2; right: 1px; } .store:nth-of-type(odd) .out-thumb { border-right: solid 1px #f2f2f2; /* border-left: solid 1px darken(@background,5%); */ position: relative; }} .store .featured-thumb { border-top: none;} .store .featured-thumb img { transform: scale(1.01); -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01);} .store .out-thumb { padding: 15px;} .store .out-thumb h1.entry-title { font-size: 20px;} .store .out-thumb h1.entry-title a { 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;} .store .out-thumb h1.entry-title a:hover { color: #e48d48;} .store_3_column { border-bottom: none;} .store_3_column:nth-of-type(even) .out-thumb { border-left: none; right: 0px;} .store_3_column:nth-of-type(odd) .out-thumb { border: none; right: 0px;} @media screen and (min-width: 768px) { .store_3_column:nth-of-type(odd) { clear: none; } .store_3_column:nth-of-type(3n+1) { clear: left; }} @media screen and (min-width: 768px) { .store_3_column .featured-thumb { border-top: none; } .store_3_column .featured-thumb img { transform: scaleX(1.008); -webkit-transform: scaleX(1.008); -moz-transform: scaleX(1.008); -ms-transform: scaleX(1.008); -o-transform: scaleX(1.008); } .store_3_column:nth-of-type(3n+3) { border-left: solid 1px #f2f2f2; border-right: none; } .store_3_column:nth-of-type(3n+1) { border-right: solid 1px #f2f2f2; } .store_3_column:nth-of-type(3n+2) .featured-thumb { overflow: visible; z-index: 99; }} .nitro-grid { 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; border-bottom: none;} .nitro-grid .featured-thumb { border-top: none; position: relative;} .nitro-grid .featured-thumb .postedon { position: absolute; top: 0; font-size: 13px; background: #275e83; opacity: 1; padding: 5px; color: white;} .nitro-grid .featured-thumb .postedon a { color: white;} .nitro-grid .featured-thumb .postedon .fa { margin-right: 3px; position: relative; top: -1px;} .nitro-grid .out-thumb { position: absolute; bottom: 0; display: block; padding: 0; width: 100%;} .nitro-grid .out-thumb h1 { padding: 8px 8px; margin-top: 0; width: 100%; text-align: center; margin: 0; font-size: 14px; background: rgba(228, 141, 72, 0.9); font-weight: bold;} .nitro-grid .out-thumb h1 a { color: white;} .nitro-grid:hover { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02);} /* --------------- pagination ------------ */ .pagination { margin: 20px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; width: 100%; clear: both;} .pagination .nav-links .page-numbers { display: inline-block; padding: 4px 10px; border: solid 1px #e48d48; color: #275e83; border-radius: 3px; margin-right: 2px; 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;} .pagination .nav-links .page-numbers:hover { background: #e48d48; color: white;} .pagination .nav-links .current, .pagination .nav-links .dots { pointer-events: none;} #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: bold; color: #403b3a; font-size: 16px; margin-bottom: 20px; margin-top: 0px;} #secondary h1.widget-title:after { content: ""; display: block; width: 12%; height: 3px; margin-top: 8px; background: #d9d9d9;} #secondary .widget a { color: #4d4747; 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: #e48d48;} #secondary .widget ul { font-size: 14px; 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: #8f8684; font-size: 10px; margin-right: 5px;} #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: #e48d48; 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_nitro_rp li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 13px;} #secondary .widget_nitro_rp .rp-thumb { width: 52px; float: left; display: inline-block; margin-right: 6px;} #secondary .widget_nitro_rp .rp-date { color: #837977; font-size: 11px;} #secondary button { background: #d9d9d9; color: #68605f;} #secondary input[type=text], #secondary input[type=search], #secondary textarea { background: #f2f2f2; border: solid 1px #df7a29; outline: none; color: #68605f;} #secondary input[type=text]::-webkit-input-placeholder, #secondary input[type=search]::-webkit-input-placeholder, #secondary textarea::-webkit-input-placeholder { color: #756c6b;} #secondary input[type=text]:-moz-placeholder, #secondary input[type=search]:-moz-placeholder, #secondary textarea:-moz-placeholder { color: #756c6b;} #secondary input[type=text]::-moz-placeholder, #secondary input[type=search]::-moz-placeholder, #secondary textarea::-moz-placeholder { color: #756c6b;} #secondary input[type=text]:-ms-input-placeholder, #secondary input[type=search]:-ms-input-placeholder, #secondary textarea:-ms-input-placeholder { color: #756c6b;} #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: #235677; border-top: solid 3px #183950;} #footer-sidebar .footer-column { /* Pulse Grow */} #footer-sidebar .footer-column h1.widget-title { font-weight: bold; font-size: 14px; text-transform: uppercase;} #footer-sidebar .footer-column .widget { color: #fafafa;} #footer-sidebar .footer-column .widget a { color: #ffffff; font-weight: 400; 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: white; background: #e48d48;} #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: #e48d48; 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: #c3661d;} #footer-sidebar .footer-column .widget_price_filter .ui-slider .ui-slider-range { background-color: #eeb78b;} #footer-sidebar .footer-column .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #d97220;} #footer-sidebar .footer-column button { background: #c3661d; color: white;} #footer-sidebar .footer-column input[type=text], #footer-sidebar .footer-column input[type=search], #footer-sidebar .footer-column textarea { background: #df7724; border: solid 1px #d97220; 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_nitro_rp li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 13px;} #footer-sidebar .footer-column .widget_nitro_rp .rp-thumb { width: 52px; float: left; display: inline-block; margin-right: 6px;} #footer-sidebar .footer-column .widget_nitro_rp .rp-date { color: #e6e6e6; 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: "\f105"; font-family: "FontAwesome"; color: white; font-size: 10px; margin-right: 5px; position: relative; top: -1px;} #footer-sidebar .footer-column .woocommerce .amount { color: #f2f2f2;} #footer-sidebar .footer-column .woocommerce ins .amount { color: #5b5453;} #colophon { background: #e48d48; padding: 15px 10px 15px 10px; color: #f5f5f5; font-size: 13px; text-align: center;} #colophon a { color: white; text-decoration: underline;} /* Single Posts Area */ .single-entry-header { margin-bottom: 60px; margin-top: 10px;} .single-entry-header h1, .single-entry-header .entry-meta { text-align: center;} .single-entry-header h1 { font-weight: bold; font-size: 44px; color: #68605f; text-shadow: 1px 1px 0 white, 2px 2px 0 rgba(228, 141, 72, 0.6);} .single-entry-header .entry-meta { color: #68605f;} .single-entry-header .entry-meta .byline { margin-left: 1px;} .single-entry-header .entry-meta a:hover { text-decoration: underline;} #primary-mono { padding: 0 10px; padding-left: 20px;} @media screen and (max-width: 767px) { #primary-mono { padding-left: 10px; }} #primary-mono h1.entry-title { font-weight: bold; color: #403b3a; font-size: 26px; margin-top: 0px; padding: 10px; padding-left: 0; margin-bottom: 0px;} #primary-mono h1.entry-title:after { content: ""; display: block; width: 12%; height: 3px; margin-top: 17px; background: #e6e6e6;} #primary-mono .entry-meta { margin-top: 5px; font-size: 13px; color: #786f6e;} #primary-mono .entry-meta, #primary-mono .entry-footer { padding-bottom: 7px; overflow: auto;} #primary-mono .entry-meta .byline, #primary-mono .entry-footer .byline { margin-left: 1px;} #primary-mono .entry-meta a, #primary-mono .entry-footer a { color: #e48d48; text-decoration: none;} #primary-mono .entry-meta a:hover, #primary-mono .entry-footer a:hover { color: #68605f;} #primary-mono .entry-footer { border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f2f2f2; padding-top: 7px; margin-top: 25px; font-size: 12px;} #primary-mono .entry-footer .post-edit-link { float: right;} #primary-mono .entry-footer .cat-links { margin-right: 6px;} #primary-mono .entry-content { color: #444; line-height: 1.7em; font-size: 14px;} #primary-mono #featured-image { margin-top: 10px;} #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;} #primary-mono .single-page .entry-header h1 { font-weight: bold; font-size: 34px; color: #21506f; text-align: center;} /* --------------- 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: #68605f; 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: #e48d48; color: white; border-bottom: solid 1px #e48d48; 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: #e48d48; margin-bottom: 60px;} #respond .comment-notes, #respond .logged-in-as { color: #68605f;} #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: #68605f; 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: #e48d48; 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: #68605f !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: #68605f; 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: #68605f; font-size: .857em; margin-top: 10px;} .woocommerce .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: 1em; text-align: left; color: #68605f; background: #f5f5f5; border-bottom: solid 1px #e6e6e6; padding: 5px 10px;} .woocommerce .woocommerce-breadcrumb a { color: #e48d48;} .woocommerce .woocommerce-breadcrumb .fa { color: #9b9392;} .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(228, 141, 72, 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: #68605f; 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: #5b5453; 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: #e48d48; color: white;} .woocommerce ul.products li.product .price { color: #e48d48; 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(150, 150, 150, 0.005);} .woocommerce .woocommerce-result-count { margin: 0 0 1em; font-size: 13px; color: #68605f; 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: #68605f;} .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: #68605f;} /** * 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: #68605f; 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\f0005\f005\f005"; color: #e48d48; 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: #68605f; 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: #68605f;} .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background-color: #e48d48; color: #68605f; -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: #68605f;} .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: #e48d48; color: #68605f;} .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: #68605f;} .woocommerce .cart .button, .woocommerce .cart input.button { float: none;} .woocommerce a.added_to_cart { margin-top: 5px; background: #d9d9d9; color: #5b5453; 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: #e48d48; 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: #68605f;} @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: #68605f; 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: #e48d48; 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(228, 141, 72, 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: #e48d48;} .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: #68605f; text-decoration: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #837977;} .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 #68605f;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #68605f;} .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;} @media screen and (max-width: 600px) { .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: 100%; }} .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: #68605f; 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: #68605f;} .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: #68605f;} .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%;} .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #e48d48;} .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: #68605f;} .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: #68605f;} .woocommerce-checkout #payment div.payment_box input.input-text:-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-moz-placeholder { color: #68605f;} .woocommerce-checkout #payment div.payment_box input.input-text::-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea::-moz-placeholder { color: #68605f;} .woocommerce-checkout #payment div.payment_box input.input-text:-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-ms-input-placeholder { color: #68605f;} .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: #68605f; 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: #68605f;} .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 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: #e48d48; 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: #e17f32;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #d97220; 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 solid #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;}