/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/*
Theme Name: Destiny Church
Description: Destiny Church custom WordPress Theme
Version: 1
Author: Launch Interactive
Author URI: http://launchinteractive.com.au

*/

/* WordPress Presentational Classes*/
.aligncenter
{
	display:block;
	margin:0 auto;
}

.alignleft
{
	float:left;
	margin:0 20px 20px 0;
}

.alignright
{
	float:right;
	margin:0 0 20px 20px;
}


.alignwide
{
	position: relative;
	left: calc(-0.5 * var(--central-padding));
	width: calc(100% + var(--central-padding));
}

.alignfull
{
	position: relative;
	left: calc(-1 * var(--central-padding));
	width: calc(100% + 2 * var(--central-padding));
	padding-left: var(--central-padding);
	padding-right: var(--central-padding);
}

.wp-block-image.alignfull,
.wp-block-embed.alignfull,
.wp-block-media-text.alignfull
{
	padding-left: 0;
	padding-right: 0;
}

.wp-caption
{
	text-align:center;
	font-size:.8em;
}

*
{
	box-sizing: border-box;
}

html
{
	background: #e86d20;
}

body
{
	-webkit-font-smoothing: antialiased;
	--central-padding: 20px;
	--section-padding: 30px;

	font-family: 'Manrope', sans-serif;
	line-height: 1.5;
	background: #FFF;
}

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

#skipToMainContent
{
	position: fixed;
	top: 10px;
	left: -300px;
	z-index: 1000;

	transition: left 0.2s ease-in-out 2s;
}

#skipToMainContent:focus,
#skipToMainContent:active
{
	left: 10px;
	transition: left 0.2s ease-in-out 0s;
}

.central
{
	padding-left: 20px;
	padding-left: var(--central-padding);
	padding-right: 20px;
	padding-right: var(--central-padding);
}

img
{
	max-width: 100%;
	height: auto;
	vertical-align:top;
}

/*
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece  
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

:horizontal
:vertical
:decrement
:increment
:start
:end
:double-button
:single-button
:no-button
:corner-present
:window-inactive
*/
::-webkit-scrollbar
{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track
{
  background: #ddd;
}

::-webkit-scrollbar-thumb
{
  background: #AAA;
}

a
{
	color: #e86d20;
}

a[href^=tel]
{
	color:inherit;
	text-decoration: none;
}

figure.wp-block-embed
{
	margin: 0;
}

#content
{
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
}

.home #content
{
	padding-top: 0;
}

.home #content > .wp-block-columns,
.home #content > .wp-block-gallery
{
	margin: var(--section-padding) 0;
}

.home #content > .wp-block-embed
{
	margin-bottom: 0;
}

.home #content > :first-child
{
	padding: 0;
}
.home #content > :first-child .wp-block-embed.alignwide
{
	max-width: 100%;
	margin: 0 auto;
	left: 0;
}
@media(min-width: 1100px)
{
	.home #content > :first-child .wp-block-embed.alignwide
	{
		max-width: calc(100% - var(--central-padding) * 2);
	}
}

#content > :first-child
{
	margin-top: 0;
}

#content > :last-child
{
	margin-bottom: 0;
}*/

h1,
h2,
h3
{
	margin: 1em 0 .5em;
}

h2 + p,
h3 + p
{
	margin-top: -1em;
}

hr.wp-block-separator
{
	border: 0;
	margin: var(--section-padding) auto;
	max-width: 400px;
	height: 1px;
	background: #ccc;
}

hr.wp-block-separator.is-style-wide
{
	max-width: 100%;
}

.values
{
	text-align: center;
}

.values h1
{
	border: 1px solid currentcolor;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 20px;
}

.values .wp-block-column
{
	margin-bottom: 20px;
}

.wp-block-image.size-full
{
	margin-bottom: var(--section-padding);
}

.videoWrap
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.videoWrap iframe,
.videoWrap object,
.videoWrap embed,
.videoWrap video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.is-style-outline > .wp-block-button__link:hover:not(.has-text-color)
{
	background: #000;
	color: #F1F1F1;
	box-shadow: none;
	border-color: #000;
}

@media (min-width: 350px)
{
	.noWidow
	{
		white-space: nowrap;
	}
}

@media (min-height: 600px)
{
	body
	{
		--section-padding: 50px;
	}
}

@media (min-width: 500px)
{
	body
	{
		--central-padding: 100px;
	}

	.alignwide
	{
		--wide: 100px;
		position: relative;
		left: calc(-1 * var(--wide));
		width: calc(100% + var(--wide) * 2);
	}
}


@media (min-width: 1400px)
{
	body
	{
		--central-padding: calc(50vw - 600px)
	}
}

/*
@media all and (max-width: 960px) {

}
@media all and (max-width: 320px) {

}
*/

/* .wp-block-media-text__media
{
	height: 100%;
}

.wp-block-media-text__media img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/

.wp-block-columns
{
	margin-bottom: var(--section-padding);
}

.wp-block-media-text .wp-block-media-text__content
{
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
	padding-left: 30px;
	padding-right: 30px;
}

.wp-block-media-text .wp-block-media-text__content > :first-child,
.wp-block-column > :first-child
{
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content > :last-child,
.wp-block-column > :last-child
{
	margin-bottom: 0;
}

.paddedArea > .wp-block-columns[class*=-background-color],
.paddedArea > .wp-block-group[class*=-background-color]
{
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
}

.paddedArea > .wp-block-columns[class*=-background-color] + :not([class*=-background-color]),
.paddedArea > :not([class*=-background-color]) + .wp-block-columns[class*=-background-color],
.paddedArea > .wp-block-group[class*=-background-color] + :not([class*=-background-color]),
.paddedArea > :not([class*=-background-color]) + .wp-block-group[class*=-background-color]
{
	margin-top: var(--section-padding);
}

p.has-background
{
	margin: 0;
}

/* Columns */
wp-block-columns
{
	margin-bottom: var(--section-padding);
}

.wp-block-column + .wp-block-column
{
	margin-top: var(--section-padding);
}

.wp-block-columns.has-background:first-child
{
	margin-top: 0;
	padding-top: 0;
}

.wp-block-columns.has-background:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
}

@media (min-width: 600px)
{
	.wp-block-column + .wp-block-column
	{
		margin-top: unset;
	}
}
/* Columns End */

@media (max-width: 730px)
{
	.wp-block-media-text
	{
		display: block;
		padding-bottom: 1px;
	}

	.wp-block-media-text:not(.has-background) .wp-block-media-text__content
	{
		padding-left: 0;
		padding-right: 0;
	}
}

#pageHeader
{
	display: flex;
	align-items: center;
	position: relative;
	position: sticky;
	top: 0;
	padding: 20px;
	z-index: 100;

	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(238, 238, 238, 0.7);

	/*border-bottom: 2px solid #e86d20;*/

	height: 100px;
}

#pageHeader svg
{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 2;
}

/*.home #pageHeader
{
	position: fixed;
	left: 0;
	right: 0;
}*/

@media(min-width: 601px)
{
	.admin-bar #pageHeader
	{
		top: 46px;
	}
}

@media(min-width: 783px)
{
	.admin-bar #pageHeader
	{
		top: 32px;
	}
}

#pageHeader #logo
{
	margin-right: auto;
}

#pageHeader nav
{
	display:none;
	position: absolute;
	right: 0;
	top: 100%;
	background: #e86d20;
	z-index: 5;
}

#pageHeader nav ul
{
	width: 200px;
}

#pageHeader nav a
{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 8px 20px;
}

#pageHeader nav > ul
{
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	overflow-x: hidden;
}

#pageHeader nav ul li
{
	position: relative;
}

#pageHeader nav ul ul.sub-menu
{
	margin-left: 20px;
	border-top: 1px solid rgba(255,255,255,.2);
}

/*#pageHeader nav li.menu-item-has-children:hover > ul.sub-menu
{
	display: block;
}*/

#pageHeader nav .menu-item-has-children > a
{
	position: relative;
	padding-left: 38px;
}

#pageHeader nav .menu-item-has-children > a:before
{
	content: "";
	position: absolute;
	top: 14px;
	left: 20px;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;

}

#pageHeader nav .menu-item-has-children.expand > a:before
{
	transform: rotate(90deg);


}

#pageHeader nav .menu-item-has-children > ul
{
	display: none;
}

#pageHeader nav .menu-item-has-children.expand > ul
{
	display: block;
}

#hotdog
{
	font-size: 2em;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 0.41em;
	cursor: pointer;
}

#hotdogCheckbox
{
	display: none;

}

#pageHeader #hotdogCheckbox:checked + nav
{
	display: block;
}

#pageHeader nav li
{
	border-bottom: 1px solid rgba(255,255,255,.2);
}
#pageHeader nav li:last-child
{
	border-bottom: 0;
}

#pageHeader nav li.current-menu-item > a
{
	background: rgba(0,0,0,.3);
}

@media(hover)
{
	#pageHeader nav a:hover
	{
		background: rgba(0,0,0,.1);
	}
}

footer
{
	padding: 20px;
	background: #e86d20;
	margin-top: var(--section-padding);
	color: #FFF;
	text-align: center;
}

footer a
{
	color: #FFF;
}

footer .social
{
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 20px 0 40px;
}

footer .social img
{
	height: 40px;
	width: auto;
}

@media(hover)
{
	footer .social a
	{
		opacity: .5;
		transition: opacity .2s linear;
	}

	footer .social a:hover
	{
		opacity: 1;
	}

}

figure
{
	position: relative;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption
{
	background: 0 !important;
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: none;
}

figcaption a
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #333;
	z-index: 999;
	opacity: 0;
}

.wp-block-gallery > figure
{
	perspective: 500px;
	z-index: 1;
}

.wp-block-gallery:hover,
.wp-block-gallery > figure:hover
{
	z-index: 100;
}

.wp-block-gallery > figure > img,
.wp-block-gallery > figure > a
{
	transition: transform .1s linear, box-shadow .1s linear, border-radius .2s linear;
	transform: rotateY(calc((-10deg * var(--percentX)) + 5deg)) rotateX(calc((10deg * var(--percentY)) - 5deg)) rotateZ(0deg)  scale(1);
	border-radius: 0;
	overflow: hidden;
}

.wp-block-gallery > figure:hover > img,
.wp-block-gallery > figure:hover > a
{
	transform: rotateY(calc((-10deg * var(--percentX)) + 5deg)) rotateX(calc((10deg * var(--percentY)) - 5deg)) rotateZ(0deg) scale(1.05);
	z-index: 100;
	box-shadow: calc((0.1vw * var(--percentX)) - 0.125vw) calc((0.1vw * var(--percentY)) - 0.125vw) 0.5vw -0.125vw #333;
	border-radius: .5vw;
}

#content
{
	/* This stops a horizontal scrollbar showing up when hovering gallery items */
	overflow-x: hidden;
}

button,
input[type=button]
{
	background: #e86d20;
	border: 0;
	color: #FFF;
	padding: 8px 20px;
	border-radius: 5px;
}

textarea
{
	resize: vertical;
	min-height: 100px;
}

textarea,
input
{
	padding: 8px;
	border: 1px solid #ccc;
}

#content .map
{
	border-bottom: 1px solid #CCC;
	height: 500px;
	margin-bottom: var(--section-padding);
	margin-top: calc(-1 * var(--section-padding));
}

.event
{
	display: flex;
	margin-bottom: 10px;
}

.eventDetails img
{
	float: right;
	margin: 0 0 20px 20px;
}

.eventDate
{
	background: #e86d20;
	color: #FFF;
	padding: 5px;
	text-align: center;
	margin-right: 20px;
	flex-shrink: 0;
}

.event .eventDetails
{
	flex: 1;
}

.event .eventDetails h3
{
	margin-top: 0;
}

.event .eventDetails p
{
	margin-bottom: 0;
}

@media(min-width: 800px)
{
	.events.homepage
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}
}

.calendar
{
	width: 100%;
	border-collapse: collapse;
}

.calendar-day .calendarEvent
{
	padding: 5px 10px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background: #e86d20;
}

.calendar-day .calendarEvent + .calendarEvent
{
	margin-top: 5px;
}

.calendar-title
{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	font-size: 1.5em;
	align-items: center;
}

.calendar-title a
{
	background: #e86d20;
	color: #FFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}



.calendar td
{
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
	display: block;
}

.calendar th
{
	width: calc(100% / 7);
	background: #e86d20;
	color: #FFF;
	padding: 10px;
}

.calendar .day
{
	border: 1px solid #333;
	color: #333;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 10px;
}

/* Hide Blank Cells for mobile */
.calendar td.calendar-day-np
{
	display: none;
}

/* Hide Calendar Day Titles */
.calendar tr:first-of-type
{
	display: none;
}

@media(min-width: 800px)
{
	.calendar tr:first-of-type
	{
		display: table-row;
	}

	.calendar td.calendar-day-np
	{
		display: table-cell;
	}

	.calendar td
	{
		height: 200px;
		display: table-cell;
	}

	.calendar-title
	{
		font-size: 2em;
	}
}


#calendarDialog
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 90vw;
	max-width: 500px;
	max-height: 90vh;
	background: #FFF;
	padding: 50px 20px 20px;
	z-index: 200;
	border: 2px solid #e86d20;
	box-shadow: 0 0 20px -10px #000;
}

#calendarDialog > div
{
	overflow: auto;
	width: 100%;
}

#calendarDialog hr
{
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eee;
}

#calendarDialog .closeCalendarDialog
{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 0;
	font-size: 1.5em;
	line-height: .8em;
}

#calendarDialog img
{
	float: right;
	margin: 0 0 20px 20px;
}

#calendarDialog form label
{
	display: block;
	padding-left: 3px;
	padding-right: 3px;
}

#calendarDialog form input
{
	width: 100%;
	margin: 5px 0 10px;
}

.showCalendarEvent #calendarDialog
{
	display: flex;
}

@media (hover)
{
	.calendar-title a:hover,
	#calendarDialog .closeCalendarDialog:hover
	{
		transform: scale(1.2);
	}
	.calendar-day a:hover
	{
		text-decoration: underline;
	}
}

/* This is an autogenerated file, see /clients/DestinyChurch/public_html/wp-content/themes/DestinyChurch/functions.php:320 for details */
.has-white-color.has-text-color
{
	color:#fff
}
.has-white-background-color,
.wp-block-cover.has-background-dim.has-white-background-color
{
	background:#fff;color:#272425;--background-colour:#fff
}
[class*="-background-color"].has-#fff-background-color + [class*="-background-color"].has-#fff-background-color
{
	padding-top: 0
}
.has-black-color.has-text-color
{
	color:#000
}
.has-black-background-color,
.wp-block-cover.has-background-dim.has-black-background-color
{
	background:#000;color:#fff;--background-colour:#000
}
[class*="-background-color"].has-#000-background-color + [class*="-background-color"].has-#000-background-color
{
	padding-top: 0
}
.has-black-background-color a
{
color:#fff
}
.has-black-background-color a[href^=tel]
{
color: inherit
}
.has-black-background-color hr
{
color:#fff;
background-color:#fff;
border-color: currentcolor
}
.has-black-background-color h1,
.has-black-background-color h2,
.has-black-background-color h3,
.has-black-background-color h4,
.has-black-background-color h5
{
color:#fff
}
.has-black-background-color .wp-block-button__link:not(.has-text-color)
{
color:#000
}
.has-black-background-color .wp-block-button__link:not(.has-background)
{
;
background-color:#fff
}
.has-black-background-color .is-style-outline > .wp-block-button__link:not(.has-text-color)
{
color:#fff;
border-color:#fff
}
.has-black-background-color .is-style-outline > .wp-block-button__link
{
background: none
}
.has-grey-color.has-text-color
{
	color:#F1F1F1
}
.has-grey-background-color,
.wp-block-cover.has-background-dim.has-grey-background-color
{
	background:#F1F1F1;color:#333;--background-colour:#F1F1F1
}
[class*="-background-color"].has-#F1F1F1-background-color + [class*="-background-color"].has-#F1F1F1-background-color
{
	padding-top: 0
}
.has-grey-background-color a
{
color:#000
}
.has-grey-background-color a[href^=tel]
{
color: inherit
}
.has-grey-background-color hr
{
color:#000;
background-color:#000;
border-color: currentcolor
}
.has-grey-background-color h1,
.has-grey-background-color h2,
.has-grey-background-color h3,
.has-grey-background-color h4,
.has-grey-background-color h5
{
color:#000
}
.has-grey-background-color .wp-block-button__link:not(.has-text-color)
{
color:#F1F1F1
}
.has-grey-background-color .wp-block-button__link:not(.has-background)
{
;
background-color:#000
}
.has-grey-background-color .is-style-outline > .wp-block-button__link:not(.has-text-color)
{
color:#000;
border-color:#000
}
.has-grey-background-color .is-style-outline > .wp-block-button__link
{
background: none
}
@media (hover: hover)
{
.is-style-outline .wp-block-button__link.has-white-color:hover
{
background:#fff;
color: #272425;
border-color: #fff;
box-shadow: none
}
.has-black-background-color .wp-block-button__link:hover:not(.has-background),
.has-black-background-color.wp-block-button__link:hover
{
background-color:#fff;
color:#000;
box-shadow: inset 0 0 0 0.177em #fff
}
.has-black-background-color .is-style-outline > .wp-block-button__link:hover:not(.has-text-color),
.is-style-outline > .has-black-background-color.wp-block-button__link:hover:not(.has-text-color)
{
background:#fff;
color:#000;
box-shadow: none
}
.is-style-outline .wp-block-button__link.has-black-color:hover
{
background:#000;
color: #fff;
border-color: #000;
box-shadow: none
}
.has-grey-background-color .wp-block-button__link:hover:not(.has-background),
.has-grey-background-color.wp-block-button__link:hover
{
background-color:#000;
color:#F1F1F1;
box-shadow: inset 0 0 0 0.177em #000
}
.has-grey-background-color .is-style-outline > .wp-block-button__link:hover:not(.has-text-color),
.is-style-outline > .has-grey-background-color.wp-block-button__link:hover:not(.has-text-color)
{
background:#000;
color:#F1F1F1;
box-shadow: none
}
.is-style-outline .wp-block-button__link.has-grey-color:hover
{
background:#F1F1F1;
color: #333;
border-color: #F1F1F1;
box-shadow: none
}

}
.has-normal-font-size
{
	font-size: 16px;
}
.has-medium-font-size
{
	font-size: 20px;
}
.has-large-font-size
{
	font-size: 25px;
}

.is-style-constrained-paragraph
{
	max-width: 780px;
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto;
}
.facebook_messenger_popup {
    background: #fff;
    display: none;
}
.facebook_messenger_popup .popup_close{
    position: absolute;
    opacity: 0.65;
    font-style: normal;
    font-size: 28px;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    right: -13px;
    text-align: center;
    border-radius: 100px;
    border: 2px solid transparent;
    line-height: 38px;
    padding: 0;
    top: -38px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: Arial,Baskerville,monospace !important;
    color: #ffffff;
}
.facebook_messenger_popup .popup_close:hover{
    border: 2px solid #fff;
    transform: scale(0.8);
    -webkit-transform: scale(0.8) rotateZ(90deg);
    opacity: 1
}
/* body .drag-wrapper .thing .facebook-messenger-avatar-type1 img {
    width: 100%;
    margin-top: 0;
    border-radius: 50%;
    height: 100%;
}
.facebook_messenger_popup .send-app a {
    border-radius: 0;
}
.send-app {
    margin-top: 15px;
    padding: 0px 15px;
}
.send-app a {
    background: #0075ff;
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 3px 5px;
    border-radius: 3px;
    text-decoration: none;
}
.send-app a:hover {
    opacity: 0.8;
} */
#fbmsg-icon {
    position: fixed;
    bottom: 20px;
    width: 50px;
    height: 50px;
    z-index: 99999;
    border-radius: 50%;
    padding: 6px;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
}

#fbmsg-drop {
    width: 100px;
    height: 70px;
    position: fixed;
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
    z-index: 99998;
    /* visibility: hidden; */
}

.fbmsg-border {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    background: rgba(0, 0, 0, 0.3);
    bottom:-50px;
    line-height: 1;
}

.fbmsg-border:after {
    pointer-events: none;
    content: '\00d7';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 2em;
    font-weight: 100;
    color: #fff;
    margin:-20px 0 0 -20px;
}

.fbmsg-snap {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

#fbmsg-content {
    max-width: 340px;
    position: fixed;
    display: none;
    z-index: 99999;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 4px #ccc;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0px 13px #ccc;
    box-shadow: 0 0px 13px #ccc;
}

.send-app {
    padding: 10px 8px;
    border-top: 1px solid #defefe;
    text-align: center;
}

.send-app a {
    display: block;
    padding: 3px 8px;
    background-color: #0075ff;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
}

.fbmsg-transition {
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.anim-zoom {
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.anim-zoom-in {
    -webkit-animation: fbZoomIn 250ms ease both;
    animation: fbZoomIn 250ms ease both;
}

.anim-zoom-out {
    -webkit-animation: fbZoomOut 250ms ease both;
    animation: fbZoomOut 250ms ease both;
}

@-webkit-keyframes fbZoomIn {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@keyframes zoomIn {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@-webkit-keyframes fbZoomOut {
    from {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fbZoomOut {
    from {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*******CSS by Tommy *********/

a.nj-facebook-messenger {
    text-decoration: none;
}

.dh-hide-on-desktop {
    display: none;
}

@media only screen and (max-width: 767px) {
    .dh-hide-on-desktop {
        display: block;
    }
    #fbmsg-content {
        max-width: 320px;
        padding: 0;
        overflow: hidden;
    }
}