/*
Theme Name: CMC Custom 2019
Author: Lee Bartholomew (Pixolomew)
Author URI: http://pixolomew.com/
Description: Custom theme created for Cornwall Meditation Centre.
Version: 1.1
*/


@font-face {
    font-family: 'Questrial';
    src: url('fonts/questrial-regular.woff2') format('woff2'),
         url('fonts/questrial-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}



@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular.woff2') format('woff2'),
         url('fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}


html { font-size: 62.5%; height: 100%; width: 100%; }
html > * { box-sizing: border-box }

body
{
	background: #fff;
	color: #005F6B;
/* 	font-family: 'latothin', sans-serif; */
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6rem;
	font-weight: 200;
	height: 100%;
	line-height: 1.62;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5, h6
{
	color: #005F6B;
/* 	font-family: 'latolight', sans-serif; */
	font-family: 'Questrial', sans-serif;
	margin-bottom: 1.38rem;
}

h3, h4, h5, h6, p, ul, ol,
.page-group-meditation #intro-wrapper aside p
{
	line-height: 1.62;
	margin-bottom: 1.62rem;
}

ul, ol { padding-bottom: 1.62rem; }

li { margin-bottom: 0.62rem; }

em { font-style: italic; }

strong { font-weight: 900; }

a { color: #343838; word-wrap: break-word; }
a:hover { text-decoration: none; }
.readMore { font-family: 'Questrial', sans-serif;  }
a:focus { outline: #f4c708 5px solid !important; }

.roundedCorners { border-radius: 11px; }

#main-wrapper
{
	height: 100%;
	position: relative;
	width: 100%;
}

#intro-container,
#story-container,
#big-button-container,
#footer-container
{
	margin: 0 auto;
	max-width: 720px;
	padding: 2.5rem;
	position: relative;
}

.noDsktp { display: inline-block; }

/*
#intro-container:after
{
	clear: both;
	content: '';
	display: block;
}
*/

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

	body { font-size: 1.8rem; }
	#intro-container, #story-container, #big-button-container, #footer-container { padding: 2.7rem; }
}

@media only screen and ( min-width: 1000px )
{
	.noDsktp { display: none; }
	#intro-container,
	#story-container,
	#big-button-container,
	#footer-container
	{
		max-width: 960px;
	}
}

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

	#intro-container,
	#story-container,
	#big-button-container,
	#footer-container
	{
		max-width: 1080px;
	}

}



																								/* FIXED ELEMENTS */
#nav-activate,
#nav-contact,
#scroll-button
{
	border: 2px solid transparent;
	border-radius: 50%;
	display: block;
	font-size: 0;
	height: 5.1rem;
	line-height: 5.1rem;
	margin: 0;
	outline: none;
	padding: 0;
	text-align: center;
	transition: box-shadow 1s ease-in;
	-ms-transition: box-shadow 1s ease-in;;
	-o-transition: box-shadow 1s ease-in;
	-webkit-transition: box-shadow 1s ease-in;
	width: 5.1rem;
}

#nav-activate:focus,
#nav-contact:focus,
#scroll-button:focus
{
	outline: #f4c708 5px solid !important;
}

#nav-activate
{
	background: #005f6b url(img/hamburger-white.svg) no-repeat center center;
	background-size: 33%;
	box-shadow: 0px 0px 14px rgba(0, 95, 108, 0.11);
	position: fixed; top: 2.9rem; right: 1rem;
	z-index: 999;
	transition: background-color 191ms ease;
}

#nav-contact
{
	display: none;
}

#nav-activate:hover,
#nav-activate:focus,
.menu-active #nav-activate:hover,
#nav-contact:hover,
#nav-contact:focus
{
	background-color: #fff;
}

.menu-active #nav-contact
{
	display: none;
}

#nav-activate:hover,
#nav-activate:focus
{
	background: #fff url(img/hamburger.svg) no-repeat center center;
	background-size: 33%;
	transition: background-color 191ms ease;
}

#nav-activate:focus,
#nav-contact:focus
{
	border: 2px solid rgba(0, 95, 108, 0.38);
}

#scroll-button
{
	background: #005f6b url(img/scroll-icon-white.svg) no-repeat center center;
	background-size: 33%;
	color: #005F6B;
	font-size: 0;
	margin-left: -2.55rem;
	opacity: 0;
	position: fixed; bottom: 2.9rem; right: 1rem;
	transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	visibility: hidden;
	z-index: 99;
}

#scroll-button.active
{
	opacity: 1;
	visibility: visible;
}

#scroll-button.hidden
{
	opacity: 0;
	visibility: hidden;
}


.menu-active #nav-activate
{
	background: #fff url(img/close-menu.svg) no-repeat center center;
	background-size: 33%;
	box-shadow: 0px 0px 14px rgba(0, 95, 108, 0);
}


#scroll-button:hover
{
	background-color: #00B4CC;
}

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

	#nav-contact
	{
		background: #005f6b url(img/contact-white.svg) no-repeat center center;
		background-size: 33%;
		box-shadow: 0px 0px 14px rgba(0, 95, 108, 0.11);
		display: block;
		height: 4.3rem;
		position: fixed; top: 3.2rem; right: 5.6rem;
		width: 4.3rem;
		z-index: 999;
	}
	#nav-contact:hover, #nav-contact:focus
	{
		background: #fff url(img/contact.svg) no-repeat center center;
		background-size: 33%;
		z-index: 10001;
	}

}


@media only screen and ( min-width: 1200px )
{
	#nav-activate, #scroll-button { height: 6.8rem; line-height: 6.8rem; right: 2.9rem; width: 6.8rem; }
	#nav-activate { top: 2rem; }
	#scroll-button { bottom: 2rem; }
	#nav-contact { height: 5.9rem; right: 8.6rem; top: 2.5rem; width: 5.9rem; }
}

																								/* NAVIGATION */
#nav-wrapper
{
	background: #fff;
	display: block;
	font-size: 2rem;
	height: 100%;
	opacity: 0;
	position: fixed; top: 0; left: 0;
	transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: 998;
	text-align: center;
}

#nav-wrapper nav ul
{
	margin: 0 auto;
	max-width: 1080px;
	padding: 0 1rem 2.5rem;
}

#nav-wrapper nav ul ul
{
	font-size: 1.8rem;
	margin-bottom: 0;
	padding-bottom: 0.62rem;
}

#nav-wrapper nav ul ul li
{
	margin-bottom: 0;
}

#nav-wrapper nav
{
	margin-top: 2.5rem;
/*
	margin-top: -24.2rem;
	position: relative; top: 50%;
*/
}

#nav-wrapper nav .logo 
{
	background: url(img/cmc-icon-darker.svg) no-repeat left top;
	background-size: contain;
	display: block;
	height: 7rem;
	margin-bottom: 2.5rem;
	margin-left: auto;
	margin-right: auto;
	width: 8.4rem;
}

#nav-wrapper nav .logo a
{
	display: block;
	font-size: 0;
	height: 100%;
	width: 100%;
}

#nav-wrapper nav #menu-mainnav a
{
	color: #343838;
	line-height: 1.62;
	text-decoration: none;
}

.current_page_item a
{
	text-decoration: underline !important;
}

/*
.social-media li
{
	background: #005F6B;
	border-radius: 50%;
	display: inline-block;
	height: 3.5rem;
	text-align: center;
	width: 3.5rem;
}
*/

.social-media .fa-circle
{
	color: #005F6B;
}

.social-media li a
{
	color: #F3FFFE;
	display: block;
	height: 2em;
	width: 2em;
}

.social-media li a:hover .fa,
.social-media li a:focus .fa
{
	transform: scale(0.95);
}

#nav-wrapper nav #menu-mainnav li.animated,
#nav-wrapper nav ul.social-media
{
	
}

#nav-wrapper nav ul.social-media li { }

.menu-active #nav-wrapper
{
	opacity: 1;
	visibility: visible;
}

.delay100ms { animation-delay: 100ms; }
.delay200ms { animation-delay: 200ms; }
.delay233ms { animation-delay: 233ms; }
.delay266ms { animation-delay: 266ms; }
.delay299ms { animation-delay: 299ms; }
.delay332ms { animation-delay: 332ms; }
.delay365ms { animation-delay: 365ms; }
.delay398ms { animation-delay: 398ms; }
.delay431ms { animation-delay: 431ms; }
.delay464ms { animation-delay: 464ms; }
.delay497ms { animation-delay: 497ms; }
.delay530ms { animation-delay: 530ms; }

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

	#nav-wrapper { font-size: 2.9rem; }
	#nav-wrapper nav ul { padding: 0 0 2.7rem; }
	#nav-wrapper nav { margin-top: 2.7rem; }
	#nav-wrapper nav .logo { height: 11.4rem; margin-bottom: 2.7rem; width: 13.8rem; }
	#nav-wrapper nav ul ul { font-size: 2.3rem; }
}


																								/* HEADER */
#header-wrapper
{
	background: url(img/Sunset-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
	height: 120%;
	position: relative;
/* 	transition: height 3236ms ease-out; */
}

.page-id-42 #header-wrapper
{
	background: url(img/vedic-meditation-gannel-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.page-id-46 #header-wrapper
{
	background: url(img/lotus-flower-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.page-meditation-retreats-cornwall #header-wrapper
{
	background: url(https://cornwallmeditationcentre.com/wp-content/uploads/2019/07/meditation-retreats-cornwall-001-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.page-for-meditators #header-wrapper
{
	background: url(img/sea-shore-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.category-journal #header-wrapper,
.archive #header-wrapper
{
	background: url(img/fistral-rocks-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.single-post #header-wrapper
{
	background-size: 100%;
}

.page-get-in-touch #header-wrapper
{
	background: url(img/sand-sea-400x700.jpg) no-repeat center top fixed;
	background-size: 100%;
}

.error404 #header-wrapper
{
	background: url(img/searching-400x700.jpg) no-repeat right top fixed;
	background-size: 100%;
}

#header-wrapper header
{
	margin: 0 auto;
	max-width: 1080px;
}

#header-wrapper header h1
{
	background: url(img/cmc-logo-darker.svg) no-repeat center center;
	background-size: contain;
	display: block;
	filter: drop-shadow( 0px 0px 14px #fff );
	height: 7rem;
	position: absolute; top: 2rem; left: 1rem;
	text-indent: -999em;
	width: 20rem;
}

.extra-height #header-wrapper header h1 { display: none; }
.extra-height #header-wrapper { height: 38.8%; }

#header-wrapper,
.single-post #header-wrapper,
.page-template-page-slider #header-wrapper
{
	height: 61.2%;
}


/*
#header-wrapper
{
	animation-delay: 0.62s;
	animation-duration: 2.62s;
	animation-fill-mode: forwards;
	animation-name: home-intro;
	animation-timing-function: ease-out;
}

.page #header-wrapper
{
	animation-delay: 0.62s;
	animation-duration: 2.62s;
	animation-fill-mode: forwards;
	animation-name: page-intro;
	animation-timing-function: ease-out;
}
*/


/*
@keyframes home-intro {
    from { height: 120%; }
    to { height: 61.2%; }
}

@keyframes page-intro {
    from { height: 120%; }
    to { height: 38.8%; }
}
*/

@media only screen and ( min-width: 700px )
{
	#header-wrapper { background: url(img/Sunset-1024x768.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-42 #header-wrapper { background: url(img/vedic-meditation-gannel-1024x768.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-46 #header-wrapper { background: url(img/lotus-flower-1024x768.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-meditation-retreats-cornwall #header-wrapper { background: url(https://cornwallmeditationcentre.com/wp-content/uploads/2019/07/meditation-retreats-cornwall-001-1024x768.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-for-meditators #header-wrapper { background: url(img/sea-shore-1024x768.jpg) no-repeat center bottom fixed; background-size: cover; }
	.category-journal #header-wrapper, .archive #header-wrapper { background: url(img/fistral-rocks-1024x768.jpg) no-repeat center top fixed; background-size: cover; }
	.category-journal #header-wrapper, .single-post #header-wrapper { background-position: center center !important; background-size: cover !important; }
	.page-get-in-touch #header-wrapper { background: url(img/sand-sea-1024x768.jpg) no-repeat center bottom fixed; background-size: cover; }
	.error404 #header-wrapper { background: url(img/searching-1024x576.jpg) no-repeat right center fixed; background-size: cover; }
}

@media only screen and ( min-width: 1000px )
{
	#header-wrapper { background: url(img/Sunset-1280x800.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-42 #header-wrapper { background: url(img/vedic-meditation-gannel-1200x799.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-46 #header-wrapper { background: url(img/lotus-flower-1280x800.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-meditation-retreats-cornwall #header-wrapper { background: url(https://cornwallmeditationcentre.com/wp-content/uploads/2019/07/meditation-retreats-cornwall-001-1280x720.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-for-meditators #header-wrapper { background: url(img/sea-shore-1280x800.jpg) no-repeat center bottom fixed; background-size: cover; }
	.category-journal #header-wrapper, .archive #header-wrapper { background: url(img/fistral-rocks-1280x800.jpg) no-repeat center top fixed; background-size: cover; }
	.category-journal #header-wrapper, .single-post #header-wrapper { background-position: center center !important; background-size: cover !important; }
	.page-get-in-touch #header-wrapper { background: url(img/sand-sea-1280x800.jpg) no-repeat center bottom fixed; background-size: cover; }
	.error404 #header-wrapper { background: url(img/searching-1280x800.jpg) no-repeat right center fixed; background-size: cover; }
}

@media only screen and ( min-width: 1200px )
{
	#header-wrapper { background: url(img/Sunset-2560x1707.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-42 #header-wrapper { background: url(img/vedic-meditation-gannel-1200x799.jpg) no-repeat center center fixed; background-size: cover; }
	.page-id-46 #header-wrapper { background: url(img/lotus-flower-2560x1440.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-meditation-retreats-cornwall #header-wrapper { background: url(https://cornwallmeditationcentre.com/wp-content/uploads/2019/07/meditation-retreats-cornwall-001.jpg) no-repeat center bottom fixed; background-size: cover; }
	.page-for-meditators #header-wrapper { background: url(img/sea-shore-2560x1440.jpg) no-repeat center bottom fixed; background-size: cover; }
	.category-journal #header-wrapper, .archive #header-wrapper { background: url(img/fistral-rocks-2560x1440.jpg) no-repeat center top fixed; background-size: cover; }
	.page-get-in-touch #header-wrapper { background: url(img/sand-sea-2560x1440.jpg) no-repeat center bottom fixed; background-size: cover; }
	#header-wrapper header { margin: 0 auto; max-width: 1080px; position: relative; }
	#header-wrapper header h1 { height: 13.2rem; position: absolute; top: 18rem; left: 1rem; width: 38rem; }
	.error404 #header-wrapper { background: url(img/searching-2560x1440.jpg) no-repeat right bottom fixed; background-size: cover; }
}


																								/* INTRO */

#intro-container
{
	display: block;
	position: relative;
}

#intro-container:after
{
	content: '';
	display: table;
	clear: both;
}

#intro-wrapper
{
	background: #fff;
	display: block;
	height: auto;
	position: relative;
}

.extra-height #intro-wrapper
{
	min-height: 66.66%;
}

#intro-wrapper:before
{
	background: #fff;
	content: '';
	height: 10rem;
	position: absolute; top: -3rem; left: 0;
	transform: skewY(1.618deg);
	-ms-transform: skewY(1.618deg);
	-o-transform: skewY(1.618deg);
	-webkit-transform: skewY(1.618deg);
	width: 100%;
}

.error404 #intro-wrapper
{
	height: 11%;
}

/*
#intro-wrapper:after
{
	background: #fff;
	content: '';
	height: 10rem;
	position: absolute; bottom: -6rem; left: 0;
	transform: skewY(-1.618deg);
	width: 100%;
	z-index: 99;
}
*/

#intro-wrapper header
{
	transition: padding-top 618ms linear;
	-ms-transition: padding-top 618ms linear;
	-o-transition: padding-top 618ms linear;
	-webkit-transition: padding-top 618ms linear;
}

#intro-wrapper header h2,
#intro-wrapper header h3,
#intro-wrapper aside h3
{
	font-size: 2.6rem;
	line-height: 1.2;
	margin-bottom: 1.62rem;
}

.page-template-page-slider #intro-wrapper aside h3
{
	margin-top: 1.62rem;
}

.page-template-page-slider #intro-wrapper aside p
{
	margin-bottom: 1.62rem;
}

.page-template-page-slider aside small
{
	font-size: 14px;
}



/*
.page #intro-wrapper header h2,
#intro-wrapper h3,
#intro-wrapper p,
#intro-wrapper ul
{
	margin-bottom: 2.5rem;
}
*/

.page-home #intro-wrapper header h2,
.page-meditation-retreats-cornwall #intro-wrapper header h2
{
	margin-bottom: 0;
}

.category-journal #intro-wrapper article
{
	box-sizing: border-box;
	clear: both;
	margin-bottom: 33% !important;
	padding-right: 0;
	width: 100%;
}


#intro-wrapper article ul li
{
	display: list-item;
	list-style: disc inside none;
}

#intro-wrapper article h3
{
	font-size: 2rem;
}

.category-journal #intro-wrapper article .featured-img,
.archive #intro-wrapper article .featured-img
{
	background-size: cover !important;
	border-radius: 50%;
	display: none;
	float: right;
	height: 11rem;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 11rem;
}

.category-journal #intro-wrapper article h2,
.archive #intro-wrapper article h2
{
	font-size: 3.2rem;
	line-height: 1.3;
	margin-bottom: 1.62rem;
	margin-top: 2rem;
}

.category-journal #intro-wrapper article h2
{
	line-height: 1;
}

.category-journal #intro-wrapper article h2 a,
.archive #intro-wrapper article h2 a
{
	text-decoration: none;
}

.category-journal #intro-wrapper article h2 a:hover,
.archive #intro-wrapper article h2 a:hover
{
	text-decoration: underline;
}

.category-journal #intro-wrapper article .meta,
.archive #intro-wrapper article .meta,
.single-post .meta
{
	font-family: 'Questrial', sans-serif;
}

.category-journal #intro-wrapper article,
.archive #intro-wrapper article
{
	font-size: 1.6rem;
}

.archive #intro-wrapper article
{
	margin-bottom: 0;
}

#intro-wrapper aside
{
	background: #defbff;
	margin-top: -2.5rem;
	padding: 2.5rem;
}

#intro-wrapper aside.image
{
	background: none;
	margin-top: -2.5rem;
	padding: 0;
}

#intro-wrapper aside.image img
{
	max-width: 100%;
}

#intro-wrapper aside:after
{
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

#intro-wrapper aside p
{
	font-weight: 300;
	margin-bottom: 0;
}

.page-id-2375 #intro-wrapper aside p
{
	margin-bottom: 1.62rem;
}

#student-quote p
{
	font-style: italic;
	text-align: right;
}

#intro-wrapper article,
#intro-wrapper aside
{
	margin-bottom: 6.2rem;
	opacity: 0;
	transition: opacity 1.2s ease;
	-ms-transition: opacity 1.2s ease;
	-o-transition: opacity 1.2s ease;
	-webkit-transition: opacity 1.2s ease;
}




@media only screen and ( min-width: 414px )
{
	#intro-wrapper header h2, #intro-wrapper header h3 { font-size: 2.9rem; }
	.single-post #intro-wrapper header h2 { line-height: 1.2; margin-bottom: 1.62rem; }
}

@media only screen and ( min-width: 550px )
{
	#intro-wrapper header h2, #intro-wrapper header h3 { font-size: 2.9rem; }
	#intro-wrapper article h3 { font-size: 2.3rem; }
	.single-post #intro-wrapper header h2 { width: 62rem; }
/* 	#intro-wrapper h3, #intro-wrapper p, #intro-wrapper ul { margin-bottom: 2.7rem; } */
}

@media only screen and ( min-width: 700px )
{
	.page-home #intro-wrapper header.active	{ padding-top: 12rem; }
	.category-journal #intro-wrapper article .featured-img,
	.archive #intro-wrapper article .featured-img { display: block; float: left; height: 18rem; margin-bottom: 14rem; margin-right: 7rem; width: 18rem; }
	.category-journal #intro-wrapper article { margin-bottom: 7% !important; }
}

@media only screen and ( min-width: 1000px )
{
	#intro-wrapper article { display: block; float: left; width: 54rem; }
	.page-get-in-touch #intro-wrapper article { width: 61.2%; }
	.page-id-46 #intro-wrapper article { width: 100%; }
	#intro-wrapper aside { /* position: absolute; top: 12rem; right: 2.7rem; */ display: block; float: right; }
	.archive #intro-wrapper aside { float: none; position: absolute; right: 2.7rem;  }
	.page #intro-wrapper aside { top: 0; }
	#intro-wrapper aside { margin-top: -2.7rem; /* padding: 2.7rem; */ width: 30rem; }
/* 	.single-post #intro-wrapper aside { margin-top: -5rem; } */
	.archive #intro-wrapper aside {  }
}

@media only screen and ( min-width: 1200px )
{
	#intro-wrapper header h2, #intro-wrapper header h3 { font-size: 4.7rem; }
	#intro-wrapper article { width: 62rem; }
	#intro-wrapper:before { /* transform: skewY(1deg); */ }
	#intro-wrapper article { /* padding-right: 18rem; */ }
/* 	.single-post #intro-wrapper aside { margin-top: -12.8rem; } */
}

																								/* STORY */
#story-wrapper
{
	margin: 6rem auto 0;
	opacity: 0;
	position: relative;
}

/*
#story-wrapper:before
{
	background: #fff;
	content: '';
	height: 10rem;
	position: absolute; top: -6rem; left: 0;
	transform: skewY(-2deg);
	width: 100%;
}

#story-wrapper:after
{
	background: #fff;
	content: '';
	height: 10rem;
	position: absolute; bottom: -6rem; left: 0;
	transform: skewY(-2deg);
	width: 100%;
}
*/

#story-container
{
	background: #fff;
/* 	box-shadow: 0px 0px 22px rgba(52, 56, 56, 0.28); */
	position: relative;
	z-index: 99;
}

#story-container h3
{
	font-size: 2.2rem;
}

#story-container h3,
#story-container p,
#story-container img
{
	margin-bottom: 2.5rem;
}

#story-container article h4
{
	font-size: 2rem;
}

@media only screen and ( min-width: 414px )
{
	#story-container article h4 { font-size: 2.3rem; }
}

#story-container article img
{
	border-radius: 11px;
	box-sizing: border-box;
	float: none;
	width: 100%;
}

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

	#story-container article img
	{
		border-radius: 3px;
	}

}

@media only screen and ( min-width: 700px )
{
/* 	#story-wrapper { background: url(img/sea-shore.jpg) no-repeat center center fixed; background-size: cover; } */
	#story-container { box-shadow: 0px 0px 28px rgba(52, 56, 56, 0.11);}
/*
	#story-wrapper:before
	{
		background: #fff;
		content: '';
		height: 10rem;
		position: absolute; top: -6rem; left: 0;
		transform: skewY(-1.618deg);
		-ms-transform: skewY(-1.618deg);
		-o-transform: skewY(-1.618deg);
		-webkit-transform: skewY(-1.618deg);
		width: 100%;
	}
	#story-wrapper:after
	{
		background: #fff;
		content: '';
		height: 10rem;
		position: absolute; bottom: -6rem; left: 0;
		transform: skewY(1.618deg);
		-ms-transform: skewY(1.618deg);
		-o-transform: skewY(1.618deg);
		-webkit-transform: skewY(1.618deg);
		width: 100%;
	}
*/
/* 	#story-container article img { float: right; padding-left: 2.7rem; width: 38.8%; } */
}


@media only screen and ( min-width: 1000px )
{
	#story-container { box-shadow: 0px 0px 28px rgba(52, 56, 56, 0.11); padding: 4.4rem; max-width: 78rem; }
	#story-container h3 { font-size: 2.9rem; }
	#story-container h3, #story-container p, #story-container img { margin-bottom: 2.7rem; }
	#story-container p:last-child { margin-bottom: 0; }
	#story-wrapper { margin-top: 12rem; }
}

@media only screen and ( min-width: 1200px )
{
/*
	#story-wrapper:before { transform: skewY(-1deg); }
	#story-wrapper:after { transform: skewY(1deg); }
*/
}



																								/* BIG BUTTON */
#big-button-container
{
	opacity: 0;
	transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	visibility: hidden;
}

#big-button-container .get-started
{
	background: #21e3fc;
	color: #343838;
	display: block;
/* 	font-family: 'latothin', 'sans serif'; */
	font-size: 2.9rem;
	height: 8rem;
	line-height: 8rem;
	margin: 4.4rem auto 7.1rem;
	max-width: 62rem;
	text-align: center;
	text-decoration: none;
	transition: transform 0.2s ease-out;
	-ms-transition: transform 0.2s ease-out;
	-o-transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	width: 100%;
}

#big-button-container .get-started:hover
{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

																								/* FOOTER */
#footer-wrapper
{
	background: #9df3fe;
	font-family: 'latolight', sans-serif;
	margin-top: 4.3rem;
	position: relative;
	transition: all 1.62s ease-in-out;
	-ms-transition: all 1.62s ease-in-out;
	-o-transition: all 1.62s ease-in-out;
	-webkit-transition: all 1.62s ease-in-out;
	transition-delay: 388ms;
	-ms-transition-delay: 388ms;
	-o-transition-delay: 388ms;
	-webkit-transition-delay: 388ms;
	width: 100%;
	z-index: 0;
}

#footer-wrapper:before
{
	background: #9df3fe;
	content: '';
	height: 10rem;
	position: absolute; top: -3rem; left: 0;
	transform: skewY(-1.618deg);
	-ms-transform: skewY(-1.618deg);
	-webkit-transform: skewY(-1.618deg);
	width: 100%;
}

#footer-container
{
	max-width: 78rem;
}

#footer-wrapper aside h4,
#footer-wrapper aside p,
#footer-wrapper footer p
{
	margin: 0 auto;
	max-width: 62rem;
}

#footer-wrapper aside p
{
	text-align: right;
	font-style: italic;
}

#footer-wrapper aside,
#footer-wrapper footer
{
	padding: 0 2.5rem;
}

#footer-wrapper footer
{
	border-top: 1px solid #19aabd;
	margin-top: 6rem;
	padding-top: 1.62rem;
}

footer p
{
	font-size: 1.4rem;
}

footer p span
{
	display: block;
}

#footer-wrapper .quote h4
{
	font-size: 1.8rem;
}

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

	#footer-wrapper aside, #footer-wrapper footer { padding: 0 2.7rem; }
	#footer-wrapper footer { padding-top: 1.5rem; }

}

@media only screen and ( min-width: 1000px )
{
	#footer-wrapper { margin-top: 12rem; }
	footer p span { display: inline; }
	footer p span:before { content: '| '; }
	#footer-wrapper .quote h4 { font-size: 2.3rem; }
}

@media only screen and ( min-width: 1200px )
{
/* 	#footer-wrapper:before { transform: skewY(-1deg); } */
}


																								/* QUOTES */
.quote
{
	position: relative;
	z-index: 888;
}

.quote h4
{
	margin-bottom: 1.62rem !important;
}

.quote h4::before,
.quote h4::after
{
	content: '"';
}

.error404 .quote h4::before,
.error404 .quote h4::after
{
	content: '';
}

@media only screen and ( min-width: 400px )
{
	.quote {  }
}


																								/* ACTIVE */

#intro-wrapper article.active,
#intro-wrapper aside.active,
#story-wrapper.active,
#big-button-container.active,
#footer-wrapper.active
{
	opacity: 1;
	visibility: visible;
}

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


																								/* EVENTS */
.form-wrapper { display: none; }
.form-wrapper.active { display: block; }
.introTalkWrapper .event-wrapper { margin-bottom: 2.5rem; }
.introTalkWrapper .register-toggle:before { content: 'register'; font-size: 1.4rem; font-weight: 900; text-transform: uppercase; font-family: 'Questrial'; }
.introTalkWrapper .register-toggle.active:before { content: 'close'; font-weight: 600; }
.introTalkWrapper ul { margin-bottom: 0; padding-bottom: 0; }
.em-booking-form-details label { display: none; }
.em-booking-form-details label.optin { display: inline; font-size: 1.4rem; }
.em-booking-form-details input.optin { vertical-align: middle; }
.event-wrapper li { font-size: 1.8rem; margin-bottom: 0; }

@media only screen and ( min-width: 414px )
{
	.introTalkWrapper .event-wrapper { margin-bottom: 2.7rem; }
}

#allEventsWrapper
{
	clear: both;
	display: block;
}

#allEventsWrapper .event-wrapper
{
	background-color: #f8f8f8;
	border-radius: 11px;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 3%;
	padding: 2.5rem;
	vertical-align: top;
	width: 100%;
}

#allEventsWrapper .event-wrapper ul p
{
	font-weight: 300;
	margin-bottom: 0;
}

#allEventsWrapper h3
{
	font-size: 2.6rem;
	line-height: 1.2;
	margin-bottom: 1.62rem;
}

	@media only screen and ( min-width: 414px )
	{
		#allEventsWrapper .event-wrapper { margin-bottom: 2%; margin-right: 2%; width: 31%; }
		#allEventsWrapper .event-wrapper:nth-last-child(4) { margin-right: 0; }
	}




																								/* FAQ */
.page-id-46 .question
{
	background: rgba(91, 234, 253, 0.2);
	cursor: pointer;
	font-size: 2rem !important;
	padding: 1.5rem;
	transition: background 618ms ease-out;
	-ms-transition: background 618ms ease-out;
	-o-transition: background 618ms ease-out;
	-webkit-transition: background 618ms ease-out;
}

.page-id-46 .question:hover
{
	background: rgba(91, 234, 253, 0.44);
}

.page-id-46 .question a
{
	text-decoration: none;
}

.page-id-46 .question a:focus
{
	outline: #f4c708 5px solid !important;
}

.page-id-46 .answer
{
	display: none;
	padding: 0 1.5rem 3rem;
	max-width: 900px;
}

.page-id-46 .question:focus
{
	outline: #f4c708 5px solid !important;
}

.question.ui-accordion-header-active
{
	background: rgba(91, 234, 253, 0);
}


.answer.ui-accordion-content-active
{

}


@media only screen and ( min-width: 700px )
{
	.page-id-46 .question { font-size: 2.3rem !important; }

}

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

}



																								/* READING LIST */
.book-wrapper
{
	display: block;
}

.book-wrapper li
{
	display: block;
	list-style: none !important;
	margin-bottom: 0.62rem;
	overflow-x: auto;
}

.book-wrapper li.image
{
	border: 1px solid #008C9E;
	float: left;
	height: 8.1rem;
	margin-bottom: 2.5rem;
	margin-right: 2.5rem;
	overflow: hidden;
	width: 8.1rem;
}

.book-wrapper li.image img
{
	min-height: 8.1rem;
}

/*
.book-wrapper li.title,
.book-wrapper li.author
{
	font-family: 'latolight';
}
*/

.book-wrapper li.author,
.book-wrapper li.description
{
	font-size: 1.3rem;
}

.page-for-meditators #intro-wrapper h3
{
	font-size: 2.6rem;
}

.page-for-meditators #intro-wrapper h4
{
	font-size: 2.0rem;
	margin-bottom: 2.5rem;
}

@media only screen and ( min-width: 414px )
{
	.book-wrapper li.image { margin-bottom: 2.7rem; margin-right: 2.7rem; }
	.book-wrapper li.author, .book-wrapper li.description { font-size: 1.4rem; }
	.page-for-meditators #intro-wrapper h3 { font-size: 2.9rem; }
	.page-for-meditators #intro-wrapper h4 { font-size: 2.3rem; margin-bottom: 2.7rem; }
}





																								/* BLOG */
.single-post h2
{
	margin-bottom: 0;
}

.single-post .meta
{
	font-size: smaller;
}

.archive #intro-wrapper
{
	min-height: 100%;
}

.archive #intro-container article:last-of-type
{
	padding-bottom: 6.2rem
}

nav.blogNav
{
/* 	border-top: 1px solid #19aabd; */
	clear: both;
	display: block;
	margin-top: 6.2rem;
	padding-top: 1.62%;
	text-transform: uppercase
}

nav.blogNav a
{
	letter-spacing: 1px;
	text-decoration: none;
}

@media only screen and ( min-width: 700px )
{
/* 	.category-journal nav.blogNav { padding-left: 28.4rem; } */
}




/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]
{
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;
	margin: 1.62rem 0;
	transition: background-color 382ms ease-out, border 382ms ease-out;
	-ms-transition: background-color 382ms ease-out, border 382ms ease-out;
	-o-transition: background-color 382ms ease-out, border 382ms ease-out;
	-webkit-transition: background-color 382ms ease-out, border 382ms ease-out;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus
{
	color: #333;
	border-color: #888;
	outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary
{
	color: #FFF;
	background-color: #008191;
	border-color: #008191;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus
{
	color: #FFF;
	background-color: #005F6B;
	border-color: #005F6B;
}

.button.button-primary,
input[type="submit"].button-primary
{
	border-radius: 3px;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select
{
	height: 47px;
	padding: 6px 0; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #008C9E;
	box-shadow: none;
	box-sizing: border-box;
	font-size: 1.4rem;
	transition: background-color 618ms ease-in-out, padding 382ms ease-out, height 618ms ease-in-out;
	-ms-transition: background-color 618ms ease-in-out, padding 382ms ease-out, height 618ms ease-in-out;
	-o-transition: background-color 618ms ease-in-out, padding 382ms ease-out, height 618ms ease-in-out;
	-webkit-transition: background-color 618ms ease-in-out, padding 382ms ease-out, height 618ms ease-in-out;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="submit"],
textarea,
.button
{
	-webkit-appearance: none;
	   -moz-appearance: none;
}
textarea
{
	height: 47px;
	padding: 12px 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	background-color: rgba(0, 180, 204, 0.11);
	border-bottom: 1px solid #005F6B;
	outline: 0;
	padding: 6px 10px;
}

label,
legend
{
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}
fieldset
{
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"]
{
	display: inline;
}
label > .label-body
{
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal;
}

.form-field
{
	display: flex;
	flex-direction: column-reverse;
}


input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover
{
	background-color: rgba(0, 180, 204, 0.22);
	padding-left: 10px;
}

textarea:hover,
textarea:focus
{
	padding: 12px 10px;
}

textarea:focus,
textarea.not-empty
{
	height: 24.4rem;
}

.form-field label
{
	font-size: 1.4rem;
}

.page-get-in-touch form
{
	padding-top: 1.62rem;
}

.wpcf7-quiz-label
{
	font-size: smaller;
	font-weight: normal;
}


/* Contact form 7 errors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok
{
	background: #E8E288;
	border: none !important;
}

.wpcf7-response-output
{
	margin: 0 !important;
	padding: 1.618rem !important;
}

.wpcf7-not-valid-tip
{
	color: #343838 !important;
}


.page-meditation-retreats-cornwall .wpcf7-response-output
{
	padding: 0 !important;
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }

.u-cf {
  content: "";
  display: table;
  clear: both; }


/**** ROTATE PLEASE ****/
@media (min-width: 550px) and (orientation: landscape)
{
	body
	{
		background-color: #fff;
		opacity: 1;
		background-image: url(img/rotate-your-device.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 33%;
		height: 100%;
	}
	#main-wrapper { display: none; }
}

@media (min-width: 768px)
{
	body { opacity: 1; background-image: none; }
	#main-wrapper { display: block; }
}



/**** 404 ****/

.error404 #intro-wrapper { min-height: 33.33%; }


/**** animsition fix ****/
div.animsition { height: 100%; }




/**** seagull fix (wtf?!?!) ****/
/* .post-you-and-your-passion #header-wrapper { transform: scaleX(-1); background-position: left top !important; background-attachment: scroll; } */


.pagination
{
	text-align: center;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
   	color: #343838;
   	background-color: #DEFBFF;
    text-decoration:none;
}
 
.pagination li {
    display: inline;
}
 
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled
{
    border-radius: 50%;
    cursor: pointer;
/*
    padding: 12px;
    padding: 0.75rem;
*/
    display: inline-block;
    height: 3.5rem;
    line-height: 2;
    width: 3.5rem
}

.pagination li a:hover
{
	background-color: #17B5CC;
	color: #fff;
}

.pagination li.active a,
.pagination li.active a:hover
{
	background-color: #21E3FB;
	color: #343838;
	cursor: default;
}






/*** SLIDER ***/

.slick-list,
.slick-track
{
	height: 100%;
}

.fancybox-button,
.fancybox-slide--image .fancybox-close-small
{
	background: #21e3fc !important;
	color: #343838 !important;
}

.fancybox-bg
{
	background: #fff !important;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover
{
	color: rgba(255, 255, 255, 0.66) !important;
}

.fancybox-navigation .fancybox-button
{
	height: 44px !important;
	width: 44px !important;
}

.fancybox-navigation .fancybox-button--arrow_right,
.fancybox-navigation .fancybox-button--arrow_left
{
	padding: 0 !important;
}




/*** skip to content button ***/
a.skip-main
{
	height: 1px;
	overflow: hidden;
	position: absolute; top: auto; left:-999px;
	width: 1px;
	z-index: -999;
}

a.skip-mains, a.skip-main:active
{
	background-color: #005f6b;
	border-radius: 7px;
	color: #fff;
	font-family: 'Questrial', sans-serif;
	font-size: large;
	font-weight: bold;
	height: auto;
	margin: 10px 35%;
	overflow: auto;
	padding: 5px;
	text-align: center;
	top: auto; left: auto;
	width: 30%;
	z-index: 999;
}

a.skip-main:focus
{
	outline: #f4c708 5px solid !important;
}


/*** AMELIA  ***/

.amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a
{
	font-family: 'questrial' !important	;
	font-size: 1.6rem !important;
	font-weight: bold !important;
}

.amelia-app-booking #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner, .amelia-app-booking .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner
{
	font-size: 1.2rem !important;
	font-family: Roboto,sans-serif !important;
}

.amelia-app-booking #am-step-booking .am-confirm-booking .am-confirmation-booking-header, .amelia-app-booking .am-step-booking-catalog .am-confirm-booking .am-confirmation-booking-header
{
	text-align: left !important;
}

.amelia-app-booking #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked+.el-radio-button__inner, .amelia-app-booking .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked+.el-radio-button__inner,.amelia-app-booking #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover, .amelia-app-booking .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover
{
	background: #21e3fc !important;
	color: #005f6b !important;
}

.el-button,
.el-button span
{
	background: #21e3fc !important;
	color: #005f6b !important;
}

.el-button:hover,
.el-button:hover span
{
	background: rgba(33, 227, 253, 0.33) !important;
}

.am-confirmation-booking-details div:first-of-type
{
	display: none !important;
}