@import "reset.css";

/*******************************************
:--- 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;
	color: #000;
	font-family: acumin-pro,Franklin Gothic,sans-serif;
	font-size: 1.125rem;
    font-weight: 400;
	line-height: 1.875rem;
}

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: #8E6F3E;
    text-decoration: underline;
}

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

a:focus {
	outline:0;
}

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

h1 {
	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;
}

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

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

header.site-header .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 .site-logo img {
    width: 100%;
    height: auto;
}

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;
    cursor: pointer;
}

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;
}

.block {
	margin-bottom:25px; 
}

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

.header-alt {
    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;
}

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

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

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

.hero-wrap .hero-content h1 {
    color: #FFF;
    font-family: "United Sans", Arial, "sans serif";
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2em;
    text-transform: none;
}

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

.hero-wrap .date-time {
    display: flex;
    flex-flow: row;
}

.hero-wrap .date,
.hero-wrap .time {
    background-color: #000;
    padding: 30px;
    font-size: 30px;
    font-family: "United Sans", Arial, "sans serif";
    text-transform: uppercase;
}

.hero-wrap .date {
    background-color: #CFB991;
	color: #000;
}
.hero-wrap .time {
    background-color: #000;
	color: #FFF;
}

.hero-wrap .header-alt {
    color: #CFB991;
}

/*******************************************
:--- Form ---:
*******************************************/
.webinar-form-container {
    margin-bottom: 3rem;
}
.form-wrap {
    background-color: #FFF;
    border: 10px solid #CFB991;
    color: #000;
    padding: 50px;
}

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

.form-wrap .header-alt {
    border: 2px solid #CFB991;
    padding: 5px 5px 3px;
    min-width: 220px;
    text-align: center;
}

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

.form-wrap .syndicate-tcpa {
    clear: both;
}
.form-wrap .syndicate-tcpa p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 20px;
}
.form-wrap .syndicate-tcpa .asterix {
    color: #FF0000;
}

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

.form-webinar ._form_element {
    display: inline-block;
    margin-bottom: 10px;
    width: 49%;
    float: left;
    position: relative;
}

.form-webinar ._form_element.poi {
    display: block;
    width: 100%;
}

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

.form-webinar ._form_element.phone .iti {
    font-size: 16px;
    width: 100%;
}

.form-webinar ._form_element.poi select {
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #eee,#eee);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    padding: 5px 10px 6px;
}

.form-webinar ._form_element.first-name,
.form-webinar ._form_element.email {
    margin-right: 2%;
}

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

.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;
    top: 3px;
    right: 0;
}
.form-webinar ._button-wrapper ._form-inner ._error-inner {
    color: #FF0000;
    font-size: 12px;
}

/* Opt In Fields */ 

.form-webinar .opt-in-fields {
	clear: both;
	padding: 10px 0;
}

.form-webinar .opt-in-fields ._form_element {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

.form-webinar .opt-in-fields fieldset {
    display: flex;
    align-items: flex-start;
    margin: 0;
}

.form-webinar .opt-in-fields fieldset input[type=checkbox] {
	border: none;
	margin-top: 4px;
    width: auto;
	min-height: auto;
}

.form-webinar .opt-in-fields fieldset label {
    font-size: 12px;
	font-weight: 400;
    line-height: 1.3;
    margin: 0 0 0 10px;
	text-transform: none;
}

/* 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;
}

/*******************************************
:--- Webinar - About ---:
*******************************************/
.webinar-about {
    background: #EDEDED;
    padding: 3rem 0;
}

.webinar-about .section-intro {
    font-size: 1.25rem;
    line-height: 2rem;
}

.webinar-about ul {
    margin: 0 0 2em;
}

.webinar-about li {
    list-style: disc;
    margin: 0 0 0 1.2em;
}

.webinar-about .card {
    border: none;
}

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

.webinar-about .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;
}

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

@media (min-width: 1200px) {
    .webinar-about .card-deck {
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .webinar-about .card {
        margin-bottom: 15px;
    }
}

/*******************************************
:--- Webinar - Presenters ---:
*******************************************/
.webinar-presenters {
    background: #FFF;
    padding: 3rem 0;
}

.presenter-box {
    border: 1px solid #EDEDED;
    border-radius: .25rem;
    padding: 2rem;
}

.presenter-name {
    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: .25rem;
}
.presenter-title {
    color: #707070;
    font-family: acumin-pro,Franklin Gothic,sans-serif;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.25;
}
.presenter-bio {
    color: #707070;
    font-family: acumin-pro,Franklin Gothic,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
}
/*******************************************
:--- Bio Collapse ---:
*******************************************/
#module .presenter-bio.collapse:not(.show) {
  display: block;
  height: 80px;
  overflow: hidden;
}

#module .presenter-bio.collapsing {
  height: 80px;
}

#module a.collapsed,
#module a:not(.collapsed) {
    display: block;
    font-family: United Sans,Impact,Arial Black,"sans serif" !important;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 1.4px;
    margin-top: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

#module a:hover,
#module a:focus,
#module a:active {
    text-decoration: underline;
}

#module a.collapsed::after {
  content: '+ Show More';
}

#module a:not(.collapsed)::after {
  content: '- Show Less';
}

/*******************************************
:--- Webinar - Why Purdue ---:
*******************************************/
.why-purdue {
    background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.95)), url(../images/webinar/purdue-p-sculpt.jpg) center 30%;
    background-size: cover;
    color: #FFF;
    padding: 3rem 0;
}

/*******************************************
:--- 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;
}

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

.main-content .btn {
    min-width: 300px;
}

a.download {
	background: #f00;
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 1em 2em;
	text-align: center;
}

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

.lh-1 {
    line-height: 1.25em;
}

/* 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 ---:
*******************************************/

/* Chat */

.chat {
	color: #fff;
    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;
    line-height: 1.5em;
}

.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: #CFB991;
	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-weight: 600;
	text-transform: uppercase;
}

/* Resources */



/* Social */

.social-icons a:hover,
.social-icons a:hover,
.social-icons a:hover {
    color: #000;
}

/* Map */

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

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

#map-info { 
	float: left;
	width:300px;
	margin: auto;
	position:relative;
}

/*******************************************
:--- Sidebar ---:
*******************************************/
.sidebar-content .block {
    margin: 0 0 2.5rem;
}

.sidebar-content h3 {
    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;
}

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

footer.site-footer {
    border-top: 10px solid #CFB991;
    padding: 5rem 0;
    text-align: center;
    background-color: #000;
    color: #C4BFC0;
    font-size: .9375rem;
    line-height: 1.5em;
    margin: 0;
}

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

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

/*******************************************
:--- 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;
}

/*******************************************
:--- 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: 12px 20px 9px;
    position: relative;
    letter-spacing: 1.4px;
    margin-top: 1rem;
    min-width: 310px;
}
.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;
}

/*******************************************
:--- Testimonials ---:
*******************************************/
.testimonial-box {
    background: #EDEDED;
    border-left: 10px solid #CFB991;
    position: relative;
    overflow: hidden;
}
.testimonial-box .text {
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 700;
    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: -10%;
}

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

@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: 300px;
    }
    .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;
    }
}

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

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

@media (min-width: 1200px) {

}

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

@media (max-width: 991px) {
	header.site-header  {
		margin-top: 50px
	}
	header.site-header .site-logo {
        padding: 1.75rem 25px 1.75rem 0;
        max-width: 250px;
    }
	
	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;
    }
	
	.hero-wrap .date-time {
		justify-content: center;
	}
	.hero-wrap .date, 
	.hero-wrap .time {
		width: 50%;
		text-align: center;
	}
	.webinar-about .card-deck {
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}
	.webinar-about .card {
		margin-bottom: 15px;
	}
}
 
@media (max-width: 767px) {
	.form-wrap {
		padding: 25px;
	}
	.form-wrap h2 {
		font-size: 3rem;
		margin-bottom: 20px;
	}
	.webinar-about .section-intro,
	.webinar-about p {
		font-size: 1em;
		line-height: 1.75rem;
	}
	.webinar-about ul {
		margin-bottom: 1.75rem;
	}
	
	.webinar-about .btn {
		margin-bottom: 3rem;
		width: 100%;
	}
	.webinar-presenters .btn {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.hero-wrap {
		padding: 3rem 0;
	}
    .hero-wrap .hero-content h1 {
        font-size: 2.5rem;
        line-height: 1em;
    }
	.hero-wrap .date, 
	.hero-wrap .time {
		font-size: 25px;
		padding: 20px 15px;
	}
    
    .main-content .btn {
        min-width: 100%;
    }
}

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

@media (max-width: 500px) { 
	.form-webinar ._form_element {
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
		float: left;
		position: relative;
	}
}

@media (max-width: 480px) { 
	.form-wrap h2 {
		font-size: 2.3rem;
	}
}
@media (max-width: 375px) {
	header.site-header .row > div {
        flex-direction: column;
        align-items: flex-start;
    }
	header.site-header .site-logo {
		margin: 0 auto;
        max-width: 180px;
		padding: 15px 0 10px;
    }
	header.site-header .site-logo:after {
        display: none;
    }
	header.site-header .program-title {
        font-size: 18px;
		margin: 0 auto;
		padding: 0 0 15px;
    }
}

@media (max-width: 320px) { 

}


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

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