/* Globals */ @-webkit-keyframes constantrotation { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); background: red; } to { transform: rotate(36deg); -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); background: blue; } } @keyframes constantrotation { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); background: red; } to { transform: rotate(36deg); -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); background: blue; } } /* section titles */ .body-font { font-family: "Ubuntu", sans-serif; } .title-font { font-family: "Arvo", sans-serif; } body { font-family: "Ubuntu", sans-serif; word-wrap: break-word; overflow: hidden; letter-spacing: .05em; color: #333; } .mega-container { background: white; max-width: 1170px; margin: auto; margin-top: 20px; overflow: visible; } a { color: #555; cursor: pointer; } a:hover { text-decoration: none; color: #888; } .section-title { color: #ff5722; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; text-align: center; font-size: 25px; margin: 75px 0; position: relative; z-index: 3; font-family: "Arvo", sans-serif; } @media screen and (max-width: 991px) { .section-title { margin-top: 20px; } } .section-title span { background: #ffffff; position: relative; padding: 5px 8px; padding-right: 15px; z-index: 1; display: inline-block; } #content { padding-top: 30px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: "Arvo", sans-serif; } #content p, #content ul, #content ol, #content table, #content dl { font-size: 16px; letter-spacing: .04em; line-height: 2em; } #content p code, #content ul code, #content ol code, #content table code, #content dl code { color: #555; background: #ddd; padding: 3px; } .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } #social-wrapper { display: flex; display: -webkit-flex; flex-direction: row-reverse; align-items: center; margin-top: auto; } @media screen and (max-width: 767px) { #social-wrapper { flex-direction: column; } } body.home #social-wrapper { transform: translateY(-70px); -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -o-transform: translateY(-70px); -ms-transform: translateY(-70px); } #social-wrapper #social-icons { position: relative; text-align: right; } #social-wrapper #social-icons ul { margin: 0; display: flex; justify-content: flex-end; } #social-wrapper #social-icons ul li { list-style: none; margin: 0 5px; float: left; } #social-wrapper #social-icons a { background: rgba(52, 61, 70, 0.5); padding: 8px 10px; vertical-align: middle; color: #ffffff; font-size: 18px; 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; } #social-wrapper #social-icons a:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); background: #eebe37; color: white; } @media screen and (max-width: 767px) { #social-wrapper #social-icons a { margin: 0 2px; padding: 8px 10px; } } #social-wrapper #social-icons a.hvr-sweep-to-bottom:before { background: black; } #social-wrapper #contact-info { font-weight: 400; letter-spacing: .08em; } @media screen and (max-width: 767px) { #social-wrapper #contact-info { margin-bottom: 15px; } } #social-wrapper #contact-info .fa { margin-right: 5px; } #social-wrapper #contact-info .message, #social-wrapper #contact-info .mail, #social-wrapper #contact-info .phone { font-size: 15px; display: inline-block; margin: 5px auto; } #social-wrapper #contact-info .mail, #social-wrapper #contact-info .phone { margin-left: 10px; } #social-wrapper #contact-info .message { margin-right: 10px; } /* ---------- Header ------------- */ .home #masthead, .blog #masthead { height: 100vh; } #masthead { position: relative; z-index: 90; background: #ffffff; clear: both; height: 450px; } #masthead #top-bar { padding: 10px 0; background: rgba(0, 0, 0, 0.2); display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; } body.home #masthead #top-bar, body.blog #masthead #top-bar { background: transparent; } @media screen and (max-width: 767px) { #masthead #top-bar { padding: 25px 0; } } #masthead #top-bar .container { display: flex; flex-direction: row; align-items: center; } #masthead .site-branding { overflow: hidden; display: inline-block; } #masthead .site-branding #text-title-desc { clear: none; vertical-align: middle; } @media screen and (max-width: 767px) { #masthead .site-branding #text-title-desc { float: none; } } @media screen and (max-width: 767px) { #masthead .site-branding { text-align: center; float: none; padding-bottom: 5px; } } #masthead h1.site-title { font-size: 40px; margin: 0px; } #masthead h2.site-description { font-size: 17px; margin: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "Ubuntu", sans-serif; } #masthead #searchicon { background: #eee; border: solid 2px #ddd; padding-top: 6px; padding-bottom: 4px; } @media screen and (max-width: 767px) { #masthead { text-align: center; } } #masthead #site-logo { display: inline-block; max-width: 200px; max-height: 200px; text-align: center; float: none; } #masthead #site-logo img { width: auto; max-height: 100px; } @media screen and (max-width: 767px) { #masthead #site-logo { float: none; } } #adviso-search { text-align: center; } #adviso-search #search-icon { background: none; box-shadow: none; border: 0px; padding: 0px; outline: none; font-size: 20px; text-shadow: none; color: white; } #jumbosearch { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99; text-align: center; display: none; } #jumbosearch .form { margin-top: 20%; } #jumbosearch .form label { width: 80%; text-align: center; } #jumbosearch .form input[type=search] { background: none; outline: none; padding: 20px; font-size: 28px; font-weight: 400; letter-spacing: .05em; border: none; border-radius: 0; color: white; width: 50%; text-align: left; clear: both; border-bottom: solid 2px #fff; } #jumbosearch .form input[type=search]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } #jumbosearch .form input[type=search]:-moz-placeholder { color: rgba(255, 255, 255, 0.65); } #jumbosearch .form input[type=search]::-moz-placeholder { color: rgba(255, 255, 255, 0.65); } #jumbosearch .form input[type=search]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } #jumbosearch .form input[type=submit] { display: none; text-transform: uppercase; } #jumbosearch .closeicon { position: absolute; right: 30px; top: 40px; color: #eee; font-size: 37px; padding: 15px; cursor: pointer; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } /* -------- Nav Menu ---------- */ .menu-wrapper { position: relative; } @media screen and (max-width: 767px) { .menu-wrapper { display: none; } } #site-navigation { display: inline-block; width: auto; float: right; font-family: "Ubuntu", sans-serif; } body.home #site-navigation ul.menu .current_menu_item > a, body.home #site-navigation ul.menu .current_page_item > a, body.home #site-navigation ul.menu .current_page_ancestor > a { color: white; background: black; } body.home #site-navigation ul.menu > li > a { color: black; } body.home #site-navigation ul.menu > li:hover a { color: white !important; } #site-navigation ul { display: block; } #site-navigation ul ul { visibility: hidden; opacity: 0; box-shadow: none; background: #ff5722; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #site-navigation ul ul ul { left: 100%; } #site-navigation ul > li:hover > ul { visibility: visible; opacity: 1; margin-right: 0px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } #site-navigation ul > li:hover > a { color: #ffffff; background: #ff5722; } #site-navigation ul li a { padding: 10px 16px; color: #ffffff; letter-spacing: .08em; text-transform: uppercase; transition: background .3s ease; } #site-navigation ul li a:hover { background: black; } #site-navigation .fa { padding: 0 5px 0 0; } #site-navigation .menu-desc { font-size: 12px; font-weight: 300; color: #eee; display: inline-block; margin-top: -5px; font-style: italic; text-transform: lowercase; } /* Mobile Menu */ .mobile-menu { text-align: right; background: #ff5722; } @media screen and (min-width: 768px) { .mobile-menu { display: none; } } .mobile-menu .menu-link { margin: 15px; background: white; } .mobile-menu .menu-link:hover { color: black; } .mobile-menu .menu-link i { position: absolute; top: 50%; left: 50%; transform: translateX(-11px) translateY(-11px); -webkit-transform: translateX(-11px) translateY(-11px); -moz-transform: translateX(-11px) translateY(-11px); -o-transform: translateX(-11px) translateY(-11px); } .mobile-menu #menu { z-index: 999; background: #4a5663; border-left: 2px solid #eebe37; text-align: left; overflow-y: auto; } @media screen and (min-width: 768px) { .mobile-menu #menu { display: none; } } .mobile-menu #menu ul { margin-left: 0px; } .mobile-menu #menu ul li { list-style: none; padding: 0px; font-family: "Ubuntu", sans-serif; } .mobile-menu #menu ul li a { display: block; color: white; padding: 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mobile-menu #menu ul li li { text-indent: 25px; } .mobile-menu #menu ul li li a:before { content: "\f068"; font-family: "FontAwesome"; margin-right: 20px; font-size: 15px; } .mobile-menu #menu ul li li li { text-indent: 50px; } .mobile-menu #menu ul li.menu-item-has-children { display: block; } .mobile-menu #menu ul .current-menu-item > a { background: rgba(0, 0, 0, 0.1); } /* Single Posts Area */ .single-header { background-position: center; position: relative; background-size: cover; } .single-header .layer { top: 0; left: 0; padding: 45px 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); } .single-header .container { text-align: center; color: #f2f2f2; } .single-header .container a { color: #e6e6e6; } #primary-mono { padding: 0 10px; padding-left: 20px; } @media screen and (max-width: 767px) { #primary-mono { padding-left: 10px; } } #primary-mono h2.entry-title { font-weight: bold; color: #ff5722; font-size: 36px; margin-top: 0px; padding: 2px 0px; margin-bottom: 0px; } #primary-mono .entry-meta, #primary-mono .entry-footer { font-size: 12px; border-bottom: solid 1px #f0f0f0; padding-bottom: 7px; overflow: auto; } #primary-mono .entry-meta a, #primary-mono .entry-footer a { color: #ff5722; text-decoration: underline; } #primary-mono .entry-meta a:hover, #primary-mono .entry-footer a:hover { color: #eebe37; } #primary-mono .entry-meta { color: #ff7e55; text-transform: uppercase; letter-spacing: 1px; display: inline-block; padding: 2px 0px; padding-bottom: 8px; font-size: 12px; border-bottom: none; } #primary-mono .entry-meta a { color: #eebe37; } #primary-mono .entry-meta a:hover { text-decoration: none; } #primary-mono .entry-footer { border-top: solid 1px #eee; padding-top: 7px; margin-top: 25px; } #primary-mono .entry-footer .post-edit-link { float: right; } #primary-mono .entry-footer .cat-links { margin-right: 6px; } #primary-mono #featured-image { border-top: solid 5px #f2f2f2; } #primary-mono .entry-content { color: #ff5722; line-height: 1.7em; font-size: 14px; } .edit-link { display: inline-block; float: right; } .page-header { margin-top: 0px; border-bottom: none; } #secondary, #footer-sidebar { display: inline-block; /* Some Styling for Default WordPress Widgets */ } #secondary aside, #footer-sidebar aside { padding: 10px; } #secondary h3.widget-title, #footer-sidebar h3.widget-title { font-weight: bold; background: black; padding: 10px; color: white; font-size: 17px; width: 100%; margin-bottom: 20px; margin-top: 0px; word-break: break-all; display: inline-block; text-transform: uppercase; position: relative; } #secondary .widget ul, #footer-sidebar .widget ul { font-size: 13px; margin-left: 0px; padding: 8px 0; } #secondary .widget ul li, #footer-sidebar .widget ul li { font-size: 16px; list-style: none; padding: 16px; } #secondary .widget ul li:last-child, #footer-sidebar .widget ul li:last-child { border-bottom: none; } #secondary .widget ul li:before, #footer-sidebar .widget ul li:before { content: "\f054"; font-family: "FontAwesome"; color: #eec03c; font-size: 14px; margin-right: 15px; 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; display: inline-block; } #secondary .widget_search, #footer-sidebar .widget_search { margin-bottom: 20px; } #secondary .widget_search label, #footer-sidebar .widget_search label { width: 100%; } #secondary .widget_search input[type=search], #footer-sidebar .widget_search input[type=search] { background: white; border: solid 2px #eee; border-radius: 0px; padding: 15px 5px; font-size: 15px; outline: none; width: 100%; } #secondary .search-submit, #footer-sidebar .search-submit { display: none; } #secondary .widget_tag_cloud .tagcloud a, #footer-sidebar .widget_tag_cloud .tagcloud a { background: #eee; border-radius: 20px; font-size: 14px !important; font-weight: normal; color: #343d46; padding: 7px 14px; margin-bottom: 10px; display: inline-block; } #secondary .widget_tag_cloud .tagcloud a:hover, #footer-sidebar .widget_tag_cloud .tagcloud a:hover { background: #ddd; } #secondary .tagcloud a, #footer-sidebar .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, #footer-sidebar .tagcloud a:hover, #secondary .tagcloud a:focus, #footer-sidebar .tagcloud a:focus, #secondary .tagcloud a:active, #footer-sidebar .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_cleanpress_rp li.rp-item, #footer-sidebar .widget_cleanpress_rp li.rp-item { overflow: auto; clear: both; display: block; padding: 8px 0px; font-size: 14px; } #secondary .widget_cleanpress_rp .rp-thumb, #footer-sidebar .widget_cleanpress_rp .rp-thumb { width: 62px; float: left; display: inline-block; margin-right: 6px; } #secondary .widget_cleanpress_rp .rp-thumb img, #footer-sidebar .widget_cleanpress_rp .rp-thumb img { border-right: solid 2px #eebe37; } #secondary .widget_cleanpress_rp .rp-date, #footer-sidebar .widget_cleanpress_rp .rp-date { color: #f2cd66; font-size: 11px; margin-top: 3px; } /* --------------- pagination ------------ */ .pagination { margin: 20px 0; text-align: center; width: 100%; clear: both; } .pagination .nav-links { text-align: center; } .pagination .page-numbers { padding: 4px 12px; line-height: 20px; text-decoration: none; border-radius: 3px; margin-right: 5px; background-color: #ffffff; display: inline-block; color: #aaa; 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; } .pagination .current, .pagination .dots { background: #fafafa; color: #eebe37; pointer-events: none; } .pagination .current { background: #eebe37; color: white; padding: 16px 22px; border-radius: 26px; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } /* --------------- comments -------------- */ #comments { width: 100%; } #comments #respond h3#reply-title { font-weight: normal; font-size: 32px; } #comments #respond input[type=text] { max-width: 550px; } #comments #respond input, #comments #respond textarea { background: #f2f2f2; border: solid 1px #cccccc; color: #ff5722; outline: none; } #comments #respond .comment-form-author, #comments #respond .comment-form-email, #comments #respond .comment-form-url, #comments #respond .comment-form-comment { position: relative; } #comments #respond .comment-form-author input, #comments #respond .comment-form-email input, #comments #respond .comment-form-url input, #comments #respond .comment-form-comment input, #comments #respond .comment-form-author textarea, #comments #respond .comment-form-email textarea, #comments #respond .comment-form-url textarea, #comments #respond .comment-form-comment textarea { padding: 4px 5px 5px 10px; border-radius: 0; } #comments #respond .comment-form-author label, #comments #respond .comment-form-email label, #comments #respond .comment-form-url label, #comments #respond .comment-form-comment label { background: none; color: #ff5722; font-weight: 400; text-transform: uppercase; padding: 5px 10px; margin-right: -5px; min-width: 70px; } #comments #respond .comment-form-comment label { margin-bottom: 0px; } #comments #respond .form-submit input[type=submit] { box-shadow: none; border-radius: 0px; border: 0px; text-shadow: none; padding: 10px; background: #ff5722; font-family: "Arvo", sans-serif; font-weight: 400; color: white; margin-bottom: 60px; } #comments #respond .comment-notes, #comments #respond .logged-in-as { color: #ff5722; } #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 { padding: 10px; margin-top: 15px; list-style: none; overflow: auto; display: flex; display: -webkit-flex; flex-direction: column; } #comments li.comment span.says { display: none; } #comments li.comment .comment-container { display: flex; display: -webkit-flex; } #comments li.comment .comment-container figure img { border-radius: 50%; } #comments li.comment .comment-container .comment-data { margin-left: 15px; } #comments li.comment .comment-container .comment-data .comment-meta { display: flex; display: -webkit-flex; align-items: baseline; } #comments li.comment .comment-container .comment-data .comment-meta h2.comment-author { margin: 0px; font-size: 20px; line-height: 1em; } #comments li.comment .comment-container .comment-data .comment-meta h2.comment-author a { color: #333; } #comments li.comment .comment-container .comment-data .comment-meta span { font-size: 13px; font-style: italic; color: #aaa; margin-left: 10px; } #comments li.comment .comment-container .comment-data .comment-meta p.comment-meta-item { margin: 0px; margin-left: 10px; color: black; } #comments li.comment .comment-container .comment-data .comment-content { margin-top: 5px; } #comments li.comment .comment-container .comment-data .comment-content .comment-reply-link { text-transform: uppercase; color: #ff5722; font-weight: 700; } #comments li.trackback { background: #e6e6e6; 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 #ffffff; border-radius: 5px; margin: 0 10px 10px 0; } #comments .form-allowed-tags { display: none; } @media screen and (max-width: 480px) { li.comment { margin-left: -5%; } } /** * * Additional Styling for Footer Sidebar Area * **/ #footer-sidebar { background: #222; display: block; padding-top: 50px; } #footer-sidebar .footer-column aside { color: #eee; padding: 0px; margin-bottom: 50px; } #footer-sidebar .footer-column aside h3.widget-title { letter-spacing: .04em; margin-bottom: 0; background: none; padding: 0px; color: #ff5722; font-size: 20px; } #footer-sidebar .footer-column aside a { color: #bbb; } #footer-sidebar .footer-column aside ul { padding: 0; } #footer-sidebar .footer-column aside ul li { padding: 16px 0; } #footer-sidebar .footer-column aside.widget_archive select, #footer-sidebar .footer-column aside.widget_categories select { margin: 10px; color: #333; } #colophon { background: #1e2329; padding: 15px 10px 15px 10px; color: #ff5722; font-size: 13px; text-align: center; } #colophon .footer-menu #site-navigation { float: right; font-size: 14px; } #colophon .footer-menu #site-navigation ul li ul { display: none; } #colophon .footer-menu #site-navigation ul li a { text-decoration: none; } @media screen and (max-width: 991px) { #colophon .footer-menu #site-navigation ul li a { padding: 5px; } } #colophon .site-info { text-align: left; } #colophon a { color: #eebe37; text-decoration: underline; } .page404 { text-align: center; } .page404 .page-header h1.page-title { font-weight: bold; border-bottom: none; font-size: 24px; } .page404 .page-content { margin-top: 0px; } .page404 .page-content input[type=search] { padding: 10px; border-radius: 5px; } .page404 .page-content input[type=search]::-webkit-input-placeholder { color: rgba(255, 87, 34, 0.6); } .page404 .page-content input[type=search]:-moz-placeholder { color: rgba(255, 87, 34, 0.6); } .page404 .page-content input[type=search]::-moz-placeholder { color: rgba(255, 87, 34, 0.6); } .page404 .page-content input[type=search]:-ms-input-placeholder { color: rgba(255, 87, 34, 0.6); } .page404 .page-content input[type=submit] { padding: 12px; font-size: 14px; line-height: 1em; text-transform: uppercase; box-shadow: none; text-shadow: none; color: #eeeeee; border: none; } .page404 .page-content .widget_recent_entries { text-align: left; margin-bottom: 100px; } .page404 .page-content .widget_recent_entries .widgettitle { font-size: 24px; font-weight: bold; } .page404 .page-content .widget_recent_entries ul { list-style: none; margin-left: 0; } .page404 .page-content .widget_recent_entries ul li { float: none; margin-bottom: 15px; display: inline-block; margin-right: 15px; } .page404 .page-content .widget_recent_entries ul li a { display: inline-block; background: #f2f2f2; border: solid 1px #e6e6e6; padding: 10px; margin-bottom: 5px; } .page404 p { font-size: 16px; } .grid-row { margin: 0; } /* Grid */ .grid { position: relative; margin: 15px 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 { overflow: hidden; padding: 0; } .grid .featured-thumb img { width: 100%; } .grid .out-thumb { display: flex; flex-direction: column; height: 100%; } .grid .out-thumb header { padding: 0; } .grid .out-thumb header a { color: #444; } .grid .out-thumb .postedon { padding: 14px 0px; } .grid .out-thumb .postedon a { color: #777; } .grid .out-thumb .entry-excerpt { color: #aaa; line-height: 1.6em; font-weight: 300; font-size: 14px; letter-spacing: .04em; } .grid .out-thumb .entry-excerpt p { margin-top: 5px; } .grid .readmore { margin-top: auto; position: relative; } .grid .readmore a { color: #444; } .grid .readmore:before { content: ""; background: #eebe37; position: absolute; height: 3px; width: 30%; left: 0; top: -10px; } .grid_2_column { padding: 0; width: 50%; margin-bottom: 4em; border-bottom: none; } .grid_2_column .featured-thumb { overflow: hidden; position: relative; } .grid_2_column .featured-thumb .postedon { position: absolute; padding: 3%; top: 0; color: white; background: rgba(0, 0, 0, 0.1); } .grid_2_column .out-thumb header { padding-left: 0; } .grid_2_column .out-thumb header a { font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #444; } .grid_2_column .out-thumb p.entry-excerpt { color: #aaa; padding-right: 10%; font-weight: 300; letter-spacing: .04em; } .grid_2_column .out-thumb span.readmore { position: relative; } .grid_2_column .out-thumb span.readmore a { color: #444; } .grid_2_column .out-thumb span.readmore:before { content: ""; background: #eebe37; position: absolute; height: 3px; width: 100%; left: 0; bottom: -10px; } @media screen and (max-width: 768px) { .grid_2_column { padding-right: 0px; } } @media screen and (min-width: 768px) { .grid_2_column:nth-of-type(even) { padding-left: 10px; } .grid_2_column:nth-of-type(odd) { padding-right: 10px; clear: left; } } .grid_3_column:nth-child(3n) { padding-left: 10px; } .grid_3_column:nth-child(3n+1) { padding-right: 10px; } .grid_3_column:nth-child(2n) { padding-left: 0px; } @media screen and (min-width: 768px) { .grid_3_column:nth-of-type(odd) { clear: none; } .grid_3_column:nth-of-type(3n+1) { clear: left; } } .adviso { margin-bottom: 50px; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .adviso { margin: 55px auto; } } .adviso .item-container { border: 10px solid #fff; position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .adviso .item-container .out-thumb { background: #fff; position: relative; } .adviso .item-container .out-thumb h3 { padding: 7px 0; margin: 10px 0; line-height: 25px; } .adviso .item-container .out-thumb h3 a { font-size: 17px; color: #444; line-height: 1.8em; } .adviso .item-container .out-thumb .entry-excerpt { display: block; color: #aaa; font-size: 14px; letter-spacing: .04em; font-weight: 300; margin-bottom: 20px; } .adviso .item-container .out-thumb .postedon, .adviso .item-container .out-thumb .postedby { display: inline-block; padding: 5px 0; color: #aaa; } .adviso .item-container .out-thumb .postedon i, .adviso .item-container .out-thumb .postedby i { margin-right: 15px; font-size: 20px; color: #eebe37; } .adviso .item-container .out-thumb .postedon a, .adviso .item-container .out-thumb .postedby a { color: #aaa; } .adviso .item-container .out-thumb .postedby { position: relative; float: right; } .adviso .item-container:before { content: ""; position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transform: rotate(2.1deg) scale(1.06); width: 100%; height: 100%; z-index: -1; background: transparent; } /* Second Featured Area */ .featposts .item { position: relative; z-index: 1; } @media screen and (max-width: 768px) { .featposts .item { margin-bottom: 55px; } } .featposts .item .item-container { border: 10px solid #fff; position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .featposts .item .item-container .featured-thumb img { width: 100%; } .featposts .item .item-container .out-thumb { background: #fff; position: relative; } .featposts .item .item-container .out-thumb h3 { margin: 0; border-bottom: 1px solid #f3f3f3; padding: 8px 0; font-family: "Ubuntu", sans-serif; } .featposts .item .item-container .out-thumb h3 a { font-size: 17px; color: #666; font-weight: 700; } .featposts .item .item-container .out-thumb .postedon, .featposts .item .item-container .out-thumb .postedby { display: inline-block; font-size: 15px; color: #aaa; margin: 15px 5px; } .featposts .item .item-container .out-thumb .postedon i, .featposts .item .item-container .out-thumb .postedby i { margin-right: 15px; color: #eebe37; font-size: 18px; } .featposts .item .item-container .out-thumb .postedon a, .featposts .item .item-container .out-thumb .postedby a { color: #aaa; } .featposts .item .item-container .out-thumb .postedby { float: right; } .featposts .item .item-container:before { content: ""; position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transform: rotate(2.1deg) scale(1.06); width: 100%; height: 100%; z-index: -1; background: transparent; } /** * * LESS Files for the Featured Categories Area * **/ #featured-categories #categories-container .category-wrapper { height: 300px; display: flex; } @media screen and (max-width: 991px) { #featured-categories #categories-container .category-wrapper { height: 200px; } } #featured-categories #categories-container .category-wrapper .category-title { width: 50%; display: inline-block; background: #ff5722; } #featured-categories #categories-container .category-wrapper .category-title span { color: white; font-size: 36px; display: inline-block; float: right; margin: 10% 5%; } #featured-categories #categories-container .category-wrapper .category-thumbs { width: 50%; display: grid; grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; } #featured-categories #categories-container .category-wrapper .category-thumbs .grid-item { position: relative; overflow: hidden; display: flex; justify-content: center; } #featured-categories #categories-container .category-wrapper .category-thumbs .grid-item img { width: 100%; max-width: none; } #featured-categories #categories-container .category-wrapper .category-thumbs .category-thumb-1 { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } #featured-categories #categories-container .category-wrapper .category-thumbs .category-thumb-1 img { height: 100%; width: auto; } #featured-categories #categories-container .category-wrapper .category-thumbs .category-thumb-2 img, #featured-categories #categories-container .category-wrapper .category-thumbs .category-thumb-3 img { align-self: center; } #featured-categories #categories-container .category-wrapper:nth-child(even) { flex-direction: row-reverse; } #featured-categories #categories-container .category-wrapper:nth-child(even) .category-title span { float: left; } #featured-offers { margin-bottom: 25px; } #featured-offers .fg-item-container { padding: 10px; } #featured-offers .fg-item-container .fg-item { width: auto; } #featured-offers .fg-item-container .fg-item .featured-thumb { position: relative; } #featured-offers .fg-item-container .fg-item .featured-thumb .out-thumb { position: relative; color: #aaa; text-overflow: ellipsis; white-space: nowrap; } #featured-offers h3 { text-align: center; color: white; font-size: 34px; margin: 5px 0; } #featured-offers .owl-stage-outer { z-index: 99; } #featured-offers-product { position: relative; /* background: #efefef; padding: 15px 0; */ } #featured-offers-product .fg-item-container { padding: 10px; } #featured-offers-product .fg-item-container .featured-thumb { position: relative; } #featured-offers-product .fg-item-container .out-thumb { width: 100%; } #featured-offers-product .fg-item-container .out-thumb .product-title { display: inline-block; width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #featured-offers-product .fg-item-container .out-thumb span.price { float: right; color: #81620b; } #featured-offers-product .fg-item-container .out-thumb span.price del { color: #b0860f; } #featured-offers-product .fg-item-container .out-thumb span.price ins { background: transparent; } #featured-offers-product h3 { text-align: center; color: white; font-size: 34px; margin: 5px 0; } #featured-offers-product .owl-stage-outer { z-index: 99; } .featured-section-area .owl-theme .owl-nav { position: absolute; top: 30%; width: 100%; z-index: 99; } .featured-section-area .owl-theme .owl-nav .prev { float: left; left: -20px; background: black; font-size: 22px; text-shadow: none; color: white; position: relative; } .featured-section-area .owl-theme .owl-nav .prev:hover { box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .featured-section-area .owl-theme .owl-nav .next { float: right; right: -20px; background: black; font-size: 22px; text-shadow: none; color: white; position: relative; } .featured-section-area .owl-theme .owl-nav .next:hover { box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .featured-section-area .owl-theme .owl-dots { margin-top: 10px; } .featured-section-area .owl-theme .owl-dots button { background: none; border: none; box-shadow: none; padding: 0px; } .featured-section-area .owl-theme .owl-dots button span { border-radius: 0px; height: 3px; width: 30px; background: #eebe37; outline: none; margin: auto 1px; } .featured-section-area .owl-theme .owl-dots button span:hover { background: #f2cd66; } .featured-section-area .owl-theme .owl-dots button.active, .featured-section-area .owl-theme .owl-dots button:focus, .featured-section-area .owl-theme .owl-dots button:hover { outline: none; } .featured-section-area .owl-theme .owl-dots button.active span, .featured-section-area .owl-theme .owl-dots button:focus span, .featured-section-area .owl-theme .owl-dots button:hover span { background: #99740d; } #featured-products .item-wrapper { margin-bottom: 20px; } @media screen and (max-width: 768px) { #featured-products .item-wrapper { float: none; margin: auto; } } #featured-products .item-wrapper .item .product-thumb { position: relative; } #featured-products .item-wrapper .item .product-thumb span.price { position: absolute; bottom: 0; color: #81620b; padding: 5%; font-size: 16px; width: 100%; background: rgba(0, 0, 0, 0.1); left: 0; } #featured-products .item-wrapper .item .product-thumb span.price del { color: #b0860f; } #featured-products .item-wrapper .item .product-thumb span.price ins { background: transparent; } #featured-products .item-wrapper .item .thumb-info { display: flex; align-items: center; margin: 24px 0; } #featured-products .item-wrapper .item .thumb-info .product-title { width: 55%; display: inline-block; } #featured-products .item-wrapper .item .thumb-info .product-title h6 { margin: 0px; font-family: "Ubuntu", sans-serif; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #featured-products .item-wrapper .item .thumb-info .star-rating { margin-left: auto; } #featured-products .item-wrapper .item .thumb-info .star-rating:before { color: #eee; } #featured-products .item-wrapper .item .thumb-info .star-rating span:before { color: #ccc; } /* .triangles { display: flex; flex-wrap: wrap; background: #efefef; .triangle-container { padding: 60px; margin: auto; @media screen and (max-width: 420px) { padding: 0; padding-top: 40px; } @media screen and (max-width: 991px) { padding-bottom: 0; } .item-wrapper { position: relative; transform: skew(35deg); @media screen and (max-width: 991px) { margin-bottom: 40px; } .item { overflow: hidden; position: relative; width: 260px; height: 175px; } .skew { overflow: hidden; position: absolute; transform: skewX(-55.98deg); width: 100%; height: 100%; background: @accent; .posted-on { position: absolute; bottom: 0; transform: skew(38deg); right: 55px; top: 50%; left: 0; text-align: center; .price { padding: 10px; background: white; border-radius: 50%; color: @accent; } h3 { color: white; position: relative; top: 10px; margin: 0; } } } .skew:first-child { left: -.25em; transform-origin: 100% 0; } .skew:last-child { left: 0; transform-origin: 0 100%; } .skew img { transform: skewX(38deg); transform-origin: inherit; } } } } */ /** * Global styles */ p.demo_store { position: fixed; width: 100%; top: 0; padding: 1em 0; text-align: center; background-color: #ff5722; 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: #ff5722 !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: #777; 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; 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: #ff5722; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { width: 100%; padding: 0 15px 40px; font-size: 16px; font-weight: 700; color: #888; text-transform: uppercase; } .woocommerce .woocommerce-breadcrumb a { color: #333; font-weight: 700; } .woocommerce .woocommerce-breadcrumb .fa { font-size: 18px; margin: auto 8px; color: #333; text-shadow: -1px 0px 0px #333333; } .woocommerce .quantity .qty { width: 3.331em; text-align: center; } .woocommerce #infinite-handle { display: none; } /** * Order page */ .order_details { margin: 0 0 1.5em; list-style: none; } .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1; border-right: 1px dashed #e6e6e6; padding-right: 2em; margin-left: 0; padding-left: 0; } .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .order_details li:last-of-type { border: none; } #shipping_method label { margin-left: 25px; } /** * Star ratings */ .star-rating { margin-left: auto; float: right; overflow: visible; position: relative; font-size: 18px; display: block; height: 18px; overflow: hidden; font-family: 'FontAwesome'; text-align: center; width: 70px; } .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #eee; top: 0; left: 0; float: left; position: absolute; letter-spacing: 2px; font-size: 13px; line-height: 1.4em; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; color: #ccc; top: 0; position: absolute; left: 0; letter-spacing: 2px; font-size: 13px; line-height: 1.4em; } .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; } .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; color: #ccc; } 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; letter-spacing: .2em; 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"; color: #f4cb29; } 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"; color: #f4cb29; } 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"; color: #f4cb29; } 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"; color: #f4cb29; } 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"; color: #f4cb29; } ol.commentlist { margin-left: 0; } /** * 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 25px; } 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 { font-weight: 400; line-height: 2; font-size: 14px; } form .form-row span { font-size: 10px; color: #999; } 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: 2em; background: #ffffff; border: solid 1px #ebebeb; border-radius: 0px; padding: 3px 8px; } form .form-row select { background: #ffffff; 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 #f2f2f2; padding: 10px; padding-top: 15px; margin: 1em 0 1em 0px; text-align: left; border-radius: 0px; } 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; } form.login .form-row-last button, form.checkout_coupon .form-row-last button, form.register .form-row-last button { line-height: 1.5em; margin-top: 0px; } 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 .notes { clear: left; } .woocommerce-checkout .checkout .col-2 .form-row-first { clear: left; } .woocommerce-checkout .checkout .create-account small { font-size: 11px; 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: #ffffff; 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: 4; text-align: left; margin: 0; font-weight: normal; } .woocommerce-checkout #payment ul.payment_methods li label { font-family: "Arvo", sans-serif; } .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 4%; margin: 1em 0 1em 0; font-size: 0.92em; font-weight: 300; border-radius: 0px; background-color: #f2f2f2; color: #808080; } .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: #ff5722; } .woocommerce-checkout #payment div.payment_box input.input-text:-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-moz-placeholder { color: #ff5722; } .woocommerce-checkout #payment div.payment_box input.input-text::-moz-placeholder, .woocommerce-checkout #payment div.payment_box textarea::-moz-placeholder { color: #ff5722; } .woocommerce-checkout #payment div.payment_box input.input-text:-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box textarea:-ms-input-placeholder { color: #ff5722; } .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: #ff5722; 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: 0px; 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: #ffffff; } .woocommerce-checkout .woocommerce-info { background: #f2f2f2; color: #333; } .woocommerce-checkout .woocommerce-info a { color: black; font-weight: 700; } .woocommerce-checkout .woocommerce-info:before { color: #eebe37; } .woocommerce-checkout .woocommerce-checkout-payment { background: #ffffff !important; } .woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info { background: none; } .woocommerce-checkout .woocommerce-checkout-payment .woocommerce-info:before { color: #eebe37; } /** * * WooCommerce Reviews * **/ body.woocommerce #reviews li { padding: 0px; } body.woocommerce #reviews li .comment_container img { float: left !important; border-radius: 50%; } body.woocommerce #reviews li .comment_container .comment-text { margin-left: 75px; } body.woocommerce #reviews li .comment_container .comment-text .star-rating span:before { color: #f4cb29; } body.woocommerce #reviews li .comment_container .comment-text p.meta { line-height: 1em; } body.woocommerce #reviews li .comment_container .comment-text p.meta span.woocommerce-review__author { font-family: "Arvo", sans-serif; font-size: 20px; font-weight: 700; } body.woocommerce #reviews li .comment_container .comment-text p.meta .verified { color: #ff5722; font-size: 12px; } body.woocommerce #reviews li .comment_container .comment-text p.meta span.time-ago { color: #aaa; font-size: 12px; font-style: italic; font-family: "Ubuntu", sans-serif; } /** * Product Page */ .woocommerce-product-gallery { position: relative; margin-bottom: 3em; } .woocommerce-product-gallery figure { margin: 0; } .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; } .woocommerce-product-gallery .flex-control-thumbs { margin-left: 0px; margin-top: 6px; } .woocommerce-product-gallery .flex-control-thumbs li { width: 25%; list-style: none; float: left; cursor: pointer; } .woocommerce-product-gallery .flex-control-thumbs img { opacity: .5; } .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; } .woocommerce-product-gallery .flex-control-thumbs img.flex-active { opacity: 1; } .woocommerce-product-gallery img { display: block; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger { text-decoration: none; position: absolute; top: .875em; right: .875em; display: block; height: 3em; width: 3em; border-radius: 50%; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; background-color: #eebe37; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #ffffff; transition: transform 0.1s ease; -webkit-transition: transform 0.1s ease; -moz-transition: transform 0.1s ease; -ms-transition: transform 0.1s ease; -o-transition: transform 0.1s ease; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { transform: scale(1.1); } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 3; text-indent: 0; } body.single-product div.product { margin-bottom: 0; position: relative; /* WooCommerce 3.0 Gallery */ /** * to display related posts in 3 Columns */ } body.single-product div.product .entry-summary { margin-top: 0; /* .quantity { input { line-height: 2.5em; } } */ } body.single-product div.product .entry-summary .onsale { color: black; text-transform: uppercase; } body.single-product div.product .entry-summary h1 { margin: 15px 0; } body.single-product div.product .entry-summary .woocommerce-product-rating .star-rating span:before { color: #f4cb29; } body.single-product div.product .entry-summary .woocommerce-product-rating a { color: #333; } body.single-product div.product .entry-summary span.price, body.single-product div.product .entry-summary p.price { color: #81620b; font-size: 20px; } body.single-product div.product .entry-summary span.price ins, body.single-product div.product .entry-summary p.price ins { background: inherit; font-weight: 700; } body.single-product div.product .entry-summary span.price del, body.single-product div.product .entry-summary p.price del { opacity: 0.5; display: block; } body.single-product div.product .entry-summary .single_add_to_cart_button { margin-top: 0px; } body.single-product div.product .woocommerce-review-link { color: #ff5722; padding: 4px; position: relative; top: 2px; } body.single-product div.product > span.onsale { position: relative; background: rgba(238, 190, 55, 0.8); color: white; } body.single-product div.product form.cart { overflow: auto; margin-bottom: 10px; } body.single-product div.product form.cart .quantity .qty { padding: 0px; border-radius: 0px; outline: none; border: solid 1px #e6e6e6; line-height: 2.25em; } body.single-product div.product form.cart tbody td a { color: #ff5722; font-family: "Arvo", sans-serif; } body.single-product div.product .product_meta { clear: both; border-top: solid 1px #f7f7f7; padding: 8px 0px; margin-top: 15px; line-height: 2em; font-family: "Arvo", sans-serif; } body.single-product div.product .product_meta span.sku_wrapper, body.single-product div.product .product_meta span.posted_in { display: block; font-weight: 700; } body.single-product div.product .product_meta span.sku_wrapper *, body.single-product div.product .product_meta span.posted_in * { font-weight: 400; } body.single-product div.product .stock { color: #eebe37; } body.single-product div.product .out-of-stock { color: red; } body.single-product div.product .woocommerce-product-rating { margin-bottom: 5px; } body.single-product div.product div.social { text-align: right; margin: 0 0 1em; } body.single-product div.product div.social span { margin: 0 0 0 2px; } body.single-product div.product div.social span span { margin: 0; } body.single-product div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } body.single-product div.product div.social iframe { float: left; margin-top: 3px; } body.single-product div.product .woocommerce-tabs ul.tabs { list-style: none; margin: 0 0 1.618em; overflow: hidden; position: relative; text-transform: uppercase; font-weight: 700; } body.single-product div.product .woocommerce-tabs ul.tabs:before { border-bottom: 0px !important; } body.single-product div.product .woocommerce-tabs ul.tabs li { display: inline-block; position: relative; z-index: 0; margin: 0 -5px; padding: 0 1.5em; line-height: 3em; } body.single-product div.product .woocommerce-tabs ul.tabs li:hover { background: #fafafa; } body.single-product div.product .woocommerce-tabs ul.tabs li a { display: inline-block; text-decoration: none; } body.single-product div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #5e5e5e; } body.single-product div.product .woocommerce-tabs ul.tabs li.active { background: #f7f7f7; z-index: 2; } body.single-product div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } body.single-product div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #ff5722; } body.single-product div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #ff5722; } body.single-product div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #e6e6e6; z-index: 1; } body.single-product div.product .woocommerce-tabs #tab-reviews #review_form_wrapper form.comment-form .comment-form-rating label { padding: 8px 0; } body.single-product div.product .woocommerce-tabs #tab-reviews #review_form_wrapper form.comment-form .comment-form-comment textarea { border-radius: 0px; outline: none; border: solid 1px #eee; } body.single-product div.product .woocommerce-tabs #tab-reviews #review_form_wrapper form.comment-form input { display: block; border-radius: 0px; border: solid 1px #eee; } body.single-product div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } body.single-product div.product .related h2, body.single-product div.product .upsells.products h2, body.single-product div.product .cross-sells h2 { font-size: 17px; font-weight: bold; } body.single-product div.product .related ul.products, body.single-product div.product .upsells.products ul.products, body.single-product div.product .cross-sells ul.products, body.single-product div.product .related ul, body.single-product div.product .upsells.products ul, body.single-product div.product .cross-sells ul { margin-bottom: 0; } body.single-product div.product .related ul.products li.product, body.single-product div.product .upsells.products ul.products li.product, body.single-product div.product .cross-sells ul.products li.product, body.single-product div.product .related ul li.product, body.single-product div.product .upsells.products ul li.product, body.single-product div.product .cross-sells ul li.product { width: 30.75%; margin-bottom: 20px; } @media screen and (max-width: 767px) { body.single-product div.product .related ul.products li.product, body.single-product div.product .upsells.products ul.products li.product, body.single-product div.product .cross-sells ul.products li.product, body.single-product div.product .related ul li.product, body.single-product div.product .upsells.products ul li.product, body.single-product div.product .cross-sells ul li.product { width: 49% !important; } } body.single-product div.product p.cart { margin-bottom: 2em; } body.single-product div.product form.cart { margin-bottom: 10px; } body.single-product div.product form.cart div.quantity { float: left; margin: 0 4px 0 0; } body.single-product div.product form.cart table { border-width: 0 0 1px 0; } body.single-product div.product form.cart table td { padding-left: 0; } body.single-product div.product form.cart table div.quantity { float: none; margin: 0; } body.single-product div.product form.cart table small.stock { display: block; float: none; } body.single-product div.product form.cart .variations { margin-bottom: 1em; border: 0; } body.single-product div.product form.cart .variations td, body.single-product div.product form.cart .variations th { border: 0; } body.single-product div.product form.cart .variations label { font-weight: bold; color: #ff5722; font-size: 16px; display: inline-block; padding-right: 0; padding-top: 1px; } body.single-product div.product form.cart .variations select { width: 100%; float: left; } body.single-product div.product form.cart .variations .reset_variations { font-weight: lighter; font-size: x-small; padding-left: 5px; } body.single-product div.product form.cart .variations td.label { padding-right: 0; display: inline-block; } body.single-product div.product form.cart .variations td { vertical-align: top; } body.single-product div.product form.cart .variations #pa_color { background: #ebebeb; border: solid 1px #e6e6e6; outline: none; width: auto; } body.single-product div.product form.cart .button { vertical-align: middle; float: left; } @media screen and (max-width: 767px) { body.single-product div.product form.cart .button { font-size: 12px !important; } } body.single-product div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } body.single-product div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } /** * Cart page */ .woocommerce-cart table.cart .product-thumbnail { min-width: 100px; } .woocommerce-cart table.cart .product-thumbnail img { border-radius: 50%; } .woocommerce-cart table.cart img { width: 100px; box-shadow: none; } .woocommerce-cart table.cart td.actions { padding: 18px 12px; } .woocommerce-cart table.cart td.actions button { margin: 0px; } .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: #ffffff; border: 1px solid #e6e6e6; padding: 6px 6px 8px; border-radius: 0px; margin: 0 4px 0 0; outline: 0; line-height: 1; } .woocommerce-cart table.cart input { margin: 0; vertical-align: middle; line-height: 2em; } .woocommerce-cart .wc-proceed-to-checkout { overflow: auto; padding: 1em 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { float: right; } .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; font-family: "Arvo", sans-serif; } .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: #ff5722; } .woocommerce-cart .cart-collaterals .cart_totals p small { font-size: 0.83em; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 6px; padding: 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 { 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 10px; line-height: 2em; } .woocommerce-cart .cart-collaterals .cart_totals table small { color: #ff5722; } .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #523e07; } .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; } /** * 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 .product-thumb-container { position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .woocommerce ul.products li.product .product-desc { overflow: auto; } .woocommerce ul.products li.product .product-desc .product-title-wrapper { display: flex; display: -webkit-flex; align-items: baseline; margin: 12px 0; } .woocommerce ul.products li.product .product-desc .product-title-wrapper h2 { width: auto; max-width: 70%; font-size: 17px; font-weight: 400; margin: 0px; line-height: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; } .woocommerce ul.products li.product .product-desc .product-title-wrapper span.onsale { text-align: right; line-height: 1.4em; text-transform: uppercase; font-size: 12px; color: black; letter-spacing: .06em; margin-left: 5px; } .woocommerce ul.products li.product .product-desc .product-meta-wrapper { display: flex; flex-direction: row-reverse; } .woocommerce ul.products li.product .product-desc .product-meta-wrapper span.price { margin-right: auto; position: relative; bottom: 0; color: #81620b; font-size: 13px; float: left; left: 0; line-height: 1.4em; } .woocommerce ul.products li.product .product-desc .product-meta-wrapper span.price del { float: left; color: #b0860f; margin-right: 2px; } .woocommerce ul.products li.product .product-desc .product-meta-wrapper span.price ins { float: left; background: transparent; } .woocommerce .woocommerce-result-count { margin-bottom: 1em; font-weight: 300; color: #ccc; } .woocommerce .woocommerce-ordering { margin-left: auto; } /** * * 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; font-family: "Arvo", sans-serif; } table.shop_attributes td { color: #777; 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: 0px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } table.shop_table th { padding: 9px 12px; font-family: "Arvo", sans-serif; } table.shop_table td { border-top: 1px solid #e6e6e6; padding: 6px 12px; vertical-align: middle; } table.shop_table tbody tr { transition: background .2s ease; } table.shop_table tbody tr:hover { background: #f2f2f2; } 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; } /** * Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 0px; margin-top: 15px; background-color: #ff5722; color: white; -webkit-font-smoothing: antialiased; box-shadow: none; border: 0px; text-shadow: none; text-transform: uppercase; letter-spacing: .04em; padding: 8px 16px; font-weight: 700; line-height: normal; } .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.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background-color: #ff5722; color: white; -webkit-font-smoothing: antialiased; box-shadow: none; border: 0px; text-shadow: none; text-transform: uppercase; letter-spacing: .04em; padding: 8px 16px; font-weight: 700; } .woocommerce a.button.alt:before, .woocommerce button.button.alt:before, .woocommerce input.button.alt:before, .woocommerce #respond input#submit.alt:before { content: "\f07a"; font-family: "FontAwesome"; margin-right: 10px; } .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: #ff7e55; color: #ffffff78; } .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] { background-color: #ff7e55; color: #ffffff78; cursor: not-allowed; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { position: absolute; bottom: 0; right: 0; line-height: 2em; background: #333; color: white; padding: 5px 16px; border-radius: 0px; font-size: 13px; font-weight: bold; } .woocommerce a.added_to_cart:before { content: "\f07a"; font-family: "FontAwesome"; position: relative; font-size: 14px; } .widget_product_search input[type=search] { background: white; border: solid 2px #eee; border-radius: 0px; padding: 15px 5px; font-size: 15px; outline: none; width: 100%; } .widget_product_search button { display: none; } ul.cart_list, ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } ul.cart_list li, ul.product_list_widget li { position: relative; padding: 0 !important; margin: 0; margin-bottom: 25px; list-style: none; } ul.cart_list li:before, ul.product_list_widget li:before { display: none !important; } ul.cart_list li a, ul.product_list_widget li a { display: block; font-weight: 700; } ul.cart_list li img, ul.product_list_widget li img { float: left !important; margin-left: 0px; width: 30%; margin-right: 16px; height: auto; box-shadow: none; } ul.cart_list li .amount, ul.product_list_widget li .amount { font-size: 15px; color: #81620b; } ul.cart_list li ins, ul.product_list_widget li ins { background: none; } ul.cart_list li a.remove, ul.product_list_widget li a.remove { display: inline-block; position: absolute; float: right; background: transparent; } ul.cart_list li dl, ul.product_list_widget li dl { margin: 0; padding-left: 1em; } ul.cart_list li dl dt, ul.product_list_widget li dl dt, ul.cart_list li dl dd, ul.product_list_widget li dl dd { display: inline-block; float: none; margin-bottom: 0; } ul.cart_list li dl dt, ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 .25em 0; margin: 0 4px 0 0; clear: left; } ul.cart_list li dl dd, ul.product_list_widget li dl dd { padding: 0 0 .25em 0; } ul.cart_list li dl dd p:last-child, ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } ul.cart_list li .star-rating, ul.product_list_widget li .star-rating { float: none; margin: 10px 0px; } ul.cart_list li img { width: 72px; } .widget_shopping_cart .total, .widget_shopping_cart .total { border-top: 1px double #ffffff; padding: 4px 0 0; float: right; } .widget_shopping_cart .total strong, .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons, .widget_shopping_cart .buttons { float: right; display: block; clear: both; } .widget_shopping_cart .cart_list li, .widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .widget_shopping_cart .cart_list li a.remove, .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: 0; } .widget_top_rated_products ul li img { width: 64px; } /** * Layered nav widget */ .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .widget_layered_nav ul li a, .widget_layered_nav ul li span { padding: 1px 0; } .widget_layered_nav ul li.chosen a:before { color: red; } .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .widget_layered_nav_filters ul li a { text-decoration: none; } /** * Price filter widget */ .widget_price_filter .price_slider { margin-bottom: 1em; margin-top: 1em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; font-size: 0.8751em; } .widget_price_filter .price_slider_amount .button { margin-top: 0px; border-radius: 15px; font-size: 1.15em; } .widget_price_filter .price_slider_amount .price_label { font-family: "Arvo", sans-serif; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #eebe37; border-radius: 1em; cursor: ew-resize; outline: none; top: -3px; margin-left: -0.5em; } .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: #ecb61f; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #dfaa13; border: 0; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_top_rated_products li a img { width: 72px; } .widget_top_rated_products .star-rating { width: calc( 100% - 100px ); } .woocommerce-MyAccount-navigation ul { margin: 0; } .woocommerce-MyAccount-navigation ul li { list-style: none; background: #ff5722; margin-bottom: 5px; color: white; } .woocommerce-MyAccount-navigation ul li a { display: block; text-transform: uppercase; font-size: 14px; font-weight: 700; color: white; padding: 6px 12px; } .woocommerce-MyAccount-navigation ul li.is-active { background: black; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f0e4"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { content: "\f07a"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { content: "\f019"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f041"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f007"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\f023"; font-family: "FontAwesome"; margin-right: 5px; } .woocommerce-MyAccount-content { background: #ffffff; padding: 15px; border-top: 3px solid #eebe37; } .woocommerce-MyAccount-content .woocommerce-info { border-top: none; background: none; margin: 0 !important; padding-top: 0!important; padding-bottom: 0!important; } .woocommerce-MyAccount-content .woocommerce-info:before { color: #eebe37; } .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button { margin-top: 0px; margin-left: 5px; } #top-cart { display: inline-block; color: #fff; } #top-cart a.cart-contents { float: right; font-size: 12px; margin-left: 10px; color: #fff; } #top-cart i.fa-shopping-cart { font-size: 36px; float: right; }