/* Custom styles */

@charset "utf-8";

body {
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    padding: 0;
    margin: 0;
}

    @media (min-width: 768px){
    	 body{
    		 line-height:1.5em 
    	}
    }
    
     @media (max-width: 767px){
    	 body{
    		 font-size:1.125em;
    		 line-height:1.33333em 
    	}
    }

:focus-visible {
    outline: 3px solid #000;
    outline-offset: 3px;
}

/* Skip navigation */

.nav-skipto {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    padding: 10px 20px;
    z-index: 2;
    background-color: #000;
    border: solid 1px #c28e0e
    outline: solid;
    outline-offset: -3px;
}

.nav-skipto:link,
.nav-skipto:visited,
.nav-skipto:hover,
.nav-skipto:active {
    color: #fff
}

.nav-skipto:focus {
    position: relative;
    bottom: initial;
    top: 0
}

/* Header Top Section */

a:focus {
    outline: solid;
    outline-offset: -2px;
}

.top {
    background-color: #000;
    padding: 0 3rem;
    width: 100%;
}

.top .row {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* Header: Site logo */

.top .logo {
    padding: 1.75rem 1.5rem;
}

.top .logo:after {
    display: block;
    position: absolute;
    content: "";
    width: 2px;
    height: 60%;
    right: 0;
    top: 20%;
    background-color: #000;
}

.top .logo a {
    display: block
}

.top .logo a img {
    width: 100%
}

.top .logo a:link,
.top .logo a:visited {
    color: #fff
}

.top .logo a:focus, 
.top .logo a:hover,
.top .logo a:active {
 	outline: 2px solid #fff;
 	outline-offset: 5px;
}

/* Header: Site name */

.top .department {
    color: #fff;
    font-family:acumin-pro-condensed,"Franklin Gothic",sans-serif;
    letter-spacing: 0;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.top .department>a {
    display: inline-block;
    line-height: 1.2em;
    border: none;
    padding: 0
}

.top .department>a:focus {
    outline: 3px solid #dedede;
}

.top .department>a:link,
.top .department a:visited {
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.top .department a:hover,
.top .department a:active {
    text-decoration: underline;
}

    @media (max-width: 575px) {
    
        .top .logo {
    	    max-width: 100%; 
    	 } 
        
    }

    @media (max-width: 767px) {
        
        .top {
            padding: 0 1rem;
        }        
        
        .top .logo {
    	    max-width: 50%; 
    	 }
    	 
    	 .top .logo a img {
    	  	width: 100%
    	 }	
    	
        .top .logo a {
            margin: 0 auto;
        }    	 
        
        .top .logo:after {
            display: none
        }
        
        .top .department {
            font-size: 1.38889rem;
            text-align: center;
    		margin-bottom: 1.5rem;
        }

    }

    @media (min-width: 768px) {
        
        .top .row {
            flex-direction: row;
        }
        
        .top .logo a {
            width: 100%;
        }
        
        .top .department {
            padding-left: 1.5625rem; 
        }
        
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        
        /*
        .top {
            padding: 0 1rem;
        }
        */
        
        .top .row {
            flex-direction: row;
        }
        
        .top .logo {
            padding: 1.75rem 1rem;
        }        
        
        .top .department {
            font-size: 1.25rem;
        }
    
    }
    
    @media (min-width: 992px) {
        
        .top .department {
            font-size: 1.4375rem
        }
        
    }      
    
    @media (min-width: 992px) and (max-width: 1199px) {
        
        .top .department>a {
            display: inline-block;
            padding: 2px 0px;
            line-height: 1.1em
        }
        
    }


/* Navigation */

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color:#fff;
}

    @media (min-width: 768px) {
        .navbar-expand-lg .navbar-nav a {
            padding-right: 1rem;
            padding-left: 1rem;
        }
    }

.blackbar {
	 min-height: initial;
	 margin-bottom: 0;
	 border-radius: 0px;
	 background-color: #fff;
	 padding: 1rem 3rem;
}

 .blackbar>ul {
	 padding-top: 0;
	 padding-bottom: 0 
}

.blackbar .dropdown-toggle .caret {
	 position:relative
}

.blackbar .dropdown-toggle .caret:after {
	 position:absolute;
	 top:0.35rem
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 600;
}

	 @media (max-width: 767px) {      
	     
	     .blackbar {
    	    padding: 1rem;
    	}
    
		 .blackbar li {
		  	color:#000
		 }
		 
		 .blackbar li a:link,
		 .blackbar li a:visited,
		 .blackbar li a:hover,
		 .blackbar li a:focus,
		 .blackbar li a:active {
		  	background-color:inherit !important
		 }
		 
		 .blackbar li:hover,
		 .blackbar li a:focus {
		  	color:#000;
		 }
	}

	 @media (min-width: 768px) {
	     
		.blackbar li {
			color: #000 
		}

		.blackbar .black>ul>li>a {
			background-color: #fff;
		}

		.blackbar .black>ul>li:hover a:after {
			visibility:visible;
			transform:scaleX(1)
		}

		 .blackbar li:hover,
		 .blackbar li a:hover {
			outline:none !important
		 }
		 
		 .blackbar li a:focus {
		     outline: 3px solid #8e6f3e !important;
		 }

		 .blackbar li:hover li a:after,
		 .blackbar li a:hover li a:after,
		 .blackbar li a:focus li a:after {
			visibility:visible;
			transform:scaleX(1)
		 }
	}



 .blackbar a {
    color: #CFB991;
	width: 100%; 
}

 .blackbar a:link {
	 color: inherit !important;
	 text-decoration: none !important;
	 font-weight: 400;
	 background-color: #fff;
}

 .blackbar a:visited {
	 color: inherit !important;
	 text-decoration: none !important;
	 font-weight: 400;
	 background-color: #fff !important;
}

 .blackbar a:hover, .blackbar a:focus, .blackbar a:active {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    text-underline-offset: 3px;
}

/* Top navigation link hover */

.blackbar .black li a:hover, .blackbar .black li a:active {
    text-decoration: underline solid #8e6f3e 3px !important;
    text-underline-offset: 3px !important;
}

 .blackbar .navbar-header .navbar-toggle {
	 float: left;
	 border: none;
	 color: #000 
}
 .blackbar .navbar-header .navbar-toggle .icon-bar {
	 float: left;
	 clear: left;
	 margin-right: 10px;
	 background-color: #000 
}

 .blackbar .navbar-header .navbar-toggle>.icon-bar:first-child {
	 margin-top: 3px 
}

 .blackbar .navbar-header .navbar-toggle:hover, .blackbar .navbar-header .navbar-toggle:focus {
	 color: #8E6F3E;
	 background-color: transparent 
}

 .blackbar .navbar-header .navbar-toggle:hover .icon-bar, .blackbar .navbar-header .navbar-toggle:focus .icon-bar {
	 background-color: #8E6F3E 
}

	 @media (max-width: 767px) {
		 .blackbar .navbar-toggle {
			 padding-left: 15px 
		}
	}

    @media (max-width: 768px) {
		 .blackbar .navbar-toggle {
			 display: block;
			 padding: 0;
			 margin: 10px 0 
		}
		 .blackbar .navbar-collapse {
			 border-top: 1px solid transparent;
			 box-shadow: none 
		}
		 .blackbar .navbar-header {
			 float: none;
			 display: block 
		}
		 .blackbar .navbar-header .navbar-toggle {
			 display: block; 
			 color: #000;
		}
		
		.navbar-light .navbar-toggler {
		    border: 2px solid #000;
		    color: #000;
		    padding: 0.5rem;
		}
		 
		 .blackbar .navbar-header .navbar-toggle .icon-bar {
		  	background-color:#000
		 }	
		 
		 .blackbar .navbar-nav {
		     padding: 1rem 0;
		 }
		 
		 .blackbar .navbar-nav li {
			 display: block;
			 overflow: hidden 
		}
		
		.blackbar .navbar-nav li a {
		    color: #000;
		    margin: 0.75rem 0;
		    padding-top: 0;
		    padding-bottom: 0;
		}

		.dropdown-menu {
			border: none;
			box-shadow: none;
		}
		 
		 .blackbar .navbar-nav li .dropdown-menu {
			 position: static;
			 margin-top: -10px;
			 padding: 0 0 10px 12px;
			 font-size: 0.9em 
		}
		 
		 .blackbar .navbar-nav li .dropdown-menu li a {
			 margin: 10px 0 0;
			 padding: 0;
			 white-space: normal;
			 padding-left: 15px 
		}
		 .blackbar .navbar-nav li .dropdown-menu li.dropdown-submenu .dropdown-menu {
			 margin-top: 0;
			 font-size: 1em 
		}
		 .blackbar .navbar-nav li.first a {
			 margin-top: 0 
		}
		 .blackbar .navbar-text {
			 float: none;
			 margin: 15px 0 
		}
		 .blackbar .navbar-collapse.collapse.in {
			 display: block !important 
		}
		 .blackbar .collapsing {
			 overflow: hidden !important 
		}
	}

	 @media (min-width: 992px) {
		 .blackbar .navbar-header {
			 display: none 
		}
	}

 .blackbar .black .nav {
	 padding-top: 0;
	 padding-bottom: 0;
	 margin-left: -15px;
	 margin-right: -15px 
}

     @media (max-width: 767px) {
    	 .blackbar .black .nav {
    		 margin-right: 0 
    	}
    }


 .blackbar .black .dropdown-menu {
	 font-size: 1em;
	 background-color: #fff;
	 text-transform: none;
	 padding-top: 0;
	 padding-bottom: 0;
	 border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 background-clip: border-box;
	 overflow: visible
}

	 @media (max-width: 767px) {
		 .blackbar .black .dropdown-menu .dropdown-submenu .dropdown-menu {
			 display: block;
			 padding-left: 15px 
		}
		 
		 .blackbar .black .dropdown-menu {
		    background-color:inherit !important
		 }		 
		 
	}

	 @media (min-width: 768px) {
		 
		 .blackbar .black .dropdown-menu li {
		  	border-top:1px solid #c4bfc0
		 }
		 
		 .blackbar .black .dropdown-menu li:first-child {
		  	border-top:none
		 }
		 
		 .blackbar .black .dropdown-menu li a {
		  	padding:0.5rem 1.25rem;
		  	color:#000 !important
		 }
		 
		 .blackbar .black .dropdown-menu li:hover>a {
		  	background-color:#dedede !important;
		  	color:#000 !important
		 }		 
		
	}

 .blackbar .black .dropdown-menu .dropdown-submenu {
	 position: relative 
}

 .blackbar .black .dropdown-menu .dropdown-submenu>a {
	 float: left 
}

	@media (max-width: 767px) {
	    
		 .blackbar .black .dropdown-menu .dropdown-submenu .dropdown-menu {
		  display:block;
		  padding-left:15px
		 }

		 .blackbar .black .dropdown-menu li a,
		 .blackbar .black .dropdown-menu li a:link,
		 .blackbar .black .dropdown-menu li a:visited {
		  	background-color:inherit !important
		 }		 
		 
	}

	@media (min-width: 768px) {
	    
	   	.blackbar .black .dropdown.open>.dropdown-toggle:after {
		    content:"";
			height:2px;
			width:calc(100% - 30.4px);
			position:absolute;
			visibility:visible;
			transform:scaleX(1);
			bottom:12px;
			left:0.95rem;
			background:#8e6f3e;
		 } 
	    
		 .blackbar .black .dropdown-menu .dropdown-submenu {
		  	min-height:1.8125em
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu .caret {
		  	display:none
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu a {
		 	float:none
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu {
			  overflow:hidden;
			  display:block;
			  width:0;
			  min-width:0;
			  height:0;
			  min-height:0;
			  left:100%;
			  top:0;
			  margin-left:0;
			  background:#fff;
			  border:none;
			  border-bottom-left-radius:0;
			  border-top-right-radius:5px;
			  border-top-left-radius:0;
			  box-shadow:0 6px 12px rgba(0,0,0,0.175);
			  padding:0
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li {
		  	  background:#fff
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li:first-child {
		  	border-top:none
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li>a {
			  width:0;
			  height:0;
			  overflow:hidden;
			  background:#fff
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu>.dropdown-menu>li>a:focus {
			  width:auto;
			  height:auto;
			  background:#000
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-toggle {
			  color:#000
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
			  overflow:hidden;
			  width:auto;
			  min-width:160px;
			  height:auto;
			  min-height:none;
			  background:#fff;
			  box-shadow:0 6px 12px rgba(0,0,0,0.175);
			  padding:0
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:hover>.dropdown-menu>li>a {
			  width:auto;
			  height:auto;
			  background:#fff
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:hover+.dropdown-submenu>.dropdown-menu {
			  display:none
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu a.dropdown-toggle:focus+ul.dropdown-menu {
			  background:#000;
			  border:1px solid #000;
			  box-shadow:0 6px 12px rgba(0,0,0,0.175)
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu a.dropdown-toggle:focus+ul.dropdown-menu>li>a {
			  width:auto;
			  height:auto;
			  background:#000
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:after {
			  display:block;
			  position:absolute;
			  right:0;
			  top:0;
			  content:" ";
			  width:0;
			  height:0;
			  border-color:transparent;
			  border-style:solid;
			  border-width:4px 0 4px 4px;
			  border-left-color:#555960;
			  margin-top:16px;
			  margin-right:5px
		 }
		
		 .blackbar .black .dropdown-menu .dropdown-submenu:hover:after,
		 .blackbar .black .dropdown-menu .dropdown-submenu:focus:after {
		  	border-left-color:#000
		 }
	}


.blackbar .black .dropdown.open .dropdown-submenu>.dropdown-menu {
	 display:block;
	 left:100%;
	 top:0
}

	@media (max-width: 767px) {
		 .blackbar .black {
		  	padding-left:15px
		 }
	}
	
	@media (min-width: 767px) and (min-width: 991px) {
		 .blackbar {
		  	font-size:1em
		 }
	}

	@media (min-width: 992px) {
		 .blackbar {
			font-size:.875em
		 }
		
		 .blackbar .container .black .navbar-nav>li>a.is-active-page:after {
			  content:"";
			  height:2px;
			  width:calc(100% - 30.4px);
			  position:absolute;
			  visibility:visible;
			  transform:scaleX(1);
			  bottom:12px;
			  left:0.95rem;
			  background:#8e6f3e
		 }
    }


.blackbar .black .dropdown.open .dropdown-submenu>.dropdown-menu {
	 display: block;
	 left: 100%;
	 top: 0;
	 margin-left: -1px 
}

	 @media (max-width: 767px) {
		 .blackbar .black {
			 padding-left: 15px 
		}
	}
	
	 @media (min-width: 767px) and (min-width: 991px) {
		 .blackbar {
			 font-size: 1.125em 
		}
	}	

	 @media (min-width: 992px) {
		 .blackbar {
			 font-size: 1.125em 
		}
	}

/* Breadcrumbs */

.breadcrumbs {
    background-color:#f5f5f5;
    padding: 0.5rem 3rem;
}

.breadcrumb {
    color: #444;
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    font-size: 0.75rem; 
    margin-bottom: 0;
	width: 100%;
}

.breadcrumb a:link, .breadcrumb a:active {
	 color:inherit;
	 font-weight:300;
	 text-decoration:underline;
}

.breadcrumb a:visited, .breadcrumb a:hover {
	 color:inherit;
	 font-weight:300;
	 text-decoration:none
}

.breadcrumb ol {
	 margin:0;
	 list-style-type:none;
	 display:flex
}

.breadcrumb ol li:not(:last-child):after {
	 content:" > ";
	 display:inline-block;
	 margin:0 0.625rem 0 0.625rem
}

.breadcrumb ol li:last-child a {
 	font-weight:700
}



	@media (max-width: 767px) {
	    
	    .breadcrumbs {
	        padding: 0.25rem 1rem;
	    }
	    
		 .breadcrumb ol li:not(:last-child):after {
		    height:1.6875rem
		 }
	}
	
	@media (min-width: 992px) {
	    
        .mx-lg-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important;
        }
    }
	

/* Color sections */
 
.has-gold-background {
    background-color: #cfb991;
}
   
.has-gray-background {
    background-color: #ededed;
}

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

.has-black-background h1,
.has-black-background h2,
.has-black-background h3,
.has-black-background h4,
.has-black-background h5 {
    color: #fff;
}

.has-black-background p {
    color: #fff;
}

.has-black-background a:link, .has-black-background a:visited {
    color: #fff;
}


/* Gold button */

.purdue-home-button {
    display: inline-block;
    background-color: #cfb991;
    border: 1px solid #cfb991;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(142,111,62,.3);
    color: #000;
    font-family: "United Sans Condensed",Impact,"Arial Black","sans serif";
    font-size: 1.525rem;
    font-weight: 900 !important;
    letter-spacing: 0.0125em;
    line-height: 1.5;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
}

.purdue-home-button:after {
    content:"";
    display: inline-block;
    position: relative;
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3C%21--%21 Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill=%27%23000000%27 d=%27M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.25rem;
    width: 1.125rem;
    margin-left: 0.75rem;
    top: 0.25rem;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}

.purdue-home-button:hover {
    background: #000;
    color: #fff
}

.purdue-home-button:hover:after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3C%21--%21 Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill=%27%23cfb991%27 d=%27M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z%27/%3E%3C/svg%3E");
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}

    @media screen and (max-width: 767px) {
    
        .purdue-home-button {
            padding: 0.5rem 1rem;
        }
        
    }

/* Heading section */

 h1 {
    color: #000;
    font-family:acumin-pro,"Franklin Gothic",sans-serif;
    font-size: 3.75rem; 
    font-weight: 700;
    line-height: 1.08;
	margin: 0 0 2rem; 
}

    @media screen and (max-width: 1023px) {
        h1 {
            font-size:2.875rem;
            line-height:1.15;
        }
    }
    
    @media screen and (max-width: 767px) {
        h1 {
            font-size:2.125rem;
        }
    }

 h2 {
    color: #000;
    font-size: 2.375rem; 
	font-family: acumin-pro,"Franklin Gothic",sans-serif;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 1.5rem; 
}

    @media screen and (max-width: 767px) {
        h2 {
            font-size: 1.625rem;
            line-height: 1.25
        }
    }
    
 h3 {
    color: #000; 
    font-size: 1.625rem;
	font-family:acumin-pro,"Franklin Gothic",sans-serif;
	font-weight: 700;
	line-height: 1.15;
	margin: 1.75rem 0 1.5rem; /* remove margin? */
}

    @media screen and (max-width: 767px) {
        h3 {
            font-size:1.375rem;
            line-height:1.25;
        }
    }
    
 h4 {
     color: #000;
	 font-family:acumin-pro,"Franklin Gothic",sans-serif;
	 font-size: 1.375rem;
	 font-weight: 500;
	 line-height: 1.27;
	 margin:1.5rem 0 1.5rem; /* Remove margin? */
}

    @media screen and (max-width: 767px) {
        h4 {
            font-size:1.25rem;
            line-height:1.3
        }
    }
    
 h5 {
     color:#000;
	 font-family:"United Sans Condensed",Impact,"Arial Black","sans serif";
	 font-size: 1.25rem;
	 line-height: 1.2;
	 letter-spacing: 0.1875rem;
	 margin:1.5rem 0 1.5rem; /* Remove margin? */
     text-transform:uppercase
}

    @media screen and (max-width: 767px) {
         h5 {
          font-size: 1.125rem;
          line-height: 1.33;
         }
    }
    
 h6 {
     color: #000;
	 font-family:"United Sans Condensed",Impact,"Arial Black","sans serif";
	 font-size:1rem;
	 line-height: 1.125;
	 margin: 1.5rem 0 1.5rem; /* remove margin? */
	 text-transform: uppercase;
}

    @media screen and (max-width: 767px) {
         h6 {
          font-size:1rem;
          line-height:1.375
         }
    }
    

/* Main */

main {
    background: #fff;
    font-size: 1rem;
	position: relative;
}

main p {
    font-size: 1.2rem;
    line-height: 1.75;
    padding: 0.5rem 0;
}

main ol li, main ul li {
    font-size: 1.2rem;
    line-height: 1.75;
    padding: 0.25rem 0;
}

main a:link, main a:visited {
	 color: #000;
	 font-weight: 700;
	 text-decoration: underline;
}
 main a:hover, main a:active {
	 color: #000;
	 font-weight: 700;
	 text-decoration: none;
}

/* Content: Section with padding */

.section {
    box-sizing: border-box;
    padding: 3rem 3.25rem;
}

    @media screen and (max-width: 767px){
        .section {
            padding: 3rem 1.25rem;
        }
    }
    
    
 a:link, a:visited {
	 color:#000;
	 font-weight:700;
	 text-decoration:underline 
}

 a:hover{
	 color:#000;
	 font-weight:700;
	 text-decoration:none 
}

 a:active{
	 color:#000;
	 font-weight:700;
	 text-decoration:underline 
}    

/* Research cards */

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-auto-rows: minmax(auto, auto);
    gap: 2rem;
    margin: 3rem 0;
}

.card {
    border: 1px solid #CCC;
    text-wrap: balance;
}

.card img {
    height: 100%; 
    background-color: #ccc;
    object-fit: contain;
}

.card h3 {
    font-family: acumin-pro,"Franklin Gothic",sans-serif;
    font-weight: 700;
    margin-top: 0;
}

.card p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    overflow-wrap: break-word;
}

    @media screen and (max-width: 576px) {
        
        .cards {
            grid-template-columns: 1fr;
        }
        
    }

    @media screen and (max-width: 991px) {
    
        .card img {
            height: initial;
        }    
        
    }  

.page-intro {
	display: flex;
	background-color: #EBD99F;
	min-height: 20vh; 
	padding: 3rem
}

.page-intro h1 {
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-size: 3.5em;
    font-weight: 700;
}
    
    @media screen and (max-width: 767px) {
        
        .page-intro {
            min-height: 15vh;
        }
    }

.page-content {
	background-color: #fff;
	padding: 3rem;
}

.page-gallery {
    padding: 0 50px;
}

.page-content h2 {
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
}

.page-content h3 {
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-size: 1.75rem;
}

.page-gallery img {
    display: block;
    max-width: 100%;
    height: auto;
}

    @media screen and (max-width: 767px) {
    
        .page-intro, .page-content {
	        padding: 1.5rem;
	        word-wrap: break-word;
        }
        
    }


figure {
    display: inline-block;
}

figure img {
    margin-bottom: 0.5rem;
    line-height: 1;
    /* The img-fluid class */
    max-width: 100%;
    height: auto;
}

figcaption {
    font-size: 90%;
}


/* Footer */

 .bottom {
	 overflow: hidden;
	 background-color: #3b3b3b;
	 color: #fff;
	 text-align: center;
	 line-height: 1.5;
}

 .bottom a:link {
	 color: #fff;
	 text-decoration:underline;
}

 .bottom a:visited, .bottom a:active {
	 color: #fff;
}

 .bottom a:hover {
	 color: #fff;
	 text-decoration: none;
}

     @media (max-width: 767px) {
    	 .bottom {
    		 font-size:0.875rem; 
    	}
    }

     @media (min-width: 768px) {
    	 .bottom {
    		 font-size: 1.1rem;
    	}
    }
    
/* For accessibility  */

 .dropdown-toggle:focus {
	 outline-color: #3b99ff;
	 outline-style: auto;
	 outline-width: 5px;
	 outline-offset: -2px 
}

 .navbar-toggle:focus {
	 text-decoration: underline 
}    
    
/* Print styles */

@media print {
    
    @page {
        margin: 1cm;
    }
    
    body {
        overflow: visible;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #000;
        background: #fff;
    }   

    header, 
    nav, 
    .navbar-toggler,
    .cover { display: none; }
    
     h1, h2, h3 {
        break-after: avoid;
    }    
	
    .content-area-section, .section {
        word-wrap: break-word;
    }
    
    .content-area-section a[href^="http://"]:after, 
    .content-area-section a[href^="https://"]:after,
    .section a[href^="http://"]:after,
    .section a[href^="https://"]:after
    {
        content: " (" attr(href) ")" !important;
        font-size: 90%;
        word-wrap: break-word;
    }
    
    .content-area-section a[href^="#"]:after,
    .section a[href^="#"]:after {
         display:none;
    }    
	
	footer {
		display: none;
	}
	
}