/*!
Theme Name: elikagallery
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elikagallery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

elikagallery is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600|Source+Sans+Pro:400,600');

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
*,
*:focus,
*:active{
	outline: 0 !important;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	font-family: 'Source Code Pro', monospace;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
}
p, ul, ol,.sans, .caption{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
}
strong, b{
	font-weight: 600;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
	color: #000;
	transition: all 250ms ease-in-out;
	display: inline-block;
}

a:hover, a:focus, a:active {
	color: #E1453F;
	text-decoration: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 1em 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	display: inline-block;
	position: relative;
	padding: 0 4px;
	line-height: 48px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation .current-menu-item a{
	color: #E1453F;
}

/* Small menu. */
.menu-toggle{
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 99;
	display: block;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.mobile-navigation{
	text-transform: uppercase;
	padding: 1em 1em 2em;
	border-bottom: 4px solid #000;
}
.mobile-navigation li{
	line-height: 32px;
	height: 32-x;
}
.mobile-navigation .current-menu-item a{
	color: #E1453F;
}

.scrolldown{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	padding-bottom: 6px;
	transform: translateY(0%);
	color: #F94D48;
}
.scrolldown.headroom--not-top{
	transform: translateY(100%);
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/

h1.entry-title{
	font-size: 1em;
	margin-bottom: 1em;
	line-height: .75em;
}
.single-post h1.entry-title{
	margin-bottom: 0;
}
h1.page-title{
	margin-top: 16px;
}

h2.entry-title{
	font-size: 1em;
	margin-bottom: 10px;
	line-height: .5;
}
h2.current-title{
	line-height: 1.4;
}
h2.current-title small{
	font-size: 70%;

}
h3.entry-title{
	font-size: .8em;
	margin-top: 10px;
	line-height: 1;
}
.entry-header{
	padding-top: 1em;
}
.entry-content{
	margin: 0;
}
.entry-content p{
	font-size: 16px;
}

@media screen and (min-width: 480px){
	h1.entry-title,
	h2.entry-title{
		font-size: 1.2em;
	}
	h3.entry-title{
		font-size: 1em;
	}
}

 /*--------------------------------------------------------------
 # Animations
 --------------------------------------------------------------*/
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
#header.headroom.headroom--not-top.headroom--unpinned{
	transform: translateY(-100%);
}
#header.headroom.headroom--not-top.headroom--pinned{
	transform: translateY(0%);
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}
#exhibition-tabs{
	margin-bottom: 1em;
	background: #FFF;
}
.nav-pills .nav-link{
	border-radius: 0 !important;
	border: 1px solid #FFF;
	background: #fff !important;
	color: #000 !important;
}
.nav-pills .nav-link.active,
.show >.nav-pills .nav-link{
	border: 1px solid #000;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page{
	padding: 96px 1em 1em 1em;
}
#header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFF;
	padding: 0 1em;
	z-index: 99;
}
#secondary{
	padding: 1em 0 3em;
	border-top: 1px solid #000;
	margin-top: 3em;
}
@media screen and (min-width:992px){
	#page{
		padding: 96px 5em 1em 6em;
	}
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.current-info{
	padding: 1em;
}
@media screen and (min-width: 768px){
	.vertical-middle{
		top: 45%;
		transform: translateY(-50%);
		position: relative;
	}
	.inner{
		max-width: 800px;
	}
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.ias-noneleft,
.ias-trigger,
.ias-spinner{
	padding: 6px 10px;
}
.ias-noneleft,
.ias-trigger{
	text-transform: uppercase;
	border: 1px solid #333;
}
.ias-noneleft a,
.ias-trigger a,
.ias-spinner a{
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
	.cell-item{
		margin-bottom: 30px;
	}

	/*! Flickity v2.0.10
	http://flickity.metafizzy.co
	---------------------------------------------- */

	.flickity-enabled {
	  position: relative;
	}

	.flickity-enabled:focus { outline: none; }

	.flickity-viewport {
	  overflow: hidden;
	  position: relative;
	  height: 100%;
	}

	.flickity-slider {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	}

	/* draggable */

	.flickity-enabled.is-draggable {
	  -webkit-tap-highlight-color: transparent;
	          tap-highlight-color: transparent;
	  -webkit-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	}

	.flickity-enabled.is-draggable .flickity-viewport {
	  cursor: move;
	  cursor: -webkit-grab;
	  cursor: grab;
	}

	.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	  cursor: -webkit-grabbing;
	  cursor: grabbing;
	}

	/* ---- previous/next buttons ---- */

	.flickity-prev-next-button {
	  position: absolute;
	  top: 50%;
	  width: 44px;
	  height: 44px;
	  border: none;
	  border-radius: 50%;
	  background: white;
	  background: hsla(0, 0%, 100%, 0.75);
	  cursor: pointer;
	  /* vertically center */
	  -webkit-transform: translateY(-50%);
	          transform: translateY(-50%);
	}

	.flickity-prev-next-button:hover { background: white; }

	.flickity-prev-next-button:focus {
	  outline: none;
	  box-shadow: 0 0 0 5px #09F;
	}

	.flickity-prev-next-button:active {
	  opacity: 0.6;
	}

	.flickity-prev-next-button.previous { left: 10px; }
	.flickity-prev-next-button.next { right: 10px; }
	/* right to left */
	.flickity-rtl .flickity-prev-next-button.previous {
	  left: auto;
	  right: 10px;
	}
	.flickity-rtl .flickity-prev-next-button.next {
	  right: auto;
	  left: 10px;
	}

	.flickity-prev-next-button:disabled {
	  opacity: 0.3;
	  cursor: auto;
	}

	.flickity-prev-next-button svg {
	  position: absolute;
	  left: 20%;
	  top: 20%;
	  width: 60%;
	  height: 60%;
	}

	.flickity-prev-next-button .arrow {
	  fill: #333;
	}

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

	.flickity-page-dots {
	  position: absolute;
	  width: 100%;
	  bottom: -25px;
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  text-align: center;
	  line-height: 1;
	}

	.flickity-rtl .flickity-page-dots { direction: rtl; }

	.flickity-page-dots .dot {
	  display: inline-block;
	  width: 10px;
	  height: 10px;
	  margin: 0 8px;
	  background: #333;
	  border-radius: 50%;
	  opacity: 0.25;
	  cursor: pointer;
	}

	.flickity-page-dots .dot.is-selected {
	  opacity: 1;
	}

/* carousel height */
.carousel {
  height: 70vh;
  width: 100%;
}

/* cell inherit height from carousel */
.carousel .carousel-cell,
.carousel .carousel-cell a {
  height: 100%;
  width: 100%;
  text-align: center;
}
.carousel .carousel-cell-image{
	max-height: 100%;
	width: auto;
	max-width:100%;
	display: block;
	margin: auto;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.caption{
	font-size: 13px;
	padding: 6px;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}