/*
================================================================================
i-Docs X Theme Styles
================================================================================
AUTHOR: Christian Wach <needle@haystack.co.uk>
--------------------------------------------------------------------------------
NOTES

All styles that are 100% specific to the i-Docs site live here.

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



/*
--------------------------------------------------------------------------------
Theme overrides.
--------------------------------------------------------------------------------
*/

/* Make header dark */
.x-navbar-inner
{
    background-color: #23282d;
}

.masthead-inline .x-navbar .desktop .sub-menu
{
    background-color: #23282d;
}

/* Alter homepage header text */
body.home #x-content-band-1 h4
{
    text-shadow: 0 0 5px #919191;
}

body.home #x-content-band-1 p
{
    text-shadow: 0 0 2px #333;
}



/*
--------------------------------------------------------------------------------
"Citation Archive" styles.
--------------------------------------------------------------------------------
*/

body.archive .citation .entry-title
{
	font-size: 100%;
	line-height: 1.5;
}

body.archive .citation .citationcat,
body.archive .citation .citationtag
{
	margin: 0.5em 0;
	font-size: 79%;
	line-height: 1.5;
}

/*
body.archive .citation .citationcat,
body.archive .citation .citationtag
{
	border: 1px dashed rgba(0,0,0,0.3);
	border-radius: 5px;
	padding: 3px 8px 3px 8px;
	background-color: rgba(0,0,0,0.3);
}
*/



/*
--------------------------------------------------------------------------------
"Citation Archive Search Form" styles.
--------------------------------------------------------------------------------
*/

body #citation_searchform
{
	margin: 0.5em 0;
	line-height: 1.5;
}

body #citation_searchform label
{
	display: inline-block;
	margin-bottom: 9px;
	vertical-align: middle;
	font-size: 19px;
}

body #citation_searchform .citation_s
{
	font-size: 16px;
	width: 15em;
}

body #citation_searchform #searchsubmit
{
	padding: 0.3em 0.3em 0.2em 0.3em;
	vertical-align: middle;
	margin-bottom: 9px;
}



/*
--------------------------------------------------------------------------------
"Media Archive" styles.
--------------------------------------------------------------------------------
*/

/* Timeline visibility */
.i-docs-timeline
{
	display: none;
}

.i-docs-timeline .i-docs-timeline-maindiv
{
	text-align: justify !important;
	padding-top: 10px;
}

.i-docs-timeline .i-docs-timeline-maindiv span
{
	border: 1px dashed #999;
	border-radius: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 3px 2px 8px;
	display: inline-block;
	background-color: rgba(0,0,0,0.02);
	color: #999;
}

.post-type-archive-x-portfolio .i-docs-timeline
{
	display: inline;
}

.i-docs-timeline .x-container
{
	margin-top: 10px;
}

.post-type-archive-x-portfolio .i-docs-timeline p
{
	max-width: 1000px;
	margin-top: 10px;
	margin: auto;
	width: 81%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	position: relative;
	border-bottom: solid 1px #222;
}



/* Single Portfolio (Media) page */
.single-x-portfolio .entry-wrap
{
	padding: 10px !important;
}

.single-x-portfolio .p-meta span
{
	padding-right: 30px !important;
}

.single-x-portfolio .entry-content p
{
	padding: 5px;
	padding-right: 10px;
}

.single-x-portfolio .x-resp-embed
{
	margin-bottom: 15px;
}

.single-x-portfolio .entry-header .p-meta span
{
	color: rgba(0,0,0,0);
}

.single-x-portfolio .entry-header .p-meta span a
{
	padding: 5px 10px 5px 10px !important;
	border: 1px dashed rgba(0,0,0,0.2);
	border-radius: 5px;
	background-color: rgba(0,0,0,0.05);
}



/* Displays date */
.single .x-portfolio .p-meta span:nth-of-type(2)
{
	float: right;
	color: rgba(0,0,0,1) !important;
	border: 1px dashed rgba(0,0,0,0.2);
	border-radius: 5px;
	background-color: rgba(0,0,0,0.05);
	margin-top: -5px;
	padding: 5px 5px 2px 10px;
}

.single .x-portfolio .p-meta span:nth-of-type(2):after
{
	display: none;
}



/* Hide stuff */
.x-icon-bookmark,
.single .x-portfolio .entry-thumb,
.single .x-portfolio .entry-header .entry-title,
.single .x-portfolio .entry-extra,
.single .x-portfolio .p-meta span:nth-of-type(2) a:nth-of-type(1),
.p-meta span:nth-of-type(1),
.tax-portfolio-category .p-meta span:nth-of-type(2):after,
.tax-portfolio-category .p-meta-removed a i,
.tax-portfolio-category .p-meta span:nth-of-type(3) i,
.archive .p-meta empty,
.post-type-archive-x-portfolio .p-meta span:nth-of-type(2):after,
.post-type-archive-x-portfolio .p-meta-removed a i,
.post-type-archive-x-portfolio .p-meta span:nth-of-type(3) i,
.archive .p-meta empty
{
	display: none !important;
}



/* Portfolio (Media) Archive pages */
.tax-portfolio-category .x-container.offset,
.post-type-archive-x-portfolio .x-container.offset
{
	margin-top: 10px;
}

.x-iso-container
{
	margin: 0px -.8em;
}

.tax-portfolio-category .entry-info,
.post-type-archive-x-portfolio .entry-info
{
	width: 100%;
}

.tax-portfolio-category article,
.post-type-archive-x-portfolio article
{
	height: 300px !important;
	min-height: 300px;
	max-width: 300px;
	margin-bottom: 15px !important;
	overflow: hidden;
	font-size: 0.8em;
}

.tax-portfolio-category .entry-title a,
.post-type-archive-x-portfolio .entry-title a
{
	color: #fff;
	font-size: 80%;
	font-weight: 600;
}

.tax-portfolio-category .p-meta,
.post-type-archive-x-portfolio .p-meta
{
	padding-right: 10px;
	font-size: 90% !important;
	border-bottom: 1px solid;
}

.tax-portfolio-category .p-meta span a,
.post-type-archive-x-portfolio .p-meta span a
{
	border: 1px dashed rgba(0,0,0,0.3);
	border-radius: 5px;
	padding: 3px 8px 3px 8px;
	background-color: rgba(0,0,0,0.3);
}

.tax-portfolio-category .p-meta span:nth-of-type(2),
.post-type-archive-x-portfolio .p-meta span:nth-of-type(2)
{
	position: absolute;
	bottom: 15px;
	left: 22px;
	max-width: 250px;
}

.tax-portfolio-category .p-meta span:nth-of-type(3),
.post-type-archive-x-portfolio .p-meta span:nth-of-type(3)
{
	position: absolute;
	top: 15px;
	left: 15px;
	max-width: 250px;
}

.tax-portfolio-category .p-meta span:nth-of-type(3),
.post-type-archive-x-portfolio .p-meta span:nth-of-type(3)
{
	color: rgba(0,0,0,0);
}

.tax-portfolio-category .entry-header, .post-type-archive-x-portfolio .entry-header
{
	width: 250px;
}

.tax-portfolio-category .entry-featured,
.post-type-archive-x-portfolio .entry-featured
{
	float: left;
	width: 300px;
	min-height: 300px;
	background-size: cover;
}

.tax-portfolio-category .entry-featured img,
.post-type-archive-x-portfolio .entry-featured img
{
	width: 100% !important;
}

.tax-portfolio-category .entry-title,
.post-type-archive-x-portfolio .entry-title
{
	padding-top: 30px;
}

.tax-portfolio-category .entry-thumb,
.post-type-archive-x-portfolio .entry-thumb
{
	width: 300px !important;
	height: 300px !important;
}

.tax-portfolio-category .entry-featured .entry-thumb img,
.post-type-archive-x-portfolio .entry-featured .entry-thumb img
{
	object-fit: cover !important;
	height: 100% !important;
}

.tax-portfolio-category .entry-wrap,
.post-type-archive-x-portfolio .entry-wrap
{
	color: #fff;
	width: 300px;
	min-height: 300px;
	position: fixed;
	top: 0px;
	float: left;
	padding: 0px;
	background-color: rgba(0,0,0,0.6);
}

.tax-portfolio-category .entry-header,
.post-type-archive-x-portfolio .entry-header
{
	font-size: 1.1em !important;
}

.tax-portfolio-category .excerpt,
.post-type-archive-x-portfolio .excerpt
{
	font-size: 0.95em !important;
}

.x-portfolio .entry-info,
.post-type-archive-x-portfolio .entry-info
{
	width: 100%;
}



/* Archive titles */
.x-header-landmark .p-landmark-sub
{
	font-size: 1.3em;
}

.x-header-landmark .h-landmark
{
	font-weight: 500;
	letter-spacing: -2px;
}

.p-landmark-sub
{
	margin-bottom: 10px;
}



/* About panel - hide by default */
.archive button
{
	display: none;
}

.term-i-docs-2018 button,
.term-i-docs-2016 button,
.term-i-docs-2014 button,
.term-i-docs-2012 button,
.term-i-docs-2011 button,
.i-docs-timeline button
{
	display: inline;
}



/* i-Docs 2018 Page */
.term-i-docs-2018 .entry-wrap
{
	background-color: rgba(50,50,0,0.6) !important;
}

.term-i-docs-2018 .h-landmark, .term-i-docs-2018 .p-landmark-sub
{
	color: rgba(50,50,0,0.6);
}

.term-i-docs-2018 .x-navbar-inner
{
	background-color: rgba(40,40,0,1);
}



/* i-Docs 2016 Page */
.term-i-docs-2016 .entry-wrap
{
	background-color: rgba(0,0,40,0.6) !important;
}

.term-i-docs-2016 .h-landmark, .term-i-docs-2016 .p-landmark-sub
{
	color: rgba(0,0,40,0.6);
}

.term-i-docs-2016 .x-navbar-inner
{
	background-color: rgba(0,0,40,1);
}



/* i-Docs 2014 Page */
.term-i-docs-2014 .entry-wrap
{
	background-color: rgba(45,0,0,0.6) !important;
}

.term-i-docs-2014 .h-landmark, .term-i-docs-2014 .p-landmark-sub
{
	color: rgba(45,0,0,0.6);
}

.term-i-docs-2014 .x-navbar-inner
{
	background-color:rgba(45,25,25,1);
}



/* collapsible */
/* Style the button that is used to open and close the collapsible content */
.i-docs-collapsible
{
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.i-docs-active, .i-docs-collapsible:hover
{
	background-color: #ccc;
	border-bottom: 1px solid black;
}

.idocs-active, .i-docs-collapsible
{
	font-weight: 900;
	padding: 15px 30px 15px 20px;
	margin-top: 15px;
	background-color: #ddd;
	border: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid black;

}

/* Style the collapsible content. Note: hidden by default */
.i-docs-content
{
	padding: 1px 30px 10px 20px;
	display: none;
	background-color: #f1f1f1;
	margin-bottom: 5px;
	border: 1px solid rgba(0,0,0,0.2);
}

.i-docs-content
{
	background-color: #eee;
}

.i-docs-collapsible:after
{
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: white;
	float: right;
	margin-left: 5px;
	margin-top: 3px;
}

.active:after
{
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}