@charset "UTF-8";
/* CSS styles
Theme URI: https://www.standpointlondon.co.uk
*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-external-link:before{content:"\f08e";margin-left:2px}
.fa-facebook:before {content: "\f09a"}
.fa-twitter:before {content: "\f099"}
.fa-instagram:before {content: "\f16d"}
.fa-angle-left:before {content: "\f104";margin-right:3px}
.fa-angle-right:before {content: "\f105"}
.btn .fa-angle-right:before {font-size:1.5em;margin-left:7px;position:relative;top:2px}
.fa-angle-up:before {content: "\f106";font-size:1.5em;position:relative;top:.25em}
.fa-download:before {content: "\f019"}

.fa-long-arrow-right:before {content: "\f178"}
.fa-long-arrow-right:before {font-size:1em;margin-left:7px;position:relative;top:-2px}

.fa-facebook,.fa-instagram,.fa-twitter {font-size:2em;color:#686868;vertical-align: -8%;margin-right:25px}
.fa-facebook:hover,.fa-instagram:hover,.fa-twitter:hover {color:#383030}


.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}



/* GLOBAL
------------------------ */
html {font-size: 1rem;line-height: 1.15}

body {
	font-family: Helvetica, sans-serif;
	font-size: 1rem;
	line-height:1.5;
	color: #333;
	font-weight: 300
}


.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}
.d-block{display:block!important}

.visually-hidden {
  position: absolute;
  left: -9999px;
}


section h2 {
  margin-bottom: 1rem;
}





/* TYPOGRAPHY
------------------------------------------------------------ */ 

/* TYPOGRAPHY — HEADINGS (clean system) */

h1, h2, h3, h4, h5, h6 {
  font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  margin-top: 0;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

/* Clear hierarchy */
h1 { font-size: 1.75rem; font-weight: 500; }
h2 { font-size: 1.4rem;  font-weight: 500;letter-spacing: 0.02em; }
h3 { font-size: 1.2rem; font-weight: 500; }
h4 { font-size: 1rem; font-weight: 500; }

/* Remove visual noise */
h5, h6 { font-size: 0.9rem; font-weight: 400; }


h1 + h2,
h1 + h3 {
  margin-top: 0.25rem;
}


.award-heading
 {font-size: 1.2rem; font-weight: 500;}

/* Exhibition components */

.exhibition-artist {
  margin-bottom: 0.25rem;
}

.exhibition-title {
  font-style: italic;
  margin-bottom: 0.5rem;
}

.exhibition-meta {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.date { 
	font-weight: 500;
}




p{margin-top: 0;
  margin-bottom:1.5rem} 	
q {font-style: italic}  
small,
.small {font-size:0.8em;line-height: 1.75}

strong,
.strong{font-weight:500}

.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw800 { font-weight: 800 !important; }

.lead {
  font-size: 1.25rem;line-height: 1.4;
  font-weight: 300;
}

ul{
	list-style:none;
	margin-bottom: 1.5rem;
	margin-left:0; 
	padding-left:0
} 
ul.bullets {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}
ul.bullets li {
	margin-bottom:1rem
}


.caption-smaller {
	font-size:0.8rem;
	font-weight: 300;
	color: #adaca7
}
.caption-smaller.flt-right {
	padding-right:10px}

img+.caption-smaller {
	margin:-1.5em 0  1.5em}

	


.image-credit {
	font-size: 0.9em;
	font-weight: 300;
	color: #adaca7;
}

.image-credit.right {
	float: right;
	text-align: right;
	margin-top: -1.2rem;
	margin-bottom: 0;
}

.image-credit + p,
.image-credit + h2,
.image-credit + h3,
.image-credit + h4 {
	padding-top: 0.5rem;
}


div#content_title {
margin-left: 146px;	
}

.pagesubtitle {}

.pale {color: #8d8c89}
hr.pale {color: #adaca7}
.nowrap {white-space: nowrap}
.hidden{display:none}








/* #LINKS
----------------------------------------*/

a {text-decoration: none;
	color: #990000;   /*  #5c985c;   */
	-moz-transition:   all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-o-transition:     all 0.1s ease;
	transition:       all 0.1s ease
	}
a:focus, a:hover{
	color: #adaca7;  /*  #993333;   */
}

a.ul{
	text-decoration:underline!important
}

ul.social{
	list-style-type:none; 
	clear:both; 
	display:block;
	padding:0;
	margin:0
}
ul.social li{
	display:inline;
	margin:0 20px 0 0;
	padding:0 
}

.page-link {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  font-size: 0.875rem;
margin-top:1rem!important;
font-family:Ubuntu, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.02em;
cursor: pointer!important
}


/* TOP MAIN NAVIGATION
--------------------------------------------------------------*/
div#top_main_nav {font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;font-size:0.8rem;letter-spacing: 0.1em}
div#top_main_nav a {color: #282828;text-decoration: none}
div#top_main_nav a:hover {text-decoration: none;color:#adaca7}
div#top_main_nav span {font-size:0.7rem;display:inline-block;color: #d5d5d2; padding:0 13px 0 21px; font-weight:300}

div#archive_nav span {display:inline-block;color: #d5d5d2; margin: 0 3px 0 3px; font-weight:300}
/* div#top_main_nav span  - spacing increased after removing "WINDOW" , WAS:
div#top_main_nav span {display:inline-block;color: #d5d5d2; padding: 0 5px 0 10px; font-weight:300}
--------------------------------------------------------------*/


/*  ACTIVE PAGE indicator
-------------------------------------------------*/
body#gallery #top_main_nav a#gal,
body#education #top_main_nav a#edu,
body#residence #top_main_nav a#res,
body#mtsa #top_main_nav a#mts,
body#studios #top_main_nav a#stu,
body#events #top_main_nav a#eve,
body#window #top_main_nav a#win,
body#news #top_main_nav a#new,
body#contact #top_main_nav a#con{
color:#990000!important}

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

.btn{margin:0 0 1.5rem 0}
.btn{height:42px;display:inline-block;padding:0 14px;margin-bottom:.5em;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;font-size:14px;font-weight:400;line-height:42px;letter-spacing:.05rem;text-transform:none;text-decoration:none;
color:#333;overflow:visible;background-color:#fff;
border:1px solid #333;box-sizing:border-box;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
border-radius: 3px }
.btn:focus,.btn:active:focus,.btn:active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#fff;outline:0;text-decoration: none;background-color:#383030;border-color:#383030}


/* #IMAGES 
------------------------------------------------------------ */
#content img,
#content_large img { 
	display: block;
margin-bottom:1.5rem
}
#content_large img {
    margin-left: 0;
    margin-right: 0
}
#content_large {
    text-align: left;
}

#home #content img{
	margin-bottom:0
}


.imageRow {
	width: 160px;
	height: 178px;
	margin: 0 16px 1em 0!important;
	z-index: 9;
	float: left;
}
.imageRow.port {
	width: 105px!important;
}
.imageRowEnd {
	width: 160px;
	height: 178px;
	margin: 0 0 1em 0!important;
	z-index: 9;
	float: left;
}

.imageRow img,
.imageRowEnd img {margin-bottom:0em!important}
.imageRow img:hover {
	opacity: .9;-moz-transition: all .3s ease;-webkit-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease}
.imageRow a,
.imageRowEnd a{
	color: #666666;font-size: 0.8rem;letter-spacing:0.02em; line-height: 1.1rem}
.imageRow a:hover,
.imageRowEnd a:hover{
	color: #990000;
	text-decoration:none
}


#imageRow {
	width: 160px;
	height: 168px;
	margin: 0 16px 16px 0;
	z-index: 9;
	float: left;
}
#imageRow.port {
	width: 105px!important;
}
#imageRowEnd {
	width: 160px;
	height: 168px;
	margin: 0 0 16px 0;
	z-index: 9;
	float: left;
}

#imageRow img,
#imageRowEnd img {
	display: block;
  margin-bottom: 0 !important;
}
#imageRow img:hover {
	opacity: .9;-moz-transition: all .3s ease;-webkit-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease}
#imageRow a,
#imageRowEnd a{
	color: #666666;font-size: 0.8rem;letter-spacing:0.02em; line-height: 1.1rem}
#imageRow a:hover,
#imageRowEnd a:hover{
	color: #990000;
	text-decoration:none
}





.swiss-fund{margin-top:.75rem}
.swiss-fund img{ float:left; margin:3px 10px 0 0}
.sm p{margin-top:13px; font-size:0.8rem;white-space: nowrap}

.logos  { display:block}
.logos img {float:left;margin:0}

.top {font-size:0.8rem;clear: both;float:right;margin:1.5rem 0}


/* Alignments
--------------------------------------------------------------*/
.text-left {text-align: left}
.text-right {text-align: right}
.flt-right{float:right!important}
.flt-left{float:left!important}

#mtsa img.submit {margin-left:-20px}



/* Spacing
--------------------------*/

.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5{padding-top:3rem!important}.pt-n2{padding-top:-.5rem!important}.pt-n3{padding-top:-1rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}
.m-n1{margin:-.625rem!important}.mt-n1,.my-n1{margin-top:-.625rem!important}.mr-n1,.mx-n1{margin-right:-.625rem!important}.mb-n1,.my-n1{margin-bottom:-.625rem!important}.ml-n1,.mx-n1{margin-left:-.625rem!important}.m-n2{margin:-1.25rem!important}.mt-n2,.my-n2{margin-top:-1.25rem!important}.mr-n2,.mx-n2{margin-right:-1.25rem!important}.mb-n2,.my-n2{margin-bottom:-1.25rem!important}.ml-n2,.mx-n2{margin-left:-1.25rem!important}.m-n3{margin:-1.875rem!important}.mt-n3,.my-n3{margin-top:-1.875rem!important}.mr-n3,.mx-n3{margin-right:-1.875rem!important}.mb-n3,.my-n3{margin-bottom:-1.875rem!important}.ml-n3,.mx-n3{margin-left:-1.875rem!important}.m-n4{margin:-2.5rem!important}.mt-n4{margin-top:-2.5rem!important}


/* Clearings
----------------------------------------*/
.swiss-fund
 {content: " ";
  display: table}
.swiss-fund
{clear: both}



/* LAYOUT
--------------------------------------------------------------*/
.container > div.orbit-wrapper {
  margin-bottom: 5.5rem;
}

section{
padding:0.75rem 0 0.75rem 0; 
margin-bottom:.75em}
section:last-of-type{
padding:0 0 1.5rem 0; 
margin-bottom:0}

.section-lg {margin:1.5rem 0 3rem!important}


section img,
.slideshow {
  margin-bottom: 1.5rem;
}
section img:has(+ .image-credit) {
  margin-bottom: 0;
}


hr {
	border: 0;
	height: 1px;
	width: 100%;
	text-align: left;
	color: #d6d6d6;
	background-color: #d6d6d6;
	margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}


div#wrapper {
    width: 960px;
    margin: 10px auto 0;
    padding-left: 20px;
    box-sizing: border-box;
}

div#content_wrapper {
	width: 960px;
}

div#header {
	width: 875px;
	margin: 10px 0 20px 0;
	text-align: left;
	clear:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px
}


div#top_main_nav {
	width: 730px;
	margin: 12px 0 2em 146px;	
	text-align: left;
	clear:left;
}



div#left_nav_title {
	margin: 0 0 1em 146px;
	clear: left;
}
div#left_nav_title a{
	font-size: 0.8em; color: #adaca7;letter-spacing:0.05em;
}

div#left_nav_title a:focus, div#left_nav_title a:hover{
	color: #990000
}


div#left_nav {
	width: 146px;
	margin: 0 0 20px 0;
	float: left;
	font-size: 11px;
	line-height: 18px;
/*	letter-spacing: 0.1em;	*/
}


div#content {
	width: 510px;
	margin:0;
	float: left;
}

div#content_large {
	width: 729px;
	margin-top: 1em;
	float: left;
/*	font-size: 12px; */
}


div#right_content {
	width: 219px;
/*	padding-top: 367px;	 416 to top of title, 377 to middle nav triangles, 447, 373, 367 - removed now, as putting share at top */
	text-align: right;
	margin-top: -8px;	/* damian added to raise sharing icons in line */
	float: right;
	font-size: 11px;
}


div#archive_nav {
	width: 729px;
	margin: 0 0 24px 0;
	text-align: left;
	font-size:14px;
	clear:left;

}

.quote {
	padding: 0 21px;
}


.leftnavtopmargin {
	position: relative;
	top: -4px; 
}




/* studios/nicola-tassie/index.php page
------------------------------------------------------------ */ 
table.pure-table{border:none; vertical-align:top;margin-bottom:1rem}
table.pure-table td{vertical-align:top; padding-right:15px}
table.pure-table td:first-of-type{white-space:nowrap}
table.pure-table tr{font-size:0.8rem;margin-bottom: 1rem}



/* NEWS PAGE
 -------------------------*/

 #news article {
padding:3rem 0 1.5rem 0; 
margin-bottom:3rem;
border-bottom: 1px solid #d6d6d6
}  
 #news article:first-of-type {
	 padding-top:0
}
 #news article:last-of-type {
	 border-bottom:0
}
 
 #news article h4 { 
	 margin-bottom:1rem
} 
 #news article p {
	 margin-bottom:0.5rem
}
 #news article p.date { 
	 font-size:0.9rem; 
	 margin-top: 1rem
}
 #news article p strong { 
	 color:#333;
	 font-size:0.85em
}

#news article .left-col {
	float:left
}
#news article img{
	width:150px; 
}
#news article .right-col {
	width:510px;
	margin-left:180px
}
 
 
/* LIMITED EDITION PRINTS PAGE
 -------------------------*/

#editions article {
	clear:left; 
	padding-top: 3rem}
#editions article .left-col {
	float:left}
#editions article img{}
#editions article .right-col {
	text-align: right}
#editions article h4 {
	font-size: 0.9rem}
#editions ul li { 
	line-height: 1.6rem}
#editions ul li.gap { 
	line-height: 1.2rem}
#editions h4 {
	font-family: Helvetica, sans-serif
}
 
 


#studios ul.studios li {
	line-height:1.8em
}




/* pre_footer
--------------------------------------------------------------*/

div#pre_footer {
	width: 729px;
	margin: 0 0 11px 146px;
	/*	padding: 0px 0px 0px 0px; */
/*	margin: 20px 0 10px 85px; */
	padding-top: 40px;
	clear:left;
	text-align: left;/*	font-size: 9px; */
	border-top-width: 30px;
}

div#pre_footer .mailing-list-btn {margin-right:8px}
div#pre_footer .fb-like {margin-right:8px}
div#pre_footer .twitter-follow-button {margin-right:8px}


/* footer
--------------------------------------------------------------*/

div#footer {
	width: 729px;
	margin:1em 0 1em 146px;
	padding-top:1em;
	border-top:1px solid #d6d6d6;
	clear:left;
	text-align: left;
	color:#333
}


#footer .fa {font-size:1.5rem;margin-right:13px}

#footer p{font-size:0.8rem;letter-spacing:0.01em}
#footer a{font-size:0.85rem;color:#adaca7;letter-spacing:0.03em}
#footer li.email a{font-size:0.8rem}
#footer a:hover {text-decoration:none;color: #000}
#footer span.line {display:inline-block;color: #d5d5d2; padding: 0 7px 0 7px; font-weight:300}
#footer hr {color: #d6d6d6;background-color: #d6d6d6;margin-bottom:1em}
#footer .space {padding: 0 5px 0 5px}


/* social links */
#footer ul.social{list-style-type:none; clear:both; display:inline-block; float:none; margin:1em 0 2em 0}
#footer ul.social li{display:inline}
#footer ul.social .fallback-text {display: none}

div#footer .fallback-text {display: none}
div#footer ul.social .center { text-align: center!important}


/* SUBSCRIBE TO MAILING LIST in FOOTER 
-------------------------------------
.form-control {
margin:0 0 0 -3px;letter-spacing:.1em;margin-bottom:.5em;*/

input {
  margin-bottom:15px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: inline-block;
  width:auto;width:100%;
  height: 34px;
  line-height:1.42857143;
  padding:0 8px; 
  font-size: 13px;
  text-align:left;
  color: #555;
  background-color: transparent;
  background-image: none;
  border: 1px solid #ccc;
  margin:0 0 0 -3px;
  margin-bottom:.5em; /* do not alter*/}

.form-control:focus {
  border-color: #eee;
  outline: 0;
 box-shadow:none;
}
.form-control::-moz-placeholder {color: #999;opacity: 1}
.form-control:-ms-input-placeholder {color: #999}
.form-control::-webkit-input-placeholder {color: #999}
.form-control::-ms-expand {background-color: transparent;border: 0}

.form-group { display:inline-block; margin-right:11px}

.form-inline .form-group {vertical-align: middle}
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }


#footer .subscribe{margin:1.5em 0 3em}
#footer .subscribe p{
	font-size:0.85em;font-weight:500;letter-spacing:0.02em; margin-bottom:1em;
	color: #666;
} /* "Join our mailing list" */
#footer label {font-size:0.85em;font-weight:500;color: #666;margin-right:15px}
#footer .subscribe .btn{height: 36px;line-height:1.42857143}


/* #mailing-list CONTACT FORM
 -------------------------*/

#mailing-list input {
  margin-bottom:0.5em;
}

#mailing-list output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

#mailing-list .form-control {
  display: block;
  width:500px;
  height: 42px;
  padding: 0px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: 1px solid #ccc;
}
#mailing-list .form-control:focus {
  border-color: #eee;
  outline: 0;
}
#mailing-list .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#mailing-list .form-control:-ms-input-placeholder {
  color: #999;
}
#mailing-list .form-control::-webkit-input-placeholder {
  color: #999;
}
#mailing-list .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

#mailing-list textarea.form-control {
  height: auto;
}

#mailing-list .text-muted {
  color: #999;padding:15px 0 0 5px
}


 /* CONTACT FORM

Jem's PHP Mail Form Premium v2.3.2
 -------------------------*/

#contact #form input{margin-bottom:15px}
#contact #form .form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}
#contact #form output{padding-top:7px}
#contact #form .form-control{width: 450px;height:42px;padding:10px 14px;background-color:transparent;background-image:none;border:1px solid #5a5a5a;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#contact #form .form-control:focus{border-color:#000;outline:0;-webkit-box-shadow:none;box-shadow:none}
#contact #form .form-control::-moz-placeholder{color:#000;opacity:1}
#contact #form.form-control:-ms-input-placeholder{color:#999}
#contact #form .form-control::-webkit-input-placeholder{color:#999}
#contact #form .form-control::-ms-expand{background-color:transparent;border:0}
#contact #form textarea.form-control{height:auto}#contact .text-muted{color:#999;padding:15px 0 0 5px}




/* Clearings
----------------------------------------*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.section:before,
.section:after{content: " ";
  display: table}

.clearfix:after,
.row:after,
.section:after{
  clear: both}



/* strikethrough
----------------------------------------*/
.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

}


/* VIDEO
----------------------------------------*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }


/* VIMEO Video Embed code
---------------------*/

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom:1em
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}





/* =========================================================
   RESPONSIVE LAYOUT
   ========================================================= */


@media (max-width: 980px) {

  div#wrapper,
  div#content_wrapper {
    width: auto;
  }

  div#wrapper {
    margin: 10px 0 0;
    padding: 0 20px;
  }

  div#header {
    width: auto;
    margin: 10px 0 20px;
  }

  div#header img {
    max-width: 100%;
    height: auto;
  }

  div#top_main_nav {
    width: auto;
    margin: 12px 0 2rem;
  }

  div#content_title,
  div#left_nav_title {
    margin-left: 0;
  }

  div#left_nav {
    width: auto;
    float: none;
    margin: 0 0 20px;
  }

  div#content,
  div#content_large {
    width: auto;
    float: none;
  }

  div#right_content {
    width: auto;
    float: none;
    text-align: left;
    margin-top: 0;
  }

  div#archive_nav,
  div#pre_footer,
  div#footer {
    width: auto;
  }

  div#pre_footer,
  div#footer {
    margin-left: 0;
  }

  #content img,
  #content_large img,
  section img {
    max-width: 100%;
    height: auto;
  }


  /* Old Orbit slideshow */

.orbit-wrapper,
.orbit-wrapper #featured,
#featured {
  width: 100% !important;
  max-width: 100% !important;
}

#featured img {
  max-width: 100% !important;
  height: auto !important;
}

#featured,
#featured2,
#featured3 {
  background-image: none !important;
}


}



@media (max-width: 800px) {

  div#top_main_nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: .35rem;
    line-height: 1.6;
  }

  div#top_main_nav span {
    display: none;
  }

  div#top_main_nav a {
    display: block;
    padding: .15rem 0;
  }


  /* News articles */

#news article .left-col {
  float: none;
  margin-bottom: 1rem;
}

#news article .right-col {
  width: auto;
  margin-left: 0;
}

#news article img {
  max-width: 100%;
  height: auto;
}


/* Contact form */

#contact #form .form-control {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

}

@media (max-width: 600px) {

  div#top_main_nav {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    justify-content: space-between;
    column-gap: 0;
    row-gap: .35rem;
  }

  /* Orbit controls on small screens */

div.slider-nav span {
  top: 50% !important;
    margin-top: -10px !important;
}

.container > div.orbit-wrapper {
  margin-bottom: 2.5rem;
}



/* Footer mailing list form */

#footer .subscribe .form-group {
  display: block;
  margin-right: 0;
}

#footer .subscribe label {
  display: block;
  margin: 0 0 .35rem;
}

#footer .subscribe .form-control {
  display: block;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  margin-left: 0;
}

#footer .subscribe .btn {
  margin-top: .5rem;
}
}