/*SHORTCUTS*/
/*background-image:url('');background-position:center center;background-repeat:no-repeat;*/
/* Very large screens */
@media only screen and (min-width: 1441px) {}
/* Medium screens */
@media only screen and (max-width: 9999px) and (min-width: 768px) {}
@media only screen and (max-width: 1279px) and (min-width: 768px) {}
@media only screen and (max-width: 980px) and (min-width: 768px) {}
/* Small screens */
@media only screen and (max-width: 767px) {}
/* Landscape Orientation */
@media screen and (orientation: landscape) {}
/* Portrait Orientation */
@media screen and (orientation: portrait) {}

@media touchscreen {}
@media not touchscreen {}
@media touchscreen and (max-width: 240px) and (max-height: 320px) {}
@media (min-width: 240px) and (min-height: 320px){}

/*GLOBALS*/
body {color: #5c666f;background:#fff;}
p, ul, ol {margin-bottom:10px;line-height:1.4;}

.coastalorange {color:#ff9900;}
.coastaldarkorange {color:#ff6000;}
.coastalgrey {color:#5c666f;}
/*.coastalgrey {color:#5c666f;}*/
.coastallightgrey {color:#c8c8c8;}

@media only screen and (max-width: 9999px) and (min-width: 960px) {.nopadding {padding:0px;}}
@media only screen and (max-width: 9999px) and (min-width: 960px) {.nopaddingright {padding-right:0px;border-left:#ff9900 solid 1px;}}
@media only screen and (max-width: 9999px) and (min-width: 960px) {.paddinglefttwenty {padding-right:0px;padding-left:20px;}}
@media only screen and (max-width: 960px) and (min-width: 320px) {.nopaddingmobile {padding:0px;}}
@media only screen and (max-width: 9999px) and (min-width: 768px) {.margintopforty {margin-top:40px;}}
/*#headerwrapper .nopadding {padding:0px;}*/
.nomargin {margin:0px;}
.margintopten {margin-top:10px;}
.margintoptwenty {margin-top:20px;}
.marginbottomten {margin-bottom:10px;}
.transition {-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}

.clearboth {clear:both;font-size:0px;line-height:0px;}

h1, h2 {text-transform:uppercase;font-weight:normal;}
h1, h2, h3, h4, h5 {color:#5c666f;}
h1 {font-size:26px;border-bottom:1px solid #ff9900;padding-bottom:15px}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}

/*FOUNDATION*/
a { color: #ff9900; text-decoration: none; line-height: inherit; }
a:hover { color: #333; }
a:focus { color: #333; }

.button { width: auto; background: #ff9900; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;margin-top:20px;margin-bottom:20px;}
.button.subscribe { margin-top:0px;margin-bottom:0px;}
.button.grey { background: #c8c8c8;}
.button:hover, .button:focus { background-color:#ff6000; }
.button.grey:hover, .button.grey:focus { background-color:#5c666f; }

/*Exceptions*/
#headerwrapper .social a, .menu li a {color:#5c666f;}
#headerwrapper .social a:hover {color:#ff9900;}

/*HEADER*/
header {border-top:7px #ff9900 solid;}
#headerwrapper {max-width:960px;margin-left:auto;margin-right:auto;}

/*SOCIAL*/
#headerwrapper .social {margin-top:25px;}
#headerwrapper .social p {font-size:18px;margin-bottom:0px;line-height:1.2;}
.social a.socialicon {text-indent: 100%;white-space: nowrap;overflow: hidden;display:block;background-color:#5c666f;width:25px;height:40px;margin-left:5px;float:left;background-position:center bottom;background-repeat:no-repeat;}
.social a.socialicon.twitter {background-color:#35a9d1;background-image:url('../images/twitter-icon.png');}
.social a.socialicon.facebook {background-color:#325a90;background-image:url('../images/facebook-icon.png');}
.social a.socialicon.pinterest {background-color:#c62b2e;background-image:url('../images/pinterest-icon.png');}
.social a.socialicon.blog {background-color:#5c666f;background-image:url('../images/blog-icon.png');}
.social a.socialicon.youtube {background-color:#e62d28;background-image:url('../images/youtube-icon.png');}
.social a.socialicon.instagram {background-color:#c83481;background-image:url('../images/instagram-icon.png');}
.social a.socialicon:first-child {margin-left:10px;}
.social a.socialicon:hover {background-color:#ff9900;}
.social.verticalicons p {display:block;float:left;line-height:30px;margin-left:10px;}
.social.verticalicons a.socialicon {height:30px;clear:both;margin-left:0px;}

/*NAVIGATION*/
@media only screen and (max-width: 9999px) and (min-width: 960px) {#navigation {margin-top:50px;}}
@media only screen and (max-width: 960px) and (min-width: 768px) {#navigation {margin-top:20px;}}
.menu {float:right;}
.menu, .menu li, .menu li a {display:block;height:25px;line-height:25px;background:#fff;}
.menu li {float:left;border-left:1px #c8c8c8 solid;font-size:9px;text-transform:uppercase;}
.menu li:last-child {border-right:1px #c8c8c8 solid;}
.menu li a {padding-left:3px;padding-right:3px;}
.menu li a:hover {background:#ff6000;color:#fff;}
.menu li.current_page_item a,
.single-artist .menu li.artists a,
.single-designer-maker .menu li.designer-makers a,
.single-sculptor-ceramics .menu li.sculpture-ceramics a,
.tax-gifts .menu li.gifts a,
.single-gift-maker .menu li.gifts a {background:#ff9900;color:#fff;}
.menu li:hover {background:#ff6000;color:#fff;border-left-color:#ff6000;border-right:1px #ff6000 solid;margin-right:-1px;position:relative;z-index:10;}
.menu li.current_page_item,
.single-artist .menu li.artists,
.single-designer-maker .menu li.designer-makers,
.single-sculptor-ceramics .menu li.sculpture-ceramics,
.tax-gifts .menu li.gifts,
.single-gift-maker .menu li.gifts {border-left-color:#ff9900;border-right:1px #ff9900 solid;margin-right:-1px;position:relative;z-index:10;}
.menu li:last-child:hover {margin-right:0px;}
.contact-us .menu li.contact-us:hover {margin-right:-1px;}
@media only screen and (max-width: 980px) and (min-width: 640px) {
.menu li {font-size:9px;}
.menu li a {padding-left:2px;padding-right:2px;}
}

/*NAVIGATION responsive*/
.cbp-spmenu {background-color:transparent !important;}
#cbp-spmenu-s3 ul, #cbp-spmenu-s3 ul li, #cbp-spmenu-s3 ul li a {display:block;width:100%;clear:both;float:none;border-left:none;padding:0px;text-align:center;margin:0px;}
#cbp-spmenu-s3 ul {-webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 20px 0 rgba(0,0,0,.5);padding-top:10px;padding-bottom:10px;background-color: rgba(0, 0, 0, .75);color: rgba(0, 0, 0, .75);}
#cbp-spmenu-s3 ul li {padding:5px;color:#FFF;text-transform:uppercase;border-bottom:dotted #999 1px;}
#cbp-spmenu-s3 ul li a:hover {background-color:transparent;}
#cbp-spmenu-s3 ul li:last-child {border-bottom:none;}
#showTop {position:absolute;top:7px;right:7px;z-index:1001;padding:5px;}

/*BODY*/
#bodywrapper {max-width:960px;margin-left:auto;margin-right:auto;background:#fff;}
.homepanelcontent {position:relative;}
.homeslide {position:relative;}
.homeslidetext {position:absolute;right:10px;bottom:10px;color:#fff;}
.homeslidetext p {margin:0px;font-size:11px;font-weight:bold;}
#openinghours a {font-size:12px;}

/*CONTACT*/
.contact-us .smallprint {font-size:12px;line-height:1.4;}

/*ARTISTS*/
@media only screen and (max-width: 9999px) and (min-width: 640px) {#pageintro {padding-right:5%;}
#artistcontent .captionpanel {bottom:-30px;opacity:0;width:100%;}}
#artistcontent .captionpanel {position:absolute;background-color: rgba(255, 153, 0, .75);color: rgba(255, 153, 0, .75);padding:10px;}
#artistcontent:last-child {float:left;}
#artistcontent:hover .captionpanel {bottom:2px;opacity:1;}
#artistcontent .captionpanel p {color:#fff;margin:0px;}
#artistcontent {overflow:hidden;}
@media only screen and (max-width: 767px) {#artistcontent .captionpanel {bottom:2px;}}

/*ARTIST single*/
.single-artist h1 {padding-bottom:10px;margin-bottom:10px;}
span.occupation p {font-size:16px;font-style:italic;}
.single-artist .captionpanel p em {font-size:12px;}
@media only screen and (max-width: 767px) {
.single-artist #artistcontent .captionpanel {bottom:0px;padding:5px;position:relative;background-color:#5c666f;}
.single-artist #artistcontent .captionpanel p, 
.single-artist #artistcontent .captionpanel p em {font-size:11px;}
.single-artist #artistcontent:hover .captionpanel {bottom:0px;opacity:1;}}
#artistcontent.gifts .captionpanel.nohover {bottom:2px;opacity:1;}
#pageintro span.occupation p {text-transform:uppercase;font-style:normal;}

/*BLOG*/
.blogtab {position:absolute;top:0px;left:0px;z-index:5;}
.blog #bodywrapper #textpanel h2 a,
.press #bodywrapper #textpanel h2 a {text-decoration:none;}
article {border-bottom:1px dotted #c8c8c8;padding-bottom:5px;margin-bottom:20px;}
.tax-gifts article {padding-bottom:20px;}
article:last-of-type {border-bottom:none;}
/*.single-post article {border-bottom:none;}*/
article h2 {margin-bottom:0px;}
.blog .calendarsmall,
.press .calendarsmall,
.single-post .calendarsmall {font-size:12px;font-style:italic;color:#c8c8c8;}
.single-post .calendarsmall {margin-top:-40px;}

/*BLOG images*/
.single-post #textpanel img,
.press #textpanel img {margin-top:10px;margin-bottom:10px;}

/*================ */
/*==== Pagination ==== */
/*================ */

#paginationbar {}
.paginationlink a {}
.paginationlink a.left:before,
/*.paginationlink .nextpost a:before {content:"< ";}*/
.paginationlink a.right:after,
/*.paginationlink .previouspost a:after {content:" >";}*/
.paginationpaging {display:block;text-align:center;height:20px;margin-left:auto;margin-right:auto;margin-top:10px;}
.paginationpaging a {display:inline-block;padding:5px;background-color:#e2e6e9;color:#708090;}
.paginationpaging .next.page-numbers,
.paginationpaging .prev.page-numbers {display:none;}

/*FACEBOOK*/
#cff a .cff-meta {color:#5c666f !important;}
#cff a.cff-viewpost-facebook, #cff .cff-post-links a { width: auto; background: #ff9900; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;line-height:30px;color:#fff;height:30px;display:block;padding-top:0px !important;padding-left:10px;padding-right:10px;text-decoration:none;font-weight:bold;margin-bottom:0px;}
#cff a.cff-viewpost-facebook:hover, #cff a.cff-viewpost-facebook:focus { background-color:#ff6000; }
.cff-author {text-transform:uppercase;text-decoration:none !important;}
#cff .cff-post-links a:first-child {padding-left:10px !important;}
#cff .cff-post-links a {float:right;margin-right:10px;}
.cff-dot {display:none;}

/*ADDITIONAL INFO*/
@media only screen and (max-width: 9999px) and (min-width: 768px) {#openinghours, #newslettersubscription {margin-top:30px;}}

/*FOOTER*/
footer {border-top:1px #ff9900 solid;margin-top:20px;padding-top:20px;}
#footerwrapper {max-width:960px;margin-left:auto;margin-right:auto;}
#footerwrapper p {font-size:12px;}
#footerwrapper p.signoff {font-size:10px;}
#footerwrapper p.signoff a {color:#5c666f;}
#footerwrapper p.signoff a:hover {color:#333;}
@media only screen and (max-width: 767px) {#footerwrapper p {text-align:left;}}

/*Date Blocks*/
.dateblock { 
text-align: center; 
padding:15px 5px 15px 5px;
background:#cccccc;
} 
@media only screen and (max-width: 767px) {.dateblock {margin:15px 0px 15px 0px;}}
.day { 
font-size: 72px; 
position: relative; 
font-weight:bold;
color:#5c666f;
letter-spacing:-3px;
} 
.month { 
font-size: 18px; 
color:#666666;
margin-top:-10px
} 
.year { 
font-size: 28px; 
position: relative; 
color:#ffffff;
} 

.lineabove {border-top:1px solid #ff9900;padding:10px 0 0 0;display:block;width:95%;}

/*Start IMAGES*/
.wp-caption {margin:5px 0px 20px 0px;}
.wp-caption p {margin:0px;font-size:12px;font-style:italic;}
img.alignright, .wp-caption.alignright {float:right;margin:5px 0px 20px 20px;}
img.alignleft, img.aligncenter, .wp-caption.alignleft, .wp-caption.aligncenter {float:left;margin:5px 20px 20px 0px;}
img.alignnone, img.size-full-width-image {float:none;margin:20px 0px 20px 0px;clear:both;}
img.alignnone.size-half-width-image {float:right;margin:10px 0px 20px 20px;}
.wp-caption img {margin-bottom:5px;}
@media only screen and (max-width: 767px) {
	.wp-caption {width:100% !important;}
}
.wp-caption img {width:auto;height:auto;}
/*https://wordpress.org/support/topic/captions-break-image-fluidity-in-responsive-themes-on-mobile-phones*/
.wp-caption {
	max-width: 100% !important;
	width: auto !important;
}

/*End IMAGES*/

/*START responsive video*/
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;margin:20px 0 20px 0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#viewvideo.reveal-modal {padding:30px 10px 10px 10px;top:20px;}
.reveal-modal {top:20px;}
.reveal-modal a.close-reveal-modal:not(.button) {display:block;font-size:12px;position:absolute;top:10px;right:10px;text-align:right;max-height:20px;text-shadow: none;}
/*END responsive video*/


.coastalorange {color:#ff9900;}
.coastaldarkorange {color:#ff6000;}
.coastalgrey {color:#5c666f;}
/*.coastalgrey {color:#5c666f;}*/
.coastallightgrey {color:#c8c8c8;}

/*================ */
/*==== Fade In Home ==== */
/*================ */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

img.fadein {
opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 2;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 21;
	animation:fadeIn ease-in 2;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;

-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;	
}
#footerwrapper .button {margin:0 0 10px 0;}

/*TINSTAR UPDATES 20TH AUG 2020*/


/*@media only screen and (max-width: 767px) {
#artistcontent .captionpanel {width:90% !important;}
#artistcontent .captionpanel .button.small {right:10px !important;}
}*/

.page-template-page-artists .captionpanel.transition {max-width:320px !important;}
.single #artistcontent {width:100%;}
.single #artistcontent .captionpanel.transition,
.single #artistcontent .captionpanel
{width:100% !important;max-width:100% !important;}	

/* ART PLACER */
.page-template-page-artists .captionpanel.transition {max-width:320px !important;}
.single #artistcontent {width:100%;}
.single #artistcontent .captionpanel.transition,
.single #artistcontent .captionpanel
{width:100% !important;max-width:100% !important;}	

/*ArtPlacer Styling*/
artplacer {background-color: #ff9900 !important;}

.artplacer-button {background-color:#ff9900 !important;padding:5px  10px !important;text-transform:inherit !important;min-width: auto !important;letter-spacing:inherit !important;}

.artplacer-button:hover {background-color:#ff6000 !important;}

/*TINSTAR UPDATES 25th NOVEMBER 2024*/

.page-template-page-artists .captionpanel.transition {max-width:320px !important;}
.single #artistcontent {width:100%;}
.single #artistcontent .captionpanel.transition,
.single #artistcontent .captionpanel
{width:100% !important;max-width:100% !important;}	

// ArtPlacer Styling
artplacer {background-color: #ff9900 !important;}

.artplacer-button {background-color:#ff9900 !important;padding:5px  10px !important;text-transform:inherit !important;min-width: auto !important;letter-spacing:inherit !important;}

.artplacer-button:hover {background-color:#ff6000 !important;}
.postie-post {line-height: 1.6;
font-size: 90%;
margin-top: 10px;}


.panel.palais {background-color:#ffd800;color:black;}
.panel.palais a {color:#333;text-decoration: underline;}