/*!
Theme Name: rachaeljayne
Theme URI: https://www.corvid.studio
Author: Corvid.Studio
Author URI: https://www.corvid.studio
Description: Custom theme developed by Corvid.Studio.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rachaeljayne
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: 500;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

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

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000 /**4b4b4d**/;
	font-family: 'Fira Sans', sans-serif;
	font-size: 20px;
	line-height: 1.5;
    text-rendering: optimizeLegibility !important;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
    font-family: 'Josefin Sans', sans-serif
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

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

ul, ol {
	margin: 0 0 1em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# 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);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .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%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #4b4b4d;
	text-decoration: underline;
	font-weight: 500;
}

a:visited {
	color: #4b4b4d;
}

a:hover, a:focus, a:active {
	color: #4b4b4d;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 10px 75px 45px 25px;
}

.alignright {
	display: inline;
	float: right;
	margin: 10px 25px 25px 75px;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

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

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

.hentry {
	margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	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;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/**Custom RachaelJayne Styles**/
.quote-byline_wrap {
	position: absolute;
	bottom: 35px;
	left: 6%;
}
.quote p {
	color: #000;
	margin-bottom: 4px;
	line-height: 1;
	font-size: 30px;
}
.byline {
	text-align: right;
	color: #000;
	font-size: 22px;
	margin-right: 10px;
	font-style: italic;
	line-height: 1;
}
/**GLOBAL**/
.wpmslider-prev::before, .wpmslider-next::before {
	background: #000 !important;
}
	.js-font {
		font-family: 'Josefin Sans', sans-serif;
	}
.page-title {
    padding: 0 20px;
  }
.collapseomatic {
    font-size: 30px;
    margin: 25px 0 20px;
    display: block;
    background: rgba(255,255,255,0.05);
    text-indent: -20px;
    padding: 10px 10px 10px 30px;
  }
.collapseomatic::before {
    content: "+";
    margin-right: 10px;
}
.collapseomatic_content {
	padding: 0 15px 10px 30px;
}
.main-image.color-bg {
    background: #6a0728;
    min-height: 168px;
    margin-top: -155px;
  }
.center {
	text-align: center;
}
.flexing {
	display: flex;
}
.wrap-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}
.image-shadow {
    -webkit-box-shadow: -15px 15px 0px 0px rgba(106, 7, 40);
    -moz-box-shadow: -15px 15px 0px 0px rgba(106, 7, 40);
    box-shadow: -15px 15px 0px 0px rgb(106, 7, 40);
    margin-bottom: 20px;
}
button, .gform_button.button {
		background: #0f4652;
		/** old peri - now teal -
    background: rgb(108,118,185);
    background: radial-gradient(circle, rgb(108, 118, 185) 0%, rgb(118, 129, 201) 0%, rgb(87, 96, 155) 100%);**/
    color: #fff;
    border-radius: 40px;
    border-color: transparent;
    padding: 18px 35px;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0;
}
button:hover, .gform_button.button:hover {
		background: rgb(106, 7, 40);
		border-color: transparent;
		/** old peri now teal -
    background: rgb(108,118,185);
    background: radial-gradient(circle, rgb(87, 96, 155) 100%),rgb(118, 129, 201) 0%, rgb(108, 118, 185) 0%;**/
}
button.gold, .gold .button {
    background: url(/wp-content/themes/rachaeljayne/assets/brushed-gold_bg.jpg) -2px -126px no-repeat;
    color: #6a0728;
	border: 1px solid #e9d095;
}
button.gold:hover, .gold .button:hover {
    background-position: -2px 0px;
  }
.burg-black {
    background: linear-gradient(191deg, rgb(0, 0, 0) 0%, rgb(51, 8, 21) 26%, rgb(121, 18, 50) 76%);
	color: #fff;
}
.gray-bg {
	background: #DFC596;
    /* background-color: #f1f1f1; */
}
.speaking-box.white {
	background: #fff;
	color: #000;
}
.gray-gradient /**now gold**/ {
	background: #DFC596;
    /* background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 1%, rgba(241,241,241,1) 40%, rgba(204,204,204,1) 100%); */
}
.peri-gradient {
		background: #0f4652;
    /** old peri - now teal -
		background: rgb(108,118,185);
    background: radial-gradient(circle, rgb(108, 118, 185) 1%, rgb(118, 129, 201) 0%, rgb(87, 96, 155) 100%);
		**/
    color: #fff;
    padding: 30px 20px;
}
.gform_wrapper input.button {
    border:0;
    font-size: 18px;
    border-radius: 40px;
    text-transform: uppercase;
}
.page-title h1 {
    border-bottom: 1px solid #2e2e2e;
    padding: 50px 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 30px 0;
  }
/**HEADER**/
.site-header {
  display: flex;
  justify-content: space-between;
}
.site-header.bb {
	border-bottom: 10px solid #6a0728;
	height: 131px;
  }
.site-branding img {
	background: rgba(255,255,255,0);
	padding: 10px;
	max-width: 275px;
}
.site-branding.solid img {
	background: rgba(255,255,255,0);
	padding: 10px;
}
body.home .site-branding img {
    background: transparent;
	padding: 10px;
}
.navbar {
	margin-top: 20px;
	margin-bottom: 0;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	background-image: -webkit-linear-gradient(top,transparent 0,transparent 0%);
	background-image: -o-linear-gradient(top,transparent 0,transparent 0%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
	background-image: linear-gradient(to bottom,transparent 0,transparent 0%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0),0 0 0 rgba(0,0,0,0);
	box-shadow: inset 0 0 0 rgba(255,255,255,0),0 0 0 rgba(0,0,0,0);
}
.navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    padding: 15px;
    text-shadow: 0 0 0 rgba(255,255,255,0);
    font-family: 'Josefin Sans', sans-serif;
}
.white-font .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    padding: 15px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-family: 'Josefin Sans', sans-serif;
}
.black-font .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    padding: 15px;
    text-shadow: 0 0 0 rgba(255,255,255,0);
    font-family: 'Josefin Sans', sans-serif;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.navbar-default.white-font .navbar-nav > li > a {
    color: #fff;
	text-decoration: none;
}
.navbar-default.black-font .navbar-nav > li > a {
    color: #000;
	text-decoration: none;
	text-shadow: 0 0 0 rgba(0,0,0,0);
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {
    color: #f1f1f1 !important;
    background-color: transparent !important;
}
.navbar-default.black-font .navbar-nav > li > a:focus, .navbar-default.black-font .navbar-nav > li > a:hover, .navbar-default.black-font .navbar-nav > .active > a:hover {
    color: #4b4b4d !important;
    background-color: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default.black-font .navbar-nav > li > a:hover {
    text-decoration: underline;
}

/**body.home .navbar-nav > li > a, body.home .navbar-default .navbar-nav > li > a {
    color: #000;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	font-weight: bold;
}
body.home .navbar-nav > li > a, body.home .navbar-default .navbar-nav > li > a {
    color: #000;
}
body.home .navbar-default .navbar-nav > li > a:hover {
	text-decoration: underline;
}
body.home .navbar-default .navbar-nav > li > a:focus, body.home .navbar-default .navbar-nav > li > a:hover, body.home  .navbar-default .navbar-nav > .active > a:hover {
    color: #4b4b4d;
    background-color: transparent;
}**/
.navbar-default .navbar-nav > .active > a {
	background-color: transparent;
    background-image: -webkit-linear-gradient(top,transparent 0,transparent 0%);
    background-image: -o-linear-gradient(top,transparent 0,transparent 0%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent));
    background-image: linear-gradient(to bottom,transparent 0,transparent 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
	color: #fff;
	text-decoration: underline !important;
  }
/**HOMEPAGE**/
.main-image {
    margin-top: -122px;
    position: relative;
    z-index: -1;
    border-bottom: 15px solid #6a0728;
}
.main-image img {
  width: 100%;
}
.main-caption {
    position: absolute;
    top: 36%;
    z-index: 9;
    /**background: rgba(255,255,255,0.5);
    border-bottom: 10px solid #fff;**/
    padding: 40px 60px;
    color: rgba(255,255,255,0.9);
}
.main-caption h1 {
  margin: 10px 0;
}
.line-caption-item {
  font-size: 48px;
  padding: 5px 0;
  font-weight: 400;
  font-family: 'Josefin Sans', sans-serif;
}
.line-caption-item:nth-child(2) {
	padding-left: 50px;
}
.line-caption-item:nth-child(3) {
	padding-left: 100px;
}
.flexing.standout {
	justify-content: center;
	padding: 30px 0;
}
.standout .two-column.col-one {
	flex-basis: 550px;
	margin: 40px;
}
.standout .two-column.col-two {
	flex-basis: 400px;
	max-with: 400px;
	margin: 40px;
}
.sig {
	font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	line-height: 1.2em;
}
/**Qualifications**/
.qualifications {
  background: linear-gradient(191deg, rgb(0, 0, 0) 0%, rgb(51, 8, 21) 26%, rgb(121, 18, 50) 76%);
  color: #fff;
  font-size: 44px;
  text-align: center;
  line-height: 1.8;
  font-weight: 400;
}
.qualifications .wrap-container {
    padding: 40px 50px;
}
.qualifications.burg-banner {
	margin-bottom: 25px;
}
/**About Rachael Jayne**/
.flexing.aboutrj {
    justify-content: center;
    margin: 30px 0;
}
.aboutrj .two-column.col-one {
    flex-basis: 400px;
    margin: 40px;
}
.aboutrj .two-column.col-two.dropcap {
    flex-basis: 550px;
    margin: 40px;
}
.dropcap::first-letter {
  float: left;
  font-size: 3em;
  margin: 0;
  line-height: 0.85;
  font-weight: 400;
	font-weight: bold;
}

/*Stages*/
.stages {
    color: #fff;
    text-align: center;
    padding: 40px 20px;
}
.stage-logos {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 40px;
}
.stage-logo {
    padding: 35px;
    align-self: center;
}
.stage-logos img {
    padding: 30px;
}
/*Four Gallery Photo Section*/
.flexing.hpgallery {
    flex-wrap: wrap;
}
.hp-gallery-text {
    flex-basis: 100%;
    background: #6a0728;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.5;
	font-weight: 400;
}
.hp-gallery-text p {
    margin: 0;
    padding: 20px;
}
.gallery-image {
    padding: 10px 10px 10px 0;
    flex-basis: 50%;
}
/*Testimonials*/
.testimonials {
    padding: 60px 0;
  }
.testimonials h4 {
    color: #6a0728;
    text-align: center;
    font-size: 28px;
}
.testimonials h2 {
    font-size: 40px;
    text-align: center;
}
.line-deco::after {
    content: "";
    border-top: 2px solid #6a0728;
    display: block;
    width: 50px;
    margin: 3px auto 0;
}
.strong-view.wpmtst-default .wpmtst-testimonial {
    border: 0 !important;
}
.wpmtst-testimonial-inner.testimonial-inner {
    padding: 20px 10% !important;
    border: 0 !important;
}
.strong-view.wpmtst-default .wpmtst-testimonial-image {
    margin-right: 0 !important;
    float: none !important;
    text-align: center !important;
}
.strong-view.wpmtst-default .wpmtst-testimonial-image img {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 auto 20px !important;
    border-radius: 100%;
}
.strong-view.wpmtst-default .wpmtst-testimonial-content p {
    font-weight: 200;
}
.wpmtst-testimonial-field.testimonial-field.testimonial-name {
	font-weight: 400;;
}
.strong-view.wpmtst-default .wpmtst-testimonial-field.testimonial-field.testimonial-company {
    font-weight: 200;
    font-style: italic;
    margin-top: -8px;
}
/*Signup*/
.signup-content-wrapper {
    text-align: center;
}
.signup-content-wrapper h2 {
    margin: 25px 0;
}
.signup-content-wrapper p {
    max-width: 720px;
    margin: 15px auto 0;
}
.signup-form {
    margin: 40px 0 60px;
}
#gform_2 {
    display: flex;
    justify-content: center;
}
#gform_submit_button_2 {
    margin-left: 25px;
}
#gform_fields_2 {
    display: flex;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 8px !important;
}
/**ABOUT**/
.about-content {
	padding: 0 20px 20px 20px;
}
.about-section {
	margin: 40px 0;
  }
.big-intro {
	font-size: 33px;
	margin: 10px 0 20px;
    font-weight: normal;
}
img.shadow {
	display: inline;
	box-shadow: 15px 15px 0 #6a0728;
}
img.shadow.bottom-image {
	max-width: 500px;
	margin-left: 60px;
}
/**SPEAKING**/
.speaking-intro {
    color: #fff;
    text-align: center;
    padding: 40px;
    font-size: 24px;
}
.speaking-intro h2 {
	font-size: 40px;
	max-width: 41%;
	margin: 20px auto;
}
.speaking-intro p {
	max-width: 85%;
	margin: 25px auto;
  }
.five-reasons.flexing {
	flex-direction: column;
}
.five-reasons-wrapper, .tools-wrapper  {
    margin: 30px 0 60px;
  }
.five-reasons-image, .tools-image {
  padding: 0 20px 0 0;
}
.five-reasons-content, .tools-content {
	flex-basis: 800px;
    padding: 0 40px;
}
.five-reasons-content h2, .five-reasons-content h2 {
	text-align: center;
    margin: 10px 0 40px;
}
.step-number {
	flex-basis: 50px;
}
.step-number span {
	background: #6a0728;
	padding: 5px;
	color: #fff;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	line-height: 23px;
}
.step-content.flexing {
	flex-direction: column;
	flex-basis: 650px;
}
.step-title {
	font-weight: 500;
	font-size: 22px;
}
.button-wrapper {
	text-align: center;
	margin: 30px 0;
}
.speaking-topic-boxes h2, .speaking-topic-boxes .speaking-description {
  text-align: center;
}
.speaking-topic-boxes .speaking-description {
	max-width: 65%;
	margin: 20px auto;
}
.speaking-box.burg-black {
	max-width: 1024px;
	margin: 30px auto;
	padding: 50px 100px;
	border: 5px solid /** old peri #8a8ec5**/ #DFC596;
}
.speaking-box h3 {
	text-align: center;
	font-weight: bold;
	font-size: 33px;
}
.speaking-subtitle {
  text-align: center;
}
.speaking-button {
    margin: 40px 0 20px;
}
.flower {
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  list-style: none;
}
.flower li {
	padding: 10px 0;
}
.flower li::before {
	content: "\f5bb";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: -30px;
	margin-right: 10px;
}
.arrows {
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  list-style: none;
}
.arrows li {
	padding: 10px 0;
}
.arrows li::before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: -30px;
  margin-right: 10ox;
}
.heart {
	padding: 0;
	margin: 30px 20px 40px 50px;
	list-style: none;
}
.heart li {
	padding: 10px 0;
}
.heart li::before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: -30px;
	margin-right: 10px;
	color: #6a0728;
  }
.embed-youtube {
  position: relative;
  padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
  /* padding-bottom: 62.5%; - 16:10 aspect ratio */
  /* padding-bottom: 75%; - 4:3 aspect ratio */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
/**BOOKS**/
.books-wrapper.flexing {
    flex-direction: column;
}
.book-info {

    padding: 30px 0 30px 60px;
}
.book-info:nth-child(even) {
    background-color: #f1f1f1;
}
.book-wrap {
    flex-basis: 275px;
}
.book-description {
    flex-basis: 1100px;
    margin: 0 60px;
}
.book-description h2 {
    text-transform: uppercase;
    margin-bottom: 0;
}
.book-description h2 {
    font-weight: bold;
  }
.book-description h3 {
    margin-top: 5px;
}
.main-book-description {
    margin: 40px 0;
  }
  /**EXPERIENCES**/
  .experiences.flexing {
	margin: 30px 0;
	padding: 0 0 15px;
  }
  .experience-intro {
	color: #fff;
	text-align: center;
	padding: 40px 0;
  }
  .experience-intro h2 {
	font-size: 40px;
	max-width: 41%;
	margin: 20px auto;
  }
  .experience-content {
	flex-basis: 850px;
	padding: 0 20px 20px 20px;
  }
  .experiences-content .flower {
    margin-left: 60px;
  }
  .experience-content h3 {
      line-height: 1.3;
  }
  .vr-wrap {
	margin: 30px 0;
  }
	.virtual-retreats .vr-image {
  margin-bottom: 50px;
}
  .virtual-retreats, .events {
	padding: 50px 0 25px;
  }
  .virtual-retreats h2, .events h2 {
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0 75px;
    font-size: 40px;
  }
 .vr-content {
	flex-basis: 700px;
  }
  .vr-image {
	flex-basis: 600px;
	margin-right: 50px;
  }
  .vr-content h3 {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0;
	color: #6a0728;
  }
  .awakened {
	padding: 60px 0;
  }
  .awakened h2 {
	text-transform: uppercase;
	text-align: center;
	max-width: 50%;
	margin: 20px auto;
  }
  .awakened-intro {
	  text-align: center;
	  max-width: 70%;
	  margin: 10px auto;
  }
  .awakened-boxes {
	flex-wrap: wrap;
	justify-content: center;
  }
  .awakened-box {
	flex-basis: 400px;
  }
  .awakened-box a img:hover {
    outline: 2px solid #ccc;
    outline-offset: -2px;
  }
  .private-mentoring {
	  padding: 60px 0 20px;
  }

  .private-mentoring h2 {
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0 40px;
    font-size: 40px;
  }
  .private-mentoring-content {
	flex-basis: 700px;
  }
  .private-mentoring-image {
	flex-basis: 600px;
	margin-right: 50px;
  }
  .burg-bg {
	  color: #fff;
	  background: #6a0728;
	  padding: 30px;
	  font-size: 33px;
	  text-align: center;
  }
  .pm-info {
	border-bottom: 1px solid #ccc;
    background: #f1f1f1;
    padding: 50px;
  }
  /**CONTACT**/
  .contact-form {
	flex-basis: 700px;
	margin: 10px 30px;
  }
  .contact-copy {
	flex-basis: 700px;
	margin: 10px 30px;
  }
  #gform_2 .gform_footer.top_label {
	justify-content: end;
  }
/**FOOTER**/
.site-info {
    background: #fff;
    border-top: 1px solid #fff;
}
body.page-template-about-template .site-info, body.page-template-default .site-info {
		background: #DFC596;
		border-top: 1px solid #b19d78;
    margin-top: 30px;
  }
.site-footer a {
  text-decoration: none;
}
.social.flexing {
  justify-content: space-around;
	padding: 60px 0;
}
.social-wrap {
  flex-basis: 230px;
  text-align: center;
}
.social a {
	color: #0F4652;
}
.social-icon {
  font-size: 35px;
	color: #0F4652;
}
.social-name {
  text-transform: uppercase;
  font-weight: 200;
  color: #0F4652;
  font-size: 28px;
}
.social-description {
  font-weight: 200;
  margin: 5px 0 15px;
  color: #0F4652;
}
.footer-bottom {
	color: #fff;
	border-top: 1px solid #0F4652;
	background: #0f4652;
	padding: 60px 0 10px;
}
.foot-address {
	font-weight: 200;
}
.foot.flexing {
  justify-content: space-between;
}
#menu-footer-menu {
  list-style: none;
	text-align: center;
}
#menu-footer-menu a {
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
}
#menu-footer-menu a:hover {
	text-decoration: underline;
}
.copyright {
	margin: 100px 0 10px;
	font-weight: 200;
	font-size: 16px;
	text-align: center;
}
/**For Planners**/
.tool-listing li p {
  margin: 0 0 0 8px;
}
.video-wrapper {
  max-width: 70%;
  margin: 60px auto;
  text-align: center;
}
.whatsnext h4 {
  color: #6a0728;
  text-align: center;
  font-size: 28px;
}
.whatsnext {
    padding: 60px 0 0;
  }
.whatsnext h4 {
  max-width: 63%;
  margin: 25px auto 50px;
}
/**RJ's Gallery page**/
#ftg-11 .tile .tile-inner::before {
  background-color: rgba(0, 0, 0, 0) !important;
	border: 2px solid rgb(108, 118, 185);
}
/**-------------------------------------MEDIA QUERIES-------------------------------------**/

@media screen and (max-width: 1600px) {
    .stage-logo {
        padding: 5px;
    }
}
@media screen and (max-width: 1440px) {
    .line-caption-item {
        font-size: 38px;
    }

}
@media screen and (max-width: 1366px) {
    .main-caption {
        top: 30%;
    }
}
@media screen and (max-width: 1280px) {
.site-branding img {
    max-width: 250px;
  }
  .main-image {
    margin-top: -112px;
  }
  h1 {
    font-size: 1.8em;
  }
  .experiences-image {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .line-caption-item {
      font-size: 33px;
  }
	.qualifications {
		font-size: 40px;
	}
	.stage-logo {
		flex-basis: 250px;
	}
  .speaking-intro h2 {
      max-width: 49%;
  }
	/**For Planners**/
	.tools-image {
  	margin-top: 35px;
	}

}
@media screen and (max-width: 1191px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    padding: 12px;
		}
}
@media screen and (max-width: 1156px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    padding: 10px;
		}
}
@media screen and (max-width: 1132px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    padding: 9px;
		}
}
@media screen and (max-width: 1119px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    font-size: 20px;
		}
}
@media screen and (max-width: 1100px) {
	.main-content img.alignright {
		max-width: 550px;
		margin: 10px 25px 25px 30px;
	}
	.main-content img.alignleft {
		max-width: 550px;
		margin: 10px 30px 25px 25px;
	}
    .five-reasons.flexing {
        margin-right: 25px;
      }
      .speaking-topic-boxes .speaking-description {
        max-width: 75%;
      }
}
@media screen and (max-width: 1087px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    font-size: 19px;
		}
}
@media screen and (max-width: 1080px) {
	
    .navbar-nav > li > a {
        padding: 10px;
      }
	  .main-caption {
			padding: 30px 60px;
			top: 40%;
	  }
	  .line-caption-item {
			font-size: 28px;
	  }
	  .qualifications {
			font-size: 35px;
	  }
	  .menu-mobile-menu-container::before {
			content: url(/wp-content/themes/rachaeljayne/assets/Rachael-Jayne-logo_mobile-menu.png);
			display: block;
			text-align: center;
			margin: 0 35px 20px;
	  }
	  .awakened-box {
			flex-basis: 300px;
	  }
    .mob-icon-menu.mob-menu-icon {
      text-shadow: 2px 2px 2px rgba(0,0,0,0.3) !important;
    }
		/**For Planners**/
		.forplanners h1 {
  		font-size: 1.6em;
		}
		.forplanners p {
  		font-size: 20px;
		}
		.whatsnext h4 {
  		max-width: 73%;
		}

}
@media screen and (max-width: 1053px) {
		.white-font .navbar-nav > li > a, .black-font .navbar-nav > li > a {
		    font-size: 18px;
		}
}
@media screen and (max-width: 1024px) {
	.big-intro {
		font-size: 30px;
	}
	.five-reasons.flexing {
		margin: 0 40px 0 0;
	}
	.five-reasons-image, .tools-image {
		margin-top: 50px;
	  }
  .step-number span {
    margin-right: 20px;
  }
  .speaking-intro h2 {
    max-width: 68%;
  }
  .experiences-content .flower {
    margin-left: 40px;
  }
	.quote p {
		font-size: 25px;
	}
	.byline {
		font-size: 18px;
	}
}
@media screen and (max-width: 980px) {
	.five-reasons.flexing {
		margin: 0 40px 0 0;
	}
    .qualifications {
        font-size: 33px;
      }
}
@media screen and (max-width: 900px) {
	.site-branding {
		max-width: 300px;
	  }
	  .main-image {
		margin-top: -135px;
	  }
	.main-caption {
		padding: 20px 40px;
	  }
	.main-content img.alignleft, .main-content img.alignright {
		max-width: 450px;
	}
	.qualifications {
		font-size: 30px;
	}
	.stages h2 {
		max-width: 75%;
		margin: 0 auto;
	}
	.hp-gallery-text {
		font-size: 24px;
	}
	.social-name {
		font-size: 25px;
	}
	.page-title h1 {
		font-size: 33px;
	}
	.big-intro {
		font-size: 26px;
  }
  .awakened h2 {
	max-width: 60%;
  }
  .awakened-intro {
	max-width: 85%;
  }
  .speaking-box.burg-black {
    padding: 50px;
  }
	/**FOr Planners**/
	.video-wrapper {
  	max-width: 80%;
	}
      
}
@media screen and (max-width: 814px) {
    .main-image {
        margin-top: -93px;
      }
	.site-branding img {
        max-width: 200px;
      }
	.main-caption {
		padding: 15px;
        top: 44%;
	  }
      .line-caption-item {
        font-size: 25px;
      }
	.qualifications {
		font-size: 26px;
	}
	.social.flexing {
		justify-content: center;
		padding: 60px 0;
		flex-wrap: wrap;
	  }
	.social-wrap {
		flex-basis: 300px;
		margin: 10px;
		padding: 10px;
	}
	.stage-logos {
		padding: 20px;
	}
	.step-number {
		margin-right: 15px;
	 }
  .five-reasons-image, .tools-image {
		margin-top: 80px;
  }
  .book-info {
		padding: 50px 0;
  }
  .book-description {
		margin: 0 30px;
  }
  .experiences-image {
		margin-top: 30px;
  }
  .speaking-intro p {
    max-width: 95%;
  }
  .five-reasons-content, .tools-content {
    padding: 0 15px;
  }
  .speaking-topic-boxes .speaking-description {
    max-width: 90%;
  }
  .collapseomatic {
    font-size: 26px;
  }
  .book-wrap {
    flex-basis: 350px;
  }
	/**For Planners**/
	.video-wrapper {
  	max-width: 90%;
	}
	.quote-byline_wrap {
		bottom: 5px;
	}
}
@media screen and (max-width: 800px) {
    .h2, h2 {
        font-size: 28px;
      }
    .main-caption {
        top: 43%;
	  }
	.big-intro {
		font-size: 30px;
	  }
	.foot.flexing {
		justify-content:center;
		flex-wrap: wrap;
	}
  .foot-logo {
	flex-basis: 100%;
	margin: 0 0 40px;
    text-align: center;
  }
  .main-content img.alignleft, .main-content img.alignright {
	max-width: 400px;
}

}
@media screen and (max-width: 768px) {
  .line-caption-item {
      font-size: 22px;
    }
    .qualifications {
      font-size: 25px;
    }
	.main-content img.alignleft, .main-content img.alignright {
		max-width: 350px;
	}
	.contact.flexing {
		flex-wrap: wrap;
		justify-content: center;
	  }
	  .collapseomatic {
	    font-size: 25px;
	  }
	  .speaking-intro h2 {
	    max-width: 85%;
	  }
	  .book-wrap {
	    flex-basis: 375px;
	  }
		/**For Planners**/
		.forplanners h1 {
  		font-size: 1.4em;
		}
		.tools-wrapper.flexing {
  		flex-wrap: wrap;
  		justify-content: center;
		}
		.whatsnext h4 {
  		max-width: 100%;
		}
		.video-wrapper {
  		max-width: 100%;
		}
}
@media screen and (max-width: 736px) {
	.five-reasons-wrapper, .tools-wrapper {
		margin: 30px 0 60px;
		flex-wrap: wrap;
		justify-content: center;
	  }
      .speaking-intro {
        padding: 20px;
      }
      .five-reasons.flexing {
        margin: 0;
      }
      .collapseomatic {
        font-size: 24px;
      }
}
@media screen and (max-width: 720px) {
	.site-branding {
		max-width: 200px;
	  }

  .main-caption {
    top: 42%;
  }
  .line-caption-item {
	font-size: 22px;
  }
  .page-title h1 {
	font-size: 30px;
  }
  .qualifications {
	font-size: 29px;
  }
  .aboutrj .two-column.col-one {
	margin: 40px 20px;
  }
  .collapseomatic {
    font-size: 22px;
  }
}
@media screen and (max-width: 667px) {
/* .main-caption {
    background: rgba(0,0,0,0);
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    border-bottom: 0;
    padding: 8px;
  } */
  .line-caption-item {
    font-size: 18px;
    display: inline;
    padding: 0;
  }
  .line-caption-item:nth-child(2), .line-caption-item:nth-child(3) {
    padding-left: 0;
  }
.experiences.flexing {
	flex-wrap: wrap;
	justify-content: center;
}
.experience-content {
	flex-basis: 667px;
  }
  .vr-wrapper {

	flex-wrap: wrap;
	justify-content: center;
  }
  .vr-wrap.flexing {
	padding: 0 0 50px;
	flex-wrap: wrap;
	justify-content: center;
  }
  .vr-image {
	flex-basis: 400px;
	margin-right: 0;
  }
  .private-mentoring-wrapper.flexing {
	flex-wrap: wrap;
	justify-content: center;
  }
  .private-mentoring-image {
	flex-basis: 400px;
	margin-right: 0;
	margin-bottom: 20px;
  }
  .awakened-box {
    flex-basis: 350px;
    margin: 10px;
  }
	.quote p {
		font-size: 22px;
	}
	.byline {
		font-size: 16px;
	}
}
@media screen and (max-width: 640px) {
#gform_fields_1 {
    flex-wrap: wrap;
  }
  .gform_wrapper.gravity-theme .gfield {
    width: 100%;
  }
  #gform_submit_button_1 {
    margin: 0 auto;
    width: 40%;
  }
  #field_1_3 {
    margin-top: -16px;
  }
}
@media screen and (max-width: 600px) {
	.main-content img.alignleft, .main-content img.alignright {
		max-width: 70%;
		float: none;
		margin: 20px auto 40px;
		display: block;
	 }
  .qualifications {
		font-size: 24px;
  }
  .flexing.aboutrj {
		justify-content: center;
		margin: 30px 0;
		flex-wrap: wrap;
  }
  .flexing.aboutrj .col-one {
		flex-basis: 300px;
		margin: 20px;
  }
  .aboutrj .two-column.col-two.dropcap {
		flex-basis: 600px;
		margin: 20px;
  }
  .strong-view.wpmtst-default .wpmtst-testimonial-image {
    max-width: 50% !important;
    margin: 0 auto !important;
  }
  .speaking-intro h2 {
    max-width: 100%;
  }
	.flexing.standout {
		flex-wrap: wrap;
	}
	.standout .two-column.col-two {
		flex-basis: 300px;
		margin: 20px;
	}
	.standout .two-column.col-one {
		order: 2;
		margin: 20px;
		flex-basis: 100%;
	}
	.quote p {
		font-size: 19px;
	}
	.byline {
		font-size: 15px;
	}
}

@media screen and (max-width: 568px) {
.site-branding img {
    max-width: 200px;
  }
  .main-image {
    margin-top: -93px;
  }
  .stages h2 {
    max-width: 90%;
  }
  .peri-gradient {
    padding: 60px 20px;
  }
  .speaking-intro h2 {
    font-size: 35px;
  }
  .book-content-wrap.flexing {
    flex-wrap: wrap;
    justify-content: center;
  }
  .book-wrap {
    flex-basis: 200px;
    margin-bottom: 20px;
  }
  .book-description {
    margin: 0;
  }
  .private-mentoring h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 534px) {
.page-title h1 {
    font-size: 25px;
  }
  .big-intro {
    font-size: 25px;
  }
  .site-branding img {
    max-width: 175px;
  }
  .main-image {
    margin-top: -82px;
  }
  .speaking-intro {
    font-size: 20px;
  }
  .h2, h2 {
    font-size: 25px;
  }
	.main-caption {
		top: 36%;
	}
}
@media screen and (max-width: 480px) {
.line-caption-item {
    font-size: 15px;
}
.qualifications .wrap-container {
    padding: 40px 15px;
  }
  .stages h2 {
    font-size: 24px;
  }
  .testimonials h2 {
    font-size: 33px;
  }
  .testimonials h4 {
    font-size: 24px;
  }
  .speaking-box.burg-black {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 430px) {
	.byline br {
		display: none;
	}
}
@media screen and (max-width: 414px) {
    .site-branding img {
        max-width: 160px;
      }
.line-caption-item {
    font-size: 14px;
  }
  .qualifications {
    font-size: 20px;
  }
  button, .gform_button.button {
    font-size: 22px;
  }
  .peri-gradient {
    padding: 30px 0;
  }
  #menu-footer-menu {
    padding: 0;
    margin: 30px 20px;
  }
  .speaking-intro h2 {
    font-size: 29px;
  }
  .speaking-topic-boxes .speaking-description {
    max-width: 100%;
  }
	.quote p {
		font-size: 18px;
	}
	.byline {
		font-size: 14px;
	}
}
@media screen and (max-width: 375px) {
    .main-image {
        margin-top: -65px;
      }
    .site-branding img {
        max-width: 120px;
      }
.line-caption-item {
    font-size: 12px;
  }
  .qualifications {
    font-size: 18px;
  }
  .peri-gradient {
    padding: 30px 0;
  }
}
@media screen and (max-width: 320px) {
.line-caption-item {
    font-size: 10px;
  }
  .site-branding img {
    max-width: 130px;
  }
  .main-image {
    margin-top: -63px;
  }
  .page-title h1 {
    font-size: 19px;
  }
  .big-intro {
    font-size: 19px;
  }
  .speaking-box h3 {
    font-size: 27px;
  }
  button, .gform_button.button {
    font-size: 21px;
  }
}
