/*
Theme Name:     UWM Web Identity 2.0 - UWM School of Continuing Education
Theme URI:      http://uwm.edu/sce
Author:         Dan Ervin
Author URI:     http://uwm.edu/sce
Description:    UWM Web Identity 2.0 - UWM School of Continuing Education
Template:       uwmwebid2
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    uwmwebid2-child
*/
/* IMPORTANT: The value of Template must remain "uwmwebid2". */
/* UWM Brand Colors */
/* Brand Accent Colors */
/*other*/
/* FONTS */
/*$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/* Screen Sizes */
/* Collapse oversized image and pulled images after iPad breakpoint. */
/* Margins */
/* Helper function to strip units from a number to be used in a calculation */
/*	Common Features	*/
/**
 * Lists Styles
 * Styles for features common to many pages, such as the lists of courses on Program Area and Certificate pages.
 */
.no-list {
  list-style: none;
  margin: 0;
}

/* use 2 columns on wider screens */
@media all and (min-width: 960px) {
  .col-2 {
    columns: 2;
    column-gap: 2em;
  }
}
.no-top-margin {
  margin-top: 0;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.no-bottom-margin + p, .no-bottom-margin + ul {
  margin-top: 0;
}

.em-top-margin {
  margin-top: 1em;
}

ul.list-style-none {
  list-style: none;
}

p.toggle-sort {
  margin: -1em 0 0;
  text-align: right;
}

/* Program Area, Conference, Certificate and Course lists on Program Area pages */
ul.program-areas, ul.conferences, ul.certificates, ul.courses, ul.resources {
  margin-top: 0;
  list-style: none;
  padding-left: 0;
}
ul.program-areas li, ul.conferences li, ul.certificates li, ul.courses li, ul.resources li {
  margin-top: 0;
  margin-bottom: 0.25em;
}
ul.program-areas li a, ul.conferences li a, ul.certificates li a, ul.courses li a, ul.resources li a {
  font-weight: bold;
}

ul.courses .course-container {
  margin: 0 0 0.5em;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}
ul.courses .course-container p {
  margin: 0.5em 0 0;
}
ul.courses .course-container .course {
  font-weight: bold;
  margin-bottom: auto;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
ul.courses .course-container .sessions p.session {
  margin: 0 0 0 1em;
  font-size: 90%;
}
ul.courses .course-container .delivery-method {
  color: #007bb6;
}

ul.resources li.resource-item {
  display: block;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

li.resource-item div.icon-container {
  position: relative;
  float: left;
  width: 20px;
}

li.resource-item div.resource-container {
  position: relative;
}

li.resource-item p.resource-title {
  margin: 0;
}

/* Course listing table on Certificate pages */
.course-listing {
  width: 100%;
  margin: 0 0 40px;
  border: 1px solid #EDEDED;
  border-collapse: collapse;
  border-spacing: 0;
}
.course-listing tr:nth-child(2n+1) {
  background-color: #EEE;
}
.course-listing .course-heading {
  color: white;
  font-weight: bold;
  text-align: left;
}
.course-listing .course-heading th {
  background-color: #808080;
  padding: 1em;
}
.course-listing .course-row td {
  padding: 1em;
  text-align: left;
}
.course-listing .delivery-method {
  display: block;
}
.course-listing th:nth-child(1), .course-listing td:nth-child(1) {
  width: 35%;
}

/* Course pages lists in Topics */
.single-sce_course .benefits p, .single-sce_course .topics p, .single-sce_course .who_should_attend p {
  margin-bottom: 0;
}
.single-sce_course .benefits ol li, .single-sce_course .benefits ul li, .single-sce_course .topics ol li, .single-sce_course .topics ul li, .single-sce_course .who_should_attend ol li, .single-sce_course .who_should_attend ul li {
  margin-bottom: 0.5rem;
}

/*
 *	General CSS
 */
/* general formatting */
.red {
  color: #d41a69;
}

.blue {
  color: #007bb6;
}

.small {
  font-size: 75%;
}

.uwm-magenta {
  color: #d41a69;
}

.new::before, .heading_separator.new::before {
  content: "NEW ";
  color: #d41a69;
  font-size: 80%;
  font-weight: normal;
}

.new-title::before {
  content: "NEW TITLE ";
  color: #d41a69;
  font-size: 80%;
  font-weight: normal;
}

.new-content::before {
  content: "NEW CONTENT ";
  color: #d41a69;
  font-size: 80%;
  font-weight: normal;
}

.margin-top-1em {
  margin-top: 1em;
}

.margin-top-2em {
  margin-top: 2em;
}

.margin-top-3em {
  margin-top: 3em;
}

.margin-top-4em {
  margin-top: 4em;
}

.margin-top-5em {
  margin-top: 5em;
}

.margin-bottom-1em {
  margin-bottom: 1em;
}

.margin-bottom-2em {
  margin-bottom: 2em;
}

.margin-bottom-3em {
  margin-bottom: 3em;
}

.margin-bottom-4em {
  margin-bottom: 4em;
}

.margin-bottom-5em {
  margin-bottom: 5em;
}

.page-template-full-width .uwm-l-row, .page-template-full-width .uwm-u-events {
  max-width: 1400px;
}

.content-group {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  padding: 0 20px;
}

.new-label-sm {
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .02em;
	display: inline-block;
	margin: 0 1rem 0 0 !important;
	padding: 4px 12px;
	color: #404040;
	background: #ffd14c;
	border-radius: 15px;
}

.new-label-lg {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .02em;
	display: inline-block;
	margin: 0 1rem 0 0 !important;
	padding: 4px 16px;
	color: #404040;
	background: #ffd14c;
	border-radius: 15px;
}

/* Sidebar styles */
.session-list .session {
  margin: 2em 0 0;
}
.session-list .session :first-child {
  margin-top: 0;
}
.session-list .session p {
  font-size: 100%;
  margin: 0 0 0 2em;
}
.session-list .session a.register_link p {
  margin: 0.5em auto;
  text-align: center;
}

.register_link {
  display: block;
  margin-top: 1em;
  text-decoration: none;
}
.register_link .registration-button {
  display: block;
  width: 12em;
  margin-top: 0.75em 0 0 !important;
  padding: 0.75em 0;
  background-color: #FFbd00;
  text-align: center;
  font-weight: bold;
  color: black;
}

.partner {
  text-align: center;
}
.partner p {
  margin-bottom: 0;
  text-align: center;
}
.partner p.label {
  font-weight: bold;
}
.partner p.partner {
  font-weight: bold;
  margin-top: 4px;
}
.partner img {
  margin: 20px auto 0;
  max-width: 60%;
}

aside.widget.request-information-form div.request-information-form {
  text-align: center;
}
aside.widget.request-information-form button {
  margin-left: auto;
  margin-right: auto;
}

#request_information #field_5_6 p {
  margin-top: 0;
}

/* get rid of some widget blocks */
#secondary .widget_block {
  display: none;
}

#secondary .session-list-box h2 {
  margin-top: 0;
}

/* sidebar links widget */
#secondary .sidebar-link p {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
}

#secondary .sidebar-link p a {
  color: black;
}

#secondary {
  /*	every .session other than the first */
}
#secondary .contact-us-box p, #secondary .session-list-box p, #secondary .request-information-form_wrapper p {
  margin: 0 14px;
  line-height: 1.5;
}
#secondary .contact-us-box p strong, #secondary .session-list-box p strong, #secondary .request-information-form_wrapper p strong {
  font-weight: 600;
}
#secondary .contact-us-box p.indent30, #secondary .session-list-box p.indent30, #secondary .request-information-form_wrapper p.indent30 {
  margin-left: 30px;
}
#secondary .contact-us-box #gform_5, #secondary .session-list-box #gform_5, #secondary .request-information-form_wrapper #gform_5 {
  padding: 0 14px;
}
#secondary .contact-us-box .contact-header, #secondary .contact-us-box .sidebar-box-header, #secondary .contact-us-box .gform_title, #secondary .session-list-box .contact-header, #secondary .session-list-box .sidebar-box-header, #secondary .session-list-box .gform_title, #secondary .request-information-form_wrapper .contact-header, #secondary .request-information-form_wrapper .sidebar-box-header, #secondary .request-information-form_wrapper .gform_title {
  margin: 0 0 8px 0;
  padding: 14px;
  border-bottom: 1px solid #E0E0E0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background: #E8E8E8;
  font-weight: bold;
  font-size: 1.125rem;
}
#secondary .award a {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#secondary .award a img {
  margin: 0 auto;
}
#secondary .session:nth-child(n+2) {
  border-top: 1px solid #CCCCCC;
  padding-top: 1em;
}

.request-information-form_wrapper {
  margin-bottom: 40px;
}
.request-information-form_wrapper .gform_heading {
  margin-bottom: 20px !important;
}
.request-information-form_wrapper .gform_description {
  margin: 1em 0;
}
.request-information-form_wrapper #field_5_6 p {
  margin: 0;
  line-height: 1;
}

#secondary .contact-us-box p.name {
  font-weight: bold;
  font-size: 1.125rem;
  margin-top: 20px;
}

#secondary .contact-us-box p.name:first-of-type {
  margin-top: 4px;
}

#secondary .sidebar-box.badge {
  margin: 0 0 20px;
}
#secondary .sidebar-box.badge img {
  margin: 0 auto;
}

.button {
  display: block;
  width: 20em;
  margin-top: 0.75em !important;
  background-color: #FFbd00;
  text-align: center;
  font-weight: bold;
  color: black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#secondary .sidebar-link p a.yellow-bg {
  color: black;
  background-color: #FFbd00;
}

#secondary .sidebar-link p a.blue-bg {
  color: white;
  background-color: #5382af;
}

.contact-us-box p {
  font-size: 1rem;
  margin: 4px 0 4px 14px;
  line-height: 1.5;
}
.contact-us-box p strong {
  font-weight: 600;
}
.contact-us-box p.indent30 {
  margin-left: 30px;
}
.contact-us-box p.name {
  font-weight: bold;
  font-size: 1.125rem;
  margin-top: 20px;
}
.contact-us-box p.name:first-of-type {
  margin-top: 4px;
}

.gform_wrapper .gform-footer .gform_button.gform-button--width-full {
	width: 100%;
}

.awards {
	margin-top: 2em;
	}
#secondary .awards .awards-header {
	font-weight: bold;
	text-align: center;
	margin-bottom: .75em;
	}
.awards .award {
	margin-bottom: 1.5em;
	text-align: center;
	}
.awards .award img {
	max-width: 65%;
	}
.awards .description {
	font-size: 90%;
	width: 75%;
	text-align: center;
	margin: .75em auto;
	}

/*	Templates	*/
/*	Course pages	*/
.single-sce_course img.instructor-photo {
  position: relative;
  float: left;
  margin: 0 20px 0 0;
}

.jump-to-dates {
	display: none;
}

@media screen and (max-width: 760px) {
	.hide-lt-760 {
		display: none;
	}
	.jump-to-dates {
		display: block;
		margin: 0;
		padding: 8px 2em;
		color: white;
		background-color: #ffbd00;
	}
}

.single-sce_instructor figure.post-thumbnail {
	position: relative;
	float: left;
	max-width: 200px;
	margin: 0 20px 1em 0;
}

/*
 *	Testimonials styles
 */
/* Center testimonials block */
.testimonials-wrapper.uwm-p-slider {
  margin-left: auto;
  margin-right: auto;
}

/* Override UWM Design System quotes - theirs adds quotes around every paragraph. We want to prevent this and only add around entire quote. */
.uwm-p-card.uwm-p-card--testimonial blockquote p::after, .uwm-p-card.uwm-p-card--testimonial blockquote p::before {
  display: none;
}

.uwm-p-card.uwm-p-card--testimonial blockquote p:nth-last-child(1)::after, .uwm-p-card.uwm-p-card--testimonial blockquote p:nth-child(1)::before {
  display: inline-block;
}

/*

text-rendering: auto;
  font: var(--fa-font-solid);
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: #ffbd00;
  font-size: 1.5rem;
*/
/* reduce space between Testimonials header and testimonial block */
.testimonials h2 {
  margin-bottom: -2em;
}

/*	Blog Posts	*/
.bg-color-333 {
  color: white;
  background-color: #333;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.blog_wrapper .blog-post {
  color: inherit;
  background-color: inherit;
}
.blog_wrapper .blog-post a, .blog_wrapper .blog-post a:visited, .blog_wrapper .blog-post a.hover, .blog_wrapper .blog-post a.active {
  text-decoration: none;
  color: inherit;
}
.blog_wrapper .blog-post img {
  display: block;
  width: 100%;
  height: auto;
}
.blog_wrapper .blog-post .blog-post--title {
  color: inherit;
  background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}
.blog_wrapper .blog-post--content {
  color: inherit;
  background-color: inherit;
  font-weight: normal;
  padding: 0 2em;
}
.blog_wrapper .blog-post--content p, .blog_wrapper .blog-post--content h1, .blog_wrapper .blog-post--content h2, .blog_wrapper .blog-post--content h3, .blog_wrapper .blog-post--content h4, .blog_wrapper .blog-post--content h5, .blog_wrapper .blog-post--content h6 {
  text-decoration: none;
}
.blog_wrapper .blog-post--content .blog_button {
  margin: 1em auto;
}

.home .blog-list, .page-template-full-width .blog-list {
  padding: 1em 0;
  text-align: center;
}
.home .blog-list .blog-wrapper, .home .blog-list h2, .page-template-full-width .blog-list .blog-wrapper, .page-template-full-width .blog-list h2 {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 1em;
  text-align: left;
}
.home .blog-list h2, .page-template-full-width .blog-list h2 {
  margin-top: 1em;
}
.home .blog-list .blog-post, .page-template-full-width .blog-list .blog-post {
  width: 27%;
  margin: 0 6% 0 0;
  position: relative;
  float: left;
}
.home .blog-list .blog-post .blog-post--title, .page-template-full-width .blog-list .blog-post .blog-post--title {
  color: white;
  text-decoration: none;
  font-weight: bold;
  margin: 1em 0;
}
.home .blog-list .blog-post .blog-post--content, .page-template-full-width .blog-list .blog-post .blog-post--content {
  color: white;
  text-decoration: none;
}

/*	Individual Pages	*/
/*	Home page	*/
.dark-bg {
  background-color: #333333;
}

.shaded-bg {
  background-color: #cccccc;
}

.home #post-229578 .page-header {
  display: none;
}
.home .join-button-callout, .page-template-full-width .join-button-callout {
  margin: 50px auto 0;
  padding: 1em 7em;
  font-weight: bold;
}
.home .callout-boxes, .page-template-full-width .callout-boxes {
  max-width: 960px;
  padding: 20px;
  margin: 50px auto;
  background-color: #f5f5f5;
}
.home .callout-boxes .uwm-p-card, .page-template-full-width .callout-boxes .uwm-p-card {
  background-color: white;
}
.home .callout-icon, .page-template-full-width .callout-icon {
  text-align: center;
}
.home .callout-icon i, .page-template-full-width .callout-icon i {
  font-size: 1.25rem;
  padding: 1em;
  margin: 0 auto;
  color: white;
  background-color: #ffbd00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.home .home-banner, .page-template-full-width .home-banner {
  margin-bottom: 50px;
}
.home .uwm-p-card.uwm-p-card--testimonial.uwm-p-card--testimonial-outside, .page-template-full-width .uwm-p-card.uwm-p-card--testimonial.uwm-p-card--testimonial-outside {
  margin-top: 0;
}
.home .uwm-l-row.location, .page-template-full-width .uwm-l-row.location {
  width: 100%;
  max-width: 100%;
  background-color: #474d52;
  margin: 36px auto 0;
  padding: 1.25em 0;
}
.home .uwm-l-row.location .uwm-l-col:first-child, .page-template-full-width .uwm-l-row.location .uwm-l-col:first-child {
  text-align: right;
  color: white;
}
.home .uwm-l-row.location img, .page-template-full-width .uwm-l-row.location img {
  padding: 1.5em 0 1.5em 7%;
}

.blog-feed {
  margin: 1em 0;
}
.blog-feed p {
  margin: 0 0 0.5em 1em;
}
.blog-feed p.post-title {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0 1em;
}

.uwm-p-gridblock {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .home .callout-icon {
    font-size: 1.375rem;
  }
}
/* Certificate Programs page */
/* Online Courses page */
.page-id-59 table .row-1 {
  background-color: #d9edf7;
}

/* Customized Training page */
.page-id-61 .request-information {
  margin-top: 2em;
  margin-bottom: 1em;
}
.page-id-61 .client-list {
  padding: 1em 2em;
}
.page-id-61 .client-list h2 {
  margin-top: 0.75em;
}

/* General Pages */
.white-bg {
  background-color: #fff;
}

.black-bg {
  background-color: #000;
}

.yellow-bg {
  background-color: #ffbd00;
}

.orange-bg {
  background-color: #d06d34;
}

.blue-bg {
  background-color: #5382af;
}

.lt-gray-bg {
  background-color: #f1f1f1;
}

.gray-bg {
  background-color: #E0E0E0;
}

.dk-gray-bg {
  background-color: #474d52;
}

.lime-bg {
  background-color: #98c646;
}

.white-text {
  color: #fff;
}

.blue-text {
  color: #5382af;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

img.circle, figure.circle img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.no-top-margin {
  margin-top: 0;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.no-bottom-margin + p, .no-bottom-margin + ul {
  margin-top: 0;
}

.em-top-margin {
  margin-top: 1em;
}

/* Departments and Staff page */
/* SBDC custom CSS */
/* Hide header on SBDC main page, so we can add header to content */
#post-249 header {
  display: none;
}

.sbdc-footer-logos img, .sbdc-footer-logo {
  height: 84px;
  width: auto;
  display: inline-block;
}

/* College for Kids styles */
/* cards on CFK homepage, image full width and no top padding, reduce padding between cards */
.cfk-cards .uwm-p-card--body {
  padding: 0;
}
.cfk-cards .uwm-p-card--body .uwm-p-card--content {
  margin: 0;
}
.cfk-cards .uwm-p-card--body .uwm-p-card--content h2, .cfk-cards .uwm-p-card--body .uwm-p-card--content p {
  margin: 15px;
}
.cfk-cards .uwm-p-card--body figure figcaption {
  display: none;
}

.uwm-college-for-kids-teens #secondary aside.widget.subscribe-to-updates, .uwm-college-for-kids-teens #secondary aside.widget.paying-for-your-education, .uwm-college-for-kids-teens #secondary aside.widget.class-formats {
  display: none;
}

/* Women Leaders Conference custom CSS */
/* Hide header on WLC main page */
#post-30481 header, #post-250934 header {
  display: none;
}

/* Trauma Conference custom CSS */
/* Hide header on Trauma Conference main page */
#post-31324 header, #post-250937 header {
  display: none;
}

/*	Other	
@import 'catalog_copy';*/
/*	Mail List Form */
#gform_wrapper_4 {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 1em;
  text-align: left;
}
#gform_wrapper_4 gform_title ::after {
  margin-top: 24px;
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #ffbd00;
  margin-left: auto;
  margin-right: auto;
}

.home #gform_wrapper_4 #input_4_3 .gchoice {
  position: relative;
  float: left;
  width: 33%;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .home #gform_wrapper_4 #input_4_3 .gchoice {
    position: static;
    float: none;
    width: 100%;
  }
}
/*	Discounts popup		*/
.discount_popup {
  display: none;
  height: auto;
  width: 50%;
  margin: auto;
  padding: 1em 1.5em;
  background-color: white;
  position: relative;
}

.discount_popup table {
  margin: 1em auto;
  border: none;
}

.discount_popup table th {
  padding-bottom: 1em;
}

.discount_popup table td {
  border: none;
  padding: 0;
  vertical-align: top;
}

.discount_popup table td:first-child {
  width: 20%;
  font-weight: bold;
  padding: 0;
}

.session-list p {
	margin: 0 0 0 2em;
}

.session-list .session{
	margin: 1em 0;
}

.single-sce_session .session-list {
	padding: 1em 1.25em;
}

.single-sce_session  #content {
	margin-left: auto;
	margin-right: auto;
	max-width: 440px;
}

/* FacetWP Styles - add labels to facets */
h3.facet-label {
	margin: 0;
}
.uwm-filters .facetwp-facet.facetwp-type-fselect.facetwp-facet-cfk_session .fs-dropdown {
	width: 20em;
}
.uwm-filters .facetwp-facet.facetwp-type-fselect.facetwp-facet-cfk_session .fs-options {
	max-height: none;
}

#gform_12 #ceh_template, #gform_13 #ceh_template {
	display: none;
	}

#gform_12 #continuing_education_report, #gform_13 #continuing_education_report {
	margin-top: 1em;
	}

#gform_12 #continuing_education_report .headers td, #gform_13 #continuing_education_report .headers td {
	font-weight: bold;
	text-align: center;
	}

.gform_confirmation_wrapper {
	margin: 1em auto;
	max-width: 1440px;
	width: 100%;
	padding: 0 20px;
}