html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, b, i, hr, u, center, menu, layer, s, strike, font, xmp {
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
font-size: 100%;
background: transparent;
border: none;
text-decoration: none;
font-weight: normal;
font-weight: normal;
font-style: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
} html, body {
height:100%;
}
body {
overflow-y: scroll;
font-size:1em;
line-height:1.6em;
color:#111;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom:1em;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
span {
font-weight:inherit;
}
del {
text-decoration: line-through;
}
img {
max-width:100%;
height:auto;
}
figcaption {
text-align:left;
margin-top: 5px;
}
@media \0screen {
img {
width: auto
}
}
.alignleft {
text-align:left!important;
}
.aligncenter {
text-align: center!important;
}
.alignright {
text-align:right!important;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
.clearfix:after {
content:'';
display:block;
width:100%;
clear:both;
}
img.aligncenter, input[type="submit"].aligncenter {
display: block;
float:none;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
clear:left;
float: left;
margin-right: 20px;
}
img.alignright {
float: right;
margin-left: 20px;
}
iframe {
width:100%;
}
video {
width: 100%  !important;
height: auto   !important;
}
table {
width:100%;
border-spacing: 0;
}
th, td {
padding: 1em;
text-align: left;
}
hr {
border: 0;
clear:both;
height: 1px;
margin:0 auto;
background-color:#ddd;
}
hr.spacer {
background-color:transparent;
margin:1.5em 0;
}
blockquote {
margin-bottom:1em;
}
blockquote > *:last-child {
margin-bottom:0;
} p:empty, li:empty, .hidden, .hide, .screen-reader-text, .screen-reader-response {
display:none;
}
ul, ol {
padding-left: 1.2em;
}
li {
margin-bottom: .5em;
}
p, ul, ol, table, iframe, video, img {
margin-bottom:1em;
}
p img {
margin:0;
}
a {
color: inherit;
font-weight:inherit;
text-decoration:underline;
position:relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
-webkit-transform: translateZ(0);
}
a:hover {
text-decoration:underline;
}
:disabled {
opacity:0.3;
pointer-events:none;
}
strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
small {
font-size: small;
line-height: 1.4em;
}
.small, .smaller {
font-size:0.8em;
line-height: 1.4em;
}
.large, .larger {
font-size:large;
line-height: 1.4em;
}
.x-large {
font-size:x-large;
line-height: 1.4em;
}
.caps {
text-transform:uppercase;
letter-spacing: 0.15em;
}
select, input, textarea, button {
font-size:1em;
}
select, input, textarea, button, a.button, span.button a {
font-family:inherit;
transition: all 0.5s ease;
-webkit-appearance: none;
-moz-appearance:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 8px 15px;
min-height: 40px;
min-width: 40px;
line-height:20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #fff;
border:1px solid #E9E9E9;
color:inherit;
display: block;
vertical-align:middle;
width:100%;
max-width: 100%;
margin-bottom: 1em;
}
input[type="checkbox"], input[type="radio"] {
display: inline-block;
width: auto;
min-height: inherit;
min-width: inherit;
background-color: transparent;
margin-right:.5em;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
}
input[type="button"], input[type="submit"], button, a.button, span.button a {
font-weight: bold;
letter-spacing: 0.01em;
text-decoration:none;
cursor:pointer;
background-color:#444;
border-color:transparent;
color:#fff;
text-align:center;
position: relative;
width:auto;
display:inline-block;
margin-top: .5em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s; transition: all .5s;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, a.button:hover, span.button a:hover {
background-color:#111;
}
a.button.next:after, span.button.next a:after,
a.button.previous:before, span.button.previous a:before  {
display: inline-block;
vertical-align: middle;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a.button.next:after, span.button.next a:after {
content: "\f054";
margin-left: .5em;
}
a.button.previous:before, span.button.previous a:before {
content: "\f053";
margin-right: .5em;
}
input:focus, button:focus, select:focus {
outline: none !important;
}
::-webkit-input-placeholder { color:  inherit;
opacity:  0.5;
}
:-moz-placeholder { color:  inherit;
opacity:  0.5;
}
::-moz-placeholder { color:  inherit;
opacity:  0.5;
}
:-ms-input-placeholder { color:  inherit;
opacity:  0.5;
}
label {
font-weight: 700;
}
.gallery {
margin: auto;
}
.gallery .gallery-item {
float: left;
text-align: center;
line-height: 0;
}
.gallery img {
width:100%;
}
.gallery-caption {
line-height:14px;
}
.col {
margin:0 -2px;
display:inline-block;
vertical-align:top;
}
.gallery-columns-2 .gallery-item, .one-half {
width: 50%;
}
.gallery-columns-3 .gallery-item, .one-third {
width: 33.33%;
}
.gallery-columns-4 .gallery-item, .one-fourth {
width: 25%;
}
.gallery-columns-5 .gallery-item, .one-fifth {
width: 20%;
}
.gallery-columns-6 .gallery-item, .one-sixth {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.285%;
}
.gallery-columns-8 .gallery-item, .one-eighth {
width: 12.5%;
}
.gallery-columns-9 .gallery-item, .one-ninth {
width: 11.11%;
}
.gallery-columns-10 .gallery-item, .one-tenth {
width: 10%;
}
.gallery .gallery-caption {
margin-left: 0;
} .fadein {
opacity: 0;
}
.fadedin {
opacity: 1;
}
.fadein, .fadedin {
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
transition: opacity 2s;
}
html {
background:url(//www.whitestonearts.co.uk/wp-content/themes/whitestonearts-2017/images/background.jpg) repeat #ececec;
}
body {
font: 0.85em/1.4em Arial, sans-serif;
color:#333;
}
.container {
max-width:1120px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}
.post-intro, .content, #sidebar .widget {
background: #fff;
background:rgba(255,255,255,.5);
padding: 20px;
margin-bottom:20px;
}
.wp-caption {
max-width:100%;
}
.wp-caption img {
margin:0;
}
.post a {
text-decoration:none;
}
.post img.thumbnail, .post img.wp-post-image {
float:left;
margin-right:20px;
max-height:280px;
width: auto;
margin-bottom:0;
}
.post-meta {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom:20px;
}
.date {
margin-top:-.5em;
opacity:0.6;
display:inline-block;
}
.post-meta .date {
margin-top:.5em;
}
.share-buttons {
float:right;
list-style:none;
padding:0;
}
.share-buttons li {
display:inline-block;
margin:0;
}
.share-buttons a {
padding:.5em;
display:block;
}
blockquote {
background: #E9E9E9;
margin: 0 0 20px 0;
padding: 20px;
}
#main.has-sidebar, #sidebar {
display:inline-block;
vertical-align:top;
margin:0 -2px;
width:66.66%;
}
#sidebar {
width:33.33%;
padding-left:20px;
box-sizing: border-box;
}
header {
text-transform: uppercase;
letter-spacing: 0.15em;
font-size:0.8em;
padding:40px 0;
}
header > * {
display:inline-block;
vertical-align:middle;
}
#menu {
float:right;
}
.menu, .sub-menu {
padding:0;
margin:0;
list-style:none;
}
.menu li {
margin:0;
}
.menu > li {
display:inline-block;
vertical-align:middle;
}
.menu a {
text-decoration:none;
padding:.5em 0;
display:block;
}
header .menu > li {
margin-left:0.5em;
}
.menu a:hover,
.current-menu-item a,
.current-menu-ancestor a,
.current-page-ancestor a {
border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
.sub-menu {
position: absolute;
z-index:-999;
top: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background: #F5F5F5; min-width: 100%;
padding: .5em;
left: -.5em;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children a:hover {
border-bottom: 0;
}
.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
z-index:1000;
}
}
#mobile-menu-toggle {
position:fixed;
z-index:9;
text-align:right;
top: 0;
right: 0;
display:inline-block;
padding: 20px;
font-size: 1.2em;
background: #fff;
color: #043334;
display:none;
}
footer {
background:url(//www.whitestonearts.co.uk/wp-content/themes/whitestonearts-2017/images/background_footer.jpg);
margin-top:80px;
padding:40px 0;
}
body > .post-edit-link {
position:fixed;
padding:20px;
bottom:0;
left:0;
background:#fff;
} .show-on-mobile {
display:none!important;
}
@media screen and (orientation:portrait) {
.show-on-horizontal {
display:none;
}
}
@media screen and (orientation:landscape) {
.show-on-vertical {
display:none;
}
}
@media (max-width: 767px) {
.hide-on-mobile {
display:none!important;
}
.show-on-mobile, #mobile-menu-toggle {
display:block!important;
}
.sub-menu a:after {
content: ' - ';
}
#main, #sidebar {
width:100%;
margin-left:0;
margin-right:0;
padding-left: 0;
padding-bottom:0;
}
#menu {
display:none;
opacity:1;
position: fixed;
z-index: 8;
left: 0;
right:0;
top:0;
bottom:0;
background: #fff;
color:#043334;
padding: 60px 0 0;
box-sizing: border-box;
height: 100%;
width: 100%;
line-height: 1.2em;
text-align:right;
margin:0;
}
#menu li {
width:100%;
margin: 0;
}
#menu li.icon {
width:auto;
}
#menu a {
padding:10px 20px;
}
#menu a:hover,
#menu .current-menu-item a,
#menu .current-menu-ancestor a,
#menu .current-page-ancestor a {
border-bottom: 0;
background:#eee;
}
}
@media (max-width: 479px) {
img.thumbnail, img.size-thumbnail, .post img.thumbnail, .post img.wp-post-image {
width:100%;
margin-right:0;
margin-left:0;
float:none;
max-height: none;
}
.post img.thumbnail {
margin:0 0 20px;
max-height: none;
width: 100%;
}
footer img.alignright {
margin-right: auto;
margin-left: auto;
float: none;
display: block;
}
}
.elementor-container {
width:100%;
}
.elementor-widget {
background: #fff;
background:rgba(255,255,255,.5);
padding: 10px;
}
.elementor-widget-spacer {
background: transparent;
padding: 0;
}
.equal-height .elementor-widget {
height:100%;
}
.elementor-widget-text-editor {
padding:20px;
}
.elementor-image img {
margin:0;
}
.elementor-page #content {
max-width:none;
padding-left: 10px;
padding-right: 10px;
}
.elementor-page .post-intro {
max-width: 920px;
}
.elementor-page .content {
padding:0;
margin:-10px 0 0;
background:none;
}
.elementor-slick-slider .slick-slide img {
max-height:614px;
width: auto;
}
body .elementor-widget.elementor-widget-heading {
margin-bottom:0;
padding:20px;
}
.elementor-col-33 img.size-thumbnail {
width:100%;
}