/*
Theme Name: UW Theme Child
Theme URI: https://uwtheme.wordpress.wisc.edu/
Author: UW-Madison (University Marketing & Division of Information Technology)
Author URI: https://git.doit.wisc.edu/groups/uw-madison-digital-strategy
Description: This theme is the result of a joint effort between University Marketing and the Division of Information Technolgy. It contains a variety of style and layout options that align with the UW-Madison brand while allowing site owners flexibility in content and display. This theme relies on the use of the Advanced Custom Fields Pro plugin. Any use of this plugin outside of this theme is strictly prohibited.
Template: uw-theme
Version: 1.1.2
License:
License URI:
Text Domain: uw-theme-child
Tags: uwmadison
*/

main>:first-child{
	padding-top: 0;
}

.bg-blue{
	background-color: #0b9bd1;
}

.blog td{
	vertical-align: middle;
}

.blog td img{
	max-width: none;
}

a.blue-button.learn-more, a.blue-button{
	background-color: #0b9bd1;
	color: white !important;
	padding: 13px 60px;
	text-transform: uppercase;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
}

.divide-wide-elements .wide-column .uw-pe+.uw-pe{
	border-top: 1px solid lightgray;
}

.entry-content{
	overflow: auto;
}

.feature_programs-wrapper{
	width: 100%;
}

.feature_programs-wrapper .query-unformatted{
	display: grid;
	grid-template: auto / 30% 30% 30%;
	grid-gap: 0 5%;
}

.featured-course-box{
	border-top: 3px solid #ececec;
	padding: 0px;
}

.featured-course-box h5{
	font-size: 1rem;
}

.homepage .tabs-title{
	width: 33.33333333%;
	text-align: center;
}

.homepage-hero h1{
	color: #c5050c;
	font-size: 4rem;
	font-style: italic;
	font-weight: bold;
}

.homepage-hero .description{
	background-color: rgba(255,255,255,0.6);
	border-radius: 0 60px 60px 0;
	width: 10629px;
	margin-left: -9999px;
	padding: 20px 0 20px 9999px; 
}

.homepage-hero .blue-button{
	background-color: #0b9bd1;
	color: white;
	padding: 13px 60px;
	text-transform: uppercase;
	border-radius: 25px;
	text-decoration: none;
}

.homepage-hero .blue-button:hover{
	background-color: #025d7c;
}

.if-button{
	display: inline-block;
	vertical-align: 0.7em;
}

.if-container{
	text-align: center;
}

.if-text{
	display: inline-block;
	text-align: right;
	margin-right: 15px;
}

.image-circle{
	border-radius: 50%;
	height: 250px;
	width: 250px;
	margin-top: 1.8rem;
}

.large-stat{
	font-size: 3em;
	font-weight: bold;
}

.multi-column-container{
	display: grid;
	grid-template-columns: auto 400px;
	grid-column-gap: 20px;

}
	@media screen and (max-width: 52.9375em) {
		.multi-column-container{
			display: block;
		}
	}

.multi-column-container .narrow-column{
	grid-area: 1/2/2/3;
}

.multi-column-container .wide-column{
	grid-area: 1/1/2/2;
}

.single-column-container>div{
	width: 100%;
}

.small-source{
	font-size: 0.8em;
	font-style: italic;
}

.narrow-column .uw-content-box{
	padding-left: 2rem;
	padding-right: 2rem;
}

.overflow{
	overflow: auto;
}

h1.page-title{
	color: #c5050c;
	margin: 0 0 20px 0;
	font-size: 2.25rem;
}

header h1.page-title{
	height: 170px;
	color: #c5050c;
	margin: 0 0 20px 0;
	padding-top: 32px;
	font-size: 2.25rem;
}

.page-title-banner{
	width: 100%;
	margin-bottom: 10px;
}

.podcast-box{
	padding: 20px 10px 0 10px;
}

.podcast-library-footer{
	text-align: center;
}

.pt-ital-small{
	font-size: 0.9em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .25em;
}

.query-library, .query-blog, .query-podcast{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}

.query-feature_programs-wrapper{
	width: 100%;
}

.query-unformatted, .query-unformatted ul{
	list-style-type: none;
}

.query-unformatted li{
	border-bottom: 1px solid lightgray;
	padding-bottom: 1rem;
}

.query-unformatted h5{
	margin-top: 0;
}

.query-unformatted .listing-details, .homepage-hero h5{
	font-size: 0.9em;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .25em;
}

.query-whitepaper, .query-whitepapers{
	display: grid;
	grid-template-columns: 33.333333% 33.333333% 33.333333%;
}

.red-form, .gray-form{
	padding: 35px 25px;
}

.red-form, .red-form h3, .red-form label{
	background-color: #c5050c;
	color: white;
}

.red-form_wrapper .red-form{
	max-width: 700px;
}

.red-form_wrapper .red-form .chosen-container-multi .chosen-drop li {
    color: black;
}

.red-form_wrapper .red-form .gfield_required, .red-form_wrapper .red-form h3{
	color: white;
}

.gray-form, .gray-form h3, .gray-form label{
	background-color: #ececec;
}

.red-form input, .red-form textarea, .gray-form input, .gray-form textarea{
	border-radius: 25px;
}

.red-form_wrapper .red-form .gform_footer input[type="submit"], .gray-form_wrapper .gray-form .gform_footer input[type="submit"]{
	min-width: 230px;
    border-color: #0479a8;
    margin: auto;
    padding: 8px 30px;
    text-transform: uppercase;
	display: block;
}

.registration_information table tbody td{
	padding: 0.25rem 1rem;
}

.registration_information table tbody td p{
	margin: 0;
}

.row-2 .uw-inner-row .narrow-column{
	flex: 0 0 40%;
	max-width: 40%;
}

.row-2 .uw-inner-row .wide-column{
	flex: 0 0 60%;
	max-width: 60%;
}

.single-podcast #page article{
	display: grid;
	grid-template-columns: minmax(25rem, 50rem) 25rem;
	grid-template-rows: auto;
}
	@media screen and (max-width: 52.9375em) {
		.single-podcast #page article{
			display: block;
		}
	}

.single-podcast #page .entry-content{
	grid-area: 2/1/3/2;
}

.single-podcast #page .entry-header{
	grid-area: 1/1/2/3;
}

.single-podcast #page #secondary{
	padding-top: 0;
	grid-area: 2/2/3/3;
	max-width: 100%;
}

.subheadline, .red-form_wrapper .red-form .gform_title, .gray-form_wrapper .gray-form .gform_title{
	margin: 5px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid lightgray;
	font-size: 1.5em;
}

.tabs-content p{
	font-size: 1rem;
}

table.training-approach{
	border-collapse: collapse;
	margin-left: 20px;
	width: 90%;
}

table.training-approach h2{
	font-size: 4em;
	margin: 0;
	color: #b70101;
}

table.training-approach td{
	vertical-align: middle;
}

table.training-approach tbody{
	border: 0;
}

table.training-approach tbody tr{
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.uw-footer-content .uw-logo+div{
	order: 3;
}

.uw-outer-row .uw-inner-row .narrow-column{
	flex: 0 0 40%;
	max-width: 40%;
}

.uw-outer-row .uw-inner-row .wide-column{
	flex: 0 0 60%;
	max-width: 60%;
}

.uw-tab-container>.uw-tab+label{
	text-decoration: none;
	font-weight: bold;
	font-size: 1rem;
}

.uw-tab-container .uw-tab-content p, .uw-tab-container .uw-tab-content li{
	font-size: 1rem;
}

.widget-box-gray{
	background-color: #ececec;
	overflow: auto;
	padding: 10px 20px 30px 20px;
}

.widget-box-gray .blue-button{
	text-align: center;
}

.widget-box-gray img{
	height: 1em;
	width: auto;
	vertical-align: -2px;
	margin-left: 5px;
}

/***************************************/
/***          BOOTSTRAP PANELS       ***/
/***************************************/
.panel-gold {background-color: #EEE9DD; border-color: #B8A36C;}
.panel-heading {/* standard gray panel*/
    color: #666666;
    background-color: #f2f2f2;
    border-color: #ddd;
	font-size: 1.2em;
	padding: 7px 25px;
}
.panel-heading h3.panel-title {font-family: 'Cabin', Arial, Helvetica, sans-serif;}

.panel-body {padding: 15px 25px;}

.panel-primary {border-color: #08749B; } /*blue panel*/
.panel-primary>.panel-heading {background-color: #08749B; color: #fff; border-color: #08749B;}

.panel hr {margin-left: -25px; margin-right: -25px;}

.panel h5, panel.sans {font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size: 1.13em; padding-top: 12px; padding-bottom: 11px; line-height: 1.25em;}
ul.medium li {font-size: .85em;}
p.medium {font-size: .95em;}

.panel-default{
	border: 1px solid #ddd;
}
.panel-default table{
	border-collapse: collapse;
}
.panel-default table tbody tr{
	background-color: #fff;
	border-bottom: 1px solid #ccc; 
}
/**************************************/
/***	END OF BOOTSTRAP PANELS		***/
/**************************************/