html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:focus {
}
a:hover,
a:active {
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #4f4f4f;
font-family: sans-serif;
font-size: 13px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: 300;
line-height: 1em;
word-wrap: break-word;
color: #5e5e5e;
margin-top: 0;
}
h1 {
font-size: 32px;
margin-bottom: 0.55em;
}
h2 {
font-size: 28px;
margin-bottom: 0.65em;
}
h3 {
font-size: 22px;
margin-bottom: 0.8em;
}
h4 {
font-size: 20px;
margin-bottom: 1.1em;
}
h5 {
font-size: 16px;
margin-bottom: 1.3em;
}
h6 {
font-size: 14px;
margin-bottom: 1.4em;
}
.entry-content code {
display: block;
background: #f7f7f7;
border: 1px solid #d8d8d8;
padding: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
margin: 5px 0;
overflow-x: auto;
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 3px;
color: #fff;
cursor: pointer; -webkit-appearance: button; font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 10px 25px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5),
inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 100%;
}  a {
text-decoration: none;
}
a:visited {
}
a:hover,
a:focus,
a:active {
} .main-navigation {
clear: both;
display: block;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
color: #626262;
}
.main-navigation.header-stick.stuck {
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.015);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 58px;
z-index: 99999;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
position: relative;
display: block;
float: left;
}
.main-navigation ul.nav-menu > li {
float: left;
}
.main-navigation.main-nav-centered {
text-align: center;
}
.main-navigation.main-nav-centered li {
float: none !important;
display: inline-block;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 19px 22px 20px;
font-size: 13px;
text-transform: uppercase;
white-space: nowrap;
text-align: center;
color: inherit;
-webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
.main-navigation a:hover {
color: #fff;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.95);
float: left;
position: absolute;
top: 58px;
left: -999em;
z-index: 99999;
display: none;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
display: none;
}
.main-navigation ul ul a {
width: 200px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
white-space: nowrap;
text-align: left;
width: auto;
padding: 15px 32px 15px 20px;
min-width: 190px;
}
.main-navigation ul ul li {
float: none;
width: 100%;
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
left: auto;
display: block;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
display: block;
}
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current_page_parent > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current_page_ancestor > a {
color: #fff;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
.header-menu-button {
display: none;
background: none !important;
color: inherit;
border: 0;
width: 100%;
}
.main-menu-close {
display: none;
background: none !important;
box-shadow: none !important;
border: 0 !important;
}
.menu-dropdown-btn {
display: none;
position: absolute;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.1) !important;
border-radius: 2px;
color: #838383;
margin: 0;
padding: 10px 14px;
box-shadow: none;
height: 35px;
line-height: 15px;
text-align: center;
font-size: 14px;
z-index: 9;
cursor: pointer;
}
.header-menu-button,
.main-menu-close {
display: none;
}
.menu-dropdown-btn {
display: none;
position: absolute;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.1);
color: #838383;
margin: 0;
padding: 10px 14px; height: 35px;
line-height: 15px;
text-align: center;
font-size: 14px;
z-index: 9;
cursor: pointer;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .clearboth {
clear: both;
}
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.border-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
} .site-boxed {
background-color: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 0 6px rgba(0, 0, 0, 0.1);
max-width: 1140px;
margin: 0 auto;
}
.woocommerce #container,
.woocommerce-page #container,
.content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
width: 75%;
float: left;
padding: 0 2% 0 0;
}
.widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
width: 25%;
float: left;
padding: 15px 0 0 2%;
}
.home .widget-area {
padding-top: 22px !important;
}
.woocommerce .widget-area,
.woocommerce-page .widget-area {
padding-top: 45px !important;
}
.topshop-remove-page-titles.woocommerce .widget-area,
.topshop-remove-page-titles.woocommerce-page .widget-area {
padding-top: 5px !important;
}
.woocommerce-cart .widget-area,
.woocommerce-checkout .widget-area,
.woocommerce-account .widget-area,
.single-product.woocommerce .widget-area,
.single-product.woocommerce-page .widget-area {
padding-top: 15px !important;
}
.blog .widget-area {
padding-top: 15px !important;
}
.page-template-template-left-sidebar-php .content-area {
float: left;
padding: 0 0 0 2%;
}
.page-template-template-left-sidebar-php .widget-area {
float: left;
padding: 15px 2% 0 0;
}
.error404 .content-area,
.content-area-full,
.page-template-template-full-width-php .content-area,
.woocommerce .content-no-sidebar #container,
.woocommerce-page .content-no-sidebar #container,
.content-no-sidebar .content-area {
float: none;
width: 100%;
padding: 0;
box-shadow: none;
}
.woocommerce .breadcrumbs,
.woocommerce-page .breadcrumbs,
.woocommerce .entry-header.site-container,
.woocommerce-page .entry-header.site-container {
display: none;
}
.page-template-default .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
}
.page-template-template-left-sidebar-php .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
}
.page-template-default .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
}
.page-template-template-left-sidebar-php .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
}
.content-no-sidebar .content-area,
.page-template-template-full-width-php .content-area,
.page-template-template-full-width-php .widget-area {
box-shadow: none;
} #page {
position: relative;
right: 0;
-webkit-transition: right 0.4s ease 0s;
-moz-transition: right 0.4s ease 0s;
-ms-transition: right 0.4s ease 0s;
-o-transition: right 0.4s ease 0s;
transition: right 0.4s ease 0s;
}
.site-container {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
}
.site-content.site-container {
line-height: 1.8;
}
.site-boxed .site-header .main-navigation .site-container {
padding: 0;
}
.site-boxed {
background-color: #fff;
}
.site-header {
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.015);
margin: 0 0 25px;
color: #777;
}
.home .site-header {
margin: 0;
}
a.site-logo-img {
display: block;
}
.site-top-bar .site-container {
position: relative;
}
.site-description {
color: inherit;
}
.site-top-bar ul {
margin: 0;
padding: 0;
}
.site-top-bar ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-top-bar ul li a {
display: block;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
color: inherit;
padding: 0 7px;
}
.site-top-bar .search-block {
position: absolute;
bottom: 2px;
right: 20px;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
padding: 30px 0 6px 6px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-top: 0;
background-color: #ffffff;
z-index: 96;
}
.site-top-bar .search-block .search-field,
.site-top-bar
.search-block
.product-search
input[type="text"].product-search-field,
.site-top-bar .aws-container .aws-search-field {
margin: 0;
padding: 4px 9px;
height: 23px;
width: 270px;
color: #898989;
}
.site-top-bar
.search-block
.product-search
input[type="text"].product-search-field {
height: auto;
margin: 0 5px 0 0;
}
.site-top-bar .search-block .search-submit {
padding: 0;
background-image: url(//littleframes.ro/wp-content/themes/topshop/images/search_btn_bg.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 33px;
width: 34px;
position: relative;
right: 6px;
}
.aws-container .aws-search-field {
line-height: 20px;
height: auto;
}
.blog .entry-header.site-container {
margin: 0 0 25px;
}
.no-results.not-found,
.error-404.not-found {
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 210px 40px;
text-align: center;
}
.no-results.not-found .page-header,
.error-404.not-found .page-header {
display: inline-block;
vertical-align: top;
}
.no-results.not-found .page-header .page-title,
.error-404.not-found .page-header .page-title {
color: #000;
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 58px;
}
.no-results.not-found .page-header .page-title {
font-size: 38px;
}
.no-results.not-found .page-content,
.error-404.not-found .page-content {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0 0 0 10px;
padding: 0 0 4px 15px;
font-size: 15px;
line-height: 24px;
}
.no-results.not-found .page-content {
max-width: 40%;
font-size: 13px;
line-height: 18px;
padding: 0 0 0 14px;
}
.no-results.not-found .page-content p,
.error-404.not-found .page-content p {
margin: 0;
padding: 0;
}
.no-results-btn {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.1);
font-weight: 500;
margin: 20px 0 0;
padding: 5px 20px;
border-radius: 3px;
color: #ffffff !important;
}
.woocommerce h1.page-title,
.woocommerce-page h1.page-title {
margin: 0 0 15px;
padding: 0;
}
header.entry-header .entry-title {
font-size: 32px;
} .header-cart {
position: relative;
}
.header-cart .site-header-cart {
display: none;
background-color: #fff;
position: absolute;
top: auto;
left: auto;
right: 0;
width: 280px;
z-index: 9999;
color: #9a9a9a;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
text-transform: none;
font-size: 11px;
text-align: center;
}
.header-cart .site-header-cart .woocommerce.widget_shopping_cart {
background-color: rgba(0, 0, 0, 0.02);
padding: 5px;
margin: 0;
}
.header-cart .site-header-cart .woocommerce-mini-cart-item.mini_cart_item {
float: none;
display: block;
margin: 0;
padding: 0 1px 13px 12px;
text-align: left;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
text-transform: none;
}
.header-cart
.site-header-cart
.woocommerce-mini-cart-item.mini_cart_item
span.quantity {
padding: 0 0 0 22px;
}
.header-cart
.site-header-cart
.widget_shopping_cart
.product_list_widget
li
a.remove {
position: relative;
float: left !important;
top: auto !important;
margin: 17px 0 0 0;
padding: 1px 10px 12px 3px;
background: none;
color: #f94a4a !important;
}
.header-cart
.site-header-cart
.widget_shopping_cart
.product_list_widget
li
a.remove:hover {
background-color: #f94a4a !important;
color: #fff !important;
}
.header-cart .site-header-cart ul {
display: block !important;
}
.header-cart .site-header-cart ul.cart_list li a,
.header-cart .site-header-cart ul.product_list_widget li a {
padding: 14px 12px 2px 22px;
letter-spacing: 1px;
font-weight: 600;
font-size: 12px;
color: #7d7d7d;
background-color: transparent !important;
}
.header-cart .site-header-cart .widget_shopping_cart .total {
margin: 0 0 10px;
padding: 8px 0 0;
color: #7d7d7d;
border-top: 3px double rgba(0, 0, 0, 0.03);
text-align: center;
}
.header-cart .site-header-cart .woocommerce-mini-cart__buttons.buttons {
margin: 0 0 10px;
}
.header-cart .site-header-cart .widget_shopping_cart .buttons a {
padding: 6px 5px;
font-size: 12px;
width: 42%;
text-align: center;
}
.site-header-cart .woocommerce-mini-cart__empty-message {
padding: 14px 5px 15px;
margin: 0;
}
.header-cart:hover .site-header-cart {
display: block;
} .breadcrumbs {
line-height: 15px;
font-size: 11px;
text-transform: uppercase;
margin: 0 0 20px;
color: #777;
} .home-slider-wrap {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
position: relative;
width: 100%;
margin: 0 0 20px;
}
.home-slider-remove {
height: 403px !important;
overflow: hidden;
background-image: url(//littleframes.ro/wp-content/themes/topshop/images/loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.home-slider-remove .home-slider {
visibility: hidden;
}
.home-slider-block {
display: block;
float: left;
position: relative;
}
.home-slider-block-inner {
position: absolute;
font-size: 19px;
color: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
text-align: center;
margin: auto;
width: 60%;
height: 35%;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.home-slider-block h3 {
color: #fff;
font-size: 48px;
letter-spacing: 1px;
margin: 0 0 8px;
padding: 0;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
text-transform: uppercase;
}
.home-slider-block h3 a {
color: #fff;
}
.home-slider-block-inner p {
max-width: 980px;
margin: 0 auto;
}
.home-slider img {
display: block;
width: 100%;
height: auto;
}
.home-slider-pager {
bottom: 0;
height: 30px;
position: absolute;
text-align: center;
width: 100%;
}
.home-slider-pager a.selected span {
background-color: #ffffff;
position: relative;
}
.home-slider-pager a {
display: inline-block;
vertical-align: middle;
padding: 3px 2px;
}
.home-slider-pager span {
border: 1px solid #ffffff;
border-radius: 8px;
display: inline-block;
height: 8px;
line-height: 0;
overflow: hidden;
text-indent: -100px;
width: 8px;
}
.home-slider-prev,
.home-slider-next {
position: absolute;
top: 50%;
background-image: none !important;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 200px;
color: #ffffff;
line-height: 50px;
margin: -26px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
width: 50px;
text-align: center;
font-size: 27px;
opacity: 0;
cursor: pointer;
z-index: 9;
transform: scale(0.7);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.home-slider-prev {
left: 5px;
}
.home-slider-next {
right: 5px;
}
.home-slider-prev i,
.home-slider-next i {
font-size: 0.8em;
position: relative;
top: -3px;
}
.home-slider-wrap:hover .home-slider-prev,
.home-slider-wrap:hover .home-slider-next {
opacity: 1;
transform: scale(1);
}
.home-slider-wrap:hover .home-slider-prev.disabled,
.home-slider-wrap:hover .home-slider-next.disabled {
opacity: 0.4;
cursor: default;
} .search-btn {
cursor: pointer;
}
.social-icon {
color: inherit;
} .site-footer {
background-color: #ffffff;
margin: 25px 0 0;
}
.site-footer i.search-btn {
display: none !important;
}
.site-footer-widgets {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 20px 0 15px;
}
.site-footer-widgets .site-container ul li {
display: block;
}
.site-footer-widgets .site-container > ul {
margin: 0;
padding: 0;
}
.site-footer-widgets .site-container > ul > li {
margin: 0;
padding: 10px 18px 20px;
list-style-type: none;
display: block;
float: left;
width: 25%;
box-sizing: border-box;
}
.site-footer-widgets ul li:first-child {
padding: 10px 18px 20px 0;
}
.site-footer-widgets ul li:last-child {
padding: 10px 0 20px 18px;
}
.site-footer-widgets ul li .widgettitle,
.site-footer-widgets ul li .widget-title,
.site-footer-widgets li .widgettitle,
.site-footer-widgets li .widget-title {
padding: 0 0 6px;
margin: 0 0 10px 0;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
border-bottom: 1px solid #eaeaea;
font-weight: 600;
color: #4d4d4d;
}
.site-footer-widgets .widget ul {
margin: 0;
padding: 0;
}
.site-footer-widgets .widget ul li {
margin: 0 0 2px;
padding: 0;
display: block;
float: none;
}
.site-footer-widgets .widget ul li a {
}
.site-footer-widgets .widget .search-field {
width: 100%;
box-sizing: border-box;
padding: 5px 8px;
}
.site-footer-widgets .widget article .entry-title {
font-size: 16px;
}
.site-footer-bottom-bar {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 15px 0 15px;
font-size: 11px;
}
.site-footer-bottom-bar-left {
float: left;
}
.site-footer-bottom-bar-right {
float: right;
text-align: right;
}
.site-footer-bottom-bar-switch .site-footer-bottom-bar-left {
float: right;
text-align: right;
}
.site-footer-bottom-bar-switch .site-footer-bottom-bar-right {
float: left;
text-align: left;
}
.site-footer-bottom-bar-right ul {
margin: 0;
padding: 0;
}
.site-footer-bottom-bar-right ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-footer-bottom-bar-right ul li a {
display: block;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
color: inherit;
padding: 0 7px;
}
.site-footer-bottom-bar-right ul li:last-child {
box-shadow: none;
}
.site-footer-bottom-bar-right ul li:last-child a {
padding: 0 0 0 7px;
} .site-footer-social {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 70px 0;
text-align: center;
}
.site-footer-social a {
display: inline-block;
font-size: 36px;
margin: 0 20px;
padding: 0;
} .site-footer-custom.site-footer-widgets {
padding: 20px 0 15px;
}
.site-footer-custom.site-footer-widgets:after {
display: block;
content: "";
clear: both;
}
.footer-custom-block {
margin: 0;
padding: 10px 20px 20px;
list-style-type: none;
min-height: 80px;
float: left;
}
.topshop-footer-custom-cols-1 .footer-custom-block {
width: 100%;
}
.topshop-footer-custom-cols-2 .footer-custom-block {
width: 50%;
}
.topshop-footer-custom-cols-3 .footer-custom-block {
width: 33.3333%;
}
.topshop-footer-custom-cols-4 .footer-custom-block {
width: 25%;
}
.topshop-footer-custom-cols-5 .footer-custom-block {
width: 20%;
}
.site-footer-custom .footer-custom-block:first-child {
padding-left: 0;
}
.site-footer-custom .footer-custom-block:last-child {
padding-right: 0;
} .widget {
margin: 0 0 1.5em;
}
.widget-area .widget {
margin: 0 0 25px;
}
.widget-area .widget ul.children {
padding: 0 0 0 10px;
} .widget select {
max-width: 100%;
}
.widget-area .widget .search-field {
width: 100%;
box-sizing: border-box;
padding: 5px 8px;
} .widget_search .search-submit {
display: none;
}
.widget-area .widget-title {
padding: 0 0 6px;
margin: 0 0 10px 0;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
border-bottom: 1px solid #eaeaea;
font-weight: 600;
color: #4d4d4d;
}
.widget-area .widget ul {
margin: 0;
padding: 0;
}
.widget-area .widget ul li {
margin: 0 0 2px;
padding: 0;
list-style-type: none;
}
.widget-area .widget ul li a {
}  .sticky {
display: block;
}
.hentry {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: 0 0 30px;
padding: 0 0 30px;
}
.page .hentry {
border: 0;
margin: 0 0 25px;
padding: 0;
}
.byline,
.updated:not(.published) {
margin: 0 0 0 1px;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.post-loop-content span.posted-on .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.wp-caption img {
box-shadow: none;
} .blog-post-side-layout article.type-post {
display: flex;
align-items: flex-start;
}
.blog-post-side-layout .post-loop-images {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
width: 32%;
border-radius: 3px;
overflow: hidden;
}
.blog-post-side-layout .post-loop-images img {
display: block;
margin: 0;
}
.blog-post-side-layout .post-loop-content {
flex: 1;
padding: 10px 0;
}
.blog-post-side-layout .has-post-thumbnail .post-loop-content {
padding-left: 25px;
} .blog-post-right-layout article.type-post {
display: flex;
align-items: flex-start;
}
.blog-post-right-layout .post-loop-images {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
width: 32%;
border-radius: 3px;
overflow: hidden;
order: 2;
}
.blog-post-right-layout .post-loop-images img {
display: block;
margin: 0;
}
.blog-post-right-layout .post-loop-content {
flex: 1;
padding: 10px 0;
order: 1;
}
.blog-post-right-layout .has-post-thumbnail .post-loop-content {
padding-right: 25px;
} .blog-post-alt-layout article.type-post {
display: flex;
align-items: flex-start;
}
.blog-post-alt-layout .post-loop-images {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
width: 32%;
border-radius: 3px;
overflow: hidden;
}
.blog-post-alt-layout .post-loop-images img {
display: block;
margin: 0;
}
.blog-post-alt-layout .post-loop-content {
flex: 1;
padding: 10px 0;
order: 1;
}
.blog-post-alt-layout .blog-alt-odd .post-loop-images {
order: 1;
}
.blog-post-alt-layout .blog-alt-even .post-loop-images {
order: 2;
}
.blog-post-alt-layout .blog-alt-odd .post-loop-content {
order: 2;
}
.blog-post-alt-layout .blog-alt-even .post-loop-content {
order: 1;
}
.blog-post-alt-layout .has-post-thumbnail.blog-alt-odd .post-loop-content {
padding-left: 25px;
}
.blog-post-alt-layout .has-post-thumbnail.blog-alt-even .post-loop-content {
padding-right: 25px;
} .blog-post-top-layout article.type-post {
display: flex;
flex-direction: column;
}
.blog-post-top-layout .post-loop-images {
margin: 0 0 22px;
}
.blog-post-top-layout .post-loop-images-carousel img {
display: inline-block;
}
.post-loop-images-carousel-wrapper {
position: relative;
}
.post-loop-images-carousel-wrapper-remove {
background-image: url(//littleframes.ro/wp-content/themes/topshop/images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
height: 220px;
overflow: hidden;
}
.post-loop-images-prev,
.post-loop-images-next {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.24);
border-radius: 3px;
cursor: pointer;
height: 38px;
color: #fff;
text-align: center;
font-size: 22px;
line-height: 22px;
margin: -16px 0 0;
padding: 5px 0 0;
position: absolute;
top: 50%;
width: 34px;
z-index: 9;
opacity: 0;
transform: scale(0.8);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.post-loop-images-prev {
left: 8px;
}
.post-loop-images-next {
right: 8px;
}
.post-loop-images-carousel-remove {
height: 220px !important;
visibility: hidden !important;
overflow: hidden;
}
.post-loop-images-carousel div {
float: left;
text-align: center;
}
.post-loop-images-carousel img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.hentry:hover .post-loop-images-prev,
.hentry:hover .post-loop-images-next {
opacity: 1;
transform: scale(1);
}
.single .entry-thumbnail {
margin: 20px 0;
text-align: center;
} .topshop-numeric-navigation {
margin: 50px 0 0;
min-height: 40px;
}
.topshop-numeric-navigation ul {
margin: 0;
padding: 0;
text-align: center;
}
.topshop-numeric-navigation li a,
.topshop-numeric-navigation li a:hover,
.topshop-numeric-navigation li.active a,
.topshop-numeric-navigation li.disabled {
text-decoration: none;
}
.topshop-numeric-navigation li {
display: inline-block;
list-style-type: none;
font-size: 0.85em;
vertical-align: baseline;
}
.topshop-numeric-navigation.square li a,
.topshop-numeric-navigation.square li a:hover,
.topshop-numeric-navigation.square li.active a,
.topshop-numeric-navigation.square li.disabled,
.topshop-numeric-navigation.squaretxt li a,
.topshop-numeric-navigation.squaretxt li a:hover,
.topshop-numeric-navigation.squaretxt li.active a,
.topshop-numeric-navigation.squaretxt li.disabled {
border-radius: 3px;
cursor: pointer;
padding: 12px;
color: #fff;
}
.topshop-numeric-navigation.circle li a,
.topshop-numeric-navigation.circle li a:hover,
.topshop-numeric-navigation.circle li.active a,
.topshop-numeric-navigation.circle li.disabled {
border-radius: 50%;
cursor: pointer;
padding: 5px;
color: #fff;
}
.topshop-numeric-navigation.circle li a {
display: block;
width: 30px;
height: 30px;
}
.topshop-numeric-navigation.circle li.prev,
.topshop-numeric-navigation.circle li.next,
.topshop-numeric-navigation.circle li.prev a,
.topshop-numeric-navigation.circle li.next a,
.topshop-numeric-navigation.squaretxt li.prev,
.topshop-numeric-navigation.squaretxt li.next,
.topshop-numeric-navigation.squaretxt li.prev a,
.topshop-numeric-navigation.squaretxt li.next a {
background: none !important;
width: auto;
}
.topshop-numeric-navigation.circle li.prev,
.topshop-numeric-navigation.squaretxt li.prev,
.topshop-numeric-navigation.numbers li.prev {
margin-right: 12px;
}
.topshop-numeric-navigation.circle li.next,
.topshop-numeric-navigation.squaretxt li.next,
.topshop-numeric-navigation.numbers li.next {
margin-left: 12px;
}
.topshop-numeric-navigation.numbers li {
font-size: 1.15em;
margin: 0 4px;
}
.topshop-numeric-navigation.numbers li.prev,
.topshop-numeric-navigation.numbers li.next {
font-size: 0.8em;
} .pag-btn-default .topshop-loadmore,
.pag-btn-two .topshop-loadmore {
margin: 18px auto 0;
padding: 10px 24px !important;
background-color: #f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: none;
border-radius: 2px;
color: inherit;
display: block;
text-align: center;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
cursor: pointer;
text-transform: uppercase;
padding: 10px 0;
-webkit-transition: background-color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
}
.pag-btn-one .topshop-loadmore {
background: none !important;
margin: 18px auto 0;
padding: 10px 24px !important;
border: 1px solid rgba(0, 0, 0, 0.18);
color: #7b7b7b;
box-shadow: none;
border-radius: 2px;
display: block;
text-align: center;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
cursor: pointer;
text-transform: uppercase;
padding: 10px 0;
-webkit-transition: background-color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
}
.topshop-loadmore.wide {
width: 100%;
}
.pag-btn-default .topshop-loadmore:hover {
background-color: #828282;
color: #f1f1f1;
}
.pag-btn-one .topshop-loadmore:hover {
border-color: #000;
color: #000;
}
.topshop-scrollmore {
padding: 20px 20px 10px;
position: relative;
}
.topshop-scrollmore::before {
display: block;
content: "";
width: 25px;
height: 25px;
border: 2px solid rgba(167, 167, 167, 0.25);
border-top-color: #7999c1;
border-radius: 50%;
position: relative;
animation: loader-rotate 1.2s linear infinite;
top: 50%;
margin: -10px auto 0 auto;
} .topshop-site-loading {
overflow: hidden;
}
.topshop-site-loader {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999;
background-color: #fff;
}
.topshop-loader-default .s-loader {
width: 56px;
height: 56px;
border: 7px solid rgba(0, 82, 236, 0.25);
border-top-color: #7999c1;
border-radius: 50%;
position: relative;
animation: loader-rotate 1.2s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.topshop-loader-1 .s-loader {
width: 56px;
height: 56px;
border: 6px solid #7999c1;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1.2s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.topshop-loader-1 .s-loader::after {
content: "";
width: 6px;
height: 6px;
background-color: #7999c1;
border-radius: 50%;
position: absolute;
top: 2px;
left: 37px;
}
.topshop-loader-2 .s-loader {
width: 56px;
height: 56px;
border: 7px solid transparent;
border-top-color: #7999c1;
border-bottom-color: #7999c1;
border-radius: 50%;
position: relative;
animation: loader-rotate 1.2s linear infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.topshop-loader-3 .s-loader {
width: 56px;
height: 56px;
border: 4px solid #7999c1;
border-radius: 50%;
position: relative;
animation: loader-scale 1.2s ease-out infinite;
top: 50%;
margin: -28px auto 0 auto;
}
.topshop-loader-4::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
background-color: #7999c1;
animation: corners 3.4s ease both infinite;
}
.topshop-loader-4.sl-border {
border: 0 !important;
}
.topshop-loader-default.small .s-loader,
.topshop-loader-1.small .s-loader,
.topshop-loader-2.small .s-loader,
.topshop-loader-3.small .s-loader {
width: 30px;
height: 30px;
border-width: 3px;
margin: -15px auto 0;
}
.topshop-loader-1.small .s-loader::after {
top: 2px;
left: 21px;
width: 3px;
height: 3px;
}
.topshop-loader-default.large .s-loader,
.topshop-loader-1.large .s-loader,
.topshop-loader-2.large .s-loader,
.topshop-loader-3.large .s-loader {
width: 120px;
height: 120px;
margin: -60px auto 0;
}
.topshop-loader-1.large .s-loader::after {
top: 10px;
left: 90px;
}
.topshop-site-loader.sl-border {
border: 6px solid rgba(0, 0, 0, 0.08);
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes corners {
6% {
width: 140px;
height: 15px;
}
25% {
width: 15px;
height: 15px;
left: calc(100% - 15px);
top: 0;
}
31% {
height: 140px;
}
50% {
height: 15px;
top: calc(100% - 15px);
left: calc(100% - 15px);
}
56% {
width: 140px;
}
75% {
width: 15px;
left: 0;
top: calc(100% - 15px);
}
81% {
height: 140px;
}
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
article .entry-title {
margin: 0 0 8px;
font-size: 30px;
}
article .entry-meta {
color: #b0b0b0;
font-size: 0.95em;
font-style: italic;
}
article .tags-links {
margin: 0 0 0 10px;
}
article .entry-footer {
color: #b0b0b0;
font-size: 0.95em;
font-style: italic;
}
article .entry-footer span {
margin: 0 0 0 12px;
}
article .entry-footer span:first-child {
margin: 0;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author_bio_section {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
padding: 15px 20px 30px;
border: 1px solid rgba(0, 0, 0, 0.18);
margin: 40px 0 15px;
}
.author_name {
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
}
.author_details img {
border: 1px solid rgba(0, 0, 0, 0.18);
border-radius: 50%;
float: left;
margin: 0 15px 15px 0;
}
.comments-area {
}
.comments-title {
font-size: 18px;
}
.comment-list {
margin: 0;
padding: 20px 0 0;
list-style-type: none;
clear: both;
}
.comment-list li {
margin: 0;
padding: 0 0 10px;
}
.comment {
}
.comment-author {
float: left;
padding: 4px 0 0;
width: 60px;
}
.comment-container {
margin-left: 65px;
}
.comment-author .avatar {
border: 2px solid #dcdcdc;
}
.comment-meta cite {
display: block;
font-size: 13px;
font-weight: 600;
}
.comment-meta > a {
font-size: 11px;
}
.comment-content {
}
.comment .reply {
text-align: right;
}
.comments-area label {
float: left;
min-width: 10.5%;
padding: 6px 0 0;
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="password"],
.comments-area input[type="search"] {
padding: 0.8% 1%;
width: 75%;
}
#comments ul {
margin-left: 2em;
}
#comments li {
list-style-type: none;
}
.post-password-required input {
max-width: 280px;
margin: 0 5px;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
background-color: #fcfcfc;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
border-radius: 0 0 3px 3px;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 6px 10px;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .widget .gallery {
padding: 0;
}
.widget .gallery .gallery-item {
margin: 0 !important;
padding: 1px;
}
.widget .gallery .gallery-item img {
border-color: rgba(0, 0, 0, 0) !important;
display: block;
}
.scroll-to-top {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
border-radius: 2px;
color: #fff;
font-size: 20px;
cursor: pointer;
height: 44px;
padding: 6px 0 0;
position: fixed;
bottom: 46px;
right: 20px;
text-align: center;
width: 44px;
z-index: 999;
display: none;
} body.single-post.topshop-blog-single-leftsidebar .content-area,
body.blog.topshop-blog-leftsidebar .content-area,
body.archive.category.topshop-blog-archives-leftsidebar .content-area,
body.archive.tag.topshop-blog-archives-leftsidebar .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
float: right;
padding: 0 0 0 2%;
}
body.single-post.topshop-blog-single-leftsidebar .widget-area,
body.blog.topshop-blog-leftsidebar .widget-area,
body.archive.category.topshop-blog-archives-leftsidebar .widget-area,
body.archive.tag.topshop-blog-archives-leftsidebar .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
padding: 15px 2% 0 0;
} body.post-type-archive-product.woocommerce.topshop-shop-left-sidebar #container,
body.post-type-archive-product.woocommerce.topshop-shop-left-sidebar
.content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
float: right;
padding: 0 0 0 2%;
}
body.post-type-archive-product.woocommerce.topshop-shop-left-sidebar
.widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
padding: 15px 2% 0 0;
}
body.archive.woocommerce.topshop-shop-archives-left-sidebar #container,
body.archive.woocommerce.topshop-shop-archives-left-sidebar .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
float: right;
padding: 0 0 0 2%;
}
body.archive.woocommerce.topshop-shop-archives-left-sidebar .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
padding: 15px 2% 0 0;
}
body.single-product.woocommerce.topshop-shop-single-left-sidebar #container,
body.single-product.woocommerce.topshop-shop-single-left-sidebar .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04);
float: right;
padding: 0 0 0 2%;
}
body.single-product.woocommerce.topshop-shop-single-left-sidebar .widget-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.04) inset;
padding: 15px 2% 0 0;
} body.post-type-archive-product.woocommerce.topshop-shop-full-width #container,
body.post-type-archive-product.woocommerce.topshop-shop-full-width
.content-area {
box-shadow: none;
width: 100%;
float: none;
padding: 30px 0;
}
body.post-type-archive-product.woocommerce.topshop-shop-full-width
.widget-area {
display: none;
}
body.post-type-archive-product.woocommerce.topshop-shop-full-width
.woocommerce-breadcrumb {
right: 0;
}
body.archive.woocommerce.topshop-shop-archives-full-width #container,
body.archive.woocommerce.topshop-shop-archives-full-width .content-area {
box-shadow: none;
width: 100%;
float: none;
padding: 30px 0;
}
body.archive.woocommerce.topshop-shop-archives-full-width .widget-area {
display: none;
}
body.archive.woocommerce.topshop-shop-archives-full-width
.woocommerce-breadcrumb {
right: 0;
}
body.single-product.woocommerce.topshop-shop-single-full-width #container,
body.single-product.woocommerce.topshop-shop-single-full-width .content-area {
box-shadow: none;
width: 100%;
float: none;
padding: 30px 0;
}
body.single-product.woocommerce.topshop-shop-single-full-width .widget-area {
display: none;
}
body.single-product.woocommerce.topshop-shop-single-full-width
.woocommerce-breadcrumb {
right: 0;
}
body.topshop-remove-page-titles.woocommerce #content .page-title,
body.topshop-remove-page-titles.woocommerce-page .content-area .page-title {
display: none;
} .page-template-template-gutenberg .site-content.site-container {
max-width: 100%;
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
}
body.page-template-template-gutenberg {
background-color: #fff;
}
.page-template-template-gutenberg .entry-content > *,
.page-template-template-gutenberg .breadcrumbs,
.page-template-template-gutenberg .page-titlebar,
.page-template-template-gutenberg .entry-header,
.page-template-template-gutenberg .page-header,
.page-template-template-gutenberg .post-thumbnail,
.page-template-template-gutenberg #comments {
max-width: 54%;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.page-template-template-gutenberg .wp-block-columns {
margin-bottom: 5px;
}
.page-template-template-gutenberg header.entry-header {
margin: 0 auto 25px;
}
.page-template-template-gutenberg header.entry-header::after {
display: block;
content: "";
clear: both;
}
.page-template-template-gutenberg .entry-header .entry-title {
margin: 20px 0 10px;
}
.page-template-template-gutenberg .page-titlebar {
margin-bottom: 25px;
}
.page-template-template-gutenberg .content-boxed .page-titlebar {
margin-top: 25px;
}
.page-template-template-gutenberg .page-titlebar-h {
margin: 0 0 10px;
}
.page-template-template-gutenberg .breadcrumbs {
float: none;
padding: 0;
margin: 0 auto;
}
.alignwide,
.page-template-template-gutenberg .alignwide {
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
.alignfull,
.page-template-template-gutenberg .alignfull {
max-width: 100%;
}
.page-template-template-gutenberg img {
width: 100%;
height: auto;
}
@media screen and (max-width: 960px) {
.topshop-header-layout-three .site-header-cart {
display: none !important;
}
.header-menu-button {
display: block;
padding: 15px 10px 16px;
cursor: pointer;
text-align: center;
}
.header-menu-button i {
font-size: 18px;
vertical-align: middle;
}
.header-menu-button span {
vertical-align: middle;
font-size: 18px;
margin: 0 0 0 6px;
}
#main-menu > div,
.main-navigation ul {
display: block;
}
.main-menu-inner {
display: none !important;
}
.main-navigation #main-menu {
color: #ffffff;
position: fixed;
top: 0;
right: -260px;
width: 260px;
max-width: 100%;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 48px 22px 30px 22px;
background: #22211f;
z-index: 9999;
height: 100%;
overflow: auto;
-webkit-transition: right 0.4s ease 0s;
-moz-transition: right 0.4s ease 0s;
-ms-transition: right 0.4s ease 0s;
-o-transition: right 0.4s ease 0s;
transition: right 0.4s ease 0s;
}
body.admin-bar .main-navigation #main-menu {
padding: 65px 22px 30px 22px;
}
.main-navigation #main-menu .site-container {
padding: 0;
}
.main-navigation li,
.main-navigation.main-nav-centered li {
display: block;
float: none !important;
margin: 0 0 1px;
}
.main-navigation li a {
display: block;
float: none;
padding: 8px 0;
color: #b5b5b5 !important;
font-size: 13px;
text-align: left;
background: none !important;
white-space: normal !important;
}
.main-navigation li a:hover {
color: #fff !important;
}
.main-navigation ul ul {
position: relative !important;
top: 0 !important;
left: 0 !important;
float: none !important;
background-color: rgba(255, 255, 255, 0.14) !important;
box-shadow: none;
padding: 0;
margin: 0;
display: none !important;
}
.main-navigation ul ul li:last-child a,
.main-navigation ul ul li a {
padding: 8px;
width: auto;
}
.main-navigation ul ul li a {
background: none !important;
}
#primary-menu,
.menu-dropdown-btn {
display: block;
}
.main-menu-close {
display: block;
border-radius: 4px;
position: absolute;
top: 10px;
right: 10px;
font-size: 30px;
color: #898989;
text-align: center;
padding: 0 8px 0 12px;
height: 40px;
line-height: 38px;
cursor: pointer;
}
.main-menu-close .fa-angle-left {
position: relative;
left: -4px;
}
body.admin-bar .main-menu-close {
top: 38px;
}
.open-page-item > ul.children,
.open-page-item > ul.sub-menu {
display: block !important;
}
.home-slider-block h3 {
font-size: 38px;
}
body.show-main-menu .main-menu-inner {
display: block !important;
}
body.show-main-menu #main-menu {
right: 0px;
}
body.show-main-menu #page {
right: 260px;
}
}
@media screen and (max-width: 782px) {
.site-top-bar-left {
float: none !important;
width: 100% !important;
text-align: center;
}
.site-top-bar-right {
float: none !important;
width: 100% !important;
text-align: center !important;
}
.site-header-left {
float: none !important;
width: 100% !important;
text-align: center;
}
.site-header-right {
float: none !important;
width: 100% !important;
text-align: center;
padding: 10px 0 0 !important;
min-height: 40px !important;
}
.site-header-cart {
display: none !important;
}
body.admin-bar .main-navigation #main-menu {
padding: 79px 22px 30px 22px;
}
body.admin-bar .main-menu-close {
top: 52px;
}
.home-slider-block h3 {
font-size: 30px;
}
.home-slider-block-inner {
font-size: 14px;
}
.woocommerce #container,
.woocommerce-page #container,
.content-area {
width: 100% !important;
float: none !important;
box-shadow: none !important;
padding: 0 0 20px;
}
.widget-area {
width: 100% !important;
float: none !important;
padding: 0 0 20px;
}
.page-template-template-left-sidebar-php .widget-area {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
padding: 0 0 10px;
margin: 0 0 30px;
}
.page-template-default .widget-area {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04);
padding: 30px 0 0;
margin: 10px 0 0;
}
.site-footer-widgets .site-container > ul {
display: block;
}
.site-footer-widgets ul li.widget {
width: 100% !important;
float: none !important;
padding: 0 0 40px !important;
display: block;
}
.site-footer-widgets ul li.widget:last-child {
padding: 0 0 10px !important;
}
.topshop-list-wrap article.type-post {
flex-direction: column !important;
}
.topshop-list-wrap .post-loop-images,
.topshop-list-wrap .post-loop-content {
width: auto !important;
margin: 0 auto 20px;
}
.topshop-list-wrap .post-loop-images {
order: 1 !important;
}
.topshop-list-wrap .post-loop-content {
order: 2 !important;
}
.site-footer-custom .footer-custom-block {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 640px) {
.site-top-bar .search-block .search-field {
width: 178px;
}
.content-area {
width: 100%;
float: none;
}
.widget-area {
width: 100%;
float: none;
}
.home-slider-block h3 {
font-size: 24px;
}
} .pag-btn-two .topshop-loadmore {
color: #fff;
}
body,
.widget-area .widget a,
.site-footer-widgets .widget a {
color: #4f4f4f;
font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #5e5e5e;
font-family: "Raleway", sans-serif;
}
.woocommerce table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart th,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: "Raleway", sans-serif;
}
a,
.site-title a,
.search-btn,
.social-icon:hover,
.error-404.not-found .page-header .page-title span,
.topshop-numeric-navigation.circle li.prev a,
.topshop-numeric-navigation.circle li.next a,
.topshop-numeric-navigation.squaretxt li.prev a,
.topshop-numeric-navigation.squaretxt li.next a,
.search-button .fa-search {
color: #29a6e5;
}
.main-navigation,
.main-navigation.header-stick.stuck {
background-color: #ffffff;
}
.site-footer {
background-color: #ffffff;
}
#comments .form-submit #submit,
.search-block .search-submit,
.no-results-btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.home-slider-prev,
.home-slider-next,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.single-product span.onsale,
.header-cart:hover .header-cart-checkout .fas,
.main-navigation a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current_page_parent > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation button,
.topshop-numeric-navigation.square li a,
.topshop-numeric-navigation.square li a:hover,
.topshop-numeric-navigation.square li.active a,
.topshop-numeric-navigation.square li.disabled,
.topshop-numeric-navigation.circle li a,
.topshop-numeric-navigation.circle li a:hover,
.topshop-numeric-navigation.circle li.active a,
.topshop-numeric-navigation.circle li.disabled,
.topshop-numeric-navigation.squaretxt li a,
.topshop-numeric-navigation.squaretxt li a:hover,
.topshop-numeric-navigation.squaretxt li.active a,
.topshop-numeric-navigation.squaretxt li.disabled,
.pag-btn-two .topshop-loadmore,
.wpcf7-submit {
background: inherit;
background-color: #29a6e5;
}
.header-cart-checkout.cart-has-items .fa-shopping-cart {
background-color: #29a6e5 !important;
}
.woocommerce ul.products li.product .onsale:after,
.woocommerce-page ul.products li.product .onsale:after {
border-right: 4px solid #29a6e5;
}
a:hover,
.widget-area .widget a:hover,
.site-footer-widgets .widget a:hover,
.search-btn:hover,
.search-button .fa-search:hover,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.topshop-numeric-navigation.circle li.prev a:hover,
.topshop-numeric-navigation.circle li.next a:hover,
.topshop-numeric-navigation.squaretxt li.prev a:hover,
.topshop-numeric-navigation.squaretxt li.next a:hover,
.topshop-numeric-navigation.numbers li.prev a:hover,
.topshop-numeric-navigation.numbers li.next a:hover,
.topshop-numeric-navigation.numbers li.active a {
color: #266ee4;
}
.main-navigation button:hover,
#comments .form-submit #submit:hover,
.search-block .search-submit:hover,
.no-results-btn:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.home-slider-prev:hover,
.home-slider-next:hover,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page #review_form #respond .form-submit input:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.topshop-numeric-navigation.square li a:hover,
.topshop-numeric-navigation.square li.active a,
.topshop-numeric-navigation.circle li a:hover,
.topshop-numeric-navigation.circle li.active a,
.topshop-numeric-navigation.squaretxt li a:hover,
.topshop-numeric-navigation.squaretxt li.active a,
.pag-btn-two .topshop-loadmore:hover,
.wpcf7-submit:hover {
background: inherit;
background-color: #266ee4;
}.header-cart {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0;
padding: 0 0 12px 8px;
line-height: 14px;
}
.header-cart-contents {
text-transform: uppercase;
}
.header-cart-amount {
}
.header-cart-checkout {
margin: 0;
padding: 0 0 0 6px;
}
.header-cart-checkout .fas {
font-size: 13px;
margin: 0 0 0 2px;
padding: 2px 5px 3px 3px;
background-color: #333;
border-radius: 3px;
color: #FFF;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
} .woocommerce .breadcrumbs,
.woocommerce-page .breadcrumbs,
.woocommerce .entry-header.site-container,
.woocommerce-page .entry-header.site-container {
display: none;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
line-height: 15px;
font-size: 11px;
text-transform: uppercase;
margin: 0 auto 12px;
color: #777;
} .woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
display: block;
width: 50%;
float: left;
margin: 0 0 30px;
padding: 15px 0 16px;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
display: block;
width: 50%;
text-align: right;
margin: 0 0 30px;
padding: 10px 0;
float: left;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
background: white;
border-radius: 1px;
border: 1px solid rgb(220, 220, 220);
font-size: 12px;
text-transform: uppercase;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
padding: 6px;
font-weight: 600;
color: rgb(89, 89, 89);
}
.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
margin: 0 -0.5% 10px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 0 0.5% 35px;
text-align: center;
float: left;
list-style-type: none;
position: relative;
}
.woocommerce .topshop-woocommerce-cols-2 ul.products li.product,
.woocommerce-page .topshop-woocommerce-cols-2 ul.products li.product,
.topshop-woocommerce-cols-2 ul.products li.product {
width: 49%;
}
.woocommerce .topshop-woocommerce-cols-3 ul.products li.product,
.woocommerce-page .topshop-woocommerce-cols-3 ul.products li.product,
.topshop-woocommerce-cols-3 ul.products li.product {
width: 32.3333%;
}
.woocommerce .topshop-woocommerce-cols-4 ul.products li.product,
.woocommerce-page .topshop-woocommerce-cols-4 ul.products li.product,
.topshop-woocommerce-cols-4 ul.products li.product {
width: 24%;
}
.woocommerce .topshop-woocommerce-cols-5 ul.products li.product,
.woocommerce-page .topshop-woocommerce-cols-5 ul.products li.product,
.topshop-woocommerce-cols-5 ul.products li.product {
width: 19%;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
padding: 10px !important;
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
border-radius: 3px;
}
.woocommerce nav.woocommerce-pagination ul li:first-child,
.woocommerce-page nav.woocommerce-pagination ul li:first-child {
border-radius: 3px 0 0 3px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child,
.woocommerce-page nav.woocommerce-pagination ul li:last-child {
border-radius: 0 3px 3px 0;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
-webkit-transition: all 0.08s linear 0s;
-moz-transition: all 0.08s linear 0s;
-ms-transition: all 0.08s linear 0s;
-o-transition: all 0.08s linear 0s;
transition: all 0.08s linear 0s;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
line-height: 1em;
font-weight: 500;
margin: 0;
padding: 8px 0 !important;
text-align: center;
font-size: 18px !important;
}
.woocommerce #content ul.products li.product span.price,
.woocommerce-page #content ul.products li.product span.price {
color: #2D2D2D;
font-weight: 600;
padding: 0;
font-size: 15px;
margin: 0;
text-align: center;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
display: inline-block;
font-size: 13px;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
position: absolute;
left: 4px;
top: 5px;
opacity: 0;
-webkit-transition: all 0.08s linear 0s;
-moz-transition: all 0.08s linear 0s;
-ms-transition: all 0.08s linear 0s;
-o-transition: all 0.08s linear 0s;
transition: all 0.08s linear 0s;
}
.single-product span.onsale {
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
width: 60px;
height: 23px;
min-height: 18px;
margin: 0;
padding: 1px 0 0;
line-height: 20px;
font-size: 13px;
text-shadow: none;
font-weight: 400;
text-transform: uppercase;
left: 4px;
top: 4px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
border-radius: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
min-width: 70px;
height: 28px;
min-height: 20px;
margin: 0;
padding: 4px 10px 0;
line-height: 20px;
font-size: 14px;
text-shadow: none;
font-weight: 400;
text-transform: uppercase;
right: -6px;
top: 5px;
}
.woocommerce ul.products li.product .onsale:after,
.woocommerce-page ul.products li.product .onsale:after {
content: '';
width: 0px;
height: 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 25px;
right: 2px;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #FFF;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin: 8px 0 0;
text-shadow: none;
}
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce-page ul.products li.product a.added_to_cart {
width: 25px;
overflow: hidden;
height: 31px;
line-height: 20px;
position: absolute;
bottom: 5px;
left: 65px;
color: transparent;
}
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
box-shadow: 0 0 0 4px rgb(28, 28, 28), 0 2px 18px rgba(0, 0, 0, 0.7);
}
.woocommerce .topshop-products-noborder ul.products li.product a:hover img,
.woocommerce-page .topshop-products-noborder ul.products li.product a:hover img {
box-shadow: none !important;
}
.woocommerce ul.products li.product a:hover .star-rating,
.woocommerce-page ul.products li.product a:hover .star-rating {
opacity: 1;
} .woocommerce div.product div.images .flex-control-thumbs {
margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 5px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
min-height: auto !important;
} .woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
margin: 0 0 40px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
margin-top: 5px;
margin-bottom: 40px;
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt {
text-shadow: none !important;
font-size: 14px;
font-weight: 400;
max-width: 210px;
border: 1px solid rgba(0, 0, 0, 0.14);
padding: 9px 30px 10px;
margin: 0 0 0 7px;
color: #FFF !important;
}
.woocommerce-cart .wc-proceed-to-checkout {
float: right;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
background-color: #FFF;
width: 50%;
padding: 8px 6px;
margin: 0;
}
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce-page form.checkout_coupon .form-row-first {
width: 56%;
}
.woocommerce form.checkout_coupon .form-row-last,
.woocommerce-page form.checkout_coupon .form-row-last {
width: 44%;
}
.woocommerce form.checkout_coupon input.input-text,
.woocommerce-page form.checkout_coupon input.input-text {
width: 100%;
}
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
background: none;
background-color: rgba(0, 0, 0, 0.28);
text-shadow: none;
font-size: 14px;
font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 9px 30px 10px;
margin: 0 0 0 7px;
top: 0px !important;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
width: 120px;
float: left;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 35px;
border: 1px solid rgba(0, 0, 0, 0.08);
background-color: #F5F5F5;
border-radius: 3px;
padding: 0;
}
.woocommerce #content .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page .quantity .plus {
width: 40px;
height: 35px;
color: #5e5e5e;
float: left;
position: relative;
font-size: 24px;
font-weight: 400;
line-height: 1;
text-shadow: none;
background: none !important;
border: 0;
box-shadow: none;
outline: none !important;
}
.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
margin: 0 0 10px;
}
.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
float: right;
margin: 8px 0 0;
}
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price {
font-size: 24px;
}
.woocommerce form.cart,
.woocommerce-page form.cart {
margin-top: 30px;
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input {
position: relative;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
margin: 20px 0 30px;
padding: 25px 0 40px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-left: 0;
border-right: 0;
}
.woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
float: left;
width: 20%;
margin: 0 2% 0 0;
padding: 0;
}
.woocommerce #content div.product .woocommerce-tabs:before,
.woocommerce div.product .woocommerce-tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs:before,
.woocommerce-page div.product .woocommerce-tabs:before,
.woocommerce #content div.product .woocommerce-tabs:after,
.woocommerce div.product .woocommerce-tabs:after,
.woocommerce-page #content div.product .woocommerce-tabs:after,
.woocommerce-page div.product .woocommerce-tabs:after {
content: ' ';
display: table;
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
padding: 10px 0 0;
margin: 0 0 0 1%;
width: 77%;
float: left;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: none;
box-shadow: none;
border: 0 none;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding: 5px 10px 5px 10px;
margin: 0;
font-size: 15px;
border-radius: 0 !important;
display: block;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
text-shadow: none;
font-weight: 400;
display: block;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
border: 0;
box-shadow: none;
}
.woocommerce #content div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.label,
.woocommerce-page #content div.product form.cart .variations td.label,
.woocommerce-page div.product form.cart .variations td.label {
padding: 5px 30px 10px 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select,
.woocommerce #content div.product form.cart .variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce-page #content div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select {
background: white;
border-radius: 1px;
border: 1px solid rgb(220, 220, 220);
font-size: 12px;
text-transform: uppercase;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
padding: 6px;
font-weight: 600;
color: rgb(89, 89, 89);
margin: 0 0 3px;
}
.woocommerce .entry-summary .single_variation_wrap,
.woocommerce-page .entry-summary .single_variation_wrap {
text-align: right;
font-size: 18px;
}
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button {
width: auto;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 9px 20px 10px;
box-shadow: none;
color: #FFF;
text-shadow: none;
font-weight: 400;
font-size: 14px;
} .woocommerce table.shop_table,
.woocommerce-page table.shop_table {
margin: 0 0 50px;
border-radius: 0;
border-left: 0;
border-right: 0;
}
.woocommerce table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart th {
background-color: rgba(0, 0, 0, 0.02);
font-size: 16px;
text-shadow: none;
font-weight: 500;
padding: 10px;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
padding: 25px 10px;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
max-width: 340px;
float: right;
}
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr th {
padding: 15px 10px 15px 0;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 15px 0 15px 10px;
text-align: right;
width: 12%;
}
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot th {
vertical-align: middle;
}
.woocommerce table.shop_table.my_account_orders th,
.woocommerce-page table.shop_table.my_account_orders th,
.woocommerce table.shop_table.order_details th,
.woocommerce-page table.shop_table.order_details th,
.woocommerce-checkout table.shop_table thead .product-name,
.woocommerce-checkout table.shop_table thead .product-total {
background-color: rgba(0, 0, 0, 0.04);
padding: 10px;
}
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot td {
background-color: rgba(0, 0, 0, 0.04);
padding: 10px;
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
max-width: 300px;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 52%;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product {
width: 45% !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 44%;
text-align: right;
}
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
font-size: 30px;
color: #777;
}
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
height: 100px;
width: auto;
}
.woocommerce #customer_details,
.woocommerce-page #customer_details {
display: block;
width: 54%;
clear: none;
float: left;
margin-left: 0;
margin-right: 6%;
}
.woocommerce #customer_details .col-1,
.woocommerce-page #customer_details .col-1,
.woocommerce #customer_details .col-2,
.woocommerce-page #customer_details .col-2 {
float: none;
width: 100%;
}
.woocommerce #customer_details .col-2,
.woocommerce-page #customer_details .col-2 {
margin: 25px 0 0;
padding: 25px 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading,
.woocommerce #order_review,
.woocommerce-page #order_review {
border: 1px solid rgba(0, 0, 0, 0.08);
background-color: rgba(0, 0, 0, 0.02);
display: block;
width: 40%;
clear: none;
float: right;
margin-right: 0;
margin-left: 4%;
margin-left: 0;
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading {
border-bottom: 0;
padding: 20px 20px 0;
margin: 64px 0 0;
}
.woocommerce #order_review,
.woocommerce-page #order_review {
border-top: 0;
padding: 20px 20px 15px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 0;
margin: 0 0 5px;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
border: 1px solid rgba(0, 0, 0, 0.18);
background-color: rgba(0, 0, 0, 0.02);
font-weight: 400;
font-size: 15px;
text-transform: none;
padding: 8px;
}
.woocommerce form .form-row textarea.input-text,
.woocommerce-page form .form-row textarea.input-text {
border: 1px solid rgba(0, 0, 0, 0.18);
background-color: rgba(0, 0, 0, 0.02);
font-weight: 400;
font-size: 15px;
text-transform: none;
padding: 8px;
min-height: 100px;
}
.woocommerce .order_details,
.woocommerce-page .order_details {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
padding: 20px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
background: none;
background-color: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.18);
box-shadow: none;
height: 36px;
border-radius: 0;
padding: 2px 0 4px 8px;
} .cart-empty {
font-size: 18px;
}
.return-to-shop {
margin-bottom: 100px;
}
.cart-empty,
.return-to-shop {
text-align: center;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
border-radius: 1px;
box-shadow: none;
background: none;
background-color: rgba(0, 0, 0, 0.04);
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
border-radius: 0;
height: 100%;
left: 0;
width: 30px;
} .woocommerce .widget-area,
.woocommerce-page .widget-area {
padding-top: 67px;
} .woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
box-shadow: -1px 0 0 #D7D7D7 inset;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 0 1px;
padding: 0;
background-color: rgba(0, 0, 0, 0.02);
list-style-type: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
padding: 12px 12px;
text-decoration: none;
}
.woocommerce-account .is-active {
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.3) inset;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 78%;
} @media screen and (max-width: 960px) {
.woocommerce ul.products,
.woocommerce-page ul.products {
margin: 0 -1% 30px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 48% !important;
margin: 0 1% 22px !important;
clear: none !important;
}
}
@media screen and (max-width: 782px) {
.woocommerce #customer_details,
.woocommerce-page #customer_details {
width: 100%;
margin: 0;
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading,
.woocommerce #order_review,
.woocommerce-page #order_review {
width: 100%;    
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
margin: 0 auto;
width: 80%;
float: none;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
text-align: center;
margin: 0 auto;
width: 80%;
float: none;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
max-width: 100%;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
width: 100%;
}
.woocommerce #content .quantity, .woocommerce .quantity,
.woocommerce-page #content .quantity, .woocommerce-page .quantity {
float: none;
width: auto;
}
.woocommerce-tabs ul.tabs,
​    .woocommerce div.product .woocommerce-tabs ul.tabs,
​    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
​    .woocommerce-page div.product .woocommerce-tabs ul.tabs,
​    .woocommerce #content div.product .woocommerce-tabs .panel,
​    .woocommerce div.product .woocommerce-tabs .panel,
​    .woocommerce-page #content div.product .woocommerce-tabs .panel,
​    .woocommerce-page div.product .woocommerce-tabs .panel {
width: 100% !important;
margin: 0 0 20px !important;
} .woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
margin: 0 0 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
box-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
margin: 0 4px 5px 0;
}
.woocommerce-account .is-active {
box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
}
}
@media screen and (max-width: 640px) {
.woocommerce #container,
.woocommerce-page #container {
width: 100%;
float: none;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin: 0 0 10px !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
margin: 0 0 24px !important;
}
}
@media screen and (max-width: 560px) {
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
width: 100%;
float: none;
border-bottom: 0;
margin: 0;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 100%;
float: none;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
width: 100%;
}
}.site-top-bar {
color: #777;
}
.site-logo-block .site-logo-img,
.site-logo-block .site-logo-block-inner {
display: inline-block;
vertical-align: middle;
}
.site-logo-block .site-logo-block-inner .site-title {
padding: 0;
}
.site-logo-block .site-logo-block-inner .site-description {
padding: 8px 0 0;
}
.topshop-header-layout-standard .site-top-bar-left {
float: left;
padding: 3px 0;
min-height: 25px;
width: 50%;
background-color: #ffffff;
position: relative;
z-index: 99;
}
.topshop-header-layout-standard .site-top-bar-left ul li:first-child a {
padding: 0 10px 0 0;
}
.topshop-header-layout-standard .site-top-bar-left ul li:last-child {
box-shadow: none;
}
.topshop-header-layout-standard .site-top-bar-left ul li:last-child a {
padding: 0 0 0 6px;
}
.topshop-header-layout-standard .site-top-bar-left-text {
display: inline-block;
font-size: 11px;
margin: 0 1px 0 0;
}
.topshop-header-layout-standard .site-top-bar-right {
float: right;
font-size: 14px;
padding: 1px 0 3px;
width: 50%;
text-align: right;
background-color: #ffffff;
position: relative;
z-index: 99;
}
.topshop-header-layout-standard .site-top-bar-right i {
margin: 0 0 0 8px;
}
.topshop-header-layout-standard > .site-container {
position: relative;
}
.topshop-header-layout-standard .site-header-left {
float: left;
padding: 0 0 2px;
}
.topshop-header-layout-standard .site-header-left img {
display: block;
margin: 0;
}
.topshop-header-layout-standard .site-header-right {
font-size: 12px;
position: absolute;
right: 20px;
top: 50%;
margin: -12px 0 0;
}
.topshop-header-layout-standard .site-header-right a {
text-transform: uppercase;
display: inline-block;
vertical-align: top;
color: inherit;
}
.topshop-header-layout-standard .site-header-right-link {
display: inline-block;
vertical-align: top;
margin: 1px 0 0;
padding: 1px 5px 1px 0;
line-height: 14px;
}
.topshop-header-layout-standard .site-header-right-link a {
padding: 1px 5px 0px;
border-radius: 3px;
-webkit-transition: all 0.05s linear 0s;
-moz-transition: all 0.05s linear 0s;
-ms-transition: all 0.05s linear 0s;
-o-transition: all 0.05s linear 0s;
transition: all 0.05s linear 0s;
}
.topshop-header-layout-standard .site-header-right-link a:hover {
background-color: #545454;
color: #FFF;
}
.topshop-header-layout-standard .site-title {
font-size: 34px;
line-height: 34px;
margin: 0;
padding: 17px 0 3px;
}
.topshop-header-layout-standard .site-description {
margin: 0;
padding: 4px 0 21px;
font-size: 12px;
}
.header-cart .site-header-cart {
top: 28px;
}
@media screen and (max-width: 782px) {
.topshop-header-layout-standard .site-top-bar-left {
min-height: 0;
}
.topshop-header-layout-standard .site-top-bar-right {
}
.topshop-header-layout-standard .site-header-left a {
display: inline-block;
}
.topshop-header-layout-standard .site-header-right {
position: relative;
right: 0;
top: 0;
margin: 0;
}
.topshop-header-layout-standard .site-title {
padding: 10px 0 3px;
}
.topshop-header-layout-standard .site-description {
padding: 4px 0 6px;
}
}