/*!
Theme Name: Hello Flamingo Theme
Theme URI: https://helloflamingo.com/
Author: Ryan Novotny
Description: Hello Flamingo Theme based on underscores
Version: 2.0.6
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: fca_hft
Tags: hello, flamingo

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

/* Normalize
--------------------------------------------- */

/*! 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;
	-webkit-text-size-adjust: 100%;
}

/* 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;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 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;
	font-size: 1em;
}

/* 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;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * 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;
	font-size: 1em;
}

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * 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;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * 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;
	font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: Inter, sans-serif;
	font-size: 20px;
	line-height: 36px;
	color: #323B4B;
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	clear: both;
	color: #323B4B;
}

h1 {	
	font-family: Poppins, sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 72px;
	margin-bottom: 32px;
	text-align: center;
	
}

h2 {
	font-family: Poppins, sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: 70px;
	margin-bottom: 48px;
	
}

h3 {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
}

h4 {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 16px;
}

h5 {
	font-weight: 600;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 8px;
}


p {
	margin: 0 0 24px 0;
}

dfn,
em,
i {
	font-style: italic;
}
figcaption {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #B0B7C3;
}
cite {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	font-style: normal;
	color: #B0B7C3;
}

blockquote {
	color: #323B4B;
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
	background: #F3F7FA;
	border-radius: 15px;
	margin: 64px 0;
	padding: 56px 64px;
}

blockquote p {
	margin-bottom: 32px;
}
blockquote cite {
	display: block;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

ul,
ol {
	margin: 0 0 24px 0;
}

ul {
	list-style: disc;
	padding-left: 1em;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 24px;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 24px 24px;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure,
figure.wp-block-image {
	margin: 64px 0;
}

figure.wp-block-image  figcaption {
	margin: 24px 0 0 0;
}

table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	
}

table tr {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.07 );
}
table tr:last-of-type {
	border-bottom: 0;
}

table td, 
table th {
	padding: 15px;
}

table th {
	text-transform: uppercase;
	color: #EE729A;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	background-color: rgba( 238, 114, 154, 0.1 );
}

table.alt th {
	color: rgba( 50, 59, 75, 0.5 );
	background-color: rgba( 192, 192, 192, 0.1 );
}
table.alt td {

	background-color: #F9F9F9;
}

table th:first-of-type {
	border-radius: 15px 0 0 0;
}
table th:last-of-type {
	border-radius: 0 15px 0 0;
}
table td {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}

table tr:last-of-type td:first-of-type {
	border-radius: 0 0 0 15px;
}
table tr:last-of-type td:last-of-type {
	border-radius: 0  0 15px 0;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

button.button, a.button, input.button {
	cursor: pointer;
	position: relative;
	display: inline-block;
	background-color: #EE729A;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	padding: 21px 24px;
	text-decoration: none;
	font-weight: 600;
}

button.button.secondary, a.button.secondary, input.button.secondary {
	background-color: #FDF1F5;
	color: #EE729A;
	
}

button.button:hover, a.button:hover, input.button:hover {
	top: -1px;
}

.button.beta-signup {
	margin-bottom: 14px;
	padding: 16px 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.button.add-to-slack {
	background-color: white;
	color: #323B4B;
	box-shadow: 0px 34px 31px rgba(93, 19, 47, 0.06), 0px 14.2044px 12.9511px rgba(93, 19, 47, 0.0431313), 0px 7.59435px 6.92426px rgba(93, 19, 47, 0.0357664), 0px 4.25733px 3.88168px rgba(93, 19, 47, 0.03), 0px 2.26103px 2.06153px rgba(93, 19, 47, 0.0242336), 0px 0.940867px 0.85785px rgba(93, 19, 47, 0.0168687);
	margin-bottom: 14px;
	padding: 16px 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.pb-13 {
	padding-bottom: 12px !important;
}

.button.add-to-slack img {
	vertical-align: middle;
	margin-right: 10px;
}
.button.add-to-slack span {
	position: relative;
	top: 2px;
}

.add-to-slack-subtext {
	font-size: 16px;
	line-height: 27px;
	color: black;
	opacity: 0.7;
	margin: 0;
	
}


div.icon {
	display: inline-block;
	width: 72px;
	height: 72px;
	position: relative;
	border-radius: 100%;
	vertical-align: top;
}

div.icon svg {
	position: absolute;
	left: 18px;
	top: 18px;
}

div.icon svg.svg-chat-bubble {
	position: absolute;
	left: 18px;
	top: 20px;
}

div.icon svg.svg-close {
	position: absolute;
	left: 23px;
	top: 23px;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 24px;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 24px;
}

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

.page-links {
	clear: both;
	margin: 0 0 24px;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 24px;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
}

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

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

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


/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

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

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 24px;
	margin-bottom: 24px;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 24px;
	margin-bottom: 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

/* START HELLO FLAMINGOOOO */
	
.flamingo-wrapper {
	max-width: 1194px;
	margin: 150px auto;
	position: relative;
}

.page-template-page-home .site-header {
	background-color: #FDF1F5;
}

.page-template-page-hero-php .site-header,
.page-template-page-hero-wide-php .site-header {
	background-color: #FDF1F5;
}

.page-template-page-hero-php .singular-content h1,
.page-template-page-hero-wide-php .singular-content h1 {
	text-align: center;
}

.page-template-page-hero-php .hero,
.page-template-page-hero-wide-php .hero {
	background: url( 'assets/hero-background-3.svg' ) center top / 100% 806px no-repeat, #FFFFFF;
}

.page-template-page-hero-php .hero .flamingo-wrapper,
.page-template-page-hero-wide-php .hero .flamingo-wrapper {
	margin-bottom: 120px;
}

.page-template-page-hero-php .singular-content,
.page-template-page-hero-wide-php .singular-content {
	margin-bottom: 120px;
}

.page-template-page-leave-tracker .site-header {
	background-color: #FDF1F5;
}

.page-template-page-vacation-tracker .site-header {
       background-color: #FDF1F5;
}

.page-template-page-absence-tracker .site-header {
       background-color: #FDF1F5;
}


.hero {
	text-align: center;
	background: url( 'assets/hero-background-2.svg' ) center bottom / 100% 504px no-repeat, #FDF1F5;

}

.hero .flamingo-wrapper {
    margin: 0 auto 492px auto;
    padding: 72px 0 0 0;
    position: relative;
}

.hero img.hero-ui-img {
	position: relative;
	top: 48px;
	left: 0;
	margin-bottom: -306px;
}

p.subtitle {
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: black;
	opacity: 0.7;
}

.twoup {
	display: grid;
	align-items: center;
	grid-auto-flow: dense;
	grid-row-gap: 150px;
	grid-column-gap: 130px;
}

.twoup-column {
	display: grid;
	align-items: center;
	grid-auto-flow: column;
	grid-row-gap: 150px;
	grid-column-gap: 130px;
}

.twoup .reverse {
	grid-column: 2;
}

.twoup h2 {
	text-align: left;
}

.twoup p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	opacity: 0.7;
}

.icon-twoup {
	display: inline-block;
	margin-left: 30px;
	max-width: calc( 100% - 110px );
}

.threeup {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 56px;
}

.threeup > div {
	background-color: white;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0px 50px 77px rgba(176, 183, 195, 0.22);
}

/* MENU */

.helloflamingo-text-icon .helloflamingo-text {
	margin-left: 7px;
	position: relative;
	top: -11px;
}

header .flamingo-wrapper {
	margin: 0 auto;
	max-width: 1504px;
	padding: 24px 32px;
	height: 115px;
}

#primary-menu .right {
	
	position: absolute;
	right: 32px;
	top: 24px;	
}

#primary-menu .helloflamingo-text-icon {
	position: absolute;
	left: 32px;
	top: 24px;	
}

#primary-menu {
	text-align: center;
}

#primary-menu .button.beta-signup {
	padding: 9px 12px;
	font-size: 16px;
	border-radius: 6px;
	margin: 12px 0 0 0;
}

#primary-menu .button.add-to-slack {
	padding: 9px 16px 9px 12px;
	
	border-radius: 6px;
	margin: 12px 0 0 0;
}
#primary-menu .button.add-to-slack img {
	width: 24px;
	margin-right: 7px;
}
#primary-menu .button.add-to-slack span {
    position: relative;
    top: 1px;
}

#primary-menu .menu-item.parent:last-of-type {
	margin-right: 0;
}

#primary-menu .menu-item {
	text-decoration: none;
	font-size: 20px;
	line-height: 24px;
	color: black;
	cursor: pointer;
	display: inline-block;
	margin-right: 60px;	
	color: rgba( 50, 59, 75, 0.5 );
	vertical-align: top;
    margin-top: 24px;
	font-weight: 600;
}

#primary-menu .menu-item:hover, #primary-menu .menu-item.selected {
	color: rgba( 50, 59, 75, 1 );
}

/* Small menu. */
#primary-menu .icons {
	position: absolute;
	right: 32px;
	top: 24px;	
}
#primary-menu .svg-menu  {
	display: none;
}

#primary-menu .svg-close  {
	display: none;
}

/* FOOTER */

.site-footer .flamingo-wrapper {
	margin: 100px auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.site-footer .flamingo-wrapper nav {
	margin-top: 24px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;;
}

.site-footer .flamingo-wrapper a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #8A94A6;
	font-weight: 500;
}

.site-footer .flamingo-wrapper a:hover {
	font-weight: 600;
    color: black;
}

.flamingo-wrapper.cta {
	border-radius: 15px;
	padding: 58px;
	text-align: center;
	background: url( 'assets/cta-background.svg' ) center top no-repeat;
	background-size: cover;
	box-shadow: 0px 54px 50px rgba(67, 67, 68, 0.0705882);
	align-items: center;
	display: grid;
	grid-template-columns: 2fr 1fr;
	margin: 100px auto;
}

.flamingo-wrapper.cta.inline {
	padding: 48px;
}

.flamingo-wrapper.cta.inline h3 {
	font-size: 36px;	
	margin: 0;
}

.flamingo-wrapper.cta h3 {
	text-align: left;
	color: white;
}

.wp-block-hello-flamingo-faq .wp-block-hello-flamingo-accordion:last-child {
	border-bottom: 0 !important;
}

.wp-block-hello-flamingo-call-to-action.cta-inner {
	border-radius: 15px;
	padding: 58px;
	text-align: center;
	background: url( 'assets/cta-background.svg' ) center top no-repeat;
	background-size: cover;
	box-shadow: 0px 54px 50px rgba(67, 67, 68, 0.0705882);
	
	display: grid;
	grid-template-columns: 2fr 1fr;
	
	align-items: center;
	margin: 100px auto;
}

.wp-block-hello-flamingo-call-to-action.cta-inner h3 {
	font-size: 36px;	
	margin: 0;
	text-align: left;
	color: white;
}

.wp-block-hello-flamingo-testimonial {
	margin: 64px 0;
	border-radius: 15px;
	padding: 60px;
}

.wp-block-hello-flamingo-testimonial blockquote {
	text-align: center;
	background-color: #F3F7FA;
	font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 500;
	padding: 0;
	max-width: 800px;
	margin: 0 auto;
}

.wp-block-hello-flamingo-testimonial .flamingo-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
    line-height: 1.5rem;
}

.wp-block-hello-flamingo-testimonial .separator {
	display: inline-block;
	width: 1.5rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	font-size: 22px;
}
.wp-block-hello-flamingo-testimonial .byauthor {
	margin-left: 1rem;
}

.wp-block-hello-flamingo-testimonial blockquote img.authorimg {

	border-radius: 100%;
}

.wp-block-hello-flamingo-accordion.faq-item .answer {
	transform: scaleY( 0 );
	transition: all 400ms;
	height: 0;
	opacity: 0;
	margin-top: -20px;
	transform-origin: top;
	
}

.wp-block-hello-flamingo-accordion.faq-item.open .answer {
	transform: scaleY( 1 );
	opacity: 1;
	height: auto;
	margin-top: 20px;

}

.wp-block-hello-flamingo-accordion.faq-item .down-arrow-glyph {
	transform: rotate( 0 );
	transition: transform 400ms;
}

.wp-block-hello-flamingo-accordion.faq-item.open .down-arrow-glyph {
	transform: rotate( 180deg );
}

.wp-block-hello-flamingo-hero {
	margin-bottom: 128px;
}

.wp-block-hello-flamingo-hero h1,
.wp-block-hello-flamingo-hero p {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 32px;
}

.wp-block-hello-flamingo-hero p {
	margin-bottom: 24px;
}

.wp-block-hello-flamingo-hero .hero-inner {
	margin-bottom: 158px;
}

.flamingo-wrapper.holidays-list {
	max-width: 786px;
}

.flamingo-wrapper.holidays-list .year-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
}

.flamingo-wrapper.holidays-list .year-nav .button {
	padding: 40px;
	position: relative;
	text-align: left;
}

.flamingo-wrapper.holidays-list .year-nav .button.nav-prev {

	text-align: right;
}
.flamingo-wrapper.holidays-list .year-nav .button.nav-next {
	grid-column: 2;
}
.flamingo-wrapper.holidays-list .year-nav .svg-prev {
	position: absolute;
	left: 40px;
	width: 24px;
    height: 24px;
}
.flamingo-wrapper.holidays-list .year-nav .svg-next {
	position: absolute;
	right: 40px;
	width: 24px;
    height: 24px;
	
}

.table-wrapper {
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.09);
	border-radius: 15px;
	margin-bottom: 80px;
}
.table-wrapper .table-mobile {
	display: none;
}

.flamingo-wrapper.holidays-list h3 {
	font-size: 32px;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;	
	margin-bottom: 42px;
}

.holidays-cta {
	background: #FDF1F5;
	text-align: left;
}
.holidays-cta .flamingo-wrapper {
	display: grid;
	grid-column-gap: 89px;
	grid-template-columns: 1.1fr 2fr;
	align-items: center;
	margin: 0 auto;
	padding: 100px 0;
}
.holidays-cta .flamingo-wrapper h3 {
	color: #323B4B;
	font-size: 32px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 24px;
}
.holidays-cta .flamingo-wrapper .reverse {
	grid-column: 2;
}
.holidays-cta .flamingo-wrapper p.subtitle {
	text-align: left;
}

.holidays-hero {
	text-align: center;
	background-color: #F3F7FA;
}

.holidays-hero .flamingo-wrapper{
	margin: 0 auto;
	padding: 72px 0 92px 0;
}

.holidays-hero nav {
	background-color: white;
	border-radius: 65px;
	padding: 21px 29px;
	display: inline-block;
	margin-bottom: 32px;
}

.holidays-hero .subtitle {
	font-size: 20px;
	line-height: 36px;
	font-weight: 600;
	color: #323B4B;
	opacity: 0.7;
}

.holidays-hero nav a{
	text-decoration: none;
	color: rgba( 50, 59, 75, 0.5 );
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
.holidays-hero nav svg {
	margin: 2px 16px;
}

/* TESTIMONIAL */

.featured-section {
	background-color:#F3F7FA;
}
.featured-section .flamingo-wrapper {
	padding: 60px 0 150px 0;
	margin: 0 auto;
}
.featured-section h1 {
	margin: 90px 0 72px 0;
}

.featured-section h3 {
	margin: 90px 0 72px 0;
        text-align: center;
}

#testimonial .threeup > div {
	padding: 30px 30px 100px 30px;
	position: relative;
	box-shadow: 0px 50px 77px rgba(176, 183, 195, 0.22);
}

#testimonial .testimonial-stars {
	position: absolute;
	bottom: 0;
}
#testimonial .testimonial-stars .svg-star {
	margin-right: 16px;
}

#pricing.threeup > div {
	padding: 30px 30px 40px 30px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.07);
}

#pricing.threeup p.plan {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 16px;
}

#pricing.threeup p.price {
	font-family: Poppins, sans-serif;
	font-size: 60px;
	line-height: 72px;
	font-weight: 600;
	letter-spacing: -3px;
	margin-bottom: 16px;
}
#pricing.threeup p.text {
	font-size: 18px;
	line-height: 25px;
	color: #8A94A6;
	margin-bottom: 30px;
}

#pricing.threeup p.condition {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #8A94A6;
	margin-bottom: 30px;
}

#pricing.threeup .button {
	width: 100%;
	border-radius: 10px;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
#pricing.threeup .button:hover {
	box-shadow: 0px 34px 31px rgba(0, 0, 0, 0.06), 0px 14.2044px 12.9511px rgba(0, 0, 0, 0.0431313), 0px 7.59435px 6.92426px rgba(0, 0, 0, 0.0357664), 0px 4.25733px 3.88168px rgba(0, 0, 0, 0.03), 0px 2.26103px 2.06153px rgba(0, 0, 0, 0.0242336), 0px 0.940867px 0.85785px rgba(0, 0, 0, 0.0168687);
}
#pricing.threeup .add-to-slack-subtext {
	text-align: center;	
	font-weight: 500;
	
}

#features .threeup h4 {
	margin-top: 30px;
    font-weight: 700;
    font-size: 28px;
	line-height: 39px;
}

#features .threeup p {
	color: #8A94A6;
	font-weight: 500;
}

/* BLOG */


.page-title {
	margin: 72px 0;
	font-size: 32px;
	line-height: 48px;
}

#blogroll.threeup {
	grid-row-gap: 72px;
	margin-bottom: 48px;
}

a.permalink h4 {
	font-weight: 700;
}

a.permalink {
	background: #FFFFFF;
	border: 2px solid #F5F7F8;
	box-sizing: border-box;
	border-radius: 15px;
	text-decoration: none;
	color: #323B4B;
}

a.permalink img.featured-image {
	border-radius: 16px 16px 0px 0px;
}

a.permalink:hover {
	box-shadow: 0px 50px 77px rgba(176, 183, 195, 0.22);
}

a.permalink .entry-content {
	padding: 24px 24px 8px 24px;
	border-radius: 16px;

}

a.permalink .entry-date {
	font-size: 18px;
	margin-bottom: 16px;
	color: #B0B7C3;
	line-height: 22px;
}

a.permalink .entry-content .entry-excerpt {
	font-size: 18px;
	color: #8A94A6;
	line-height: 30px;
	font-weight: 500;
}



/* PAGINATION */


.paginated-navigation {
	position: relative;
	text-align: center;
	height: 50px;
	margin-bottom: 48px;
}

.paginated-navigation div.icon {
	border-radius: 15px;
	border: 2px solid #FAFBFC;
	width: 50px;
	height: 50px;
	background-color: none;
}

.paginated-navigation div.icon svg {
	top: 15px;
	left: 16px;
}

.paginated-navigation .page-numbers {
	display: inline-block;
	padding-top: 11px;
	height: 50px;
	min-width: 50px;
	font-size: 22px;
	
	font-weight: 600;	
	line-height: 27px;
	
	color: #8A94A6;
	text-decoration: none;
	
	margin: 0 5px;
	
	border: 2px solid #FAFBFC;
	border-radius: 15px;
}

.paginated-navigation .page-numbers.mobile {
	display: none;
}


.paginated-navigation .page-numbers.current {
	background: #EE729A;
	color: white;
	border-radius: 15px;
}

/* POSTS & PAGES TEMPLATE (SINGULAR) */

.singular-header {
	text-align: center;
}


.singular-header .header-meta {
    max-width: 857px;
    margin: 0 auto;
	text-align: left;
	margin-bottom: 44px;
}

.singular-header.singular-wide .header-meta {
    max-width: 1194px;
}

.singular-header img {
    border-radius: 15px;
	margin: 0 auto;
}
.singular-header .header-meta .author {
    font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}
.singular-header .header-meta .date {
	color: #B0B7C3;
    font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.singular-header .header-meta .date:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #B0B7C3;
	margin: 0 8px 4px 4px;
	
}

.singular-header .header-meta img.avatar {
    vertical-align: top;
	margin-right: 17px;
}

.singular-header h1 {
    max-width: 857px;
    margin: 0 auto;
	text-align: left;
	margin-bottom: 36px;
	font-size: 52px;
	line-height: 62px;
}

.singular-content {
    max-width: 857px;
    margin: 0 auto;
	color: #707681;
	text-align: left;
	margin-top: 64px;
}

.hero-content {
    max-width: 857px;
    margin: 0 auto;
	color: #707681;
	text-align: left;
}


.singular-wide {
    max-width: 1194px;
	text-align: left;
}


.flamingo-wrapper .hero-content img,
.flamingo-wrapper .singular-content img {
    border-radius: 15px;
}


.singular-content h1 {	
	text-align: left;
	font-family: Inter, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 24px;	
	
	margin-top: 48px;
}

.singular-content h2 {
	text-align: left;
	font-family: Inter, sans-serif;
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;	
	margin-bottom: 24px;
	
	margin-top: 48px;
}

.singular-content h3 {
	text-align: left;
	font-family: Inter, sans-serif;
	font-weight: 600;
	margin-bottom: 24px;
	font-size: 24px;
	line-height: 36px;
	margin-top: 48px;	
}
	
.singular-content h4 {
	text-align: left;
	margin-bottom: 24px;	
	font-size: 20px;
	line-height: 29px;
	margin-top: 48px;
}

.singular-content h5 {
	text-align: left;
	margin-bottom: 24px;	
	font-size: 20px;
	line-height: 29px;
	margin-top: 32px;
}
.singular-content h6 {
	text-align: left;
	margin-bottom: 24px;	
	font-size: 20px;
	line-height: 29px;
	margin-top: 24px;
}


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

#optin-section {
	background-color: #FDF1F5;
	text-align: center;
}

#optin-section h1 {
	font-size: 48px;
	margin-bottom: 24px;
}

#optin-section h3 {
	font-size: 48px;
	margin-bottom: 24px !important;
}

#optin-section input {
	border-radius: 10px;
	font-size: 20px;
	padding: 20px 24px;
	width: 100%;
	max-width: 530px;
	margin-right: 32px;
}
#optin-section button {
	height: 77px;
	padding: 20px 56px;
}

#optin-section form {
	margin-top: 48px;
	
}

@media screen and ( max-width: 1274px ) {
	.flamingo-wrapper {
		margin: 48px 36px;
	}
	.hero .flamingo-wrapper {
		margin: 0 36px 492px 36px;
		padding: 48px 0 0 0;
		position: relative;
	}	
	
	br.linebreak {
		display: none;
	}
	.home div.icon {
		transform: scale( 0.6666 );
		position: relative;
		top: -12px;
		left: -12px;
	}


	
	#primary-menu .svg-menu {
		display: inline-block;
		width: 28px;
		height: 28px;
	}
	#primary-menu.open .svg-menu {
		display: none;
	}
	#primary-menu.open .svg-close {
		display: inline-block;
		width: 28px;
		height: 28px;
	}
	#primary-menu .button.add-to-slack {
		display:none;
		width: auto;
	}
	#primary-menu .button.beta-signup {
		display:none;
		width: auto;
		margin-top: 24px;
	}
	#primary-menu.open .button.add-to-slack {
		display:inline-block;
	}
	#primary-menu.open .button.beta-signup {
		display:inline-block;
	}
	#primary-menu.open .right {
		position: static;
		display: block;
                text-align: center !important;
	}
	#primary-menu .menu-item {
		display: none;
		font-size: 30px;
		font-weight: 500;
		line-height: 30px;
		margin: 0 0 24px 0;
	}
	

	#primary-menu.open {
		background: #FDF1F5;
		position: absolute;
		z-index: 100;
		top: 0;
		width: 100%;
		left: 0;
		padding: 120px 0;
	}
	
	#primary-menu.open .menu-item {
		display: block;
	}
		
	#primary-menu .helloflamingo-text-icon {
		top: 16px;
		left: 24px;
	}
	
	.helloflamingo-text-icon .helloflamingo-icon {
		max-width: 40px;
	}

	.helloflamingo-text-icon .helloflamingo-text {
		max-width: 91px;
		top: -7px;
	}
	
	footer .helloflamingo-text-icon .helloflamingo-icon {
		max-width: 50px;
	}

	footer .helloflamingo-text-icon .helloflamingo-text {
		max-width: 136px;
		top: -7px;
	}
	.twoup {

		grid-column-gap: 64px;
	}
	.flamingo-wrapper.cta {
		margin: 100px 36px;		
	}
	.site-footer .flamingo-wrapper {
		margin: 48px 36px;
		display: block;
		text-align: center;
	}
	.flamingo-wrapper.holidays-list {
		max-width: 100%;
	}
	
	.holidays-hero .flamingo-wrapper {
		margin: 0 36px;
		
	}
	header .flamingo-wrapper {
		height: 72px;
	}
	
	.holidays-cta .flamingo-wrapper {
		margin: 0 36px;		
	}
	.featured-section .flamingo-wrapper {
		
		padding: 60px 36px 150px 36px;
	}
}

@media screen and ( max-width: 1024px) {

        #pricing {
		display: block;
	}
	
	#pricing > div {
		margin-bottom: 24px;
		padding: 24px;
	}

        #pricing > div > p {
		text-align: center;
	}

}

@media screen and ( max-width: 766px ) {
	.hero .flamingo-wrapper {
		margin: 0 24px 208px 24px;
		padding: 48px 0 0 0;
		position: relative;
	}	

	h1 {
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 24px;
	}	
	h2 {
		font-size: 30px;
		line-height: 36px;
		margin-top: 48px;
		margin-bottom: 32px;
	}

	h3 {
		font-size: 28px;
		line-height: 34px;
		
		margin-bottom: 48px;
	}	
	
	
	h4 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}
	
	.singular-header img.wp-post-image {
		margin-left: -24px;
		max-width: calc( 100% + 48px );
		border-radius: 0;
	}
	
	.singular-header h1 {
		font-size: 35px;
		line-height: 42px;
		
		margin-bottom: 24px;
	}


	.singular-content h1 {
		margin-top: 40px;
		margin-bottom: 18px;
	}
	.singular-content h2 {
		margin-top: 40px;
		margin-bottom: 18px;
	}

	.singular-content h3 {
		margin-top: 40px;
		margin-bottom: 18px;
	}
		
		
	.singular-content h4 {
		margin-top: 40px;
		margin-bottom: 18px;
	}

	.singular-content h5 {
		margin-top: 40px;
		margin-bottom: 18px;
	}
	.singular-content h6 {
		margin-top: 20px;
		margin-bottom: 18px;
	}
	
	.singular-content p {
		margin-bottom: 18px;
	}

	
	button.button, a.button, input.button {
		width: 100%;
	}	
	.button.add-to-slack {
		margin-bottom: 32px;
	}
	.button.beta-signup {
		margin-bottom: 32px;
	}
	p {
		font-size: 18px;
		line-height: 30px;
	}
	li {
		font-size: 18px;
		line-height: 30px;
	}
	p.subtitle {
		font-size: 18px;
		line-height: 27px;
	}
	.flamingo-wrapper {
		margin: 48px 24px;
	}
	header .flamingo-wrapper {
		height: 72px;
	}
	
	.holidays-hero .flamingo-wrapper{
		margin: 0;
		padding: 48px 24px;
	}
	
	.holidays-hero .subtitle {
		font-size: 18px;
		line-height: 27px;
		font-weight: 400;
		
	}
	.featured-section .flamingo-wrapper {
		margin: 0 24px;
		padding: 48px 20px 24px 20px;
		
	}
	.featured-section .flamingo-wrapper h1 {
		margin: 0 0 24px 0;
	}
	.holidays-cta .flamingo-wrapper {
		display: block;
		padding: 48px 24px;
		text-align: center;
		
	}
	.holidays-cta .flamingo-wrapper .reverse {
		margin-bottom: 0;		
	}
	
	.holidays-cta .flamingo-wrapper div {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 32px;
	}
	.flamingo-wrapper.holidays-list h3 {
		font-size: 26px; 
		line-height: 36px;
		margin-bottom: 24px;
	}
	
	.page-template-page-hero .hero,
	.page-template-page-hero-wide-php .hero {
		background: url( 'assets/hero-background-mobile2.svg' ) center top / 100% 561px no-repeat, #FFFFFF;
	}
	
	.wp-block-hello-flamingo-hero .hero-inner {
		margin-bottom: 34px;
	}

	.hero {		
		background: url( 'assets/hero-background-mobile.svg' ) center bottom / 100% 148px no-repeat, #FDF1F5;
	}
	.hero .flamingo-wrapper {
		margin: 0 24px 208px 24px;
		padding: 48px 0 0 0;
		position: relative;
	}	
	.hero .flamingo-wrapper .button.add-to-slack {
		width: auto;
	}	
	.hero .flamingo-wrapper .button.beta-signup {
		width: auto;
	}
	.hero img.hero-ui-img {
		position: relative;
		top: 72px;
		left: 0;
		margin-bottom: -75px;
	}
		
	.flamingo-wrapper.cta {

		margin: 72px 24px;
		padding: 48px 24px 32px 24px;
		background: url( 'assets/cta-background-mobile.svg' ) center top no-repeat;
		background-size: cover;
		display: block;
	}

	.flamingo-wrapper.cta h3 {
		text-align: center;
		color: white;
		
	}
	
	.flamingo-wrapper.cta.inline {
		padding: 48px 24px 32px 24px;
	}

	.flamingo-wrapper.cta.inline h3 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.icon-twoup {
		margin-left: 0;
		max-width: calc( 100% - 80px );
	}

	.twoup {
		display: block;
	}	
	.twoup p {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 32px;
	}
	
	.threeup {
		display: block;
	}
	
	.threeup > div {
		margin-bottom: 24px;
		padding: 24px;
	}


	.site-footer .flamingo-wrapper {
		margin: 48px 24px;
		display: block;
		text-align: center;
	}
	.site-footer .flamingo-wrapper nav {
		margin-top: 48px;
		text-align: left;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 48px;
	}
	
	.table-wrapper table {
		display: none;
	}
	.table-wrapper .table-mobile {
		display: block;
	}
	.table-wrapper .table-mobile > div {
		padding: 24px 24px 0 24px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		
	}

	.table-wrapper .table-mobile.alt > div {
		background-color: #F9F9F9;
	}

	.table-wrapper .table-mobile p.th {
		color: #ee729a;
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 6px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.table-wrapper .table-mobile p.td {
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 0;
		padding-bottom: 24px;
	}
	

	.table-wrapper .table-mobile.alt p.th {
		color: #323B4B;
		opacity: 0.5;
	}
	.table-wrapper .table-mobile > div:first-child {
		border-radius: 15px 15px 0 0;
	}
	.table-wrapper .table-mobile > div:last-child {
		border-bottom: 0;
		border-radius: 0 0 15px 15px;
	}
	
	
	#features .threeup h4 {
		margin: 24px 0;
	}
	
	.holidays-hero nav {
		padding: 12px 20px;
	}
	.holidays-hero nav a {
		font-size: 14px;
		line-height: 14px;
	}
	.holidays-hero nav svg {
		margin: 2px 8px;
	}	
	.flamingo-wrapper.holidays-list .year-nav {
		display: block;
	}

	.flamingo-wrapper.holidays-list .year-nav .button {
		padding: 24px;
		position: relative;
		text-align: left;
	}

	.flamingo-wrapper.holidays-list .year-nav .button.nav-prev {
		text-align: right;
		margin-bottom: 16px;
	}
	
	.flamingo-wrapper.holidays-list .year-nav .svg-prev {
		position: absolute;
		left: 24px;
		width: 24px;
		height: 24px;
	}
	.flamingo-wrapper.holidays-list .year-nav .svg-next {
		position: absolute;
		right: 24px;
		width: 24px;
		height: 24px;
		
	}

	a.permalink {
		display: block;
		margin-bottom: 30px;
	}
	
	#optin-section.featured-section .flamingo-wrapper {
		padding-bottom: 48px;
	}
	
	#optin-section h1 {
		font-size: 28px;
		line-height: 34px;
		margin-top: 0;
	}
	
	#optin-section button {
		margin-top: 20px;
	}

}

#primary-menu .icons:hover{
    cursor:pointer;
}

.text-center{
    text-align: center	
}

.mb-0{ 
   margin-bottom:0px
}

.h-100{
   height:100%;
}

.half-img{
   width:50%;
   float:left;
}

.top-150{
   top:150px;
}

.img-tracker{
   max-width:300px;
   display:block;
   margin:0 auto;	
}

.vista-p-vacation{
   padding: 47% 0 0 0;
}

.vista-p-leave{
   padding: 52% 0 0 0;
}

.vista-top{
top:150px;
}

.slack-little-logo{
height:20px;width:20px;position:relative;top:4px
}

@media only screen and (max-width: 1280px){

.slack-little-logo{
top:0px
}

}


@media only screen and (max-width: 767px){

.vista-p-vacation{
   padding: 40% 0 0 0;
}

.vista-top{
top:50px;
}

.img-tracker{
   max-width:150px;
   float:none;
	
}

.site-footer .navgroup{
text-align:center
}

.page-template-page-absence-tracker h2,.page-template-page-absence-tracker p, .page-template-page-vacation-tracker h2,.page-template-page-vacation-tracker p, .page-template-page-leave-tracker h2,.page-template-page-leave-tracker p{
text-align:center
}

}

.accordion-content {
  
  margin: 0 auto;
  padding: 2rem 0;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09);
  border-radius: 16px;
}

.accordion-content h3 {
  text-align: center;	
  margin-bottom: 48px;
}

.accordion-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background: #fff;
  border-top: 1px solid #dedede;
}

.accordion-item:first-of-type {
  border-top: 2px solid #dedede;
}

.item-header {
  display: flex;
  justify-content: space-between;
  column-gap: 0.2em;
  padding: 1.5rem;
}

.item-icon {
  flex: 0 0 25px;
  display: grid;
  place-items: center;
  font-size: 2.5rem;
  color: #9CA3AF;
  cursor: pointer;

}
.item-icon i {
  transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}
.item-question {
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.active .item-icon i {
  transform: rotate(180deg);
}

.active .item-question {
  font-weight: 500;
}

.item-content {
  max-height: 0;
  overflow: hidden;
  transition: all 300ms ease;
}

.item-answer {
   line-height: 150%;
    color: #8A94A6;
   text-align: left;

}

.item-answer-new {
    line-height: 150%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: black;
    opacity: 0.7;
    margin: 0;
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.contact-dropdown select{
    border-radius: 3px;
    height: 53px;
    border: 0;
    outline: 1px solid #ccc;
    border-right: 10px solid transparent;
}

.contact-dropdown select:focus{

    outline: 1px solid black;

}

.features h4{
	font-family: Poppins, sans-serif;
    font-size: 1em;
    font-weight: 600;
}

.features .text{
	font-size: 18px;
	line-height: 25px;
    color: #8A94A6;
	text-align:left;
}

#testimonial .text{
	font-family: Poppins, sans-serif;
    font-size: 1em;
    font-weight: 600;
}

#testimonial blockquote{
    margin-top: 1rem;
    padding: 0px;
}

.h-8 {
    height: 2rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
#testimonial img{
    display: block;
    max-width: 100%;
    height: auto;
}

#testimonial footer{
    margin-top: 2rem;
}

.leading-9 {
    line-height: 2.25rem;
}
.font-medium {
    font-weight: 500;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-center {
    text-align: center;
}
.max-w-3xl {
    max-width: 48rem;
}

#testimonial{
    font-family: Poppins, sans-serif;
}
    

#testimonial .footer{
    display: flex;
    justify-content: center;
    align-items: center;
}

#testimonial .name{
    display: flex;
    text-align:center;
    align-items: center;
    margin-left: 1rem;
}

#testimonial .shrink{
    flex-shrink: 0;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.rounded-full {
    border-radius: 9999px;
}
.w-10 {
    width: 2.5rem;
}
.h-10 {
    height: 2.5rem;
}

@media (min-width: 768px) {
.md\:block {
    display: block;
}
}

.w-5 {
    width: 1.25rem;
}
.h-5 {
    height: 1.25rem;
}
.hidden {
    display: none;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.textright{
    text-align:right;
}

.textleft{
    text-align:left;
}

.mtop{
    margin-top:0.25rem;
}

.override h3 {
    font-size: 28px !important;
}

@media screen and (max-width: 766px) {
    .override h3 {
        margin-bottom: 0 !important;
    }
    .subtext {
        text-align:center !important;
        margin-bottom: 1rem !important;
    }
	
	.wp-block-hello-flamingo-call-to-action.cta-inner {

		margin: 72px 24px;
		padding: 48px 24px 32px 24px;
		background: url( 'assets/cta-background-mobile.svg' ) center top no-repeat;
		background-size: cover;
		display: block;
	}

	.wp-block-hello-flamingo-call-to-action.cta-inner h3 {
		text-align: center;
		color: white;
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 48px;		
	}
	.wp-block-hello-flamingo-testimonial {
		margin: 64px -24px 64px -24px;
		border-radius: 0;
	}
	
	.wp-block-hello-flamingo-testimonial .separator {
		display: none;
	}
	
	.wp-block-hello-flamingo-testimonial .flamingo-flex {
		display: block;
	}
	
	.wp-block-hello-flamingo-testimonial img.authorimg {
		float: left;
	}
	.wp-block-hello-flamingo-testimonial .bycompany {
		display: block;
		opacity: 0.7;
	}
	
	.wp-block-hello-flamingo-testimonial .byauthor {
		display: block;
		margin-left: 0;
	}
	
	.twoup-column {
	
	grid-auto-flow: dense !important;
	grid-row-gap: 20px !important;
	}

}

@media (max-width: 400px) {
    .separator {
        display: none;
    }

    #testimonial .name {
        flex-direction: column;
    }

    .company {
        opacity: 0.7;
    }
	

}

.nomb{
    margin-bottom: 0px !important;
}

.logos {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.logos img{
	max-height: 50px;
	max-width: 150px;
}

.logos-header{
	line-height: 2rem;
	font-weight: 600;
	font-size: 1.125rem;
	text-align: center;
	margin-bottom: 32px !important;
}