@import url("https://fonts.googleapis.com/css2?family=Cabin:ital@0;1&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Sail&display=swap");
.ts-section--quote-slider .slick-dots,
.ts-section--hero .slick-dots {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center
}
.ts-section--quote-slider .slick-dots li,
.ts-section--hero .slick-dots li {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
margin: 0 0px;
padding: 0;
cursor: pointer
}
.ts-section--quote-slider .slick-dots>li:only-child,
.ts-section--hero .slick-dots>li:only-child {
display: none
}
.ts-section--quote-slider .slick-dots li button,
.ts-section--hero .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 18px;
height: 18px;
padding: 4px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
min-width: auto
}
.ts-section--quote-slider .slick-dots li button:hover,
.ts-section--quote-slider .slick-dots li button:focus,
.ts-section--quote-slider .slick-dots li button:active,
.ts-section--hero .slick-dots li button:hover,
.ts-section--hero .slick-dots li button:focus,
.ts-section--hero .slick-dots li button:active {
outline: none
}
.ts-section--quote-slider .slick-dots li button:hover:before,
.ts-section--quote-slider .slick-dots li button:focus:before,
.ts-section--quote-slider .slick-dots li button:active:before,
.ts-section--hero .slick-dots li button:hover:before,
.ts-section--hero .slick-dots li button:focus:before,
.ts-section--hero .slick-dots li button:active:before {
background-color: #fff
}
.ts-section--quote-slider .slick-dots li button:before,
.ts-section--hero .slick-dots li button:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
background-color: rgba(255, 255, 255, 0.5)
}
.ts-section--quote-slider .slick-dots li.slick-active button:before,
.ts-section--hero .slick-dots li.slick-active button:before {
background-color: #fff
}
.ts-section--quote-slider .slick-arrow,
.ts-section--hero .slick-arrow {
position: absolute;
top: 50%;
margin-top: 0;
z-index: 8
}
.ts-section--quote-slider .slick-arrow a,
.ts-section--hero .slick-arrow a {
display: block;
cursor: pointer;
border: solid #ed0677;
border-width: 0 5px 5px 0;
padding: 16px
}
.ts-section--quote-slider .slick-arrow.slick-disabled,
.ts-section--hero .slick-arrow.slick-disabled {
opacity: 0
}
.ts-section--quote-slider .slick-arrow.arrow-prev,
.ts-section--hero .slick-arrow.arrow-prev {
left: 7%
}
.ts-section--quote-slider .slick-arrow.arrow-prev a,
.ts-section--hero .slick-arrow.arrow-prev a {
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.ts-section--quote-slider .slick-arrow.arrow-next,
.ts-section--hero .slick-arrow.arrow-next {
right: 7%
}
.ts-section--quote-slider .slick-arrow.arrow-next a,
.ts-section--hero .slick-arrow.arrow-next a {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
@media only screen and (max-width: 767px) {
.ts-section--quote-slider .slick-arrow.arrow-prev,
.ts-section--hero .slick-arrow.arrow-prev {
left: 2%
}
.ts-section--quote-slider .slick-arrow.arrow-next,
.ts-section--hero .slick-arrow.arrow-next {
right: 2%
}
.ts-section--quote-slider .tile-news .title,
.ts-section--hero .tile-news .title {
opacity: 1 !important
}
.ts-section--quote-slider .slick-arrow a,
.ts-section--hero .slick-arrow a {
padding: 10px
}
}
.ts-section--quote-slider .slick-slider .slick-track,
.ts-section--quote-slider .slick-slider .slick-list,
.ts-section--hero .slick-slider .slick-track,
.ts-section--hero .slick-slider .slick-list {
height: 100%
}
.ts-section--quote-slider .oa-application-form .slick-slider .slick-track,
.ts-section--quote-slider .oa-application-form .slick-slider .slick-list,
.ts-section--hero .oa-application-form .slick-slider .slick-track,
.ts-section--hero .oa-application-form .slick-slider .slick-list {
height: initial
}
.ts-section--quote-slider .fade-slider .slick-track,
.ts-section--quote-slider .fade-slider .slick-list,
.ts-section--hero .fade-slider .slick-track,
.ts-section--hero .fade-slider .slick-list {
height: auto
}
.Accordion,
.Accordion-item-wrap {
border: 2px solid #d1d1d1;
border-radius: 4px;
box-shadow: 0 1px 2px #d1d1d1;
background: transparent;
margin: 30px 0;
overflow: hidden
}
.Accordion-item-wrap.active .Accordion-trigger {
color: #fff !important;
background: #9ca5ae
}
.Accordion.separated {
border: none;
border-radius: 0;
box-shadow: none;
background: transparent
}
.Accordion-item-wrap {
margin: 5px 0;
background: transparent
}
.Accordion>dt {
border-top: 1px solid #d1d1d1
}
.Accordion-trigger {
background: transparent;
border: 0;
display: block;
font-size: 22px;
line-height: 28px;
font-weight: bold;
font-family: 'Raleway', sans-serif;
margin: 0;
padding: 20px 50px 20px 20px;
position: relative;
text-align: left;
width: 100%;
transition: 0.3s ease-out;
border-radius: 0;
text-transform: none;
color: #fff;
outline: none
}
.Accordion dt:first-child .Accordion-trigger {
border-radius: .3em .3em 0 0
}
.Accordion-trigger:focus,
.Accordion-trigger:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff !important;
outline: none
}
.Accordion-title {
display: block;
pointer-events: none
}
.Accordion-icon {
border: solid #9e9e9e;
border-width: 0 2px 2px 0;
height: .5rem;
pointer-events: none;
position: absolute;
right: 1.5em;
top: 50%;
transform: translateY(-60%) rotate(45deg);
width: .5rem
}
.Accordion-trigger:focus .Accordion-icon {
border-color: #fff;
transition: border-color 0.3s ease-out
}
.Accordion-trigger:hover .Accordion-icon {
border-color: #fff
}
.Accordion-trigger[aria-expanded="true"] .Accordion-icon {
transform: translateY(-50%) rotate(-135deg);
border-color: #fff
}
.Accordion-panel {
margin: 0;
padding: 1em 1.5em
}
.Accordion-panel a {
color: #d2232a
}
.Accordion-panel[hidden] {
display: none
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*:focus {
outline-offset: 6px;
outline-width: 2px;
outline-color: #000;
outline-style: none
}
body {
margin: 0;
padding: 0;
width: 100%;
min-width: 320px;
background: #F5F1EC;
font-family: 'Cabin', sans-serif;
font-size: 1.125rem;
line-height: 1.6;
color: #fff;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.hidden {
display: none
}
.screen-reader-text,
.visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
width: auto
}
.invisible {
visibility: hidden
}
.screen-reader-text {
display: none
}
.notransition {
-o-transition: none !important;
-ms-transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
transition: none !important
}
.skiptocontent {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: 20px;
background: #f7f7f7;
color: #000;
border-bottom: 1px solid #ccc
}
@media only screen and (min-width: 768px) {
.skiptocontent {
display: block
}
}
hr {
border: none;
border-top: 1px solid #bcbec0;
margin: 30px auto;
width: 100%
}
h1 {
font-family: "Playfair Display", sans-serif;
font-weight: 300;
margin-top: 0;
font-size: 3rem;
line-height: 1.2;
color: #00142a
}
h2 {
font-family: "Playfair Display", sans-serif;
font-weight: 300;
margin-top: 0;
font-size: 2.5rem;
line-height: 1.2;
color: #00142a
}
h3 {
font-family: "Playfair Display", sans-serif;
font-weight: 300;
margin-top: 0;
color: #00142a;
font-size: 2.125rem;
line-height: 1.2
}
h4 {
font-family: "Playfair Display", sans-serif;
font-size: 1.375rem;
font-weight: bold;
margin: 0;
color: #00142a
}
h5 {
font-family: "Playfair Display", sans-serif
}
p {
margin-bottom: 30px;
margin-top: 0
}
@media (max-width: 767px) {
h1 {
font-size: 2.5rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.75rem
}
body {
font-size: 1.063rem
}
}
strong {
display: contents;
font-weight: bold
}
a {
text-decoration: none;
transition: 0.3s ease-out
}
blockquote {
font-family: 'Sail', cursive;
color: #fff;
margin: 0;
padding: 10px 0 0 0;
font-size: 3.125rem;
line-height: 1.4
}
cite {
font-style: normal
}
img {
width: 100%;
height: auto
}
.clear {
clear: both
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.flex {
display: flex;
margin: 0 -15px
}
.flex .col {
flex-grow: 1
}
.flex .col-3 {
width: 25%
}
.flex .col-4 {
width: 33.3333%
}
.flex .col-5 {
width: 41.6666%
}
.flex .col-6 {
width: 50%
}
.flex .col-7 {
width: 58.3333%
}
.flex .col-8 {
width: 66.6666%
}
.flex .col-9 {
width: 75%
}
.flex .col-12 {
width: 100%
}
.flex .col,
.flex .col-3,
.flex .col-4,
.flex .col-5,
.flex .col-6,
.flex .col-7,
.flex .col-8,
.flex .col-9,
.flex .col-12 {
padding: 0 15px
}
.flex--wrap {
flex-wrap: wrap
}
.flex-center-v {
align-items: center;
justify-content: center
}
.cols .col-3 {
float: left;
width: 25%
}
.cols .col-4 {
float: left;
width: 33.3333%
}
.cols .col-5 {
float: left;
width: 41.6666%
}
.cols .col-6 {
float: left;
width: 50%
}
.cols .col-7 {
float: left;
width: 58.3333%
}
.cols .col-8 {
float: left;
width: 66.6666%
}
.cols .col-9 {
float: left;
width: 75%
}
.cols .col-12 {
float: left;
width: 100%
}
img.aligncenter {
margin: 0 auto
}
.pac-container {
border-top: none !important
}
#wrapper {
width: 100%;
overflow: hidden
}
#main-wrap {
position: relative;
width: 100%;
z-index: 1;
background: #fff
}
@media (max-width: 959px) {
#main-wrap {
transition: transform 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95)
}
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-width: 10px !important
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0)
}
40% {
transform: translateY(-10px)
}
60% {
transform: translateY(-5px)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.valign-m {
vertical-align: middle
}
.form-row {
margin-bottom: 0px;
max-width: 500px
}
.form-row input[type=text],
.form-row input[type=number],
.form-row input[type=tel],
.form-row input[type=password],
.form-row input[type=email],
.form-row input[type=date],
.form-row .form-html-view,
.form-row textarea,
.form-row select {
width: 100%;
margin: 8px 0;
display: inline-block;
border: 1px solid #ddd;
box-shadow: inset 0 1px 3px #ddd !important;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
-webkit-appearance: none;
appearance: none
}
.form-row input[type=text].error,
.form-row input[type=number].error,
.form-row input[type=tel].error,
.form-row input[type=password].error,
.form-row input[type=email].error,
.form-row input[type=date].error,
.form-row .form-html-view.error,
.form-row textarea.error,
.form-row select.error {
border-left: 5px solid #ff185a !important
}
.form-row textarea {
resize: vertical
}
.form-row input[type=date] {
text-transform: uppercase
}
.form-row .form-html-view {
background-color: #fff;
max-height: 300px;
overflow: scroll;
box-shadow: none;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
min-height: 150px
}
.form-row .form-html-view blockquote {
padding: 5px 30px;
border-left: 4px #00142a solid
}
.form-row .editor-wrap.error {
border-left: 5px solid #ff185a !important
}
.form-row label {
width: 100%;
display: block;
margin-bottom: 5px
}
.form-row .btn-wrap {
margin-top: 50px
}
.form-row .date-to-from {
width: 100%;
display: flex
}
.form-row .date-to-from input {
width: 50%
}
.form-row .datepicker {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/icon-calendar.svg) no-repeat;
background-size: 20px 20px;
background-position: 10px 50%;
padding-left: 40px !important
}
.form-row select {
background: #fff url(//theillustratedjeweller.com/wp-content/themes/tij/images/svg/angle-down.svg) no-repeat;
background-size: 14px 27px;
background-position: calc(100% - 12px) 50%;
padding-right: 40px
}
.required {
color: #e8594d
}
.form-row .midwidth {
max-width: 160px
}
.drag-box-wrap {
min-height: 150px;
border-radius: 2.5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
background-color: #ffffff;
margin: 8px 0 20px 0;
padding: 10px;
font-size: 12px
}
.drag-box-wrap .image {
display: none
}
.drag-box-wrap .image img {
width: 100%;
height: auto
}
.drag-box-wrap .remove-image {
text-decoration: underline
}
.drag-box-wrap .drag-box {
text-align: center;
color: #5f5f5f;
padding: 10px;
border: 4px dashed #fff
}
.drag-box-wrap .drag-box .input-wrap {
display: flex;
align-items: center;
min-height: 140px
}
.drag-box-wrap .drag-box .input-wrap .input-wrap-inner {
width: 100%
}
.drag-box-wrap .drag-box .drag-box-dragndrop,
.drag-box-wrap .drag-box .drag-box-uploading,
.drag-box-wrap .drag-box .drag-box-success,
.drag-box-wrap .drag-box .drag-box-error,
.drag-box-wrap .drag-box .drag-box-or,
.drag-box-wrap .drag-box .drag-box-button,
.drag-box-wrap .drag-box .drag-box-pending-remove {
display: none
}
.drag-box-wrap .drag-box .drag-box-icon {
width: 32px;
height: 40px;
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/icon-file.svg) no-repeat center;
background-size: contain;
margin: 0 auto;
margin-bottom: 10px
}
.drag-box-wrap .drag-box .drag-box-file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1
}
.drag-box-wrap .drag-box span.drag-box-browse {
color: #359be0;
text-decoration: underline
}
.drag-box-wrap .drag-box span.drag-box-dragndrop {
font-family: 'euclidflex_bold';
font-size: 20px
}
.drag-box-wrap .drag-box label {
word-break: break-all
}
.drag-box-wrap .drag-box.has-advanced-upload {
outline-offset: -10px;
min-height: 150px;
text-align: center
}
.drag-box-wrap .drag-box.has-advanced-upload .drag-box-dragndrop {
display: block
}
.drag-box-wrap .drag-box.is-dragover {
background-color: #f2f6f9;
border: 4px dashed #ccc
}
.drag-box-wrap .drag-box.is-uploading .drag-box-input {
visibility: none
}
.drag-box-wrap .drag-box.is-uploading .drag-box-or {
display: inline
}
.drag-box-wrap .drag-box.is-uploading .drag-box-uploading {
display: block
}
.drag-box-wrap .drag-box.upload-enabled .image {
display: block
}
.drag-box-wrap .drag-box.upload-enabled .input-wrap {
display: none
}
.wpcf7-not-valid-tip {
font-size: 0.75em !important;
color: #fd7a7a !important
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border: none;
border-left: 10px solid #dc3232
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: none;
border-left: 10px solid #ffb900
}
.wpcf7 form.sent .wpcf7-response-output {
border: none;
border-left: 10px solid #5a983f
}
div.wpcf7 .ajax-loader {
display: block !important;
margin: 11px auto 0 auto !important
}
.btn-wrap {
padding-bottom: 10px
}
.btn-wrap--centered {
text-align: center
}
.btn-wrap--right {
text-align: right
}
.button,
.btn {
display: inline-block;
-webkit-appearance: none;
padding: 11px 30px !important;
color: #fff;
background: transparent;
border: 2px solid #fff;
border-radius: 0 !important;
cursor: pointer;
transition: 0.3s ease-out;
font-weight: 700;
font-size: 1rem;
line-height: 1;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
text-align: center
}
.button:active,
.button:focus,
.button:hover,
.btn:active,
.btn:focus,
.btn:hover {
color: #00132a;
background: #fff
}
.wp-block-button__link {
padding: 11px 30px !important;
color: #fff !important;
background-color: transparent !important;
border: 2px solid #fff !important;
border-radius: 0 !important;
transition: 0.3s ease-out;
font-size: 1rem !important
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
color: #00132a !important;
background-color: #fff !important;
text-decoration: none !important
}
button {
background-color: inherit
}
.btn-white,
.btn-submit {
background: #fff;
border: 2px solid #fff;
color: #4D4941
}
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.btn-submit:active,
.btn-submit:focus,
.btn-submit:hover {
background: #4D4941;
border: 2px solid #fff;
color: #fff
}
.btn-dark {
border: 2px solid #4D4941;
color: #4D4941
}
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
background: #4D4941;
border: 2px solid #fff;
color: #fff
}
.btn-custom-enquire {
background: #70a0af;
border: 2px solid #70a0af;
color: #fff;
padding-left: 4px;
padding-right: 4px;
line-height: 1.2
}
.btn-custom-enquire:active,
.btn-custom-enquire:focus,
.btn-custom-enquire:hover {
background: #558797;
border: 2px solid #558797;
color: #fff
}
.btn-account i,
.btn-cart i {
font-size: 1.25rem
}
.lines-button {
display: none;
-webkit-appearance: none;
width: 58px;
height: 58px;
margin: 0;
padding: 20px;
background: none;
text-shadow: none !important;
border: none !important;
box-shadow: none !important;
transition: .3s;
cursor: pointer;
user-select: none;
margin: 0;
position: absolute;
left: 7px;
bottom: 10px
}
.lines-button span {
display: block;
margin-bottom: 3px
}
.lines-button.nav-close .lines {
background: transparent
}
.lines-button.nav-close .lines:before,
.lines-button.nav-close .lines:after {
-ms-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
width: 32px;
left: -5px
}
.lines-button.nav-close .lines:before {
-ms-transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg)
}
.lines-button.nav-close .lines:after {
-ms-transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg)
}
.lines-button.nav-close {
-ms-transform: scale3d(0.8, 0.8, 0.8);
-webkit-transform: scale3d(0.8, 0.8, 0.8);
-moz-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8)
}
.lines-button .lines {
display: inline-block;
width: 22px;
height: 3px;
background: #4D4941;
transition: 0.3s;
position: relative
}
.lines-button .lines:before,
.lines-button .lines:after {
display: inline-block;
width: 22px;
height: 3px;
background: #4D4941;
transition: 0.3s;
position: absolute;
left: 0;
content: ''
}
.lines-button .lines:before {
top: 8px
}
.lines-button .lines:after {
top: -8px
}
.search-btn-wrap {
display: block;
background: #00142a;
width: 58px;
height: 58px;
font-size: 20px;
line-height: 20px;
text-align: center;
color: #fff;
transition: background 0.3s ease-out
}
.search-btn-wrap .btn-close,
.search-btn-wrap .btn-search {
width: 58px;
height: 58px;
font-size: 20px;
line-height: 20px;
padding: 19px 10px
}
.search-btn-wrap .btn-close {
display: none;
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/icon-close.svg) no-repeat center;
background-size: 20px 20px
}
.search-btn-wrap.active {
background: #00142a !important
}
.search-btn-wrap.active .btn-search {
display: none
}
.search-btn-wrap.active .btn-close {
display: block
}
.search-btn-wrap:visited {
color: #fff
}
.search-btn-wrap:active,
.search-btn-wrap:focus,
.search-btn-wrap:hover {
color: #00142a;
background: #fff
}
.search-btn-wrap:focus,
.search-btn-wrap:hover {
color: #00142a;
background: #fff
}
.search-btn-wrap:focus a,
.search-btn-wrap:hover a {
color: #00142a
}
.search-btn-wrap:focus a:visited,
.search-btn-wrap:hover a:visited {
color: #00142a
}
@media only screen and (max-width: 767px) {
.lines-btn-wrap {
width: 50px;
height: 50px
}
.lines-btn-wrap .lines-button {
width: 50px;
height: 50px;
padding: 13px
}
.search-btn-wrap {
width: 50px;
height: 50px
}
.search-btn-wrap .btn-search,
.search-btn-wrap .btn-close {
width: 50px;
height: 50px;
padding: 14px 0px
}
}
.btn-signin {
font-family: 'Open Sans', sans-serif;
font-weight: 400
}
.btn-signin .fa {
margin-right: 7px
}
.link-underlined {
cursor: pointer;
transition: 0.3s ease-out;
position: relative;
font-size: 17.5px;
line-height: 20px;
letter-spacing: 0.3px;
color: #00142a;
font-family: 'euclidflex_regular'
}
.link-underlined:after {
content: '';
position: absolute;
width: 80px;
height: 6px;
left: 0;
background-color: #ff185a;
bottom: -13px;
transition: background-color 0.3s ease-out
}
.link-underlined.centered:after {
left: 50%;
margin-left: -40px
}
.link-underlined.fullwidth:after {
left: 0;
margin-left: 0;
width: 100%
}
.link-underlined.bold {
font-family: 'euclidflex_bold';
font-size: 20px;
letter-spacing: 0.09em;
padding-bottom: 3px
}
.link-underlined:hover:after {
background-color: #90042c
}
p .link-underlined:after {
bottom: -3px;
height: 3px
}
.ts-wioa-why-join .link-underlined:hover,
.keep-up-to-date .link-underlined:hover {
color: #fff
}
.plusminus {
position: absolute;
width: 15px;
height: 15px;
top: 18px;
right: 0
}
.plusminus:before,
.plusminus:after {
content: "";
position: absolute;
background-color: #fff;
transition: transform 0.25s ease-out
}
.plusminus:before {
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px
}
.plusminus:after {
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px
}
.expander {
position: relative
}
.expander .expander-content {
display: none
}
.expander.active .plusminus:before {
transform: rotate(90deg)
}
.expander.active .plusminus:after {
transform: rotate(180deg)
}
.search-wrap {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 20, 42, 0.95);
padding: 140px 7% 100px 7%;
z-index: 300
}
.search-wrap.active {
display: block
}
.search-wrap .search-inner {
text-align: center
}
.search-wrap .search-inner .search-input-wrap {
max-width: 600px;
margin: 0 auto
}
.search-wrap .search-inner .search-input-wrap #search-input {
background: transparent;
border: 0;
box-shadow: none;
display: inline-block;
vertical-align: middle;
transition: 0.3s ease-out;
width: 200px;
color: #fff;
font-size: 45px;
line-height: 45px;
font-family: 'euclidflex_medium'
}
.search-wrap .search-inner .search-input-wrap #search-input::-webkit-input-placeholder,
.search-wrap .search-inner .search-input-wrap #search-input::-moz-placeholder,
.search-wrap .search-inner .search-input-wrap #search-input:-ms-input-placeholder,
.search-wrap .search-inner .search-input-wrap #search-input:-moz-placeholder {
color: #fff
}
.search-wrap .search-inner .search-input-wrap #search-input::placeholder {
color: #fff
}
.search-wrap .search-inner .search-input-wrap #search-input:focus {
width: calc(100% - 45px)
}
.search-wrap .search-inner .search-input-wrap .icon-search {
width: 36px;
height: 36px;
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/icon-search.svg) no-repeat center;
background-size: contain;
display: inline-block;
vertical-align: middle
}
.search-wrap .btn-close {
width: 24px;
height: 24px;
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/icon-close.svg) no-repeat center;
background-size: contain;
position: absolute;
right: 7%;
top: 60px
}
@media only screen and (max-width: 960px) {
.search-wrap {
padding: 240px 100px 100px 7%
}
}
@media only screen and (max-width: 580px) {
.search-wrap {
padding-right: 60px !important
}
#ajaxsearchpro2_1 .probox .proloading,
#ajaxsearchpro2_2 .probox .proloading,
div.asp_m.asp_m_2 .probox .proloading,
#ajaxsearchpro2_1 .probox .proloading .asp_loader,
#ajaxsearchpro2_2 .probox .proloading .asp_loader,
div.asp_m.asp_m_2 .probox .proloading .asp_loader {
width: 30px !important;
min-width: auto !important;
height: 30px !important;
min-height: auto !important
}
#ajaxsearchpro2_1 .probox .promagnifier div.innericon,
#ajaxsearchpro2_2 .probox .promagnifier div.innericon,
div.asp_m.asp_m_2 .probox .promagnifier div.innericon,
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
width: 30px !important
}
input.orig::placeholder {
font-size: 20px !important;
line-height: 20px !important
}
#ajaxsearchpro2_1 .probox .proinput input.orig,
#ajaxsearchpro2_2 .probox .proinput input.orig,
div.asp_m.asp_m_2 .probox .proinput input.orig,
#ajaxsearchpro2_1 .probox .proinput input.autocomplete,
#ajaxsearchpro2_2 .probox .proinput input.autocomplete,
div.asp_m.asp_m_2 .probox .proinput input.autocomplete {
font-size: 20px !important;
line-height: 20px !important
}
}
@media only screen and (max-height: 767px) {
.search-wrap {
padding-top: 80px !important
}
}
.square-blue-list {
counter-reset: square-blue-list;
padding: 0 0 0 70px
}
.square-blue-list li {
list-style: none;
counter-increment: square-blue-list;
position: relative;
margin-bottom: 50px;
line-height: 2
}
.square-blue-list li::before {
position: absolute;
left: -70px;
font-family: 'euclidflex_bold';
content: counter(square-blue-list) ".";
line-height: 1;
height: 43px;
width: 43px;
background-color: #192c40;
text-align: center;
font-size: 22px;
display: block;
color: white;
line-height: 43px
}
.dash-notifications {
margin: 60px 0;
padding: 0 38px
}
.dash-notifications .dash-notification {
color: #fff;
padding: 10px;
margin: 5px 10px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
position: relative;
overflow: hidden;
margin: 0 0 6px 0;
padding: 10px 10px 10px 20px;
width: 100%;
max-width: 840px
}
.dash-notifications .dash-notification a {
color: #00142a
}
.dash-notifications .dash-notification i {
color: #fff;
display: inline-block;
margin-right: 10px
}
.dash-notifications .dash-notification.positive {
background-color: #00c851
}
.dash-notifications .dash-notification.alert {
background-color: #fff3cd;
color: #000
}
.dash-notifications .dash-notification.alert i {
color: #000
}
.apply-errors,
.dash-errors {
padding: 10px 20px;
background: #fff;
border: 1px solid red;
width: 100%;
max-width: 840px;
box-shadow: 0 1px 10px 1px rgba(115, 108, 203, 0.1);
border-radius: .25rem
}
.apply-errors h3,
.dash-errors h3 {
font-family: 'euclidflex_regular', sans-serif;
color: #53505f;
font-size: 18px;
font-weight: 500
}
.apply-errors .error-list,
.dash-errors .error-list {
padding: 0 10px
}
.apply-errors .error-list li,
.dash-errors .error-list li {
list-style: none;
margin-bottom: 6px
}
.apply-errors .error-list li a,
.dash-errors .error-list li a {
color: #00142a
}
.apply-errors .error-list li a i,
.dash-errors .error-list li a i {
color: red
}
.dash-errors {
margin: 60px 38px
}
.apply-errors {
display: none;
margin: 40px 0
}
.apply-errors i {
margin-right: 5px
}
.ui-dialog .ui-dialog-titlebar-close {
right: 11px !important
}
.ui-dialog .ui-dialog-buttonpane {
padding: 0 !important
}
.plusminus {
position: absolute;
width: 15px;
height: 15px;
top: 10px;
right: 0
}
.plusminus:before,
.plusminus:after {
content: "";
position: absolute;
background-color: #fff;
transition: transform 0.25s ease-out
}
.plusminus:before {
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px
}
.plusminus:after {
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px
}
.footer-expander,
.expander {
position: relative
}
.footer-expander h3,
.expander h3 {
cursor: pointer
}
.footer-expander.active .plusminus:before,
.expander.active .plusminus:before {
transform: rotate(90deg)
}
.footer-expander.active .plusminus:after,
.expander.active .plusminus:after {
transform: rotate(180deg)
}
.grecaptcha-badge {
visibility: hidden
}
.slide-nav {
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: calc(100% - 80px);
z-index: 1;
background: #a29988;
text-align: center;
padding: 50px 7%;
transition: opacity 0.5s ease-out;
overflow: scroll;
min-width: 260px
}
.slide-nav h1 {
word-spacing: 100vw;
color: #e5ccc5;
font-weight: 200;
text-transform: uppercase;
font-size: 1.875rem;
margin-top: 15px;
}
.slide-nav a {
color: #fff !important
}
.slide-nav__foot {
margin-top: 40px
}
.slide-nav__foot a {
font-size: 1rem
}
.slide-nav .social-links {
margin-top: 10px
}
.slide-nav .social-links ul {
padding: 0;
margin: 0
}
.slide-nav .social-links .social-link {
padding: 0;
margin: 4px;
list-style: none;
display: inline-block
}
.slide-nav .social-links .social-link a {
font-size: 2rem
}
.slide-nav .menu-items {
text-align: left; background: rgba(0, 0, 0, 0.42);
padding: 20px 20px;
border-radius: 10px;
margin: 20px 0
}
.slide-nav .menu-items .menu-item {
position: relative;
margin: 0;
list-style: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.slide-nav .menu-items .menu-item a {
font-family: 'Raleway', sans-serif;
font-weight: 200;
text-transform: uppercase;
display: block;
padding: 20px 0;
position: relative;
z-index: 1
}
.slide-nav .menu-items .menu-item.menu-item-has-children a {
width: 100%;
cursor: pointer
}
.slide-nav .menu-items .menu-item .plusminus {
top: 20px;
right: 3px;
width: 25px;
height: 25px;
z-index: 2;
pointer-events: none
}
.slide-nav .menu-items .menu-item .plusminus:before {
top: 25%;
height: 50%
}
.slide-nav .menu-items .menu-item .plusminus:after {
left: 25%;
width: 50%
}
.slide-nav .menu-items .menu-item.sub-menu-out .plusminus:before {
transform: rotate(90deg)
}
.slide-nav .menu-items .menu-item.sub-menu-out .plusminus:after {
transform: rotate(180deg)
}
.slide-nav .menu-items .menu-item:last-of-type {
border-bottom: none
}
.slide-nav .menu-items .menu-item .sub-menu-wrap {
display: none
}
.slide-nav .menu-items .menu-item .sub-menu {
padding: 0 0 30px 0
}
.slide-nav .menu-items .menu-item .sub-menu .menu-item {
margin-left: 15px;
border-bottom: none
}
.slide-nav .menu-items .menu-item .sub-menu .menu-item a {
padding: 6px 0;
font-size: 1rem
}
@media (max-width: 959px) {
body.slide-nav-out #main-wrap {
width: 100%;
transform: translate3d(calc(100% - 80px), 0, 0)
}
body.slide-nav-out .main-header {
transform: translate3d(calc(100% - 80px), 0, 0)
}
body.slide-nav-out .slide-nav {
opacity: 1
}
}
@media (max-width: 370px) {
body.slide-nav-out #main-wrap {
transform: translate3d(calc(100% - 60px), 0, 0)
}
body.slide-nav-out .main-header {
transform: translate3d(calc(100% - 60px), 0, 0)
}
.slide-nav__foot {
margin-top: 40px
}
.slide-nav__foot a {
font-size: 0.75rem
}
}
.main-header {
width: 100%;
padding: 0;
background: #A29988;
position: relative;
z-index: 2
}
.main-header__inner {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0
} .main-header .logo {
display: block;
transition: none;
font-family: 'Playfair Display', Arial;
color: #FCD4BB;
font-size: 104px;
letter-spacing: -2px;
}
.main-header .menu-items {
padding: 0;
margin: 0 -10px
}
.main-header .menu-items .menu-item {
display: inline-block;
list-style: none
}
.main-header .menu-items .menu-item .plusminus {
display: none
}
.main-header .menu-items .menu-item a {
display: block;
line-height: 1
}
.main-header .menu-items .menu-item:hover>a {
background: rgba(0, 0, 0, 0.05)
}
.main-header .menu-items .menu-item.hide-for-desktop {
display: none
}
.main-header .menu-items .menu-item.current-menu-ancestor>a,
.main-header .menu-items .menu-item.current-menu-item:not(.scroll-to)>a {
color: #b67b5d
}
.main-header .menu-items .menu-item .sub-menu-wrap {
position: absolute;
width: 100%;
height: 48px;
left: 0;
bottom: -48px;
right: 0;
padding: 0 4%;
background: #A29988;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
opacity: 0;
transition: opacity 0.3s ease-out;
z-index: -1;
pointer-events: none
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu {
margin: 0 -15px;
padding: 0
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item {
padding: 0;
margin: 0
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item a {
color: #fff;
padding: 16px 15px;
margin: 0
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item a:hover,
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item a:focus,
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item a:active {
color: #b67b5d
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item.current-menu-ancestor>a,
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item.current-menu-item:not(.scroll-to)>a {
color: #b67b5d
}
.main-header .menu-items .menu-item.menu-item-has-children>a {
padding-right: 30px;
position: relative
}
.main-header .menu-items .menu-item.menu-item-has-children>a:after {
content: '\F107';
font-family: fontello;
position: absolute;
right: 11px;
top: 50%;
margin-top: -8px
}
.main-header .menu-items .menu-item.menu-item-has-children:hover .sub-menu-wrap,
.main-header .menu-items .menu-item.menu-item-has-children:focus .sub-menu-wrap,
.main-header .menu-items .menu-item.menu-item-has-children:active .sub-menu-wrap {
pointer-events: all;
opacity: 1;
z-index: 2
}
.main-header .logo-bar {
position: relative;
height: 250px;
text-align: center;
padding-bottom: 50px; }
.main-header .logo-bar .main-header__inner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
z-index: 1
}
.contact-email-wrap {
position: absolute;
bottom: -20px;
right: 0;
text-align: right;
font-size: 0.875rem;
display: flex;
align-items: center;
gap: 10px;
}
.main-header .logo-bar .contact-email-wrap .icon-mail{
font-size: 24px;
}
.main-header .logo-bar .contact-email-wrap a {
color: #fff;
font-size: 0.875rem
}
.main-header .logo-bar .contact-email-wrap a:hover,
.main-header .logo-bar .contact-email-wrap a:focus,
.main-header .logo-bar .contact-email-wrap a:active {
text-decoration: underline
}
.main-header .logo-bar__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
background: #000;
background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, #000 100%);
display: none;
}
.main-header .btn-account {
display: inline-block;
vertical-align: middle
}
.main-header .btn-cart {
padding-left: 4px !important;
display: inline-block;
vertical-align: middle
}
.main-header .social-links {
display: inline-block;
vertical-align: middle
}
.main-header .social-links ul {
margin: 0;
padding: 0
}
.main-header .social-links ul li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none
}
.main-header .nav-bar {
background: #fff;
text-align: left;
height: 80px;
border-bottom: solid 1px #F2EBDC;
}
.main-header .nav-bar a {
font-size: 1rem;
text-transform: uppercase;
color: #4D4941;
margin: 0;
line-height: 1;
padding: 32px 10px;
display: inline-block
}
.main-header .nav-bar a:hover,
.main-header .nav-bar a:focus,
.main-header .nav-bar a:active {
color: #b67b5d
}
.main-header .nav-bar .social-link a {
font-size: 1.25rem
}
.main-header .nav-bar .main-header__inner {
padding: 0;
height: 100%
}
.main-header .nav-bar .flex {
align-items: center;
height: 100%
}
.main-header--sticky {
position: fixed;
width: 100%;
top: -250px;
z-index: 99;
-webkit-box-shadow: 0px 10px 18px -4px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 10px 18px -4px rgba(0, 0, 0, 0.12);
box-shadow: 0px 10px 18px -4px rgba(0, 0, 0, 0.12)
}
@media (max-width: 959px) {
.main-header {
transition: transform 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95)
}
.main-header .lines-button {
display: inline-block
}
.main-header .menu-header {
display: none
}
.main-header .logo-bar .contact-email-wrap {
display: none
}
.main-header .logo-bar { height: 200px;
padding-bottom: 0px;
}
.main-header .logo { }
.main-header--sticky {
top: -180px
}
}
.header-sticky #main-wrap {
padding-top: 330px
}
@media (max-width: 959px) {
.header-sticky #main-wrap {
padding-top: 260px
}
}
.admin-bar .main-header--sticky {
top: -218px
}
#wpadminbar {
position: fixed !important
}
.ts-section {
width: 100%;
padding: 0 4%;
overflow: hidden;
background: #F5F1EC;
color: #312F2A;
position: relative
}
.ts-section a:not(.btn) {
color: #b67b5d;
text-decoration: none
}
.ts-section a:not(.btn):hover,
.ts-section a:not(.btn):focus,
.ts-section a:not(.btn):active {
color: #e8594d
}
.ts-section h1,
.ts-section h2,
.ts-section h3,
.ts-section h4,
.ts-section h5,
.ts-section h6 {
color: #312F2A
}
.ts-section h4 {
margin-bottom: 30px
}
.ts-section .wp-block--core-heading h2,
.ts-section .wp-block--core-heading h3 {
margin-top: 50px
}
.ts-section .wp-block--core-heading:first-of-type h2,
.ts-section .wp-block--core-heading:first-of-type h3 {
margin-top: 0
}
.ts-section .related.products>h2,
.ts-section .wp-block--core-heading h2,
.ts-section .ts-section__inner>h2 {
position: relative;
padding-bottom: 14px;
margin-bottom: 40px;
text-align: center
}
.ts-section .related.products>h2:after,
.ts-section .wp-block--core-heading h2:after,
.ts-section .ts-section__inner>h2:after {
content: '';
position: absolute;
left: 50%;
margin-left: -45px;
bottom: 0px;
width: 90px;
height: 2px;
background-color: #312F2A
}
.ts-section__inner {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 90px 0;
position: relative;
z-index: 1
}
.ts-section__inner.no-bottom-padding {
padding-bottom: 0
}
@media (max-width: 767px) {
.ts-section__inner {
padding: 60px 0
}
}
.ts-section__bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.ts-section__bg .bg-image {
width: 100%;
height: 100%;
background-size: cover !important
}
.ts-section__bar-btm {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: #fff
}
.ts-section__bar-top {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 0;
background: #fff
}
.ts-section--white {
background: #fff;
color: #4D4941
}
.ts-section--white a:not(.btn) {
color: #4D4941
}
.ts-section--white h1,
.ts-section--white h2,
.ts-section--white h3,
.ts-section--white h4,
.ts-section--white h5,
.ts-section--white h6 {
color: #4D4941
}
.ts-section--white .wp-block--core-heading h2:after,
.ts-section--white .ts-section__inner>h2:after {
background-color: #4D4941
}
.ts-section--white .btn,
.ts-section--white .wp-block-button a {
border: 2px solid #4D4941 !important;
color: #4D4941 !important;
background: #fff !important
}
.ts-section--white .btn:active,
.ts-section--white .btn:focus,
.ts-section--white .btn:hover,
.ts-section--white .wp-block-button a:active,
.ts-section--white .wp-block-button a:focus,
.ts-section--white .wp-block-button a:hover {
background: #4D4941 !important;
border: 2px solid #4D4941 !important;
color: #fff !important
}
.ts-section--white blockquote,
.ts-section--white cite {
color: #4D4941
}
.ts-section--blue {
background: #141e37
}
.ts-section--dark {
background: #fff
}
.ts-section--light {
background: #9ca5ae
}
.ts-section--light a:not(.btn) {
color: #121725
}
.ts-section--black {
background: #000
}
.ts-section--dark-grad {
background: #F5F1EC; }
.ts-section.center-vertically .wp-block-columns {
display: flex;
align-items: center
}
@media (max-width: 959px) {
.ts-section--white-borders .ts-section__inner {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.ts-section--white-borders .ts-section__bar-btm,
.ts-section--white-borders .ts-section__bar-top {
display: none
}
}
@media (max-width: 767px) {
.ts-section {
padding: 0 7%
}
}
.ts-section-pad {
padding: 0 4%
}
@media (max-width: 767px) {
.ts-section-pad {
padding: 0 7%
}
}
.ts-section--quote-slider {
background: #373d46 url(//theillustratedjeweller.com/wp-content/themes/tij/images/testimonial-bg-blue.png) no-repeat center;
background-size: 50%;
background-position: calc(50% + 500px) 50%
}
.ts-section--quote-slider .ts-section__inner {
max-width: 1024px
}
.ts-section--quote-slider .fade-slider {
position: relative;
z-index: 1
}
.ts-section--quote-slider .cite {
margin-bottom: 20px
}
.ts-section--quote-slider .star-rating {
height: 45px;
margin: 20px 0;
text-align: left
}
.ts-section--quote-slider .star-rating .star {
display: inline-block;
font-size: 1.5rem
}
.ts-section--quote-slider .star-rating .star:after {
content: '';
font-family: fontello;
color: #fff
}
.ts-section--quote-slider .star-rating--0-5 .star:nth-child(1):after {
content: '\E817'
}
.ts-section--quote-slider .star-rating--1 .star:nth-child(1):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--1-5 .star:nth-child(1):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--1-5 .star:nth-child(2):after {
content: '\E817'
}
.ts-section--quote-slider .star-rating--2 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--2 .star:nth-child(2):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--2-5 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--2-5 .star:nth-child(2):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--2-5 .star:nth-child(3):after {
content: '\E817'
}
.ts-section--quote-slider .star-rating--3 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--3 .star:nth-child(2):after,
.ts-section--quote-slider .star-rating--3 .star:nth-child(3):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--3-5 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--3-5 .star:nth-child(2):after,
.ts-section--quote-slider .star-rating--3-5 .star:nth-child(3):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--3-5 .star:nth-child(4):after {
content: '\E817'
}
.ts-section--quote-slider .star-rating--4 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--4 .star:nth-child(2):after,
.ts-section--quote-slider .star-rating--4 .star:nth-child(3):after,
.ts-section--quote-slider .star-rating--4 .star:nth-child(4):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--4-5 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--4-5 .star:nth-child(2):after,
.ts-section--quote-slider .star-rating--4-5 .star:nth-child(3):after,
.ts-section--quote-slider .star-rating--4-5 .star:nth-child(4):after {
content: '\E814'
}
.ts-section--quote-slider .star-rating--4-5 .star:nth-child(5):after {
content: '\E817'
}
.ts-section--quote-slider .star-rating--5 .star:nth-child(1):after,
.ts-section--quote-slider .star-rating--5 .star:nth-child(2):after,
.ts-section--quote-slider .star-rating--5 .star:nth-child(3):after,
.ts-section--quote-slider .star-rating--5 .star:nth-child(4):after,
.ts-section--quote-slider .star-rating--5 .star:nth-child(5):after {
content: '\E814'
}
@media (max-width: 959px) {
.ts-section--quote-slider {
background-position: calc(50% + 200px) 50%;
background-size: cover
}
.ts-section--quote-slider blockquote {
font-size: 2.5rem
}
.ts-section--quote-slider .ts-section__inner {
padding: 40px 0
}
}
@media (max-width: 767px) {
.ts-section--quote-slider blockquote {
font-size: 2rem
}
}
@media (max-width: 959px) {
.video-section {
padding: 0
}
.video-section .ts-section__inner {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
.section-finishes {
background: #000 !important
}
.ts-section--faqs {
overflow: hidden
}
.ts-section--faqs .faq-group {
margin-bottom: 50px
}
.ts-section--faqs .faq-group h2 {
color: #b67b5d;
margin: 0
}
.ts-section--faqs .faq-links {
margin: 85px 0 0 0;
padding: 0
}
.ts-section--faqs .faq-links li {
margin: 0 0 10px 0;
padding: 0;
list-style: none
}
.ts-section--faqs .faq-links li a {
width: 100%
}
.ts-section--faqs .faq-links.sticky {
position: fixed;
top: 80px;
width: 280px
}
.ts-section--faqs .faq-links.fixed-bottom {
position: absolute;
top: auto;
bottom: 45px;
width: 280px
}
.ts-section--faqs .tsgb-faq-answer p {
margin-bottom: 20px
}
.ts-section--faqs .tsgb-faq-answer p:last-of-type {
margin-bottom: 10px
}
.ts-section--faqs .col-9 {
padding-right: 30px;
width: calc(100% - 280px)
}
.ts-section--faqs .col-3 {
position: relative;
width: 280px
}
.ts-section--faqs .col-3 #sticky-nav-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
@media (max-width: 767px) {
.ts-section--faqs .flex {
flex-direction: column-reverse
}
.ts-section--faqs .col-9 {
width: 100%;
padding-right: 15px
}
.ts-section--faqs .col-3 {
width: 100%;
position: relative;
margin-bottom: 50px
}
.ts-section--faqs .col-3 #sticky-nav-wrap {
position: relative
}
.ts-section--faqs .faq-links {
margin: 0 0 20px 0
}
.ts-section--faqs .faq-links.sticky {
position: relative;
top: auto;
width: 100%
}
.ts-section--faqs .faq-links.fixed-bottom {
position: relative;
top: auto;
bottom: auto;
width: 100%
}
.ts-section--faqs .Accordion-trigger {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px
}
}
.section-metals {
background: #fdfdfd
}
.wp-block-wdgb-button {
text-align: center
}
.text-left .wp-block-wdgb-button {
text-align: left
}
.text-right .wp-block-wdgb-button {
text-align: right
}
.text-center .wp-block-wdgb-button {
text-align: center
}
.wp-block-tsgb-btn-group {
text-align: center
}
.wp-block-tsgb-btn-group.btn-wrap--left {
text-align: left
}
.wp-block-tsgb-btn-group.btn-wrap--right {
text-align: right
}
.wp-block-tsgb-btn-group .wp-block-tsgb-button {
display: inline-block
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 0 !important
}
.wp-block-table {
margin: 0
}
.wp-block p {
margin: 0 auto 30px auto
}
.wp-block--core-heading h1,
.wp-block--core-heading h2,
.wp-block--core-heading h3 {
margin-top: 0;
margin-bottom: 40px
}
.text-left .wp-block {
text-align: left
}
.text-right .wp-block {
text-align: right
}
.wp-block-image {
padding: 0;
margin: 40px 0 !important
}
.wp-block-image.alignfull {
margin: 0
}
.wp-block-image img {
display: block;
width: 100%;
height: auto
}
.wp-block-image figcaption {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 20px;
background-color: #f7f7f7;
color: #2a3a41;
font-size: 0.9375rem
}
#main-content>.wp-block-image {
margin: 0 !important
}
#main-content>.wp-block-image figcaption {
padding: 25px 7%;
font-size: 0.875rem
}
@media (min-width: 960px) {
#main-content>.wp-block-image {
display: flex
}
#main-content>.wp-block-image img {
width: 70%
}
#main-content>.wp-block-image figcaption {
width: 30%;
padding: 4%;
font-size: 0.9375rem
}
}
.wp-block-columns {
width: 100%;
max-width: 1170px;
margin: 0 auto;
margin-bottom: 0 !important
}
.wp-block-columns .wp-block-column {
margin-bottom: 40px
}
.blocks-gallery-grid {
width: 100%
}
.wp-block-image {
position: relative;
margin: 10px !important
}
.wp-block-image .image-wrap {
flex-direction: column;
padding: 25px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1)
}
.wp-block-image figcaption {
position: relative;
background: transparent;
display: block;
color: #949494;
height: auto;
padding: 10px 0;
top: auto;
left: auto;
right: auto;
bottom: auto;
text-align: left
}
@media (max-width: 767px) {
.wp-block-image .image-wrap {
padding: 15px
}
}
.wp-block-gallery {
width: 100%
}
.wp-block-gallery .blocks-gallery-item figure {
position: relative;
align-items: stretch !important;
justify-content: stretch !important;
flex-direction: column
}
.wp-block-gallery .blocks-gallery-item figure .image-wrap {
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
padding: 25px;
position: relative
}
.wp-block-gallery .blocks-gallery-item figure .image-wrap .image {
width: 100%;
height: 0;
padding-bottom: 60%;
position: relative
}
.wp-block-gallery .blocks-gallery-item figure .image-wrap img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
object-fit: cover
}
.wp-block-gallery .blocks-gallery-item figure figcaption {
position: relative;
background: transparent;
display: block;
color: #949494;
height: auto;
padding: 10px 0;
top: auto;
left: auto;
right: auto;
bottom: auto;
text-align: left
}
@media (max-width: 767px) {
.wp-block-gallery .blocks-gallery-item figure .image-wrap {
padding: 15px
}
}
.ts-section--hero {
background: #0a0a0c;
padding: 0;
height: 800px;
position: relative
}
.ts-section--hero .ts-section-pad {
padding: 0 15%
}
.ts-section--hero .hero-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.ts-section--hero .hero-slider .slick-list {
height: 100% !important
}
.ts-section--hero .hero-slider .wp-block-tsgb-hero {
width: 100%;
height: 100%
}
.ts-section--hero .hero-slider .slick-slide,
.ts-section--hero .hero-slider .slick-slide>div {
height: 100%
}
.ts-section--hero .hero-slider .slick-slide .hero-slide,
.ts-section--hero .hero-slider .slick-slide>div .hero-slide {
opacity: 1
}
.ts-section--hero .hero-slider .hero-slide {
width: 100%;
height: 100%;
opacity: 0
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad,
.ts-section--hero .hero-slider .hero-slide--image .ts-section-pad {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner,
.ts-section--hero .hero-slider .hero-slide--image .ts-section-pad .ts-section__inner {
width: 100%;
height: 100%;
position: relative;
padding: 0
}
.ts-section--hero .hero-slider .hero-slide--cta .wp-block-tsgb-slide-image,
.ts-section--hero .hero-slider .hero-slide--image .wp-block-tsgb-slide-image {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad {
z-index: 2;
height: 100%
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner {
display: flex;
align-items: center;
justify-content: center;
text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.55)
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 2rem;
line-height: 1.2;
margin-bottom: 30px;
padding-bottom: 0;
margin-top: 0
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1 strong,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 strong {
font-size: 6rem;
line-height: 1;
display: block;
font-weight: 300
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1:after,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2:after {
display: none
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .content {
text-align: center
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .wp-block-buttons {
justify-content: center
}
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--left .ts-section-pad .ts-section__inner {
justify-content: flex-start
}
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--right .ts-section-pad .ts-section__inner {
justify-content: flex-end
}
@media (max-width: 959px) {
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad {
padding: 0 10%
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 {
margin-bottom: 20px
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1 strong,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 strong {
font-size: 4rem
}
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--left .ts-section-pad .ts-section__inner .content,
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--right .ts-section-pad .ts-section__inner .content {
max-width: 45%
}
}
@media (max-width: 767px) {
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 {
font-size: 1.5rem
}
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1 strong,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 strong {
font-size: 3rem
}
}
@media (max-width: 560px) {
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h1 strong,
.ts-section--hero .hero-slider .hero-slide--cta .ts-section-pad .ts-section__inner h2 strong {
font-size: 3.125rem
}
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--left .ts-section-pad .ts-section__inner .content,
.ts-section--hero .hero-slider .hero-slide--cta.hero-slide--right .ts-section-pad .ts-section__inner .content {
max-width: none
}
}
.ts-section--hero .dots-wrap {
padding: 0 7%;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.ts-section--hero .dots-wrap .dots-container {
width: 100%;
max-width: 1170px;
margin: 0 auto;
position: relative
}
.ts-section--hero .slick-dots {
text-align: right
}
@media (max-width: 1199px) {
.ts-section--hero {
height: 0;
padding-bottom: 60%
}
}
@media (max-width: 767px) {
.ts-section--hero {
height: 0;
padding-bottom: 80%
}
.ts-section--hero .hero-slider .hero-slide--cta .wp-block-tsgb-slide-image {
opacity: 0.7 !important
}
}
@media (max-width: 560px) {
.ts-section--hero {
height: 450px;
padding-bottom: 0
}
}
.ts-section--banner {
padding: 0
}
.ts-section--banner .ts-section__inner {
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end
}
.ts-section--banner .ts-section__inner h1,
.ts-section--banner .ts-section__inner h2,
.ts-section--banner .ts-section__inner h3,
.ts-section--banner .ts-section__inner h4 {
margin: 0;
text-transform: uppercase;
font-weight: 600
}
.ts-section--banner .ts-section__inner h2 {
padding-bottom: 0
}
.ts-section--banner .ts-section__inner h2:after {
display: none
}
.wp-block-embed {
margin: 0;
padding: 0
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper .iframe-wrap {
background: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper .iframe-wrap iframe {
width: 100%;
height: 100%
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-right: 8% !important
}
@media (max-width: 959px) {
.wp-block-media-text {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important;
display: flex !important;
flex-direction: column-reverse;
flex-wrap: wrap
}
.wp-block-media-text .wp-block-media-text__content {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100%
}
.wp-block-media-text figure.wp-block-media-text__media {
margin-bottom: 60px;
position: relative;
width: 100%;
height: 450px
}
.wp-block-media-text figure.wp-block-media-text__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
margin: 0 auto;
display: block
}
.wp-block-media-text figure.wp-block-media-text__media video {
width: 100%;
height: 100%;
background: #9ca5ae
}
.wp-block-media-text .wp-block-spacer {
display: none
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-right: 0 !important
}
.wp-block-media-text.tall-video figure.wp-block-media-text__media {
height: 0;
padding-bottom: 176%
}
.wp-block-media-text.tall-video figure.wp-block-media-text__media video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
}
@media (max-width: 560px) {
.wp-block-media-text figure.wp-block-media-text__media {
height: auto
}
}
@media (max-width: 959px) {
.home .wp-block-media-text {
flex-direction: row
}
}
.ts-section--imagetext {
padding: 0
}
.ts-section--imagetext .flex {
margin: 0;
flex-wrap: wrap
}
.ts-section--imagetext .flex .col-image {
padding: 0
}
.ts-section--imagetext .flex .col-image .image-bg {
width: 100%;
height: 100%
}
.ts-section--imagetext .flex .col-text {
padding: 0;
display: flex;
justify-content: flex-start;
align-items: center
}
.ts-section--imagetext .flex .col-text .wrap {
padding-top: 90px;
padding-bottom: 90px;
max-width: 585px
}
.ts-section--imagetext.ts-section--centered .flex {
align-items: center
}
.ts-section--imagetext.ts-section--centered .flex .col-image {
display: flex;
justify-content: flex-end
}
.ts-section--imagetext.ts-section--centered .flex .col-image .image {
max-width: 585px;
margin: 50px 0
}
.ts-section--imagetext--left .flex .col-text {
padding-right: 4%
}
.ts-section--imagetext--left .flex .col-text .wrap {
padding-left: 70px
}
.ts-section--imagetext--right .flex {
flex-direction: row-reverse
}
.ts-section--imagetext--right .flex .col-text {
justify-content: flex-end;
padding-left: 4%
}
.ts-section--imagetext--right .flex .col-text .wrap {
padding-right: 70px
}
.ts-section--imagetext--right.ts-section--centered .flex .col-image {
justify-content: flex-start
}
@media (max-width: 1024px) {
.ts-section--imagetext .flex {
flex-direction: column-reverse !important
}
.ts-section--imagetext .flex .col-text {
justify-content: flex-start !important;
width: 100%;
padding-left: 4%;
padding-right: 4%
}
.ts-section--imagetext .flex .col-text .wrap {
max-width: none;
padding: 60px 0 !important
}
.ts-section--imagetext .flex .col-image {
height: 0;
width: 100%;
padding-bottom: 80%;
position: relative
}
.ts-section--imagetext .flex .col-image .image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.ts-section--imagetext.ts-section--centered .flex .col-image {
height: auto;
padding-bottom: 0;
justify-content: center !important
}
.ts-section--imagetext.ts-section--centered .flex .col-image .image {
margin-top: 0;
margin-bottom: 80px
}
.ts-section--imagetext.ts-section--centered .collapse-bottom-mobile .flex .col-image .image {
margin-bottom: 0
}
}
@media (max-width: 767px) {
.ts-section--imagetext--right .flex .col-text,
.ts-section--imagetext--left .flex .col-text {
padding-left: 7%;
padding-right: 7%
}
}
.wp-block-tsgb-section {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center
}
.wp-block-tsgb-section .wp-block,
.wp-block-tsgb-section>* {
width: 100%
}
.gallery-block__title {
margin-top: 40px
}
.gallery-block__description {
margin-bottom: 40px;
max-width: 1000px
}
.gallery-block .gallery-thumbs {
display: flex;
flex-wrap: wrap;
margin: 0 -4px
}
.gallery-block .gallery-thumbs .gallery-thumb {
width: 33.33333%;
padding: 4px;
position: relative;
display: block;
transition: none;
overflow: hidden
}
.gallery-block .gallery-thumbs .gallery-thumb .overlay {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
background: rgba(255, 255, 255, 0.8);
padding: 20px;
opacity: 0;
transition: opacity 0.3s ease-out;
font-size: 0.9375rem
}
.gallery-block .gallery-thumbs .gallery-thumb .overlay p {
color: #4D4941;
margin-bottom: 5px
}
.gallery-block .gallery-thumbs .gallery-thumb .overlay p:last-of-type {
margin-bottom: 0
}
.gallery-block .gallery-thumbs .gallery-thumb img {
width: 100%;
height: 100%;
display: block;
object-fit: cover
}
@media (max-width: 1199px) {
.gallery-block .gallery-thumbs .gallery-thumb {
width: 50%
}
}
@media (max-width: 767px) {
.gallery-block .gallery-thumbs .gallery-thumb .overlay {
font-size: 0.825rem
}
}
@media (max-width: 560px) {
.gallery-block .gallery-thumbs .gallery-thumb {
width: 100%
}
}
.gallery-block.gallery-masonry .gallery-thumbs {
display: block
}
@media (max-width: 1199px) {
.gallery-block.gallery-masonry .gallery-thumbs .gallery-thumb {
width: 50%
}
}
.gallery-block.gallery-horizontal .gallery-thumbs-wrap {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
height: 500px
}
.gallery-block.gallery-horizontal .gallery-thumbs-wrap::-webkit-scrollbar {
display: none
}
.gallery-block.gallery-horizontal .gallery-thumbs {
display: block;
height: 500px
}
.gallery-block.gallery-horizontal .gallery-thumbs .gallery-thumb {
display: inline-block;
width: auto !important;
height: 100%
}
.gallery-block.gallery-horizontal .gallery-thumbs .gallery-thumb img {
height: 100%;
width: auto
}
@media (max-width: 560px) {
.gallery-block.gallery-horizontal .gallery-thumbs-wrap {
height: 450px
}
.gallery-block.gallery-horizontal .gallery-thumbs {
height: 450px
}
}
.ts-section--no-pad .gallery-block__title,
.ts-section--no-pad .gallery-block__description {
margin-left: 30px;
margin-right: 30px
}
.woocommerce ins {
text-decoration: none !important
}
.woocommerce div.quantity {
display: inline-block;
max-width: 100px
}
.woocommerce div.quantity label {
color: #A4A4A4;
text-transform: uppercase;
line-height: 17px;
margin-bottom: 9px;
display: block
}
.woocommerce div.quantity input {
background-color: #fff;
color: #43454b
}
.woocommerce div.quantity input.qty {
outline: 0;
border: 0;
border-radius: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: none;
font-size: 17px;
line-height: 17px;
height: 42px;
padding: 6px 10px;
font-family: 'Libre Franklin', sans-serif;
vertical-align: middle;
border: 1px solid #E1E1E1
}
.woocommerce div.quantity .qty {
border-right: 1px solid #E1E1E1
}
.woocommerce div.quantity div.product form.cart input.qty {
width: calc(100% - 24px)
}
.woocommerce div.quantity .num-stepper-controls {
display: flex;
flex-direction: column;
float: right;
height: 42px;
width: 24px
}
.woocommerce div.quantity .num-stepper-controls input {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
appearance: none;
color: #CCCCCC;
outline: none;
transition: 0.3s ease-out;
box-shadow: none;
border-left: none;
height: 50%;
width: 100%;
text-align: center;
border-color: #E1E1E1
}
.woocommerce div.quantity .num-stepper-controls input:focus {
background-color: #ccc;
color: #000
}
.woocommerce div.quantity .num-stepper-controls input.plus {
border-bottom: 0
}
@media (max-width: 560px) {
.woocommerce .coupon .button {
font-size: 0.9rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
height: 44px
}
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock {
color: #C7692E !important;
font-size: 1.875rem !important
}
.woocommerce ul.products li.product a {
text-align: center
}
.woocommerce button.button,
.woocommerce-button,
.woocommerce-Button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #FCD4BB !important;
border: 2px solid #FCD4BB !important;
color: #312F2A !important;
width: calc(100% - 192px);
}
.woocommerce button.button:active,
.woocommerce button.button:focus,
.woocommerce button.button:hover,
.woocommerce-button:active,
.woocommerce-button:focus,
.woocommerce-button:hover,
.woocommerce-Button:active,
.woocommerce-Button:focus,
.woocommerce-Button:hover,
.woocommerce #respond input#submit.alt:active,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:active,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:hover {
background-color: #9a6246 !important;
border: 2px solid #9a6246 !important;
color: #fff !important
}
.woocommerce ul.products li.product .price {
color: #312F2A !important;
font-size: 1.2rem !important
}
.woocommerce ul.products li.product .price .amount {
font-size: 1.5rem !important
}
.woocommerce ul.products li.product .price ins {
text-decoration: none !important
}
.woocommerce span.onsale {
background: #FCD4BB !important;
border-radius: 0 !important;
padding: 10px !important;
line-height: 1 !important;
min-height: auto !important;
top: 20px !important;
color: #744C33!important;
}
.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title {
margin-bottom: 20px;
text-transform: capitalize
}
.woocommerce div.product p.price,
.woocommerce-page div.product p.price {
margin-bottom: 35px
}
.woocommerce div.product .related.products,
.woocommerce-page div.product .related.products {
clear: both;
margin-top: 140px
}
.woocommerce div.product .wc-accordion,
.woocommerce-page div.product .wc-accordion {
float: right;
width: 44%;
clear: right !important
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header {
color: #7A7160;
text-transform: uppercase;
padding: 16px 40px 16px 0;
border-bottom: 1px solid #7A7160;
position: relative;
cursor: pointer;
transition: 0.3s ease-out
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header span,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header span {
color: #7A7160;
position: absolute;
right: 16px;
transition: transform 0.5s ease-out
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header:hover,
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header:focus,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header:hover,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-header:focus {
background: rgba(255, 255, 255, 0.1)
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content {
display: none
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content.active,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content.active {
display: block
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner {
padding: 20px 4px
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner>h2,
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner .woocommerce-Reviews-title,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner>h2,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel .woocommerce-Tabs-panel-content .inner .woocommerce-Reviews-title {
display: none
}
.woocommerce div.product .wc-accordion .woocommerce-Tabs-panel.active .woocommerce-Tabs-panel-header span,
.woocommerce-page div.product .wc-accordion .woocommerce-Tabs-panel.active .woocommerce-Tabs-panel-header span {
transform: rotate(180deg)
}
.woocommerce div.product p.stock,
.woocommerce-page div.product p.stock {
font-size: 18px !important
}
.woocommerce div.product .gift-wrapping,
.woocommerce-page div.product .gift-wrapping {
padding-top: 25px !important
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
width: 44% !important
}
.woocommerce div.product form.cart .variations,
.woocommerce-page div.product form.cart .variations { margin-bottom: 0px !important
}
.woocommerce div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select {
margin: 8px 0;
display: inline-block;
border: none;
box-shadow: none;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 40px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
-webkit-appearance: none;
appearance: none;
background: #fff url(//theillustratedjeweller.com/wp-content/themes/tij/images/svg/angle-down.svg) no-repeat;
background-size: 14px 27px;
background-position: calc(100% - 12px) 50%;
border: solid 1px #E0D7C5;
background-color: #fff !important;
font-size: 14px;
color: #312F2A;
margin-left: 4px;
}
.woocommerce div.product form.cart .variations td:nth-child(1),
.woocommerce-page div.product form.cart .variations td:nth-child(1) {
padding-top: 12px
}
.woocommerce div.product form.cart .woocommerce-variation-price,
.woocommerce-page div.product form.cart .woocommerce-variation-price {
margin-bottom: 30px
}
.woocommerce div.product form.cart .quantity-stepper,
.woocommerce-page div.product form.cart .quantity-stepper {
display: flex;
float: left;
margin-right: 25px
}
.woocommerce div.product form.cart .quantity-stepper .button,
.woocommerce-page div.product form.cart .quantity-stepper .button {
float: none
}
.woocommerce div.product form.cart .quantity-stepper .minus,
.woocommerce div.product form.cart .quantity-stepper .plus,
.woocommerce-page div.product form.cart .quantity-stepper .minus,
.woocommerce-page div.product form.cart .quantity-stepper .plus {
background: #FCD4BB;
display: inline-block;
height: 42px;
margin: 0;
padding: 0;
border: none;
width: 42px
}
.woocommerce div.product form.cart .quantity-stepper .quantity,
.woocommerce-page div.product form.cart .quantity-stepper .quantity {
float: none;
margin: 0;
display: inline-block
}
.woocommerce div.product form.cart .quantity-stepper input.qty,
.woocommerce-page div.product form.cart .quantity-stepper input.qty {
width: 100%;
max-width: 80px
}
@media (max-width: 767px) {
.woocommerce div.product,
.woocommerce-page div.product {
margin-top: 0
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100% !important
}
.woocommerce div.product .wc-accordion,
.woocommerce-page div.product .wc-accordion {
float: none;
margin-top: 60px;
width: 100%
}
.woocommerce div.product .woo-variation-product-gallery,
.woocommerce-page div.product .woo-variation-product-gallery {
margin-bottom: 50px;
width: 100% !important
}
}
@media (max-width: 460px) {
.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button {
float: none;
clear: both;
width: 100%;
margin-top: 40px
}
}
.wcpk-radio-list {
width: 100%;
border-bottom: 1px solid #ccc;
margin-bottom: 40px
}
.wcpk-radio-list-option {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 8px 10px;
cursor: pointer
}
.wcpk-radio-list-option:hover,
.wcpk-radio-list-option.active {
background: rgba(255, 255, 255, 0.1)
}
.wcpk-radio-list-option>div {
display: inline-block
}
.wcpk-radio-list-option p {
margin-bottom: 0
}
.wcpk-radio-list-option p.stock {
font-size: 12px !important
}
.wcpk-radio-list-option .wcpk-radio-list-option-radio {
width: 10%;
text-align: left
}
.wcpk-radio-list-option .wcpk-radio-list-option-name {
width: 50%
}
.wcpk-radio-list-option .wcpk-radio-list-option-price {
width: 20%
}
.wcpk-radio-list-option .wcpk-radio-list-option-status {
width: 20%;
text-align: right
}
.wcpk-radio-list-option .wcpk-radio-list-option.outofstock {
background: #e2e1e1;
cursor: auto
}
.wcpk-radio-list-option .wcpk-radio-list-option.outofstock:hover {
background: #e2e1e1
}
.wcpk-radio-list-option .wcpk-radio-list-option.outofstock .wcpk-radio-list-option-radio {
visibility: hidden
}
.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow,
.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {
color: #4D4941 !important;
background-color: rgba(255, 255, 255, 0.2) !important
}
.wvg-gallery-thumbnail-image,
.wvg-single-gallery-image-container {
background-color: rgba(255, 255, 255, 0.1) !important
} .woocommerce-account .woocommerce {
display: flex;
flex-wrap: wrap
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding-right: 30px
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 20px 0;
padding: 0
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #312F2A
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
border-bottom: none
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px;
color: #312F2A !important;
text-transform: uppercase;
padding: 16px
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:active {
background-color: rgba(255, 255, 255, 0.1);
text-decoration: none
}
.woocommerce-account .woocommerce-Address {
margin-bottom: 30px
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 20px 30px;
border-left: 1px solid #312F2A
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
margin: 40px 0
}
.woocommerce-account .wc-login-wrap {
width: 100%;
text-align: center
}
.woocommerce-account .wc-login-wrap .wc-login {
margin: 30px auto;
max-width: 300px
}
.woocommerce-account .wc-login-wrap .wc-login p {
margin: 10px 0
}
.woocommerce-account .ts-section .ts-section-inner .inner>h1 {
margin-bottom: 40px;
text-align: center;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.8)
}
@media only screen and (max-width: 768px) {
.woocommerce-account .woocommerce {
display: block
}
.woocommerce-account .woocommerce-MyAccount-content {
border: none;
padding: 20px 16px
}
.woocommerce-account .woocommerce-MyAccount-navigation {
border: none;
padding-right: 0
}
}
.login-panel {
width: 100%;
max-width: 550px;
margin: 0 auto
}
.login-panel .woocommerce-button,
.login-panel .woocommerce-Button {
width: 100%;
margin-top: 20px !important
}
.login-panel .login-panel-tabs .login-panel-tab {
float: left;
width: 50%;
color: #4D4941;
padding: 10px 20px;
cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.login-panel .login-panel-tabs .login-panel-tab.active {
background: #fff;
color: #4D4941;
border-top: 1px solid #b67b5d;
border-left: 1px solid #b67b5d;
border-right: 1px solid #b67b5d;
margin-bottom: -2px
}
.login-panel .login-panel-pages {
background: #fff;
color: #4D4941;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #b67b5d
}
.login-panel .login-panel-page {
display: none
}
.login-panel .login-panel-page.active {
display: block
}
.login-panel form.login,
.login-panel form.register {
margin: 0 !important;
border: none !important
}
.woocommerce-notices-wrapper {
margin: 0 auto
}
.woocommerce-privacy-policy-text {
font-size: 12px
}
.woocommerce-address-fields__field-wrapper {
margin-bottom: 30px
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px !important
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
height: 44px;
width: 160px
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
font-size: 0.875rem;
line-height: 1.5
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
margin-top: 30px
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
margin-bottom: 30px
}
#order_review_heading {
margin-top: 50px;
margin-bottom: 20px
}
.woocommerce-checkout-payment {
margin-top: 50px
}
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3 {
margin-bottom: 20px
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none !important
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-top: none !important;
border-left: 6px solid #70a0af
}
.woocommerce-info {
border-left-color: #b67b5d;
padding: 1em 2em 1em 1.5em !important
}
.woocommerce-info:before {
color: #b67b5d !important;
display: none !important
}
.woocommerce-error {
border-left-color: red
}
.woocommerce-error:before {
color: red !important
}
.woocommerce-message {
border-left-color: #70a0af
}
.woocommerce-message:before {
color: #70a0af !important
}
@media (max-width: 767px) {
.woocommerce-message {
display: flex;
flex-direction: column-reverse
}
.woocommerce-message .button {
float: none !important;
width: 100%;
clear: both;
display: block !important;
margin-top: 10px !important
}
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
width: auto
} .woocommerce-loop-product__title {
text-transform: capitalize;
font-family: 'Cabin';
font-weight: 400;
font-size: 15px !important;
text-align: left;
line-height: 24px;
}
.woo-variation-product-gallery {
width: 100%
}
.ts-section--category-tiles h2 {
margin-bottom: 40px
}
.ts-section--category-tiles .category-tiles .flex {
flex-wrap: wrap;
margin: 0 -12px
}
.ts-section--category-tiles .category-tiles .category-tile {
display: block;
height: 440px;
padding: 12px
}
.ts-section--category-tiles .category-tiles .category-tile__inner {
background: #9ca5ae;
height: 100%;
display: block;
padding: 30px;
position: relative;
overflow: hidden;
color: #fff
}
.ts-section--category-tiles .category-tiles .category-tile__inner:hover,
.ts-section--category-tiles .category-tiles .category-tile__inner:focus,
.ts-section--category-tiles .category-tiles .category-tile__inner:active {
color: #fff
}
.ts-section--category-tiles .category-tiles .category-tile__inner:hover .bg,
.ts-section--category-tiles .category-tiles .category-tile__inner:focus .bg,
.ts-section--category-tiles .category-tiles .category-tile__inner:active .bg {
transform: scale(1.1)
}
.ts-section--category-tiles .category-tiles .category-tile__inner:hover .overlay,
.ts-section--category-tiles .category-tiles .category-tile__inner:focus .overlay,
.ts-section--category-tiles .category-tiles .category-tile__inner:active .overlay {
opacity: 1
}
.ts-section--category-tiles .category-tiles .category-tile__inner:hover .cat-title,
.ts-section--category-tiles .category-tiles .category-tile__inner:focus .cat-title,
.ts-section--category-tiles .category-tiles .category-tile__inner:active .cat-title {
color: #fff !important
}
.ts-section--category-tiles .category-tiles .category-tile .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover !important;
transition: transform 2s ease-out
}
.ts-section--category-tiles .category-tiles .category-tile .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
transition: opacity 0.3s ease-out;
opacity: 0
}
.ts-section--category-tiles .category-tiles .category-tile .cat-title {
position: absolute;
left: 30px;
right: 30px;
font-weight: 400;
font-family: 'Raleway', sans-serif;
text-transform: none;
font-size: 20px;
line-height: 1.2;
z-index: 2;
transition: color 0.3s ease-out;
letter-spacing: 1px;
}
.ts-section--category-tiles .category-tiles .category-tile--readytobuy .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/ready-to-buy-image-apr17.png) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--readytobuy .cat-title {
bottom: 30px;
text-align: left;
color: #4D4941
}
.ts-section--category-tiles .category-tiles .category-tile--readytobuy .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
}
.ts-section--category-tiles .category-tiles .category-tile--rings .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-rings.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--rings .cat-title {
top: 30px;
text-align: right
}
.ts-section--category-tiles .category-tiles .category-tile--rings .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
}
.ts-section--category-tiles .category-tiles .category-tile--pendants .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-pendants.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--pendants .cat-title {
bottom: 30px;
color: #4D4941
}
.ts-section--category-tiles .category-tiles .category-tile--pendants .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 25%
}
.ts-section--category-tiles .category-tiles .category-tile--earrings .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-earrings.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--earrings .cat-title {
text-align: right;
top: 30px;
color: #4D4941
}
.ts-section--category-tiles .category-tiles .category-tile--earrings .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
}
.ts-section--category-tiles .category-tiles .category-tile--engagements .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-engagement.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--engagements .cat-title {
bottom: 30px
}
.ts-section--category-tiles .category-tiles .category-tile--engagements .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
}
.ts-section--category-tiles .category-tiles .category-tile--charms .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-charms.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--charms .cat-title {
top: 30px;
color: #000 }
.ts-section--category-tiles .category-tiles .category-tile--charms .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
} .ts-section--category-tiles .category-tiles .category-tile--customdesigns .bg {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/category-images/category-charms.jpg) no-repeat center
}
.ts-section--category-tiles .category-tiles .category-tile--customdesigns .cat-title {
top: 30px;
text-align: left
}
.ts-section--category-tiles .category-tiles .category-tile--customdesigns .category-tile__inner:before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 30%
}
.ts-section--category-tiles .category-tiles .category-tile.height298 {
height: 298px
} @media (max-width: 959px) {
.ts-section--category-tiles .category-tiles .flex {
margin: 0 -5px
}
.ts-section--category-tiles .category-tiles .category-tile {
padding: 5px;
width: 50%;
height: 350px
}
.ts-section--category-tiles .category-tiles .category-tile--custom-designs {
width: 100%
}
}
@media (max-width: 767px) {
.ts-section--category-tiles {
padding: 0 4%
}
.ts-section--category-tiles .category-tiles .flex {
margin: 0 -12px
}
.ts-section--category-tiles .category-tiles .category-tile {
padding: 5px 12px;
width: 100%;
height: 300px
}
.ts-section--category-tiles .category-tiles .category-tile--custom-designs .bg {
left: 50%;
right: 20px
}
.ts-section--category-tiles .category-tiles .category-tile--custom-designs .cat-title {
top: 20px;
bottom: 20px;
font-size: 1.875rem;
left: 4%
}
.ts-section--category-tiles .category-tile__inner:before {
height: 50% !important
}
}
.related.products {
clear: both;
float: left;
margin-top: 100px
}
.git-customise {
padding: 20px 30px;
border: 1px solid #fff;
margin: 80px 0 0 0
}
.git-customise h2,
.git-customise h3,
.git-customise h4 {
margin-bottom: 20px;
text-align: center
}
.git-customise textarea {
height: 140px !important
}
.git-customise__button {
text-align: center
}
.git-customise__button .btn {
width: 100%
}
.git-customise__inner {
display: none
}
.git-customise__inner p {
text-align: center
}
.git-customise__inner .content {
padding: 20px 0 40px 0
}
.git-customise .btn-wrap {
margin-top: 30px
}
.ring-size-select-wrap {
margin: 20px 0 50px 0
}
.ring-size-select-wrap .form-row {
padding: 0 !important;
margin: 0 !important
}
.ring-size-select-wrap .form-row select {
width: auto !important
}
.single-product .single-title {
display: none;
margin-bottom: 40px;
text-transform: capitalize
}
@media (max-width: 767px) {
.single-product .single-title {
display: block
}
.single-product .woocommerce div.product .product_title {
display: none
}
}
.main-footer {
width: 100%;
padding: 0 4%;
overflow: hidden; background: #A29988;
color: #fff;
text-align: left
}
.main-footer a:not(.btn) {
color: #fff
}
.main-footer a:not(.btn):hover,
.main-footer a:not(.btn):focus,
.main-footer a:not(.btn):active {
text-decoration: underline
}
.main-footer__inner {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 30px 0 20px 0
}
.main-footer .flex .col-icon {
width: 210px
}
.main-footer .flex .col.flex {
width: calc(100% - 210px)
}
.main-footer .logo-footer {
display: block; transition: none
}
.main-footer .menu-items {
margin: 0;
padding: 0
}
.main-footer .menu-items .menu-item {
margin: 0 0 6px 0;
padding: 0;
list-style: none
}
.main-footer .contact-email {
font-size: 1rem
}
.main-footer .google-reviews-wrap {
margin-top: 40px;
display: inline-block
}
.main-footer .google-reviews-wrap .btn-google-reviews {
display: block;
width: 129px
}
.main-footer .google-reviews-wrap .btn-google-reviews img {
width: 100%;
height: auto
}
.main-footer #menu-legal-links .menu-item {
display: inline-block
}
.main-footer #menu-legal-links .menu-item.separator {
padding: 0 15px 0 20px
}
.main-footer #menu-legal-links .menu-item.separator:last-child {
display: none
}
.main-footer .social-links ul {
padding: 0;
margin: 20px 0
}
.main-footer .social-links li {
display: inline-block;
list-style: none;
padding: 10px 10px;
margin: 0 4px
}
.main-footer .copyright {
text-align: center;
font-size: 0.75rem;
margin-top: 50px;
text-transform: uppercase;
}
.main-footer h5 {
font-size: 1.5rem;
font-weight: 300;
position: relative;
margin-top: 40px
}
.main-footer h5:after {
content: '';
width: 90px;
height: 2px;
background: rgba(255, 255, 255, 0.4);
position: absolute;
bottom: -4px;
left: 0
}
.main-footer h5 .plusminus {
display: none
}
.main-footer .contact-email,
.main-footer .contact-phone,
.main-footer .contact-address {
margin-bottom: 20px
}
.main-footer .social-wrap {
margin-top: 20px
}
.main-footer .social-wrap .social-links ul {
margin: 0 -8px
}
.main-footer .social-wrap .social-links li {
margin: 0;
padding: 5px
}
@media (max-width: 1199px) {
.main-footer .flex .col.flex {
flex-wrap: wrap
}
.main-footer .flex .col.flex .col {
width: 50%
}
}
@media (min-width: 768px) {
.main-footer .col--expander .menu-items {
display: block !important
}
}
@media (max-width: 767px) {
.main-footer {
padding: 0 7%;
text-align: center
}
.main-footer h5 {
font-size: 1.5rem;
cursor: pointer
}
.main-footer h5:after {
left: 50%;
margin-left: -45px
}
.main-footer h5 .plusminus {
display: block
}
.main-footer .logo-footer {
margin: 0 auto;
width: 100%; }
.main-footer .flex {
flex-wrap: wrap
}
.main-footer .flex .col {
width: 100%
}
.main-footer .flex .col.flex .col {
width: 100%
}
.main-footer .col--contact {
margin-bottom: 50px
}
.main-footer .col--expander {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px 0
}
.main-footer .col--expander:last-of-type {
border-bottom: none
}
.main-footer .col--expander h5 {
margin: 0
}
.main-footer .col--expander h5:after {
display: none
}
.main-footer .col--expander h5 .plusminus {
right: 4%
}
.main-footer .col--expander.sub-menu-out h5 .plusminus:before {
transform: rotate(90deg)
}
.main-footer .col--expander.sub-menu-out h5 .plusminus:after {
transform: rotate(180deg)
}
.main-footer .col--expander .menu-items {
display: none;
padding: 30px 0
}
}
.payment-logos {
text-align: center;
margin: 20px 0
}
.payment-logos .payment-logo {
display: inline-block;
vertical-align: middle
}
.payment-logos .payment-logo .logo-stripe {
display: block;
width: 80px
}
.payment-logos .payment-logo .logo-stripe img {
width: 100%;
height: auto
}
.payment-logos .payment-logo--paypal {
width: 110px;
padding: 0 16px
} .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline
} .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
outline: none;
opacity: 0.9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px
}
@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//theillustratedjeweller.com/wp-content/themes/tij/images/photoswipe/default-skin/default-skin.svg)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
display: none;
background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D
}
a.pswp__share--download:hover {
background: #DDD
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #BBB
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(//theillustratedjeweller.com/wp-content/themes/tij/images/photoswipe/default-skin/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5)
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: 0.001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
@media (max-width: 1200px) {
.main-header .nav-bar a {
font-size: 0.875rem;
padding: 32px 5px;
}
}
.main-header .nav-bar .icon .icon-instagram, .main-header .nav-bar .btn-cart .icon-shopping-bag {
color: #DA844F;
}
#SR7_1_1 .custom.sr7-arrows {
background: transparent!important;
width: 56px;
height: 56px;
border: solid 1px #fff;
border-radius: 50%;
}
#SR7_1_1 .custom.sr7-arrows:before {
font-size: 24px;
color: #fff;
line-height: 56px;
}
#SR7_1_1 .custom.sr7-arrows:hover {
background: #000!important;
}
h2.catogory-tiles-heading {
position: relative;
padding-bottom: 14px;
margin-top: 40px;
margin-bottom: 0px;
text-align: center;
color: #4D4941;
text-transform: uppercase;
}
h2.catogory-tiles-heading:after {
content: '';
position: absolute;
left: 50%;
margin-left: -45px;
bottom: 0px;
width: 90px;
height: 2px;
background-color: #4D4941
}
h2.wp-block-heading {
font-family: "Playfair Display", sans-serif;
font-weight: 300;
color: #4D4941;
}
.fb-dialog .fb-content .wp-block-image {
padding: 20px 0px;
}
.woocommerce ul.products li.product .price {
text-align: left;
}
.footer-text-logo {
}
.footer-text-logo a{
display: block;
transition: none;
font-family: 'Playfair Display', Arial;
color: #FCD4BB!important;
font-size: 64px;
letter-spacing: -2px;
text-align: center;
text-decoration: none!important;
}
.archive .woocommerce-loop-product__title {
text-align: center;
padding: 0px 50px !important;
}
.archive.woocommerce ul.products li.product .price {
text-align: center;
padding: 15px 0px 10px 0px;
}
.archive.woocommerce ul.products li.product .price del {
margin-right: 10px;
}
.archive.woocommerce ul.products li.product .price .amount {
font-size: 18px !important;
}
.woocommerce nav.woocommerce-pagination {
margin-bottom: 50px;
}
.woocommerce nav.woocommerce-pagination ul li {
width: 40px;
height: 40px;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
border: solid 1px #E0D7C5;
color: #312F2A;
padding: 10px;
font-size: 14px; }
.archive .ts-section {
padding: 0px; }
.archive .woocommerce-products-header {
background: #fff;
padding: 30px 4% 20px 4%;
text-align: center;
}
.archive .woocommerce-breadcrumb {
font-size: .92em;
color: #7A7160;
}
.archive .woocommerce-breadcrumb span {
padding: 0px 10px;
}
.archive .term-description p {
color: #312F2A;
font-size: 16px;
margin-bottom: 0px;
}
.archive .woocommerce-result-count {
padding-left: 4%;
padding-top: 40px;
}
.archive .woocommerce-ordering {
padding-right: 4%;
padding-top: 40px;
}
.archive.woocommerce .products ul, .archive.woocommerce ul.products {
padding: 0 4%;
}
.archive.woocommerce .woocommerce-result-count {
color: #7A7160;
}
.archive.woocommerce .woocommerce-result-count .woocommerce-showall {
}
.ts-section .form-row label {
color: #312F2A;
}
.start-from {
color: #e7b187;
font-size: 18px;
text-transform: uppercase;
}
.main-header .menu-items .menu-item .sub-menu-wrap__inner .sub-menu .menu-item.current-menu-item:not(.scroll-to)>a {
background: rgba(0,0,0,0.5);
}
.woo-variation-product-gallery {
max-width: 60% !important;
width: 60%;
}
.woocommerce-product-details__short-description {
color: #7A7160;
}
.woocommerce div.product form.cart .variations label {
color: #7A7160;
font-size: 18px;
}
.woocommerce-product-details__short-description {
margin-bottom: 20px;
}
.woocommerce-Tabs-panel-content p {
color: #7A7160;
}
.woocommerce table.shop_attributes th {
color: #7A7160;
text-align: left;
}
.git-customise {
display: none;
}
.variable-item.button-variable-item {
background: #fff !important;
border: solid 1px #E0D7C5;
color: #7A7160;
}
.variable-item-contents .variable-item-span.variable-item-span-button {
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: none!important;
}
.woo-variation-swatches .variable-items-wrapper.radio-variable-items-wrapper .radio-variable-item input {
background: #fff;
}
.main-header .menu-items .sub-menu .menu-item:hover>a  {
background: rgba(0, 0, 0, 0.5);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: none;
margin-right: 0em;
display: block;
width: 100%;
}
.woocommerce .woocommerce-form-register .woocommerce-Button {
float: none;
margin-right: 0em;
display: block;
width: 100%;
}
.woocommerce .shop_table  .actions button.button {
max-width: 170px;
padding: 0px !important;
height: 44px;
}
.woocommerce .shop_table .coupon {
display: flex;
min-width: 80%;
align-items: center;
}
.woocommerce .shop_table .coupon label {
display: none;
}
.woocommerce .shop_table .coupon button.button {
max-width: 210px;
}
.wc-proceed-to-checkout .checkout-button.button {
font-family: cabin;
text-transform: capitalize;
font-weight: 400;
width: 100%!important;
}
.postage-chage-block {
background-color: #F5F1EC;
padding: 16px;
margin-top: 20px;
font-size: 16px;
}
.postage-chage-block .postage-head {
font-weight: 700;
font-size: 17px;
letter-spacing: 0px;
line-height: 22px;
margin-bottom: 6px;
letter-spacing: 0.5px;
}
.postage-chage-block .postage-row {
display: flex;
justify-content: space-between;
position: relative;
background-image: url(http://tij.hcpm.in/wp-content/uploads/2025/05/link.png);
background-position: center center;
background-repeat: repeat-x;
align-items: center;
}
.postage-chage-block .postage-row .postage-text {
padding: 5px;
background-color: #F5F1EC;
}
.postage-chage-block .postage-row .postage-price {
padding: 5px;
background-color: #F5F1EC;
}
.postage-chage-block .reponsible-for-tax {
border-top: solid 1px #7A716066;
background: transparent;
padding: 15px 0px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
}
.postage-chage-block .reponsible-for-tax img {
max-width: 20px;
height: auto;;
}
.mobile-logo {
display: none;
}
.mobile-logo-footer {
display: none;
}
.desktop-logo-footer {
max-width: 850px;
}  @media (max-width: 1524px) { }
@media (max-width: 1350px) { }
@media (max-width: 1200px) { }
@media (max-width: 1060px) { }
@media (max-width: 950px) {
.footer-text-logo a {
font-size: 50px;
}
.mobile-logo {
display: block;
max-width: 280px!important;
}
.desktop-logo {
display: none;
}
.mobile-logo-footer {
display: block;
max-width: 280px!important;
}
.desktop-logo-footer {
display: none;
}
.main-footer .logo-footer {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 910px) { }
@media (max-width: 767px) {
}
@media (max-width: 750px) {
.main-footer .logo-footer {
height: 50px;
}
.footer-text-logo a {
font-size: 40px;
}
}
@media (max-width: 600px) { .main-footer .logo-footer {
height: 30px;
}
.footer-text-logo a {
font-size: 30px;
}
}
@media (max-width: 430px) { .main-footer .logo-footer {
height: auto;
}
.footer-text-logo a {
font-size: 22px;
}
.woocommerce .shop_table .coupon{
display: block;
text-align: left;
}
.cartcoupon {
margin-left: 0px!important;
margin-top: 8px;
}
}