/*
 * Global Color Definitions
 */


html {
 /* --hue: 210; /* Blue */
 --hue: 235; /* Blue */
 
/*  --accent-hue: 25; /* Orange */  
  --accent-hue: 41; /* chinese yellow */  
  /*--accent-hue: 261; /* Purple */  

  --text-color-normal: hsl(var(--hue), 10%, 62%);
  --text-color-light: hsl(var(--hue), 15%, 75%);
  --text-color-richer: hsl(var(--hue), 19%, 29%);
  --text-color-highlight: hsl(var(--accent-hue), 70%, 45%);
  --link-color: hsl(0, 0, 63);
  --accent-color: hsl(var(--accent-hue), 100%, 70%);
  --error-color: rgb(240, 50, 50);
  --button-background: hsl(var(--hue), 21%, 20%);
  --button-text-color: var(--text-color-light);
  --background: hsl(var(--hue), 20%, 12%);
  --popup-background-color: hsl(var(--hue), 20%, 24%);
  --popup-text-color: var(--text-color-normal);
  --popup-header-background: hsl(var(--hue), 20%, 18%);
  --pupup-header-text-color: vue(--text-dolor-richer);
}

/* color mapping for backlight */  
html { 
   --color-base: var(--background);
   --color-base_offset: hsl(var(--hue), 20%, 6%);
   --color-contrast: var(--text-color-normal);
   --color-accent: var(--accent-color);
   --base-font-color: var(--text-color-normal);
   --base-font-link: var(--link-color);
   --base-font-link_hover: var(--accent-color);
   --headings-font-color: var(--text-color-highlight);
   --buttons-background-color: var(--button-background);
   --buttons-text-color: var(--button-text-color);
   --forms-background-color: var(--text-color-richer);
   --forms-border-color: var(--background);
   --forms-text-color: var(--text-color-light);
   --hr: var(--text-color-richer);
   --social-media-background-color: var(--text-color-richer);
   --social-media-text-color: var(--button-background);
   --top-pallet-background-color: black;
   --top-pallet-text-color: var(--text-color-light);
   --menu-color: var(--text-color-normal);
}


/* Adjustments for lighter color theme */
html[data-theme="light"] {
  --hue: 235; /* Blue */
  --accent-hue: 13; /* red */
  --background: white;
  --button-background: var(--text-color-richer);
  --button-text-color: var(--text-color-light);
  --forms-background-color: var(--text-color-light);
  --forms-border-color: var(--background);
  --forms-text-color: var(--text-color-richer);
  --text-color-normal: hsl(var(--hue), 10%, 40%);
  
}

html[data-theme="light"] img.identityplate{
	filter: invert(1);
}


html.color-theme-in-transition,
html.color-theme-in-transition *,
html.color-theme-in-transition *:before,
html.color-theme-in-transition *:after {
  transition: all 750ms !important;
  transition-delay: -125ms !important;
  
}

html.no-transition,
html.no-transition *,
html.no-transition *:before,
html.no-transition *:after {
  transition: all 0s !important;
  transition-delay: 0s !important;
  
}

/*
 * Applying colors to main theme
 */

a, a:visited {
	color: var(--base-font-link);
	border-bottom: 2px solid transparent;
}

a:hover, a:focus {
	color: var(--base-font-link_hover);
	text-decoration: none;
	border-bottom: 2px solid var(--base-font-link_hover);
}

mark {
	background-color: var(--color-base_offset);
	color: var(--color-contrast);
}

hr {
	border-top: 1px solid var(--hr);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	color: var(--headings-font-color);
}

table, thead, tfoot {
	border: 1px solid var(--text-color-richer);
}

table.table-striped tbody tr:nth-child(odd) {
	background-color: var(--color-base);
}

table.table-striped tbody tr:nth-child(even) {
	background-color: var(--color-base_offset);
}

table.stack-table tbody tr {
	border: 1px solid var(--color-base_offset);
}

button, .button, 
input[type="button"], input[type="submit"], input[type="reset"]
{
	background: var(--buttons-background-color);
	color: var(--buttons-text-color);
}


form input[type="color"],
form input[type="date"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="email"],
form input[type="month"],
form input[type="number"],
form input[type="password"],
form input[type="search"],
form input[type="tel"],
form input[type="text"],
form input[type="time"],
form input[type="url"],
form input[type="week"],
form input:not([type]),
form select,
form textarea,

.form input[type="color"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="email"],
.form input[type="month"],
.form input[type="number"],
.form input[type="password"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="text"],
.form input[type="time"],
.form input[type="url"],
.form input[type="week"],
.form input:not([type]),
.form select,
.form textarea

{
	background-color: var(--forms-background-color);
	border: 1px solid var(--forms-border-color);
	color: var(--forms-text-color);
}

form input[type="color"]:focus,
form input[type="date"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="email"]:focus,
form input[type="month"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="text"]:focus,
form input[type="time"]:focus,
form input[type="url"]:focus,
form input[type="week"]:focus,
form input:not([type]):focus,
form select:focus,
form textarea:focus,

.form input[type="color"]:focus,
.form input[type="date"]:focus,
.form input[type="datetime"]:focus,
.form input[type="datetime-local"]:focus,
.form input[type="email"]:focus,
.form input[type="month"]:focus,
.form input[type="number"]:focus,
.form input[type="password"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="text"]:focus,
.form input[type="time"]:focus,
.form input[type="url"]:focus,
.form input[type="week"]:focus,
.form input:not([type]):focus,
.form select:focus,
.form textarea:focus

{
	border-color: var(--base-font-link_hover);
}

form input[type="file"]:focus,
form input[type="checkbox"]:focus,
form input[type="radio"]:focus,

.form input[type="file"]:focus,
.form input[type="checkbox"]:focus,
.form input[type="radio"]:focus
{
	outline: thin solid var(--base-font-link_hover);
	outline: 1px auto var(--base-font-link_hover);
}

/*
form input[type="color"][disabled],
form input[type="date"][disabled],
form input[type="datetime"][disabled],
form input[type="datetime-local"][disabled],
form input[type="email"][disabled],
form input[type="month"][disabled],
form input[type="number"][disabled],
form input[type="password"][disabled],
form input[type="search"][disabled],
form input[type="tel"][disabled],
form input[type="text"][disabled],
form input[type="time"][disabled],
form input[type="url"][disabled],
form input[type="week"][disabled],
form input:not([type])[disabled],
form select[disabled],
form textarea[disabled],

.form input[type="color"][disabled],
.form input[type="date"][disabled],
.form input[type="datetime"][disabled],
.form input[type="datetime-local"][disabled],
.form input[type="email"][disabled],
.form input[type="month"][disabled],
.form input[type="number"][disabled],
.form input[type="password"][disabled],
.form input[type="search"][disabled],
.form input[type="tel"][disabled],
.form input[type="text"][disabled],
.form input[type="time"][disabled],
.form input[type="url"][disabled],
.form input[type="week"][disabled],
.form input:not([type])[disabled],
.form select[disabled],
.form textarea[disabled]

{
	background-color: #eaeded;
	color: #cad2d3;
	cursor: not-allowed;
}

form input[readonly],
form select[readonly],
form textarea[readonly],

.form input[readonly],
.form select[readonly],
.form textarea[readonly]

{
	background-color: #eee;
	border-color: #ccc;
	color: #777;
}

form input:focus:invalid,
form select:focus:invalid,
form textarea:focus:invalid,

.form input:focus:invalid,
.form select:focus:invalid,
.form textarea:focus:invalid

{
	border-color: #e9322d;
	color: #b94a48;
}

form input[type="file"]:focus:invalid:focus,
form input[type="checkbox"]:focus:invalid:focus,
form input[type="radio"]:focus:invalid:focus,

.form input[type="file"]:focus:invalid:focus,
.form input[type="checkbox"]:focus:invalid:focus,
.form input[type="radio"]:focus:invalid:focus

{
	outline-color: #e9322d;
}
*/

select {
	/* Normalizes the height; padding is not sufficient. */
/*	background-color: white;
*/	border: 1px solid var(--forms-border-color);
/*	color: #333333;
*/}

img::before, img::after {
	color: var(--color-contrast);
}

img::before {
	background-color: var(--color-base);
	border: 1px solid var(--color-contrast);
}

.haiku span {
	background-color: var(--color-contrast);
	box-shadow: 0.5em 0 0 var(--color-contrast), -0.5em 0 0 var(--color-contrast);
	color: var(--color-base);
}

.haiku .attribution {
	color: var(--base-font-color);
}

html,
#background {
	background-color: var(--color-base);
	color: var(--base-font-color);
}

.page__pallet {
	color: var(--color-contrast);
}

.masthead-primary {
	border-color: var(--color-base_offset);
	color: var(--color-contrast);
}

.masthead-primary a,
.masthead-primary h1 {
	color: var(--color-contrast);
}

.masthead-secondary {
	border-color: var(--color-base_offset);
	color: var(--color-contrast);
}

.masthead-secondary a,
.masthead-secondary h1 {
	color: var(--color-contrast);
}

nav.nav_h,
.pallet_top_nav {
	border-color: var(--color-base_offset);
}

nav.nav .menu-item,
nav.nav .menu-item a,
nav.nav .menu-item span
{
	color: var(--color-accent);
}

nav.nav .menu-item:hover,
nav.nav .menu-item:hover a,
nav.nav .menu-item:hover span,
nav.nav .touchable .menu-item.hover,
nav.nav .touchable .menu-item.hover a,
nav.nav .touchable .menu-item.hover span
{
	color: var(--color-base);
}

nav.nav .menu-item ul,
nav.nav .menu-item:hover,
nav.nav .menu-item:hover ul,
nav.nav .touchable .menu-item.hover,
nav.nav .touchable .menu-item.hover ul
{
	background-color: var(--color-accent);
}

nav.nav_v,
nav.nav_v .menu > .menu-item,
nav.nav_v .menu > .menu-item a {
	border-color: var(--color-base_offset);
}

nav.nav_v .menu-item,
nav.nav_v .menu-item a,
nav.nav_v .menu-item span
{
	color: var(--menu-color);
}

nav.nav_v .menu-item:hover,
nav.nav_v .menu-item:hover a,
nav.nav_v .menu-item:hover span,
nav.nav_v .touchable .menu-item.hover,
nav.nav_v .touchable .menu-item.hover a,
nav.nav_v .touchable .menu-item.hover span
{
	color: var(--accent-color);
}

nav.nav_v .menu-item ul,
nav.nav_v .menu-item:hover,
nav.nav_v .menu-item:hover ul,
nav.nav_v .touchable .menu-item.hover,
nav.nav_v .touchable .menu-item.hover ul
{
	background-color: var(--menu-color);
}

nav.nav_v .menu-item:hover,
nav.nav_v .menu-item:hover a,
nav.nav_v .menu-item:hover span,
nav.nav_v .touchable .menu-item.hover,
nav.nav_v .touchable .menu-item.hover a,
nav.nav_v .touchable .menu-item.hover span
{
	color: var(--menu-color);
}

nav.nav_v .menu-item a:hover,
nav.nav_v .menu-item span:hover,
nav.nav_v .menu-item li a:hover,
nav.nav_v .menu-item li span:hover
{
	background: transparent;
	color: var(--accent-color);
}

.tb::after {
	border-color: transparent transparent var(--color-base) transparent;
}

.tb > ul {
	background-color: var(--color-base);
	color: var(--color-contrast);
}

.widget {
	color: var(--color-contrast);
}

.widget a, .widget a:visited {
	color: var(--color-accent);
}

.widget a:focus, .widget a:hover {
	color: var(--color-accent);
}

.widget h1, .widget .h1,
.widget h2, .widget .h2,
.widget h3, .widget .h3,
.widget h4, .widget .h4,
.widget h5, .widget .h5,
.widget h6, .widget .h6
{
	color: var(--color-contrast);
}

form.search-handoff button {
	color: var(--base-font-link);
}

form.search-handoff button:hover, form.search-handoff button:focus {
	color: var(--base-font-link_hover);
}

#page__body .masthead-primary .theturninggate_logomark h1 {
	color: var(--color-contrast);
}

#page__body .masthead-secondary .theturninggate_logomark h1 {
	color: var(--color-contrast);
}

#cookie-acceptance-notice > div {
	background: var(--color-accent);
	color: var(--color-base);
}

#cookie-acceptance-notice button,
#cookie-acceptance-notice label {
	border: 2px solid var(--color-base);
}

#cookie-acceptance-notice a {
	color: var(--color-base);
}

/*.alert {
	background-color: #fcf8e3 !important;
	border: 1px solid #f2e187 !important;
}

.alert-success {
	background-color: #c5e6c5 !important;
	border-color: #a2d6a2 !important;
	color: #347834 !important;
}

.alert-warning {
	background-color: #fee7c7 !important;
	border-color: #fcd296 !important;
	color: #c17305 !important;
}

.alert-error {
	background-color: #f4cac8 !important;
	border-color: #eba19e !important;
	color: #da4f49 !important;
}

.alert-inverse {
	background-color: #414141 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}*/

.fancybox-thumbs__list a::before {
  border: 6px solid var(--color-accent);
}

.gallery figure {
	background-color: var(--color-base);
	border: 0px solid var(--color-base_offset);
}

.album-hero {
	border: 0px solid var(--color-base_offset);
}

.pagination ul li {
	background-color: var(--color-base_offset);
	color: var(--color-contrast);
}

.pagination ul li a {
	color: var(--color-accent);
}

ul.image_metadata {
  border-top: 0 solid var(--color-base_offset);
}

.page__pallet__top
{
	background-color: var(--top-pallet-background-color);
	border: 0 solid var(--top-pallet-text-color);
}

.page__pallet__top > .content {
	border: 0 solid var(--top-pallet-text-color);
}

.page__pallet__top.is-fixed {
    background-color: var(--top-pallet-background-color);
}

@media screen and ( max-width: 1024px ) {

	.page__pallet__top,
	.page__pallet__top.is-fixed {
		background-color: var(--top-pallet-background-color);
	}
}

.page__pallet__top li > .social_media.button,
.page__pallet__top li > .social_media.button:hover {
	background-color: var(--social-media-background-color);
	color: var(--social-media-text-color);
}

.albums figcaption {
    border-top: 1px solid transparent;
    color: var(--text-color-normal);
}

	
/* 
 ******************************************************
 ******************************************************

	Previous code 

 ******************************************************
 ******************************************************

*/

a, 
a:visited {
/*	color: #aaa;*/
    text-decoration: underline;
}

a:hover, 
a:focus {
    /*color: var(--accent-color);*/
}

button, .button, input[type="button"], input[type="submit"], input[type="reset"] {
    /*background: #777;*/
/*    background: #949494;*/
/*    background: linear-gradient(#777 0%, #747474 30%, #949494 100%);*/
/*    color: var(--accent-color);*/
}

button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
button:focus, .button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    background: var(--accent-color);
	background-color: var(--accent-color);
	text-decoration: none;
	color: var(--background);
}

/* google recaptcha */
.rc-anchor-light {
    /*background: lightgray;*/
}
	
/*
 * Album 'back' navigation
 */
.dlp-prev-album,
.dlp-prev-album a {
   margin-top: 1em;
   font-size: 0.75rem;
   letter-spacing: 0.015em;
   line-height: 1.125rem;	
}

.dlp-prev-album a {
   margin-left: 1em;
}

.dlp-prev-album:hover {
   /*color: var(--accent-color);*/
}

.dlp-prev-album a:hover {
/*   color: var(--accent-color);*/
   border-bottom: 2px solid var(--accent-color);
   text-decoration: none;
}

/* 
 * Contact form
 */

#message.error,
#message.success {
    background-color: transparent;
}

#message.success {
    border-left: 4px solid var(--accent-color);
}

#message.succcess h1 {
	color: var(--accent-color);
}

.grecaptcha-badge{
	visibility: collapse !important;  
}

/*
 * Galleries
 */

.page-navigation li:hover, 
.page-navigation li a:hover {
    /*color: black;*/
/*    background-color: var(--accent-color);*/
}

.grid-button:hover,
.grid-button:focus {
    /*color: var(--accent-color);*/
/*	background-color: rgba( 0, 0, 0, 0.85 );*/
}
	
.gallery .thumbnail:hover > .thumbnail-background  {
    opacity: 0.7;
}

.gallery a:focus > .thumbnail-background  {
    opacity: 0.7;
}

.grid-button:hover > .gallery a  {
	border-bottom: 2px solid var(--accent-color);
}

.gallery figure {
    border-bottom: 2px solid transparent;
}

.gallery a:hover,
.gallery a:focus  {
    border-bottom: 2px solid var(--accent-color);
}

/*
 * Misc
 */

/* no checkout note for digital downloads */
.checkout-warning {
    display:  none;;
}	

.checkout-warning.alert {
/*    color: var(--accent-color);*/
    display:  block;
	
}	

#message.success {
/*    background-color: #424242;*/
}

#message h1 {
	/*color:red;*/
}

/* Hide outline on focus element */
/*a:focus {
  outline: 0;
}
*/

/*
 * Masthead
 */

.masthead a:hover {
    border-bottom: 2px solid transparent;
}

.masthead-primary > .content {
    padding-left: 8px;
}

/* Front page gallery */

.slug-_pangolin_slideshow .the__gallery > .content {
/*    background-color: transparent;*/
    border: none; 
    box-shadow: 5px 5px 5px #888888;
}


/*
 * Top pallete customizations
 */

.masthead_pallet_top{
	margin-bottom: 0 !important;
}

ul.palletToggle li {
/*    background-color: var(--accent-color);*/
}

#up {
	color: white;
}

.page__pallet__top > .content > ul > li#widget-container > ul > li:hover,
.page__pallet__top li > .social_media.button:hover {
	border-bottom: 4px solid var(--accent-color);
    border-radius: 0;
}

 
.page__pallet__top > .content > ul > li > i{
	/*color: var(--accent-color);*/
    font-size: 1rem;
    line-height: 36px;
}   


.page__pallet__top > .content > ul > li#cart-widget,
.stacked-widget .widget-count 
{
/*    color: var(--accent-color);*/
}	

#widget-container #cart-widget {
	/*background: transparent;*/
}
	
li#cart-widget ul {
/*    background-color: #454545;*/
/*    color: var(--accent-color);*/
}

#cart-widget ul:hover > li.widget-view-cart a {
    /*color: var(--accent-color);*/
}	

.page__pallet__top > .content, .page__pallet__top > .content > ul {
    height: 42px;
}

.page__pallet__top.is-fixed > .content {
    height: 42px;
}

.page__pallet__top > .content > ul > li, .page__pallet__top > .content > ul > li#widget-container > ul > li {
    line-height: 24px;
}

.page__pallet__top > .content li.stacked-widget::before {
    display: initial;
}
.page__pallet__top > .content li.stacked-widget .widget-count {
    display: initial;
    margin-left: 0.5rem;
	font-size: 0.875rem;
    /*color: red;*/
}
	
.page__toggle__buttons label { 
    min-width: 36px;
    height: 36px;
}

ul.palletToggle { 
    top: 4px;
}

	
/* Menu
=================================================== */



.nav_v ul.menu {
	display: block;
	list-style: none;
	margin: 0;
	padding:0;
	text-align: left;
}

ul.sub-menu {
    display: none;
}

/* desktop */
@media screen and ( min-width: 1025px ) {
		
	.nav_v .mouseable li:hover > ul, 
	.nav_v .touchable li.hover > ul {
	    left: 0;
	}

	nav.nav_v .menu-item a:hover, 
	nav.nav_v .menu-item span:hover, 
	nav.nav_v .menu-item li a:hover, 
	nav.nav_v .menu-item li span:hover,
	nav.nav_v li .menu-item:hover > a, 
	nav.nav_v li .menu-item:hover > span, 
	nav.nav_v li .menu-item.hover > a, 
	nav.nav_v li .menu-item.hover > span,
	nav.nav_v .menu-item ul, 
	nav.nav_v .menu-item:hover, 
	nav.nav_v .menu-item:hover ul, 
	nav.nav_v .touchable .menu-item.hover, 
	nav.nav_v .touchable .menu-item.hover ul, 
	nav.nav_v .menu-item:hover > a, 
	nav.nav_v .menu-item:hover > span, 
	nav.nav_v .menu-item.hover > a, 
	nav.nav_v .menu-item.hover > span {
		background: none transparent;
		background-color: transparent;
	}
	
	.sub-menu li.menu-item a {
	    padding-left: 39px !important;
	}
			
	.nav_v ul.menu ul {
		box-shadow: 2px 2px 2px transparent;
		position: absolute; top: -1px; left: -9999px;
		width: 240px;
	}
	
	.nav_v ul.menu ul, 
	.nav_v ul.menu ul li {
		border: 0 solid rgba(255, 255, 255, 0);
	}
	
	.nav_v ul.menu ul {
		border-width: 1px 0 0;
	}
	
	.nav_v ul.menu ul > li {
		border-width: 0 1px 1px;
	}
	
	.nav_v ul.menu a, .nav_v ul.menu span {
		font-family: Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, 'Verdana Ref', sans-serif;
	    text-transform: uppercase;
	    font-weight: 500;
	}
	
	.nav_v ul.menu ul {
		position: inherit;
		left: 0px;
		box-shadow: 0 0 0 transparent;
	}
	
	.nav_v ul.menu ul, .nav_v ul.menu ul li {
		border-width: 0;
	}
	
	.nav_v ul.menu li {
/*	    background-color: transparent;*/
	}

	nav.nav_v .menu-item a, 
	nav.nav_v .menu-item span {
	    padding: 0 12px;
	}

	nav.nav_v, 
	nav.nav_v .menu > .menu-item, 
	nav.nav_v .menu > .menu-item a {
	    border-color: transparent;
	}

	nav.nav_v .menu-item a:hover, 
	nav.nav_v .menu-item span:hover {
	    background-color: transparent;
	    color: var(--accent-color);
	}
	
	nav.nav_v ul .menu-item a {
	    border-style: solid;
	    border-width: 0 0 0 4px;
	    border-color: transparent;
	}
	
	nav.nav_v ul.menu a:hover,
	nav.nav_v ul.menu a:focus {
		border-left: 4px solid var(--accent-color);
		color: var(--accent-color);
	    background-color: transparent;
	}
	
	nav.nav_v .menu-item li a::after, nav.nav_v .menu-item li span::after {
	    content: none;
	}

} /* @media */

/* Mobile Navigation */

@media screen and (max-width: 1024px) {
	
	nav.nav_v .menu-item a, 
	nav.nav_v .menu-item a:hover{
	    display: block;
	    font-size: 1.1em;
	    padding: 10px 8px 8px 8px;
	    /*background: #414141;*/
	    min-height: 20px;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	
	nav.nav_v {
	    margin-top: 36px;
		border : 0px;
	}
	
	div#page__pallet__T1 {
/*	    background-color: #353535;*/
		/*color: darkgray;*/
	}

	nav.nav_v .menu > .menu-item a{
		border-top: 1px solid #565656;
		border-bottom: 1px solid #2a2a2a;
		border-left: 4px solid transparent;
	}
	
	nav.nav_v .menu-item, 
	nav.nav_v .menu-item a, 
	nav.nav_v .menu-item span,
	nav.nav_v .menu-item:hover,
	nav.nav_v .menu-item:hover a {
/*	    color: #d7d7d7;*/
		background: #414141;
	}
	
	nav.nav_v .menu > .menu-item a:hover {
		border-left: 4px solid var(--accent-color);
/*		color: var(--accent-color);*/
	    background: transparent;
	}

	nav.nav_v .sub-menu li.menu-item a {
	    padding-left: 39px;
	}
	
	nav.nav .menu-item, nav.nav .menu-item a, nav.nav .menu-item span {
	    line-height: 24px;
	}
}

/* Fancy Menu
=================================================== */

ul.sub-menu {
	display: none;
}

.dlp-gallery .menu-item:nth-child(2) > .sub-menu {
	display: block;
}

.dlp-projects .menu-item:nth-child(3) > .sub-menu {
	display: block;
}

.dlp-blog .menu-item:nth-child(4) > .sub-menu {
	display: block;
}

.dlp-newsletter .menu-item:nth-child(6) > .sub-menu {
	display: block;
}

.dlp-shop .menu-item:nth-child(7) > .sub-menu {
	display: block;
}

.dlp-greeting-cards .menu-item:nth-child(7) > .sub-menu {
	display: block;
}

/* Breadcrumbs
=================================================== */

.breadcrumbs a, 
.breadcrumbs a:visited {
	color: var(--menu-color);
	text-decoration: underline;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color:var(--accent-color);
    border-bottom: 2px solid var(--accent-color);
	text-decoration: none;
}

.breadcrumbs {
	color: var(--menu-color);
}

ul.breadcrumbs {
    margin: 4px 0 0;
	padding: 0;
}


ul.breadcrumbs li,
ul.breadcrumbs li::after {
	color: var(--menu-color);
}

@media screen and (max-width: 1024px) {
	ul.breadcrumbs {
	    padding-top: 0;
	    font-size: 0.7em;
	}
	
}


/* album set
=================================================== */
.the__albumSet figcaption {
    padding-left: 0;
    padding-right: 0;
}

.the__albumSet figcaption p {
    border-bottom: 2px solid rgba(0,0,0,0);
}

.the__albumSet figure:hover figcaption .album-title,
.the__albumSet a:focus figcaption .album-title
 {
    border-bottom: 2px solid var(--accent-color);
	color: var(--accent-color);
}

/* Favorites Index on Home Page
=================================================== */

p.favs-title {
    font-size: 0.8em;
}

#favs-gallery h3 {
    margin-top: 0;
}

#favs-gallery figure {
	float: left;
	width: 33.333332%;
    margin: 0;
    overflow: hidden;
    position: relative;
	background-color: transparent;
}

.favs {
    margin-left: -5px;
    margin-right: -5px;
}

.favs a:hover > figcaption,
.favs a:focus > figcaption {
	/*color: var(--accent-color);*/
    border-bottom: 2px solid var(--accent-color);
}

figcaption {
    border-bottom: 2px solid rgba(0,0,0,0);
}

.favs-thumbnail {
/*    background-color: transparent;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    border-width: 0 0 1px;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.favs-thumbnail img {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#favs-gallery figure a, .favs-thumbnail {
    border: 0 solid transparent;
}

#favs-gallery figure a {
    border-width: 5px;
    border-radius: 0px;
    display: block;
    margin: 0 0px 0px;
    overflow: hidden;
    text-decoration: none;
}


#favs-gallery figcaption {
    text-align: center;
}

#favs-gallery figcaption p{
    margin-top: 0.8rem;
    margin-bottom: 0.8em;
}

/*
@media screen and (min-width: 601px) and (max-width: 992px) {

	#favs-gallery figure {
		width: 25%;
	}
	
	#favs-gallery figure:nth-child(5){
		display: none;
	}
	 
	#favs-gallery figure:nth-child(6){
		display: none;
	}     
}
*/

@media screen and (min-width: 601px) and (max-width: 992px) {

	.favs {
		max-width: 600px;
	}

	#favs-gallery figure {
		width: 33%;
		max-width:180px;
	}

}


@media only screen and (min-width: 993px) {

	#favs-gallery figure {
		width: 16.666665%;
	}
   
}

/* 
 * Album Set
 */

.albums figure {
	border: 5px solid transparent;
    background-color: transparent;
}

.albums figcaption {
    border-top: 1px solid transparent;
}

/* 
 * Album 
 */

.album-title {
    color:  var(--text-color-normal);
    text-align: center;
}

/* Footer
=================================================== */

div#page__pallet__bottom:first-child {
    border-top-width: 1px;
    border-top-style: solid;
}

div#page__pallet__bottom {
    height: initial;
}

.mc-field-group input {
/*    background-color: transparent;*/
	margin-right: 0.5em;
}

.copyright {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 0.75rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.dlp-footer {
	margin-top: 2em;
	margin-left: 24px;
	margin-right: 24px;
}

.dlp-footer p {
    font-size: 0.8em;
    font-weight: 600;
    color: var(--text-color-highlight);
}

.dlp-footer .col_4 {
    margin-bottom: 2em;
}

.page__pallet__bottom > .content .dlp-footer {
    text-align: left;
}

.page__pallet__bottom > .content .dlp-footer ul {
    font-size: 0.8em;
    height: initial;
}

.page__pallet__bottom > .content .dlp-footer ul > li {
    text-align: left;
	line-height: 1rem;
	margin-left: 0;
	height: auto;
}

.page__pallet__bottom > .content .dlp-footer .col_4:first-child ul > li {
    display: inherit;
}

.page__pallet__bottom > .content ul > li {
    margin-bottom: 0;
    margin-right: 10px; 
    min-width: 0;
}

.dlp-footer form {
    margin-top: 0.5em;
    font-size: 0.8em;
}

.dlp-footer form .button {
    line-height: 32px;
/*	background-color: #777;*/
}

.dlp-footer form .button:hover,
.dlp-footer form .button:focus {
/*	background-color: var(--accent-color);*/
	text-decoration: none;
}

.dlp-footer a, .dlp-footer a:visited {
  border-bottom: 2px solid transparent;
}

.dlp-footer a:hover, .dlp-footer a:focus {
/*    color: var(--accent-color);*/
    border-bottom: 2px solid var(--accent-color);
	text-decoration: none;
}

.dlp-footer a:focus {
	outline: thin dotted;
}

.dlp-footer .social-media a {
    border-bottom: 2px solid transparent;
}

.page__pallet__bottom > .content .copyright a {
   border-bottom: 2px solid transparent;
}

.page__pallet__bottom > .content .copyright a:hover {
    /*color: var(--accent-color);*/
    border-bottom: 2px solid var(--accent-color);
	text-decoration: none;
}

.page__pallet__bottom > .content ul > li.copyright {
    display: none;
}



/* Social Media
=================================================== */

.dlp-footer .social-media [class*="fa fa-"],
.dlp-footer .social-media [class*="fab fa-"],
.dlp-footer .social-media [class*="fas fa-"]{	
/*    background-color: #777;*/
    border-radius: 30px;
    /*color: #fff;*/
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.dlp-footer .social-media [class*="fa fa-"]:hover,
.dlp-footer .social-media [class*="fab fa-"]:hover,
.dlp-footer .social-media [class*="fas fa-"]:hover{
/*    background-color: var(--accent-color);*/
/*    color: black;*/
}

.dlp-footer .social-media a:focus > .social-media [class*="fa fa-"],
.dlp-footer .social-media a:focus > .social-media [class*="fab fa-"],
.dlp-footer .social-media a:focus > .social-media [class*="fas fa-"]{
/*    background-color: var(--accent-color);*/
/*    color: black;*/
}

.dlp-footer .social-media a:hover > i {
/*    background-color: var(--accent-color);*/
/*    color: black;*/
}

.page__pallet__bottom > .content .social-media ul > li {
    margin-right: 0;
}

/* single page
=================================================== */


.single_icons li a, 
.single_icons li button
{
    background-color: transparent;
}

.single_icons li a:hover, 
.single_icons li button:hover {
    color: var(--accent-color);
	background-color: transparent;
	border-radius: 0px;
}		


.single_image_help a span {
	display: none;
}

.single_image_help a::after {
	content: "\2753";
}

.single-image-cart {
    float: right;
}


.single-add-to-cart {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 0.9em;
}

.single_image_title {
    font-weight: 600;
}
.single_image_keywords {
    margin-top: 20px;
}

.single_image_keyword_list li {
    list-style-type: none;
    display: inline;
    min-width: 30%;
}

.single_image_keyword_list li a {
    margin-left: 20px;
}

.single_image_keyword_list li {
   list-style: none;
   float: left;
   width: 50%;
}

@media screen and (min-width: 601px) and (max-width: 992px) {
	.single_image_keyword_list li {
	    width: 32%;
	}
}

@media screen and (min-width: 993px) {
	.single_image_keyword_list li {
	    width: 24%;
	}
}

input#kw_search {
   margin-top: 2em;
   float: right;
   font-size: 0.9em;
   border-radius: 3px;
   line-height: 30px;
}

.sp-share-image {
    margin-top: 2em;
}

.sp-social-share.social-media {
    margin-top: 1em;
}

.sp-social-share i {
    border-radius: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 16px;
    text-align: center;
    background-color: var(--text-color-normal);
	color: var(--background);
}

.sp-social-share i:hover,
.sp-social-share i:focus {
    border-radius: 30px;
    background-color: var(--accent-color);
	color: var(--background);
}

.sp-social-share a:hover,
.sp-social-share a:focus {
	border-bottom: 2px solid transparent;
}

.sp-social-share a:focus > .sp-social-share i{

/*	color: black;*/
}

.image-info.clearfix {
    margin-top: 2em;
}

button.single-add-to-cart.add-to-cart:before {
    content: none;
}

/*
 * Popup styling
 */

.popup {
    background-color: var(--popup-background-color);
	padding-top:0;
	padding-left:0;
	padding-right: 0;
    line-height: 1.5;
	font-size: 1rem;
    color: var(--popup-text-color);
}

.popup .popup-title {
	background-color: var(--popup-header-background);	
    /*background: linear-gradient(#333 0%, #424242 30%, #424242 100%);*/
	padding: 12px;
	border-bottom: 2px solid var(--text-color-normal);
	color: var(--text-color-highlight);
}

.popup p {
	margin-left: 12px;
	margin-right: 12px;
	font-size: 0.875rem;
}

.popup .search-option {
    background-color: var(--text-color-richer);
}


@media screen and ( min-width: 1025px ) {
	.popup {
		max-width: 50%;
	}
}

/*
 * Cart Modal
 */

#cartModal {
    background-color: var(--popup-background-color);
    color: var(--popup-text-color);
}

#cartModal .modal-title{
	background-color: var(--popup-header-background);	
    color: var(--text-color-light);
}

#cartModal label {
    color: var(--text-color-highlight);
	font-weight: 400;
}

#cartModal .description,
#cartModal .description p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

#cartModal #product_selector {
	font-size: 0.875rem;
}

#cartModal-content .cart-details dt {
    font-size: 0.875rem;
    color: var(--popup-text-color);
	font-weight: 400;
}

#cartModal button#cancelpurchase {
    background-color: transparent;
    color: var(--popup-text-color);
	
}

#cartModal button#cancelpurchase:hover {
    background-color: var(--accent-color);
    color: var(--popup-text-color);
}

/*
 * Checkout page
 */

#cart thead {
/*    background-color: #424242;*/
}

#cart strong {
    color: var(--headings-font-color);
}


/*
 * Search page
 */

.search-option {
    border: 1px solid #777;
/*    background-color: black;*/
    padding: 1em;
    margin-top: 0.5em;
}

.search-tab {
  overflow: hidden;
  border-bottom: 2px solid transparent;
}

/* Style the buttons that are used to open the tab content */
.search-tab button {
	background-color: inherit;
	/*background: transparent;*/
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	padding-bottom: 7px;
	transition: 0.3s;
	color: var(--buttons-text-color);
	border-radius: 0;
	font-weight: 600;
	margin: 0 5px;
}

/* Change background color of buttons on hover */
.search-tab button:hover {
    border-bottom: 3px solid var(--accent-color);
	color: var(--accent-color);
}

/* Create an active/current tablink class */
.search-tab button.active,
.search-tab button:focus {
  border-bottom: 3px solid var(--accent-color);
}

.search-tab button:focus {
	color: var(--buttons-text-color);
}

/* Style the tab content */
.search-tabcontent {
	display: none;
	margin-top: 30px;
}

/* Disable the blog search link */
.search-handoff {
	display:none;
}

.search-tabcontent ul.breadcrumbs li {
	font-size: 1rem;
	display: list-item;
    margin-left: 45px;
	list-style: disc;
}

.blog-search ul {
	margin: 1rem 0;
	padding: 0;
}

.blog-search ul li {
	font-size: 1rem;
	margin-left: 45px;
	margin-top: 1rem;
	letter-spacing: 0.015em;
	line-height: 1.125rem;
	padding: 0;
}

.album-template-identifier-dlp-search #nextPageCardButton,
.album-template-identifier-dlp-search #nextPageCard,
.album-template-identifier-dlp-search .pagination {
	display: none;
}

.album-template-identifier-dlp-search #searchPhotos .pagination,
.album-template-identifier-dlp-search #searchBlog .pagination {
	display: initial;
}

#searchBlog article {
	margin-top: 1em;
    margin-bottom: 1em;
}

#searchBlog .searched-thumbnail {
    float: left;
    width: 20%;
    max-width: 200px;
	margin: 10px 20px 10px 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
}

#searchBlog .searched-thumbnail:hover  {
	border-bottom: 2px solid var(--accent-color);
}


#searchBlog .searched-content p {
    font-size: 0.875rem;
}

#searchBlog h3 {
    margin-top: 0;
}

#searchBlog h3 a{
	font-size: 1rem;
	font-weight: 600;
	/*color: lightgray;*/
	text-decoration: none;
}

#searchBlog h3 a:hover,
#searchBlog h3 a:focus {
	/*color: var(--accent-color);*/
	border-bottom: 2px solid var(--accent-color);
}

#searchBlog p{
	line-height: 1.5;
}

/*
 * Popup search
 */

.fb-search #search {
    background-color: var(--popup-background-color);
    position: absolute;
    height: 200px;
    left: 0;
	top: 42px;
}

.fb-search #search form {
    top: 110px;
}

.fb-search #search input[type=text] {
/*    background-color: lightgray;*/
/*	border-color: black;*/
/*    color: black;*/
}

.fancybox-slide--html .fancybox-close-small {
/*    background-color: darkgrey;*/
	color: var(--forms-text-color);
}

.fancybox-slide--html .fancybox-close-small:hover {
    background-color: var(--accent-color);
	color: var(--background);
}

.fancybox-slide--html > *, .fancybox-slide--inline > *{
/*	color: #f5f5f5;*/
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: var(--link-color);
	border-bottom:2px solid transparent;
    text-decoration: underline;
}

.fancybox-caption a:hover, .fancybox-caption a:focus {
    color: var(--accent-color);
	border-bottom:2px solid var(--accent-color);
	text-decoration: none; 
}

.fancybox-toolbar button {
	border-bottom:4px solid transparent;
	
}

.fancybox-toolbar button:hover {
	border-bottom:4px solid var(--accent-color);
	background-color: transparent;
    color: var(--accent-color);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    visibility: visible;
}

#search_tool {
	background: transparent;
	background-color: transparent;
	border: 0px solid transparent;
}



/*
 *  Flickity slider
 */

.flickity-viewport {
    margin-bottom: 20px;
}

/*
 * Theme Switch
 * src: https://proto.io/freebies/onoff/
 */

.themeswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.themeswitch-checkbox {
    display: none;
}
.themeswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 16px;
}
.themeswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.themeswitch-inner:before, .themeswitch-inner:after {
    display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px;
    font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.themeswitch-inner:before {
    content: "O";
    padding-left: 10px;
    background-color: #191B25; color: #C38F22;
}
.themeswitch-inner:after {
    content: "P";
    padding-right: 10px;
    background-color: #191B25; color: #C38F22;
    text-align: right;
}
.themeswitch-switch {
    display: block; width: 20px; margin: 2px;
    background: #A3A3A3;
    position: absolute; top: 0; bottom: 0;
    right: 36px;
    border: 2px solid #999999; border-radius: 16px;
    transition: all 0.3s ease-in 0s; 
}
.themeswitch-checkbox:checked + .themeswitch-label .themeswitch-inner {
    margin-left: 0;
}
.themeswitch-checkbox:checked + .themeswitch-label .themeswitch-switch {
    right: 0px; 
}



/* customization */

.themeswitch-inner:before { 
	text-align:left;
}

.themeswitch-inner:before {
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 900;
	content: "\f755";
}

.themeswitch-inner:after {
    font-family: "Font Awesome\ 5 Pro";
	font-weight: 900;
	content: "\f185";

}


.page__pallet__top > .content > ul > li#widget-container > ul > li#theme-switch-block:hover {
	border-color:transparent;
}

/* Language switching (globe replacement)*/

html .fa-globe:before {
	font-family: Arial, 'Helvetica Neue', Helvetica, Roboto, 'Droid Sans', sans-serif;
    font-weight: 700;
	font-size: 0.875em;
}	

#language-selector .fa-lg{
	vertical-align: initial;
}

html[lang="en"] .fa-globe:before {
    content: "EN";
}

html[lang="de"] .fa-globe:before {
    content: "DE";
}

html[lang="fr"] .fa-globe:before {
    content: "FR";
}

#language-selector ul {
	width: 75px;
}

/* Language switching (alternative options) */

#lang-sel ul {
    padding-left: 0px;
}

#lang-sel li {
    display: inline-block;
    padding: 0 5px;
	font-weight: 400;
	font-size: 1rem;
	color: white;
}

#lang-sel li a {
    color: var(--base-font-color);
    text-decoration: none;
	border-width: 0px;
}

#lang-sel li a:hover,
#lang-sel li a:focus  {
    color: var(--accent-color);
    text-decoration: none;
	border-width: 0px;
}

.page__pallet__top > .content > ul > li#widget-container > ul > li#lang-sel:hover {
	border-color:transparent;
}

/* metdata customization */
dl.panel-metadata dd {
	display: inline-block;
	width: 80%;
}

dl.panel-metadata dt {
	display: inline-block;
	width: 20%;
}

/***********************************************
         Essay specific modifs 
 ***********************************************/

div[data-presentation="grid"] figure > div {
    background-color: transparent;
}

div[data-presentation="single"] figcaption {
    border-color: transparent;