/*-----------------------------------------------------------------------------------

	Theme Name: Gridlocked
	Theme URI: http://www.premiumpixels.com
	Description: A minimalistic portfolio for creatives. Originally by Orman Clark. Abandoned circa 2017. Revived + rebuilt by ALEXANDER/LANGLEY (Jan 2026).
	Author: ALEXANDER/LANGLEY
	Author URI: https://alexanderlangley.com
	Version: 46.4.2
	License: GNU General Public License v3.0
	License URI: https://www.gnu.org/licenses/gpl-3.0.html

	AMENDED by Sean – 13/02/26

	Designed & handcrafted by Orman Clark for PremiumPixels.com.
	All files, unless otherwise stated, are released under the GNU General Public License v3.0.
-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Widget Overlay
	3.	Sidebar Styles
	4.	Navigation & Menus
	5.	Main Content Styles
	6.	Post Content Styles
	7.	Comments
	8.	Pagination
	9.	Footer Styles
	10.	Page Templates
	11.	Widgets
	12.	Shortcode Styles
	13.	Post Formats

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/


body,
input,
textarea,
button { font-size: 20px;
font-family: "mrs-eaves-xl-serif-narrow", serif;
font-weight: 400;
font-style: normal;
}

@media screen and (max-width: 1280px) {
	body,
input,
textarea,
	button {font-size: 18px;}
}

@media screen and (max-width: 400px) {
	body,
input,
textarea,
	button {font-size: 4.5vw;}
}




.hidden { display: none; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a { text-decoration: none; }

a:hover { text-decoration: none; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.author-bio,
#logo { margin-bottom: 20px; }

.navigation-links,
.hfeed,
.pinglist { margin-bottom: 40px; }

.first { float: left; }

.hentry {
	position: relative;
	width: 360px;
	margin: 0 0 20px 20px;
	float: left;
}

.single .hentry {
	width: 550px;
	margin: 0 40px 70px 0;
	padding: 0 0 15px 0;
	float: none;
}

.page-template-template-full-width-php .hentry {
	width: auto!important;
	margin: 0 0 70px 0;
	padding: 0 0 15px 0;
	float: none;
}

.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin: 0 0 20px 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 150%;
	line-height: 1.2;
}

h2 {
	font-size: 90%;
	line-height: 1.2;
}

@media screen and (max-width: 810px) {
	h2 {font-size:100%;}
}



h3 {
	font-size: 90%;
	line-height: 1.2;
}

h4 {
	font-size: 100%;
	line-height: 1.2;
	margin-bottom: 1em;
}

h5 {
	font-size: 90%;
	line-height: 1.2;
}

h6 {
	font-size: 80%;
	line-height: 1.2;
}

.page-title {
	font-size: 100%;
	font-weight: normal;
}

.entry-title,
.entry-title a {
	line-height: 1;
	margin: 0;
}

#container {
	width: 100%;
	padding: 0px 0 0px 0;
}

body.single-portfolio #container {padding: 85px 0 0px 0;}

	
#primary {
	margin-left: 210px;
	position: relative;
	z-index: 2;
}



.single #primary,
.page #primary {
	margin-left: 0;
	width: 100%;
	float: left;
}

.page .hentry,
.page #primary { width: 100%; }

.page .hentry { margin: 0 0 70px 0; }

.page-template-template-full-width-php #primary {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	float: none;
}

#masonry-portfolio,
#masonry {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#content { 
	float: left;
	width: 100%;
	/*change 76*/
}

body.category-latest-news #content {}

#bg-line {
	position: fixed;
	top: 0;
	width: 980px;
	height: 980px;
	z-index: 1;
display:none !important;
}

.layout-2cl #sidebar { float: left; }

#footer { clear: both; }

.seperator { margin: 0 0 20px 0; }

.line {
	float: left;
	width: 20px;
	border-bottom: 1px solid #66696d;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Widget Overlay
/*-----------------------------------------------------------------------------------*/


#widget-overlay-container {
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
}

#widget-overlay {
	position: relative;
	z-index: 1000;
	padding: 50px 0;
	background: url(images/widget_overlay.png) repeat;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.80);
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.80);
    		box-shadow:0 1px 4px rgba(0, 0, 0, 0.80);
}

#overlay-inner {
	padding: 0 40px;
	width: 960px;
}

#overlay-inner .column {
	width: 210px;
	margin: 0 30px 0 0;
	float: left;
}

#overlay-inner .widget-title { color: #8d9094; }

#overlay-inner { color: #b3b7bc; }

#overlay-inner a { color: #f0f3f7; }

#overlay-open {
	position: absolute;
	right: 0;
	margin: 0 0 0 0;
	z-index: 999;
}

#overlay-open a {
	background-image: url(images/overlay_open.png);
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}

#overlay-open a:hover { background-position: 0 -41px; }

#overlay-open a.close { background-position: -41px 0; }

#overlay-open a:hover.close { background-position: -41px -41px; }

/*-----------------------------------------------------------------------------------*/
/*	3.	Sidebar Styles
/*-----------------------------------------------------------------------------------*/

#sidebar {
	position: fixed;
	width: 150px;
	left: 0;
	margin: 0 0 0 40px;
	z-index: 500;
}


#back-to-top { display: none; }

#back-to-top a { 
	font-size: 100%; 
	display: block;
	position: relative;
	z-index: 1000;
}

#back-to-top a .icon {
	float: left;
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   		border-radius: 2px;
}

#back-to-top a .icon .arrow {
	background-position: 0 -85px;
	margin: 6px 0 0 8px;
	display: block;
	width: 5px;
	height: 9px;
	position: relative;
	top: auto;
}

#back-to-top a:hover .icon .arrow { background-position: -6px -85px; }

#logo,
#logo a {
	font-size: 28px;
	line-height: 30px;
	color: #000000;
	font-weight: bold;
	display: block;
}

#logo a:hover { text-decoration: none; }

#tagline {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 15px 0 0 0;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

#header ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 18px;
}

.current-cat a,
.current-page a,
.current-menu-item a {
	padding: 1px 2px;
	margin: -1px -2px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

blockquote {
	font-family: "mrs-eaves-xl-serif-narrow", serif;
font-weight: 400;
font-style: italic;
	margin: 30px;
	padding-left: 15px;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 11px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding: 0 10px;
	clear: both;
	line-height: 19px;
	margin: 30px 0;
}

code { padding: 3px; }

ul,
ol,
dl { margin-left: 30px; }

table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

table .even { background: #ddd; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

.entry-content { line-height: 1.1; }



a > img { vertical-align: bottom; } 

#overlay-inner a[href$=".jpg"]:hover, 
.comment-body p a[href$=".jpg"]:hover, 
.entry-content a[href$=".jpg"]:hover { padding: 0; margin: 0; }

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: "mrs-eaves-xl-serif-narrow", serif;
font-weight: 400;
font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}

.gallery {
	float: left;
	width: 100%;
}

.gallery-item {
	width: auto !important;
	float: left;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

input,
textarea,
button { border: none; }

input,
textarea { padding: 5px; }

button {
	padding: 2px 10px;
	cursor: pointer;
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

#single-sidebar {
	width: 150px;
	margin: 0 0 0 40px;
	float: left;
	position: relative;
	z-index: 998;
}

#single-sidebar li {
	float: none;
	margin: 0;
}

#single-sidebar ul.entry-meta {
	margin: -5px 0 20px 0;
}

#single-sidebar ul {
	margin: 0 0 20px 0;
	padding: 0;
}

.entry-meta {
	font-size: 11px;
	margin: 0;
}

.author-bio {
	padding: 20px;
	background: #fbfbfb;
	border: 1px solid #efefef;
}

.author-bio .avatar	{
	float: left;
	margin: 0 10px 0 0;
}

.author-title {
	font-weight: bold;
	margin-left: 60px;
}

.author-description { margin-left: 60px; }

.entry-content ul { list-style-type: disc; }

.entry-content ol { list-style-type: decimal; }


/*-----------------------------------------------------------------------------------*/
/*	7.	Comments
/*-----------------------------------------------------------------------------------*/

#comments,
#respond-title {
	font-size: 13px;
	margin: 0 0 30px 0;
}

li #respond-title { margin: 30px 0; }

li #commentform { margin: 0 0 40px 0; }

#comments span,
#respond-title span {
	font-size: 12px;
	display: block;
}

.commentlist {
	margin: 30px 0 70px 0;
	list-style-type: none;
}

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {
	margin-top: 10px;
}

#commentform input { 
	margin-right: 10px; 
	width: 40%;
}

#commentform textarea { width: 98%; }

#respond #submit { width: 155px; }

#submit { 
	cursor: pointer;
	background: none;
	border: none;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 21px;
	font-weight: bold;
	width: 110px;
}

#submit span.icon {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   		border-radius: 2px;
}

#submit span.arrow {
	position: relative;
	top: auto;
	width: 9px;
	height: 5px;
	float: left;
	margin: 8px 0 0 6px;
}

#submit span.arrow{ background-position: 0 -113px; }
#submit:hover span.arrow { background-position: -10px -113px; }

.children { 
	list-style-type: none;
	margin: 0 0 0 80px; 
}

.comment .avatar {
	float: left;
	padding: 0 15px 0 0;
	margin: 0 14px 0 0;
}

.comment-author { margin: -4px 0 0 65px; }

.comment-inner { margin: 0 0 0 65px; }

.comment-meta { 
	margin-bottom: 15px; 
	font-size: 11px;
}

.cancel-comment-reply { margin: 0 0 20px 0; }

.comment-author-admin { border: #efefef; }

.comment-author cite { font-weight: bold; }

.nocomments {
	text-align: center;
	padding: 20px;
display:none !important;
}

.comment-body {
	padding: 20px 15px 0 15px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
}

.comment-body ul { list-style-type: disc; }

.comment-body ol { list-style-type: decimal; }


/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

#index-navigation { margin: 0 40px 40px 20px; }

.page-navigation .nav-next { float: right; }

.page-navigation .nav-previous { float: left; }

.single-page-navigation .nav-next { float: left; }

.single-page-navigation .nav-previous { float: left; }

.single-page-navigation a {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   		border-radius: 2px;
}

.single-page-navigation a .arrow {
	position: relative;
	top: auto;
	width: 9px;
	height: 5px;
	float: left;
	margin: 8px 0 0 6px;
}

.single-page-navigation .nav-previous a .arrow { background-position: 0 -107px; }
.single-page-navigation .nav-previous a:hover .arrow { background-position: -10px -107px; }

.single-page-navigation .nav-next a .arrow { background-position: 0 -113px; }
.single-page-navigation .nav-next a:hover .arrow { background-position: -10px -113px; }


/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	position: relative;
	z-index: 1000;
	padding: 0 40px;
	margin: 69px 0 0 0;
	font-size: 11px;
}

body.single-portfolio #footer {margin: 0;}

.copyright { float: left; }

.credit { float: right; }


/*-----------------------------------------------------------------------------------*/
/*	10.	Page Templates
/*-----------------------------------------------------------------------------------*/

/* Archive ------------------------------*/

.archive-lists .children { margin-bottom: 0; }

/* Page ------------------------------*/

.page .entry-title { 
	padding: 20px;
	margin: 0 0 1em 0;
	font-size: 100%;
}

.page .entry-content { padding: 0 0 30px 0; overflow-x:hidden;}

/* Contact ------------------------------*/

.contactform { margin-left: 0; }

.contactform li { list-style-type: none; }

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	height: 20px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 80%;
	height: 200px;
	margin-bottom:15px;
}

.contactform li button { float: left; }

label.error { color: red; }

/* Home ------------------------------*/

#load-more-link { display: none; }

#load-more-link a{
	position: relative;
	display: block;
	text-align: center;
	font-size: 11px;
	min-width: 340px;
	margin: 20px 0 0 20px;
	padding: 10px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.10);
}

#load-more-link a:active {
	margin: 21px 0 -1px 20px;
}

#load-more-link a span{
	font-style: italic;
	font-size: 11px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 10px 0 0;
}

#load-more-link a span#post-count,
#load-more-link a span#remaining {
	float: none;
	position: relative;
	top: auto;
	margin: 0;
}

#load-more-link a span#post-count img { margin: 1px 0 0 0; }

/* Portfolio ------------------------------*/

.tax-skill-type #primary,
.page.page-template-template-portfolio-php #primary {
	width: auto;
	margin-left: 205px;
	float: none;
}

.tax-skill-type .hentry,
.page.page-template-template-portfolio-php .hentry {
	width: 230px;
	height: 290px;
	overflow: hidden;
	margin: 0 0 20px 25px;
	padding: 0;
	float: left;
}

.tax-skill-type .hentry .arrow,
.page.page-template-template-portfolio-php .hentry .arrow {
	top: 162px;
	right: 15px; display:none;
}

.tax-skill-type a .overlay .icon,
.page.page-template-template-portfolio-php a .overlay .icon {
	left: 46%;
}

.tax-skill-type .entry-title,
.page.page-template-template-portfolio-php .entry-title,
.page.page-template-template-portfolio-php .entry-title h2 {
	font-size: 100% !important;
	border: none;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

.tax-skill-type .entry-excerpt,
.page.page-template-template-portfolio-php .entry-excerpt {
	padding: 0 15px 20px 0px;
	font-size: 90%;
	line-height: 1.2;
}

.single-portfolio .slider {
	width: 360px;
	height: 270px;
}

.single-portfolio .slider {
	width: 550px;
	height: auto;
}

.single-portfolio .slides_container {
    width: 360px;
	height: 270px;
}

.single-portfolio .slides_container {
    width: 550px;
	height: auto;
}

.single-portfolio  ul.pagination {
	right: 0;
	position: absolute;
	padding: 12px 0 0 0 !important;
	margin: 22px 0 10px 0!important;
}

.single-portfolio  ul.pagination li {
	float: left;
	margin: 0 6px 0 6px !important;
}

.single-portfolio  ul.pagination li a {
	display: block;
	background-position: 0 -32px;
	width: 4px;
	height: 4px;
	text-indent: -9999px;
  background: #ccc;
  background-image: none !important;
}

.single-portfolio  ul.pagination li.current a,
.single-portfolio  ul.pagination li a:hover { background-image: none !important; background: #000000;}

.single-portfolio .entry-title { padding: 1em 0 .5em 0; font-style: italic; font-family: "mrs-eaves-xl-serif", serif;}

.single-portfolio .entry-content { 
	padding: 0 0px 0 0; 
	font-size: 80% !important;
}

@media screen and (max-width: 600px) {
	.single-portfolio .entry-content {font-size: 100% !important}
}


.single-portfolio .entry-meta { padding: 0 15px 20px 15px; }

.single-portfolio .arrow { margin: 262px 0 0 327px; }

.single-portfolio .hentry .arrow {
	margin: -14px 15px 0 0;
	position: relative;
	float: right;
	top: auto;
	z-index: 500;
display:none;
}

.single-portfolio #single-sidebar .caption a { display: inline; }

#single-sidebar .caption { font-size: 12px; }

#single-sidebar .link { margin: 15px 0 0 0; }

#single-sidebar .link a { display: block; }

#single-sidebar .link a span.icon {
	float: left;
	width: 8px;
	height: 8px;
	margin: 6px 5px 0 0;
	background-position: 0 -119px;
}

#single-sidebar .link a:hover span.icon { background-position: -9px -119px; }

#single-sidebar .terms { margin: 15px 0 0 0; }

#single-sidebar .terms ul {	margin: 0; }

#single-sidebar .portfolio-link a .icon {
	margin: 5px 0 0 5px;
	display: block;
	background-position: 0 -128px;
	width: 11px;
	height: 11px;
}

#single-sidebar .portfolio-link a:hover .icon {
	background-position: -12px -128px;
}


/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget { margin: 0 0 20px 0; }

.widget-title {
	font-size: 12px;
	margin: 0 0 10px 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.widget ol {
	list-style-type: decimal;
	margin-bottom: 0;
}

/* Seacrh Widget ------------------------------*/

.widget_search #s { 
	width: 140px;
	height: 20px;
}

.widget_search form,
.widget_search fieldset { margin: 0; }

/* Calander Widget ------------------------------*/

.widget_calendar caption { margin-bottom: 5px; }

.widget_calendar table { width: 100% }

/* Twitter Widget ------------------------------*/

.tz_tweet_widget ul {
	margin: 0 0 10px 0;
	list-style-type: none;
}

.tz_tweet_widget ul li {
	border-bottom: 1px solid #393a3c;
	padding: 10px 0;
}

.tz_tweet_widget ul li:first-child { padding-top: 0; }

/* Flickr Widget ------------------------------*/

.tz_flickr_widget { 
	padding-right: 0;
	width: 222px; 
}

.flickr_badge_image {
	float: left;
	margin: 0 12px 12px 0;
}

.flickr_badge_image img {
	width: 54px;
	height: 54px;
	background: #3a3c3d;
	padding: 4px;
}

.flickr_badge_image a {
	width: 62px;
	height: 62px;
	display: block;
	background: none !important;	
}

.flickr_badge_image img:hover { background: #4a4d4e; }

/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* Buttons ------------------------------*/

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* Buttons ------------------------------*/

a.button,
a:hover.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}

a:hover.button { background-position: 0 -28px; }
a:hover.button.large { background-position: 0 -35px; }

a.button.white {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}

a.button.large.white { background-image: url(images/shortcodes/buttons/button_white_large.png); }
a:hover.button.white { border: 1px solid #c4c4c4; }

a.button.grey {
	background-image: url(images/shortcodes/buttons/button_grey.png);
	border: 1px solid #b5b5b5;
	color: #555555!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.grey { background-image: url(images/shortcodes/buttons/button_grey_large.png); }
a:hover.button.grey { border: 1px solid #989898; }

a.button.red {
	background-image: url(images/shortcodes/buttons/button_red.png);
	border: 1px solid #df6f8b;
	color: #913944!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}

a.button.large.red { background-image: url(images/shortcodes/buttons/button_red_large.png); }
a:hover.button.red { border: 1px solid #c36079; }

a.button.orange {
	background-image: url(images/shortcodes/buttons/button_orange.png);
	border: 1px solid #f5b74e;
	color: #996633!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.orange { background-image: url(images/shortcodes/buttons/button_orange_large.png); }
a:hover.button.orange { border: 1px solid #d29a3a; }

a.button.green {
	background-image: url(images/shortcodes/buttons/button_green.png);
	border: 1px solid #adc671;
	color: #5d7731!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.green { background-image: url(images/shortcodes/buttons/button_green_large.png); }
a:hover.button.green { border: 1px solid #8bb14d; }

a.button.teal {
	background-image: url(images/shortcodes/buttons/button_teal.png);
	border: 1px solid #90c6c8;
	color: #437b7d;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.teal { background-image: url(images/shortcodes/buttons/button_teal_large.png); }
a:hover.button.teal { border: 1px solid #7db9bb; }

a.button.blue {
	background-image: url(images/shortcodes/buttons/button_blue.png);
	border: 1px solid #8dc5da;
	color: #42788e !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.blue { background-image: url(images/shortcodes/buttons/button_blue_large.png); }
a:hover.button.blue { border: 1px solid #7caec0; }

a.button.navy {
	background-image: url(images/shortcodes/buttons/button_navy.png);
	border: 1px solid #a2afb8;
	color: #515f6a!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.navy { background-image: url(images/shortcodes/buttons/button_navy_large.png); }
a:hover.button.navy { border: 1px solid #8996a0; }

a.button.purple {
	background-image: url(images/shortcodes/buttons/button_purple.png);
	border: 1px solid #bc9db9;
	color: #7b5777!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.purple { background-image: url(images/shortcodes/buttons/button_purple_large.png); }
a:hover.button.purple { border: 1px solid #a482a0; }

a.button.black {
	background-image: url(images/shortcodes/buttons/button_black.png);
	border: 1px solid #4c4c4c;
	color: #ffffff!important;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}

a.button.large.black { background-image: url(images/shortcodes/buttons/button_black_large.png); }
a:hover.button.black { border: 1px solid #2c2c2c; }

/* Alerts ------------------------------*/

.alert {
    padding: 12px 5% 12px 5%;
    font-family: "mrs-eaves-xl-serif-narrow", serif;
font-weight: 400;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
}

.alert.white {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.alert.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.orange {
    background: #FFCBA8;
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}

.alert.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}

/* Tabs ------------------------------*/

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.tabs {
	margin: 0 0 20px 0;
}

.tabs ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs ul.nav li {
	float: left;
	position: relative;
	margin: 0 2px -1px 0;
	z-index: 10;
}

.tabs ul.nav li a {
	border-bottom: none;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	margin: 0;
	height: 24px;
	background: #FBFBFB;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
	   		border-radius: 3px 3px 0 0;
}

.tabs ul.nav li.ui-tabs-selected a {
	height: 25px;
}

.tabs .tab {
	padding: 10px;
}

/* Toggle ------------------------------*/

.toggle {
	margin: 0 0 20px 0;
}

.toggle h4 {
	font-size: 12px;
	padding: 10px; 
	cursor: pointer;
	margin: 0;
}

.toggle-inner {
	padding: 10px;
	border-top: none;
}

.toggle .ui-icon {
	background: url(images/shortcodes/toggles/toggle-closed.png) no-repeat;
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 10px 0 0;
}

.toggle .ui-state-active .ui-icon { background: url(images/shortcodes/toggles/toggle-open.png) no-repeat }

/*-----------------------------------------------------------------------------------*/
/*	12.	Post Formats
/*-----------------------------------------------------------------------------------*/

/* All ------------------------------*/

.entry-content p { margin: 0 0 1.25em 0; color: #000000;}

@media screen and (max-width: 600px) {
.single-portfolio .entry-content p {width: 100%; max-width: 90%; margin-left: auto; margin-right: auto;}
}

.entry-meta a { display: block; }
.published { float: left; }

.published .icon {
	background-position: 0 0;
	width: 12px;
	height: 6px;
	float: left;
	margin: 7px 5px 0 0;
}

.published a:hover .icon { background-position: -13px 0; }

.comment-count .icon {
	background-position: 0 -7px;
	width: 15px;
	height: 11px;
	float: left;
	margin: 4px 5px 0 0;
}

.comment-count a:hover .icon { background-position: -16px -7px; }

.like-count .icon {
	background-position: 0 -19px;
	width: 13px;
	height: 11px;
	float: left;
	margin: 4px 5px 0 0;
}

.like-count a:hover .icon,
.like-count a.active .icon { background-position: -15px -19px; }

.like-count,
.edit-post,
.comment-count {
	float: right;
	margin: 0 0 0 10px;
}

.arrow {
	background-position: 0 -39px;
	width: 22px;
	height: 11px;
	position: absolute;
	top: 0;
	z-index: 30;
}

a .overlay {
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: none;
	left: 0;
	cursor: pointer;
}


.js-disabled a:hover .overlay {
	display: block;
}

a .overlay .icon {
	position: absolute;
	background-position: 0 -62px;
	width: 22px;
	height: 22px;
	display: block;
	top: 48%;
	left: 48%;
	z-index: 40;
}

.post-thumb a {
	display: block;
	position: relative;
}

.post-thumb a,
.post-thumb a img { float: left; }

/* Aside ------------------------------*/

.format-aside {
	padding: 20px 15px;
	width: 330px;
}

.single .format-aside {
	padding: 20px 15px 0 15px;
	width: 510px;
}

/* Gallery ------------------------------*/

.format-gallery .slider {
	width: 360px;
	height: 270px;
}

.single .format-gallery .slider {
	width: 550px;
	height: auto;
}

.format-gallery .slides_container {
    width: 360px;
	height: 270px;
}

.single .format-gallery .slides_container {
    width: 550px;
	height: auto;
}

.format-gallery  ul.pagination {
	right: 0;
	margin: 25px 15px 0 0;
	padding: 0;
	position: absolute;
}

.format-gallery  ul.pagination li {
	float: left;
	margin: 0 0 0 3px;
}

.format-gallery  ul.pagination li a {
	display: block;
	background-position: 0 -32px;
	width: 6px;
	height: 6px;
	text-indent: -9999px;
}

.format-gallery  ul.pagination li.current a,
.format-gallery  ul.pagination li a:hover { 
	background-position: -7px -32px; 
}

.format-gallery .entry-title { padding: 20px 15px 10px 15px; }

.format-gallery .entry-content { 
	padding: 0 15px; 
	font-size: 11px;
}

.single .format-gallery .entry-content { font-size: 12px; }

.format-gallery .entry-meta { padding: 0 15px 20px 15px; }

.format-gallery .arrow { margin: 262px 0 0 327px; }

.single .format-gallery .arrow {
	margin: -14px 15px 0 0;
	position: relative;
	float: right;
	top: auto;
	right: 0;
	z-index: 500;
}

/* Link ------------------------------*/

.format-link .entry-title { padding: 20px 15px; }

.format-link .arrow {
	margin: -8px 15px 0 0;
	position: relative;
	float: right;
	top: auto;
	z-index: 500;
}

.format-link .entry-title a { 
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}

.format-link .entry-title .icon {
	background-position: 0 -95px;
	width: 15px;
	height: 11px;
	float: left;
	margin: 1px 0 0 0;
}

.format-link .entry-content { 
	padding: 20px 15px 0 15px; 
	font-size: 11px;
}

.single .format-link .entry-content { font-size: 12px; }

.format-link .entry-meta { padding: 0 15px 20px 15px; }

/* Image ------------------------------*/

.format-image .entry-title { padding: 20px 15px 10px 15px; }

.format-image .entry-content { 
	padding: 0 15px;
	font-size: 11px;
}

.single .format-image .entry-content { font-size: 12px; }

.format-image .entry-meta { padding: 0 15px 20px 15px; }

.format-image .post-thumb a { margin: 0 0 0 0; }

.format-image .arrow {
	position: relative;
	float: right;
	top: auto;
	
}

.format-image .arrow { margin: -8px 17px 0 0; }

/* Quote ------------------------------*/

.format-quote .quote-wrap { padding: 20px 15px; }

.format-quote blockquote {
	padding: 0 0 0 10px;
	margin: 0 0 0 26px;
	font-size: 14px;
	line-height: 19px;
}

.format-quote .arrow {
	margin: -8px 15px 0 0;
	position: relative;
	float: right;
	top: auto;
	z-index: 500;
}

.format-quote .quote-wrap .icon {
	width: 16px;
	height: 12px;
	float: left;
	margin: 3px 0 0 0;
}

.format-quote .entry-content { 
	padding: 20px 15px 0 15px; 
	font-size: 11px;
}

.single .format-quote .entry-content { font-size: 12px; }

.format-quote .entry-meta { padding: 0 15px 20px 15px; }

/* Audio ------------------------------*/

.format-audio .entry-title { padding: 20px 15px 10px 15px; }

.format-audio .entry-content { 
	padding: 0 15px; 
	font-size: 11px;
}

.single .format-audio .entry-content { font-size: 12px; }

.format-audio .entry-meta { padding: 0 15px 20px 15px; }

/* Video ------------------------------*/

.format-video .entry-title { padding: 20px 15px 10px 15px; }

.format-video .entry-content { 
	padding: 0 15px; 
	font-size: 11px;
}

.single .format-video .entry-content { font-size: 12px; }

.format-video .entry-meta { padding: 0 15px 20px 15px; }

div.jp-audio,
div.jp-video {
	font-size: 1em;
	font-family: "mrs-eaves-xl-serif-narrow", serif;
font-weight: 400;
font-style: normal;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio,
div.jp-video { width: 360px; }

.single div.jp-audio,
.single div.jp-video { width: 550px; }

.jp-video-play,
div.jp-jplayer.jp-jplayer-video { width: 360px; }

.single .jp-video-play,
.single div.jp-jplayer.jp-jplayer-video { width: 550px; }

div.jp-interface {
	position: relative;
	width: 100%;
	background: url(images/jplayer_bg.png) repeat-x;
	z-index: 100;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

div.jp-type-single div.jp-interface { height: 30px; }

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
}

a.jp-play { background: url("images/jplayer-black-and-yellow.png") 0 0 no-repeat; }

a.jp-play:hover { background: url("images/jplayer-black-and-yellow.png") -33px 0 no-repeat; }

a.jp-pause {
	background: url("images/jplayer-black-and-yellow.png") 0 -30px no-repeat;
	display: none;
}

a.jp-pause:hover { background: url("images/jplayer-black-and-yellow.png") -33px -30px no-repeat; }

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 225px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-progress {
	position: absolute;
	overflow:hidden;
}

div.jp-type-single div.jp-progress {
	width: 223px;
	height: 7px;
	padding: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}

.single div.jp-type-single div.jp-progress { width: 411px; }

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("images/jplayer-black-and-yellow.png") 0 -163px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

/* The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}
*/

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 281px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
}

.single div.jp-volume-bar-container { left: 470px; }

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}

div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 18px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 290px;
}

.single div.jp-type-single a.jp-mute,
.single div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 478px;
}

.seperator-first,
.seperator-second {
	background:url(images/seperator.png) no-repeat left;
	height: 30px;
	width: 2px;
	position: absolute;
	left: 32px;
}

.seperator-second { left: 279px; }

.single .seperator-second { left: 468px; }

a.jp-mute { background: url("images/jplayer-black-and-yellow.png") -10px -68px no-repeat; }

a.jp-mute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -68px no-repeat; }

a.jp-unmute {
	background: url("images/jplayer-black-and-yellow.png") -10px -98px no-repeat;
	display: none;
}

a.jp-unmute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -98px no-repeat; }

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer { background-color: #292a2b; }


/* Standard ------------------------------*/

.format-standard .entry-title { 
	padding: 0 15px 20px 15px;
	margin: 0 0 20px 0;
}

body.archive.category-latest-news .format-standard .entry-title {font-size: 90% !important}

.format-standard .entry-content { padding: 0 15px; }

@media screen and (max-width: 860px) {
	.format-standard .entry-content { padding: 0 6px !important; }
	.format-standard .entry-title {padding: 0 6px 1em 0!important;}
}

.format-standard .entry-meta { padding: 0 15px 20px 15px; }

#new-posts { display: none; }


#fancybox-close {
	background: url(images/lightbox_cross.gif) no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	top: 10px !important;
	right: 8px !important;
}


/*/////////////////////////AL additions///////////////////////////*/


/*////////////vc overrides///////////////*/
.wpb_content_element {margin-bottom: .75em !important;}
/*///////////////vc overrides/////////////////*/

/*---------------------bcs-header------------------*/

#bcs-header {
    text-align: center;
    height: 136px;
    width: 100%;
    position: relative;
    background: #fff;
}




/*bcs-header-logo*/
.bcs-header-logo {
	position:absolute; top: 54px; left: 50%; transform:translateX(-50%);font-size: 145%; font-family: "mrs-eaves-xl-serif", serif; font-weight: 700; letter-spacing: 0;}

@media screen and (max-width: 500px) {
	.bcs-header-logo {font-size: 140%}
}

/*bcs-works-menu*/

#bcs-works-menu {position:absolute; top: 68px; left: 0; right: 0; font-family: "mrs-eaves-xl-serif", serif; font-weight: 700; letter-spacing: 0.01em;}

#bcs-works-menu ul {margin: 0 0 !important;}

#bcs-works-menu li {display:inline-block; margin: 0 4vw; font-size: 86%;}

@media screen and (max-width: 810px) {
	#bcs-works-menu li { margin: 0 4.8vw;}
}

#bcs-works-menu li a {display:block; position:relative;}

#bcs-works-menu li.current-menu-item a:after {display:block; width: 30px; height: 1px; content:""; background-color: #000000; position:absolute; left: 50%; transform:translateX(-50%); bottom: -8px;}

#bcs-works-menu a {opacity: 1;transition: all .3s ease;}
#bcs-works-menu:hover a {opacity: .3; }
#bcs-works-menu a:hover {opacity:1;}


/*---------------------bcs-header ENDS------------------*/




/*---------------------new links styles------------------*/

/*entry content*/

.entry-content p a, .entry-content p a:visited {border-bottom: 1px solid #242424;background:rgba(255,255,255,0) !important; transition: all ease .3s;}
.entry-content p a:hover {border-bottom: 1px solid #fff; padding: 0; margin: 0; background:rgba(255,255,255,0) !important;}

/*---------------------new links styles ENDS------------------*/





/*---------------------hide sidebar on single posts for design---------------------*/

body.single #sidebar {display:none;}

/*make primary full width on single for design*/
.single #primary {
  margin-left: 0;
  width: 100%;
  float: left;
	text-align:center; margin: 0 auto 50px 0;;
}

/*---------------------hide sidebar on single posts for design ENDS---------------------*/



/*---------------------single-portfolio---------------------*/

.single .hentry {width: 100% !important; text-align:center; margin: 0 auto 138px 0;}

.single .slides_control div {}

.single-portfolio .slides_container, .single-portfolio .slider {width: 100% !important; text-align:center; margin: 0 auto;}

/*bigger images on single*/
body.single .single-portfolio .slides_container {}
body.single .slides_control {position:relative !important; height: 62vh !important}
body.single .slides_control img {min-height: 62vh; width: auto;transform:translateX(50vw); max-height: 62vh;}


/*1280*/
@media screen and (max-width: 1280px) {
	/*single works slides control vw height*/
body.single .slides_control {height: 60vh !important;}
	body.single .slides_control img {min-height: 60vh; max-height: 60vh;}
/*single works slide img vw height*/
body.single .slides_control img {object-fit:contain;}
	}

/*crazy portfolio sizes*/
@media screen and (max-width: 736px) {
	body.single .slides_control {height: 45vh !important;}
	body.single .slides_control img {transform: translateX(50vw) scale(.9); transform-origin:top;}
}

@media screen and (max-width: 500px) {
	body.single .slides_control img {transform: translateX(50vw) scale(.6);}
}

@media screen and (max-width: 450px) {
	body.single .slides_control img {transform: translateX(50vw) scale(.72);}
}

@media screen and (max-width: 400px) {
	body.single .slides_control img {transform: translateX(50vw) scale(.65);}
}

@media screen and (max-width: 350px) {
	body.single .slides_control img {transform: translateX(50vw) scale(.5);}
}
/*crazy portfolio sizes ENDS*/

/*bullet pagination*/
.single-portfolio ul.pagination {
  position:relative;
display:block;
text-align:center !important;
left: 0; right: 0;
width: 100%;
  padding: 15px 15px 0 0;
  margin: 0 auto;
}
.single-portfolio ul.pagination li {float:none; display:inline-block; margin: 0 0 0 5px;}


/*hide edit-post and entry-meta in #single sidebar*/

#single-sidebar .entry-header .edit-post, #single-sidebar .entry-header .terms, #single-sidebar .line, #single-sidebar ul.entry-meta {display:none !important}

/*the old navigation widget*/
#single-sidebar .seperator {margin: 0 !important}

/*post title*/

.single h2 {font-size: 92%; letter-spacing: 0.015em;}

@media screen and (max-width: 600px) {
	.single h2 {font-size: 115%}
}

/*single portfolio overflow*/
body.single-portfolio #container {overflow:hidden;}

/*---------------------single-portfolio ENDS---------------------*/



/*---------------------latest news---------------------*/

/*sidebar*/
body.category-latest-news #sidebar {margin-top: 1em}
body.category-latest-news #sidebar #logo {display:none;}
body.category-latest-news #sidebar .line, body.category-latest-news #sidebar .seperator {display:none;}
body.category-latest-news #sidebar #nav_menu-6, body.category-latest-news #sidebar #nav_menu-4 {display:none;}
body.category-latest-news #sidebar li {line-height: 1.4; font-size: 80%;}

/*entry meta and comments off*/
body.category-latest-news .entry-meta {display:none;}

/*---------------------latest news ENDS---------------------*/




/*---------------------mailchimp---------------------*/
#mc_embed_signup {
font-size: 100% !important;
font-family: "mrs-eaves-xl-serif-narrow", serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 0.02em;
}

#mc_embed_signup form {padding: 0 0 0 0 !important;}

#mc_embed_signup h2 {display:none;}



#mc_embed_signup label { margin-top: 8px;margin-bottom: 8px !important; display:block; font-size: 90%;}

#mc_embed_signup .mc-field-group br {display:none;}

#mc_embed_signup .mc-field-group input {border-radius: 0 !important;
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
border: 1px solid #ABB0B2; !important;
}

#mc_embed_signup .mc-field-group ul.bcs-radio input {display:inline-block !important; width:auto; margin-left: 0; margin-right: .5em;}

#mc_embed_signup .mc-field-group select {background: #fff !important; border: 1px solid #ABB0B2; width: 100% !important; padding: 8px 0 !important;}

#mc_embed_signup .mc-field-group {padding-bottom: 1% !important;}

.mc-field-group.input-group {margin-top: 1em !important}

#mergeRow-gdpr label {font-size: 100% !important; font-weight: 700;}

#mergeRow-gdpr label.checkbox {font-size: 90% !important;}

#mc_embed_signup .button, #mc_embed_signup .button:visited {
	
	background-color: #fff !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  transition: all 0.23s ease-in-out 0s;
  color: #000000 !important;
  cursor: pointer;
  font-weight: 700;
  font-style:italic;
  height: 42px !important;
  line-height: 42px !important;
  margin: 2em 5px 10px 0 !important;
  padding: 0 32px 0 32px !important;
font-size: 16px;
	letter-spacing: 0.04em;
	font-family: "mrs-eaves-xl-serif", serif;
	
}

#mc_embed_signup .button:hover, #mc_embed_signup .button:active, #mc_embed_signup .button:focus {outline: 0 !important; background-color: #000000 !important; color: #fff !important;}

.indicates-required {text-align:right; position:relative; top: 1.5em !important; font-size: 80%;}


.mc-field-group.input-group ul {list-style: outside none; margin-left: 0;}
.mc-field-group.input-group ul label {display:inline !important}

/*---------------------mailchimp---------------------*/

/*---------------------page---------------------*/

/*.page .hentry*/
.page .hentry {width: 100%;}

/*---------------------page ENDS---------------------*/

/*---------------------single news page---------------------*/

body.single .category-latest-news .entry-title {font-size: 120% !important; margin-bottom: 1em;}
body.single .category-latest-news .wp-block-image  {margin-bottom: 2.5em;}
body.single .category-latest-news.hentry {width: 100%; max-width: 700px !important; margin-left: auto; margin-right: auto;}
body.single .category-latest-news.hentry .entry-content p {font-size: 110% !important; line-height: 1.2;}

/*---------------------single news page ENDS---------------------*/


/*---------------------.page-template-template-full-width .bcs-narrow-column & bcs-landscape-column--------------------*/

.bcs-narrow-column img, .bcs-landscape-column img {margin-bottom: -.5em !important}

.bcs-narrow-column.with-image img {margin-bottom: 2em !important;}

.bcs-narrow-column {width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 4em !important;}

.bcs-landscape-column {width: 100%; max-width: 933px; margin-left: auto; margin-right: auto; margin-bottom: 4em !important;}

@media screen and (max-width: 1800px) {
	.bcs-narrow-column.sc-portrait {max-width: 500px}
	.bcs-landscape-column.sc-landscape {max-width: 700px}
}

@media screen and (max-width: 950px) {
	.bcs-landscape-column, .bcs-landscape-column.sc-landscape {max-width: calc(100% - 30px); margin-bottom: 1em !important}
}



@media screen and (max-width: 768px) {
	.bcs-narrow-column, .bcs-narrow-column.sc-portrait {max-width: calc(100% - 30px);}
}

.page-template-template-full-width-php #primary {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  float: none;
}

.bcs-narrow-column h2 {
		margin: 2.075em 0 2.075em 0 !important;
  font-weight: 800;
  font-family: "mrs-eaves-xl-serif", serif;
}

.bcs-narrow-column img {min-width: 100%; height: auto;}

.bcs-narrow-column p {line-height: 1.4;}

@media screen and (max-width: 1280px) {
	.bcs-narrow-column p {font-size:110%}
}

@media screen and (max-width: 600px) {
	.bcs-narrow-column p {font-size:100%}
}

.bcs-narrow-column.list-size p {font-size:92%; line-height: 1.2; margin: 0 0 .6em 0;}

.galleries-list p { margin: 0 0 2em 0 !important;}

@media screen and (max-width: 1280px) {
	.bcs-narrow-column.list-size p {font-size:100%;}
}

.bcs-mailchimp.list-size p {line-height: 1.3}

/*--------------------socials------------------*/

.bcs-narrow-column.socials img {min-width: 18px !important; max-height: 18px !important; height:auto !important; margin-right: 0.25em; position:relative; top: -14px}
.bcs-narrow-column.socials a, .bcs-narrow-column.socials a:visited, .bcs-narrow-column.socials a:hover {  border-bottom: 0px solid #000000 !important;}


/*--------------------sociasl ENDS--------------------*/


/*---------------------.page-template-template-full-width .bcs-narrow-column ENDS---------------------*/

/*-------------------------.bcs-narrow-column.bcs-caption--------------------*/

.bcs-small-center-caption {text-align:center !important; font-style:italic; letter-spacing: 0.04em;}
.bcs-narrow-column .bcs-small-center-caption{font-size: 85%}
/*-------------------------.bcs-narrow-column.bcs-caption ENDS--------------------*/


/*-------------------------bcs-large-left-caption--------------------*/
.bcs-large-left-caption {float:left; font-size: 100%; font-weight: bold; font-family: "mrs-eaves-xl-serif", serif;}
@media screen and (max-width: 810px) {
	.bcs-large-left-caption {float:none; width: 100%; padding-bottom: .5em; font-size:115% !important;}
}
/*break-it*/
@media screen and (max-width: 600px) {
	.break-it {display:block;}
	body.home .bcs-large-left-caption {padding-bottom: 0.25em;} 
}

/*-------------------------bcs-large-left-caption--------------------*/


/*-------------------------bcs-small-left-caption & action--------------------*/
.bcs-small-left-caption {font-weight: 700; float:left; font-size: 100%; font-family: "mrs-eaves-xl-serif", serif;}
.bcs-small-action {text-align:right;font-style: italic; font-weight: 700; letter-spacing: 0.02em; position:relative; font-size: 95%; top: 0;}

@media screen and (max-width: 768px) {
	.bcs-small-left-caption {float:none; width: 100%; padding-bottom: .75em; font-size:115% !important;}
	.bcs-small-action {font-size: 95%;}
}

.bcs-small-action a {position:relative;}
.bcs-small-action a:after {content:"";display:inline-block; width: 62px; height: 7px; background: url("/wp-content/themes/gridlocked/images/long-arrow.svg"); background-repeat:no-repeat; margin-left: .25em; background-size: contain; background-position:center;}

@media screen and (max-width: 1280px) {
	.bcs-small-action a:after {background: url("/wp-content/themes/gridlocked/images/short-right-arrow.svg"); width: 36px; height: 8px; background-repeat:no-repeat; margin-left: .4em}
}

/*-------------------------bcs-small-left-caption & action--------------------*/
.bcs-small-triple-action {text-align:right; font-style: italic; font-size: 90%; font-family: "mrs-eaves-xl-serif", serif; position:relative; top: .045em;/*top: .05em;*/ font-weight: 700;}
.bcs-small-triple-span {display:inline-block; margin-left: 10vw;}
a.arrow-down {position:relative; display:block;}
a.arrow-down:after {content:""; width: 9px; height: 19px; display:inline-block;background: url("/wp-content/themes/gridlocked/images/short-down-arrow.svg"); background-repeat:no-repeat; margin-left: .5em; background-size: contain; background-position:center;
position:absolute;}

@media screen and (max-width: 1280px) {
	.bcs-small-triple-span {display:inline-block; margin-left: 6vw;}
}

.bcs-small-triple-span:nth-of-type(2) {margin-right: 20px !important;}

@media screen and (max-width: 810px) {
	.bcs-small-triple-action {font-size:85%; border-top: 1px solid #ccc; padding-top: 1.5em}
	.bcs-small-triple-span {width: 32.85%; margin: 0 !important;}
	.bcs-small-triple-span:nth-of-type(1) {text-align:left !important;}
	.bcs-small-triple-span:nth-of-type(2) {margin-right: 20px !important;}
}

@media screen and (max-width: 430px) {
	.bcs-small-triple-action {font-size: 80%;}
	.bcs-small-triple-span {width: 32.7%}
}

/*-------------------------bcs-small-triple-action--------------------*/


/*-------------------------bcs-small-triple-action ENDS--------------------*/


/*---------------------#primary.works-archive---------------------*/

/*-columns-*/

#primary.works-archive {margin: 86px auto 0 auto;width: 100%;max-width:calc(100% - 80px);display:flex;flex-wrap: wrap;justify-content: center;gap: 2vw;}



@media screen and (min-width: 2160px) {
	#primary.works-archive {max-width: 2160px;}
}




/*-elements-*/

/*img*/
#primary.works-archive .work-item img {width:100%; height:auto; margin: 0 0 1em 0 !important;}
/*title*/
#primary.works-archive .work-item .entry-title {font-size: 85%; margin-bottom: 1em; font-style: italic; font-family: "mrs-eaves-xl-serif", serif; letter-spacing: 0.015em;}


/*-responsive-*/
#primary.works-archive .hentry {width: 23%; margin: 0;}




@media screen and (max-width: 1080px) {
	#primary.works-archive {max-width:calc(100% - 20px)}
	#primary.works-archive .hentry {width: 30%;}
}



@media screen and (max-width: 600px) {
	
	#primary.works-archive .hentry {width: 100% !important;}
}



/*//////////aspect ratio///////////*/

.work-card {aspect-ratio: 4 / 3; margin-bottom: 1em;}
.work-card img {object-fit:cover; height:100% !important;}


/*-------------------padding method fall back for older browsers if needs be: - 4 / 5 = 0.8 -> 80%

.image-container
  width: 400px;
  padding-top: 80%; 
  position: relative;
  overflow: hidden;


.image-container img
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;


-------------------------------------------------------------*/

/*//////////aspect ratio ENDS///////////*/



/*---------------------#primary.works-archive ENDS---------------------*/




/*/////////////////////////AL additions ENDS///////////////////////////*/






/*/////////////////Mobile Menu///////////////////*/


#mobileMenu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: translateY(-100%);
  /* animate transform + opacity so closing is smooth */
  transition: transform 0.45s cubic-bezier(.2,.9,.2,1), opacity 0.35s ease-in-out;
  background: #fff;
  z-index: 9999;
  opacity: 0;
  will-change: transform, opacity;
  /* helps with smoother GPU-rendered animation */
  transform: translateZ(0);
  pointer-events: none; /* prevent clicks when hidden */
}


/* hamburger*/
.mobileIconToggle {
    transition: all 0.2s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 999999;
    top: 60px;
    right: 30px;
    height: 32px;
    width: 39px;
}

/* when open allow interaction */
input[type="checkbox"]:checked ~ #mobileMenu {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

input[type=checkbox].makeover {
    transition: all 0.2s;
    box-sizing: border-box;
    display: none;
}

.spinner {
    transition: all 0.2s;
    box-sizing: border-box;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: rgba(36,36,36,1);
}

.horizontal {
    transition: all 0.2s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 7px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.2s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.2s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 7px;
}

input[type=checkbox]:checked ~ .mobileIconToggle > .horizontal {
    transition: all 0.5s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .mobileIconToggle > .diagonal.part-1 {
    transition: all 0.5s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 6px;
    background-color: rgba(0,0,0,1);
}
input[type=checkbox]:checked ~ .mobileIconToggle > .diagonal.part-2 {
    transition: all 0.5s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
    background-color: rgba(0,0,0,1);
}

.Mobile-Menu-Content {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align:center;
  opacity: 0;
  transition: opacity 0.28s ease, transform 0.35s cubic-bezier(.2,.9,.2,1);
  transition-delay: 0s; /* crucial: immediate on close */
  width: 100%;
  max-width: 1480px;
}

/*WIP everywhere-expect-home */
.everywhere-expect-home {font-family: "mrs-eaves-xl-serif", serif; font-weight: 700; font-size: 80%; margin-top: 10vh;}
body.home .everywhere-expect-home {display:none;}

@media screen and (max-width: 1280px) {
	.everywhere-expect-home {margin-top: 6vh;}
}
/*WIP everywhere-expect-home ENDS*/


/*extra label*/

.mobileIconToggle .label {color: #333; position:absolute; top: 0;  transition: all 0.5s;}

input[type=checkbox]:checked ~ .mobileIconToggle > .label {color: #fff;}

/* keep the hamburger/content behavior as you have but add will-change where helpful */
.mobileIconToggle,
.mobileIconToggle .horizontal,
.mobileIconToggle .diagonal.part-1,
.mobileIconToggle .diagonal.part-2,
.Mobile-Menu-Content {
  will-change: opacity, transform;
}

/*animating the content*/

/* When menu is opened: show content, but slightly delayed so panel appears first */
input[type="checkbox"]:checked ~ #mobileMenu > .Mobile-Menu-Content {
  opacity: 1 !important;
  transform: translate(-50%,-32%);
  /* small delay so content fades-in after the panel slides into place */
  transition-delay: 0.08s;
}

@media screen and (max-width:960px) {
	input[type="checkbox"]:checked ~ #mobileMenu > .Mobile-Menu-Content {transform: translate(-50%,-50%);}
}

/* menu items */
.Mobile-Menu-Content ul {
    list-style: none;
    font-size: 105%;
    font-family: "mrs-eaves-xl-serif", serif;
    font-weight: 700;
    margin-left: 0;
	  margin-bottom: 0;
    padding: 0;
    margin: 0 auto;
}

/* menu items in 3 columns and re-ordered*/
@media screen and (min-width: 960px) {
	
	/*columns*/
	.Mobile-Menu-Content ul {
		display: flex;
    flex-wrap: wrap;
    list-style: none;
	}
	/*order*/
	.Mobile-Menu-Content ul  li:nth-child(1) { order: 1; }
.Mobile-Menu-Content ul  li:nth-child(2) { order: 4; }
.Mobile-Menu-Content ul  li:nth-child(3) { order: 7; }
.Mobile-Menu-Content ul  li:nth-child(4) { order: 2; }
.Mobile-Menu-Content ul  li:nth-child(5) { order: 5; }
.Mobile-Menu-Content ul  li:nth-child(6) { order: 8; }
.Mobile-Menu-Content ul  li:nth-child(7) { order: 3; }
.Mobile-Menu-Content ul  li:nth-child(8) { order: 6; }
.Mobile-Menu-Content ul  li:nth-child(9) { order: 9; }
	/*column widths*/
	.Mobile-Menu-Content li {width: calc(100% / 3); /* each column gets 1/3 width */}
}
/* menu items in 3 columns and re-ordered ENDS*/

/* KEEP THIS LEGEND -----Column 1: 1, 2, 3
       Column 2: 4, 5, 6
       Column 3: 7, 8, 9------*/

.Mobile-Menu-Content li {
    margin-bottom: 4em;
    color: #000000;
    line-height: 1;
    position: relative;
  box-sizing: border-box;
}



.Mobile-Menu-Content li a {
    text-decoration: none;
    color: #000000;
    position:relative;
}

.Mobile-Menu-Content li a:after {
	  content: "";
    width: 0;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}

.Mobile-Menu-Content li:hover a:after {
	opacity: 1;
width:100%;
}

/*.Mobile-Menu-Content li a:hover { opacity: 1; }
.Mobile-Menu-Content:hover a { opacity: 0.3; }*/

.Mobile-Menu-Content li.current-menu-item a:after, .Mobile-Menu-Content li.current-page-ancestor a:after {
    content: "";
    width: 100%;
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
opacity: 1;
}

/*------RESPONSIVE-------*/


@media screen and (max-width: 960px) {
     .Mobile-Menu-Content li { margin-bottom: 6vh;}
}

@media screen and (max-width: 600px) {
	.Mobile-Menu-Content ul {font-size: 110%;}
}


/*/////////////////Mobile Menu ENDS///////////////////*/



/*/////////////////.work-card, - (removed #footer) - single-portfolio ///////////////////*/

.work-card.visible, .single-portfolio.visible {
  opacity: 1;
}
.work-card, .single-portfolio {
  opacity: 0;
  transition: opacity 0.8s ease;
}

/*/////////////////.work-card, #footer, single-portfolio ENDS///////////////////*/


/*/////////////////sold dot///////////////////*/
.fluffy-sold .entry-title {position:relative !important; }
.fluffy-sold .entry-title:after {content:""; display:inline-block; width: 6px; height: 6px; background-color:#e60a0a;  border-radius: 50%; margin-left: 4px; position:relative; bottom: 2px;}
/*/////////////////sold dot ENDS///////////////////*/


/*///////////////news archive page/////////////*/

/*width*/
body.archive.category-latest-news #primary {margin-left: calc(115px - 1vw); width: 100%; max-width: calc(100% - 80px);}
@media screen and (max-width: 1360px) {
	body.archive.category-latest-news #primary {margin-left: calc(115px - 2vw); width: 100%;}
}
@media screen and (min-width: 2160px) {
	body.archive.category-latest-news #primary {margin-left: calc(115px - .1vw);}
}

body.archive {overflow-x:hidden;}

/*wp-block-image*/
body.archive.category-latest-news .hentry .entry-content .wp-block-image {min-width:100%; margin: 0 0 1em 0 !important; pointer-events:none;}


/*title*/
body.archive.category-latest-news .format-standard .entry-title {
  font-size: 75% !important; text-align:left; pointer-events:none;
}

@media screen and (max-width: 860px) {
	body.archive.category-latest-news .format-standard .entry-title {font-size: 100% !important; text-align:left; pointer-events:none;}
	
}

/*bc-news-caption*/
body.archive.category-latest-news .bc-news-caption {font-size: 85%; margin-top: -.5em !important; display:block;}

@media screen and (max-width: 860px) {
	body.archive.category-latest-news .bc-news-caption {font-size: 100% !important;}
	
}

/*entry-content*/
body.archive.category-latest-news .hentry .entry-content p, body.archive.category-latest-news .hentry .entry-content div, body.archive.category-latest-news .hentry .entry-content h3.wp-block-heading {font-size:90% !important; text-align:left;}
body.archive.category-latest-news .hentry .entry-content h3.wp-block-heading {line-height: 1.1; font-style:italic;}
body.archive.category-latest-news .hentry .entry-content figcaption {font-size: 85%; margin-top: .5em; font-style:italic;}
body.archive.category-latest-news .hentry .entry-content p {margin-bottom: 1em;}

/*line and padding*/
body.archive.category-latest-news .hentry {position:relative;}
body.archive.category-latest-news .hentry:before {content: ""; display:block; margin-bottom: 1em; width: 100%; max-width: calc(100% - 30px); margin-left: auto; margin-right: auto;height: 1px; background-color: #ccc;}
body.archive.category-latest-news .hentry.category-latest-news {padding-bottom: 2em !important;}

/*single .hentry at 600px?*/

@media screen and (max-width: 930px) {
	body.archive.category-latest-news #primary {margin-left: calc(115px - 6vw);}
}

@media screen and (max-width: 860px) {
	body.archive.category-latest-news .hentry {width: 100% !important; max-width: calc(100% - 10px) !important; margin-left: auto !important; margin-right: !important;}
	body.archive.category-latest-news .hentry:before {max-width: calc(100% - 10px);}
	body.archive.category-latest-news #primary {margin-left: auto; margin-left: auto; width: 100%; max-width: calc(100% - 10px);}
}

/*///////////////news archive page ENDS/////////////*/



/*///////////beth-row/////////*/

.beth-row {margin-bottom: 160px;}
.beth-row .vc_column-inner {padding-left: 0 !important; padding-right: 0 !important;}

@media screen and (max-width: 1280px) {
	.beth-row .vc_column-inner {padding-left: 13px !important; padding-right: 13px !important;}
	.beth-row .bcs-single-media-footer .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important;}
	.beth-row {margin-bottom: 100px;}
}

@media screen and (max-width: 600px) {
	.beth-row {margin-bottom: 60px;}
	.beth-row .bcs-single-media-footer .vc_column-inner {padding-left: 3px !important; padding-right: 3px !important;}
}

/*///////////beth-row ENDs/////////*/


/*///////////bcs-narrow-quote/////////*/

.bcs-narrow-quote p {font-size: 165%; font-family: "mrs-eaves-xl-serif", serif; position:relative;}
/*.bcs-narrow-quote p:before {content:"“"; position: absolute; left: -.5em; top: -2px; font-size: 110%;}*/

/*@media screen and (max-width: 1280px) {
	.bcs-narrow-quote p:before {top: -.75em; left: -2px;}
}*/

/*///////////bcs-narrow-quote ENDS/////////*/


/*///////////bcs-large-quote///////////*/

.bcs-narrow-column.bcs-large-quote {max-width: 1280px;}
.bcs-large-quote p {font-size: 230% !important; position:relative; margin-bottom: .5em; font-family: "mrs-eaves-xl-serif", serif;}
/*.bcs-large-quote p:before {content:"“"; position: absolute; left: -.5em; top: -2px; font-size: 110%;}*/

@media screen and (max-width: 1280px) {
	.bcs-narrow-column.bcs-large-quote {max-width: 1054px; margin-left:auto !important; margin-right: auto !important;}
	/*.bcs-large-quote p:before {left: 0; top: -.66em;display:block;}*/
	.bcs-large-quote p {font-size: 154% !important;}
}

@media screen and (max-width: 1054px) {
	.bcs-narrow-column.bcs-large-quote {max-width: calc(100% - 26px); margin-left:auto !important; margin-right: auto !important;}
}

/*///////////bcs-large-quote///////////*/


/*wide-h2*/
.wide-h2 {width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto;}
.wide-h2 h2 {font-weight: 800 !important; font-family: "mrs-eaves-xl-serif", serif;}

@media screen and (max-width: 1280px) {
	.wide-h2 {max-width: 1054px; margin-left:auto !important; margin-right: auto !important; margin-bottom: 2em !important;}
}

@media screen and (max-width: 1054px) {
	.wide-h2 { max-width: calc(100% - 30px);}
}


/*wide 2 ENDS*/


/*///////////simple-text-page/////////*/

.simple-text-page {margin-top: 46px;}

/*///////////simple-text-page ENDs/////////*/

/*///////////simple-text-page/////////*/

.simple-image-page {margin-top: 46px;}

/*///////////simple-text-page ENDs/////////*/


/*///////////////slimmer at the top for responsive//////////////*/


@media screen and (max-width: 1640px) {
/*hamburger position*/
	.mobileIconToggle {top: 39px; right: 20px;}
/*header height*/
#bcs-header {height: 90px;}
/*logo position*/
.bcs-header-logo {top: 34px}
/*works menu top*/
#bcs-works-menu {top: 50px;}
/*works archive top margin*/
#primary.works-archive {margin: 72px auto 0 auto;}
/*single works container top padding*/
body.single-portfolio #container {
  padding: 60px 0 0px 0;
}
/*single works pagination*/
.single-portfolio ul.pagination {
  padding: 15px 0 0 0 !important;
	margin: 0 !important;
}
/*narrow column*/
	.bcs-narrow-column {margin-bottom: 2em !important;}
	.bcs-narrow-column.socials {margin-bottom: 3em !important;}
	/*narrow column h2*/
	.bcs-narrow-column h2 {margin: 0em 0 1.5em 0 !important;}
/*body.single #bcs-works-menu li*/
	#bcs-works-menu li {font-size: 85%}
/*simple-text-page*/
	.simple-text-page {margin-top: 62px;}
	/*simple-image-page*/
	.simple-image-page {margin-top: 15px;}
	/*news-insta*/
	a.news-insta {top: 38px !important;}
}


@media screen and (max-width: 600px) {
	.mobileIconToggle {width: 29px; right: 15px;}
}


/*slimmer at the top for responsive ENDS*/



/*///////////////////Footer//////////////////////*/
#footer {padding: 0; font-size: 100%; }

#bcs-footer-menu {width: 100%; max-width: calc(100% - 32px) !important; margin: 0 auto; border-top: 1px solid #ccc; padding: 190px 0 138px 0;}
body.single-portfolio #bcs-footer-menu {border-top: 0px none;}

ul#bcs-footer-menu {border-top: 0 !important; padding:0; text-align:center; width: 100%;max-width: 1600px !important; margin: 0 auto; font-family: "mrs-eaves-xl-serif", serif; font-weight: 700;}

/* menu items in 3 columns and re-ordered*/
@media screen and (min-width: 767px) {
	
	/*columns*/
	ul#bcs-footer-menu {
		display: flex;
    flex-wrap: wrap;
    list-style: none;
	}
	/*order*/
	ul#bcs-footer-menu  li:nth-child(1) { order: 1; }
ul#bcs-footer-menu  li:nth-child(2) { order: 4; }
ul#bcs-footer-menu  li:nth-child(3) { order: 7; }
ul#bcs-footer-menu  li:nth-child(4) { order: 2; }
ul#bcs-footer-menu  li:nth-child(5) { order: 5; }
ul#bcs-footer-menu  li:nth-child(6) { order: 8; }
ul#bcs-footer-menu  li:nth-child(7) { order: 3; }
ul#bcs-footer-menu  li:nth-child(8) { order: 6; }
ul#bcs-footer-menu  li:nth-child(9) { order: 9; }
	/*column widths*/
	ul#bcs-footer-menu li {width: calc(100% / 3); /* each column gets 1/3 width */}
}
/* menu items in 3 columns and re-ordered ENDS*/

/* KEEP THIS LEGEND -----Column 1: 1, 2, 3
       Column 2: 4, 5, 6
       Column 3: 7, 8, 9------*/


#bcs-footer-menu li {margin: 0 0 5em 0; font-size: 90%; letter-spacing: 0.01em; break-inside: avoid; -webkit-column-break-inside: avoid;}
#bcs-footer-menu li a, #bcs-footer-menu li a:visited {color: #000000;}

/*responsive*/

@media screen and (max-width: 767px) {
	#bcs-footer-menu { padding: 80px 0 80px 0;}
	#bcs-footer-menu li {margin: 0 0 2.5em 0;}
	ul#bcs-footer-menu {}
}

/*signposting and hover*/

#bcs-footer-menu li a {position:relative;}

#bcs-footer-menu li a:after {
	  content: "";
    width: 0;
    max-width: 18px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}


#bcs-footer-menu li:hover a:after {
	opacity: 1;
width:100%;
}


#bcs-footer-menu li.current-menu-item a:after, #bcs-footer-menu li.current-page-ancestor a:after {
    content: "";
    width: 100%;
    max-width: 18px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
opacity: 1;
}

/*on single works*/

body.single-portfolio #bcs-footer-menu li:nth-of-type(1) a:after {
	content: "";
    width: 100%;
    max-width: 18px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
opacity: 1;
}



#bcs-birdshit-menu {margin-bottom: 138px; font-size: 70%;}
#bcs-birdshit-menu li {text-align:center; display:inline-block; width: 24.25%;  box-sizing: border-box; vertical-align: top;}


@media screen and (max-width: 550px) {
	#bcs-birdshit-menu {font-size: 80%; margin-bottom: 70px !important;}
	#bcs-birdshit-menu li:nth-of-type(1) {text-align:left; width: 22%;}
	#bcs-birdshit-menu li:nth-of-type(2) {text-align:left; width: 30%}
	#bcs-birdshit-menu li:nth-of-type(3) {text-align:left; width: 25%;}
	#bcs-birdshit-menu li:nth-of-type(4) {text-align:right; width: 15%}
}

@media screen and (max-width: 400px) {
	#bcs-birdshit-menu {font-size: 75%;}
}

@media screen and (max-width: 1600px) {
	#bcs-birdshit-menu {max-width: calc(100% - 13vw); margin: 0 auto 138px auto;}
}

#bcs-birdshit-menu a {min-height: 32px;}
#bcs-birdshit-menu .topper a {position:relative; font-style:italic;}
#bcs-birdshit-menu .topper a:after {content:""; width: 12px; height: 18px; background: url("/wp-content/themes/gridlocked/images/tall-arrow.svg"); background-repeat:no-repeat; background-size: contain; background-position:center; position:absolute; right: -15px; top: -4px;}

.bcs-copyright, .al-credit {font-size: 60%; margin-bottom: 44px;}

.bcs-copyright {float:left; position:relative; left: 18px;}
.al-credit {float:right; position:relative; right: 18px;}
.al-credit a:after {content:"";display:inline-block; width: 9px; height: 9px; border: 3px solid;box-sizing: border-box; transform:rotate(45deg); margin-left: 6px}

/*///////////////////Footer ENDS//////////////////////*/





/*/////////navigation pagination - temp//////////*/

.navigation.pagination {width: 100%; text-align:center; margin-top: 138px}
.navigation.pagination h2 {display:none;}
.navigation.pagination .nav-links {font-size: 80%}
.navigation.pagination .page-numbers {margin: 0 1em;}

@media screen and (max-width: 600px) {
	.navigation.pagination .page-numbers {margin: 0 .5em;}
}
.navigation.pagination .page-numbers {position:relative;}
.navigation.pagination .page-numbers.current:after {}


.navigation.pagination .page-numbers.current:after {
	  content: "";
    width: 0;
    max-width: 18px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}


.navigation.pagination .page-numbers.current:after {
	opacity: 1;
width:100%;
}

@media screen and (max-width: 768px) {
	.navigation.pagination .nav-links {font-size: 100%}
}



/*////////navigation pagination - temp ENDS//////////*/



/*////////bcs-1280-video////////*/

.bcs-1280-video {width: 100%; max-width: 1280px; margin-left: auto !important; margin-right: auto !important;}
/*1280 to 1080*/
@media screen and (max-width: 1640px) {
	.bcs-1280-video {max-width: 1080px;}
}

/*////////bcs-1280-video////////*/






/*///////////.beth-row.beth-slider///////////*/

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {background:none transparent !important;}

.beth-row.beth-slider {
  width: 100%;
  max-width: calc(100% - 32px) !important;
  margin: 0 auto 140px auto !important;
}

@media screen and (max-width: 1800px) {
	.beth-row.beth-slider {margin:  0 auto 80px auto !important;}
}


@media screen and (max-width: 1280px) {
	.beth-row.beth-slider {max-width: 100% !important; margin:  0 auto 60px auto !important;}
}

.beth-slider .rsUni {max-height: 76vh !important;}

@media screen and (max-width: 1280px) {
	.beth-slider .rsUni  {min-height: 76vh !important;}
}
@media screen and (max-width: 600px) {
	.beth-slider .rsUni  {min-height: 66vh !important;}
}
@media screen and (max-width: 400px) {
	.beth-slider .rsUni  {min-height: 64vh !important;}
}

@media screen and (max-width: 500px) {
	body.page-child .beth-slider .rsUni {min-height: 62vh !important;}
}

.beth-slider .rsBullets {
position:absolute !important;
  bottom: 15px !important;
  right: 15px !important;
 width: 100px !important;
  height: auto;
  margin: 0 auto;
  text-align: right !important;;
}

.beth-slider .rsBullet {padding: 8px !important}

.beth-slider .rsBullet span {border-radius: 0 !important; width: 5px !important; height: 5px !important; background-color: rgba(255,255,255,.5) !important; cursor:pointer !important;}
.beth-slider .rsBullet span:hover {background-color: rgba(255,255,255,1) !important}
.beth-slider .rsBullet.rsNavSelected span {background-color: rgba(255,255,255,1) !important}


/*///////////.beth-row.beth-slider ENDS///////////*/



/*///////////////.page-template-template-full-width///////////////*/

.page-template-template-full-width.page .entry-content {  padding: 0 0 30px 0 !important; }


/*///////////////.page-template-template-full-width///////////////*/





/*space at the top of category-latest-news*/

body.category-latest-news #container {margin-top: 53px;}

@media screen and (max-width: 810px) {
	body.category-latest-news #container {margin-top: 80px;}
}

/*space at the top of category-latest-news ENDS*/


/*/////////////////Enquiries///////////////////////*/

a.enquiries-link, a.enquiries-link:visited, a.enquiries-link:hover, a.enquiries-link:active, a.enquiries-link:focus {font-style: italic; padding: .5em 1.5em !important; font-family: "mrs-eaves-xl-serif", serif; background: none transparent; border: 1px solid #000000 !important; cursor: pointer; margin-top: .25em !important; font-size: 90%; letter-spacing: 0.04em; display:inline-block;opacity: 1;}
a.enquiries-link:hover {opacity: 0.7 !important; transition: opacity .3s ease;}

#enquiries {background: #F5F5F5; width: 100%; padding-top: 8em; float:left; display:block; padding-bottom: 8em;}

@media screen and (max-width: 768px) {
	#enquiries {padding-top: 6em; padding-bottom: 4em;}
}

#enquiries p {text-align:center; font-size: 90%; line-height: 1.2; font-style:italic; font-family: "mrs-eaves-xl-serif", serif; font-size: 90%; letter-spacing: 0.01em;}

.wpcf7 {width: 100%; max-width: 440px; margin-left: auto; margin-right: auto;}

@media screen and (max-width: 470px) {
	.wpcf7 {max-width: calc(100% - 30px); margin-left: auto; margin-right: auto;}
}
.wpcf7-form {margin-top: 4em}
.wpcf7-form p {margin-bottom: 1em; text-align:left !important;}
.wpcf7 span input, .wpcf7-form-control.wpcf7-textarea {width: 100%; padding: .75em; font-size: 95%;}
.wpcf7 label {display:block; margin-bottom: -.5em; font-size: 95%; font-style:normal; font-family: "mrs-eaves-xl-serif-narrow", serif;}
.wpcf7-submit {font-style: italic; padding: .5em 1.5em; font-weight: 400; background: none transparent; border: 1px solid #000000; cursor: pointer; margin-top: 3em; font-family: "mrs-eaves-xl-serif", serif; font-size: 85%; letter-spacing: 0.04em;}
.wpcf7-submit { text-align:center !important; display:block !important; width: 100% !important; max-width: 90px !important; margin-left: auto; margin-right: auto;}

/*errors etc*/

.wpcf7-not-valid-tip {
  font-size: 90% !important; color: #6d6d6d !important; position:relative; top: .25em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {
  border-color: rgba(255,255,255,0) !important;
	margin: 3em 0em 1em !important;
  padding: 0em 0;
font-size: 90%; font-style:italic; color: #6d6d6d;
	text-align:center;
}
/*/////////////////Enquiries ENDS//////////////////*/

/*////////////////Override min-height on #content///////////////*/
/* remove any forced min-height on #content */
#content {
  min-height: 0 !important;
}

/* if the theme uses min-height: 100% / 100vh behaviour you may want */
html, body {
  min-height: auto !important;
}
/*////////////////Override min-height on #content///////////////*/


/*///////single works sidebar navigator////////*/


#single-sidebar {position: absolute;right: 8vw; overflow:hidden; top: 214px;}
@media screen and (max-width: 1700px) {
	#single-sidebar {right: 30px;}
}
@media screen and (max-width: 1700px) {
	#single-sidebar {right: 0;}
}
@media screen and (max-width: 1280px) {
	#single-sidebar {position:relative; top: -120px; left: 0; right: 0; width: 100%; text-align:center;  margin: 0 auto !important;}
	#single-sidebar .navigation {width:100% !important; max-width: 100px; margin: 0 auto !important;}
	#single-sidebar .single-page-navigation {transform:translateX(-3px);}
}


#single-sidebar .portfolio-link a .icon, #single-sidebar .portfolio-link a .icon:hover {
	margin: 5px 5px 0 15px !important;
  display: block;
  background-position: center !important;
  background-image: url("/wp-content/themes/gridlocked/images/rubik-15.svg") !important;
  background-size:contain;
  width: 16px;
  height: 16px;
background-repeat:no-repeat;
}

.single-page-navigation a, .single-page-navigation a:hover {background-color: rgba(255,255,255,0) !important;}

.single-page-navigation a .arrow {width: 24px; height: 9px; background-repeat:no-repeat;}

.single-page-navigation .nav-previous a .arrow, .single-page-navigation .nav-previous a .arrow:hover {
  background-image: url("/wp-content/themes/gridlocked/images/short-left-arrow.svg") !important;
  background-position:top left !important; 
}

.single-page-navigation .nav-next a .arrow, .single-page-navigation .nav-next a .arrow:hover {
  background-image: url("/wp-content/themes/gridlocked/images/short-right-arrow.svg") !important;
	background-position:top right !important;
transform:translateX(10px);
}



/*///////single works sidebar navigator ENDS////////*/


/*//////news-insta on category-template/////*/
a.news-insta {display:block; position:absolute; top: 58px; left: 30px; font-size: 90%;}
a.news-insta img {width:18px; margin-right: 6px;}

@media screen and (max-width: 860px) {
	a.news-insta {top: 100px !important; left: 50%; transform:translateX(-50%); font-size: 100%;}
}





/*-----------------------------------------Media page-----------------------------------------------*/



/*bcs-media-section width & padding*/

.bcs-media-section { max-width: 1560px !important; width: 100%; margin: 0 auto !important;}

@media screen and (max-width: 1560px) {
    .bcs-media-section {max-width: calc(100% - 60px) !important;}
}

@media screen and (max-width: 1024px) {
    .bcs-media-section {max-width: calc(100% - 30px) !important; padding-left: 0 !important; padding-right: 0 !important;}
}

.bcs-media-section .vc_column_container > .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}

/*bcs-media-row width & padding ENDS*/



/*bcs-media-section img*/

.bcs-media-section img {height:auto; position:relative;}

/*bcs-media-section img ENDS*/

.bcs-media-section .bcs-media-item {margin-bottom: 60px !important;}

@media screen and (max-width: 600px) {
.bcs-media-section .bcs-media-item	{margin-bottom: 40px !important;}
}

/*bcs-media-item p*/

.bcs-media-item p {margin-bottom: 0;}


/*bcs-media-section h3*/

.bcs-media-section h3 {margin-top: .5em;}

/*bcs-media-section h1 ENDS*/

/*bcs-media-footer-title*/

.bcs-media-footer-title h2 {text-align:center; margin-bottom: 5em !important; font-family: "mrs-eaves-xl-serif", serif; font-style: italic; font-size: 100%;}

/*bcs-media-footer-title ENDS*/


/*bcs-single-media-footer*/

.bcs-single-media-footer {width:100% !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 0; padding-bottom: 0; padding-left: 0 !important; padding-right:  0 !important;}
.bcs-single-media-footer {transform:translateX(.5%)}

@media screen and (max-width: 1280px) {
    .bcs-single-media-footer {max-width: calc(100% - 20px) !important;}
}

.bcs-single-media-footer .vc_column_container > .vc_column-inner {
  padding-left: 5px;
  padding-right: 5px;
}

.bcs-single-media-footer h1 {margin-top: .5em; font-size: 80%;}

.bcs-single-media-footer .bcs-media-item {
  margin-bottom: 1.5em !important;
}

/*bcs-single-media-footer ENDS*/
@media screen and (min-width: 768px) {
.bcs-single-media-footer .bcs-media-item {width: 32% !important; display:inline-block; vertical-align:top; margin-right: 1% !important;}
.bcs-single-media-footer .bcs-media-item:nth-child(3n+3) {margin-right: 0 !important;}
}

@media screen and (max-width: 767px) {
    .bcs-single-media-footer h3 {}
    .bcs-single-media-footer .bcs-media-item {width: 48%; display:inline-block; vertical-align:top; margin-right: 2%;}
    .bcs-single-media-footer .bcs-media-item:nth-child(2n+2) {margin-right: 0}
}

/*currently viewing*/

.currently-viewing {position:relative;}

.currently-viewing a.bcs-video-image:after {display:none;}

.currently-viewing img {opacity: .2;}

.currently-viewing h1 {opacity:.3;}

.currently-viewing:after {content:"Currently viewing"; display:block;position:absolute; top: 45%; left: 50%; transform:translate(-50%,-45%); width: 100%; text-align:center; margin: auto !important; font-size: .8em; color: #000000; pointer-events:none}

@media screen and (max-width: 1280px) {
    .currently-viewing:after {top: 8vw; left: 50%; transform:translate(-50%,0vw); }
}

@media screen and (max-width: 768px) {
    .currently-viewing:after {top: 11.4vw; font-size: .6em;}
}

@media screen and (max-width: 600px) {
    .currently-viewing:after {top: 10.8vw;}
}

/*-----------------------------------------Media page ENDS-----------------------------------------------*/



/*-----------------------------------------Media buttons over the top-------------------------------------*/

/*eys-video-image puts play button over the top*/

a.bcs-video-image {display:inline-block;width: 100%; position:relative; border-bottom: 0 !important;}

a.bcs-video-image:after {content: ""; width: 50px; height: 31px; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);  display:block; transition:all .3s ease; font-size: 20px; line-height:inherit; padding: 0; background:url("/wp-content/themes/gridlocked/images/bcs-video-button.svg"); background-position: center; background-repeat:no-repeat;background-color:rgba(0,0,0,.3); border-radius: 2px; background-size: 14px;}
a.bcs-video-image:hover:after {background-color:rgba(0,0,0,.4);}

/*audio-piece*/

a.bcs-video-image.audio-piece:after {background:url("/wp-content/themes/gridlocked/images/bcs-audio-button.svg"); width: 50px; height: 31px; background-position: center; background-repeat:no-repeat; background-color:rgba(0,0,0,.3); border-radius: 2px; background-size: 10px;}
a.eys-video-image.audio-piece:hover:after {background-color:rgba(0,0,0,.4);}


/*-----------------------------------------Media buttons over the top ENDS-------------------------------------*/


/*-------audio-video-text------------*/


.audio-video-text {text-align:center; margin-bottom: 150px !important}


.audio-video-text h1 {font-size: 110% !important; margin: 4em auto 1em}
.audio-video-text p {width: 100%; line-height: 1.3; max-width: 650px; margin: 0 auto; font-size: 90%;}

@media screen and (max-width: 600px) {
	.audio-video-text {margin-bottom: 100px !important;}
	.audio-video-text h1 {margin: 3em auto 1em}
}

/*-------audio-video-text ENDS------------*/



/*-----------------------------------------Mougins Map-------------------------------------*/


#works-in-situ {padding-top: 2em;}



#works-in-situ .wide-h2 {position:relative; z-index: +1}

.mougins-map {
position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  aspect-ratio: 1 / 1; /* keep square (modern browsers) */
  overflow: hidden;}

/*scale it?*/

@media screen and (max-width: 1630px) {
	.mougins-map {transform:scale(.8) translateY(-30vh); transform-origin:top;}
}
.mougins-map {/*! transform:scale(1.1); */}

img.mougins-map-graphic {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* or cover depending on artwork */
  display: block;
  user-select: none;
  pointer-events: none;}

.mougins-map a.pin, .mougins-map a.pin:hover {width: 28px; height: 28px; display:inline-block !important; border-bottom: 0 !important;
	background:url("/wp-content/themes/gridlocked/images/map-bg.svg") !important; font-size: 12px; text-align:center; line-height: 28px !important; text-decoration:none; background-size:contain !important; z-index: 2; position:absolute; color: #fff; padding: 0 !important; background-repeat:no-repeat;}
.mougins-map a.pin:hover {opacity:.5;}

.mougins-map a.pin.info-centre {font-size: 26px; width: 36px; height: 36px; line-height: 35px !important; padding-left: 2px}

#pin-1 {top: 80.276%; left: 45.258%;}
#pin-2 {top: 81.089%; left: 60.733%;}
#information-centre {top: 81.089%; left: 64.733%; font-style: italic;}
#pin-3 {top: 70.413%; left: 71.612%;}
#pin-4 {top: 64.617%; left: 71.612%;}
#pin-5 {top: 63.194%; left: 75.781%;}
#pin-6 {top: 57.703%; left: 72.019%;}
#pin-7 {top: 58.212%; left: 74.358%;}
#pin-8 {top: 48.547%; left: 73.06%;}
#pin-9 {top: 45.408%; left: 76.327%;}
#pin-10 {top: 42.238%; left: 76.199%;}
#pin-11 {top: 43.262%; left: 80.266%;}
#pin-12 {top: 40.156%; left: 78.601%;}
#pin-13 {top: 35.576%; left: 73.669%;}
#pin-14 {top: 27.953%; left: 58.2%;}
#pin-15 {top: 27.92%; left: 54.132%;}
#pin-16 {top: 29.17%; left: 50.577%;}
#pin-17 {top: 26.55%; left: 50.604%;}
#pin-18 {top: 37.587%; left: 43.312%;}
#pin-19 {top: 54.834%; left: 45.283%;}
#pin-20 {top: 41.529%; left: 42.819%;}
#pin-21 {top: 47.639%; left: 65.091%;}
#pin-22 {top: 63.703%; left: 48.732%;}
#pin-23 {top: 64.503%; left: 56.358%;}
#pin-24 {top: 64.9%; left: 58.7%;}
#pin-25 {top: 64.655%; left: 62%;}
#pin-26 {top: 64.316%; left: 64.512%;}
#pin-27 {top: 64%; left: 67%;}

@media screen and (max-width: 1024px) {
	#works-in-situ .wide-h2 h2 {position:relative; z-index: +1;}
	.mougins-map {transform:translateX(-30vw) scale(2.2); transform-origin: center; margin-top: 60vw !important; margin-bottom: 30vw !important;}
	.mougins-map a.pin {transform:scale(.5);}
	img.mougins-map-graphic {transform:scale(1.04);}
}

@media screen and (max-width: 600px) {
	#works-in-situ {margin-top: -4em;}
	.mougins-map {transform:translate(-34vw, -60px) scale(2.2);}
	.mougins-map a.pin {transform:scale(.4);}
	img.mougins-map-graphic {transform:translate(1vw, 1vw) scale(1.03);}
}


/*map-legend*/

.map-legend {margin-top: 3em; z-index: +1; position:absolute; left: 0; top: 0;}
.map-legend-icon {background:url("/wp-content/themes/gridlocked/images/map-bg.svg") !important; font-size: 16px; text-align:center; width: 34px; height: 34px;line-height: 34px !important; text-decoration:none; background-size:contain !important; z-index: 2; position:absolute; color: #fff; padding: 0 !important; background-repeat:no-repeat;}
.map-legend p {color: #000 !important; position:relative; left: 2.5em !important; top: .5em !important;font-size:85%; left:40px; top: .25em; font-style: italic; letter-spacing: 0.03em;}
@media screen and (max-width: 1280px) {
	.map-legend p {left: 2.8em !important; top: .45em !important;font-size: 92%}
}

/*-----------------------------------------Mougins Map ENDS-------------------------------------*/





/*-----------------------------------------Mougins works exhibited-------------------------------------*/


#works-exhibited {padding-top: 2em; margin-bottom: 115px;}

@media screen and (max-width: 1800px) {
	#works-exhibited { margin-bottom: 0;}
}

@media screen and (max-width: 1280px) {
	#works-exhibited {padding-top: 14em; margin-bottom: 0;}
}

@media screen and (max-width: 600px) {
	#works-exhibited {padding-top: 2em;}
}
#works-exhibited h2 {position:relative; width: 100%;}

#works-exhibited h2:after {border-bottom: 1px solid #ccc; content: ""; display:block; position:relative; top: 4em}

@media screen and (max-width: 768px) {
	#works-exhibited h2:after {top: 2em}
}



/*-----------------------------------------Mougins works exhibited-------------------------------------*/



/*-----------------------------------------works-row-------------------------------------------*/

/*padding top*/
.works-row {padding-top: 2em;}
/*width*/
.works-row {width: 100%; max-width: 1280px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 8em;}

@media screen and (max-width: 1800px) {
	.works-row {margin-bottom: 2em; padding-top: 1em;}
}


@media screen and (max-width: 1280px) {
	.works-row {padding-left: 0 !important; padding-right: 0 !important;}
}


/*----floats----*/
@media screen and (min-width: 768px) {
	.work-image, .work-text {display:inline-block;}
	.work-image {width: 50%;}
	.work-text {width: 36%; position:absolute;top: 50%; transform:translateY(-50%);}
  .works-row:nth-of-type(odd) .work-image {float:right;}
	.works-row:nth-of-type(odd) .work-text {padding-left: 9vw}
	.works-row:nth-of-type(even) .work-text {right: 0}

}

@media screen and (min-width:1280px) {
	.works-row:nth-of-type(odd) .work-text {padding-left: 3vw}
}

@media screen and (max-width: 1280px) {
	.works-row:nth-of-type(odd) .work-image {padding-right: 15px !important;}
	.works-row:nth-of-type(even) .work-image {padding-left: 15px !important;}
}

@media screen and (max-width: 767px) {
	.works-row:nth-of-type(odd) .work-image {padding-right: 0 !important;}
	.works-row:nth-of-type(even) .work-image {padding-left: 0 !important;}
	.works-row {margin-bottom: 4em;}
	.work-image, .work-text {text-align:center;}
	.work-text {margin-top: 2em;}
}


/*----floats ENDS----*/

/*work-text*/
.work-text {font-size: 80%;}
.work-text h2 {font-size: 115%; font-style:italic; font-family: "mrs-eaves-xl-serif", serif; margin-top: 1.2em !important; margin-bottom: .66em;}
.work-text p {margin-bottom: 1em; line-height: 1.2;}
.more-images, .more-images:visited, .more-images:active, .more-images:hover {font-style:italic; font-size: 92%; letter-spacing: 0.05em; display:inline-block; position:relative; margin-top: .25em !important; padding: .3em 0 !important; }
.more-images:hover {opacity: .7}
.more-images:after {content:""; width: 40px; height: 9px; background: url("/wp-content/themes/gridlocked/images/short-right.svg"); background-position: center right; background-size:contain; background-repeat:no-repeat; display:inline-block; position:relative; top: 2px;}

/*work-image*/
.work-image.wip-image {opacity: 0.2}

@media screen and (max-width: 767px) {
	.work-text h2 {font-size:110%;}
	.work-text {font-size: 90%;}
}

@media screen and (max-width: 600px) {
	.work-text {font-size: 100%;}
}

/*scale work-image for laptops*/
@media screen and (max-width: 1624px) {
	.work-image img {transform:scale(.8);}
}
@media screen and (max-width: 768px) {
	.work-image img {transform:scale(1);}
}

/*back-to-map*/
.back-to-map, a.back-to-map:hover {display:inline-block; margin: .25em 0 0 2em !important; position:relative; padding: .3em 0 !important; opacity: 1; font-style:italic; font-size: 92%; letter-spacing: 0.05em;}
a.back-to-map:after {content:"" !important;display:inline-block; width: 9px; height: 16px; background: url("/wp-content/themes/gridlocked/images/short-top.svg"); background-repeat:no-repeat; margin-left: 1em; background-size: contain; background-position:center;}
@media screen and (max-width: 767px) {
	a.back-to-map {margin-left: 1.5em !important}
}
a.back-to-map:hover {opacity: 0.7;}


/*-----------------------------------------works-row ENDS-------------------------------------------*/



/*-----------------------------------------#eu-cookie-bar-------------------------------------------*/

#eu-cookie-bar {background-color:rgba(255,255,255,.9) !important; padding: 1em 0 1em 0!important; color: #000 !important; font-size: 75% !important}

#eu-cookie-bar, #eu-cookie-bar a {
	color: #000 !important;}

@media screen and (min-width: 768px) {
		#eu-cookie-bar {text-align:right !important;}
}

button#euCookieAcceptWP {margin: 0 20px 0 5px !important; font-size: 100% !important}

@media screen and (max-width: 600px) {
	button#euCookieAcceptWP {margin: 0 0px 0 5px !important;}
}


@media screen and (max-width: 500px) {
	#eu-cookie-bar {padding: 2em 0 2em 0!important; font-size:85% !important}
}
#eu-cookie-bar button {border-radius:0 !important;padding: 0em 0em .05em !important; background-color:rgba(255,255,255,0) !important; font-weight: 400 !important; color: #000 !important; border-bottom: 1px solid !important;}

/*-----------------------------------------#eu-cookie-bar ENDS-------------------------------------------*/


/*additional styling for privacy-policy page*/
body.privacy-policy h2 {font-size: 95%; margin: 2em 0 1em 0 !important;}
body.privacy-policy h3 {font-weight: 600; font-size: 90%;margin: 1em 0 .5em 0 !important;}
body.privacy-policy p {font-size: 90%; margin: 0em 0 .5em 0 !important;}
/*additional styling for privacy-policy page ENDS*/


/*404*/

body.error404 #content {min-height: 90vh !important}

body.error404 #bcs-header:after {display:block; position:absolute; top: 15vh; left: 50%; width: 100%; max-width: 300px; transform:translateX(-50%);height: 400px; content:"Sorry, page not found, click the logo above to return to the homepage.";
font-size: 90%; background: url("/wp-content/themes/gridlocked/images/bc-404.jpg"); background-size: 70%; background-position:center bottom; background-repeat:no-repeat;}

/*404 ENDS*/