/*
Theme Name: 	Purdue University PME Theme 2021 __PROD__
Theme URI: 	http://allcampus.com
Description: 	Online-U framework to get started. Has all our integrations. Olark, Syndicate, Google, Header Tags includes.
Version: 	2.1.1
Author: 	The Amazing All Campus Design Team
Author URI: 	http://allcampus.com
Tags: 		online-u, starkers, bootstrap
*/

@import url('css/reset.css');

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

div, article, section, header, footer, nav, li {
	position: relative; 
}

.group:after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden; /* For clearing */ 
}

body {
	background: #fff;
	color: #000;
	font-family: acumin-pro,Franklin Gothic,sans-serif;
	font-size: 1.125rem;
    font-weight: 400;
	line-height: 1.875rem;
}

::-moz-selection { 
	background: #ff0;
	color: #333;
}
::selection {
	background: #ff0;
	color: #333;
}

* {
    text-rendering: optimizeLegibility;
    outline: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*******************************************
:--- Wistia Video Thumbnail Fix ---:
*******************************************/
.wistia_embed div[data-handle="thumbnail"],
.wistia_embed div[data-handle="thumbnail"] * {
	height: 100%;
}

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

body, input, textarea {

}

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

h1,
div.page-title {
	font-size: 2em;
}

h2 {
    color: #8E6F3E;
    font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif;
	font-size: 2rem;
    font-weight: 600;
}

h3 {
	font-size: 1.25em;
}

p {
	margin: 0 0 1em;
}

blockquote {
	background: #f6f6f6;
	padding: 2em;
}

blockquote p {
	margin: 0;
}

a {
    color: #8E6F3E;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #8E6F3E;
    text-decoration: none;
}

a, a:active {
	outline: none;
}

a.bypass-block {
	background: #000;
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
}

.post-edit-link {
	background: #0a0;
	border: 1px solid #080;
	border-radius: 3px;
	clear: both;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 14px;
	margin: 20px 0;
	padding: 6px 10px;
}

.post-edit-link:hover {
	background: #080;
	color: #fff;
	text-decoration: none;
}


/*******************************************
:--- Reusable ---:
*******************************************/

.live-chat, 
.download, 
.focus {
	cursor: pointer; 
}

.hide {
	display: none;
}

.img-box {
    background-size: cover;
    display: block;
    height: 100%;
    min-height: 400px;
}

.imageContainer {
    max-width: 200px;
}

.content-box {
    /*font-size: 1.125rem;
    line-height: 1.5em;*/
    margin: 0;
    padding: 3.25rem;
}

.content-box.right {
    margin: 3.25rem auto 3.25rem 3.25rem; 
    max-width: 650px;
    padding: 0;
}

.content-box.left {
    margin: 3.25rem 3.25rem 3.25rem auto; 
    max-width: 650px;
    padding: 0;
}

.content-box ul {
	margin: 0 0 1em;
}

.content-box ul li {
	list-style: disc;
	margin: 0 0 1.2em 1.2em;
}

/*******************************************
:--- Structure ---:
*******************************************/

#breadcrumbs {
    color: #555960;
    font-size: .875rem;
	overflow: hidden;
	width: 100%;
}
 
#breadcrumbs li {
	display: inline;
	list-style: none;
	margin: 0 0.15em 0 0;
}

#breadcrumbs li:last-child,
#breadcrumbs li:last-child a {
	font-weight: 700;
}
 
#breadcrumbs .separator {

}

#breadcrumbs a {
	color: #555960;
    text-decoration: none;
    font-weight: 400;
}

/*******************************************
:--- Header ---:
*******************************************/

header.site-header {
	background: #000;
	padding: 0;
	position: relative;
}

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

header.site-header .site-logo img {
	width: 100%;
}

/* Firefox Logo SVG Fix */

@-moz-document url-prefix() {
	header.site-header .site-logo img {
		width: 250px;
	}
	@media (max-width: 992px) {
		header.site-header .site-logo img {
			width: 225px;
		}
	}
	@media (max-width: 767px) {
		header.site-header .site-logo img {
			width: 180px;
		}
	}
}  

header.site-header .top-nav-wrap {
    color: #FFF;
}

header.site-header .top-nav-wrap .row > div {
    display: flex;
    align-items: center;
    flex-direction: row;
}

header.site-header .site-logo {
    padding: 1.75rem 25px 1.75rem 15px;
    max-width: 290px;
}

header.site-header .site-logo:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 60%;
    top: 20%;
    background-color: #999;
    margin-left: 25px;
}

header.site-header .program-title {
    color: #FFF;
    display: block;
    font-size: 23px;
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-weight: 600;
    line-height: 1;
    padding-left: 25px;
}

header.site-header .contact-container {
    justify-content: flex-end;
}

header.site-header .contact-container a {
    color: #FFF;
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 25px;
}

header.site-header .contact-container a:hover,
header.site-header .contact-container a:focus,
header.site-header .contact-container a:active{
    color: #CFB991;
    text-decoration: none;
}

@media (max-width: 991px) {
    header.site-header .site-logo {
        padding: 1.75rem 25px 1.75rem 0;
        max-width: 250px;
    }
    
    header.site-header .top-nav-wrap {
        padding-top: 45px;
    }
    
    header.site-header .contact-container {
        background: #CFB991;
        justify-content: center;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2000;
        text-align: center;
        align-items: center !important;
        padding: 5px 0;
    }
    
    header.site-header .contact-container .contact-items {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    header.site-header .contact-container .contact-items a {
        color: #000;
        text-align: center;
        font-family: acumin-pro,"Franklin Gothic",sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0;
        padding: 5px 15px;
        display: inline-block;
        width: 50%;
    }
    
    header.site-header .contact-container .contact-items a:first-child {
        border-right: 1px solid rgba(0,0,0,.25);
    }

    header.site-header .contact-container a:hover,
    header.site-header .contact-container a:focus,
    header.site-header .contact-container a:active{
        text-decoration: underline;
    }
}

@media (max-width: 767px) {
    header.site-header .top-nav-wrap .row > div {
        flex-direction: column;
        align-items: flex-start;
    }
    header.site-header .site-logo {
        padding: 1.25rem 0 .75rem;
        max-width: 180px;
    }
    header.site-header .site-logo:after {
        display: none;
    }
    header.site-header .program-title {
        font-size: 18px;
        padding: 0 0 1.25rem;
    }
}

/*******************************************
:--- Navigation ---:
*******************************************/

.nav-wrap {
	background: #FFF;
	margin: 0;
	padding: 0;
}

/* Desktop Menu & Hover States */

nav.site-nav .menu-item {
	float: left; 
	padding-right: 5%;
}

nav.site-nav .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

nav.site-nav .menu > .menu-item {
/*
    align-self: center;
    flex: 1;
*/
    font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif;
    font-size: 1.125rem;
    line-height: 1.5;
    position: relative;
    padding: .5rem .75rem;
    text-align: center;
    text-transform: uppercase;
    flex-basis: auto;
}

/*
nav.site-nav .menu > .menu-item:nth-child(2),
nav.site-nav .menu > .menu-item:nth-child(7){
    flex: none;
}
*/

nav.site-nav .menu > .menu-item a {
    color: #000;
    display: block;
    width: 100%;
    padding: 4px 0 5px 0;
    text-decoration: none;
}

nav.site-nav .menu > .menu-item a:hover {
    text-decoration: none;
}

nav.site-nav .menu > .menu-item > a:before {
    background: none repeat scroll 0 0 transparent;
    bottom: 10px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #8E6F3E;
    transition: width 0.25s ease 0s, left 0.25s ease 0s;
    width: 0;
/*
    content: "";
    height: 2px;
    width: calc(100% - 1.5rem);
    position: absolute;
    bottom: 10px;
    left: .75rem;
    visibility: hidden;
    background: #8e6f3e;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .25s cubic-bezier(1,.25,0,.75) 0s;
    transition: all .25s cubic-bezier(1,.25,0,.75) 0s;
*/
}

nav.site-nav .menu > .menu-item > a:hover:before {
    width: calc(100% - 1.5rem);
    left: .75rem;
/*
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
*/
}

nav.site-nav .menu > .menu-item.menu-item-has-children > a:after {
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-weight: 900;
    content: "\f078";
    position: relative;
    right: -.4rem;
    top: -2px;
}

nav.site-nav ul.sub-menu {
    position: absolute;
	left: -999em;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
	left: auto;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu li ul.sub-menu {
    position: absolute;
	left: -999em;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
	left: auto;
}

nav.site-nav ul.sub-menu {
	background: #fff; 
	margin-top: 8px;
	position: absolute; 
	z-index: 1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #ededed;
    box-shadow: 0 8px 8px rgb(0 0 0 / 10%);
}

nav.site-nav ul.sub-menu > .menu-item {
    float: none;
    text-align: left;
    text-transform: none;
}

nav.site-nav ul.sub-menu > .menu-item > a {
    font-size: 16px;
    font-weight: 300;
}

nav.site-nav ul.sub-menu > .menu-item > a:hover {
    text-decoration: underline;
}

@media (max-width: 1200px) {
    nav.site-nav .menu > .menu-item {
        font-size: 1rem;
        padding: .5rem .6rem;
    }
/*
    nav.site-nav .menu > .menu-item a:before {
        width: calc(100% - 1.2rem);
        position: absolute;
        left: .6rem;
    }
*/
    nav.site-nav .menu > .menu-item.menu-item-has-children > a:after {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    nav.site-nav .menu {
        display: block;
    }
    nav.site-nav .menu > .menu-item {
        font-size: 1.125rem;
        line-height: 1.5;
        position: relative;
        padding: .5rem .75rem;
        text-align: left;
    }
    nav.site-nav .menu > .menu-item > a {
        color: #FFF;
        font-weight: 600;
    }
    nav.site-nav ul.sub-menu {
        background: transparent;
        border: 0;
        display: block;
        left: auto;
        position: relative !important;
    }
    nav.site-nav ul.sub-menu > .menu-item > a {
        color: #FFF;
        margin-left: 20px;
        font-weight: 300;
    }
    nav.site-nav .menu > .menu-item.menu-item-has-children > a:after {
        display: none;
    }
    nav.site-nav .menu > .menu-item > a:before {
        display: none;
    }
}


/*******************************************
:--- Hero and Page Title ---:
*******************************************/
.hero-wrap {
	background: #000;
	margin: 0;
    padding-bottom: 5rem;
}

.hero-wrap .hero-content,
.hero-wrap .hero-content-top-level {
    color: #FFF;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 0;
}

.hero-wrap .hero-content h1,
.hero-wrap .hero-content-top-level h1 {
    color: #CFB991;
    font-family: "United Sans", Arial, "sans serif";
    margin: 0;
}

.hero-wrap .hero-content {
    height: 500px;
}

.hero-wrap .hero-content h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1em;
    text-transform: uppercase;
}

/* Top Level Pages - Default Pages*/

.hero-wrap .hero-content-top-level {
    height: 270px;
}

.hero-wrap .hero-content-top-level h1 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1em;
    text-transform: none;
}

.hero-wrap .hero-content .subhead {
    font-size: 1.875rem;
    line-height: 1.25em;
}

@media (min-width: 1440px) {
    .hero-wrap .hero-content {
        width: 65%;
    }
    .hero-wrap .hero-content-top-level {
        max-width: 70%;
    }
}

@media (max-width: 767px) {
    .hero-wrap {
        padding-bottom: 3.25rem;
    }
    .hero-wrap .hero-content h1 {
        font-size: 3rem;
    }
    .hero-wrap .hero-content .subhead {
        font-size: 1.563rem;
    }
}

/*******************************************
:--- Alert - Global ---:
*******************************************/

#alert-container,
#alert-container .alert {
    background: #CFB991 !important;
}

#alert-container .alert {
    border: none;
    border-radius: 0;
    color: #000;
    margin-bottom: 0;
    padding: 1.25em 4em 1.25em 1em;
}

#alert-container .alert-heading {
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#alert-container .alert-body {
    margin-bottom: 0;
    max-width: 80%
}

#alert-container .alert-primary .alert-link {
    color: #000 !important;
    text-decoration: underline;
}

#alert-container .alert-primary .alert-link:hover,
#alert-container .alert-primary .alert-link:focus,
#alert-container .alert-primary .alert-link:active {
	text-decoration: none;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 1.25rem 1rem;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: .5;
}

.alert-dismissible .btn-close:hover {
    opacity: 1;
}

.btn-close-white:hover {
    filter: none;
}

@media (max-width: 768px) {
    #alert-container .alert-body {
        max-width: 100%
    }
}

/*******************************************
:--- Main Content ---:
*******************************************/

.main-content ul {
	margin: 0 0 2em;
}

.main-content ul li {
	list-style: disc;
	margin: 0 0 0 1.2em;
}

.main-content ol {
	margin: 0 0 2em;
}

.main-content ol li {
	list-style: decimal;
	margin: 0 0 0 1.2em;
}

.main-content hr {
	border-top: 1px solid #eee;
	margin: 1.5em 0;
}

hr.dark {
    border-top: 1px solid #CCC;
}

/*
.main-content .table-wrap {
	overflow-x: auto;
}

.main-content table {
	margin: 0 0 1.5em;
	width: 100%;
}

.main-content table th {
	background-color: #666;
	border: 1px solid #ffffff;
	color: #fff;
	padding: 1em;
}

.main-content table td {
	background-color: #f6f6f6;
	border: 1px solid #ffffff;
	color: #000;
	padding: 1em;
}

.main-content table caption {
	font-size: 0.8em;
	margin: 1em 0 0;
}
*/

.main-content-top-level {
    padding-bottom: 100px;
}

.main-content-top-level .main-content {
    min-height: 600px;
    padding: 0 25px 0 0;
}

.main-content-top-level .main-content p {
    margin: 0 0 1.5em;
}

.main-content-top-level .main-content .section-intro {
    font-size: 1.25rem;
    line-height: 2rem;
}

.main-content-top-level .main-content .quick-facts {
    font-size: .875rem;
    line-height: 1.5em;
    padding-bottom: 5px;
}

.main-content-top-level .main-content .quick-facts .table thead {
    background: #EDEDED;
}

.main-content-top-level .main-content .quick-facts .table tbody tr:nth-child(1) td {
    padding-top: 15px;
}

.main-content-top-level .main-content .quick-facts .table th {
    font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif !important;
    font-size: 1.563rem;
    padding: 15px 25px;
    vertical-align: top;
    border: none;
    text-transform: uppercase;
}

.main-content-top-level .main-content .quick-facts .table td {
    padding: 0 25px;
    vertical-align: top;
    border: none;
}

@media (max-width: 992px) {
    .main-content-top-level .main-content {
        padding: 0;
    }
}

/*******************************************
:--- Sidebar ---:
*******************************************/

.sidebar a.cta, 
.sidebar span.cta,
.sidebar button.cta {
	background: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	line-height: inherit;
	margin: 0 0 1em;
	padding: 1em 2em;
	text-align: center;
	width: 100%;
}

.sidebar a.cta:hover, 
.sidebar span.cta:hover,
.sidebar button.cta:hover {
	background: #222;
	text-decoration: none;
}

.sidebar-block {
	margin: 0 0 2.5rem;
}

.sidebar-block h2 {
    color: #333;
	font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif !important;
    font-size: 1.563rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .938rem;
}

.sidebar-block ul.bullet-list {
	margin: 0 0 2em;
}

.sidebar-block ul.bullet-list li {
	list-style: disc;
	margin: 0 0 0 1.2em;
}

.sidebar-block .btn {
    margin: 0 0 10px;
}

.sidebar-block .btn.live-chat {
    margin: 0;
}

.sidebar #quick-facts {
    font-size: .875rem;
    line-height: 1.5em;
    padding-bottom: 5px;
}

.sidebar #quick-facts .table thead {
    background: #EDEDED;
}

.sidebar #quick-facts .table tbody tr:nth-child(1) td {
    padding-top: 15px;
}

.sidebar #quick-facts .table th {
    font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif !important;
    font-size: 1.563rem;
    padding: 15px 25px;
    vertical-align: top;
    border: none;
    text-transform: uppercase;
}

.sidebar #quick-facts .table td {
    padding: 0 25px;
    vertical-align: top;
    border: none;
}

/*
#blog-cat #blog-cat-list.collapse:not(.show) {
  display: block;
  height: 115px;
  overflow: hidden;
}

#blog-cat #blog-cat-list.collapsing {
  height: 115px;
}

#blog-cat a.btn-expand-list {
    border-top: 1px solid #CCC;
    color: #333;
    display: block;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-size: .875rem;
    font-weight: 700;
    margin-top: 16px;
    padding-top: 8px;
    text-decoration: none;
    text-transform: uppercase;
}

#blog-cat a.btn-expand-list:hover,
blog-cat a.btn-expand-list:focus,
blog-cat a.btn-expand-list:active {
    color: #999;
}

#blog-cat a.btn-expand-list.collapsed::after {
  content: '+ Expand List';
}

#blog-cat a.btn-expand-list:not(.collapsed)::after {
  content: '- Minimize List';
}
*/

@media (min-width: 1200px) and (max-width: 1439px) {
    .sidebar .sidebar-content-container {
        padding: 0 0 100px !important;
    }
}

@media (min-width: 992px) {
    .sidebar .sidebar-content-container {
        /*border-left: 1px solid #CBCBCB;*/
        height: 100%;
        left: 0;
        padding: 0 15px 100px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .sidebar .sidebar-content {
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 50px;
    }
}

@media (max-width: 992px) {
    .sidebar .sidebar-content-container {
        padding: 0 !important;
    }
}

/*******************************************
:--- Olark - Custom Keyboard Close Button ---:
*******************************************/

#olark-container button#close-chat {
	position: absolute !important;
	top: 20px !important;
	right: 40px !important;
	z-index: 10 !important;
	border-radius: 0 !important;
	background: transparent !important;
	border: none !important;
	color: #252832 !important;
	font-size: 11px !important;
	box-shadow: none !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

#olark-container button#close-chat:focus {
	border: 2px solid #252832 !important;
}

/*******************************************
:--- Form ---:
*******************************************/

/* Custom Form Styles */

/* International Phone */
.form-wrap .intl-tel-input .country-list {
    color: #000;
    line-height: 20px;
    width: 300px;
    white-space: normal;
}

.form-wrap .intl-tel-input .country-list .divider {
    line-height: 0;
    padding: 0 !important;
}

.form-wrap #syndicate_form .intl-tel-input input[type="tel"] {
    text-indent: 50px;
}

/* Syndicate Form */
#syndicate_form label {
    display: block !important;
/*    color: #FFF;*/
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
#syndicate_form select {
    margin: 0 !important;
}

#syndicate_form .required-ast-nolabel {
    right: 0 !important;
    top: 3px !important;
    display: none;
}
#syndicate_form .course-section .fields {
/*    margin-bottom: .6em !important;*/
}
#syndicate_form .emphasis-fields .fields,
#syndicate_form .contact-fields .fields, 
#syndicate_form .name-fields .fields {
    margin-bottom: 0em !important;
}

/* Fix for spacing during incomplete submission */
#syndicate_form .emphasis-fields,
#syndicate_form .contact-fields, 
#syndicate_form .name-fields {
    clear: both !important;
}

.form-wrap input[type="button"].submit_y {
    background: #CFB991;
    border: 2px solid #CFB991;
    padding: 16px 18px 14px;
    width: 100%;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition: all 0.2s;
    margin-top: 20px;
}

.form-wrap input[type="button"].submit_y:hover,
.form-wrap input[type="button"].submit_y:focus,
.form-wrap input[type="button"].submit_y:active {
    background: #000;
    border: 2px solid #CFB991;
    color: #FFF;
}

.form-wrap #finalSubmission .formfooter-section {
    width: 48%;
}

.form-wrap #finalSubmission .formfooter-section input[type="button"].submit_y {
	white-space: normal;
}

.form-wrap #syndicate_form ::placeholder {
/*
  color: #FFF;
  opacity: 1;  Firefox 
*/
}

.form-wrap #syndicate_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
/* color: #FFF;*/
}

.form-wrap #syndicate_form ::-ms-input-placeholder { /* Microsoft Edge */
/* color: #FFF;*/
}

.form-wrap #syndicate_form select {
    margin-bottom: 10px !important;
}

.form-wrap #syndicate_form select, 
.form-wrap #syndicate_form input[type="text"], 
.form-wrap #syndicate_form input[type="email"], 
.form-wrap #syndicate_form input[type="tel"] {
    border: none;
    padding: 6px 10px 8px;
    width: 100%;
}

.form-wrap #syndicate_form .errors {
    position: absolute;
    top: 3px;
    right: 0;
}

.form-wrap.request-info {
    margin-bottom: 50px;
    padding: 100px;
}

/* Form - Background Color */
.form-wrap.bg-white #syndicate_form select, 
.form-wrap.bg-white #syndicate_form input[type="text"], 
.form-wrap.bg-white #syndicate_form input[type="email"], 
.form-wrap.bg-white #syndicate_form input[type="tel"] {
    border: 1px solid #CCC;
    padding: 6px 10px 8px;
    width: 100%;
}

.form-wrap.bg-white .syndicate-tcpa p {
    color: #333 !important;
}

.form-wrap.bg-white a, 
.form-wrap.bg-white button {
    color: #8E6F3E !important;
}

/* Form - Inline */

.form-wrap.inline {
    border: 10px solid #CFB991;
    padding: 30px;
}

.form-wrap.inline .header-alt {
    padding: 5px 5px 3px;
    min-width: 220px;
    text-align: center;
}

.form-wrap.inline h2 {
    font-size: 3.125rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: .7em;
}

.form-wrap.inline a,
.form-wrap.inline button {
    background: none;
    border: none;
    color: #CFB991;
    padding: 0;
    text-decoration: underline;
}

.form-wrap.inline a:hover,
.form-wrap.inline a:focus,
.form-wrap.inline a:active,
.form-wrap.inline button:hover,
.form-wrap.inline button:focus,
.form-wrap.inline button:active {
    text-decoration: none;
}

/*
.form-wrap.inline #syndicate_form select {
    background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 15px) calc(1em + -2px), 101% 0;
}

.form-wrap.inline #syndicate_form select, 
.form-wrap.inline #syndicate_form input[type="text"], 
.form-wrap.inline #syndicate_form input[type="email"], 
.form-wrap.inline #syndicate_form input[type="tel"] {
    border: none;
    font-size: 1rem;
    padding: 2px 8px 4px;
    width: 100%;
}
*/

.syndicate-tcpa p {
    line-height: 1.5em;
    color: #999 !important;
    margin-bottom: .25em;
}

.iti-mobile .intl-tel-input.iti-container {
    top: 100px !important;
}

/* Form - 3 step */
.form-wrap.three-step #syndicate_form .info-step1-header,
.form-wrap.three-step #syndicate_form .info-step2-header,
.form-wrap.three-step #syndicate_form .info-step3-header {
    margin: 0 auto 10px auto;
	display: block;
	width: 100%;
	height: 78px;
    background-size: contain !important;
}

.form-wrap.three-step #syndicate_form .info-step1-header {    
	background: url(images/step1-header.svg) center top no-repeat;
}

.form-wrap.three-step #syndicate_form .info-step2-header { 
	background: url(images/step2-header.svg) center top no-repeat;
}

.form-wrap.three-step #syndicate_form .info-step3-header { 
	background: url(images/step3-header.svg) center top no-repeat;
}

.form-wrap.three-step #syndicate_form .fields > label { 
	font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25em;
    margin: 10px 0;
    text-transform: none;
}

.form-wrap.three-step .checkbox-wrap input.checkbox {
    float: left;
    display: inline-block;
    margin: 8px 8px 6px 0;
}

.form-wrap.three-step .checkbox-wrap label {
    font-size: 16px !important;
    line-height: 2em;
    text-transform: capitalize !important;
}

.form-wrap.three-step #syndicate_form select {
    margin-bottom: 10px !important;
}

.form-wrap.three-step #syndicate_form .contact-fields .fields:nth-child(1) {
    width: 100%;
}

.form-wrap.three-step #syndicate_form input[type="button"]#continueBtn,
.form-wrap.three-step #syndicate_form input[type="button"]#backBtn {
    border-radius: 0;
    box-shadow: none !important;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 12px 18px 9px;
    position: relative;
    letter-spacing: 1.4px;
    line-height: 1.5;
    margin-top: 20px;
}

.form-wrap.three-step #syndicate_form input[type="button"]#continueBtn {
    background: transparent;
    border: 2px solid #CFB991;
    color: #FFF;
    width: 100%;
}

.form-wrap.three-step #syndicate_form input[type="button"]#continueBtn:hover,
.form-wrap.three-step #syndicate_form input[type="button"]#continueBtn:focus,
.form-wrap.three-step #syndicate_form input[type="button"]#continueBtn:active {
    background: #CFB991;
    color: #000;
}

.form-wrap.three-step #syndicate_form input[type="button"]#backBtn {
    background: #CCC;
    border: 2px solid #CCC;
    color: #333;
}

.form-wrap.three-step #syndicate_form input[type="button"]#backBtn:hover,
.form-wrap.three-step #syndicate_form input[type="button"]#backBtn:focus,
.form-wrap.three-step #syndicate_form input[type="button"]#backBtn:active {
    background: #FFF;
    color: #000;
}


.form-wrap.three-step #syndicate_form .errors {
    margin-top: 1px !important;
}

.form-wrap.three-step #syndicate_form .tcpa-3step {
    display: none !important;
}

@media (max-width: 767px) {
    .form-wrap.three-step #syndicate_form #backButton {
        width: 25%;
    }

    .form-wrap.three-step #syndicate_form #continueButton,
    .form-wrap.three-step #syndicate_form #finalSubmission .formfooter-section {
        width: 100%;
    }
}

/* Popover */

.popover {
	background: #DAAA00;
	border: 1px solid #DAAA00;
	color: #000;
	padding: 6px;
	text-align: center;
}

.popover-body {
	color: #000;
}

.popover .arrow::after, 
.popover .arrow::before {
	border-bottom-color: #DAAA00;
	border-top-color: #DAAA00;
}

/*******************************************
:--- Blog and Articles ---:
*******************************************/

.news-pagination {
    border-top: 1px solid #CCC;
	float: left;
	margin-bottom: 2em;
    padding-top: 2em;
	width: 100%;
}

.news-pagination a {
	display: inline-block;
}

.prev-left {
	float: right;
	max-width: 46%;
}

.next-right {
	float: left;
	max-width: 46%;
}

a.prev-left, 
a.next-right,
.prev-left a,
.next-right a {
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase; 
}

a.prev-left:hover,
a.prev-left:focus, 
a.prev-left:active, 
a.prev-right:hover, 
a.prev-right:focus, 
a.next-right:active,
.prev-left a:hover,
.prev-left a:focus,
.prev-left a:active,
.next-right a:hover,
.next-right a:focus,
.next-right a:active{
    color: #000;
}
.category .main-content-top-level {
    min-height: 1200px;
}

.page-template-news .card,
.category .card {
    box-shadow: 0 0.5em .5em -0.125em rgb(0 0 0 / 10%), 0 0 0 0 rgb(0 0 0 / 2%);
}

.page-template-news .card-title a,
.category .card-title a {
    color: #000;
    text-decoration: none;
}

.page-template-news .card-title a:hover,
.page-template-news .card-title a:focus,
.page-template-news .card-title a:active,
.category .card-title a:hover,
.category .card-title a:focus,
.category .card-title a:active {
    text-decoration: underline;
} 

.page-template-news .card-body p,
.category .card-body p {
    color: #707070;
    line-height: 1.5em;
}

.page-template-news .card-body p:last-child,
.category .card-body p:last-child {
    margin-bottom: 0;
}

.published {
    color: #8E6F3E !important;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

/* Article Author */
#article-author {
    background: #EDEDED;
    padding: 1.5rem;
}

#article-author img.avatar {
    margin-bottom: 1.5rem;
    border-radius: 100%;
}

/* Social Media - Share Button */
.social-share {
    text-align: right;
}
.social-button {
    display: inline-block;
	padding: 5px;
	color: #fff !important;
	font-size: 14px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	text-decoration: none !important;
    line-height: 1em;
    width: 20%;
    min-width: 85px;
    text-align: center;
}
.social-button:hover {
	opacity: .7;
	text-decoration: none;
	color: #fff;
}
.social-button.facebook {
	background-color: #469;
}
.social-button.twitter {
	background-color: #09f;
}
.social-button.linkedin {
	background-color: #07d;
}
.social-button.email {
	background-color: #222;
}

@media (max-width: 767px) {
    .social-share {
        text-align: left;
    }
    .social-button {
        width: 24%;
    }
}

@media (max-width: 1440px) {
    .page-template-news .card-columns,
    .category .card-columns {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

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

footer.site-footer {
	background: #000;
    color: #9d9795;
    /*line-height: 2em;*/
	padding: 0;
}

footer.site-footer .footer-heading {
    color: #CFB991;
    display: block;
    font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif !important;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

footer.site-footer a {
    color: #9d9795;
    font-size: 16px;
    text-decoration: none;
}

footer.site-footer a:hover,
footer.site-footer a:focus,
footer.site-footer a:active {
    color: #FFF;
}

footer.site-footer .site-footer-logo {
	border-bottom: 2px solid #CFB991;
    padding: 2.25rem 0;
    margin-bottom: 3.25rem;
    text-align: center;
}

footer.site-footer .site-footer-logo .footer-logo {
    display: inline-block;
}

footer.site-footer .site-footer-logo img {
    display: block;
    margin: 0 auto;
    height: 3.5625rem;
}

footer.site-footer ul li {
	margin: 0;
}

footer.site-footer .signature {
	padding: 1.68rem 0;
    text-align: center;
    background-color: #2e2e2e;
    color: #C4BFC0;
    font-size: .9375rem;
    line-height: 1.5em;
    margin: 3.25rem 0 0;
}

footer.site-footer .signature a {
    color: #C4BFC0;
    font-size: .9375rem;
    text-decoration: underline;
}

footer.site-footer .signature a:hover,
footer.site-footer .signature a:focus,
footer.site-footer .signature a:active {
    color: #EBD99F;
    text-decoration: none;
}

footer.site-footer address {
    margin: 0 0 1.3rem;
}

footer.site-footer address a {
    display: block;
}

footer.site-footer .social-link .fab {
    font-size: 1.375rem;
    margin-right: .8rem;
}

footer.site-footer {
	padding-bottom: 20px;
}

footer.site-footer hr {
	opacity: 0 !important;
}

/*******************************************
:--- Homepage Styles ---:
*******************************************/
section {
    padding: 5rem 0;
}

/* Benefits Section */
section.benefits .card a {
    text-decoration: none;
}

section.benefits .card a .card-title {
    color: #000;
}

section.benefits .card a:hover .card-title,
section.benefits .card a:focus .card-title,
section.benefits .card a:active .card-title {
    color: #8E6F3E;
    text-decoration: underline;
}

section.benefits .card a:hover .card-text,
section.benefits .card a:focus .card-text,
section.benefits .card a:active .card-text {
    text-decoration: underline;
}

/* Purpose Section */
section.purpose .card {
    flex-direction: row;
    margin-bottom: 30px;
    overflow: hidden;
}

section.purpose .card a.cta {
    text-decoration: none;
}

section.purpose .card:last-child {
    margin-bottom: 0;
}

section.purpose .card-body {
    padding: 1.5rem !important;
}

section.purpose .img-box {
    background: #000;
    padding: 0 !important;
    height: auto;
    overflow: hidden;
    width: 100%;
    max-width: 150px;
    flex: 1 0 auto;
    min-height: 100%;
}

section.purpose .card-img {
    height: auto;
    width: 150%;
    margin: 0 0 0 -30%;
    position: absolute;
}

section.purpose .card-title {
    font-size: 1.375rem;
}

section.purpose .card-text {
    font-size: 1rem;
}

section.purpose .table thead th {
    border: none;
    padding: 10px 15px;
}

section.purpose .table tbody th,
section.purpose .table tbody td {
    border: none;
    /*font-size: 1rem;*/
    padding: 0 15px;
/*    line-height: 25px;*/
}

/* Form Section */
section.form-section {
    background: url(images/purdue-hovde.jpg) center; 
    background-size: cover;
}

section.form-section .form-wrap {
    background: rgba(0,0,0,.9);
    border: 10px solid #CFB991;
    color: #FFF;
    padding: 3.25rem;
}

section.form-section .form-wrap h2 {
    font-size: 3.125rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: .7em;
}

section.form-section .form-wrap .section-intro {
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.5em;
}

section.form-section .form-wrap a {
    color: #CFB991;
}

section.form-section .form-wrap .header-alt {
    padding: 5px 5px 3px;
    min-width: 220px;
    text-align: center;
}

/* Instructors Section */
section.instructors .img-box {
    background: url(images/inline-online.jpg) center; 
    background-size: cover;
}

/* Experience Section */
section.experience .img-box {
    background: url(images/purdue-clock-tower.jpg) center 15%;
    background-size: cover;
    min-height: 600px;
}

section.experience .content-box {
    /*display: flex;*/
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-top: auto;
}

section.experience .content-box.right {
    margin: 5rem auto 5rem 3.25rem;
}

/* Outcome Section */
section.outcome ul li {
    list-style: disc;
    margin-left: 50px;
}

/* Statistic Section */
section.stat .img-box {
    background: url(images/inline-home2.jpg) center; 
}

.stat-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.stat-box .number {
    font-size: 85px;
    font-weight: 700;
    margin-bottom: 4rem;
}
.stat-box .text {
    font-size: 25px;
    font-style: italic;
    font-weight: 600;
}
.stat-box .source {
    font-size: 16px;
}

.badge-image {
    height: 152px;
    overflow: hidden;
    border: 1px solid #CCC;
}

/* Big CTA Section */
section.big-cta {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
section.big-cta h2 {
    max-width: 600px;
    margin: 0;
}

/* About Section */
section.about {
    background: linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,.95)), url(images/purdue-p-sculpt.jpg) center 30%; 
    background-size: cover;
    font-size: 1.563rem;
    font-weight: 600;
    min-height: 600px;
}
section.about h2 {
    font-size: 2.5rem;
    margin-bottom: .8em;
}

@media (max-width: 1200px) {
    section.form-section .form-wrap h2 {
        font-size: 2.813rem;
    }

    section.form-section .form-wrap .section-intro {
        font-size: 1.25rem;
        line-height: 1.5em;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
/*
    section.purpose .card .img-box {
        max-width: 100px;
    }
*/
    section.purpose .card-img {
/*
        height: 180px;
        width: auto;
        margin: 0 0 0 -75%;
*/
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    section.benefits .card-deck > .card:nth-child(3) {
        flex: 1 1 100%;
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    section.purpose {
        background: linear-gradient(#FFFFFF,#FFFFFF 49%,#CFB991 0%,#CFB991);
    }
    section.purpose .content-box {
        padding-bottom: 5rem !important;
    }
    section.purpose .courses-content {
        padding-top: 5rem;
    }
    section.purpose .card {
        margin-bottom: 20px;
    }
    section.purpose .card:last-child {
        margin-bottom: 0;
    }
    section.experience .img-box {
        min-height: 400px;
    }
    section.experience .content-box {
        display: block;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin-top: 3.25rem;
    }
    section.about {
        background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.5)), url(images/purdue-p-sculpt.jpg) 10% 35%;
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    section.benefits .card-deck {
        flex-direction: column;
    }
    section.benefits .card-deck > .card {
        margin-bottom: 15px;
    }
    section.benefits .card-deck > .card:nth-child(3) {
        margin-bottom: 0;
    }
    section.purpose {
        background: linear-gradient(#FFFFFF,#FFFFFF 51.25%,#CFB991 0%,#CFB991);
    }
    section.purpose .content-box {
        margin: 0 auto !important;
        padding: 0 0 3rem !important;
    }
    section.purpose .courses-content {
        padding-top: 3rem;
    }
/*
    section.purpose .card .img-box {
        max-width: 100px;
    }
*/
    section.purpose .card-img {
/*
        height: 180px;
        width: auto;
        margin: 0 0 0 -75%;
*/
    }
    section.form-section .form-wrap {
        border: 5px solid #CFB991;
        padding: 1.563rem;
    }
    section.instructors .content-box,
    section.outcome .content-box {
        padding: 0 15px !important;
    }
}

@media (max-width: 575px) {
    section.purpose {
        background: linear-gradient(#FFFFFF,#FFFFFF 60%,#CFB991 0%,#CFB991);
    }
    section.purpose .courses-content {
        background: #CFB991;
        margin: 0 -15px;
        padding: 3rem 15px 0;
    }
/*
    section.purpose .courses-content .card {
        flex-direction: column;
    }
*/
/*
    section.purpose .card .img-box {
        border-radius: 0;
        height: 150px;
        max-width: 100%;
    }
*/
	footer.site-footer .signature {
		padding: 1.68rem 1rem;
	}
}

@media (max-width: 430px) {
	.header-alt {
		line-height: 1.25rem;
	}
	.card .card-body {
		padding: 1.5rem !important;
	}
	section.purpose .card {
		flex-direction: column;
	}
	section.purpose .img-box {
		height: 180px;
		max-width: 100%;
	}
	section.purpose .card-img {
		height: auto;
		width: 100%;
		margin: -30px 0 0;
		position: absolute;
	}
	section.form-section .form-wrap h2,
	.form-wrap.inline h2 {
		font-size: 2.25rem !important;
	}
	section.form-section .form-wrap .section-intro,
	.form-wrap.inline .section-intro {
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 1.3em;
	}
	section.form-section .form-wrap,
	.form-wrap.inline {
		padding: 20px 15px;
	}
	footer.site-footer .footer-heading {
		margin: 1rem 0;
	}
	.international-link {
		display: block;
		font-size: 11px;
		line-height: 16px;
	}
	#syndicate_form label {
		font-size: 12px;
		font-weight: 400;
	}
}

/*******************************************
:--- Cards ---:
*******************************************/
.card {
    border: none;
}

.header-alt {
    color: #8e6f3e;
    display: inline-block;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 1.4px;
    margin-bottom: .8rem;
    text-transform: uppercase;
}

.card .card-body {
    padding: 2rem;
}

.card .card-title {
    font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    margin-bottom: 1rem;
}

.card .card-text {
    color: #707070;
    font-family: acumin-pro,Franklin Gothic,sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 0;
}

/*******************************************
:--- Testimonials ---:
*******************************************/
.testimonial-box {
    background: #EDEDED;
    border-left: 10px solid #CFB991;
    position: relative;
    overflow: hidden;
}
.testimonial-box .text {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 500;
    padding: 40px 40px 0;
    margin-bottom: 1em !important;
}

.testimonial-box .source {
    color: #8E6F3E;
    font-size: .875rem;
    padding: 0 40px 40px;
    margin-bottom: 0 !important;
}

.testimonial-box.with-img {
    border: 0;
}

.testimonial-box.with-img .content {
    background: #EDEDED;
    display: block;
    width: 50%;
    min-height: auto;
    border: 1px solid transparent;
    z-index: 20;
}

.testimonial-box.with-img .img-box {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    min-height: auto;
}

.testimonial-box.with-img .img-box img {
    width: 60%;
    position: absolute;
    right: -5%;
    top: 0%;
}

@media (max-width: 1440px) {
    .testimonial-box.with-img .img-box img {
        width: 100%;
        position: absolute;
        right: -25%;
        top: -5%;
    }
}

@media (max-width: 1200px) {
    .testimonial-box.with-img .content,
    .testimonial-box.with-img .img-box {
        width: 100%;
        position: relative;
        min-height: auto;
    }
    .testimonial-box.with-img .img-box {
        min-height: 350px;
    }
    .testimonial-box.with-img .img-box img {
        width: 100%;
        right: auto;
    }
}

@media (max-width: 767px) {
    .testimonial-box.with-img .img-box {
        min-height: auto;
    }
    .testimonial-box.with-img .img-box img {
        position: relative;
        width: 100%;
        right: auto;
    }
}

/*******************************************
:--- Text Colors ---:
*******************************************/
.txt-black {
    color: #000 !important;
}
.txt-gold-old {
    color: #8E6F3E !important;
}
.txt-gold {
    color: #CFB991 !important;
}
.txt-gray {
    color: #555960 !important;
}
.txt-white {
    color: #FFF !important;
}

/*******************************************
:--- Background Colors ---:
*******************************************/
.bg-black {
    background: #000 !important;
    color: #FFF !important;
}
.bg-gold {
    background: #CFB991 !important;
}
.bg-gold-old {
    background: #8E6F3E !important;
    color: #FFF !important;
}
.bg-gray {
    background: #555960 !important;
}
.bg-light-gray {
    background: #EDEDED !important;
}
.bg-white {
    background: #FFF !important;
}
.bg-gold-left {
    background: linear-gradient(to right,#CFB991,#CFB991 50%,transparent 0%,transparent);
}
.bg-gold-right {
    background: linear-gradient(to left,#CFB991,#CFB991 50%,transparent 0%,transparent);
}

/*******************************************
:--- Border ---:
*******************************************/
.round-corners {
    border-radius: .25rem;
}
.border-gold {
    border: 2px solid #CFB991;
    padding: 12px 12px 11px;
}

/*******************************************
:--- Box Shadow ---:
*******************************************/
.box-shadow {
    box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
}

/*******************************************
:--- CTA and Buttons ---:
*******************************************/
.btn {
    border: 2px solid transparent;
    border-radius: 0;
    box-shadow: none !important;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px 7px;
    position: relative;
    letter-spacing: 1.4px;
    margin-top: 1rem;
}
/*
.btn:hover,
.btn:focus,
.btn:active {
    color: #000 !important;
    cursor: pointer;
    background-color: #cfb991;
    border: 2px solid #8e6f3e;
}
*/
.btn-gold {
    background: #CFB991;
    color: #000;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
    color: #000;
    cursor: pointer;
    background-color: #FFF;
    border: 2px solid #CFB991;
}
.btn-gold-outline {
    background: transparent;
    border: 2px solid #CFB991;
    color: #000;
}
.btn-gold-outline:hover,
.btn-gold-outline:focus,
.btn-gold-outline:active {
    background: #CFB991;
}
.btn-gold-old {
    background: #8E6F3E;
    color: #FFF;
}
.btn-gold-old:hover,
.btn-gold-old:focus,
.btn-gold-old:active {
    color: #8E6F3E;
    cursor: pointer;
    background-color: #FFF;
    border: 2px solid #000;
}
.btn-gold-old-outline {
    background: transparent;
    border: 2px solid #8E6F3E;
    color: #000;
}
.btn-gold-old-outline:hover,
.btn-gold-old-outline:focus,
.btn-gold-old-outline:active {
    color: #FFF;
    cursor: pointer;
    background-color: #8E6F3E;
    border: 2px solid #8E6F3E;
}
.btn-black {
    background: #000;
    color: #FFF;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    color: #8E6F3E;
    cursor: pointer;
    background-color: #FFF;
    border: 2px solid #000;
}
.btn-black-outline {
    background: transparent;
    border: 2px solid #000;
    color: #8E6F3E;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline:active {
    color: #FFF;
    cursor: pointer;
    background-color: #000;
    border: 2px solid #000;
}
.btn-white {
    background: #FFF;
    color: #000;
}
.btn-white-outline {
    background: transparent;
    border: 2px solid #FFF;
    color: #FFF;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline:active {
    background: #FFF;
    border: 2px solid #000;
    color: #000;
}
.btn-text {
    border: none;
    color: #8E6F3E;
    padding: 0;
}
.btn-text:hover,
.btn-text:focus,
.btn-text:active {
    background-color: transparent;
    border: none;
    color: #000;
}
.btn-text:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 800;
    margin-left: 1rem;
    position: absolute;
    top: -1px;
}
.btn-yellow {
    background: #DDB945;
    color: #000;
}
.btn-yellow-outline {
    background: transparent;
    border: 2px solid #DDB945;
    color: #000;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow-outline:hover,
.btn-yellow-outline:focus,
.btn-yellow-outline:active {
    color: #FFF;
    cursor: pointer;
    background-color: #000;
    border: 2px solid #000;
}

/*******************************************
:--- Accordion ---:
*******************************************/
.accordion .card {
	border: none;
	border-radius: 0;
	margin-bottom: 10px;
}

.accordion .card-header {
	border: none;
	padding: 0;
	background-color: rgba(0,0,0,0);
}

.accordion .card h3 {
    background-color: rgba(0,0,0,.03);
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-weight: 700;
    font-size: 1.125rem;
    letter-spacing: 1.4px;
	padding: 15px 20px 11px;
	text-transform: uppercase;
}

.accordion .card .card-header h3 {
	padding: 0;
}

.accordion .card-header .btn {
    border: 0;
	color: #333;
    margin: 0;
	padding: 12px 20px 8px !important;
	text-align: left;
    width: 100%;
}

.accordion .card-header .btn:hover,
.accordion .card-header .btn:focus,
.accordion .card-header .btn:active {
    background: #EDEDED;
    border: none;
	color: #8E6F3E;
	text-decoration: none;
}

.accordion .card-header .btn:after,
.accordion .card-header .btn.collapse:after{
    color: #8E6F3E;
	content:"\f077";
	float: right;
	font-family: "Font Awesome 5 Pro";
	transition: all .25s ease-in-out;
}

.accordion .card-header .btn.collapsed:after{
	content:"\f077";
	float: right;
	font-family: "Font Awesome 5 Pro";
	transform: rotate(180deg);
	transition: all .25s ease-in-out;
}

.accordion .card.no-body .card-header .btn {
	pointer-events: none;
}

.accordion .card.no-body .card-header .btn:after {
	content: "";
}

.accordion .card-body ol li {
    list-style: decimal;
    margin: 0 0 0 1.5em;
}

/*******************************************
:--- Custom Accordion ---:
*******************************************/
/* Style the buttons that are used to open and close the accordion panel */
.accord-heading {
    background-color: rgba(0,0,0,.03);
    color: #333;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 12px 50px 12px 20px;
    margin-bottom: 10px;
    width: 100%;
    transition: 0.4s;
    position: relative;
}

.accord-heading:after{
    color: #8E6F3E;
	content:"\f077";
	font-family: "Font Awesome 5 Pro";
    transform: rotate(180deg);
	transition: all .25s ease-in-out;
    position: absolute;
    right: 20px;
    top: 25%;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accord-heading.active, 
.accord-heading:hover {
    background-color: #EDEDED;
}

.accord-heading.active:after {
/*
	content:"\f077";
	float: right;
	font-family: "Font Awesome 5 Pro";
*/
	transform: rotate(0deg);
/*	transition: all .25s ease-in-out;*/
}

/* Style the accordion panel. Note: hidden by default */
.accord-content {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*******************************************
:--- Webinar - Callout---:
*******************************************/
/* Header */
.webinar-callout {
    min-height: 0 !important;
    margin: 0;
    padding: 15px 0;
    border-radius: 0;
    border: none;
    background-color: #DDB945;
    color: #000;
	z-index: 1000;
    text-align: left;
}

.webinar-callout p.webinar-callout-text {
    padding: 7px 0;
    margin: 0;
}

.webinar-callout .divider {
    opacity: .15;
    border-left: 1px solid #000;
    margin: 0 8px 0 5px;
}

.webinar-callout .btn {
    font-size: 1rem;
    padding: 8px 8px 6px;
    width: 100%;
}

.webinar-callout .btn:hover,
.webinar-callout .btn:focus,
.webinar-callout .btn:active {
    background: transparent;
    color: #000;
}

/* Sidebar - Webinar Callout */
.sidebar-block.webinar {
    background: #EDEDED;
    padding: 20px 25px 25px;
}
.sidebar-block.webinar .header-alt {
    
}
.sidebar-block.webinar h2 {
    text-transform: none;
}
.sidebar-block.webinar .headline,
.sidebar-block.webinar .details{
    font-size: 1rem;
    line-height: 1.5rem;
}
.sidebar-block.webinar .btn {
    font-size: 1rem;
}
.page-template-news .sidebar-block.webinar,
.category .sidebar-block.webinar {
    background: #FFF;
}

@media (max-width: 1200px) {
    .webinar-callout .top-lines {
        display: block;
    }
    .webinar-callout .divider.mobile-hidden {
        display: none;
    }
}

@media (max-width: 992px) {
    .webinar-callout {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .webinar-callout {
        text-align: center;
    }
    .webinar-callout p.webinar-callout-text {
        padding: 0 0 7px;
    }
}

/*******************************************
:--- Webinar Opt-In Form ---:
*******************************************/
.form-webinar-wrap {
    background-color: #FFF;
    border: 10px solid #CFB991;
    color: #000;
    padding: 50px;
	max-width: 800px;
	margin: 0 auto;
}

.form-webinar,
.form-webinar ._form-content {
    overflow: hidden;
}

.form-webinar ._form_element {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.form-webinar ._form_element input#email {
    border: 1px solid #CCC;
	font-size: 1rem;
    padding: 6px 10px 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-webinar ._button-wrapper {
    display: block;
    float: left;
    width: 100%;
}

.form-webinar ._button-wrapper ._submit {
    background: #CFB991;
    border: 2px solid #CFB991;
    padding: 16px 18px 14px;
    width: 100%;
    font-family: United Sans,Impact,Arial Black,"sans serif";
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition: all 0.2s;
}
.form-webinar ._button-wrapper ._submit:hover,
.form-webinar ._button-wrapper ._submit:focus,
.form-webinar ._button-wrapper ._submit:active {
    background: #000;
    color: #FFF;
}
.form-webinar label {
    font-size: 14px;
    width: 100%;
    text-transform: uppercase;
}
.form-webinar .asterix {
    color: #FF0000;
}
.form-webinar ._error {
    color: #FF0000;
    font-size: 12px;
	position: absolute;
}

/*******************************************
:--- Archa Form ---:
*******************************************/
/* Hide extra program info targeting value attribute */
.form.one-step .select-wrap select option[value$="PUR-PURPM-PMGP"] {
	display: none !important;
}

/* BG - WHITE */
.form.one-step #one-step-fields {
    gap: 20px 25px !important;
}

.form.one-step .select-wrap {
	margin-bottom: 20px !important; 
}

.form.one-step .select-wrap label,
.form.one-step .input-wrap label {
	color: #000 !important;
	font-size: 14px !important;
}

.form.one-step .select-wrap select,
.form.one-step .input-wrap input {
	border: 1px solid #CCC !important;
	font-size: 18px !important;
	line-height: 1.45 !important;
	padding: 6px 10px 8px !important;
}

.form.one-step .select-wrap select {
	background-image:
		linear-gradient(45deg, transparent 50%, #000 50%),
		linear-gradient(135deg, #000 50%, transparent 50%),
		linear-gradient(to right, #EEE, #EEE) !important;
	background-position:
		calc(100% - 22px) calc(1em + 0px),
		calc(100% - 17px) calc(1em + 0px),
		100% 0 !important;
	background-color: #F6F6F6 !important;
	margin: 0 !important;
	padding: 6px 45px 8px 10px !important;
}

.form.one-step .form-controls input {
    background: #CFB991 !important;
    border: 2px solid #CFB991 !important;
    border-radius: 0 !important;
    color: #000 !important;
    float: none !important;
	font-family: United Sans,Impact,Arial Black,"sans serif" !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    padding: 16px 18px 12px !important;
	text-transform: uppercase !important;
    width: 100% !important;
}

.form.one-step .form-controls input:hover,
.form.one-step .form-controls input:focus,
.form.one-step .form-controls input:active {
    background: #000 !important;
    border: 2px solid #CFB991 !important;
    color: #FFF !important;
}

.form.one-step .select-wrap:after,
.form.one-step .input-wrap:after {
	display: none !important;
}

.form.one-step .select-wrap span.error,
.form.one-step .input-wrap span.error {
	color: red;
    font-size: 11px !important;
    font-weight: 500;
    text-transform: uppercase;
	line-height: 1 !important;
    position: absolute !important;
    padding: 2px 0 0 !important;
}

.form.one-step #sms-opt-in {
	margin-bottom: 10px !important;
}

.form.one-step .tcpa,
.form.one-step .privacy {
	line-height: 1.55;
}

body.iti-mobile .iti--container {
    z-index: 2005;
}

body.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.form.one-step ul.iti__country-list,
.form.multi-step ul.iti__country-list {
	color: #333 !important;
	margin: 0 0 0 -1px !important;
	padding: 0 !important;
}

.form.one-step ul.iti__country-list li,
.form.multi-step ul.iti__country-list li {
	list-style: none !important;
	margin: 0 !important;
}

.form.one-step ul.iti__country-list li.iti__divider,
.form.multi-step ul.iti__country-list li.iti__divider {
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
}

/* BG - BLACK */
.form-wrap.bg-black .header-alt,
.form-wrap.bg-black h2,
.form-wrap.bg-black .form.one-step .select-wrap label,
.form-wrap.bg-black .form.one-step .input-wrap label {
	color: #FFF !important;
}

.form-wrap.bg-black .form.one-step .tcpa {
	color: #999 !important;
}

/* Homepage */
.home .form-wrap .header-alt,
.home .form-wrap h2,
.home .form-wrap .form.one-step .select-wrap label,
.home .form-wrap .form.one-step .input-wrap label {
	color: #FFF !important;
}

.home .form-wrap .form.one-step .tcpa {
	color: #999 !important;
}

/* Three-Step Form */

.form.multi-step .step-header {
	gap: 0 !important;
}

.form.multi-step .step-header .step-header-one.active {    
	background: url(images/ppc/step1-header.svg) center top no-repeat;
	min-height: 65px;
}

.form.multi-step .step-header .step-header-two.active { 
	background: url(images/ppc/step2-header.svg) center top no-repeat;
	min-height: 65px;
}

.form.multi-step .step-header .step-header-three.active { 
	background: url(images/ppc/step3-header.svg) center top no-repeat;
	min-height: 65px;
}

.form.multi-step .step-header:after {
	display: none !important;
}

.form.multi-step .step-header div {
	width: 100% !important;
}

.form.multi-step .step-header .step-header-one span,
.form.multi-step .step-header .step-header-two span,
.form.multi-step .step-header .step-header-three span { 
	display: none !important;
}

.form.multi-step .checkbox-wrap legend,
.form.multi-step .select-wrap label,
.form.multi-step .input-wrap label {
	color: #FFF !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin-bottom: 10px !important;
}

.form.multi-step .checkbox-wrap label {
	color: #FFF !important;
	display: inline-block !important;
	margin-bottom: 0px !important;
	width: auto !important;
}

.form.multi-step .checkbox-wrap input {
	margin-right: 6px !important;
}

.form.multi-step .select-wrap {
    margin-bottom: 20px !important;
}

.form.multi-step .select-wrap select {
	line-height: 1.25 !important;
    padding: 11px 15px 13px !important;
}

.form.multi-step #step3 {
    gap: 20px !important;
}

.form.multi-step .input-wrap input {
	line-height: 1.25 !important;
    padding: 11px 15px 13px !important;
}

.form.multi-step #sms-opt-in {
    margin-bottom: 10px !important;
}

.form.multi-step #ai-opt-in label,
.form.multi-step #sms-opt-in label {
    color: #FFF !important;
}

.form.multi-step .form-controls input {
	background: #000 !important;
	border: 2px solid #CFB991 !important;
	border-radius: 0 !important;
	font-family: United Sans,Impact,Arial Black,"sans serif" !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	letter-spacing: 1.4px !important;
	padding: 16px 18px 13px !important;
	text-transform: uppercase !important;
}

.form.multi-step .form-controls input:hover,
.form.multi-step .form-controls input:focus,
.form.multi-step .form-controls input:active {
	background: #CFB991 !important;
}

.form.multi-step .form-controls input#previous {
	background: #CCC !important;
	border: 2px solid #CCC !important;
	color: #333 !important;
	width: auto !important;
}

.form.multi-step .form-controls input#previous:hover,
.form.multi-step .form-controls input#previous:focus,
.form.multi-step .form-controls input#previous:active {
	background: #FFF !important;
}

.form.multi-step span.error {
    font-size: 11px !important;
    text-transform: none !important;
	top: 0;
	right: 0;
	padding: 0 !important;
}

.form.multi-step .privacy {
	margin-bottom: 5px !important;
}

.form.multi-step .privacy .asterisk {
	padding-left: 0 !important;
	padding-right: 2px !important;
}

.form.multi-step .tcpa-multi-step {
	color: #999 !important;
    line-height: 1.5em !important;
}

/* International Phone */
.form.multi-step .iti span#phone-error.error {
	top: -28px !important;
}

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

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

@media (max-width: 1440px) {
    .content-box.right {
        margin: 3.25rem auto 3.25rem 3.25rem; 
        max-width: 650px;
    }
    .content-box.left,
    .content-box.right {
        max-width: 500px;
    }
    .form-wrap.inline h2 {
        font-size: 2.813rem;
        margin-bottom: .6em;
    }
}

@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
	.content-box.left,
    .content-box.right {
        max-width: 415px;
    }
}

@media (max-width: 992px) {
	.content-box.left,
    .content-box.right {
        margin: 3.25rem auto;
        max-width: 690px;
    }	
}

@media (min-width: 992px) {
	
	/* Desktop Navigation */

	nav.site-nav ul.sub-menu {
		padding: 1em;
		width: 300px;
	}
	
	nav.site-nav li.about-menu ul.sub-menu {
		width: 180px;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu {
		left: auto;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu li ul.sub-menu {
		position: absolute;
		left: -999em;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu .menu-item.menu-item-has-children:hover ul.sub-menu {
		left: auto;
	}
	
}
 
@media (max-width: 767px) { 
    section {
        padding: 3rem 0;
    }
    .content-box {
        margin: 1.563rem auto !important;
        max-width: 540px !important;
        padding: 0 1.563rem !important;
    }
}

@media (max-width: 640px) { 

}

@media (max-width: 480px) { 

}

@media (max-width: 320px) { 

}

/*******************************************
:--- IE Fixes ---:
*******************************************/

.ie7 .tooltip, .ie8 .tooltip {
	display: none!important
}

.ie7 label, .ie8 label, .ie9 label {
	display: block!important;
}

.ie7 .required-ast-nolabel, .ie8 .required-ast-nolabel, .ie9 .required-ast-nolabel {
	display: none;
}