/*
Theme Name: TRAMUTO
Theme URI: http://www.bentforkz.com
Description: TRAMUTO is a custom theme created by Bentforkz
Version: 4.0
Author: Ethan Wright-Magoon (@bentforkz)
Author URI: http://www.bentforkz.com
Tags: Custom
*/


/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	background-color: #333;
}

.php-error #adminmenuback, .php-error #adminmenuwrap {
	margin-top: 0em;
}

div.banner {
	/* COVID BANNER COLOR background-color: #ff9200; */
	background-color: #622B53;
	height: 35px;
	position: relative;
	z-index: 300;
}

div.banner div.banner-content {
	color: #fff;
	text-align: center;
	font: 14px/32px "Source Sans Pro", sans-serif;
}

div.banner div.banner-content em{
	font-style: italic;
	padding-left: 14px;
}

div.banner div.banner-content span.icon-info {
	background: url(icon-info.png) 0 1px no-repeat;
	background-size: 16px;
}

div.banner div.banner-content span.icon-info {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 27px;
}

div#popmake-1229.pum-container.popmake.theme-1223.pum-responsive.pum-responsive-medium.responsive.size-medium.active.custom-position div.pum-content.popmake-content p {
	font: 25px "Source Sans Pro", sans-serif;
	text-align: center;
}

ol, ul {list-style: none;}

p.intro sup {
	font-size: 13px !important;
	position: relative;
	line-height: 9px;
}

div.thecontent p i {
	font-weight: 400i !important;
	font-style: italic;
}

div.thecontent p sup {
	font-size: 10px;
	position: relative;
	top: 1px;
}

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

a {text-decoration: none;}

/* TRANSITION STYLES */

a  {
	-webkit-transition: all 0.5s ease;
	-moz-transition:    all 0.5s ease;
	-o-transition:      all 0.5s ease;
}

div.social h2 a {
	color: #fff !important;
}

div.social h2 a:hover {
	color: #ce3930 !important;
}

div.thecontent a {
	color: #cd3830;
}
.news-featured {
    width: 100%;
    height: auto;
/*
    background-size: cover !important;
    background-position: center top;
    background-repeat: no-repeat;
*/
}
.news-featured img {
	width: 90%;
	height: auto;
}

div.thecontent a:hover {
	color: #db6458;
}

img.alignleft {
	float: left;
	margin-right: 20px;
	margin-top: 9px;
	margin-bottom: 9px;
}

.hev span {
	text-transform: lowercase !important;
}

div.toggle:before {
	content: "\f0c9";
	font: 2em FontAwesome;
	position: relative;
	z-index: 300;
	position: absolute;
	left: 145px;
	top: 50px;
	color: #fff;
	text-align: center;
}

div.toggle:after {
/* content: "MENU"; */
	font: 8px "Source Sans Pro", sans-serif;
	position: relative;
	z-index: 10;
	position: absolute;
	left: 145px;
	top: 82px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 600;
}

.xout:before {
	content: "\f00d" !important;
/* 	background-color: #db6558; */
	padding: 0px 0px 0px 3px;
	font: 2em FontAwesome !important;
	border-radius: 4px;
	left: 143px !important;
	width: 24px;
	height: 24px;
}

div.toggle:hover {
	cursor: pointer;
}

div.nav {
	position: absolute;
	z-index: 100;
	left: 45px;
	top: 0;
	color: #fff;
	text-align: center;
	background-color: #d04130;
	width: 230px;
	height: auto;
	min-height: 260px;
	display: none;
	height: auto;
}

.block {
	display: block !important;
}

div.menu-main-nav-container {
	position: relative;
	top: 100px;
	line-height: 30px;
	font-size: 13px;
	min-height: 50px;
	height: auto;
	overflow: auto;
	background-color: #cf4130;
	padding-bottom: 25px;
}

#menu-item-1741 a,
#menu-item-167 a {
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.menu-main-nav-container ul li a {
	color: #fff;
	font: 12px/40px "Source Sans Pro", sans-serif;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}

div.menu-main-nav-container ul li a:hover {
	background-color: #da6457;
	cursor: pointer;
}

div.menu-main-nav-container ul li ul {
	background-color: #fff;
	display: none;
	margin-bottom: 0px;
	color: #d04130;
}
div.menu-main-nav-container ul li ul li,
div.menu-main-nav-container ul li ul li a {
	color: #d04130;
	font: 11px/35px "Source Sans Pro", sans-serif;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}

div.menu-main-nav-container ul li ul li a:hover {
	color: #fff;
	cursor: pointer;
}

h2.gsection_title {
	border-bottom-style: none !important;
	border-style: none !important;
}

/*FLEXSLIDER LOCUM STYLES*/
div.flexslider,
div.flexslider ul li,
div.flexslider ul li.flex-active-slide,
div.flexslider ul li div.burn  {
/* 	height: 820px; */
height: 96.4vh;
	width: 100%;
	margin-bottom: 0;
	border-style: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: transparent;
}

body.single-post div.content  {

	height: 820px;
	width: 100%;
	margin-bottom: 0;
	border-style: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: transparent;
	background-size: 100% !important;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: center top;
}

div.flexslider ul li,
div.flexslider ul li.flex-active-slide {
	background-size: cover !important;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: center top;
}

div.flexslider ul li div.burn {
	background: url(images/burn.png) center 350px / cover no-repeat;
}

ol.flex-control-nav.flex-control-paging {
	position: absolute;
	right: 55px;
	z-index: 10;
	width: 200px;
	height: 30px;
	top: 430px !important;
}

.flex-control-nav li { 

	margin: 0 2px !important;
}

ol.flex-control-nav.flex-control-paging li a {

	background-color: transparent;
	border: 2px solid #fff;
	width: 8px;
	height: 8px;
	box-shadow: none;
}

ol.flex-control-nav.flex-control-paging li a.flex-active {

	background-color: #ce3931;
	border-style: solid;
	border-color: #ce3931;
	box-shadow: none;
}

div.social h2 {

	font: 3em FontAwesome;
	font-weight: normal !important;
	display: block;
	margin-bottom: 10px;
}

div.social {

	position: absolute;
	font-weight: normal !important;
	right: 55px;
	z-index: 10;
	width: 200px;
	height: auto;
	top: 50px;
	font: 11px "Source Sans Pro", sans-serif;
	text-align: center;
	letter-spacing: 1px;
}

div.social p {

	color: #fff !important;
	font-weight: 700;
}

p.notax {
	font-weight: normal !important;
	display: block;
	padding-top: 6px;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 6px;
	margin-right: 22%;
	margin-left: 22%;
}

div.social p.501c3 {
	color: #f42e2e !important;
	font-weight: 700;
}

a[href^=tel]{

    color:inherit;
    text-decoration:none;
}

div.hero-wrap {
	position: absolute;
	right: 55px;
	z-index: 10;
	width: 200px;
	height: auto;
	top: 460px;
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	text-align: center;
}

div.hero-wrap div.title {

	font: 20px Georgia, serif;
	display: block;
	margin-bottom: 10px;
}

div.logo {

	position: absolute;
	left: 45px;
	z-index: 10;
	width: 230px;
	height: auto;
	top: 220px;
}

div.logo img {

	position: absolute;
	width: 100%;
	height: auto;
}

div.welcome {

	position: absolute;
	left: 45px;
	z-index: 10;
	width: 230px;
	height: auto;
	top: 500px;
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	text-align: center;
}

/* PAGE POST CPT CONTENT */

body div.content,

body.single-post div.content {

	height: auto;
	width: 100%;
	margin-bottom: 0;
	border-style: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: #eee;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

body div.content-wrap,

body.single-post div.content-wrap {
	background-color: #fff;
	width: 50%;
	min-width: 350px; 
	margin-right: auto;
	margin-left: 25%;
	height: auto;
	padding-top: 50px;
	z-index: 100;
	margin-bottom: 50px;
	padding-bottom: 60px !important;
}

body div.content-wrap div.thecontent p.image-cred {
	position: relative;
	display: block;
	font-size: 9px;
	margin-bottom: -10px;
	padding-bottom: 9px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 5px;
	line-height: 15px;
	color: #727372;
}

body div.content-wrap div.thecontent p.image-cred:before {
	font: 15px FontAwesome;
	content: '\f0d8';
	padding-right: 5px;
	position: relative;
	top: 1px;
}

h1 {
	margin-right: 40px;
	margin-left: 40px;
	font: 400 20px / 26px Tienne, Georgia, serif !important;
	letter-spacing: -.01em;
	margin-bottom: 32px;
	margin-top: 16px;
	color: #666666;
}

h4 {
	margin-right: 40px;
	margin-left: 40px;
	font: 400 16px / 22px Tienne, Georgia, serif !important;
	font-weight: 600;
	margin-bottom: 24px;
	margin-top: 16px;
	color: #666666;
}

div.content-wrap h2,
div.content-wrap div.subtitle,
div.content-wrap div.thecontent p.intro, 
div.content-wrap p,
hr,
h3,
div.content-wrap ul,
#gform_confirmation_message_4,
#gform_confirmation_message_12  {
	color: #666666;
	margin-right: 40px;
	margin-left: 40px;
}

div.content-wrap h2 a,
div.content-wrap div.subtitle a,
div.content-wrap div.thecontent p.intro a, 
div.content-wrap p a,
hr,
h3 a,
div.content-wrap ul,
#gform_confirmation_message_4,
#gform_confirmation_message_12   {
	color: #ce3931;
}

.CSC25{
	margin-left: 40px !important;
	margin-right: 40px !important;
	font-size: 14px;
	font-family: "Source Sans Pro", sans-serif !important;
}

h3.gsection_title {
	margin-right: 0px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid #ccc !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.gsection_description{
	font: 14px "Source Sans Pro", sans-serif;
	color: #666;

}

#gform_confirmation_message_4,
#gform_confirmation_message_12,
{
	font: 16px "Source Sans Pro", sans-serif;
	font-weight: 400;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 60px;
}
label.gfield_label,
legend.gfield_label {
	font-weight: bold !important;
}

div.content-wrap ul li {
	color: #666;
	margin-right: 50px;
	margin-left: 50px !important;
}

div.content-wrap h3 {
	display: block;
	line-height: 23px;
	padding-bottom: 15px;
	font-family: Tienne, Georgia, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
}

div.content-wrap h3.gsection-title {
	display: block;
	line-height: 23px;
	padding-bottom: 15px;
	font-family: Tienne, Georgia, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	border-bottom: 1px solid #ccc !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

div.content-wrap h2 {
	text-transform: uppercase;
	font: 600 15px "Source Sans Pro", sans-serif;
	letter-spacing: 1px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

div.content-wrap div.subtitle {
	font: 400 24px/30px Tienne, Georgia, serif !important;
	letter-spacing: -.01em;
	margin-bottom: 32px;
	margin-top: 16px;
	position: relative;
	z-index: 300;
}

div.aside {
	z-index: 110;
/*	background-color: teal;*/
	position: relative;
	float: right;
	margin-right: -190px;
}

.gala-25 {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
}

.hero-25 {
	text-align: center;
	margin-top: 6vw;
}

.hero-years{
	color: #fff;
text-align: center;
font-size: 2.4vw;
letter-spacing: -.025rem;
margin-top: -.7vw;
text-shadow: 2px 4px 10px #000;
}


body.single.single-post.postid-432.single-format-standard div.aside {
	display: none;
}

div.glance {
	z-index: 110;
	min-height: 115px;
	max-height: auto;
	background-color: #777;
	position: relative;
	margin-top: 33px;
	padding: 30px;
	width: 160px;
	overflow: hidden;
}

div.glance-25th {
	z-index: 110;
	min-height: 115px;
	max-height: auto;
	background-color: #5A6182;
	position: relative;
	margin-top: 33px;
	padding: 30px;
	width: 160px;
	overflow: hidden;
}

div.glance:empty,
div.glance-text:empty,
div.place:empty,
div.challenge:empty,
div.response:empty {
	display: none;
}

div.glance-text:before,
div.place:before,
div.challenge:before,
div.response:before {
	display: block;
	letter-spacing: 1px;
	font: 600 15px/18px "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 10px;
}

div.glance-text:before {
	content: "At A Glance";
}

div.place:before {
	content: "The Place";
}

div.challenge:before {
	content: "The Challenge";
}

div.response:before {
	content: "The Response";
}

div.glance-text,
div.place,
div.challenge,
div.response {
	display: block;
	font: normal normal 14px/18px "Source Sans Pro", sans-serif;
	color: #fff;
	margin-bottom: 10px;
}

.clee25-bg {
	background-color: #5e3969 !important;
}

.clee25-bg-blue {
	background-color: #006486 !important;
}

div.gift a {
	background-color: #cd3930;
	position: relative;
	margin-top: 15px;
	margin-right: auto;
	height: 48px;
	display: block;
	width: 160px;
	margin-left: auto;
	color: #fff;
	font: 600 15px/34px "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 49px;
}

div.gift a:hover {

	background-color: #db6458;
}

body div.content div.content-wrap div.thecontent p a img.alignleft.size-medium.wp-image-452 {
	margin-top: -11px;
	width: 115px;
	height: 165px;
}

div.content-wrap div.leader {
	width: 100%;
	min-width: 350px; 
	height: 25.5vw;
	background-size: cover !important;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

div.leader-25th {
width: 100%;
min-width: 350px; 
height: 25.5vw;
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}

div.content-wrap div.thecontent p.intro {
	font: 17px/24px Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #666;
}

strong {
	font-weight: bold;
}

div.content-wrap div.thecontent p.book-title {
	font: 28px/30px "Source Sans Pro", sans-serif;
	font-weight: 400;
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #666;
}

div.content-wrap div.thecontent p.book-subtitle {
	font: 15px/22px "Source Sans Pro", sans-serif;
	font-weight: 400;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #666;
	margin-top: 30px;
}

div.content-wrap div.thecontent p.book-byline {
	font: 14px/23px "Source Sans Pro", sans-serif;
	font-weight: 400;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666;
	font-style: italic;
	
}

div.content-wrap div.thecontent p.order-now {
	font: 15px/34px "Source Sans Pro", sans-serif;
	font-weight: 600;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	background-color:#cd3930;
	padding-top: 8px;
	padding-bottom: 8px !important;
	padding-right:32px;
	padding-left: 32px;
	width: auto;
	height:auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 1px;	
    display: inline-block;
	margin-left: auto;
}

div.content-wrap div.thecontent p,
div.thecontent ul li,
div.person-wrap {
	font: 16px/22px "Source Sans Pro", sans-serif;
	display: block;
	margin-bottom: 15px;
}

div.content-wrap div.thecontent p:last-of-type {
/* 	padding-bottom: 50px; */
}

body.page.page-id-245 div.content-wrap div.thecontent p:last-of-type {
	padding-bottom: 0px;
}

div.hero-wrap h2,

div.welcome h2 {
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

div.hero-wrap p,

div.welcome p {
	font-size: 14px;
	line-height: 18px;
	display: block;
}

div.hero-wrap div.more a {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	background-color: #ce3931;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 80px;
	line-height: 16px;
}

div.hero-wrap div.more a:hover {

	background-color: #da6457;
}

body.page-template-template-love-php div.content-wrap h2 img {
	width: 100%;
	max-width: 380px;
}

body.page-template-template-love-php div.content-wrap div.subtitle b {
	font-weight: normal;
	font-style: normal;
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 15px;
	color: #aaa;
	padding-top: 6px;
}

body.page-template-template-love-php div.content-wrap div.glance {
	z-index: 110;
	min-height: 115px;
	max-height: 190px;
	background-color: #777;
	position: relative;
	margin-top: 18px;
	padding: 20px 30px 30px;
	width: 160px;
	overflow: hidden;
}

.wp-block-media-text__content {
	padding: 0% 0% 0% 0% !important;
}

.wp-block-media-text__media {
	align-self: auto !important;
	margin-left: 40px !important;
}

	

 
body.page-template-template-love-php div.content-wrap div.glance-text b {
	display: block;
	padding-top: 7px;
}

body.page-template-template-love-php div.content-wrap div.float-left {
	float: left;
}

body.page-template-template-love-php div.content-wrap div.float-right {
	float: right;
	margin-right: 50px;
	margin-top: 19px;
}

body.page-template-template-love-php div.content-wrap div.float-clear {

	float: none;
	clear: both;
}

div.thecontent blockquote {
	width: 70%;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-left: 1px solid #ccc;
	padding-bottom: 2px !important;
	padding-top: 10px;
	color: #777 !important;
}

/* BLOCKQUOTE
div.thecontent blockquote p:before {
	content: "“";
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #777 !important;
	margin-left: -7px;
	margin-right: 2px;
}

div.thecontent blockquote p:after {
	content: "”";
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #777 !important;
	margin-left: 2px;
}
BLOCKQUOTE END */ 

div.thecontent blockquote p {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font: 300 italic 16px "Source Sans Pro", sans-serif !important;
	line-height: 23px !important;
	padding-bottom: 0 !important;
	margin-top: 0px;
	color: #666 !important;
}

span.byline {
	display: block;
	margin-top: -40px;
	margin-right: auto;
	font: 300 14px "Source Sans Pro", sans-serif;
	color: #777;
	width: 80%;
	margin-left: 22%;
}

span.byline:before {
	content: "~ ";
}

hr {
	border-bottom: 1px solid #ccc !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 30px;
	margin-bottom: 30px;
}
hr.separator {
	border-bottom: 1px solid #ccc !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 30px;
	margin-bottom: 30px;
}

.gform_button {
	background-color: #cf4130 !important;
	border-radius: 0px !important;
	color: #fff;
	font: 600 15px / 34px "Source Sans Pro", sans-serif !important;
	text-transform: uppercase !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	word-spacing: 1px !important;
	line-height: 49px !important;
}

div.person-wrap {
	display: block;
	padding-bottom: 0px;
	height: auto;
}

body div.person-wrap img,

body div.person-wrap img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 24px;
	margin-top: 24px;

}
body.page-template.page-template-template-board.page-template-template-board-php.page.page-id-83 div.content div.content-wrap div.person-wrap img {
	display: none !important;
}

body div.person-wrap p,
body div.person-wrap p {
	float: none !important;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
}

div.person-wrap h3 {
	float: none;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 18px;
	padding-bottom: 8px;
	padding-top: 5px;
	line-height: 22px;
	display: block;
}

div.person-wrap-temp-fix {
	font-size: 16px;
	line-height: 40px;
	font-family: Tienne, Georgia, serif;
}

body div.person-wrap div.more a,
body div.more a {
	background-color: #cd3930;
	position: relative;
	margin-top: 15px;
	margin-right: auto;
	width: 80px;
	margin-left: 50px;
	color: #fff;
	font: 600 13px/39px "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 1px;
	padding: 12px;
}

body div.person-wrap div.more a:hover,
body div.more a:hover
{
	background-color: #7c190f;
}

h3 a:hover {
	color: #7c190f;
}

body div.person-wrap div.archives {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #999999;
	padding-top: 7px;
	padding-bottom: 8px;
	margin: 18px auto 30px;
	display: block;
	width: 100%;
	line-height: 14px;
	float: none;
	font-weight: 700;
	text-align: center;
}

body div.person-wrap div.archives a {
	color: #fff;
	display: block;
}

div.person-wrap p {
	float: none !important;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
	width: auto;
	margin-bottom: 15px;
}

div.person-wrap ul li:before {
	content: "• ";
}

div.person-wrap ul li {

	color: #777;
	width: auto;
	margin-right: 2px;
	margin-left: 20px;
	margin-bottom: 5px;
}

div.back-to-top a {
	margin-left: 40px;
	margin-top: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	width: 110px;
	text-align: center;
	text-transform: uppercase;
	font: 11px "Source Sans Pro", sans-serif;
	font-weight: bold;
	background-color: #999;
	color: #fff;
}

div.back-to-top a:hover {
	background-color: #d03a30;
	color: #fff;
}

div.float-clear {

	float: none;
	clear: both;
}

body.page-template-template-board-php div.thecontent p:last-of-type,
body.page-template-template-news-php div.thecontent p:last-of-type,
body.page-template-template-stories-php div.thecontent p:last-of-type,
body.page.page-id-119.page-template-default div.thecontent p:last-of-type,
body.page.page-id-142.page-template-default div.thecontent p:last-of-type {
	padding-bottom: 0px;	

}

body.page-template-template-archive div.content div.content-wrap div.thecontent p.intro {
	padding-bottom: 0px;	
}

#gform_wrapper_1,
#gform_wrapper_3,
#gform_wrapper_4,
#gform_wrapper_12 {
	margin-right: 40px !important;
	margin-left: 40px !important;
	padding-bottom: 10px;
	font: 16px / 22px "Source Sans Pro", sans-serif !important;

}


#gform_wrapper_4 {
	padding-bottom: 60px;
}

/* RESPONSIVE STYLES */

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

div.welcome {
	display: none;
}

.hero-25 {
	text-align: center;
	margin-top: -3vw;
}

.hero-years{

font-size: 4.4vw;
}

div.flexslider ul li,
div.flexslider ul li.flex-active-slide {
	background-position: 30% top;
	background-size: cover;
}

div.toggle:before,
div.toggle:after,
.xout:before,
div.nav,
div.logo,
div.hero-wrap,
ol.flex-control-nav.flex-control-paging,
div.social {
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
}

.xout:before {
	left: 0px !important;
	width: 24px;
	height: 24px;
}

div.nav {
	width: 100% !important;
}

div.logo {
	top: 135px;
}

ol.flex-control-nav.flex-control-paging {
	top: 320px !important;
}

div.hero-wrap {
	top: 350px;
	width: 65%;
	padding-right: auto;
	padding-left: auto;
}

div.hero-wrap div.title {
	font: 22px Georgia, serif;
}

div.hero-wrap h2 {
	font-size: 18px;
	display: none;
}

div.hero-wrap p,
div.welcome p {
	font-size: 16px;
	line-height: 19px;
	display: block;
}

div.hero-wrap div.more a {
	font-size: 13px;
	width: 100px;
}

div.flexslider ul li div.burn {
	background-position: center 100px;
}

body {
	background-color: #333;
}

div.social {
	position: relative;
	display: block;
	padding-bottom: 50px;
}

body.home div.social {
	position: relative;
	display: block;
}

body.page-template-template-love-php div.content-wrap div.float-left {
	float: none;
}

body.page-template-template-love-php div.content-wrap div.float-right {
	float: none;
	width: 110px;
	margin-left: 30px;
	margin-bottom: 20px;
}

body.page-template-template-love-php div.content-wrap div.float-clear {
	float: none;
	clear: both;
}

}

@media all and (min-width: 10px) and (max-width: 660px) {

body div.content,
body.single-post div.content {
	background-size: 150% !important;
	background-repeat: no-repeat;
	background-position: center top;
}

div.content-wrap div.thecontent p.order-now {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

div.covid div.covid-content em{
	display: none;
}

div.nav {
	width: 50%;
}

ol.flex-control-nav.flex-control-paging {
top: 320px !important;
	
}



div.flexslider, div.flexslider ul li, div.flexslider ul li.flex-active-slide, div.flexslider ul li div.burn {
	height: 110vh;
}

div.toggle:before,
div.toggle:after,
.xout:before,
div.nav,
div.logo,
div.hero-wrap,
ol.flex-control-nav.flex-control-paging,
div.social {
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
}

.xout:before {
	left: 0px !important;
	width: 24px;
	height: 24px;
}

div.content-wrap h2,
div.content-wrap div.subtitle,
div.content-wrap div.thecontent p.intro, 
div.content-wrap p {
	margin-right: 30px;
	margin-left: 30px;
}

div.content-wrap ul li {
	color: #777;
	margin-right: 30px;
	margin-left: 30px !important;
}

div.logo {
	top: 140px;
}

div.content-wrap {
	margin-top: 320px !important;
	width: 90% !important;
	padding-top: 30px !important;
	padding-bottom: 60px !important;
	margin-right: auto;
	margin-left: auto !important;
}

div.content-wrap div.leader {
	margin-right: 0;
	margin-left: 0;
	width: auto;
	padding-top: 30%;
	height: auto;
	padding-bottom: 60%;
	background-position: center center;
}

.page-template-template-love-php div.content-wrap div.leader {
	background-position: center top;
}

div.aside {
	width: 100%;
	margin: 30% auto 25px;
	height: auto;
}

body.page-template-template-love-php div.content-wrap div.glance {
	width: auto;
	min-height: 10px;
	margin-top: 0px;
	height: auto !important

}

div.glance {
	width: auto;
    min-height: 10px;
    margin-top: -20px;
    height: auto !important;
}

div.gift {
	margin-top: -33px;
	position: relative;
	z-index: 300;
}

div.welcome {
	display: none;
}

div.person-wrap p {
	float: none !important;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
	width: auto;
	margin-bottom: 15px;
}

body {
	background-color: #333;
}

div.social {
	position: relative;
	display: block;
	padding-bottom: 0px;
}

body.home div.social {
	position: relative;
	bottom: 10px;
	display: block;
}

div.person-wrap p {
	float: none !important;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
	width: auto;
	margin-bottom: 15px;
}

body.page-template-template-news-php div.person-wrap p,
body.page-template-template-stories-php div.person-wrap p {
	float: none !important;
	margin-right: 30px;
	display: block;
	margin-left: 30px;
	width: auto;
	text-align: center;
}

div.person-wrap div.more a,
div.back-to-top a {
	float: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body div.person-wrap img,
body div.person-wrap img {
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

div.person-wrap img {
	display: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

div.content-wrap div.person-wrap h3 {
	width: auto;
	margin-right: 30px;
	margin-left: 30px;
	display: block;
	float: none;
	margin-top: 20px;
	text-align: center;
}

div.gift A:nth-of-type(2) {
	position: relative;
	margin-top: 10px;
}

}

@media all and (min-width: 661px) and (max-width: 1080px) {

body div.content,
body.single-post div.content {
	background-size: 150% !important;
	background-repeat: no-repeat;
	background-position: center top;
}


div.hero-wrap h2,
div.welcome h2 {
display: none;
}

div.nav {
	width: 35%;
}

ol.flex-control-nav.flex-control-paging {
	top: 320px !important;
}

div.hero-wrap {
	top: 350px;
	width: 280;
}

div.toggle:before,
div.toggle:after,
.xout:before,
div.nav,
div.logo,
div.hero-wrap,
ol.flex-control-nav.flex-control-paging,
div.social {
	margin-right: auto;
	margin-left: auto;
	right: 0;
	left: 0;
}

.xout:before {

	left: 0px !important;
	width: 24px;
	height: 24px;
}

div.content-wrap h2,
div.content-wrap div.subtitle,
div.content-wrap div.thecontent p.intro, 
div.content-wrap p {
	margin-right: 40px;
	margin-left: 40px;
}

div.logo {
	top: 140px;
}

div.content-wrap {
	margin-top: 320px;
	width: 90% !important;
	padding-top: 30px !important;
	margin-right: auto;
	margin-left: auto !important;
}

div.content-wrap div.leader {
	margin-right: 0;
	margin-left: 0;
	width: auto;
	padding-top: 1%;
	height: 300px;
	padding-bottom: 10%;
	background-position: center -30px;
}

.page-template-template-love-php div.content-wrap div.leader {
	background-position: center top;
}

div.aside {
	margin-right: -45px;
	width: 200px;
	margin-top: 5px;
}

body.page-template-template-love-php div.content-wrap div.glance {
	padding: 0;
	max-height: 350px;
	height: auto !important;
	margin-top: 10px;
	width: 100% !important;
}

div.glance {
	padding: 0;
	max-height: 350px;
	height: auto !important;
	margin-top: 10px;
	width: 100% !important;
}

div.glance-text,
div.place,
div.response {
	padding: 20px;
	margin-bottom: 0;
}

div.challenge {
	padding: 0px 20px;
	margin-bottom: 0;
}

div.welcome {
	display: none;
}

div.person-wrap p {
	float: none !important;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
	width: auto;
	margin-bottom: 15px;
}

body {
	background-color: #333;
}

div.social {
	position: relative;
	display: block;
	padding-bottom: 50px;
}

body.home div.social {
	position: relative;
	margin-top: -170px;
	display: block;
}

body.page-template-template-news-php div.person-wrap div.more a,
body.page-template-template-stories-php div.person-wrap div.more a {
	margin-right: 100px;
}

div.content-wrap div.thecontent p.order-now {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

}