@import url("https://www.weber.edu/prebuilt/importfonts.css");
@import url("https://weber.edu/wsuimages/downtown/foundation.css");

/*elements to remove after new template goes live*/
#navigationBar {box-sizing: content-box;}
#contentBody {padding: 20px 0}
a {
  color: #7f56c5;
  transition: background 0.2s linear, color 0.2s linear, border 0.2s linear;
  text-decoration: none !important;
}
a:hover {
  color: #442874;
}

.th {border: solid 4px #fff;
max-width: 100%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

p, li, body, tr, td {
font-size: 16px;
color: #333333;
}

body {
font-family:'tradegothiclt-light', sans-serif;
background: #dedcdc;
}

#mainContent {
background: #fff;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

h2, h3, h4, h5 {color: #333333;}

h1 {font-family:'tradegothicltcom-bd2',Arial,Helvetica,Verdana,sans-serif; font-size: 2.5rem;}

h2 {
font: normal 25px/27px 'tradegothiclt-bold',Arial,Helvetica,Verdana,sans-serif;}

h3 {
font: normal 18px/22px 'tradegothiclt-bold',Arial,Helvetica,Verdana,sans-serif;
}

h4 {
font: normal 15px/18px 'tradegothiclt-bold',Arial,Helvetica,Verdana,sans-serif;}

hr {
background-color: #000;
overflow: hidden;
filter: alpha(opacity= 20 );
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
height: 2px;
border-width: 0;
margin: 30px 0
}

.center {text-align: center;}

.radmenu .horizontal .item {
text-transform: uppercase;
}

._frDisplay {display:none;}


#pageTitle {
display: none;
}

.course-hero {background: url(https://weber.edu/wsuimages/downtown/woodFloor.jpg) no-repeat top center; background-attachment: fixed; background-size: 1280px auto;}
.course-hero h1 {padding: 100px 0 10px; color: #fff; text-shadow: 0 2px rgba(0,0,0,0.15);}
.course-hero img {padding-bottom: 100px; margin: 0 auto; display:  block;}

.intro {
text-align: center;
color: #575047;
}

/*Courses Page*/

.certificate-section {background: #f2f2f2; padding: 30px; margin: 30px 0;}

.certificate-section .certificate-container {
background: #fff;
border-radius: 5px;
margin-bottom: 30px;
position: relative;
}

.certificate-section .certificate-title {
background: #575047;
color: #fff;
padding: 27px 30px 30px 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.certificate-section .certificate-title h3 {color: #fff; margin: 0;}

.certificate-section .certificate-title p {
color: #fff;
margin: 0;
line-height: 1.4;
font-size: 15px;
}

.certificate-section ul.class-list {list-style: none; margin-left: 0; margin-bottom: 30px; padding-left: 0;}

.certificate-section .class-list li {margin: 0; padding: 20px 30px;}

.certificate-section .class-list li:nth-child(odd) {
background: #FFF;
}


.certificate-section .class-list li:nth-child(even) {
background: #F7F7F7;
}

.class-list img {height: 44px;width: 44px;float: left;}

.class-list .class-text {padding-left: 60px;margin-top: 3px;}

.class-list .class-text a.class-title {
display: block;
font-size: 17px;
line-height: 1.2;
font-weight: 600;
}

.class-list .class-text span.class-date {
color: #999;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
display: block;
}

.class-info-bottom {padding: 0 30px 30px; font-size: 1.5em;}
.class-info-bottom p.description-subtext {font-size: 0.8125em;color: #777777;}

@media only screen and (min-width: 64.063em) {
.certificate-section .certificate-container {min-height: 950px;}
.class-info-bottom {position: absolute; bottom: 0px; }
}

/*End Courses Page Styles*/

/*Course Details Page Styles*/
.hero {height: auto;}
.hero h1 {margin-top: 60px;margin-bottom: 25px;color: #ffffff;}
.hero img.icon {
width: 100px;
height: 100px;
margin: 0 auto 30px;
display: block;
border: 5px solid #fff;
border-radius: 50%;
}

.hero.beginning-html {background: #d25d12}

hr {
border: solid #dddddd;
border-width: 2px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
}

.description li {color: #777777;}

.instructor img {border-radius: 50%;}
.instructor .instructor-name {margin-top: 0;}

.registration-container {padding: 20px 30px; margin-top: 30px; background: #ebf1f5; border-radius: 5px;}
.registration-container .price {font-family: 'tradegothiclt-light', sans-serif; font-size: 16px; font-weight: 600;}
.registration-container .date {font-family: 'tradegothiclt-light', sans-serif; font-size: 1.5em; line-height: inherit; }
.registration-container .date span {display: block; font-weight: 600;} 
.registration-container .btn-arrow {font-size: 15px; padding: .75em 1.5em; margin-bottom: 20px;}
.registration-container h4 {text-transform: uppercase}

/*End Course Details Styles Page*/

.feature {
text-align: center;
color: #333;
}

.feature h3 {
margin: 0 auto 20px;
font-weight: normal;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
padding: 12px 0;
}

.gray {
background: #f9f9f8;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}

/*Button Styles*/

.btn-arrow{font: normal 13px/16px 'tradegothicltcom-bd2',Arial,Helvetica,Verdana,sans-serif;text-transform: uppercase; position:relative;color:black;white-space:nowrap;display:inline-block;border:0;line-height:32px;padding:0 17px;cursor:pointer;margin-right:10px;-webkit-appearance:none;-webkit-border-radius:0;-webkit-font-smoothing:antialiased;-webkit-transition:background 0.1s linear;-moz-transition:background 0.1s linear;-o-transition:background 0.1s linear;transition:background 0.1s linear; text-decoration: none !important;}
.btn-arrow .right{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:16px;top:50%;margin-top:-16px;-webkit-transition:border-color 0.1s linear;-moz-transition:border-color 0.1s linear;-o-transition:border-color 0.1s linear;transition:border-color 0.1s linear;}
.btn-arrow:hover{text-decoration:none; color:#fff;}
.btn-arrow .right{left:100%;}
.purple-bg {background: #000; color: #fff;}
.btn-arrow.purple-bg .right {border-left-color: #000}
.btn-arrow.purple-bg:hover .right {border-left-color:#492365;}
.btn-arrow.purple-bg:hover {background:#492365;}
.wsupurple-bg {background: #492365; color: #fff;}
.btn-arrow.wsupurple-bg .right {border-left-color: #492365}
.btn-arrow.wsupurple-bg:hover .right {border-left-color:#000;}
.btn-arrow.wsupurple-bg:hover {background:#000;}


.aside {text-align: center; font-size: 20px;}
.classes ol {list-style-type: none; border-top: 1px solid #c9c8c4; padding: 0;}
.classes li {padding: 17px 0;}
.classes ol li:nth-child(even) {background: rgba(0,0,0,.05);}
.classes time {display: inline-block;vertical-align: top;width: 16%;padding-left: 12px;font-size: 14px;font-weight: 600;}
.classes .photo {display: inline-block; width: 12%;}
.classes .photo img {border-radius: 4px;}
.classes .description {position: relative;display: inline-block;vertical-align: top;width: 68%;}
.classes .description h3 {margin: 0;}
.classes .description p {margin: 0 0 24px;padding: 0 18px 0 0;font-size: 16px;line-height: 24px;}
.classes .description p.byline {margin-bottom: 0;font-size: 14px;font-weight: 600;}