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

	* {
		outline: 0;
	}

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		color: #6E6E6E;
		font-family: 'Trykker', 'Georgia', serif;
		font-weight: 300;
		font-style: normal;
		font-size: 16px;
		line-height: 28px;
		-webkit-font-smoothing: antialiased;
	}

	h1,
	h2,
	h3,
	h4 {
		clear: both;
		margin: 0;
		display: block;
		font-weight: 600;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		font-family: 'Trykker', 'Georgia', serif;
	}

	h1 {
		font-size: 85px;
		line-height: 74px;
		letter-spacing: -0.030em;
	}

	h2 {
		font-size: 60px;
		line-height: 62px;
	}


	h3 {
		font-size: 28px;
		line-height: 36px;
		letter-spacing: -0.010em;
	}

	h4 {
	}

	p,
	li {
		font-weight: 300;
		font-style: normal;
		font-size: 16px;
		line-height: 28px;
		margin: 0;
	}

	em,
	i {
		font-weight: 300;
		font-style: italic;
	}

	b,
	strong {
		font-weight: 600;
	}

	#page blockquote {
	    display: block;
		margin: 24px 0;
		padding: 26px 0;
	}

	#page blockquote p:first-child {
		font-size: 28px;
		line-height: 36px;
		letter-spacing: -0.010em;
		font-weight: normal;
		width: 100%;
		position: relative;
		font-family: 'Trykker', 'Georgia', serif;
	}

	#page blockquote p:not(:last-child) {
		margin-bottom: 38px;
	}

	#page blockquote strong {}

	#page blockquote p:not(:first-child),
	#page blockquote strong,
	#page blockquote cite {
	}

	#page blockquote cite {
		color: #fff;
		display: block;
		padding-left: 16px;
		position: relative;
		font-style: normal;
	}

	#page blockquote cite:before {
		content: "—";
		display: block;
		position: absolute;
		left: 0;
		font-weight: 600;
	}

	#page blockquote cite br {
		display: none;
	}

	#page blockquote cite strong,
	#page blockquote strong cite {
		font-style: normal;
		display: block;
	}

	ul,
	ol {
		margin: 0;
		padding: 0;
	}

	ul {
		list-style: none;
	}

	ul.no-style {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.inline {
		font-size: 0;
		line-height: 0;
	}

	ul.inline li {
		float: left;
	}

	p.dev-error {
	    background: #eee;
	    padding: 4px 8px;
	    border: 1px solid #ccc;
	    font-size: 11px;
	    line-height: 13px;
	}

	p.dev-error code {
	    font-size: 11px;
	}

	.watermark {
	    position: fixed;
	    top: 48vh;
		max-width:250px;
	    width: 20%;
	    display: block;
	    text-align: center;
	    margin: 0 auto;
	    padding: 30px;
	    right: 0px;
	}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

	a {
		color: #6e6e6e;
		text-decoration: none;
		transition: all .3s linear;
		outline: 0;
	}

	a:hover {
		color: #2c2c2c;
	}

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

	#content .cta {
		font-size: 14px;
	    text-transform: uppercase;
	    display: block;
	    color: #fff;
		border: 0;
	    background: #00A6A3cc;
	    padding: 10px;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    letter-spacing: 0.080em;
	    max-width: 300px;
		width: 100%;
	    text-align: center;
	    height: 40px;
	    line-height: 20px;
		font-weight: 600;
	}

	#content .cta:hover {
	    background: #00A6A3;
	}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

	img {
		display: block;
	}

/*--------------------------------------------------------------
# #content forms
--------------------------------------------------------------*/

	input[type],
	textarea {
		-webkit-appearance: none;
		outline: 0;
		border: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 0;
		color: #2c2c2c;
		cursor: pointer;
		width: 100%;
		transition: all .3s linear;
	}

	textarea {
		resize: none;
	}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

	body {
		background-color: #fff;
	}

	.wrap {
		padding: 0 44px;
		max-width: 1186px;
		margin: 0 auto;
		width: 100%;
	}

	/* Sections */

		/* Section: Hero */
		.hero-section {
			position: relative;
			overflow: hidden;
			height: 45vh;
		}

		.hero-section:not(.no-image):before {
			content: "";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.4);
		}

		.home .hero-section:not(.no-image):before {
			background-color: rgba(0,0,0,.2);
		}

		.home .hero-section.nofade:before {
			background: transparent;
		}

		.hero-section .hero-section-banner {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		    align-items: flex-end;
		    height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}

		.hero-section .hero-section-banner .wrap {
			position: relative;
			padding-bottom: 40px;
		}

		.hero-section .hero-section-banner * {
			color: #fff;
		}

		.hero-section:not(.no-image) .hero-section-banner * {
			text-shadow: rgba(0, 0, 0, .2) 2px 2px 1px;
		}

		.hero-section .hero-section-banner h2 {
			text-indent: -3px;
			text-shadow: 2px 2px 1px rgba(0, 0, 0, .2);
		}

		.hero-section .hero-section-banner strong {
		    padding-bottom: 10px;
		    display: block;
		    font-size: 14px;
		    font-family: 'Trykker', 'Georgia', serif;
		    color: #e6e0c9;
		    letter-spacing: 0px;
		    font-weight: normal;
		    text-transform: uppercase;		}

			/* Hero No Image */
			.hero-section.no-image {
				background: #00a6a3;
			}

		/* Section: Content */
		#page {
			overflow: hidden;
		}

		article.hentry {
			margin: 0;
		}

		.content-section {
			margin: 0 auto;
			padding: 40px 148px 60px 45px;
		}

		.content-section .col-wrap {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		}

		.content-section .col-wrap > .col:first-child {
			flex: 0 1 402px;
		    height: fit-content;
			position: relative;
		}

		.content-section .col-wrap > .col:only-child,
		.content-section .col-wrap > .col:last-child {
			flex: 1 1 60%;
			/*padding-right: 100px;*/
		}

		.content-section .section-content h2 {}

		.content-section .section-content h3 {
			font-size: 26px;
		    line-height: 24px;
		    color: #2c2c2c;
		    margin-bottom: 12px;
		}

		.content-section .section-content p:not(:last-of-type) {
			margin-bottom: 26px;
			text-align:justify;
		}

		.content-section .section-content p > a,
		.content-section .section-content p > strong a,
		.content-section .section-content span > a,
		.content-section .section-content span > strong a {
			font-weight: 600;
		    color: #00A6A3;
			border-bottom:1px solid #00A6A3;
		}

		.content-section .section-content p > strong
		.content-section .section-content p > strong a,
		.content-section .section-content p > a strong,
		.content-section .section-content span > strong,
		.content-section .section-content span > strong a,
		.content-section .section-content span > a strong {
		    font-weight: 600;
		    color: #00A6A3;
		}

		.content-section .section-content ul {
			padding-left: 20px;
			margin-left: 20px;
			margin-bottom: 24px;
			list-style-type: square;
		}

		.content-section .section-content ul:last-child {
			margin-bottom: 0;
		}

		.content-section .section-content li:not(:last-child) {
			margin-bottom: 14px;
		}

		.content-section .section-content p img {
			margin-left: -94px;
		    width: calc(100% + 94px);
		    max-width: inherit;
			margin-bottom: 48px;
		}

		.content-section .section-content p iframe {
			margin-left: -94px;
		    width: calc(100% + 94px);
		    max-width: inherit;
			height: 282px;
		}

	/* Page Sliders */
	#page .slick-slider {
		position: relative;
		background: #000;
	}

	#page .slick-slider .slick-arrow {
		font-size: 0;
		line-height: 0;
		position: absolute;
		margin-top: -50px;
		top: 50%;
		display: block;
		width: 17px;
		height: 36px;
		padding: 50px;
		z-index: 9999;
		cursor: pointer;
		color: rgba(0, 0, 0, 0);
		border: none;
		outline: none;
		background-color: rgba(0, 0, 0, 0);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 17px 36px;
		transition: opacity .4s ease-in;
	}

	#page .slick-slider .slick-prev {
		left: 0;
		background-image: url(../images/carrot-left-white.svg);
	}

	#page .slick-slider .slick-prev.slick-disabled {
		cursor: default;
		opacity: .5;
	}

	#page .slick-slider .slick-next {
		right: 0;
		background-image: url(../images/carrot-right-white.svg);
	}

	#page .slick-slider .slick-next.slick-disabled {
		cursor: default;
		opacity: .5;
	}

	#page .slick-slider .slick-dots {
		position: absolute;
		bottom: 50px;
		width: 100%;
		text-align: center;
		list-style-type: none;
		font-size: 0;
		line-height: 0;
	}

	#page .slick-slider .slick-dots li {
		display: inline-block;
		margin: 0 4px;
	}

	#page .slick-slider .slick-dots li button {
		width: 12px;
		height: 12px;
		background-color: transparent;
		border: 2px solid #fff;
		outline: 0;
	    padding: 0;
		text-indent: 0;
		font-size: 0;
		line-height: 0;
	    cursor: pointer;
		display: block;
		border-radius: 50%;
	}

	#page .slick-slider .slick-dots li:hover button,
	#page .slick-slider .slick-dots li.slick-active button {
		background-color: #fff;
		border: 0;
	}

	/* Accordions */
	#page #content [data-accordion].open {
		margin-bottom: 22px;
	}

	#page #content [data-accordion] > [data-control] {
	    padding-left: 20px;
		cursor: pointer;
	}

	#page #content [data-accordion] > [data-control]:after {
		left: 0;
	    top: 0;
	    height: 100%;
	    width: 12px;
	    background-image: url(../images/carrot-down-grey.svg);
	    background-repeat: no-repeat;
	    background-position: 50% 49%;
	    background-size: auto;
		trans#content form: rotate(-90deg);
		transition: trans#content form .4s ease-out;
	}

	#page #content [data-accordion].open > [data-control]:after {
		trans#content form: rotate(0);
	}

	#page #content [data-accordion] [data-content] {
		margin-top: 18px;
	}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

	.site-header {
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		width: 100%;
	}

	.site-header > .wrap {}

	.site-branding {
		margin: 0 auto;
		position: relative;
	    border-bottom: 6px #fff solid;
		background-color: rgba(0, 179, 178, 1); /*#00a6a3*/
	}

	.site-branding a {
		display: block;
	    max-width: 280px;
	    height: 120px;
	    margin: 0 auto;
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-size: contain;
	    text-indent: -9999px;
	    width: 100%;
	}

	.dashed-border {
		pointer-events: none;
	}

	.dashed-border:before {
	    content: "";
	    position: absolute;
	    border-bottom: 2px dashed #fff;
	    bottom: 10px;
	    top: 0;
	    left: 0;
		width: 100%;
	}

	body.hero-revert .site-branding a {
		background-image: url(../images/diwali-logo-neg.svg) !important;
	}

	.site-header .main-navigation {
		float: none;
		padding-top: 10px;
	}

	.site-header .main-navigation ul#primary-menu {
		text-align: center;
	}

	.site-header .main-navigation ul#primary-menu > li {
		float: none;
		margin: 0 5px;
		text-align: center;
		display: inline-block;
	}

	.site-header .main-navigation ul#primary-menu > li > a {
		color: #fff;
		padding: 5px 20px;
	    font-weight: 600;
		text-shadow: rgba(0,0,0,.4) 1px 1px 2px;
		position: relative;
	}

	.site-header .main-navigation ul#primary-menu li > a:hover,
	.site-header .main-navigation ul#primary-menu li.current_page_item > a,
	.site-header .main-navigation ul#primary-menu li.current-menu-item > a,
	.site-header .main-navigation ul#primary-menu li.current-menu-parent > a {
		color: #fff;
	}

	.site-header .main-navigation ul#primary-menu li.current_page_item > a:after,
	.site-header .main-navigation ul#primary-menu li.current-menu-item > a:after,
	.site-header .main-navigation ul#primary-menu li.current-menu-parent > a:after {
		content: "";
	    display: block;
	    width: 95%;
	    height: 1px;
	    margin: 0 auto;
	    background-color: #fff;
	}

	/* Submenus */
	.site-header .main-navigation ul.sub-menu {
		background-color: #fff;
	    border-radius: 4px;
	    padding: 8px 0;
	    width: 100%;
	}

	.site-header .main-navigation ul.sub-menu li {
		float: none;
		display: block;
	}

	.site-header .main-navigation ul.sub-menu li a {
		width: auto;
		padding: 5px 20px;
		display: block;
		color: #6e6e6e;
		font-weight: 500;
	}

	.site-header .main-navigation ul#primary-menu ul.sub-menu li > a:hover,
	.site-header .main-navigation ul#primary-menu ul.sub-menu li.current_page_item > a,
	.site-header .main-navigation ul#primary-menu ul.sub-menu li.current-menu-item > a,
	.site-header .main-navigation ul#primary-menu ul.sub-menu li.current-menu-parent > a {
		color: #2c2c2c;
		background-color: #efefef;
	}

	.site-header .main-navigation ul#primary-menu li.footer-only {
		display: none;
	}

	/* Trigger */
	#mobile-navigation-trigger {
		display: none;
		position: absolute;
	    top: 45px;
	    right: 30px;
	    height: 28px;
	    width: 28px;
	    background-image: url(../images/menu-open.svg);
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-size: contain;
	    text-indent: -9999px;
		transition: none;
	}

	.site-header.mobile #mobile-navigation-trigger.close {
		background-image: url(../images/menu-close.svg);
		position: fixed;
	}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

	.home #site-navigation {
		display: none;
	}

	.home .site-branding {
	    margin: 0 auto;
	    position: absolute;
	    top: calc(50vh - 600px/2 - 155px/2);
	    left: calc(50vw - 600px/2);
		background-color: transparent;
	}

	.home .site-branding {
		border: none;
		pointer-events: none;
	}

	.home .site-branding:after {
		display: none;
	}

	.home .site-branding a {
		max-width: inherit;
		display: block;
	    width: 600px;
	    height: 600px;
	    margin: 0 auto;
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-size: contain;
	    text-indent: -9999px;
	}

	.home .site-footer {
		border-top-color: transparent;
	}

	/* Slider */
	.home .hero-section {
		position: relative;
	    overflow: hidden;
		height: calc(100vh - 200px);
	}

	.home .slick-slider,
	.home .slick-track,
	.home .slick-slide {
		height: calc(100vh - 200px);
	}

	.home .slick-slide {
		height: 100%;
		position: relative;
		z-index: 1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

/*--------------------------------------------------------------
# Magasins
--------------------------------------------------------------*/

	#shops {
		padding-top: 0;
	}

	#shops ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		margin: -20px;
		padding: 0;
	}

	#shops ul .shop {
		width: 33.33%;
		padding: 20px;
		text-align: center;
	}

	#shops ul .shop h3 {
		font-size:20px;
	}

	#shops ul .shop img {
		width: auto;
	    margin: 0 auto 20px;
	    max-height: 200px;
	    border-radius: 0px;
	}

	#shops ul .shop p {
		font-size: 14px;
		line-height: 16px;
		font-weight: 500;
		text-align: center;
	}

	#shops ul .shop p:not(:last-of-type) {
		margin-bottom: 4px;
	}

	#shops ul .shop p.address {
		margin:0 auto;
		margin-bottom: 6px;
		font-weight: 300;
		line-height: 20px;
		width:80%;
	}

	#shops ul .shop p.address a {
		color: #2c2c2c;
		font-weight: 600;
	}

	#shops ul .shop p.cta {
	    line-height: 12px;
	    padding: 14px;
	    text-align: center;
	    max-width: 240px;
	    margin: 20px auto 0 auto;
	}

	#shops ul .shop p.cta a {
		color: #fff;
		font-size:12px;
		display:block;
		text-decoration:none;
		font-weight: 600;
		border:none;
		line-height:12px;
	}

	#shops ul .shop p.phone a {
		text-decoration: none;
	}

/*--------------------------------------------------------------
# Univers
--------------------------------------------------------------*/

	#esprit ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#esprit ul li:not(:last-child) {
		margin-bottom: 64px;
	}

	#esprit ul li h3 {
		margin-bottom: 20px;
	}

	#esprit ul li .grid-layout {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	#esprit ul li .grid-item {
		background-color: #fff;
		width: 33.33%;
		padding: 0 20px;
	}

	#esprit ul li .grid-item[rel="1"],
	#esprit ul li .grid-item[rel="3"] {
		transform: translateY(170px);
	}

	#esprit ul li .grid-item[rel="5"],
	#esprit ul li .grid-item[rel="7"] {
		transform: translateY(-170px);
	}

	#esprit ul li .grid-item.logo {
		height: 300px;
	    width: 300px;
	    margin: 50px 200px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		padding: 0;
	    border-radius: 50%;
	    overflow: hidden;
	    background-color: #00abb3;
		box-shadow: 0 0 100px 0 rgba(0,0,0,.2);
		position: relative;
		z-index: 10;
	}

	#esprit ul li .grid-item.logo:before {
		content: "";
		display: block;
		position: absolute;
		border: 2px dashed #fff;
		bottom: 5px;
		top: 5px;
		left: 5px;
		width: calc(100% - 10px);
		border-radius: 50%;
	}

	#esprit ul li .grid-item.logo img {
		height: 250px;
	    width: auto;
	    max-width: inherit;
	    margin: 0 auto;
	}

	#esprit ul li .grid-item:nth-child(even):not(.logo) img {
		transform: rotate(2deg);
	}

	#esprit ul li .grid-item:not(.logo) img {
		padding: 10px 10px 65px;
		transform: rotate(-2deg);
		transition: -webkit-transform .15s linear;
		box-shadow: 0 3px 6px rgba(0,0,0,.25);
		border-radius: 2px;
	}

/*--------------------------------------------------------------
# Showroom
--------------------------------------------------------------*/

	#showroom-col {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding-top: 0;
	}

	.acf-map {
		width: 60%;
		height: 426px;
	}

	.gm-style .gm-style-iw-c p {
		text-align: center;
		font-family: 'Trykker', 'Georgia', serif;
		font-weight: 300;
		font-style: normal;
		font-size: 16px;
		line-height: 28px;
	}

	.gm-style img {
		margin: 0 auto;
	}

	.gm-style .gm-style-iw-c p a {
		font-weight: 600;
		color: #00A6A3;
		border-bottom: 1px solid #00A6A3;
	}

	.showroom-image {
		width: 40%;
		padding-left: 40px;
		margin-left: auto;
		background-color: #fff;
	}

	.showroom-image img {
		padding: 10px 10px 65px;
		transition: -webkit-transform .15s linear;
		transform: rotate(-2deg);
		box-shadow: 0 3px 6px rgba(0,0,0,.25);
		border-radius: 2px;
	}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

	#content form {
		margin-top: 24px;
	}

	#content form .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	#content form strong {
		padding-bottom: 10px;
		padding-top: 12px;
		font-weight: 500;
		font-family: 'Trykker', 'Georgia', serif;
		color: #2c2c2c;
	}

	#content form .row p {
		flex: 0 1 49%;
		margin-bottom: 0;
	}

	#content form .row p:first-child {
		margin-right: auto;
	}

	#content form .row.full p {
		flex: 1 1 100%;
	}

	#content form .row span {
		display: block;
	}

	#content form .row.no-margin {
		margin: 0;
	}

	#content form label {
		display: none;
	}

	#content form input,
	#content form textarea {
		border: 1px solid #acacac;
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
		padding: 12px;
		border-radius: 2px;
	}

	#content form input::-webkit-input-placeholder,
	#content form textarea::-webkit-input-placeholder {
		color: #757575;
	}

	#content form input::-moz-placeholder,
	#content form textarea::-moz-placeholder {
		color: #757575;
	}

	#content form input:-ms-input-placeholder,
	#content form textarea:-ms-input-placeholder {
		color: #757575;
	}

	#content form input:-moz-placeholder,
	#content form textarea:-moz-placeholder {
		color: #757575;
	}

	#content form input[type="submit"] {
	}

	#content form input[type="submit"]:hover {
	}

	#content form span.span.wpcf7-not-valid-tip {
		padding-top: 8px;
	    font-size: 14px;
	    line-height: 16px;
		font-weight: 500;
	}

	#content form div.wpcf7-response-output {
	    margin: 2em 0 0 0;
	    padding: 1.3em 2em;
	    border: none !important;
		background: #eee;
	}

	#content form .ajax-loader {
	    background-image: url(../images/ajax-loader.svg);
	    background-color: rgba(255,255,255,.75);
	    height: 226px;
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    width: 100%;
		background-size: 20%;
	    position: relative;
	    margin: 0 auto;
	    margin-top: -293px;
	}

	#content form div.wpcf7-mail-sent-ok {
		background: #e4fbf3;
	    margin: 4em 0em 2em 0em;
	}

	#content form div.wpcf7-validation-errors,
	#content form div.wpcf7-acceptance-missing {
		background: #fffeba;
	}

/*--------------------------------------------------------------
# Error
--------------------------------------------------------------*/

	.error404 .hero-section {
		position: relative;
		overflow: hidden;
		height: calc(100vh - 155px);
	}

	.error404 .hero-section .hero-section-banner .wrap {
		max-width: 936px;
	}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

	.site-footer {
		background-color: #00a6a3;
		border-top: 1px solid #00a6a3;
		color: #fff;
		position: relative;
	}

	.site-footer .dashed-border:before {
		content: "";
		position: absolute;
		border-top: 2px dashed #fff;
		border-bottom: 0;
		top: 10px;
	    bottom: inherit;
	}

	.site-footer .wrap {
		max-width: inherit;
	}

	.site-footer .footer-inner {
		max-width: 1186px;
		text-align:center;
		margin: 0 auto;
		width: 100%;
		padding: 0 44px;
	}

	.site-footer #social-menu li a {
		text-indent: -9999px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		opacity: 1;
	}

	.site-footer #social-menu li a { transition: all .2s ease-in-out;  }

	.site-footer #social-menu li a:hover {
		opacity:1;
		transform: scale(1.1);
	}

	.site-footer #social-menu li.facebook a {
		background-image: url('../images/facebook.svg');
	}

	.site-footer #social-menu li.twitter a {
		background-image: url('../images/twitter.svg');
	}

	.site-footer #social-menu li.instagram a {
		background-image: url('../images/instagram.svg');
	}

	.site-footer p {
		font-size: 12px;
		line-height: 16px;
	}

	.site-footer p a {
		color: #fff;
	}

	/* Footer Navigation */
	#footer-navigation {
		float: none;
	}

	#footer-navigation ul {
		padding: 20px 0;
		margin: 0 -25px;
		text-align: center;
		display: block;
	}

	#footer-navigation ul li {
		float: none;
	    margin: 0 5px;
	    text-align: center;
	    display: inline-block;
	}

	#footer-navigation ul li a {
	    padding: 5px 20px;
		color: #fff;
	    font-weight: 600;
	}

	#footer-navigation ul li > a:hover {
		color: #fff;
	}

	#footer-navigation ul li.current_page_item > a:after,
	#footer-navigation ul li.current-menu-item > a:after,
	#footer-navigation ul li.current-menu-parent > a:after {
		content: "";
		display: block;
		width: 95%;
		height: 1px;
		margin: 0 auto;
		background-color: #fff;
	}

	#footer-navigation ul li.footer-only {
		display: inline-block;
	}

	#footer-navigation ul .sub-menu {
		display: none;
	}

	/* Footer Info */
	#footer-info .footer-inner {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding-top: 22px;
		padding-bottom: 22px;
	}

	#footer-copyright {
		margin-left: auto;
	}

	#footer-credits p {
		font-size: 10px;
	}