/*
Theme Name: Teaching @ Purdue
Theme URI: https://marcom.purdue.edu/our-brand/digital/
Template: purdue-wp-theme
Author: Purdue Marketing and Communicatons
Author URI: https://marcom.purdue.edu
Description: WordPress theme based on Purdue University digital brand standards, with updates from Sumy Designs specific to Innovative Learning.
Version: 1.6.19.1648562883
Updated: 2023-01-23 09:47:00

*/

.page-heading h1 {
	font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif !important;
	weight: 700;
	text-align: center;
}
.page-heading {
	padding-top: 40px;
}
.content h1 {
   font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif !important;
	weight: 700;
}
.launch-icons {
	text-align: center;
}
.purdue-gallery {
	max-width: 800px !important;
	margin-left: auto!important;
	margin-right: auto!important;
}

.purdue-gallery .wp-block-image {
    padding: 10px 20px 0 20px!important;
}

.infobox-state {
	border-top: 5px solid #8e6f3e;
	border-right: 1px solid #8e6f3e;
	border-left: 1px solid #8e6f3e;
	border-bottom: 1px solid #8e6f3e;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 20px;
	min-height: 215px;

}
.infobox-state:hover {
	box-shadow: 1px 4px 10px rgb(0 0 0 / 20%), 1px 4px 10px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.content h1 {
	padding-top: 40px;
}


.de  {
    color: #fff;
    border-left: 1px solid #CFB991;
    display: inline;
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-size: 1.4em;
    font-weight: 700 !important;
    padding-left: 20px;
	margin-left: 20px;
	margin-top: 10px;
}
.de a {
	color: #fff;
	font-weight: 700 !important;
}
.mapplic-element {
	border: 1px solid #ccc;
}
.auth {
	width: 20px; 
	height: 20px; 
	display: inline-block; 
	margin: 5px; 
	vertical-align: -9px; 
	background-color: #2f6087;
}
.notauth {
	width: 20px; 
	height: 20px; 
	display: inline-block; 
	margin: 5px; 
	vertical-align: -9px; 
	background-color: #eb7f00;
}


.left-content {
	width: 70%;
	float: left;
	padding-right: 20px;
}
.it-page-heading {
	width: 70%;
	float: left;
}
.it-button {
	width: 30%;
	float: left;
	margin-top: 30px;
}
 .it-content:after {
    content: "";
    display: table;
    clear: both;
  }
.left-content h1 {
	text-align: left;
}
.right-content {
	width: 30%;
	float: left;
	margin-top: 30px;
	border-left: 1px solid #ccc;
	padding: 0px 20px;
	font-size: 15px;
	
}
.right-content p {
	font-size: 15px;
	line-height: 22px;
}

.right-content .menu li {
	font-size: 15px;
	line-height: 22px;
	list-style: none;
	margin: 0 0 0 1px;
	min-width: 100%;
}

.right-content .menu-item{
	padding: 10px 10px 10px 0;
    border-bottom: solid 1px #ccc;
}
.right-content li > ul > li:last-child {
    border: none;
}

.right-content .menu-item a {
	color: #000;
	text-decoration: none;
	font-weight: 400;
	font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif!important;
}
.right-content .menu-item a:hover {
	color: #8e6f3e;
}
.right-content .menu li li{
	margin-left: 32px;
}
.homeicon {
	padding: 10px;
	min-height: 10rem;
	margin: 2rem 0;
}
.homeicon > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: max-content;
	margin: auto;
	text-decoration: none;
	color: black;
}
.homeicon > a:hover {
	color: black;
}
.homeicon > a:focus-visible {
	outline: none;
}
.homeicon > a > i {
	background: #cfb991;
	border-radius: 7rem;
	height: 7rem;
	width: 7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.2rem;
	color: white;
	margin-bottom: 1rem;
}
.homeicon > a:focus > i,
.homeicon > a:hover > i {
	outline: 0.3rem;
	outline-color: #555960;
	outline-style: solid;
}
.quick-search {
	margin-top: 0.25rem;
	margin-bottom: 1rem;
}
.sub-menu ul {
	border-top: 1px solid #eee;
}
.right-content .fas:before {
	color: #000;
	padding-right: 8px;
	font-size: 1.3em !important; 
}
.purdue-navbar-black .navbar-brand .icon {
	color: #fff!important;
}
.purdue-navbar-black > .navbar-brand > .de {
	text-decoration: none;
}
.purdue-navbar-black > .navbar-brand > .de:hover {
	color: #cfb991;
}
.right-content h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.right-content .wp-block-separator {
    border-top: 0px solid;
    border-bottom: 1px solid;
    color: #ccc;
}
.sidebarinfo {
	border-top: 4px solid #CFB991;
	border-bottom: 4px solid #CFB991;
	padding: 10px 0 30px 0;
}
.sidebarinfo h2 {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.sidebarinfo h3 {
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
}dow
.sidebarinfo h3:not(:first-child) {
    margin-top: 10px;
}
.left-content img {
	padding-bottom: 10px;
}



.yoast-breadcrumbs {
	padding: 10px 0;
	font-size: 14px;
	text-transform: uppercase;
}
.sidebar-row {
	padding-bottom: 30px;
}
 .sidebar-row:after {
    content: "";
    display: table;
    clear: both;
  }

.cta-card-horizonal.cta-card-small {
    padding: 10px;
}
.remotecta {
	padding-top: 20px;
}
.remotecta .cta-card-horizonal .title {
    font-family: acumin-pro-semi-condensed,"Franklin Gothic",sans-serif;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #000;
    margin-bottom: 1rem !important;
    text-transform: none;
    width: 100%;
    padding: 0;
}
.sidebc {
	padding-top: 20px;
	font-size: 14px;
}
.global-learning {
	border-top: 4px solid #CFB991;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.global-learning h3 {
    
    margin-bottom: 5px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd)   {
    background-color: #000 !important;
	color: #fff;
	border-bottom: 2px solid #CFB991;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n)   {
    background-color: #fff !important;
	color: #000;
}
.accordion {
    border: 1px solid #8e6f3e;
    border-radius: 0;
	padding: 10px 20px;
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    margin: 0;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}mod
.accordion .accordion-content {
    display: none;
    padding: 0 0.25rem 0.25rem;
    margin-top: -1rem;
    height: 0;
    opacity: 0;
}
.accordion .accordion-title {
    padding: 10px 0 20px 0;
    margin: 0 !important;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.875rem;
    position: relative;
    color: #000;
}
.page-id-18 .wp-block-buttons {
	padding-bottom: 10px;
}
.teamphoto img {
	border-radius: 50px;
}
.lro-index  {
	border: 2px solid #ccc;
	padding: 20px;
	box-shadow: 3px 3px 10px #666;
	margin-right: 40px;
}
.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0 0 10px 0;
}

.content figure.statemap {
	text-align: left!important;
}
.content figure.video-figure {
	text-align: left!important;
}
.pu-title-hero .hero .hero-body .content h1 .main-title {
	font-size: 6rem;
}
.pu-title-hero .hero .hero-body.with-lead-in {
	padding: 3.25rem 3.25rem 4rem !important
}
.mainhero {
	padding-bottom: 40px;
}

.page-template-simple-page .content {
	padding-bottom: 30px;
}
.left-content .it-video img {
    padding-bottom: 0px;
}
.yellow-column {
	padding-top: 20px;
}
.content h2 {

    margin-bottom: 1.1875rem;
}
.video-group .wp-block-column {
	padding-top: 20px;
}
/* News post previews/links */
.uagb-post__excerpt p {
	font-size: inherit;
}
/* Launch Menus */
.menu-online-graduate-program-launch-container li {
	display: inline;
list-style-type: none;
padding-right: 20px;
	
}
/*Previous and Next Buttons */
.next .wp-block-button__link {
    border-radius: 0;
    font-family: united sans;
    font-weight: 700;
    font-size: 1.125rem!important;
    text-transform: uppercase;
    padding: 6px 15px;
    background-color: #ffffff;
    color: #000;
    border: 2px solid #8e6f3e;
    letter-spacing: .05rem;
    height: auto;
}
.next .wp-block-button__link:hover {
    text-decoration: none;
    color: #fff;
    background-color: #8e6f3e;
    border: 2px solid #8e6f3e;
}
.wp-block-create-block-sumy-prev-next-pages .button  {
    border-radius: 0;
    font-family: united sans;
    font-weight: 700;
    font-size: 1.125rem!important;
    text-transform: uppercase;
    padding: 6px 15px;
    background-color: #ffffff !important;
    color: #000!important;
    border: 2px solid #8e6f3e;
    letter-spacing: .05rem;
    height: auto;
	text-decoration: none;
}
.wp-block-create-block-sumy-prev-next-pages .button:hover{
    text-decoration: none;
    color: #fff!important;
    background-color: #8e6f3e!important;
    border: 2px solid #8e6f3e;
}
/*SUMY MODAL */
.sumy-modal {
   position: fixed;
    width: 60vw!important;
    height: 80vh!important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    top: calc(50% - 40vh)!important;
    left: calc(50% - 30vw)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
 

  .modal-container {
    border: 1px #333 solid;
    border-radius: 4px!important;
    background: #fff;
    position: relative;
    padding: 30px;
    border: #333 2px solid;
    overflow-x: scroll;

    height: 100%;
    width: 100%;

    text-align: left;
  }
  .rm-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    outline: none;
    appearance: none;
    color: #9a0609 !important;
    background: none;
    border: 1px solid #9a0609 !important;
    font-weight: bold;
    cursor: pointer;
	  font-size: 24px;
	  font-weight: 900 !important;
  }
  .rm-background {
    position: fixed;
    width: 100%;
    height: 100%;
      background-color: rgba(3,3,3,.8)!important;
  }
.uagb-timeline__link:hover {
	background-color: #000;
}

/* GRADUATE LAUNCH BLOCKS */
.graduate-launch {
	max-width: 600px;
	border: 1px solid #ccc;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-left: auto; margin-right: auto;
	background-color: #eee;
	margin-bottom: 20px;
	border-radius: 4px;
	padding: 20px;
}
.graduate-launch .content h2 {

    margin-bottom: 0.1875rem;
}
.graduate-launch .wp-block-columns {
   
    margin-bottom: 0em;
  
}


.bulma-blocks-editor-section {
	border: 1px solid #ccc;
}

/* Timeline Styles */
.uagb-timeline-content {
	border: 1px solid #9c9795;
	border-radius: 4px;
	padding: 20px;
}
.uagb-timeline-content .uagb-timeline-desc-content {
    text-align: left !important;
	font-size: 16px;
    color: #000000;
}
/* Online Graduate Program Menu */

.gradnav h3 {
	text-transform: uppercase;
}

.gradnav .wp-block-uagb-call-to-action {
	border-bottom: 2px solid #ccc;
	min-height: 66px;
}
.gradnav .wp-block-uagb-call-to-action:hover {
	border-bottom: 4px solid  #ccbb94;
}
.gradnav .wp-block-uagb-call-to-action:active {
	background-color: #ccc !important;
}
.gradnav .uagb-cta__desc {
  
    margin-bottom: 0px;
}
.intent .wp-block-button__link {
	margin-top: 30px;
}
.uagb-timeline__date-new {
	font-size: 14px !important;
	font-weight: 700;
	text-transform: uppercase;
}
.gradbuttons .wp-block-button__link {
    border-radius: 0;
    font-family: united sans;
    font-weight: 700;
    font-size: 1.0rem!important;
    text-transform: uppercase;
    padding: 0.30rem 1.125rem;
    background-color: #000;
    color: #cfb991;
    border: 2px solid #000;
    letter-spacing: .05rem;
    height: auto;
}
.to-top-shown .fas:before {
	color: #ffffff;
	padding-right: 0px;
	font-size: 2em !important; 
	
}
/*Reuasable Blocks */
.for-credit-course .is-active-page {
	background-color: #000;
}
.next-prev a {
	background-color: #cfb991;
	padding: 8px 28px 8px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.next-prev a:hover {
	background-color: #000;
	padding: 8px 28px 8px 20px;
	color: #fff;
	text-decoration: none;

}
/* Pop Up Styles */
.read-more-modal .modal-container p, .read-more-modal .modal-container li {
	    font-family: acumin-pro,"Franklin Gothic",sans-serif;
	text-align: left;
}
.read-more-modal .modal-container  h4 {
	 font-family: acumin-pro,"Franklin Gothic",sans-serif;
	text-align: left;
	color: #8a7143 !important;
	font-weight: 700;
}
.read-more-modal .modal-container h3 {
	font-family: acumin-pro,"Franklin Gothic",sans-serif;
	text-align: left;
	font-weight: 700;
	color: #8a7143;
	text-transform: uppercase;
	font-size: 32px;
}
.cpt-read-more a {
	text-align: left;
	margin-bottom: 0em;
}
.read-more-modal p a:link, .read-more-modal li a:link {
	color: #000;
	text-decoration: underline;
	font-weight: 700;
}

.editor-styles-wrapper .uagb-block-2034fedb-25a3-4bf9-88c6-b248af3a8332 p.uagb-timeline-desc-content {
    text-align: left !important;
    color: #000000;
}
.sumy-modal a {
  pointer-events: auto !important;
	color: #8a7143;
	text-decoration: underline;
}
/* State Selector */
#state-selector-wrapper select {
	font-size: 20px !important;
}
/*Downloads */

.download-list li {
	font-size: 18px;
	padding-bottom: 5px;
	margin-left: 1.0em;

}
.download-list a {
	text-decoration: underline;
	color: #8e6f3e;

}
.download-list a:hover {
	text-decoration: underline;
	color: #000;
}
hr {
   background-color: #f5f5f5;
}

/* Instructional Technology */
.it-buttons .wp-block-button__link {
	background-color: #fff;
	color: #000;
	border-top: 1px solid #c3bfc0;
	border-right: 1px solid #c3bfc0;
	border-bottom: 1px solid #c3bfc0;
	border-left: 4px solid #ccbb92;
	border-radius: 4px;
	text-transform: none;
}
.it-buttons .wp-block-button__link:hover {
	background-color: #ccbb92;
	color: #000;
	border-top: 1px solid #ccbb92;
	border-right: 1px solid #ccbb92;
	border-bottom: 1px solid #ccbb92;
	border-left: 4px solid #ccbb92;.
}
/* Testimonials */
.testimonial strong {
	font-size: 14px;
	text-transform: uppercase;
	color: #6f727a;
}
.testimonial h3 strong {
	font-size: 20px;
	text-transform: normal;
	color: #000;
}
.testimonial .uagb-inline-editing  {
	 text-decoration: underline;
}
.testimonial img {
  	border-radius: 50% !important;
    box-shadow: 0 8px 16px rgb(0 0 0 / 20%);
    margin-bottom: 10px;
		margin-right: 10px;
}

.left-content .testimonial  img {
    padding-bottom: 0px !important;
}
/* Checlist */

.checklist h3 {
	font-size: 24px !important;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.checklist {
	border: 1px solid #c3bfc0;
	padding: 20px;
	background-color: #eee;
	margin-bottom: 20px;
}
/* WOrkshops Infoboxes */
.workshops .uagb-infobox__content-wrap {
    text-align: left;
}
.workshops .uagb-ifb-content {
	border-bottom: 1px solid #c3bfc0;
	padding-bottom: 20px;
	padding-top: 20px;
}
.wpdmpro-template-default .side-content {
	display: none;
}
/* MOBILE STYLES */
@media screen and (max-width: 1000px) {
	.left-content {
		width: 100%;
		padding: 20px;
	}
	.pu-title-hero .hero .hero-body.with-lead-in {
			padding: 0 !important;
	}
		.pu-title-hero .hero .hero-body .content h1 .main-title {
			font-size: 4rem;
	}
	.right-content {
		width: 100%;
			padding: 20px;
		border-top: 4px solid #CFB991;
		border-bottom: 4px solid #CFB991;
		margin-top: 30px;
	}
		.it-page-heading {
		width:100%;
	}
	.it-button {
		width: 100%;
	}
		.sidebarinfo {
			border-top: 0px solid #CFB991;
			border-bottom: 0px solid #CFB991;
			padding: 10px 0 30px 0;
	}
	.sumy-modal {
		 position: fixed;
			width: 95%!important;
			height: 95%!important;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
			top: 5%!important;
			left: 5%!important;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 100;
	}
	h1 {
		padding: 20px;
		text-align: center;
	}
}

/* Fix for keyboard accessibility of navbar submenus */
.navbar-item.is-hoverable:focus-within > .navbar-dropdown-submenu {
	display: block;
}