/* Front Page Stylesheet */

/* Hero Section
-------------------------------------------------------- */

.hero {
	width:100%;
	display:block;
	margin-top:-86px;
	overflow:hidden;
}

.hero img {
	width:100%;
	position:relative;
	display:block;
	top:0;
	z-index:-1;
	object-fit:cover;
	filter:brightness(55%);
}

.hero h1 {
	line-height:1.2;
	margin-bottom:10px;
}

.hero .med-h1, .hero .small-h1 {
	display:block;
}

.hero .btn-icon {border:none;}

.hero-slide {
	display: block;
	animation: hero-images 20s linear;
}

@keyframes hero-images {
    0% {
      transform: scale(1.1);
    } 
    100% {
      transform: scale(1.4) rotate(1.4deg) translateY(11%) translateX(11%);
    } 
}

.hero-slides {
	display: block;
	overflow: hidden;
}

.hero .popdown-button {
	background:#66d4ff;
	color:#222;
}

.hero-content {
	position:absolute;
	text-align:center;
	width:100%;
	top:170px;
	z-index:3;
}

.hero-content .expando-button {
	margin:auto!important;
	background:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:210px;
}

.hero-content .expando-button:hover .popdown-button {
	background:#fff;
	background:--bg-pdwn-btn-hvr:
	box-shadow:3px 3px 6px #222;
}

.hero-content .button-popdown {
	border-radius:0 0px 10px 10px;
	width:205px;
	padding:0 10px 10px;
	border:none;
	box-shadow:3px 3px 6px #222;
}

/* Hero Expando Button
-------------------------------------------------------- */

.hero .expando-button form {
	display:none;
}

.hero .expando-button:hover form {
	display:block;
}

/* Hero Cards
-------------------------------------------------------- */

.hero-spacer {display:none;}

.hero-cards {top:380px;}

.hero-card {width:420px;}

/* Front Page Sections
-------------------------------------------------------- */

.logo-sun {
	position:absolute;
	width:600px;
	top:-6px;
}

.fp-sec-vid-cont .vid-box {
	width:320px;
}

.fp-sec-vid-cont .cont-box h2, .fp-sec-vid-cont .cont-box h3 {
	margin:0;
	width:100%;
}

.fp-sec-vid-cont .cont-box h2.font-org-lt-7 {
	font-size:24px;
}

.fp-sec-vid-cont .cont-box h3 {
	padding:16px;
	font-size:18px;
}

.fp-sec-vid-cont .cont-box {
	width:380px;
	margin:0;
	padding:20px;
	border-radius:15px;
}

.fp-sec-vid-cont .cont-box h2 {
	font-size:18px;
}

.fp-sec-vid-cont .cont-box img {
	position:absolute;
	margin-top:138px;
	right:-20px;
	width:280px;
	border-radius:none;
	border-top-left-radius:60px;
	transform:rotate(90deg)!important;
}

.fp-sec-vid-cont .cont-box-form {
	margin-top:20px;
	padding:20px;
	text-align:left;
	border-top-right-radius:60px;
	z-index:1;
}

.fp-sec-vid-cont .cont-box-form form {
	margin-top:14px;
}

.fp-sec-vid-cont .cont-box-form form div input {
	margin-bottom:5px;
	width:150px;
}

.fp-sec-vid-cont .cont-box-form #submit {
	padding:15px;
	margin-top:10px;
	border:none;
}

.fp-sec-pitch .grp {
	width:100%;
}

.fp-sec-pitch .grp:nth-child(even) {
	background:#F0F9FD;
}

.fp-sec-pitch .grp-h2 {
	font-weight:800;
	margin-top:60px;
}

.fp-sec-pitch .grp-h3 {
	max-width:980px;
	margin:40px auto -10px;
}

.fp-sec-pitch .grp-wrap {
	width:100%;
	align-items:start;
	justify-content:center;
}

.fp-sec-pitch .box {
	width:400px;
	margin:20px;
	text-align:left;
	border:solid 2px;
	height:240px;
	padding:0 20px;
	background:#fff;
	border-radius:10px;
}

.fp-sec-pitch .grp-1 .box,
.fp-sec-pitch .grp-6 .box {
	height:220px;
}

.fp-sec-pitch .grp-2 .box {
	height:145px;
}

.fp-sec-pitch .grp-3 .box {
	height:185px;
}

.fp-sec-pitch .box h3 {
	font-weight:700;
}

.fp-sec-bio .bio-sec {
	max-width:480px;
	position:relative;
	margin:20px;
}

.fp-sec-bio img {border-radius:50%;}

.fp-sec-bio .vert-line {
	height:340px;
	border-right:solid 2px #FCDFBD;
}

.fp-sec-bio .bio-info {text-align:left;}

.fp-sec-2 article {width:740px;}

.fp-sec-2 h3, .fp-sec-2 h4 {
	Width: 640px;
	margin-left:auto;
	margin-right:auto;
	font-weight:600!important;
}

.fp-sec-2 span::before, .fp-sec-2 span::after {
	display:inline-block;
	position:absolute;
	content:"";
	height:4px;
	width:70px;
	background:#F69626;
	margin-top:14px;
}

.fp-sec-2 span::before {left:80px;}

.fp-sec-2 span::after {right:80px;}

.fp-sec-4 .fp-card {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:20px;
}

.fp-sec-4 .text-box {
	position:absolute;
	background:rgba(255,255,255,.9);
	color:#000;
	text-align:center;
	padding:10px 30px 20px;
	max-width:490px;
	min-width:300px;
}

.fp-sec-news iframe, .fp-sec-vid-cont iframe {
	margin:20px;
	border-radius:10px;
	box-shadow:3px 3px 6px #222;
}

.fp-sec-reddit {margin-top:-40px;padding-top:0;}

.fp-sec-reddit p {
	width:520px;
	margin:20px;
	padding:20px;
	background:#fff;
	text-align:left;
	border-radius:10px;
	box-shadow:3px 3px 6px #222;
}

.fp-sec-testimonials h2 {margin-top:0;}

.fp-sec-testimonials .post-row-wrap {margin-top:0;text-align:left;}

/* Media Queries
-------------------------------------------------------- */

@media (max-width:1440px) {
	.hero-content {
		top:120px;
	}
	.hero-content h1 {font-size:48px;}
	.page-hero .hero-content h2 {font-size:33.5px;}
	.small-h1 {font-size:20px;}
	.med-h1 {font-size:33.5px;}
	.agent-img {height:400px;top:420px;}
	ul.agent-contact {font-size:12px;}
	.hero-cards {top:270px;}
	.hero-card {width:320px;}
	.hero-card h2 {font-size:24px}
	.hero-card h3 {font-size:17px}
}

@media only screen and (max-width:1376px) {.fp-sec-4 .text-right {top:660px;}}

@media only screen and (max-width:1240px) {
	.agent-info h3:first-of-type {
		font-size:15px;}
	.agent-info-wrap {
		width:240px;margin-left:44%;}
	.divider-bar-vert {display:none;}
}

@media (max-width:1008px) {
	.hero-content {top:120px;}
	.hero-content h1 {font-size:40px;}
	.page-hero .hero-content h2 {
		color:#444545;
		font-size:28px;}
	.small-h1 {font-size:18px;}
	.med-h1 {font-size:28px;}
	.services {width:480px;justify-content:center;}
	.services article {
		padding:40px 0;
		width:380px;
		margin:0;}
	.hero-cards {top:230px;}
	.hero-card {width:260px;}
	.hero-card h2 {font-size:20px}
	.hero-card h3 {font-size:14px}
	.fp-sec-2 span::before, .fp-sec-2 span::after {width:30px;}
}

@media only screen and (max-width:950px) {
	.fp-sec-1 h2 {font-size:24px!important;}
	.fp-sec-1 p {font-size:16px!important;}
}

@media (max-width:796px) {
	.front-hero .hero-content { /* page-hero stays at 120px */
		top:138px;
		padding-top:20px;
	}
	.front-hero .hero-content h1 {font-size:24px;}
	.small-h1 {font-size:12px;}
	.med-h1 {font-size:17px;}
	.hero-cards {margin-top:80px;}
	.hero-spacer {
		display:block;
		position:relative;
		height:72px;
		z-index:-1;
	}
	.fp-sec-vid-cont {padding:0;justify-content:center;}
	.fp-sec-vid-cont iframe {margin:0 0 20px;}
	.fp-sec-vid-cont h2 {margin-bottom:0;}
}

@media only screen and (max-width:700px) {
	/*.fp-sec-4 img {width:320px;border-radius:0;}
	.fp-sec-4 .text-left {
		position:relative;
		display:block;
		width:auto;
		top:0px;
	}
	.fp-sec-4 .text-right {
		position:relative;
		display:block;
		width:auto;
		top:0px;
		margin:0;
	}*/
}

@media only screen and (max-width:674px) {
	.fp-sec-reddit, .fp-sec-news, .fp-sec-1, .fp-sec-vid-cont {
		margin:0;
		padding:0;
	}
	.fp-sec-reddit h2, .fp-sec-news h2, .fp-sec-1 h2 {
		padding:20px;
		font-size:24px;
	}
	.fp-sec-reddit p {
		width:320px;
		margin:0;
	}
}

@media only screen and (max-width:670px) {
	.agent-info h3{font-size:14px!important;}
	.multi-device{padding:20px!important;}
	.agent-info-wrap {margin-left:50%;width:230px;}
}

@media only screen and (max-width:639px) {
	.agent-img {
		top:220px;
		height:300px;}
	.page-hero .hero-content h1 {
		color:#444545;
		margin-bottom:0;}
	.page-hero .hero-content h2 {
		font-size:21.5px;
		margin-bottom:6px;}
	.hero-cards {margin-top:120px;}
	.hero-spacer {height:270px;}
	.fp-sec-2 h2 {font-size:24px;}
	.fp-sec-testimonials {padding:0;}
	.fp-sec-testimonials h2 {padding:40px 0;}
	.fp-sec-4 {padding:0;}
}

@media only screen and (max-width:536px) {
	.hero-spacer {height:390px;}
}

@media only screen and (max-width:520px) {
	.agent-img {
		top:290px;
		height:230px;}
	.agent-info-wrap {
		margin-left:40%;width:220px;}
	.agent-info h2 {font-size:30px;}
	.agent-info h3 {width:160px;}
	.fp-sec-reddit p {width:320px;margin:0;}
}

@media only screen and (max-width:508px) {
	.agent-bio-half.right-side {
		min-height:340px;}
	.testimonials {margin-top:-20px;}
	.fp-sec-2 h3 {font-size:20px;}
	.fp-sec-2 h4 {font-size:18px;}
	.fp-sec-2 {padding:0;margin:0;}
	.fp-sec-2 article, .fp-sec-2 h3, .fp-sec-2 h4 {width:300px;}
	.fp-sec-2 span::before, .fp-sec-2 span::after {display:none;}
}

@media only screen and (max-width:440px) {
	.page-hero .hero-content h1 {
		font-size:32px;
		margin-top:-15px;} /* Up from -20px */
	.page-hero .hero-content h2 {
		font-size:21.5px;
		margin-bottom:11px;}
	.services {width:320px;}
	.services article {width:320px;padding:40px 20px;}
	.fp-sec-4 .text-box {padding:4px;}
}

@media (max-width:359px) {
	.hero-content h1 {font-size:22px;}
	.small-h1 {font-size:12px;}
	.med-h1 {font-size:15.5px;}
	.agent-bio-wrap nav.top-social-icons-wrap .first-to-go {display:none;width:120px;}
	.agent-bio-wrap nav.top-social-icons-wrap {width:90px;margin-left:30px;}
}