/*!
Theme Name: Congress '25
Theme URI: https://congress.intbau.org/
Description: 2025 theme for the INTBAU Congress '25 website
Author: Pixelfridge
Author URI: https://www.pixelfridge.com/
Version: 1.0
Tags: congress

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0 auto;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: normal;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	border: 1px #000 solid;
	margin:10px 0;
}
i, address {
	font-style: normal;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: transparent;
    color: #0f0f0f;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}
button {
	border: medium none;
background: none repeat scroll 0% 0% transparent;
outline: medium none;
cursor: pointer;
}
button::-moz-focus-inner,
    input::-moz-focus-inner {
    border: 0;
    padding: 0;
	background:transparent;
    }
	input {
    -webkit-appearance: none;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/*---------------- GENERAL RULES ------------ */
#splash.active {
	opacity: 100;
	-webkit-transition: opacity .8s ease-out;
    -moz-transition: opacity .8s ease-out;
    -o-transition: opacity .8s ease-out;
    transition: opacity .8s ease-out;
}
#splash {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	margin:0 auto;
	background-color:#fcfcfc;
	background-image: none;
	z-index:9980;
	opacity: 0;	
    pointer-events: none;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
#splash.unload {
	opacity: 100;
}

#splash.index {
	z-index: 9995;
}

svg {height: 100%; width: 100%;}
	
body {
	font-family: DomaineText-Regular, serif;
	font-size: 1.4vw;
	background-color: #F9F9F2;
	margin: 0;
	padding: 0;
	color: #1d1e1c;
	width:100%;
	height:100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

nav {
	z-index:6666;
}

/* ~~ Element/tag selectors ~~ */

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style:none;
}

/* --- TYPOGRPAHY ---- */

sup {font-size:60%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
	}
em {
	border-bottom:2px dotted #060e80;
}

h1, h2, h3, h4, h5, h6, p {
	font-style:normal;
	font-weight:normal;
}

h1, h2, h3, p, blockquote {
	font-family: DomaineText-Regular, serif;
}
h1, h2 {
	width:100%;
	margin:0 auto;
}
h1 {
	font-style:normal;
	font-size:1em;
	line-height:1.6em; 
}

h2 {
	font-size:1em;
	line-height:1em;
	padding: 10px 0px 20px;
	box-sizing: border-box;
	text-align:left;
}

h3 {
	font-size:1em;
}

h4 {
	font-size:1em;
}
blockquote {
	padding:0 2.5vw;
	margin: 0;
	text-indent:0;
}
p {
	font-size:1em;
	line-height:1.6em;
	margin: 0;
}

li {
	
   }

a img { 
	border: none;
}

figure {
	width:100%;
}
/* ~~ styling links must remain in this order - including the group of selectors that create the hover effect. ~~ */

a:link {
	color: #1d1e1c;
	text-decoration:none;
	border-bottom: solid 1px #1d1e1c;
}
a:visited {
	color: #1d1e1c;
}
a:hover, a:active, a:focus { 
	color: #1d1e1c;
	border-bottom: none;
}


/* --- TYPOGRPAHY ---- */

#preload-wrap {
	position:absolute;
	left:-9999px;
}

/* --- UI ---- */
nav#menu, header#masthead {
	box-sizing: border-box;
}

nav#menu {
	position: fixed;
	width: 50vw;
	overflow: hidden;
	background-color: transparent;
	padding: .8vw .8vw .6vw .8vw;
	left: 0;
	top: 0;
	z-index: 9990;
}

	nav#menu i {
		display: none;
	}
	nav#menu ul {
		white-space: nowrap;
		padding: .2vw 0 0;
	}
	nav#menu ul li {
		display: inline-block;
		margin: 0 .4vw 0 0;
	}
	nav#menu ul li.keyline {
		display: none;
	}
		nav#menu a:link {
			border-bottom: none;
		}
		nav#menu a:hover, nav#menu ul li.current-menu-item, nav#menu i:hover {
			border-bottom: 1px solid #1d1e1c;
		}

	nav#menu span {
		margin-left: 1.8vw;
	}

body.page-id-567 nav#menu {
    background-color: #88A0B8;
}


@media only screen and (min-width: 641px) {
    body.page-id-550 nav#menu,
    body.page-id-559 nav#menu,
    body.page-id-550 nav#menu a:link,
    body.page-id-550 nav#menu a:visited,
    body.page-id-559 nav#menu a:link,
    body.page-id-559 nav#menu a:visited {
        color: #F9F9F2;
    }
    body.page-id-550 nav#menu a:hover,
    body.page-id-550 nav#menu ul li.current-menu-item,
    body.page-id-550 nav#menu i:hover,
    body.page-id-559 nav#menu a:hover,
    body.page-id-559 nav#menu ul li.current-menu-item,
    body.page-id-559 nav#menu i:hover {
        border-color: #F9F9F2;
    }
}


header#masthead {
	position: fixed;
	width: 50vw;
	overflow: hidden;
	border-top: 1px solid #1d1e1c;
	background-color: #F7F7F7;
	left: 0;
	bottom: 0;
	height: 6vw;
	z-index: 9997;
}
	header#masthead h1.marquee {
		font-size: 5vw;	
		letter-spacing: -0.03em;
		line-height: 1.2em;
		overflow: hidden;	
	}
		header#masthead h1.marquee span {
			margin-right: 3vw;		
		}


/* --- STRUCTURE ---- */

#left, section#right {
	box-sizing: border-box;
}
#left {
	position: fixed;
	width:  50vw;
	left: 0;
	top: 0;
	height: 100vh;
	background-color: transparent;
	padding: 8vw .8vw 8vw;
	overflow: scroll;
}
body.page-id-550 #left,
body.page-id-559 #left {
    padding: 0;
}

	header#left figure {
		position: absolute;
		height: 100vh;
		width: 50vw;
		top: 0;
		left: 0;
	}
	header#left figure.cover img {
		width:50vw;
		height: 100vh;
		display: block;
		object-fit: cover;
	}
    header#left img.cover {
		width:50vw;
		height: 100vh;
		display: block;
		object-fit: cover;
	}
	header#left h2 {
		margin: 3.4vw 0vw .8vw;
	}
	header#left ul {
		margin: 0 0 .8vw;
		display: flex;
        flex-direction: column;
	}
	header#left ul li {
		line-height: 1.6em;
	}

    header#left svg {
        fill: black;
    }
    header#left.theme-1 {
        background-color: #46543D;
    }
    header#left.theme-1 svg {
        fill: #777FB4;
    }
    header#left.theme-2 {
        background-color: #88804B;
    }
    header#left.theme-2 svg {
        fill: #793221;
    }
    header#left.theme-3 {
        background-color: #F9F9F2;
    }
    header#left.theme-3 svg {
        fill: #537750;
    }
    header#left.theme-4 {
        background-color: #88A0B8;
    }
    header#left.theme-4 svg {
        fill: #EEE982;
    }



/*---- CAROUSEL---*/
	.home header#left {
		overflow: hidden;
	}
 		article.carousel {
            height: 100vh;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			width: 50vw;
			white-space: nowrap;
			--offset: 0vh;
		    --move-initial: calc(0% + var(--offset));
		    --move-final: calc(-83.44% + var(--offset));
        }
        article.carousel section {
            position: absolute;
            top: 0;
            width: 100%;
            height: 198vw;
            margin: 0;
            text-align: center;
            -moz-transform: translate3d(0, var(--move-initial), 0);
            -webkit-transform: translate3d(0, var(--move-initial), 0);
            transform: translate3d(0, var(--move-initial), 0);
            -moz-animation: scroll-up 2s linear infinite;
            -webkit-animation: scroll-up 2s linear infinite;
            animation: scroll-up 60s linear infinite;
            animation-play-state: running;
        }
       header#left article.carousel section img {
        	width: 50vw;
            height: 33vw;
            display: block;
            border-bottom: 1px solid #1d1e1c;
        }
        article.carousel section:hover {
		    animation-play-state: paused;
		}
        @-moz-keyframes scroll-up {
            0% {
                -moz-transform: translate3d(0, var(--move-initial), 0);
            }
            100% {
                -moz-transform: translate3d(0, var(--move-final), 0);
            }
        }
        
        @-webkit-keyframes scroll-up {
            0% {
                -webkit-transform: translate3d(0, var(--move-initial), 0);
            }
            100% {
                -webkit-transform: translate3d(0, var(--move-final), 0);
            }
        }
        
        @keyframes scroll-up {
            0% {
                -moz-transform: translate3d(0, var(--move-initial), 0);
                -webkit-transform: translate3d(0, var(--move-initial), 0);
                transform: translate3d(0, var(--move-initial), 0);
            }
            100% {
                -moz-transform: translate3d(0, var(--move-final), 0);
                -webkit-transform: translate3d(0, var(--move-final), 0);
                transform: translate3d(0, var(--move-final), 0);
            }
        }

/*--ICONS--*/
.page-id-559 header#left, .page-id-550 header#left {
		overflow: hidden;
	}

header#left figure.container {
	width: 50vw;
	height: 100vh;
	left: 0;
	top: 0;
	overflow: hidden;
	position: absolute;
	min-height: 50vw;
}
	header#left img.icon {
		width:23vw;
		height: auto;
		display: block;
		position: absolute;
		z-index: 4500;
	}
		header#left img.icon.icon-26 {
			bottom: 14vh;
			right: 2vw;
			transform: rotate(-20deg);
			width: 29vw;
		}
		header#left img.icon.icon-20 {
			  top: 29vh;
			  left: 3vw;
			  transform: rotate(5deg);
			  width: 24vw;
			}
		header#left img.icon.icon-01 {
			top: 11vh;
			right: 7vw;
			transform: rotate(9deg);
			width: 23vw;
		}

		
		header#left img.icon.icon-34 {
			  top: 9vh;
			  right: 6vw;
			  transform: rotate(-21deg);
			  width: 23vw;
		}
		header#left img.icon.icon-36 {
			top: 34vh;
			left: 2vw;
			transform: rotate(-55deg);
			width: 28vw;
		}
		header#left img.icon.icon-38 {
			bottom: 14vh;
			right: 5vw;
			transform: rotate(-15deg);
			width: 35vw;
		}

/*--'25 CONGRESS HOMEPAGE ANIMATION--*/
@keyframes pit-fadein {
    from { opacity: 0 } 
    to { opacity: 1 }
}
header#left .pit-graphic {
    width: 100%;
    aspect-ratio: 828/637;
    max-width: 800px;
}
header#left .pit-graphic .pit-graphic-inner {
    padding-right: 2em;
}
header#left .pit-graphic svg g {
    opacity: 0;
    animation: pit-fadein 1s ease-in-out forwards;
}
header#left .pit-graphic svg g#progress { animation-delay: 0.5s }
header#left .pit-graphic svg g#in { animation-delay: 1.0s }
header#left .pit-graphic svg g#tradition { animation-delay: 1.5s }
header#left .pit-graphic svg g#arrow { animation-delay: 2.0s }
header#left .pit-graphic svg g#trowel { animation-delay: 2.1s }
header#left .pit-graphic svg g#whirl { animation-delay: 2.2s }
header#left .pit-graphic svg g#longarrow { animation-delay: 2.3s }
header#left .pit-graphic svg g#column { animation-delay: 2.4s }

@media only screen and (max-width:640px) {
    header#left .pit-graphic {
        margin-top: 100px;
    }
    header#left .pit-graphic .pit-graphic-inner {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

/*--RIGHT--*/
section#right {
	position: relative;
	padding: .8vw 1.6vw 2vw 0.8vw;
	height: auto;
	min-height: 100vh;
	margin-left: 50vw;
	background-color: #F9F9F2;
}
	section#right ul {
		width:100%;
		display: block;
		box-sizing:border-box;
		margin:0 auto;
		position:relative;
		box-sizing: border-box;
	}
	ul.feed a:link {
		border-bottom: 1px solid transparent;
	}	
	ul.feed a:hover {
		border-bottom: 1px solid #1d1e1c;
	}	
	section#right ul.feed {
		padding: .8vw 0 .8vw .8vw;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 48px 24px;
        
	}
		section#right ul.feed li {
			position: relative;
            flex-basis: calc(50% - 12px);
            width: calc(50% - 12px);
			box-sizing: border-box;
		}
        section#right ul.feed li img {
            width: 100%;
            aspect-ratio: 3/2;
            object-fit: cover;
        }
        section#right ul.feed li a {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
        }
        section#right ul.feed li a div span {
            display: block;
        }
section#right ul.feed li figure, header#left ul.feed li figure {
			background-repeat:no-repeat;
			background-position:50% 50%;
			background-size:cover;
			margin-bottom:.8vw;
			box-sizing: border-box;
		}
		section#right ul.feed li figure {
			width: 85%;
			height: 12vw;
		}
        header#left ul.feed {
            display:flex;
            flex-direction: column;
            gap: 48px;
        }
		header#left ul.feed li {
			position: relative;
			width: 100%;
			box-sizing: border-box;
			padding: 0;
		}
        header#left ul.feed li a {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
            max-width: 720px;
        }
        header#left ul.feed li a div span {
            display: block;
        }
	section#right aside {
		margin-top: 8vw;
	}
.page-id-559 section#right figure {
	display: inline-block;
	width: 20%;
}
.page-id-559 section#right figure.main {
	display: block;
	width: 40%;
}

section#right .speakers {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



/* --- OVERLAY ---- */

body.modal-open {
    overflow: hidden;
    position:relative;
    height: 100%;
}

section#ajax-overlay {
	height: 100vh;
    width: 100vw;
    top: 100vh;
    position: fixed;
    -webkit-transition: top .4s ease;
    -moz-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease;
    background-color: transparent;
    z-index: 9999;
    box-sizing: border-box;
}
	section#ajax-overlay.active {
		top: 0vh;
	}
	section#ajax-overlay.active.demi {
		top: 50vh;
	}
	section#ajax-overlay.demi {
		height: 50vh;
		background-color: #88804B;
		padding: .8vw;
		box-sizing: border-box;
		border-top:1px solid #1d1e1c;
	}
	section#ajax-overlay.demi header {
		width: 49vw;
	}

	i.close, a.back {
		position: absolute;
		top: 4vw;
		left: .8vw;
		z-index: 9999;
		border-bottom:1px solid #1d1e1c;
		cursor: pointer;
	}
	a.back {
		position: fixed;
		top: 6vw;
	}
	i.close:hover, a.back:hover {
		border-bottom: none;
	}
	section#ajax-overlay.demi i.close {
		position: absolute;
		top: 0.8vw;
		left: auto;
		right: 0.8vw;
	}
	section#ajax-overlay form {
		text-align: left;
		font-size: 1em;
		margin: 2em 0;
	}
		section#ajax-overlay form #mc_embed_signup_scroll {
			width:100%;
		}
		section#ajax-overlay form div, section#ajax-overlay form p {
			display:inline-block;
			padding: 0;
		}
		section#ajax-overlay form .mc-field-group {
			width:100%;
			max-width:420px;
		}
		section#ajax-overlay form input.email {
			width:90%;
			margin-right:0.4vw;
			border:1px #000 solid;
			border-radius: 100px;
			background-color:#fff;
			padding: 0.5em;
		}
		section#ajax-overlay form input.button {
			background: none;
			color: inherit;
			border: none;
			padding: 0;
			font: inherit;
			cursor: pointer;
			outline: inherit;
			text-transform: uppercase;
			border-bottom:1px #000 solid;

		}
	section#ajax-overlay #left {
		position: absolute;
		padding: 3.6vw 0.8vw;
		top: 3vw;
        background-color:#F9F9F2;
	}
	body.single-speakers #left, body.single-post #left {
		padding: 12vw 0.8vw;
		top: 0;
	}		
		section#ajax-overlay #left figure,  body.single-speakers #left figure, body.single-post #left figure {
			position: relative;
			height: auto;
			width: 100%;
			padding-top: 2vw;
		}
		section#ajax-overlay #left img, body.single-speakers #left img, body.single-post #left img {
			width: 100%;
			height: auto;
			display: block;
			object-fit: contain;
		}
		section#ajax-overlay #left img.sml, body.single-speakers #left img.sml, body.single-post #left img.sml {
			width: 50%;
		}
	section#ajax-overlay #right {
		height: 100vh;
		overflow: scroll;
	}
		

/*---- STYLING -----*/

#right address {
	margin:0 auto;
	padding: 0 0 3.4vw;
}

#left p, #right p {
	margin:0 auto;
	padding: 0 0 1.8vw;
}
.schedule h1 {
	margin: 0 0 1.2vw;
	border-bottom: 1px solid #1d1e1c;
	display: inline-block;
	width: auto;
}
.schedule h1:hover {
	border-bottom: none;
}

body.page-id-552 article #left {
	background-color: #537750/*#80806c*/;
}
	body.page-id-552 section#ajax-overlay article #left {
	    background-color: #537750;
	}
body.page-id-567 article #left {
	background-color: #88A0B8;
}
	body.page-id-567 section#ajax-overlay article #left {
		background-color: #88A0B8;
	}
body.page-id-567 article #left img {
    max-width: 720px;
}

	

section#right section.schedule {
	position: relative;
	background-color:#88A0B8;
	margin: 0 0 0.8vw;
	padding: 0.8vw;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
	section#right section.schedule h1, section#right section.schedule i {
		cursor: pointer;
	}
	section#right section.schedule i {
		position: absolute;
		right: 0.8vw;
		top: 0.8vw;
		border-bottom: 1px solid #1d1e1c;
	}
	section#right section.schedule i:hover {
		cursor: pointer;
		border-bottom: none;
	}
section#right section.schedule.active {
	background-color:#F9F9F2;
	cursor: default;
}
	section#right section.schedule p {
		display: none;
		opacity: 0;
		-webkit-transition: all .6s ease;
	    -moz-transition: all .6s ease;
	    -o-transition: all .6s ease;
	    transition: all .6s ease;
	}
	section#right section.schedule ul {
		display: none;
		margin-top: 2.4vw;
		opacity: 0;
		-webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	    -o-transition: all 1s ease;
	    transition: all 1s ease;
	}
	section#right section.schedule.active ul, section#right section.schedule.active p {
		display: block;
		opacity: 100;
	}


footer {
	position: relative;
	width:50vw;
	overflow:auto;
	text-align:left;
	box-sizing:border-box;
}
	footer #int-logo {
		position: fixed;
		width: 240px;
		height: 35px;
		left: 0.8vw;
		bottom: 0.8vw;
		z-index: 9999;
        border: none;
	}
    footer #int-logo:hover {
        border: none;
    }
    footer #int-logo svg {
        fill: #1D1E1C;
    }
	.page-id-550 footer #int-logo svg,
	.page-id-559 footer #int-logo svg {
        fill: #F9F9F2;
    }
    @media only screen and (max-width:640px) {
        footer #int-logo {
            left: 0.5em;
            bottom: 0.5em;
        }
    }
	footer div.gradient {
		width: 50vw;
		position: fixed;
		bottom: 0;
		z-index: 9940;
		pointer-events: none;
	}
	footer ~ svg {
		display: none;
	}
	footer div.gradient.right {
		right: 0;
		height: 30vh;
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8043418050814075) 26%, rgba(255,255,255,0) 70%);
	}
	footer div.gradient.left {
		left: 0;
		height: 40vh;
	}
	footer div.gradient.left.yellow {
		background: rgb(238,233,130);
background: linear-gradient(0deg, rgba(238,233,130,1) 0%, rgba(238,233,130,0.8043418050814075) 26%, rgba(238,233,130,0) 70%);
	}
	footer div.gradient.left.green {
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8043418050814075) 26%, rgba(255,255,255,0) 70%);
		 /*background: rgb(128,128,108);
background: linear-gradient(0deg, rgba(128,128,108,1) 0%, rgba(128,128,108,1) 26%, rgba(128,128,108,0) 70%);
*/
	}

#right p#cta {
	padding: 1vw 0vw 6vw;
}
	#cta a.tickets {
		padding: .2vw 0.8vw .4vw;
		display:inline-block;
		text-align: center;
		background-color: transparent;
		color:#1d1e1c;
		border:1px #000 solid;
		border-radius: 4vw;
	}
	#cta a.tickets, a.tickets:link, a.tickets:visited {
		color:#1d1e1c;
	}
	#cta a.tickets:hover {
		background-color:#1d1e1c;
		color:#FFF;
	}


h1#holding {
	padding: 40px;
	font-size: 1.6em;
	width: 100vw;
	box-sizing: border-box;
}
/* -- COOKIES -- */

.cc-window {
	color:#060E80;
	font-family: GillSansMTStd-Medium, sans-serif;
	background:#f7f7f7;
	padding:0.8vw;
	margin: 0;
	position:fixed;
	width:100vw;
	max-width:15vw;
	border-left: solid 1px #060E80;
	border-top: solid 1px #060E80;
	z-index:1000000;
	box-sizing:border-box;
	text-align: center;
}
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cc-bottom {
  bottom: 0em;
}
.cc-left {
  left: 0em;
}
.cc-right {
  right: 0em;
}
.cc-header {
	margin-bottom:20px;
}
.cc-window a {
	text-decoration: underline;
}
	.cc-compliance a {
		padding: .5vw 0.8vw .4vw;
		display:inline-block;
		text-align: center;
		background-color: #F7F7F7;
		color:#060E80;
		border:1px #060E80 solid;
		border-radius: 4vw;
		cursor:pointer
	}
	.cc-compliance a:hover {
		background-color:#060E80;
		color:#FFF;
	}
	.cc-highlight a.cc-btn:first-child:hover {
		color:#d59f9f;
	}
	.cc-close {
	  position: absolute;
	  right: 5px;
	  top: 5px;
	  width: 30px;
	  height: 30px;
	  opacity: 1;
	}
	.cc-close:hover {
	  opacity: .5;
	}
	.cc-close:before, .cc-close:after {
	  position: absolute;
	  left: 15px;
	  content: ' ';
	  height: 33px;
	  width: 1px;
	  background-color: #060E80;
	}
	.cc-close:before {
	  transform: rotate(45deg);
	}
	.cc-close:after {
	  transform: rotate(-45deg);
	}
/* ----- OLD OLD OLD ------- */

#cookie-notice{
	color:#060E80;
	font-family: GillSansMTStd-Medium, sans-serif;
	background:#f7f7f7;
	padding:0.8vw;
	margin: 0;
	position:fixed;
	bottom: 0;
	left: 0;
	width:100vw;
	max-width:15vw;
	border-right: solid 1px #060E80;
	border-top: solid 1px #060E80;
	visibility:hidden;
	z-index:1000000;
	box-sizing:border-box;
	text-align: center;
}
	.cc-btn {
		font-size: 1.1em;
		font-weight:normal;
	}
	#cookie-notice button {
		padding: .5vw 0.8vw .4vw;
		display:inline-block;
		text-align: center;
		background-color: #F7F7F7;
		color:#060E80;
		border:1px #060E80 solid;
		border-radius: 4vw;
		cursor:pointer
	}
	#cookie-notice button:hover {
		background-color:#060E80;
		color:#FFF;
		}

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

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

@media only screen and (max-width: 1999px) {	
}

@media only screen and (max-width: 1600px) {
}

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

}

@media only screen and (max-width: 1240px) {
	body {
		font-family: DomaineText-Regular, serif;
		font-size: 18px;
	}
	nav#menu {
		height: auto;
	}
		nav#menu i {
			position: absolute;
			display: inline-block;
			cursor: pointer;
			right: .8vw;
			top: .8vw;
		}
		nav#menu ul {
			position: absolute;
			white-space: normal;
			top: -100vh;
			left: 0;
			
			-webkit-transition: all .4s ease;
		    -moz-transition: all .4s ease;
		    -o-transition: all .4s ease;
		    transition: all .4s ease;
		}
		nav#menu.active ul {
			top: auto;
			position: relative;
		}


	i.close, a.back {
	    top: 2.5em;
	}
	section#ajax-overlay #left {
		padding: 4em 0.5em;
	}
}

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

}

@media only screen and (max-width: 1000px) {
	section#ajax-overlay.demi header {
	    width: 66vw;
	}
}

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

}

@media only screen and (max-width: 870px) {		
	section#ajax-overlay #left {
	    top: 2em;
	}
	nav#menu span {
	    margin-left: 0px;
	    display: block;
	}
	#left {
		padding-top: 12vw;
	}
	i.close, a.back {
	    top: 4em;
	}
	body.single-speakers #left, body.single-post #left {
    	top: 2.5em;
	}
}

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


}

@media only screen and (max-width: 640px) {
a:link {
	border-bottom: solid .5px #1d1e1c;
}
footer i#int-logo {
	z-index: 9995;
	}
#splash.index {
	left: 0vw;
	width:100vw;
	background-color:transparent;
}
#splash.index figure {
	width: 100vw;
}
	#splash.index figure div {
		width: 100vw;
		height: 17vw;
	}
	
	nav#menu {
		width: 100vw;
		padding: .5em .5em;
		overflow: visible;
		height: auto;
		-webkit-transition: padding .6s ease;
	    -moz-transition: padding .6s ease;
	    -o-transition: padding .6s ease;
	    transition: padding .6s ease;
	    box-sizing: border-box;
	    border-bottom: solid .5px #1d1e1c;
	}
	nav#menu.active {
		padding-bottom: 100vh;
	}
		nav#menu header {
			background-color: #F9F9F2;
			z-index: 9990;
			position: absolute;
			width: 100vw;
			top: 0;
			left: 0;
			padding: .5em .5em;
			border-bottom: none;
		}			
		nav#menu i {
			position: absolute;
			display: inline-block;
			cursor: pointer;
			right: .5em;
			top: 1.8em;
			z-index: 9995;
		}
		nav#menu ul {
			position: fixed;
			/*background-color: #F7F7F7;*/
			height: auto;
			width: 100vw;
			padding-top: 24vh;
			top: auto;
			bottom: 100vh;
			left: 0;
			overflow: hidden;
			-webkit-transition: all .4s ease;
		    -moz-transition: all .4s ease;
		    -o-transition: all .4s ease;
		    transition: all .4s ease;
		    box-sizing: border-box;
		}
		nav#menu.active ul {
			bottom: 17vw;
			position: fixed;
            background-color: #F9F9F2;
		}
			nav#menu ul li {
				text-align: center;
				height: 17vw;
				width: 100vw;
				border-top: solid .5px #1d1e1c;
				background-color: #F9F9F2;
				font-size: 2em;
				padding: 0;
				box-sizing: border-box;
				font-size: 13vw;
				white-space: nowrap;
				letter-spacing: -0.03em;
			}
			nav#menu ul li.keyline {
				height: 17vw;
				width: 100vw;
				border-top: solid .5px #1d1e1c;
				background-color: transparent;
				padding: 0;
				box-sizing: border-box;
				display: block;
			}
		nav#menu a:hover, nav#menu ul li.current-menu-item, nav#menu i:hover {
		    border-bottom: none;
		}
		nav#menu ul li.current-menu-item {
		    background-color: #88804B;
		}
	header#masthead {
	    position: fixed;
	    width: 100vw;
	    height: 17vw;
	    top: 3.7em;
	    bottom: auto;
	    border-bottom: solid .5px #1d1e1c;
	    border-top: solid .5px #1d1e1c;
	    -webkit-transition: top .4s ease;
		    -moz-transition: top .4s ease;
		    -o-transition: top .4s ease;
		    transition: top .4s ease;
		}
	nav#menu.active + header#masthead {
		top: 100vh;
		margin-top: -17vw;
	}
		header#masthead h1.marquee {
		    font-size: 13vw;
		}
	#left {
		position: relative;
		width: 100vw;
		left: 0;
		top: 0;
		height: auto;
		background-color: #F7F7F7;
		overflow: visible;
		padding: 0;
		height: 100vh;
	}
	body.page-id-567 article #left, body.page-id-552 article #left {
		padding: 5em .5em 5em .5em;
		padding-top: 18vw;
		height: auto;
	}
	body.single-speakers #left, body.single-post #left {
		position: relative;
		width: 100vw;
		left: 0;
		top: 5em;
		height: auto;
		background-color: #F7F7F7;
		overflow: visible;
		padding: 8em .5em 7em;
		padding-top: 18vw;
	}
	header#left figure.container {
	width: 100vw;
		height: 100%;
	}
	header#left img.icon.icon-26 {
			bottom: 12vh;
			right: 2vw;
			transform: rotate(-20deg);
			width: 64vw;
		}
		header#left img.icon.icon-20 {
			  top: 36vh;
			  left: 3vw;
			  transform: rotate(5deg);
			  width: 54vw;
			}
		header#left img.icon.icon-01 {
			top: 21vh;
			right: 7vw;
			transform: rotate(9deg);
			width: 52vw;
		}

		
		header#left img.icon.icon-34 {
			  top: 19vh;
			  right: 6vw;
			  transform: rotate(-21deg);
			  width: 53vw;
		}
		header#left img.icon.icon-36 {
			top: 39vh;
			left: 1vw;
			transform: rotate(-55deg);
			width: 62vw;
		}
		header#left img.icon.icon-38 {
			bottom: 10vh;
			right: 7vw;
			transform: rotate(-15deg);
			width: 76vw;
		}
	header#left figure.cover {
		position: relative;
		width: 100vw;
		height: 100%;
	}
	header#left figure.cover img {
		width: 100vw;
		height: 100%;
	}
	header#left img.cover {
		position: relative;
		width: 100vw;
		height: 100%;
	}
	section#right {
		height: auto;
		margin-left: 0vw;
		padding: .5em .5em 8em .5em;
	}
	#left, section#right {
		box-sizing: border-box;
	}
		section#right ul li {
			padding: .25em 0em;
		}
		section#right ul li strong {
			background-color: #FFFB93;
		}
	.home header#left, .page-id-559 header#left, .page-id-550 header#left {
	    height: 100vh;
	}
	article.carousel {
	    --move-final: calc(-166.88% + var(--offset));
	}
		article.carousel {
		    width: 100vw;
		}
			header#left article.carousel section img {
			    width: 100vw;
			    height: 66vw;
	            border-bottom: .5px solid #1d1e1c;
			}
		article.carousel section:hover {
		    animation-play-state: running;
		}
	/* header#left ul.feed li {
		width: 96vw;
		display: block;
	}
		header#left ul.feed li figure {
		    height: 59vw;
		    width: 100%;
		} */
	section#right ul.feed li {
	    width: 45vw;
	}
		section#right ul.feed li figure {
		    height: 28vw;
		    width: 100%;
		}
	header#left ul {
	    display: block;
	    width: auto;
	}
	footer div.gradient {
		width: 100vw;
		display: none;
	}
	section#ajax-overlay {
		overflow: scroll;
	}
	section#ajax-overlay #left {
		position: relative;
		height: auto;
		padding: .5em;
		padding-top: 4em;
		top: 0;
	}
	section#ajax-overlay.active.demi {
		top: 0vh;
	}
	section#ajax-overlay.demi {
		height: 100vh;
		background-color: #88804B;
		padding:4em .5em;
		border-top: solid .5px #1d1e1c;
	}
	section#ajax-overlay.demi header {
		width: 100%;
	}
	section#ajax-overlay form {
	    margin: 2em 0;
	}
	section#ajax-overlay #right {
	    height: auto;
	    overflow: auto;
	}
	body.single-speakers #left figure, body.single-post #left figure {
		padding-top: 5vw;
	}
		section#right section.schedule {
		    margin: 0 0 0.5em;
		    padding:.5em .5em 2em .5em;
		}
		section#right section.schedule i {
		    right: 0.5em;
		    top: 0.5em;
		}
	.page-id-559 section#right figure {
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	.page-id-559 section#right figure.main {
		width: 80%;
	}

	i.close, section#ajax-overlay.demi i.close {
		top: .5em;
	    left: .5em;
	    right: auto;
	    opacity: 0;
	    -webkit-transition: opacity 1.2s ease-out;
    	-moz-transition: opacity 1.2s ease-out;
    	-o-transition: opacity 1.2s ease-out;
    	transition: opacity 1.2s ease-out;
	}
	section#ajax-overlay.active i.close {
		position: fixed;
		opacity: 100;
	}
	a.back {
		top: 4em;
		transform: translateY(18vw);
	    left: .5em;
	    z-index: 4500;
	}
	.schedule h1 {
	  margin: 0 0 1.2em;
	}

	section#ajax-overlay form input.button {
	    margin-top: 1em;
  		margin-left: .5em;
	}
}
@media only screen and (max-width: 520px) {

}
@media only screen and (max-width: 420px) {

}


body.admin-bar {
        margin-top: -32px;
        padding-bottom: 32px;
		
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
		opacity:0;
    }
    #wpadminbar .quicklinks>ul>li {
        position:relative;
    }
    #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
        bottom:28px;
    }
	#wpadminbar:hover {
		opacity:1;
	}