/*
** Main Stylesheet
** Healing Hearts Centre 2014
** Andy Holmes - andyholmes.me
*/
/* ==========================================================================
	Normalize
========================================================================= */
@import url(http://www.markmurray.co/codepen/entypostyle.css);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline; }

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

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

a:focus { outline: thin dotted; }

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

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

h2 { font-size: 1.5em; margin: .83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: .83em; margin: 1.67em 0; }

h6 { font-size: .75em; margin: 2.33em 0; }

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

b, strong { font-weight: 700; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

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

pre { white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: none; }

small { font-size: 75%; }

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

sup { top: -.5em; }

sub { bottom: -.25em; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

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

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; white-space: normal; margin-left: -7px; padding: 0; }

/* Form field edit starts here */
button, input, select, textarea { font-size: inherit; font-family: inherit; line-height: inherit; vertical-align: middle; margin: 0; }

button, input { line-height: normal; }

button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; overflow: visible; }

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

input[type=checkbox], input[type=radio] { height: 13px; width: 13px; padding: 0; }

input[type=search] { -webkit-appearance: textfield; }

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

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

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

body, figure, form { margin: 0; }

p, pre, dl, menu, ol, ul { margin: 1em 0; }

.socialRow { text-align: center; background: transparent; }
.socialRow i { cursor: pointer; display: inline-block; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; }
.socialRow i { color: #34495e; border: 2px solid; border-radius: 50%; padding: 0.5em; position: relative; background: transparent; }
.socialRow i:hover { top: -2px; border-radius: 50%; color: white !important; }
.socialRow i:not(:first-child) { margin-left: 1em; }
.socialRow i:nth-child(1) { color: #3b5998; border-color: #3b5998; }
.socialRow i:nth-child(2) { color: #00a0d1; border-color: #00a0d1; }
.socialRow i:nth-child(3) { color: #db4a39; border-color: #db4a39; }
.socialRow i:nth-child(4) { color: #c8232c; border-color: #c8232c; }
.socialRow i:nth-child(5) { color: #ea4c89; border-color: #ea4c89; }
.socialRow i:nth-child(1):hover { background: #3b5998; }
.socialRow i:nth-child(2):hover { background: #00a0d1; }
.socialRow i:nth-child(3):hover { background: #db4a39; }
.socialRow i:nth-child(4):hover { background: #c8232c; }
.socialRow i:nth-child(5):hover { background: #ea4c89; }

/* ==========================================================================
	Global
========================================================================= */
.margin-bottom { margin-bottom: 1.5em !important; }

.no-top-margin { margin-top: 0; }

.no-bottom-margin { margin-bottom: 0; }

p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .newsItem a { outline: none; transition: all .2s ease-in-out; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-align-center { text-align: center !important; }

.text-align-right { text-align: right; }

.share-buttons { list-style: none; }

.share-buttons li { display: inline; }

.mediumBox { border-radius: 10px; background-color: #f9faf9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border: solid 1px #a8a8a8; padding: 1em; }

::-moz-selection { background: #88bcec; text-shadow: none; color: white; }

::selection { background: #88bcec; text-shadow: none; color: white; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, body { width: 100%; font-size: 16px; min-height: 100%; }

html, html a { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body { font-family: Muli, sans-serif; line-height: 1.4; font-family: "Roboto Condensed", sans-serif; background: #f2edd0; color: #535964; }

/* ==========================================================================
	Misc. Elements
========================================================================= */
img { max-width: 100%; display: inline-block; verticle-align: middle; border-radius: 1.25em; }

hr { display: block; background: url(../images/divider.jpg) top center; width: 100%; height: 22px; border: none; margin: 2em 0; }

.share-buttons { list-style: none; }

.share-buttons li { display: inline; }

.border { border: solid 0.3125em #d16b6b; box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75); }

.no-border-radius { border-radius: 0; }

.red { color: #d16b6b; }

.purple { color: #b86bd1; }

.blue { color: #88bcec; }

/* ==========================================================================
	Headings
========================================================================= */
@font-face { font-family: BariolBold; src: url(../fonts/bariol_bold-webfont.woff); }
@font-face { font-family: BariolLight; src: url(../fonts/bariol_light-webfont.woff); }
h1 { font-size: 2.375em; color: #6ba0d1; margin-top: 0; font-family: BariolLight, sans-serif; font-weight: bold; text-align: center; margin-bottom: 0.4em !important; }
h1 span { color: #231f20; }
@media screen and (min-width: 48em) { h1 { font-size: 3.25em; text-align: left; } }
@media screen and (min-width: 75em) { h1 { font-size: 4em; } }

h2 { font-size: 1.875em; color: #231f20; margin-top: 0; font-family: BariolLight, sans-serif; font-weight: bold; text-align: center; }
h2 span { color: #c3bea3; }
@media screen and (min-width: 48em) { h2 { font-size: 2.1875em; text-align: left; } }
@media screen and (min-width: 75em) { h2 { font-size: 2.625em; } }

p { font-size: 1.3125em; font-weight: 400; }
p strong { font-weight: bold; font-style: italic; }
p a { color: #b86bd1; font-weight: bold; text-decoration: none; border-bottom: solid 0.0625em #b86bd1; }
p a:hover { color: #d16b6b; border-bottom: solid 0.1875em #d16b6b; }

p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #b86bd1; font-weight: bold; text-decoration: none; border-bottom: solid 0.0625em #b86bd1; }
p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #d16b6b; border-bottom: solid 0.1875em #d16b6b; }

/* ==========================================================================
	Header
========================================================================= */
header { margin: 100px 0; width: 100%; padding: 35px 0; }
@media screen and (min-width: 75em) { header { background: #88bcec; } }
header #logo { width: 19em; z-index: 10; position: relative; margin: -110px auto 0; }
@media screen and (min-width: 75em) { header #logo { float: left; margin: -110px 0 0; } }
header #logo img { width: 100%; position: absolute; }
header nav .navigation { display: none; width: 37.3333%; float: left; margin: 0; padding: 0; }
@media screen and (min-width: 75em) { header nav .navigation { display: table; } }
header nav .navigation:last-child { margin-left: 25.3333%; }
header nav .navigation li { display: table-cell; text-align: center; }
header nav .navigation li a { border-radius: 10px; padding: 10px; color: white; font-family: BariolBold; font-size: 22px; text-decoration: none; text-align: center; white-space: nowrap; }
header nav .navigation li a:hover, header nav .navigation li a.active { background-color: #6ba0d1; }

/* ==========================================================================
	Navigation
========================================================================= */
#navigationMobile { display: none; }

@media screen and (min-width: 50em) { .slicknav_menu { display: none; } }

#mediumScreenNavContainer { background: #88bcec; padding: 35px 0; display: none; }
@media screen and (min-width: 50em) { #mediumScreenNavContainer { display: block; } }
@media screen and (min-width: 75em) { #mediumScreenNavContainer { display: none; } }

#mediumScreenNav { display: none; width: 100%; margin: 0; padding: 0; }
@media screen and (min-width: 50em) { #mediumScreenNav { display: table; } }
#mediumScreenNav li { display: table-cell; text-align: center; }
#mediumScreenNav li a { border-radius: 10px; padding: 10px; color: white; font-family: BariolBold; font-size: 22px; text-decoration: none; text-align: center; white-space: nowrap; }
#mediumScreenNav li a:hover, #mediumScreenNav li a.active { background-color: #6ba0d1; }

/* ==========================================================================
	Gallery
========================================================================= */
ul.work-albums { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
ul.work-albums li { width: 100%; margin: 0 auto; height: auto; margin-bottom: 5%; position: relative; }
@media screen and (min-width: 30.0625em) { ul.work-albums li { width: 49%; height: auto; display: inline-block; margin: 0 0 1% 1%; }
  ul.work-albums li:nth-child(2n+1) { margin-left: 0; } }
@media screen and (min-width: 40.0625em) { ul.work-albums li { width: 49%; height: auto; display: inline-block; margin: 0 0 1% 1.38%; }
  ul.work-albums li:nth-child(2n+1) { margin-left: 0; } }
@media screen and (min-width: 85em) { ul.work-albums li { width: 279px; height: auto; display: inline-block; margin: 0 0 1.5em 1.5em; }
  ul.work-albums li:nth-child(2n+1) { margin-left: 1.5em; }
  ul.work-albums li:nth-child(4n+1) { margin-left: 0; } }
ul.work-albums li a { border: none; }
ul.work-albums li a .shopActive { position: absolute; z-index: 100; top: 0.5em; right: 0.5em; width: 3.5em; height: 3.5em; border-radius: 22px 23px 23px 22px/22px 22px 23px 23px; background-color: #f86211; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 0 2px #ff7328; border: solid 1px #e04704; background-image: linear, to top, #f54407, #f86211; text-align: center; text-transform: uppercase; padding-top: 0.9em; font-size: 12px; color: #fff; text-shadow: 0 1px 2px #af3600; }
ul.work-albums li a img { margin-bottom: 5px; border-radius: 10px; width: 100%; }
ul.work-albums li a .galleryTitle { width: 100%; padding: 0.5em; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 10px; left: 0; color: white; font-size: 1.5em; border-radius: 0 0 10px 10px; }

.twitterShare { position: absolute; left: 60px; bottom: 0; }

/* ==========================================================================
	Upcoming Events Table
========================================================================= */
#upcomingEventsTable { width: 100%; }
#upcomingEventsTable tr { background: #88bcec; }
#upcomingEventsTable tr:first-child { background: #c688da; }
#upcomingEventsTable tr:nth-child(even) { background: #6ba0d1; }
#upcomingEventsTable tr td { color: white; font-size: 1.5em; padding: 5px; text-align: center; }

/* ==========================================================================
	Homepage News Items
========================================================================= */
.newsItem p:last-of-type { margin: 0; }
.newsItem p strong { color: #6ba0d1; }
.newsItem a { color: #b86bd1; font-weight: bold; text-decoration: none; border-bottom: solid 0.0625em #b86bd1; }
.newsItem a:hover { color: #d16b6b; border-bottom: solid 0.1875em #d16b6b; }

/* ==========================================================================
	Homepage Download Item
========================================================================= */
#messageDownload { background-color: #b86bd1; background-image: -webkit-linear-gradient(bottom, #b86bd1, #cb92dd); background-image: linear-gradient(to top,#b86bd1, #cb92dd); padding: 0.625em; border-radius: 0.3125em; text-align: center; text-decoration: none; font-size: 1.3125em; }
#messageDownload a { color: white; border: none; }
#messageDownload a:hover { color: #9839b7; }