/*_____Principles NAV-BAR: LINKS_____*/
 #Principles-nav-bar {
	 padding: 0;
	 margin: 0;
	   height: auto !important;
  overflow: visible !important;
}
 .Principlesnav-links {
	 display: flex;
	 list-style-type: none;
	 margin: 0;
	
}
 .Principlesnav-links li {
	 transition: all 0.3s;
	 margin-right: 15px;
	 
}
 .Principlesnav-links li h3 {
	 margin: 1.125rem !important;
	  cursor: pointer;
	 
}

 /*_____PrinciplesNAV-BAR: Responsive_____*/
 @media only screen and (max-width: 700px) {
   .Principlesnav-links {
     flex-direction: column;
   }
   .Principlesnav-links li {
     max-width: 500px;
   }
   
   
 }/*_____PrinciplesNAV-BAR: LINKS_____*/
 #Principles-nav-bar {
	 padding: 0;
	 margin: 0;
	   height: auto !important;
  overflow: visible !important;
}
 .Principlesnav-links {
	 display: flex;
	 list-style-type: none;
	 margin: 0;
	
}
 .Principlesnav-links li {
	 transition: all 0.3s;
	 margin-right: 15px;
	 
}
 .Principlesnav-links li h3 {
	 margin: 1.125rem !important;
	  cursor: pointer;
	 
}


 /*_____PrinciplesNAV-BAR: Responsive_____*/
 @media only screen and (max-width: 700px) {
   .Principlesnav-links {
     flex-direction: column;
   }
   .Principlesnav-links li {
     max-width: 500px;
   }
 }























 /*_____NAV-BAR: ANIMATION_____*/
 .nav-links li:hover {
	 transition: all 0.3s;
	 background-color: hsl(0, 0%, 95%);
	  cursor: pointer;
	 
}
 .nav-links li:hover a {
	 transition: all 0.3s;
	 
}

 /*_____NAV-BAR: DIFFERENT FIRST CHILD_____*/
 .nav-links li:first-child {
	 background-color: #54585a;
	
}
 .nav-links li:first-child a {
	 color: white;
	  
}

 /*_____NAV-BAR: Responsive_____*/
 @media only screen and (max-width: 700px) {
   .nav-links {
     flex-direction: column;
   }
   .nav-links li {
     max-width: 500px;
   }
 }/*_____NAV-BAR: LINKS_____*/
 #research-nav-bar {
	 padding: 0;
	 margin: 0;
	   height: auto !important;
  overflow: visible !important;
}
 .nav-links {
	 display: flex;
	 list-style-type: none;
	 margin: 0;
	
}
 .nav-links li {
	 transition: all 0.3s;
	 margin-right: 15px;
	 
}
 .nav-links li h3 {
	 margin: 1.125rem !important;
	  cursor: pointer;
	 
}

 /*_____NAV-BAR: ANIMATION_____*/
 .nav-links li:hover {
	 transition: all 0.3s;
	 background-color: hsl(0, 0%, 95%);
	  cursor: pointer;
	 
}
 .nav-links li:hover a {
	 transition: all 0.3s;
	 
}

 /*_____NAV-BAR: DIFFERENT FIRST CHILD_____*/
 .nav-links li:first-child {
	 background-color: #54585a;
	
}
 .nav-links li:first-child a {
	 color: white;
	  
}

 /*_____NAV-BAR: Responsive_____*/
 @media only screen and (max-width: 700px) {
   .nav-links {
     flex-direction: column;
   }
   .nav-links li {
     max-width: 500px;
   }
 }

 /*_____MEDIA SECTION_____*/
 #research-media {
	 padding: 0;
}

#research-media .container {
  max-width: 1000px;
}
 #research-media .container .row .col-auto, 
 #research-media iframe {
	 padding:0;
	 margin:0;
	 box-sizing:border-box;
}
 #research-media .container .row .col-auto {
	 position: relative;
	 padding-bottom: 56.25%;
	/* 16:9 */
	 height: 0;
}
 #research-media iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 
 
 
 
 .dropbtn {
  background-color: #ffffff;
  color: #c8102e;
  padding: 16px;
  font-size: 16px;
  cursor: pointer;
  border: none;
 
  
}

.dropdown {
    color: #c8102e;
  position: relative;
  display: inline;
 
z-index:99;
  
 
}

.dropdown-content {
  display: none;
  position:absolute;
background-color: hsl(0, 0%, 95%);
  min-width: 260px;
  top: 100%;
z-index:99;
  

}

.dropdown-content a {
  color: #c8102e;
  padding: 12px 16px;
  text-decoration: none;
 display: block;
 z-index:99;
    border-bottom-color: #ffffff; 
  border-bottom-width: 2px;
border-bottom-style: solid;
}

.dropdown-content a:hover {background-color:#54585a;color:white;}

.dropdown:hover .dropdown-content {display: block;background-color: hsl(0, 0%, 95%);}

.dropdown:hover .dropbtn {background-color: hsl(0, 0%, 95%);cursor: pointer;}


/*===============================================================
		Buttons
===============================================================*/

main button, a.btn {
    font-family: 'Milo', sans-serif;
    text-decoration: none;
    color: white;
	padding: 13px 10px 10px;
	display: inline-block;
	position: relative;
	font-weight: 700;
	padding-right: 50px;
	border: 0;
	border-left: thin solid #888B8D;
	border-bottom: thin solid #54585A;
	border-radius: 6px;
	-webkit-transition: linear 0.15s;
	-moz-transition: linear 0.15s;
	-o-transition: linear 0.15s;
}
main button:after {
	content: "\25B6";
	position: absolute;
	color: white;
	margin: none;
	padding: none;
	bottom: 10px;
	right: 15px;
}
aside button {
    width: 100%;
	margin: 15px 0;
}
button.red, a.btn {
	background-color: #C8102E;
	box-shadow:
		1px 0px 0 #960C22, 0px 1px 0 #640817,
		2px 1px 0 #960C22, 1px 2px 0 #640817,
		3px 2px 0 #960C22, 2px 3px 0 #640817,
		4px 3px 0 #960C22, 3px 4px 0 #640817,
		5px 4px 0 #960C22;
}
button.red:hover, a.btn:hover {
	-webkit-transform: translate(3px,2px);
	-moz-transform: translate(3px,2px);
	-o-transform: translate(3px,2px);
	-ms-transform: translate(3px,2px);
	transform: translate(3px,2px);
	box-shadow:
		1px 0px 0 #960C22, 0px 1px 0 #640817,
		2px 1px 0 #960C22, 1px 2px 0 #640817,
		3px 2px 0 #960C22;
}
button.red:active, a.btn:active {
	-webkit-transform: translate(5px,4px);
	-moz-transform: translate(5px,4px);
	-o-transform: translate(5px,4px);
	-ms-transform: translate(5px,4px);
	transform: translate(5px,4px);
	box-shadow: none;
}
button.green {
	background-color: #00B388;
	box-shadow:
		1px 0px 0 #00866C, 0px 1px 0 #005950,
		2px 1px 0 #00866C, 1px 2px 0 #005950,
		3px 2px 0 #00866C, 2px 3px 0 #005950,
		4px 3px 0 #00866C, 3px 4px 0 #005950,
		5px 4px 0 #00866C;
}
button.green:hover {
	-webkit-transform: translate(3px,2px);
	-moz-transform: translate(3px,2px);
	-o-transform: translate(3px,2px);
	-ms-transform: translate(3px,2px);
	transform: translate(3px,2px);
	box-shadow:
		1px 0px 0 #00866C, 0px 1px 0 #005950,
		2px 1px 0 #00866C, 1px 2px 0 #005950,
		3px 2px 0 #00866C;
}
button.green:active {
	-webkit-transform: translate(5px,4px);
	-moz-transform: translate(5px,4px);
	-o-transform: translate(5px,4px);
	-ms-transform: translate(5px,4px);
	transform: translate(5px,4px);
	box-shadow: none;
}
button.gold {
	background-color: #F6BE00;
	box-shadow:
		1px 0px 0 #D89B00, 0px 1px 0 #B97800,
		2px 1px 0 #D89B00, 1px 2px 0 #B97800,
		3px 2px 0 #D89B00, 2px 3px 0 #B97800,
		4px 3px 0 #D89B00, 3px 4px 0 #B97800,
		5px 4px 0 #D89B00;
}
button.gold:hover {
	-webkit-transform: translate(3px,2px);
	-moz-transform: translate(3px,2px);
	-o-transform: translate(3px,2px);
	-ms-transform: translate(3px,2px);
	transform: translate(3px,2px);
	box-shadow:
		1px 0px 0 #D89B00, 0px 1px 0 #B97800,
		2px 1px 0 #D89B00, 1px 2px 0 #B97800,
		3px 2px 0 #D89B00;
}
button.gold:active {
	-webkit-transform: translate(5px,4px);
	-moz-transform: translate(5px,4px);
	-o-transform: translate(5px,4px);
	-ms-transform: translate(5px,4px);
	transform: translate(5px,4px);
	box-shadow: none;
}
img.socialButton {
	-webkit-transition: linear 0.15s;
	-moz-transition: linear 0.15s;
	-o-transition: linear 0.15s;
}
img.socialButton:hover {
	-webkit-transform: translate(3px,2px);
	-moz-transform: translate(3px,2px);
	-o-transform: translate(3px,2px);
	-ms-transform: translate(3px,2px);
	transform: translate(3px,2px);
}
img.socialButton:active {
	-webkit-transform: translate(5px,4px);
	-moz-transform: translate(5px,4px);
	-o-transform: translate(5px,4px);
	-ms-transform: translate(5px,4px);
	transform: translate(5px,4px);
}

@media only screen and (max-width: 767px) {
	button, a.btn {
		padding: 11px 10px 8px;
		font-weight: 600;
		font-size: .87em;
		padding-right: 50px;
	}