@import "reset.css";

/*******************************************
:--- Vanderbilt - Fonts ---:
*******************************************/
@font-face {
    font-family: "franchisebold";
    font-display: auto;
    src: url(../fonts/franchise-bold.woff) format("woff"),url(../fonts/franchise-bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}


@font-face {
    font-family: "ApexNew Medium";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ApexNew Medium Italic";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-MediumItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ApexNew Book";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-Book.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ApexNew Book Italic";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-BookItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ApexNew Bold";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ApexNew Bold Italic";
    font-display: auto;
    src: url(../fonts/ApexNew-V2-BoldItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Falstaff W01";
    font-display: auto;
    src: url(../fonts/397d7824-dcbb-44a9-906e-c97182c1c048.eot?#iefix);
    src: url(../fonts/397d7824-dcbb-44a9-906e-c97182c1c048.eot?#iefix) format("eot"),url(../fonts/ba8c99c7-9fa8-4a2d-8ca9-196424972282.woff2) format("woff2"),url(../fonts/91814df7-6f2c-43e0-80aa-14f822a3fa9b.woff) format("woff"),url(../fonts/060b6aab-b3eb-4cf1-848f-8b616a1a5bee.ttf) format("truetype"),url(../fonts/a54b4420-5b17-4554-9797-220e5a6eaf9d.svg#a54b4420-5b17-4554-9797-220e5a6eaf9d) format("svg")
}

@font-face {
    font-family: "AdobeGaramondW01-Regula";
    font-display: auto;
    src: url(../fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix);
    src: url(../fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix) format("eot"),url(../fonts/d5ca2f36-723d-4882-8658-9746fb0eea72.woff2) format("woff2"),url(../fonts/859018fa-3c03-484b-8774-97bd6548d48d.woff) format("woff"),url(../fonts/abb87b70-21d4-4ac2-bf9f-41548a67e564.ttf) format("truetype"),url(../fonts/6e4e2084-ff69-479e-b179-92d90deb7885.svg#6e4e2084-ff69-479e-b179-92d90deb7885) format("svg")
}

@font-face {
    font-family: "Adobe Garamond W01 It";
    font-display: auto;
    src: url(../fonts/cc631089-fa2c-4288-baf8-2e744de1a554.eot?#iefix);
    src: url(../fonts/cc631089-fa2c-4288-baf8-2e744de1a554.eot?#iefix) format("eot"),url(../fonts/68e92036-cf88-44c3-8061-e7d30fc9d1c4.woff2) format("woff2"),url(../fonts/bb497139-4ed5-41d1-905c-46d29a1b30f8.woff) format("woff"),url(../fonts/80bceb3f-535e-478f-95eb-db6597482771.ttf) format("truetype"),url(../fonts/63e15210-781f-4eae-b157-1a28f02f1cfe.svg#63e15210-781f-4eae-b157-1a28f02f1cfe) format("svg")
}

@font-face {
    font-family: "Adobe Garamond W01 SmBd";
    font-display: auto;
    src: url(../fonts/0d0bd309-6c34-40a5-9a6c-9760379b7c5e.eot?#iefix);
    src: url(../fonts/0d0bd309-6c34-40a5-9a6c-9760379b7c5e.eot?#iefix) format("eot"),url(../fonts/74f8f324-5678-419e-a062-18a9b7ce2cd8.woff2) format("woff2"),url(../fonts/7dc507e2-738a-4a3d-9253-31a1f36bf337.woff) format("woff"),url(../fonts/37d87f5a-c625-4343-a3d8-00c73e1bc91a.ttf) format("truetype"),url(../fonts/498f83f0-7a41-4bfb-82d9-e7ced50ad6dc.svg#498f83f0-7a41-4bfb-82d9-e7ced50ad6dc) format("svg")
}

@font-face {
    font-family: "AdobeGaramondW01-SmBdIt";
    font-display: auto;
    src: url(../fonts/6ab8ca00-cb3c-4650-9898-8bd7549e4bba.eot?#iefix);
    src: url(../fonts/6ab8ca00-cb3c-4650-9898-8bd7549e4bba.eot?#iefix) format("eot"),url(../fonts/67966868-1c07-4861-84a1-aff5f6d52915.woff2) format("woff2"),url(../fonts/f57c0124-5531-42de-8161-da69918f789c.woff) format("woff"),url(../fonts/bb927941-6c69-42fa-835e-85beae1f8365.ttf) format("truetype"),url(../fonts/8ef94dbb-5086-4bdd-be4e-60dc74748264.svg#8ef94dbb-5086-4bdd-be4e-60dc74748264) format("svg")
}

@font-face {
    font-family: "Adobe Garamond W01 Bd";
    font-display: auto;
    src: url(../fonts/a5240191-4466-40a5-9858-50ca14584e4a.eot?#iefix);
    src: url(../fonts/a5240191-4466-40a5-9858-50ca14584e4a.eot?#iefix) format("eot"),url(../fonts/f81fa4ca-48c0-496c-a54f-5e1f69bc54a1.woff2) format("woff2"),url(../fonts/cd40a899-1f96-413c-9d0b-725d91328946.woff) format("woff"),url(../fonts/f3b3a415-75b2-4241-9867-da4e137d5dee.ttf) format("truetype"),url(../fonts/f4c5fec8-4f38-4edc-b25b-295a90bf8e57.svg#f4c5fec8-4f38-4edc-b25b-295a90bf8e57) format("svg")
}

@font-face {
    font-family: "AdobeGaramondW01-BdIt";
    font-display: auto;
    src: url(../fonts/7b962fbf-c081-46ab-858f-dee2779c4fa4.eot?#iefix);
    src: url(../fonts/7b962fbf-c081-46ab-858f-dee2779c4fa4.eot?#iefix) format("eot"),url(../fonts/4f3b4e5d-e634-4c01-8a14-690e44f8ef58.woff2) format("woff2"),url(../fonts/f8ee3845-fc85-4f8b-9bee-9eac5fccb0f3.woff) format("woff"),url(../fonts/a33b7202-9081-4ce7-ad4d-528996891012.ttf) format("truetype"),url(../fonts/d2e699fe-6a32-45fd-b5a6-30b435bd8bca.svg#d2e699fe-6a32-45fd-b5a6-30b435bd8bca) format("svg")
}


/*******************************************
:--- Defaults/Overwrites ---:
*******************************************/

* {
	outline:none;
}

/*******************************************
:--- Typography and Elements  ---:
*******************************************/

p {
	line-height: 1.65em;
	padding: 0 0 1em;
}

a, a:active, a:focus {    
	outline: 0;
	text-decoration: none;
	transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease;
}

a:hover {    
  text-decoration: none;
	transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease;
}

/*******************************************
:--- General Styles  ---:
*******************************************/


.intro-wrap {
	background: #F5F5F5;
	margin: 0 0 2em;
	padding: 2em 0;
}

.advisor-image {
	float: left;
	padding-left: 0;
}

.advisor-image img {
	width: 100%;
}

.advisor-intro {
	float: left;
	font-size: 90%;
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 0;
}

.advisor-intro p {
	color: #000;
	font-size: 18px;
	font-weight: 300;
}

.advisor-intro p a {
	color: #000;
}

.advisor-intro p a:hover {
	color: #000;
	text-decoration: underline;
}

/*******************************************
:--- Olark  ---:
*******************************************/

#olark-box-container {
	margin: 0 0 2em;
}

#olark-wrapper #olark-container .olark-top-bar-text {
	text-transform: uppercase;
}

#chat-indicator-online {
	background: #008855;
	border-radius: 6px;
	color: #fff;
	display: none;
	font-weight: 400;
	margin: 0 0 1em;
	padding: 10px;
}

#chat-indicator-offline {
	background: #F2A900;
	border-radius: 6px;
	color: #fff;
	display: none;
	font-weight: 400;
	margin: 0 0 1em;
	padding: 10px;
}

#chat-intro-online,
#chat-intro-offline {
	display: none;
}

#chat-indicator-online.advisor-ready,
#chat-indicator-offline.advisor-away,
#chat-intro-online.advisor-ready,
#chat-intro-offline.advisor-away {
	display: inline-block;
}

#chat-indicator-online i,
#chat-indicator-offline i {
	margin: 0 4px 0 0;
}

@media (max-width: 767px) {
		
	.advisor-image {
		margin-left: 20%;
		padding-left: 15px;
		width: 60%;
	}
	
	.advisor-intro {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#chat-indicator-online.advisor-ready,
	#chat-indicator-offline.advisor-away {
		display: block;
		text-align: center;
	}
}

/*******************************************
:--- Defaults ---:
*******************************************/

.auto_margin {
	margin:0 auto; 
}

.clearboth {
	clear:both; 
}

.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden; /* For clearing */ 
}
* {
    text-rendering: optimizeLegibility;
    outline: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*******************************************
:--- General ---:
*******************************************/

body {
	background: #fff;
	font-family: 'AdobeGaramondW01-Regula',serif;
	font-size: 18px !important;
    line-height: 1.5;
}

p {
	font-size: 1em;
	margin: 0 0 20px 0;
}

p.quote {
	font-size:13px;
	margin:0 0 10px 0;
	line-height:1.5; 
}

a {
    color: #D8AB4C;
}

a:hover {
	color:#D8AB4C;
}

a:focus {
	outline:0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .8em 0;
}

h1, h2, h3, div.page-title {
    font-family: 'franchisebold',sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.02em;
    line-height: .75;
    text-transform: uppercase;
}

h1 {
	font-size: 4.5em;
}

h2 {
	font-size: 2.5em;
    margin-bottom: .5em;
}

h3 {
	font-size: 36px;
    margin-bottom: 35px
}

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

span.required-field {
    color: #FF0000;
    font-size: 10px;
}
/*******************************************
:--- Header ---:
*******************************************/

header.site-header {
	background: #FFF;
    border-bottom: 5px solid #D8AB4C;
	padding: 20px 0;
}

header.site-header .site-logo {
    display: block;
    max-width: 325px;
}

.block {
	margin-bottom: 2.5em; 
}

.content_right .block {
	margin-left:35px; 
}

.section-intro {
    font-size: 20px;
}

.link-style {
    text-decoration: none !important;
}
.link-style:hover,
.link-style:focus,
.link-style:active {
    text-decoration: underline!important;
    cursor: pointer;
}
/*******************************************
:--- Hero and Page Title ---:
*******************************************/

.hero-wrap {
	background: #333;
	margin: 0;
}

.hero-wrap .hero-content {
    color: #FFF;
    display: flex;
    flex-flow: column;
    height: 300px;
    justify-content: center;
    padding: 0;
}

.hero-wrap .hero-content h1 {
    margin: 0;
}

/*******************************************
:--- Main Content ---:
*******************************************/
.main-content {
    margin: 0 30px 0 0;
    min-height: 300px;
}

.main-content ul {
	margin: 0 0 20px 18px;
}

.main-content ul li {
	margin: 0;
}

.main-content ul li:last-of-type {
	margin: 0;
}

.main-content ul li:before {
    content: "\2022";
    color: #D8AB4C;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

a.download {
	background: #D8AB4C;
	border: 1px solid #000;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: 'ApexNew Medium',sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    margin: 0 0 1em;
    padding: 18px 0 13px;
    text-align: center;
    text-transform: uppercase;
    min-width: 250px;
}

a.download:hover {
	background: #000;
    color: #FFF;
	text-decoration: none;
}

/* Next Steps */

ul#nextsteps {
	list-style: none; 
	padding: 0;
}

/* Checklist */

a.checklist {
	display: block;
	margin: 0.25em 0;
	text-align: left;
	width: 100%;
}

a.checklist:first-of-type {
	margin: 0 0 0.25em;
}

div.checklist {

}

/*******************************************
:--- Sidebar ---:
*******************************************/
.sidebar-content ul {
	border-top: 1px solid #DDD;
}

.sidebar-content ul li {
	border-bottom: 1px solid #DDD;
}

.sidebar-content ul li a {
    color: #000;
    display: block;
    font-family: 'ApexNew Medium',sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
	padding: 15px 0 12px;
    text-transform: uppercase;
}

.sidebar-content ul li a:hover,
.sidebar-content ul li a:focus,
.sidebar-content ul li a:active {
    color: #D8AB4C;
    text-decoration: none;
}

/* Chat */

.chat {
	color: #fff;
    font-family: 'ApexNew Medium',sans-serif;
    font-weight: 400;
	padding: 12px;
	padding-left: 60px;
	display:inline-block; 
	cursor:pointer; 
	position: relative;
	background-color: #000;
	width: 100%;
	border-radius: 40px;
	transition: all .25s ease-in-out;
    font-size: 14px;
}

.chat:hover {
	background-color: #000;
}

.chat-away { 
	color: #fff;
	padding: 12px;
	padding-left: 60px;
	display:inline-block; 
	cursor:pointer; 
	position: relative;
	background-color: #000;
	width: 100%;
	border-radius: 40px;
	transition: all .25s ease-in-out;
}

.chat-away:hover {
	background-color: #000;
}

.chat i {
    position: absolute; 
	color: #D8AB4C;
	top: 50%;
	margin-right: 12px;
	margin-left: -57px; 
	margin-top: -30px;
	font-size: 3.5em;
	padding: 6px 3px 0px 3px;
	border: 3px solid rgba(255,255,255,.25);
	border-radius: 100%;
}
.chat-away i {
	position: absolute; 
	color: rgba(255,255,255,1);
	top: 50%;
	margin-right: 12px;
	margin-left: -57px; 
	margin-top: -30px;
	font-size: 3.5em;
	padding: 6px 3px 0px 3px;
	border: 3px solid rgba(255,255,255,.25);
	border-radius: 100%;
}

.chat #chat-button-text-online {
	display: inline-block;
	
	text-align: center;
    width: 100%;
}

.chat #chat-button-text-away {
	display: none;
}

.chat-away #chat-button-text-online {
	display: none;
}

.chat-away #chat-button-text-away {
	display: inline-block;
	
	text-align: center;
    width: 100%;
}

.chat-online-txt {
	font-size: 16px;
	font-family: 'brandon-grotesque', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

/* Resources */



/* Social */

a.social {
	font-size: 2.5em;
}

/* Map */

#map { 
    border: 1px solid #DDD;
	float: left;
	width: 100%;
	height: 320px;
    overflow: hidden;
	position:relative;
	margin: 0 0 1em;
}

#map iframe {
	height: 100%;
	width: 100%;
}

#map-info { 
	float: left;
	width:100%;
	margin: auto;
	position:relative;
}


/*******************************************
:--- Footer ---:
*******************************************/

footer.site-footer {
	background: #000;
    color: #DDD;
    font-family: 'AdobeGaramondW01-Regula',serif;
	padding: 4em 0;
    line-height: 1.3;
}

footer.site-footer .footer-logo {
    max-width: 464px;
}

footer.site-footer .footer-cred {
    font-size: 14px;
}

/*******************************************
:--- Text Colors ---:
*******************************************/
.txt-black {
    color: #000 !important;
}
.txt-gold {
    color: #D8AB4C !important;
}
.txt-gray {
    color: #B5B5B5 !important;
}
.txt-white {
    color: #FFF !important;
}

/*******************************************
:--- Background Colors ---:
*******************************************/
.bg-black {
    background: #000 !important;
    color: #FFF !important;
}
.bg-gold {
    background: #D8AB4C !important;
}
.bg-gray {
    background: #B5B5B5 !important;
}
.bg-light-gray {
    background: #F5F5F5 !important;
}
.bg-white {
    background: #FFF !important;
}

/*******************************************
:--- Application Form ---:
*******************************************/
/* Custom Form Styles */
.form-wrap {
    background: #F5F5F5;
    padding: 40px 35px 35px;
}
.form-wrap h2 {
    font-size: 75px;
    margin-bottom: 30px;
}
.form-wrap p.form-intro {
    font-size: 20px;
}
.form-application .input-wrap {
    display: block;
    margin-bottom: 8px;
    position: relative;
}
.form-application h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.form-application .input-wrap label {
    font-family: 'ApexNew Medium',sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
}

.form-application .input-wrap input {
    border: 1px solid #DDD;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 15px;
}

.form-application .input-wrap input[type=text],
.form-application .input-wrap input[type=tel],
.form-application .input-wrap input[type=date],
.form-application .input-wrap input[type=email] {
    min-height: 43px;
    width: 100%;
}

.form-application .input-wrap input[type=date]#date_of_birth {
    line-height: 1;
    padding: 8px 10px 8px 15px;
}

/* International Phone */
.form-application .input-wrap .iti {
    display: block;
}
.form-application ul.iti__country-list li {
    margin: 0;
}
.form-application ul.iti__country-list li:before {
    display: none;
}

.form-application .input-wrap .iti--allow-dropdown {
    display: block;
}

.form-application .input-wrap .iti--allow-dropdown input {
    border: 1px solid #DDD;
    border-radius: 0;
    font-size: 16px;
    line-height: normal;
    padding: 10px 15px 10px 52px;
    width: 100%;
}

.form-application .input-wrap select {
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF);
    background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 3em;
    background-repeat: no-repeat;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    padding: 10px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 43px;
}

.form-application .form-controls input {
    background: #D8AB4C;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    display: block;
    font-family: 'ApexNew Medium',sans-serif;
    font-weight: 400;
    font-style: normal;
    height: auto;
    margin: 0 0 20px;
    padding: 19px 20px 15px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.form-application .form-controls input:hover,
.form-application .form-controls input:focus,
.form-application .form-controls input:active {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
}

.form-application .privacy,
.form-application .tcpa {
    font-family: 'ApexNew Book',sans-serif;
    font-weight: 400;
    font-size: 11px;
    float: left;
}
.form-application .tcpa {
    margin: 0;
}

.form-application .privacy span {
    color: #FF0000;
}

.form-application span.error {
    color: #FF0000;
    font-family: 'ApexNew Medium',sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 12px;
    right: 0;
}

.form-application .iti span.error {
    top: -15px;
    right: 0;
}

/*******************************************
:--- Content - Sticky ---:
*******************************************/
@media (min-width: 1200px) {
    .content-sticky-container {
        border-left: 0px solid #F0F0F0;
        height: 100%;
        left: 0;
        padding: 0;
        position: absolute; 
        top: 0; 
        width: 100%;
    }

    .content-sticky {
        padding: 0 15px;
        position: -webkit-sticky;
        position: sticky;
        top: 50px;
    }
}
/*******************************************
:--- Media Queries ---:
*******************************************/

/* Large Displays */
@media (min-width: 1440px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
	
}

@media (min-width: 992px) and (max-width: 1200px) {
	.chat,
	.chat-away {
		padding: 15px;
		text-align: center;
		border-radius: 10px;
	}
	
	.chat i, .chat-away i {
		position: relative;
		top: 0%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
		font-size: 2.5em;
		padding: 4px 2px 0px 2px;
		border: 3px solid rgba(255,255,255,.25);
		border-radius: 100%;
	}
	
	.chat-online-txt {
		font-size: 16px;
		font-weight: bold;
	}
	
}

@media (max-width: 992px) {
	
}
 
@media (max-width: 767px) { 
    .hero-wrap .hero-content h1 {
        font-size: 70px;
    }
    .form-wrap {
        padding: 25px 20px 25px;
    }
}

@media (max-width: 640px) { 
	a.download {
		width: 100%;
	}
}

@media (max-width: 480px) { 
    .chat,
	.chat-away {
		padding: 15px;
		text-align: center;
		border-radius: 10px;
	}
	
	.chat i, .chat-away i {
		position: relative;
		top: 0%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
		font-size: 2.5em;
		padding: 4px 2px 0px 2px;
		border: 3px solid rgba(255,255,255,.25);
		border-radius: 100%;
	}
	
	.chat-online-txt {
		font-size: 16px;
		font-weight: bold;
	}
}

@media (max-width: 320px) { 

}


/*******************************************
:--- IE ---:
*******************************************/
.ie7 .chat {
	display:none; 
}

.ie7 .print_mark, .ie7 .useful-links {
	margin-top:30px; 
}