html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-spacing:0;border-collapse:collapse}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1em;width:100%}th{font-weight:700}hr{background-color:#bbb;border:0;height:1px;margin-bottom:1em}p{margin-bottom:1em}ul,ol{margin:0 0 1em}ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-left:1em}dt{font-weight:700}dd{margin:0 1em 1em}b,strong{font-weight:700}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1em}address{margin:0 0 1em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:.7em;line-height:1em;margin-bottom:1em;padding:1em;overflow:auto;max-width:100%;box-shadow:0 3px 5px #ddd inset}.alignleft{display:inline;float:left;margin-left:.5em
}.alignright{display:inline;float:right;margin-right:.5em}.aligncenter{clear:both;display:block;margin:0 auto}.center{text-align:center}
.row-fluid{width:100%}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.5641025641026%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.5641025641026%}.row-fluid .span12{width:100%}.row-fluid .span11{width:91.452991452991%}.row-fluid .span10{width:82.905982905983%}.row-fluid .span9{width:74.358974358974%}.row-fluid .span8{width:65.811965811966%}.row-fluid .span7{width:57.264957264957%}.row-fluid .span6{width:48.717948717949%}.row-fluid .span5{width:40.17094017094%}.row-fluid .span4{width:31.623931623932%}.row-fluid .span3{width:23.076923076923%}.row-fluid .span2{width:14.529914529915%}.row-fluid .span1{width:5.982905982906%}.row-fluid .offset12{margin-left:105.12820512821%}.row-fluid .offset12:first-child{margin-left:102.5641025641%}.row-fluid .offset11{margin-left:96.581196581197%}.row-fluid .offset11:first-child{margin-left:94.017094017094%}.row-fluid .offset10{margin-left:88.034188034188%}.row-fluid .offset10:first-child{margin-left:85.470085470085%}.row-fluid .offset9{margin-left:79.487179487179%}.row-fluid .offset9:first-child{margin-left:76.923076923077%}.row-fluid .offset8{margin-left:70.940170940171%}.row-fluid .offset8:first-child{margin-left:68.376068376068%}.row-fluid .offset7{margin-left:62.393162393162%}.row-fluid .offset7:first-child{margin-left:59.82905982906%}.row-fluid .offset6{margin-left:53.846153846154%}.row-fluid .offset6:first-child{margin-left:51.282051282051%}.row-fluid .offset5{margin-left:45.299145299145%}.row-fluid .offset5:first-child{margin-left:42.735042735043%}.row-fluid .offset4{margin-left:36.752136752137%}.row-fluid .offset4:first-child{margin-left:34.188034188034%}.row-fluid .offset3{margin-left:28.205128205128%}.row-fluid .offset3:first-child{margin-left:25.641025641026%}.row-fluid .offset2{margin-left:19.65811965812%}.row-fluid .offset2:first-child{margin-left:17.094017094017%}.row-fluid .offset1{margin-left:11.111111111111%}.row-fluid .offset1:first-child{margin-left:8.5470085470085%}.container-fluid{padding-right:20px;padding-left:20px}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}.container-fluid:after{clear:both}.main-fluid{margin-right:auto;margin-left:auto;max-width:1380px}.main-fluid:before,.main-fluid:after{display:table;content:"";line-height:0}.main-fluid:after{clear:both}.container:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root {
--base-color: #423b35;
--primary-color-1: #0193D7;
--primary-color-2: #0186c3;
--primary-color-3: #0178b0;
--primary-color-4: #016b9c;
--primary-color-5: #015e89;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*:focus {
outline: none;
}
input, select, textarea, button, a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input[type=text], input[type=search], input[type=number], input[type=password], input[type=email], input[type=tel], input[type=button], input[type=submit], textarea {
-webkit-appearance: none;
background-color: transparent;
border-radius: 0;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
resize: vertical;
vertical-align: top;
}
body {
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-size: 1.8em;
line-height: 1.35;
font-weight: 300;
color: var(--base-color);
-webkit-font-smoothing: antialiased;
background-color: #333;
background-image: url('../images/seamless_paper_texture.png');
}
a {
color: var(--base-color);
text-decoration: none;
transition: color .25s ease-in-out;
}
a:hover,
a:focus,
a:active {
color: var(--primary-color-2);
}
a.disabled {
color: #bbb;
}
b {
font-weight:600
}
h1 {
font-size:1.8em
}
h2 {
font-size:1.6em
}
h3 {
font-size:1.4em
}
h4 {
font-size:1.2em
}
h1, h2, h3, h4 {
font-weight: 600;
text-align: center;
line-height: 1;
margin-bottom: 1em;
background:inherit
}
img {
max-width: 100%;
height:auto
}
section {
clear: both;
}
.ifrawrap {
position: relative;
padding-bottom:45%
}
.ifrawrap > iframe {
position: absolute;
left: 0;
width: 100%;
height: 100%;
border:none
}
.item > p {
position: relative;
padding-bottom:56.25%
}
.item > p > iframe {
position: absolute;
left: 0;
width: 100%;
height: 100%;
border:none
}
.hide {
display:none
}
:focus {
outline-style:none
}
.language-chooser {
position: relative;
float: right;
top: 20px;
right: 60px;
font-size: 14px;
line-height: 14px;
text-transform:uppercase
}
.language-chooser li {
display: inline;
float: left;
padding: 0 4px;
border-left:1px solid #ccc
}
.language-chooser li:first-child {
border-left:0
}
.language-chooser li a {
color:#ccc
}
.language-chooser li a:hover {
color: var(--primary-color-1)!important;
}
.qtranxs_text span {
font-weight:600
}
.qtranxs-available-languages-message {
padding:40px 0
}
.find {
position: relative;
float: left;
top: 20px;
left: 60px;
font-size: 14px;
line-height:14px
}
/*.screen-reader-text {
display:none
}*/
.search-field::-webkit-input-placeholder {
text-transform: uppercase;
color:#ccc
}
.search-field:-moz-placeholder {
text-transform: uppercase;
color:#ccc
}
.search-field::-moz-placeholder {
text-transform: uppercase;
color:#ccc
}
.search-field:-ms-input-placeholder {
text-transform: uppercase;
color:#ccc
}
.search-field::-webkit-search-decoration, .search-field::-webkit-search-cancel-button {
-webkit-appearance:none
}
.search-form {
transform: translateX(-100%);
-webkit-transform:translateX(-100%)
}
.slide-in {
animation: slide-in .5s forwards;
-webkit-animation:slide-in .5s forwards
}
.slide-out {
animation: slide-out .5s forwards;
-webkit-animation:slide-out .5s forwards
}
@keyframes slide-in {
0% {
transform:translateX(-100%)
}
100% {
transform:translateX(0%)
}
}
@-webkit-keyframes slide-in {
0% {
-webkit-transform:translateX(-100%)
}
100% {
-webkit-transform:translateX(0%)
}
}
@keyframes slide-out {
0% {
transform:translateX(0%)
}
100% {
transform:translateX(-100%)
}
}
@-webkit-keyframes slide-out {
0% {
-webkit-transform:translateX(0%)
}
100% {
-webkit-transform:translateX(-100%)
}
}
.find .search-field {
float: left;
border: 0;
border-radius: 0;
background: none;
outline: none;
-webkit-appearance: none;
color: #ccc;
opacity: 0;
transition: opacity .5s;
}
.find .search-submit {
float: left;
cursor: pointer;
display: block;
position: relative;
left: 16px;
width: 16px;
height: 16px;
background-color: transparent;
background-image: url(../images/search.svg);
background-repeat: no-repeat;
background-position: 0 0;
padding: 0;
box-shadow: none;
text-indent: -9999px;
border: 0;
border-radius: 0;
-webkit-appearance:none
}
.slide-in .search-field {
opacity:1
}
.find .search-submit:hover {
background-position:-16px 0
}
.top {
width: 24px;
height: 24px;
font-size: 20px;
font-weight: 600;
color: var(--base-color);
text-align: center;
background: #fff;
border-radius: 50%;
opacity: .8;
position: fixed;
bottom: 30px;
right: 30px;
display: none;
cursor:pointer
}
.top:hover {
color: #fff;
background: var(--primary-color-1);
}
#header .logo {
width: 256px;
height: 152px;
margin: 10px auto;
cursor:pointer
}
#header nav {
width: 100%;
height: 80px;
color: #fff;
position: relative;
z-index: 999;
background: -webkit-linear-gradient(rgba(0, 0, 0, .3) 0px, rgba(0, 0, 0, .3) 1px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, .1) 2px, transparent 2px, transparent 38px, rgba(0, 0, 0, .3) 38px, rgba(0, 0, 0, .3) 39px, rgba(255, 255, 255, .1) 39px, rgba(255, 255, 255, .1) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -moz-linear-gradient(rgba(0, 0, 0, .3) 0px, rgba(0, 0, 0, .3) 1px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, .1) 2px, transparent 2px, transparent 38px, rgba(0, 0, 0, .3) 38px, rgba(0, 0, 0, .3) 39px, rgba(255, 255, 255, .1) 39px, rgba(255, 255, 255, .1) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -o-linear-gradient(rgba(0, 0, 0, .3) 0px, rgba(0, 0, 0, .3) 1px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, .1) 2px, transparent 2px, transparent 38px, rgba(0, 0, 0, .3) 38px, rgba(0, 0, 0, .3) 39px, rgba(255, 255, 255, .1) 39px, rgba(255, 255, 255, .1) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -ms-linear-gradient(rgba(0, 0, 0, .3) 0px, rgba(0, 0, 0, .3) 1px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, .1) 2px, transparent 2px, transparent 38px, rgba(0, 0, 0, .3) 38px, rgba(0, 0, 0, .3) 39px, rgba(255, 255, 255, .1) 39px, rgba(255, 255, 255, .1) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background:linear-gradient(rgba(0, 0, 0, .3) 0px, rgba(0, 0, 0, .3) 1px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, .1) 2px, transparent 2px, transparent 38px, rgba(0, 0, 0, .3) 38px, rgba(0, 0, 0, .3) 39px, rgba(255, 255, 255, .1) 39px, rgba(255, 255, 255, .1) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px)
}
#primary {
top: -40px;
position: relative;
}
.f-nav #primary {
top: 40px;
}
.f-nav #header .nav-container {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1260px;
}
.f-nav #header .nav-container nav {
border: 0;
background: -webkit-linear-gradient(rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, .7) 1px, rgba(0, 0, 0, .7) 2px, rgba(0, 0, 0, .8) 2px, rgba(0, 0, 0, .8) 38px, rgba(0, 0, 0, 1) 38px, rgba(0, 0, 0, 1) 39px, rgba(0, 0, 0, .7) 39px, rgba(0, 0, 0, .7) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -moz-linear-gradient(rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, .7) 1px, rgba(0, 0, 0, .7) 2px, rgba(0, 0, 0, .8) 2px, rgba(0, 0, 0, .8) 38px, rgba(0, 0, 0, 1) 38px, rgba(0, 0, 0, 1) 39px, rgba(0, 0, 0, .7) 39px, rgba(0, 0, 0, .7) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -o-linear-gradient(rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, .7) 1px, rgba(0, 0, 0, .7) 2px, rgba(0, 0, 0, .8) 2px, rgba(0, 0, 0, .8) 38px, rgba(0, 0, 0, 1) 38px, rgba(0, 0, 0, 1) 39px, rgba(0, 0, 0, .7) 39px, rgba(0, 0, 0, .7) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background: -ms-linear-gradient(rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, .7) 1px, rgba(0, 0, 0, .7) 2px, rgba(0, 0, 0, .8) 2px, rgba(0, 0, 0, .8) 38px, rgba(0, 0, 0, 1) 38px, rgba(0, 0, 0, 1) 39px, rgba(0, 0, 0, .7) 39px, rgba(0, 0, 0, .7) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px);
background:linear-gradient(rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, .7) 1px, rgba(0, 0, 0, .7) 2px, rgba(0, 0, 0, .8) 2px, rgba(0, 0, 0, .8) 38px, rgba(0, 0, 0, 1) 38px, rgba(0, 0, 0, 1) 39px, rgba(0, 0, 0, .7) 39px, rgba(0, 0, 0, .7) 40px, rgba(0, 0, 0, .4) 40px, transparent 48px, transparent 80px)
}
.anchor:before {
display: block;
content: '';
height: 80px;
margin-top: -80px;
visibility:hidden
}
.f-nav ul.menu {
width: auto;
position: absolute;
display: block;
margin: 0 auto;
left: 0;
right: 0;
border: 0;
}
.f-nav ul.menu ul {
position: fixed;
background: transparent;
}
.f-nav ul.menu li.current-menu-parent > ul, .f-nav ul.menu li:hover > ul {
left: 0;
right: 0;
}
ul.menu::-webkit-scrollbar, .f-nav ul.menu::-webkit-scrollbar, ul.menu li.current-menu-parent > ul::-webkit-scrollbar, ul.menu li:hover > ul::-webkit-scrollbar {
display: none!important;
}
ul.menu {
width: 100%;
max-width: 1260px;
height: 80px;
margin: 0 auto;
padding: 0 140px;
list-style: none;
text-align: center;
text-transform: uppercase;
}
ul.menu:after {
content: '';
width: 100%;
display:inline-block
}
ul.menu li {
line-height: 40px;
display: inline-block;
vertical-align: top;
font-family: 'Times New Roman', Times, serif;
font-size: .75em;
}
ul.menu > li {
float: left;
width: 16.66666667%
}
ul.menu li a {
line-height: 40px;
color: #fff;
margin: 0;
padding:0 16px
}
ul.menu .current-menu-parent a, ul.menu li:hover > a {
color: var(--primary-color-1);
}
ul.sub-menu .current {
color: var(--primary-color-1)!important;
}
ul.menu ul {
position: absolute;
left: 0;
right: 0;
max-width: 1260px;
height: 40px;
margin: 0 auto;
font-size: 16px;
line-height: 18px;
text-align: center;
display: none;
}
ul.menu li:hover > ul {
background: #2e2e2e;
background: rgba(0, 0, 0, 0.8);
display: block;
height: 60px;
padding-bottom: 20px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling:touch
}
#header #nav {
height: 80px;
overflow:hidden
}
ul.menu {
height: 100px;
overflow-x:auto
}
ul.menu li.current-menu-parent > ul li a, ul.menu li:hover > ul li a {
float: left;
line-height: 40px;
color: #fff;
margin: 0;
padding:0 16px
}
ul.menu li.current-menu-parent > ul li a:hover, ul.menu li:hover > ul li a:hover, ul.menu li > ul li.current-menu-parent a {
color: var(--primary-color-1);
}
ul.menu li#menu-item-15 > ul li.current-menu-item a {
color: var(--primary-color-1);
}
ul.menu li.current-menu-parent > ul {
z-index: 1;
}
ul.menu li:hover > ul {
z-index: 2;
}
article, footer {
position: relative;
z-index: 1;
max-width: 1260px;
margin: 0 auto;
}
article {
margin-bottom: 40px;
padding-top: 20px;
min-height: 800px;
text-align: center;
background: #cecece;
overflow: hidden;
}
article a {
color: var(--primary-color-1);
}
article h2 a, article h3 a {
color: inherit;
}
article h2 a:hover, article h3 a:hover, article h4 a:hover {
color:inherit
}
article .vline {
position: relative;
z-index: 1;
margin: 60px 0 4px;
}
article .vline:after {
content: '';
position: absolute;
z-index: 0;
top: -56px;
bottom: 0;
left: 50%;
max-height: 52px;
border-left:1px solid #6a6a6a
}
article.news h2 {
margin-top:10px
}
article.news .vline:after {
bottom: .3em;
}
article .hline {
position: relative;
font-size: 1em;
line-height: 1em;
z-index: 1;
max-width: 240px;
display: inline-block;
margin: 20px auto 4px;
}
article .hline:after {
border-top: 1px solid #6a6a6a;
content: '';
margin: 0 auto;
position: absolute;
top: 50%;
left: -30px;
right: -30px;
bottom: 0;
z-index: -1;
}
article h3 span {
background: inherit;
padding: 0 10px;
display: inline-block;
text-transform:uppercase
}
article h3 ul {
margin:0
}
article h4 {
color: var(--primary-color-1);
font-size:1em
}
.pagination {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
z-index:1
}
.pagination div {
font-size: .75em;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis
}
.pagination .past-page {
float: left;
width: 50%;
text-align:left
}
.pagination .next-page {
float: right;
width: 50%;
text-align:right
}
.hexagons {
overflow: hidden;
width: 80%;
margin:0 auto 80px
}
.hexagons li {
position: relative;
list-style-type: none;
width: 27.857142857143%;
padding-bottom: 32.167601451666%;
float: left;
overflow: hidden;
visibility: hidden;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform:rotate(-60deg) skewY(30deg)
}
.hexagons.two li:nth-child(1) {
float: left;
left:22.0625%
}
.hexagons.two li:nth-child(2) {
float: right;
left:-22.0625%
}
.hexagons.three li:nth-child(2) {
margin: 0 2px;
position: relative;
z-index:1
}
.hexagons li:nth-child(4), .hexagons li:nth-child(5), .hexagons li:nth-child(6) {
margin-top: -16.0838007%;
margin-bottom:-16.0838007%
}
.hexagons li:nth-child(6) {
float: right;
left:-8.42%
}
.hexagons li {
left:8.042%
}
.hexagons li * {
position: absolute;
visibility:visible
}
.hexagons li > div {
width: 100%;
height: 100%;
text-align: center;
color: #fff;
overflow: hidden;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
-webkit-backface-visibility:hidden
}
.hexagons li img {
left: -100%;
right: -100%;
width: auto;
height: 100%;
margin: 0 auto;
background:#fff
}
.hexagons li a {
color:#fff
}
.hexagons div h4, .hexagons div p {
width: 100%;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
color: #fff;
background-color: var(--primary-color-1);
background-color: rgba(1, 147, 215, 0.8);
transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
.hexagons li h4 {
max-width: 100% !important;
bottom: 101%;
font-style: italic;
font-weight: 400;
font-size: 1em;
padding-top: 100%;
padding-bottom:100%
}
.hexagons li h4:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 45%;
width: 10%;
text-align: center;
z-index: 1;
border-bottom:2px solid #fff
}
.hexagons li p {
top: 101%;
font-size: .75em;
padding-top: 100%;
padding-bottom:100%
}
.hexagons li div:hover h4 {
bottom: 50%;
padding-bottom:5%
}
.hexagons li div:hover p {
top: 50%;
padding-top:5%
}
.octagon {
width: 570px;
height: 570px;
overflow: hidden;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
text-align: center;
margin:-110px auto 0
}
.octagon:after {
content: '';
top: 0;
bottom: 0;
left: -50px;
right: -50px;
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 20%;
margin-bottom:20%
}
.octagon > div {
width: 670px;
height: 344px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
bottom: 0;
left: -50px;
right: -50px;
position: absolute;
overflow: hidden;
display: block;
margin: auto;
z-index: 1;
-webkit-backface-visibility:hidden
}
.octagon > div img {
width: 100%;
height: auto;
display: block;
position: absolute;
margin: 0 auto;
background:#fff
}
.octagon div h4, .octagon div p {
width: 670px;
height: 172px;
margin: 0;
text-transform: uppercase;
color: #fff;
background-color: var(--primary-color-1);
background-color: rgba(1, 147, 215, 0.8);
transition: transform .2s ease-out;
}
.octagon div h4 {
-webkit-transform: translateY(-101%);
-ms-transform: translateY(-101%);
transform: translateY(-101%);
padding: 22% 10px 0;
font-style: italic;
font-weight: 400;
font-size:1em
}
.octagon div h4:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 45%;
width: 10%;
text-align: center;
z-index: 1;
border-bottom:2px solid #fff
}
.octagon div p {
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
padding: 1% 10px 0;
font-size:.75em
}
.octagon div:hover h4, .octagon div:hover p {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform:translateY(0%)
}
.home .post {
background-color: #171717;
min-height:auto
}
.home .content {
min-height: 600px;
margin-top: -20px;
background-color: #171717;
background-image: url(../images/home-black.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
padding:0
}
.home .content > p {
max-width: 800px;
margin: 0 auto;
padding: 40px;
text-align: center;
color:#ccc
}
.home .promo {
position: relative;
max-width: 960px;
height: 420px;
overflow: hidden;
margin: 0 auto;
padding-bottom: 43.75%;
background: url('../images/3d-hologram.png') no-repeat center bottom;
background-size: cover;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all .5s ease;
}
.home .promo:hover {
-webkit-filter: grayscale(0);
filter:grayscale(0)
}
.home .promo div {
padding: 0 20px 48px;
color: #fff
}
.home .promo h3 {
font-size: 1em;
line-height: 1em;
margin: 20px auto 4px;
}
.home .promo h4.title {
width: 60px;
height: 60px;
margin: 160px auto 0;
padding: 18px 4px;
border-radius: 50%;
text-align: center;
font-size: .75em;
background: rgba(127, 127, 127, .5);
color:#fff
}
.home .promo h4.title:hover {
background: var(--primary-color-1);
color:#fff
}
.home .promo .title a {
display: block;
color:inherit
}
.banner {
background:#e8e8e8
}
.banner img {
width: 100%;
height: auto;
margin-top:-20px
}
.tile-container {
z-index: 2;
position: relative;
overflow:hidden
}
.tile {
display: inline-block;
text-decoration: none;
cursor: pointer;
width: 12.5%;
height: auto;
float:left;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter 1s;
transition: filter 1s;
}
.tile:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.filter a {
color: inherit;
font-size: 14px;
white-space:nowrap
}
.filter a:hover, .filter a.current {
color: var(--primary-color-1);
}
.work-container {
z-index: 2;
position: relative;
overflow:hidden
}
.work {
display: block;
text-decoration: none;
cursor: pointer;
width: 31.333%;
height: auto;
float: left;
margin:1%
}
.work a {
display: block;
color: var(--base-color);
}
.work .info {
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis
}
.wcat:hover .info, .work:hover .info {
opacity: 1;
-webkit-transform: translateY(-100%);
transform:translateY(-100%)
}
.info {
border-top: 2px solid var(--primary-color-1);
background: rgba(255, 255, 255, .5);
color: var(--base-color);
font-size: .75em;
text-align: left;
margin: 0;
padding: 4px 10px;
position: relative;
width: 100%;
top: -6px;
opacity: 0;
transform: translateY(0);
transition: .3s ease;
backface-visibility: hidden;
}
.info p {
margin-bottom:0
}
.info strong {
font-weight:600
}
.work img {
max-width: 100%;
height:auto
}
@media only screen and (max-width: 640px) {
.work {
width:48%
}
}
@media only screen and (max-width: 320px) {
.work {
width:98%
}
}
@supports (display: grid) {
.work {
width:100%
}
.work-container {
display: grid;
grid-gap: 20px;
grid-template-columns:repeat(3, calc((100% - 40px) / 3))
}
.works .work-container {
display:block
}
@media only screen and (max-width: 640px) {
.work-container {
grid-template-columns:repeat(2, calc((100% - 20px) / 2))
}
}
@media only screen and (max-width: 320px) {
.work-container {
grid-template-columns:100%
}
}
}
.main-desc {
position: relative;
margin-bottom:20px
}
.main-view {
position: relative;
height:600px
}
.thumbnails {
position: relative;
z-index: 1;
list-style: none;
font-size: 0;
margin-top: 20px;
margin-bottom:44px
}
.thumbnails li {
display: inline-block;
width: 50%;
text-align: center;
vertical-align: middle
}
.thumbnails input[name="select"] {
display:none
}
.thumbnails .hugger {
position:relative
}
.main-view > div, .viewer > div {
position: absolute;
display: block;
margin: auto;
width: 600px;
height: 600px;
left: 0;
right: 0;
top: 0;
bottom:0
}
.main-view img:first-child, .thumbnails .viewer img:first-child {
max-width:600px
}
.loupe {
background-color:#e8e8e8
}
.thumbnails .hugger img {
max-width: 100%;
max-height: 300px;
width: auto;
height:auto
}
.thumbnails label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor:pointer
}
.thumbnails .viewer {
position: absolute;
top: -660px;
left: 0;
right: 0;
width: auto;
height: 600px;
margin: auto;
background-color: #e8e8e8;
background-repeat: no-repeat;
background-size: contain;
display: none;
transition: all 150ms linear;
}
.thumbnails .viewer .info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 400px;
margin: auto;
display: block;
font-size: 16px;
padding: 10px;
text-transform: uppercase;
}
.thumbnails input[name="select"]:checked ~ .viewer {
display:block
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select:none
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height:0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform:translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select:none
}
.owl-carousel.owl-loaded {
display:block
}
.owl-carousel.owl-loading {
opacity: 0;
display:block
}
.owl-carousel.owl-hidden {
opacity:0
}
.owl-carousel .owl-refresh .owl-item {
display:none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color:transparent
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select:auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor:grab
}
.item {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor:zoom-in
}
.item.on {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor:zoom-out
}
.item.off {
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor:zoom-in
}
.item a {
color:inherit
}
.item img {
display: block;
max-width: 100%;
margin: 0 auto;
background-color: #cecece;
-webkit-transform-style:preserve-3d
}
.item .info {
border-top: 2px solid var(--primary-color-1);
background: transparent;
text-align: left;
margin: 0;
padding: 4px 0;
position: relative;
z-index: 0;
width: 100%;
top: 0;
-webkit-transform: translateY(100%);
transform:translateY(100%)
}
.item:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
transform:translateY(0)
}
.owl-thumb-item img {
width: 200px;
height: auto;
vertical-align: middle;
background-color:#cecece
}
.owl-thumbs {
position: relative;
display: table;
width: 100%;
text-align: center;
margin-top:40px
}
.owl-thumb-item {
display: table-cell;
border: none;
background: none;
padding:0
}
.owl-carousel .owl-nav {
width: 100%;
text-align:center
}
.owl-nav div {
position: absolute;
height: 20px;
font-size: 20px;
line-height: 24px;
color: var(--primary-color-1);
cursor:pointer
}
.owl-nav .owl-prev {
height: 20px;
position: absolute;
top: 50%;
left:0
}
.owl-nav .owl-next {
height: 20px;
position: absolute;
top: 50%;
right:0
}
blockquote:before, blockquote:after {
content: '';
display: block;
width: 80px;
height: 80px;
background-image: url(../images/quotes.svg);
background-repeat: no-repeat;
background-size:80px
}
blockquote:before {
position: absolute;
top: 40px;
left:0
}
blockquote:after {
position: absolute;
bottom: -20px;
right: 0;
-webkit-transform: rotate(180deg);
transform:rotate(180deg)
}
blockquote cite {
display: block;
margin-bottom:.5em
}
blockquote {
position: relative;
margin:1em 0 2em
}
blockquote p {
position: relative;
z-index:1
}
blockquote span {
color: var(--base-color);
}
blockquote i {
font-size:.85em
}
footer {
height: 120px;
padding: 24px;
background: #242424;
border-top: 2px solid #9c9c9c;
font-family: 'Times New Roman', Times, serif;
font-size: 12px;
color: #ddd;
text-transform:uppercase
}
footer h4 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-align: inherit;
margin-bottom:inherit
}
footer a {
color:inherit
}
footer .contact a:hover {
color: var(--primary-color-1);
}
footer .social ul {
margin:0
}
footer .social ul li {
float: left;
display: inline;
width: 40px;
height: 40px;
margin:4px 4px 0 0
}
footer .social svg .circle {
fill:#ddd
}
footer .social svg .symbol {
fill:#242424
}
footer .social svg:hover .circle {
fill: var(--primary-color-1);
}
footer .copyright {
position: relative;
float: right;
font-size: 8px;
line-height:20px
}
.content {
min-height: 400px;
padding:20px 60px
}
.content.left p, .content.left dl, .content.left ol, .content.left ul {
text-align:left
}
.content dt {
color: var(--primary-color-1);
}
.content b {
color: var(--primary-color-1);
text-transform:uppercase
}
.gray0 {
background: #efefef;
}
.gray1 {
background: #cecece;
}
.gray2 {
background: #e8e8e8;
}
.angled {
position: relative;
z-index:1
}
.angled:before, .angled:after {
background: inherit;
content: '';
display: inline-block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index:-1
}
.angled-trtl:before {
top: 0;
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
-webkit-transform-origin: 100% 0;
transform-origin:100% 0
}
.angled-tltr:before {
top: 0;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: 0 100%;
transform-origin:0 100%
}
.angled-brtl:after {
bottom: 0;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: 100%;
transform-origin:100%
}
.angled-bltr:after {
bottom: 0;
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
-webkit-transform-origin: 0 100%;
transform-origin:0 100%
}
@media only screen and (max-width: 960px) {
ul.menu, .f-nav ul.menu {
padding: 0 10px;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling:touch
}
ul.menu:after, .f-nav ul.menu:after {
content: '';
display: block;
clear:both
}
ul.menu > li {
width: auto;
float:none
}
ul.menu li a, .f-nav ul.menu li a {
float: left;
padding: 0 16px;
}
ul.menu ul {
margin: 39px 0 0;
}
ul.menu li.current-menu-parent > ul, ul.menu li:hover > ul {
left: 0;
right: 0;
}
.hexagons li h4 {
font-size: .75em;
}
.hexagons li p {
font-size: .5em;
}
.octagon {
width: 310px;
height: 310px;
margin: -65px auto 0;
}
.octagon > div {
width: 360px;
height: 185px;
}
.octagon div h4, .octagon div p {
width: 360px;
height: 93px;
}
.octagon div h4 {
padding-top: 20%;
font-size:.75em
}
.octagon div p {
padding-top: 2%;
font-size:.5em
}
footer {
height:196px
}
footer .span3 {
width: 48.717948717949% !important;
min-height: 60px !important;
white-space:nowrap
}
footer .span3:nth-of-type(3) {
margin-left:0 !important
}
footer .span3:nth-of-type(3), footer .span3:nth-of-type(4) {
padding-top:16px
}
.language-chooser {
position: absolute;
right:30px
}
.find {
left:30px
}
}
@media only screen and (max-width: 640px) {
.row-fluid .span4 {
width:100%
}
.tile {
width:25%
}
.ifrawrap {
padding-bottom:100%
}
article {
min-height:480px
}
.content {
padding:20px 20px 40px
}
.main-view {
height:300px
}
.main-view > div, .viewer > div {
width: 300px;
height:300px
}
.main-view img:first-child, .thumbnails .viewer img:first-child {
max-width:300px
}
.thumbnails .hugger img {
max-height:150px
}
.thumbnails .viewer {
top: -360px;
height:300px
}
}
@media only screen and (max-width: 480px) {
.hexagons {
width:100%
}
.hexagons li h4 {
font-size:.5em
}
.hexagons li p {
font-size:.25em
}
.octagon {
left: 0;
right: 0;
display: block;
position:absolute
}
footer {
height:326px
}
footer .span3 {
width: 100% !important;
margin-left:0 !important
}
.language-chooser {
right:20px
}
.find {
left:20px
}
}
@media print {
body {
color: #000;
background-image:none
}
.lang, .find, .nav-container, .banner, .loading-bar, .pagination, .owl-nav, .promo {
display: none
}
article a[target="_blank"]:after {
content: " (" attr(href) ")"
}
.top {
display:none !important
}
.wcat .info, .work .info, .item .info {
opacity: 1;
background: #fff;
-webkit-transform: translateY(0);
transform:translateY(0)
}
.hexagons li h4 {
bottom: 50%;
padding-bottom: 5%;
background-color:transparent
}
.hexagons li p {
top: 50%;
padding-top: 5%;
background-color: transparent;
color:#fff !important
}
.octagon div h4 {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
background-color:transparent
}
.owl-item.cloned .item {
display:none !important
}
.owl-item.active {
width:580px !important
}
#container {
padding:0
}
#primary {
top:0
}
article, footer {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
color: #000 !important;
background:#fff !important
}
.content {
padding: 0 !important;
background:#fff !important
}
.content p {
color:#000 !important
}
.ifrawrap, .hexagons, footer {
page-break-inside:avoid
}
.angled:before, .angled:after {
height: auto;
position: relative;
z-index: 1;
-webkit-transform: skewY(0);
transform: skewY(0);
-webkit-transform-origin: 0;
transform-origin:0
}
header .logo svg {
display:none
}
header .logo {
background: url(../images/logo_tipographic_arts_alt.png) no-repeat center;
background-size:contain
}/*footer .offset3{margin-left:2.5641025641026%!important}*/
footer .span3 {
width:48.717948717949% !important
}
footer .span3:nth-of-type(3) {
margin-left:0 !important
}
footer .span3:nth-of-type(3), footer .span3:nth-of-type(4) {
padding-top:16px
}
footer .social ul li {
width: auto;
height: 8px;
margin:0
}
.ifrawrap {
margin: 0 auto 20px;
padding: 0;
position: relative;
z-index: 1;
display: block;
width: 640px;
height:360px
}
.ifrawrap > iframe {
display:none
}
.ifrawrap > .hide {
display:block
}
footer .social svg {
width: 8px;
height:8px
}
footer .social svg .circle {
fill:#000
}
footer .social svg .symbol {
fill:#fff
}
footer .social li:first-child:after {
content: 'https://www.facebook.com/TipographicArts';
text-transform: lowercase;
height: 8px;
padding-left:4px
}
}
.flipbook-main-wrapper, .flipbook-bg-light {
background-color:transparent !important
}
.flipbook-main-wrapper img {
display: none
}
/* WC start */
.woocommerce-page .post {
background: #e8e8e8;
}
.woocommerce-page .post .content {
padding: 20px;
}
.woocommerce-page .woocommerce {
text-align: left;
}
.woocommerce-page .woocommerce h3 {
text-align: inherit;
font-size: inherit;
line-height: inherit;
max-width: 100%;
margin: 20px 0 4px;
}
.woocommerce-result-count,
.woocommerce-ordering,
.select2-dropdown {
text-align: left;
font-size: 16px;
}
.woocommerce-product-gallery {
pointer-events: none;
cursor: default;
}
.woocommerce .woocommerce-breadcrumb, .breadcrumb {
margin-bottom: 12px;
padding: 0;
font-size: 14px;
color: #767676;
}
.woocommerce .woocommerce-breadcrumb a, .breadcrumb a {
color: #767676;
}
.woocommerce .woocommerce-breadcrumb a:hover, .breadcrumb a:hover {
color: inherit;
}
.woocommerce div.product p.price,
.woocommerce div.product .woocommerce-variation-price {
margin: 1em 0;
}
.comment-respond label {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2;
}
.comment-respond label .required {
color: red;
font-weight: 700;
border: 0!important;
text-decoration: none;
visibility: visible;
cursor: default;
}
.comment-form-cookies-consent label {
display: inline;
white-space: normal;
overflow: visible;
line-height: normal;
}
#wp-comment-cookies-consent {
margin: 4px 10px 0 0;
}
.woocommerce-account .post {
padding: 40px 20px 20px;
}
.woocommerce-account .addresses .title h2 {
float: left;
display: inline-block;
font-size: 20px;
margin-bottom: 10px;
}
.woocommerce-account .addresses .title .edit {
font-size: 0;
}
.woocommerce-account .edit-account em {
margin: .5em 0 0;
display: block;
font-size: 11px;
color: #767676;
}
.woocommerce-account .addresses .title .edit:after {
content: '\f464';
font: normal 20px/1 dashicons;
font-size: 16px;
line-height: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
padding: 3px;
margin: 0 0 6px;
border: 1px solid #6a6a6a;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
padding: 4px;
margin-left: 4px;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset > p {
padding: 3px 8px;
}
.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password],
.woocommerce form .password-input input[type=text], .woocommerce-page form .password-input input[type=text] {
padding-right: 4rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid #e5e5e5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #e5e5e5;
border-radius: 0;
background-color: rgba(0, 0, 0, .05);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #999;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #999;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
color: inherit;
}
.woocommerce div.product .woocommerce-tabs .panel {
min-height: 10em;
}
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
display: block;
}
.woocommerce ul.products li.product > a .onsale {
top: 1em;
left: auto;
right: 1em;
margin: 0;
font-size: .75em;
}
.woocommerce ul.products li.product > a:first-child {
color: inherit;
}
.woocommerce ul.products li.product > a h2 {
text-align: left;
}
.woocommerce span.onsale {
top: 4em;
left: auto;
right: .5em;
position: absolute;
min-height: auto;
border: 2px solid var(--base-color);
color: var(--base-color);
background: transparent;
padding: .5em;
font-size: 1em;
line-height: 1;
text-align: center;
font-weight: 700;
display: inline-block;
width: auto;
border-radius: 3px;
z-index: 9;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
content: '';
margin-left: 0;
}
.woocommerce a.remove {
text-indent: -9999px;
}
.woocommerce a.remove:hover {
background: transparent;
}
.woocommerce a.remove:before {
content: '';
width: .75em;
height: .75em;
margin: .125em;
display: block;
float: left;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: .5em;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M16.63,14.05a1.08,1.08,0,0,1-.31.76L14.8,16.3a1.09,1.09,0,0,1-1.52,0L10,13.05,6.72,16.3a1.09,1.09,0,0,1-1.52,0L3.68,14.81a1.08,1.08,0,0,1-.31-.76,1,1,0,0,1,.31-.75L7,10,3.68,6.73A1,1,0,0,1,3.37,6a1.11,1.11,0,0,1,.31-.77L5.2,3.7a1.09,1.09,0,0,1,1.52,0L10,7,13.28,3.7a1.09,1.09,0,0,1,1.52,0l1.52,1.51a1.11,1.11,0,0,1,.31.77,1,1,0,0,1-.31.75L13,10l3.32,3.29A1,1,0,0,1,16.63,14.05Z" fill="%23f00"/%3E%3C/svg%3E');
}
.woocommerce a.remove:hover:before {
background-color: #f00;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath d="M16.63,14.05a1.08,1.08,0,0,1-.31.76L14.8,16.3a1.09,1.09,0,0,1-1.52,0L10,13.05,6.72,16.3a1.09,1.09,0,0,1-1.52,0L3.68,14.81a1.08,1.08,0,0,1-.31-.76,1,1,0,0,1,.31-.75L7,10,3.68,6.73A1,1,0,0,1,3.37,6a1.11,1.11,0,0,1,.31-.77L5.2,3.7a1.09,1.09,0,0,1,1.52,0L10,7,13.28,3.7a1.09,1.09,0,0,1,1.52,0l1.52,1.51a1.11,1.11,0,0,1,.31.77,1,1,0,0,1-.31.75L13,10l3.32,3.29A1,1,0,0,1,16.63,14.05Z" fill="%23fff"/%3E%3C/svg%3E');
}
.woocommerce .quantity .qty {
color: var(--base-color);
border-radius: 0;
background-color: transparent;
font-family: inherit;
font-size: 100%;
height: 40px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #6a6a6a;
}
/*.woocommerce td.product-quantity .quantity .qty {
height: 30px;
margin: -6px 0 -3px;
}*/
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 20px;
color: var(--primary-color-1);
}
.woocommerce div.product form.cart table {
text-align: left;
}
.woocommerce div.product form.cart table,
.woocommerce div.product form.cart tbody {
display: block;
}
.woocommerce div.product form.cart tr {
display: block;
padding: 3px 0;
margin: 0 0 6px;
}
.woocommerce div.product form.cart table td {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce div.product form.cart table td.leftside,
.woocommerce div.product form.cart table td.rightside {
display: inline-block;
margin-right: .5em;
}
.woocommerce div.product form.cart table label {
line-height: 2;
}
.woocommerce div.product form.cart table .required {
color: red;
font-weight: 700;
border: 0;
cursor: default;
}
.woocommerce div.product form.cart table textarea {
line-height: normal;
padding: 9px 8px 6px;
}
.woocommerce div.product form.cart table textarea:focus {
/*padding: 10px 8px 5px 6px;*/
border-left: 1px solid #6a6a6a;
}
.woocommerce div.product form.cart div.quantity {
float: none;
vertical-align: middle;
display: inline-block;
margin-bottom: 0 0 5px 0;
}
.woocommerce div.product form.cart .button {
float: none;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
vertical-align: middle;
line-height: normal;
display: block;
}
.woocommerce div.product form.cart .variations label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2;
font-weight: normal;
}
.woocommerce div.product form.cart .variations label:after {
content: ':';
}
.woocommerce div.product form.cart .variations select {
min-width: 200px;
}
.woocommerce div.product form.cart .reset_variations {
margin: .5em 0 0;
display: block;
font-size: 11px;
color: #767676;
font-style: italic;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
max-width: 100%;
font-family: inherit;
line-height: 18px;
color: #fff;
background-color: var(--primary-color-1);
padding: 11px;
border-radius: 0;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
color: #fff;
background-color: var(--primary-color-2);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: var(--primary-color-1);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: var(--primary-color-2);
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
color: #fff;
/*padding: .75em 1em;*/
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
color: #fff;
background-color: var(--primary-color-2);
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var(--primary-color-2);
color: #fff;
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
vertical-align: bottom;
top: .75em;
}
.woocommerce p.add_to_cart_inline {
position: relative;
margin-bottom: 0;
}
.woocommerce a.added_to_cart {
display: block;
font-size: .75em;
position: absolute;
width: 100%;
line-height: 1.5;
padding-top: 0;
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
padding: 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: inherit;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: none;
border-radius: 0;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em 0;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: var(--primary-color-1);
color: #fff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: var(--primary-color-1);
}
input[type=radio], input[type=checkbox] {
visibility: hidden;
margin: 14px 10px 14px 0;
vertical-align: top;
cursor: pointer;
}
input[type=radio]:before,
input[type=radio]:after {
border-radius: 50%;
}
input[type=radio]:before, input[type=checkbox]:before {
visibility: visible;
content: '';
display: block;
position: relative;
top: -1px;
left: 0;
width: 14px;
height: 14px;
background: transparent;
border: 1px solid rgba(0, 0, 0, .13);
}
input[type=radio]:after, input[type=checkbox]:after {
visibility: visible;
content: '';
display: block;
position: relative;
top: -13px;
left: 4px;
width: 8px;
height: 8px;
background: rgba(0, 0, 0, .13);
}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {
border-color: var(--base-color);
}
input[type=radio]:checked:after, input[type=checkbox]:checked:after {
background: var(--base-color);
}
input[type=radio]:disabled:before, input[type=checkbox]:disabled:before {
border-color: #eee;
}
input[type=radio]:disabled:after, input[type=checkbox]:disabled:after {
background: #eee;
}
.woocommerce ul#shipping_method li input {
margin: 5px 12px 5px 0;
vertical-align: top;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
margin: 10px 10px 10px 0;
vertical-align: top;
}
#ship-to-different-address-checkbox {
margin: 5px 8px 0;
float: right;
}
.woocommerce form .form-row .input-checkbox {
margin: 0 10px 5px 0;
}
form.login label.inline {
float: right;
}
form.login label.inline:before {
top: 6px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
line-height: 2.5em;
}
.woocommerce .blockUI.blockOverlay {
background-color: #e8e8e8!important;
}
.woocommerce table.shop_table {
border: 1px solid #6a6a6a;
border-radius: 0;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
padding: 8px;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
margin-bottom: 1em;
background-color: var(--primary-color-1); /*#0f834d (green)*/
color: #fff;
text-align: left;
clear: both;
border-top: 0;
border-left: .5em solid rgba(0, 0, 0, .13);
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: var(--primary-color-1);
}
.woocommerce-error {
background-color: #e2401c;
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a,
.woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover {
color: #fff;
/*text-decoration: underline;*/
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before {
color: #fff;
}
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
min-height: auto!important;
padding: 0;
background-color: transparent!important;
color: #fff!important;
box-shadow: none;
line-height: 1.5!important;
margin-left: 1em!important;
padding: 0 0 0 1em!important;
border-left-width: 1px!important;
border-left-style: solid!important;
border-left-color: rgba(255, 255, 255, 0.25)!important;
}
.woocommerce-MyAccount-navigation,
.woocommerce-Addresses > div,
#customer_details > div {
margin-bottom: 24px;
}
#order_review_heading {
margin-bottom: 8px;
}
#ship-to-different-address label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#ship-to-different-address label span {
padding: 0;
text-transform: none;
}
.woocommerce form .form-row {
padding: 3px 0;
}
form input[type=text], form input[type=email], form input[type=tel], form input[type=url], form input[type=password], form textarea, #review_form textarea,
#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,
table.wccpf_fields_table td.wccpf_value input[type=text] {
display: block;
overflow: hidden;
position: relative;
color: var(--base-color);
border-radius: 0;
background-color: transparent;
font-family: inherit;
font-size: 100%;
height: 40px;
padding: 5px 8px;
border-width: 1px;
border-style: solid;
border-color: #6a6a6a;
}
form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus, form input[type=url]:focus, form input[type=password]:focus, form textarea:focus, #review_form textarea:focus,
#add_payment_method table.cart td.actions .coupon .input-text:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus,
table.wccpf_fields_table td.wccpf_value input[type=text]:focus {
border-left-width: 3px;
border-style: solid;
border-color: #6a6a6a #6a6a6a #6a6a6a var(--primary-color-1);
}
.form-row .select2-container--focus .select2-selection {
border-width: 1px 1px 1px 3px;
border-style: solid!important;
border-color: #6a6a6a #6a6a6a #6a6a6a var(--primary-color-1);
}
.form-row .select2-container--open .select2-selection {
border-width: 1px 1px 1px 3px;
border-style: solid!important;
border-color: #6a6a6a #6a6a6a #6a6a6a var(--primary-color-1);
}
.form-row .select2-container .select2-selection .select2-selection__rendered {
text-indent: 3px;
}
.form-row .select2-container--focus .select2-selection .select2-selection__rendered,
.form-row .select2-container--open .select2-selection .select2-selection__rendered,
.form-row.woocommerce-invalid .select2-selection .select2-selection__rendered,
.form-row.woocommerce-validated .select2-selection .select2-selection__rendered {
text-indent: 1px;
}
.form-row input, .form-row textarea {
text-indent: 2px;
}
.woocommerce-cart .woocommerce form .form-row .input-text {
background-color: #efefef;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
background-color: #e8e8e8;
border-radius: 0;
color: inherit;
height: 40px;
}
.form-row.woocommerce-invalid input, .form-row.woocommerce-validated input {
text-indent: 0;
}
.woocommerce form .form-row .required {
cursor: default;
}
.woocommerce form .form-row textarea {
height: 5em;
line-height: normal;
padding: 9px 8px 6px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce .woocommerce-ordering {
margin: -11px 0 1em;
}
#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,
.checkout_coupon .input-text,
.checkout_coupon input[type=submit],
.coupon input[type=submit].button {
width: 49%;
height: 40px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 2px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
text-indent: 0;
padding-right: 6px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 1px solid #6a6a6a;
padding: 20px;
margin: 1em 0;
text-align: left;
border-radius: 0;
}
.checkout_coupon input[type=submit] {
width: 100%;
}
.woocommerce-password-strength {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
margin: .5em 0 0;
padding: 0;
font-size: 12px;
background-color: transparent!important;
}
.woocommerce-password-strength.strong {
color: #83c373
}
.woocommerce-password-strength.short {
color: #e35b5b
}
.woocommerce-password-strength.bad {
color: #f78b53
}
.woocommerce-password-strength.good {
color: #ffc733
}
/*extra css*/
.site-article div.product div.images {
float: left;
width: 48%;
}
.site-article div.product div.images {
margin-bottom: 2em;
}
.site-article div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.site-article div.product div.summary {
float: right;
width: 48%;
clear: none;
margin-bottom: 2em;
}
.site-article div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
font-size: 40px;
font-weight: normal;
}
.site-article div.product .woocommerce-tabs {
clear: both;
}
.site-article div.product .woocommerce-tabs ul.tabs::before,
.site-article div.product .woocommerce-tabs ul.tabs::after {
content: ' ';
display: table;
}
.site-article div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 5px;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.site-article div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #e5e5e5;
z-index: 1;
}
.site-article div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
}
.site-article div.product .woocommerce-tabs ul.tabs li::before,
.site-article div.product .woocommerce-tabs ul.tabs li::after {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.site-article div.product .woocommerce-tabs ul.tabs li::after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb;
}
.site-article div.product .woocommerce-tabs ul.tabs li::before,
.site-article div.product .woocommerce-tabs ul.tabs li::after {
border: 0;
border-radius: 0;
}
.site-article div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #fff;
}
.site-article div.product .woocommerce-tabs ul.tabs li::before,
.site-article div.product .woocommerce-tabs ul.tabs li::after {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.site-article div.product .woocommerce-tabs ul.tabs li::before {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb;
}
.site-article div.product .woocommerce-tabs ul.tabs li::before,
.site-article div.product .woocommerce-tabs ul.tabs li::after {
border: 0;
border-radius: 0;
}
.site-article div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: 2px 2px 0 #fff;
}
.site-article div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.site-article div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #e5e5e5;
border-radius: 0;
background-color: rgba(0, 0, 0, .05);
}
.site-article div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff;
}
.site-article div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.site-article div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.site-article div.product .woocommerce-tabs ul.tabs li a {
color: #999;
}
.site-article div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
}
.site-article div.product .woocommerce-tabs .panel {
min-height: 10em;
}
.site-article table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0,0,0,.1);
margin-bottom: 1.618em;
width: 100%;
}
.site-article table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
margin: 0;
line-height: 1.5;
}
.site-article table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
margin: 0;
line-height: 1.5;
}
.site-article table.shop_attributes tr:nth-child(even) th,
.site-article table.shop_attributes tr:nth-child(even) td {
background: rgba(0,0,0,.025);
}
.site-article table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
ul.products::before,
ul.products::after {
content: ' ';
display: table;
}
ul.products::after {
clear: both;
}
ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
}
/*ul.products li.product:nth-child(4n+1) {
clear: both;
}
ul.products li.product:nth-child(4n) {
margin-right: 0;
}*/
ul.products li.product > a:first-child {
color: inherit;
text-decoration: none;
}
ul.products li.product > a h2 {
padding: .5em 0;
margin: 0;
font-size: 1em;
text-align: center;
}
ul.products li.product > .description {
display: none;
}
.woocommerce nav.woocommerce-pagination,
nav.pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul,
nav.pagination ul {
display: inline-block;
white-space: nowrap;
clear: both;
margin: 1px;
padding: 0;
border: 0;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li,
nav.pagination ul li {
margin: 0;
padding: .25em .5em;
border: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,
nav.pagination ul li a, nav.pagination ul li span {
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: .25em 0;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover,
nav.pagination ul li a:focus, nav.pagination ul li a:hover {
background: none;
color: var(--primary-color-2);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
nav.pagination ul li span.current {
background: none;
color: var(--primary-color-2);
border-bottom: 2px solid var(--primary-color-2);
}
/*extra css*/
section.related.products {
position: relative;
z-index: 1;
}
section.related.products:before {
background: #efefef;
content: '';
display: inline-block;
height: 116%;
top: 0;
bottom: 0;
left: -20px;
right: -20px;
position: absolute;
z-index: -1;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
section.related.products > h2 {
position: relative;
font-size: 1em;
line-height: 1em;
z-index: 1;
max-width: 240px;
display: inline-block;
margin: 20px auto 24px;
background: #efefef;
padding: 0 10px;
text-transform: uppercase;
}
section.related.products > h2:before {
border-top: 1px solid #6a6a6a;
content: '';
margin: 0 auto;
position: absolute;
top: 50%;
left: -30px;
right: 100%;
bottom: 0;
z-index: -1;
}
section.related.products > h2:after {
border-top: 1px solid #6a6a6a;
content: '';
margin: 0 auto;
position: absolute;
top: 50%;
left: 100%;
right: -30px;
bottom: 0;
z-index: -1;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
position: relative;
z-index: 1;
margin-top: 60px;
}
.woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:before {
background: #efefef;
content: '';
display: inline-block;
height: 250%;
top: 0;
bottom: 0;
left: -20px;
right: -20px;
position: absolute;
z-index: -1;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: none;
margin: 0 auto;
text-align: center;
}
.woocommerce .cart-collaterals .cart_totals > h2, .woocommerce-page .cart-collaterals .cart_totals > h2 {
position: relative;
font-size: 1em;
line-height: 1em;
z-index: 1;
max-width: 240px;
display: inline-block;
margin: 20px auto 24px;
background: #efefef;
padding: 0 10px;
text-transform: uppercase;
}
.woocommerce .cart-collaterals .cart_totals > h2:before, .woocommerce-page .cart-collaterals .cart_totals > h2:before {
border-top: 1px solid #6a6a6a;
content: '';
margin: 0 auto;
position: absolute;
top: 50%;
left: -30px;
right: 100%;
bottom: 0;
z-index: -1;
}
.woocommerce .cart-collaterals .cart_totals > h2:after, .woocommerce-page .cart-collaterals .cart_totals > h2:after {
border-top: 1px solid #6a6a6a;
content: '';
margin: 0 auto;
position: absolute;
top: 50%;
left: 100%;
right: -30px;
bottom: 0;
z-index: -1;
}
/*flexible-product-fields*/
.fpf-fields {
margin: 0 0 1em;
text-align: left;
}
.fpf-fields-config-wrapper {
display: none;
}
/*woocommerce-fixed-quantity*/
.quantity_select {
display: inline-block;
}
.woocommerce div.product form.cart .quantity_select {
margin-bottom: 5px;
}
/*woo-discount-rules*/
.woocommerce ul.products li.product .wdr_product_strikeout,
.woocommerce div.product .wdr_product_strikeout {
font-size: 20px;
color: var(--primary-color-1);
}
.wdr_table_container_for_admin:hover {
border: 0;
}
.wdr_table_container_for_admin:hover > div {
display: none!important;
}
/*.woo_discount_rules_table {
width: 100%;
border: 1px solid #EEEEEE;
}
.wdr_tr_head {
display: flex;
width: 100%;
background: #000;
padding: 18px 0;
}
.wdr_tr_body {
display: flex;
width: 100%;
padding: 18px 0;
}
.wdr_tr_body:nth-of-type(odd) {
background: #EEEEEE;
}
.wdr_tr_head td,
.wdr_tr_body td {
flex: 1 1 20%;
text-align: center;
}
.wdr_tr_head td {
text-transform: uppercase;
color: white;
text-decoration: none;
position: relative;
display: inline-block;
padding-left: 24px;
padding-right: 24px;
}*/
.woo_discount_rules_table thead td {
font-weight: bold;
font-size: .8em;
}
.woo_discount_rules_table td,
.woo_discount_rules_table thead td {
text-align: center;
}
.ywdpd-table-discounts-note {
font-style: italic;
}
.ywdpd-table-discounts-label span {
display: block;
font-size: .8em;
}
.show_note_on_apply_products {
font-weight: bold;
}
.woo_discount_rules_table {
border: 1px solid #efefef;
width: 100%;
}
.woo_discount_rules_table thead td {
border-right: 1px solid #efefef;
padding: 5px
}
.woo_discount_rules_table tr {
border-bottom: 1px solid #efefef;
}
.woo_discount_rules_table td {
border-right: 1px solid #efefef;
padding: 5px;
}
/*#ywdpd-table-discounts th {
font-weight: bold;
font-size: .8em;
}
#ywdpd-table-discounts td,
#ywdpd-table-discounts th {
text-align: center;
}
.ywdpd-table-discounts-note {
font-style: italic;
}
.ywdpd-table-discounts-label span {
display: block;
font-size: .8em;
}
.show_note_on_apply_products {
font-weight: bold;
}
table#ywdpd-table-discounts {
border: 1px solid #efefef;
}
#ywdpd-table-discounts th {
border-right: 1px solid #efefef;
padding: 5px
}
#ywdpd-table-discounts tr {
border-bottom: 1px solid #efefef;
}
#ywdpd-table-discounts td {
border-right: 1px solid #efefef;
padding: 5px;
}
#ywdpd-action-discount div#publishing-action {
width: 100% !important;
}
.show_note_on_apply_products, .show_note_on_adjustment_products {
margin: 20px 0px;
}*/
/*woocommerce-shipping-local-pickup-plus*/
.woocommerce ul#shipping_method li .pickup-location-field,
.woocommerce ul#shipping_method li .pickup-location-field .pickup-location-address {
margin: .5em 0 0;
}
/*woocommerce-appointments*/
.wc-appointments-product-form {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .05);
box-sizing: border-box;
display: inline-block;
margin: 0 0 1em;
padding: 1em 1em 1.75em;
width: 100%;
}
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form * {
font-family: inherit;
}
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form label,
label[for=type] {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2;
font-size: inherit;
margin-bottom: 0;
}
.wc-appointments-appointment-form-wrap .select2-container {
width: 100%!important;
}
/*select2*/
.select2-container {
display: inline-block;
margin: 0;
position: relative;
z-index: 999;
vertical-align: middle;
line-height: 1.5em;
max-width: 100%;
height: 40px;
}
.select2-container .select2-selection {
outline: none;
}
.select2-container .select2-selection {
border-width: 1px;
border-style: solid;
border-color: #6a6a6a;
}
.select2-container--open.select2-container--below .select2-selection {
border-bottom-width: 0;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
background-color: #e8e8e8;
border: 1px solid #6a6a6a;
border-radius: 0;
}
.woocommerce-cart .select2-container .select2-dropdown, .woocommerce-cart .select2-container .select2-selection {
background-color: #efefef;
}
.select2-container .select2-selection--single {
cursor: pointer;
display: block;
height: 40px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0 32px 0 8px;
color: inherit;
line-height: 38px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container .select2-selection--multiple {
cursor: pointer;
display: block;
min-height: 40px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-dropdown {
background-color: #e8e8e8;
border: 1px solid #6a6a6a;
border-radius: 0;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom-width: 0;
}
.select2-container--open .select2-dropdown--below {
border-top-width: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #6a6a6a;
}
.select2-search--dropdown .select2-search__field {
height: 40px;
padding: 5px 8px;
color: inherit;
font-family: inherit;
font-size: inherit;
background: none;
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #e8e8e8;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 194px;
overflow-y: auto;
}
.select2-selection--single .select2-selection__rendered {
color: var(--base-color);
line-height: 40px;
}
.select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
}
.select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
/*border-color: #888 transparent transparent transparent;*/
border-color: #888 transparent transparent;
border-style: solid;
/*border-width: 5px 4px 0 4px;*/
border-width: 4px 4px 0;
width: 0;
height: 0;
left: 50%;
/*margin-left: -4px;*/
margin-left: -10px;
margin-top: -2px;
position: absolute;
top: 50%;
}
.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
/*border-color: transparent transparent #888 transparent;*/
border-color: transparent transparent #888;
/*border-width: 0 4px 5px 4px;*/
border-width: 0 4px 4px;
margin-top: -3px;
}
.select2-selection--multiple {
border-width: 1px;
border-style: solid;
border-color: #6a6a6a;
background-color: #fff;
cursor: text;
}
.select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
margin-top: 5px;
margin-right: 10px
}
.select2-selection--multiple .select2-selection__choice {
border-width: 1px;
border-style: solid;
border-color: #6a6a6a;
background-color: #e4e4e4;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
margin-right: 2px
}
.select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--focus .select2-selection--multiple {
border: 1px solid #000;
outline: 0
}
.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-search--inline .select2-search__field {
background: 0 0;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-results__option[role=group] {
padding: 0
}
.select2-results__option[aria-disabled=true] {
color: #999
}
.select2-results__option[aria-selected=true] {
/*background-color: #eff7f6;*/
background-color: rgba(239, 247, 246, .8);
}
.select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
background-color: #e5e5e5;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--primary-color-1);
color: #fff;
}
.select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.woocommerce form .form-row.woocommerce-invalid label {
color: inherit;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-left-width: 3px;
border-color: #6a6a6a #6a6a6a #6a6a6a #e2401c;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-left-width: 3px;
border-color: #6a6a6a #6a6a6a #6a6a6a #0f834d;
}
.form-row.woocommerce-invalid .select2-selection, .form-row.woocommerce-invalid input.input-text {
border-left-width: 3px;
border-color: #6a6a6a #6a6a6a #6a6a6a #e2401c;
}
.form-row.woocommerce-validated .select2-selection, .form-row.woocommerce-validated input.input-text {
border-left-width: 3px;
border-color: #6a6a6a #6a6a6a #6a6a6a #0f834d;
}
/*.form-row.woocommerce-invalid .select2-container--open .select2-selection,
.form-row.woocommerce-validated .select2-container--open .select2-selection {
border-left-width: 1px;
border-color: #6a6a6a;
}*/
.form-row .select2-container {
width: 100%!important;
}
@media only screen and (max-width: 640px) {
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none;
text-align: center;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
margin: 0!important;
padding: 0!important;
border: 0!important;
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
float: none;
}
.woocommerce div.product form.cart .quantity_select,
.woocommerce div.product form.cart .button {
width: 80%;
margin-bottom: 5px;
}
}
/* WC end */